@charset "utf-8";

/* カスタム用共通css_デバッグ用 */
/* .sidebar .widget_welcart_category .widget_title
  {
    background: red;
  } */

/* 共通///////////////////////////////////////////////// */
/* font設定  */
body, h1#site-title, div#site-title, hgroup.tagline
  {
  font-family: "Montserrat", "Yu Gothic", "Meiryo", sans-serif;
  }
.parallax-window1 hgroup.tagline
  {
  text-shadow: 0px 0px 32px rgb(0 0 0);
  }
#content h1.item_page_title
  {
  font-weight: normal;
  }
html:not(:target) body
  {
    font-size: 14px
  }
#content .entry p
  {
    line-height: 2;
  }
#content h1.pagetitle
  {
    font-weight: normal!important;
  }


/* TOPページ///////////////////////////////////////////////// */
/* ブログ埋め込み動画　サイズ調整用 */
iframe{
  width:100%;
  position: relative;
  }
iframe:before{
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 64%;
  }


/* ヘッダーメニューのhover要素の幅指定  */
.mainnavi ul
  {
    width: auto;
  }
.mainnavi ul a
  {
    white-space: nowrap;
  }




/* ヘッダーメニューの折り返し設定  */
#header .padder
  {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
#header .padder .utilities
  {
    position: relative;
    /* left: 0;
    right: initial; */
    order: 3;
    text-align: left;
    padding: 0;
  }
#header .padder .utilities ul.subnavi li a
  {
    padding: 0 0 0 24px;
  }
#header .padder h1#site-title
  {
    float: none;
    order: 1;
  }
#header .padder nav.animenu
  {
    order: 2;
    min-width: 420px;
  }
#promo_banner
  {
    display: none;
  }







/* 商品画像・記事サムネイル縦横比率固定用  */
.thumbnail_box .thumimg a
  {
  width: 100%;
  position: relative;
  display: block;
  }
.thumbnail_box .thumimg a:before
  {
  content: '';
  display: block;
  width: 100%;
  padding-top: 64%;
  overflow: hidden;
  }
.thumbnail_box .thumimg a img
  {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  object-fit: cover;
  }


/* 商品画像・記事サムネテキスト行間補正  */
.thumbnail_box .thumtitle a
  {
  line-height: 1.5;
  }


/* 値段が商品タイトルにかぶるの禁止  */
.thumbnail_box .thumtitle
  {
    float: none;
  }


/* footerとサイドバーの記事タイトル行間調整 */
.sidebar .usces_recent_entries li a, .sidebar .widget_archive li a, .sidebar .widget_categories li a, .sidebar .widget_pages li a, .sidebar .widget_meta li a, .sidebar .widget_links li a, .sidebar .widget_recent_comments li a, .sidebar .widget_recent_entries li a, .sidebar .widget_welcart_category li a, .sidebar .widget_welcart_post li a, .sidebar .widget_welcart_page li a, .sidebar .widget_welcart_bestseller li a
  {
    line-height: 1.5;
  }



/* 記事一覧///////////////////////////////////////////////// */
/* コメント欄非表示 */
p.postmetadata
  {
    display: none;
  }



/* 記事ページ///////////////////////////////////////////////// */
/* 商品メイン画像サイズ調整 */
.pika-stage
  {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  }
.pika-stage:before
  {
  content: '';
  display: block;
  width: 100%;
  padding-top: 64%;
  overflow: hidden;
  }
.pika-stage img
  {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  object-fit: cover;
  }

/* 商品サムネイル画像サイズ調整 */
.pika-thumbs li .clip
  {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  }
.pika-thumbs li .clip:before
  {
  content: '';
  display: block;
  width: 100%;
  padding-top: 64%;
  overflow: hidden;
  }
.pika-thumbs li .clip img
  {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  object-fit: cover;
  }


/* サイドバー///////////////////////////////////////////////// */
/* 画像サムネイルサイズ調整 */
.featured_list .thumimg a
  {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  }
.featured_list .thumimg a:before
  {
  content: '';
  display: block;
  width: 100%;
  padding-top: 72%;
  overflow: hidden;
  }
.featured_list .thumimg a img
  {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
  object-fit: cover;
  }

/* margin */
.sidebar .widget_welcart_featured .thumtitle, .sidebar .widget_ucart_featured .thumtitle
  {
  margin: 0px 0px 32px 0px;
  }
.featured_list .thumimg a
  {
  margin: 0px auto 8px;
  }
.sidebar li ul, #calendar_wrap, .widget_tag_cloud div, .widget_search form
  {
  margin: 0 0 56px 0;
  }

/* ブログページのサイドバー */
.sidebar .usces_recent_entries li a
  {
  padding: 16px 0px;
  }

/* ブログシングルページ///////////////////////////////////////////////// */
#content h1.pagetitle
  {
  line-height: 1.8;
  }
#content .post h2
  {
  display: none;
  }
#content .post h2 + p
  {
  display: none;
  }

/* ブログ一覧ページ///////////////////////////////////////////////// */
#content .blogindex h2
  {
  font-weight: bold;
  line-height: 1.8;
  }



/* モバイル表示///////////////////////////////////////////////// */
@media only screen and (max-width: 979px){
/* ヘッダーメニューの折り返し設定  */
#header .padder .utilities
  {
  order: 2;
  /* background: red; */
  }
#header .padder nav.animenu
  {
  order: 3;
  }
}


@media only screen and (max-width: 479px){
/* 商品画像・記事サムネイル横幅調整  */
.thumbnail_box .thumimg img
  {
  width: 100%;
  height: auto;
  }

/* parallax上テキスト幅修正  */
.parallax-window1 hgroup.tagline
  {
  width: 80%;
  }
.parallax-window2 hgroup.tagline
  {
  width: 80%;
  }
/* ヘッダーロゴ文字サイズ */
#header .padder h1#site-title
  {
  font-size: 16px;
  }
div#site-title
  {
  font-size: 16px;
  }
}




/* スタイルが効かない時、下に一つテストスタイル付け足すと動く時がある（謎）*/
li#menu-item-23
  {
    background: initial;
  }