/*---------------------------------
商品一覧出力&ページネーション用CSS
---------------------------------*/

/* 共通 > 商品ページから引っ張ってきたグリッドレイアウト */
.item-fixity {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0 0 2rem 0 !important;
}

.item-fixity li {
  list-style: none !important;
  margin: 1%;
}

.item-fixity li img {
  width: 100%;
  margin-bottom: 0.6em;
  height: auto;
  border-radius: 6px;
}

.item-fixity article {
  display: block !important;
}

/* 共通 > 商品一覧の出力埋め込み > すべて見るボタン */
.item-fixty-all a {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url(https://www.kyoei-bisou.co.jp/wp-content/themes/welcart_basic/images/item-fixty-all.jpg);
  width: 100%;
  text-align: center;
  display: block;
  border-radius: 6px;
  background-size: 100% 100%;
  padding-bottom: 42%;
}

.item-fixty-all a:hover {
  background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)),
    url(https://www.kyoei-bisou.co.jp/wp-content/themes/welcart_basic/images/item-fixty-all.jpg);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
  background-size: 100% 100%;
  transition: 0.2s ease-in-out;
}

.item-fixty-all span {
  color: #fff;
  background: #1d2975;
  box-shadow: 0 2px 0px rgba(0, 0, 0, 0.3);
  display: inline-block;
  border-radius: 50px;
  padding: 0.2em 0.8em;
}

.item-fixty-all span:hover {
  color: #fff;
  background: #0b0d46;
  transition: 0.2s ease-in-out;
}

/* 共通（PC含む） */
.sub-child-term {
  margin-top: 1.4rem !important;
  display: block;
}

/* 共通 > カート内容のポップアップをスクロール */
#cart {
  overflow-y: auto;
}

/* 共通 > グリッド状レイアウト */
div.type-grid {
  padding: 2% !important;
}

.sub-child-term ul {
  display: flex;
  flex-wrap: wrap;
  /* PCは折り返し */
  gap: 0.5em;
  margin-top: 0.4rem !important;
}

.sub-child-term ul li {
  display: block;
  margin-top: 0.5em;
}

.sub-child-term ul li a {
  padding: 0.4rem 0.6rem;
  background: #eee;
  font-size: 92%;
  border-radius: 100px;
}

.sub-child-term ul li a:hover {
  background: #ddd;
}


/* スマホだけ横スクロール */
@media screen and (max-width: 768px) {
  .sub-child-term ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5px;
  }
  .sub-child-term ul li {
    flex: 0 0 auto;
  }
}

/* 共通 > グリッド状レイアウト */
.cat-il.type-grid .itemimg img {
  border-radius: 5px;
}

/* 共通 > 関連タグ・カテゴリボタン */
#cf-similar small span a,
#cf-similar-post small span a,
#cf-similar-tag small span a {
  background: #fff;
  color: #555;
  border-radius: 100px;
  transition: 0.2s ease-in-out;
  border: 1px solid #555;
  padding: 3px 7px;
}

#cf-similar small span a:hover,
#cf-similar-post small span a:hover,
#cf-similar-tag small span a:hover {
  background: #1d2975;
  color: #fff;
  text-decoration: none;
  border: 1px solid #1d2975;
}

/* 共通 > 子要素から親要素へ(類似パンくず) */
.childtotop a {
  display: none;
}

.childtotop a:last-child {
  display: inline;
}

/* 共通 > タクソノミーに子要素を出力 */
.has_child {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2em;
}

.has_child li {
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #555;
  display: inline-block;
  padding: 3px 8px;
  text-decoration: none;
  margin: 2px;
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  transition: all 0.7s;
}

.no_child {
  display: none;
}

@media screen and (max-width:599px) {

  /* スマホ > グリッド状レイアウト */
  ul.recruit-genba,
  div.type-grid {
    margin: 0 2% !important;
  }

  /* スマホ > 商品一覧の出力埋め込み > アイテム一覧を並べるCSS */
  .item-fixity li {
    margin: 1% 1% 4% 1%;
    width: 48%;
    font-size: 88%;
  }

  /* スマホ > 商品一覧の出力埋め込み > すべて見るボタン */
  .item-fixty-all span {
    margin: 40% 0 0em 0;
    font-size: 92%;
  }

  .users-list ul {
    display: flex;
    padding: 1%;
    margin: 0;
    flex-wrap: wrap;
  }

  .users-list ul li {
    text-align: center;
    width: 30%;
    padding: 1%;
    list-style: none !important;
  }

  /* スマホ > カート内容のポップアップをスクロール */
  #cart {
    max-height: 320px;
  }
}

@media screen and (min-width: 600px) and (max-width: 959px) {

  ul.recruit-genba,
  div.type-grid {
    margin: 2% !important;
  }

  /* タブレット > 商品詳細ページ > アイテム一覧を並べるCSS */
  .item-fixity li {
    margin: 1%;
    width: 18%;
  }

  /* タブレット > 商品一覧の出力埋め込み > すべて見るボタン */
  .item-fixty-all span {
    margin-top: 45%;
    font-size: 70%;
  }
}

@media screen and (min-width:960px) {

  /* ラップトップ > 商品詳細ページ > アイテム一覧を並べるCSS */
  .item-fixity li {
    margin: 1%;
    width: 18%;
  }

  /* ラップトップ > 商品一覧の出力埋め込み > すべて見るボタン */
  .item-fixty-all span {
    margin-top: 42%;
    font-size: 80%;
  }

  /* ラップトップ > カート内容のポップアップをスクロール */
  #cart {
    max-height: 400px;
  }

  /* ラップトップ > 全幅強制対応 */
  #main.two-column #content {
    width: 100% !important;
  }

  /* ラップトップ > グリッド状レイアウト */
  div.type-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
  }

  div.type-grid article {
    float: none !important;
    flex: 0 0 calc((100% - 14%) / 5) !important;
    max-width: calc((100% - 14%) / 5) !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
}

@media screen and (min-width:1380px) {

  /* デスクトップ > グリッド状レイアウト */
  div.type-grid article {
    flex: 0 0 calc((100% - 15.5%) / 6) !important;
    max-width: calc((100% - 15.5%) / 6) !important;
  }
}

/* 共通 > ページネーションのカスタマイズ */
.pagination_wrapper {
    text-align: center;
}

.pagination_wrapper .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.pagination_wrapper .page-numbers li {
    margin: 0;
    padding: 0;
    line-height: 1;
}

.pagination_wrapper .page-numbers li a,
.pagination_wrapper .page-numbers li span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    min-width: 40px;

    padding: 0;
    margin: 0;

    border: none;
    border-radius: 50%;
    background: transparent;
    color: #111;

    font-size: 16px;
    line-height: 1;
    text-decoration: none;

    box-sizing: border-box;
    transition: 0.2s ease-in-out;
}

/* 現在ページ */
.pagination_wrapper .page-numbers li span.current {
    background: #1d2975;
    color: #fff;
}

/* ホバー */
.pagination_wrapper .page-numbers li a:hover {
    background: #1d2975;
    color: #fff;
    text-decoration: none;
}

/* dots */
.pagination_wrapper .page-numbers li span.dots {
    background: transparent;
    color: #111;
}

/* 前後ボタン */
.pagination_wrapper .page-numbers li a.prev,
.pagination_wrapper .page-numbers li a.next {
    background: transparent;
    color: #111;
    border: none;
}

/* 前後ボタン hover */
.pagination_wrapper .page-numbers li a.prev:hover,
.pagination_wrapper .page-numbers li a.next:hover {
    background: #1d2975;
    color: #fff;
}

/* 共通 > ページおくり機能の下余白調節 */
.pagination_wrapper{margin-bottom:2em;}

.other-tag{background:#eee;border:1px solid #ccc;padding:0.4em 0.6em;border-radius:4px;line-height:1.7em;margin-bottom:0.4em;}
.other-tag h2{border-bottom:1px solid #ccc;padding:0.4em 0;margin-bottom:0.4em;}

.type-grid img{border-radius:5px;}

@media screen and (max-width:599px) {
div.type-grid{margin:3%;}
}
}

@media screen and (min-width: 600px) and (max-width: 959px) { 
div.type-grid{margin:3%;}
}

@media screen and (min-width:960px) {
/* ラップトップ > カテゴリ > 類似タグ出力 */

div.type-grid{display:flex;flex-wrap:wrap;gap:3%;}
div.type-grid article{float:none !important;flex: 0 0 calc((100% - 14%) / 5) !important;max-width: calc((100% - 14%) / 5) !important;
margin:0 !important;box-sizing:border-box;}

/* ラップトップ > 2カラムレイアウトをフル表示に */
#main.two-column #content {width: 100% !important;}
}

@media screen and (min-width:1380px) {
div.type-grid article{float:none !important;flex: 0 0 calc((100% - 15.5%) / 6) !important;max-width: calc((100% - 15.5%) / 6) !important;}
}
.cat-il.type-grid .itemimg img {border-radius:5px;}

/* 共用 > 検索結果 > ○○をお探しですか？ */
#search-if {
    padding: 0;
    border-radius: 4px;
    text-align: center;
    animation-name: BottomUp;
    animation-duration: 1.6s;
	overflow:hidden;
	display:block;
	bottom:0;
	background:#ebebff;
}
#search-if small {
    color: #999;
}
#search-if ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#search-if li {
    line-height: 200%;
    margin: 0.5%;
}
#search-if li a {
    display: block;
    padding: 0.2em 0;
}
#search-if select {
    border: none;
    border-radius: 4px;
    position: relative;
    border: #9ea7e1 1px solid;
}
#search-if select:hover {
    border: #1d2975 1px solid;
}
#search-if select option {
    padding: 1%;
    line-height: 2em;
    height: 30px;
    position: relative;
    background: #1d2975;
    color: #fff;
}

@media screen and (max-width: 599px) {
	#search-if {
        padding: 1em 0 0.4em 0;
    }
	
    /* スマホ > 検索結果 > ○○をお探しですか？ */
    #search-if small {
        display: block;
    }
    #search-if h3 {
        font-size: 105%;
        text-align: center;
    }
    #search-if ul {
        margin: 1% 0;
    }
    #search-if li {
        padding: 1%;
        width: 48%;
        font-size: 88%;
    }
    #search-if li select {
        width: 100%;
    }
    #search-if li:last-child {
        text-align: center;
    }

    /* スマホ > カート内容のポップアップをスクロール */
    #cart {
        max-height: 320px;
        overflow-y: auto;
    }
}

@media screen and (min-width: 600px) and (max-width: 959px) { 

.page-header{display:block;overflow:hidden;}

    /* タブレット > 検索結果 > ○○をお探しですか？ */
    #search-if {
        padding: 1em 0 0.4em 0 !important;
    }
    #search-if h3 {
        font-size: 141%;
    }
    #search-if ul {
        margin: 1% 0;
    }

    /* タブレット > カート内容のポップアップをスクロール */
    #cart {
        max-height: 400px;
        overflow-y: auto;
    }
	
	#page-header{display:block;}
}

@media screen and (min-width: 960px) {
    /* ラップトップ > 検索結果 > ○○をお探しですか？ */
	
	#search-if {
		text-align:center;
    padding: 0;
    border-radius: 4px;
    text-align: center;
    animation-name: BottomUp;
    animation-duration: 1.6s;
	overflow:hidden;
	position:fixed;
	display:block;
	bottom:10px;
	z-index:9999;
	width:80%;
	justify-content:center;
}

    #search-if {
        padding: 1em 0 0.4em 0;display:flex;
    }
    #search-if small {
        font-size: 100%;
    }
		#search-if h3 {
			font-size: 141%;display:flex;padding:1.3% 0.4%;
		}
    #search-if ul {
        margin: 1% 0;display:flex;    justify-content: flex-start;gap: 12px;
    }
	
	  #search-if li {
    display: block;
    margin: 0;
    white-space: nowrap;
  }


    /* ラップトップ > カート内容のポップアップをスクロール */
    #cart {
        max-height: 400px;
        overflow-y: auto;
    }
	
	#main.two-column #content {
        width: 100% !important;
    }
}
/*---------------------------------
ヘッダーCSS
---------------------------------*/

.nav-menu {width: 100%;background-color: lightgray;transition: max-height 0.3s ease, transform 0.3s ease;overflow: hidden;}
.nav-menu.open {max-height: 300px;}
.nav-menu.closed {max-height: 0;}
.checked-icon {color: green;}
.unchecked-icon {color: red;}

/*---------------------------------
カラー
---------------------------------*/
/* 共通 > ウィジェットカート > ヘッダーナビゲーションの背景をメインカラーへ変更 */
header #site-navigation input#panel.on-off+div.nav-menu-open,
header #site-navigation input#panel.on-off:checked+div.nav-menu-open,
header #site-navigation input#panel.on-off+div.header-nav-container{background-color: var(--main-color);}

/* 共通 > ウィジェットカート > 数量変更ボタン */
#wdgctToCart a{background: #f2f3ff;}
#wdgctToCart a:hover{background: (var--main-color);}

/* 共通 > ウィジェットカート > 削除ボタンをゴミ箱アイコンへ変更 */
.cart_trush:before{background: #f2f3ff;}
.cart_trush:hover:before{background: (var--main-color);}

/* 共通 > ナビゲーションバーOPEN時の配色設定 */
.nav-menu-open ul{background:(var--main-color);}

/*---------------------------------
PCヘッダー・ナビ調整
---------------------------------*/
.incart-btn-head i{margin: 0 !important;background: none !important;}
.incart-btn-head i,.search-box i,.snav i {color: #fff !important;}
.nav-menu-open ul {background: var(--main-color);}

/*---------------------------------
スマホ用
---------------------------------*/
@media screen and (max-width:599px) {
#site-navigation label span.checked-icon::before {content: "\f057";color: #fff !important;background: (var--main-color) !important;}
#masthead{height:48px;}
.snav {padding-top: 0;}
}

/*---------------------------------
ラップトップ
---------------------------------*/
@media screen and (min-width:960px) {
.lastViewedThumb img {width: 48px !important;height: auto;}

header #site-navigation input#panel.on-off + div.nav-menu-open, header #site-navigation input#panel.on-off:checked + div.nav-menu-open, header #site-navigation input#panel.on-off + div.header-nav-container {background: (var--main-color);}
header .inner,
#site-navigation ul{width: 80% !important;}

#site-navigation ul ul {width:100% !important;}
#site-navigation ul ul li{border-right: none !important;}
#site-navigation li{border-right: 1px solid #0b0d46 !important;}
#site-navigation ul li:first-child {border-left: 1px solid #0b0d46;}
		
.incart-btn-head button{background:none !important;}
header .incart-btn button{background-color: #ff8c00;color: #fff;border:0;margin-right:-10px;cursor:pointer;}

/* ラップトップ > ヘッダー > 会員メニュー周辺設定 */
.snav .membership li:first-child, .snav .membership li a {font-size:14px;}
.snav .membership{padding: 0.5em;}
.snav{display:flex;width:64%;justify-content:right !important;padding:0 0 0 0;}
.snav incart-btn{display:flex-box;justify-content:right !important;}
.snav .membership{display:flex-box;}
.snav .search-box{display:flex-box;}

.incart-btn-head {background:none !important;margin: 0 0 0 auto;}
.incart-btn-head i{color:#555 !important;margin:0 !important;background:none !important;}
#cartIcon:before{color:#555 !important;pointer-events: none;}

header .incart-btn {background:none !important;min-width: auto;margin-top:-6px !important;}
header .incart-btn .total-quant{background:#fba60d !important;color:#fff;margin: 0 -5px 0 -5px;}
header .innner{padding-bottom:0 !important;}
#main{margin-top:0;}

/* ラップトップ > 共通 > フリーダイヤルタップ時に無効化 */
a[href^="tel:"]{pointer-events: none;}

/* ラップトップ > 共通 > 固定ページのフォントサイズ調節 */
.type-page h2{font-size:161%;}
.type-page h3{font-size:141%;}

/* ラップトップ > ヘッダー > ナビゲーション */
#site-navigation ul{display:flex;justify-content: center;}
#site-navigation ul li{display:flex-box;width:15%;text-align:center;}
#site-navigation ul li a{padding:1em 0;}

/* ラップトップ > 固定ページ > セットプランボックス */
#list-setplan ul{display:flex;margin:0;}
#list-setplan li{display:flex-box;width:22%;margin:1%;text-align:center;list-style:none;}
#list-setplan li img{width:100%;border-radius:15px;}

/* ラップトップ > 詳しく見るボタン */
.btn-simple-next{margin-top:0.6rem;font-size:89%;color:#fff;display:inline-block;padding:0.3rem 1.2rem 0.3rem 0.6rem;background:(var--main-color);border-radius:5px;position:relative;transition: 0.2s ease-in-out;}
.btn-simple-next:hover{color:#fff;text-decoration:none;background:#0b0d46;}
.btn-simple-next:after{font-family: "FontAwesome";content: "\f105";right: 0.8em;color:#fff;position:absolute;transition: 0.2s ease-in-out;}
.btn-simple-next:hover:after{font-family: "FontAwesome";content: "\f105";right: 0.6em;color:#fff;position:absolute;}

/* ラップトップ > 詳しく見るボタン > ヘッドライン用 */
.btn-headline-next{font-size:0.8rem;line-height:0.8rem;color:#fff;display:inline-block;padding:0.5rem 1.2rem 0.5rem 0.6rem;background:#006699;top:8px;right: 15px;border-radius:50px;position:absolute;transition: 0.2s ease-in-out;}
.btn-headline-next:hover{color:#fff;text-decoration:none;background:#0099cc;}
.btn-headline-next:after{font-family: "FontAwesome";content: "\f105";right: 0.8em;color:#fff;position:absolute;transition: 0.2s ease-in-out;}
.btn-headline-next:hover:after{font-family: "FontAwesome";content: "\f105";right: 0.6em;color:#fff;position:absolute;}

/* ラップトップ > ヘッダー  > 企業ロゴ周りの書式設定 */
.site-title{font-size:100% !important;max-width:;}
.site-title img{width: 220px !important;}
#site-navigation li a {font-weight: normal !important;}

h1.site-title, div.site-title {width:36%;}

/* ラップトップ > ヘッダー  > カートの中身ボタンを右端固定しない */
.incart-btn{margin-top:-3px;}

/* ラップトップ > 商品詳細ページ > サイドバー > ご発注の流れ */
.flow-order{text-align:center;display:block;width:100% !important;}
.flow-order img{width:28px;height:28px;vertical-align:middle;}
	
#contact-action{display:flex;flex-wrap:wrap;font-weight:bold;padding:0 20px;margin-top:20px;line-height:1.7rem;}
#contact-action i{font-size: 25px;line-height: 31px;display: inline-block;text-align: center;color: #fff;border-radius: 50px;width: 50px;height: 50px;padding: 10px;margin-right:0.2rem;}
#contact-action div{display:flex-box;width:50%;font-size:26px;}
#contact-action div table{width:100%;}
#contact-action div table th{vertical-align:top;padding:1.5%;width:12%;text-align:center;}
#contact-action div table td{padding:1.5%;width:88%;}
#contact-action div small{display:block;font-size:14px;}

.contact-action-mail{line-height:1.2rem;border-radius: 100px;font-size: 18px;padding: 0.6rem 3.2rem 0.6rem 3.2rem;margin: 0.4em 0 0 0;display: inline-block;position: relative;transition: 0.2s ease-in-out;}
.contact-action-mail:hover{color:#fff;}
.contact-action-mail:after{right:16px;position:absolute;font-family:"FontAwesome";content:"\f105";padding:0rem 0;transition: 0.2s ease-in-out;}
.contact-action-mail:hover:after{right:8px;}

/* ラップトップ > カートページ > カスタムオーダーフィールドのテーブル微調整 */
#wc_cart #cart_table .stock {display: table-cell;white-space: nowrap;display: none;}
#wc_cart tfoot td:last-child{display: none;}

#wc_cart tfoot tr:first-child th.stock{display: table-cell !important;}
#wc_cart tfoot tr th:last-child{display: none !important;}
	
.field{margin-top:-36px;}

#feature-reason,#feature-item{margin-top:-90px;padding-top:120px;}

/* ラップトップ > 固定ページ > お問い合わせフォーム */
.wpcf7{border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,0.1),0 5px 15px rgba(0,0,0,0.2);padding:2%;margin-bottom:50px;}

.result-child ul{display:flex;flex-wrap:wrap;margin:0 1%;}
.result-child ul li{display:flex-box;width:23% !important;margin:1%;padding:0;list-style:none;}
.result-child ul li img{width:100%;}

/* ラップトップ > カテゴリページ > タブ切り替え */
ul.advgb-tabs-panel{text-align:center;}
ul.advgb-tabs-panel li.advgb-tab, ul.advgb-tabs-panel li.advgb-tab.ui-state-default {
float: none !important;display: inline-block;}
	
#secondary section{padding:0 10px;}
#secondary section section{padding:0 0px;}

/* ラップトップ > 全体 > 幅を狭く取る */
header .inner,
#site-navigation ul,
.wrappar-head .site-content,
.list-news-wrap section,
.topcontainer,
.list-contact-wrap section,
.container
{width:1000px;margin: 0 auto;}

.site-header-tracked{position:fixed;z-index:9999;animation-name: PullDown;animation-duration: 0.2s;}
.site-title {width: 20% !important;min-width: 225px;max-width: 240px;}
.snav {width: 10% !important;display: flex;justify-content: flex-end;align-items: center;}

#site-navigation.main-navigation {height: auto !important;min-height: 70px !important;
margin: 0 !important;
border: none !important;
overflow: visible !important;}

#site-navigation ul.header-nav-container {margin: 0 !important;padding: 0 !important;display: flex !important;justify-content: flex-start !important;align-items: center !important;}
#site-navigation ul.header-nav-container > li {width: auto;border: none !important;}
#site-navigation ul.header-nav-container > li > a {display: flex;align-items: center;height: 70px;}

/* サブメニューは既存デザインを維持 */
#site-navigation ul.header-nav-container > li ul.sub-menu {top:70px;margin: 0;padding: 0px 0 !important;}
}

/*---------------------------------
レイアウト幅調節
---------------------------------*/
@media screen and (min-width: 959px) and (max-width: 1279px) {
header .inner, #main, #site-navigation ul, .wrappar-head .site-content, .list-news-wrap section, .topcontainer, .list-contact-wrap section, .container {width: 95% !important;margin: 0 auto;}
#site-navigation.main-navigation {width: 65%;}
.snav {width: 10% !important; right:10px;top:15px;}
}

@media screen and (min-width: 1280px) {
#site-navigation.main-navigation {width: 67%;}
}
	
@media screen and (min-width: 1380px) {
#site-navigation.main-navigation {width: 68%;}
}

@media screen and (min-width: 1480px) {
#site-navigation.main-navigation {width: 70%;}
}

@media screen and (min-width: 1580px) {
#site-navigation.main-navigation {width: 71%;}
}

@media screen and (min-width: 1780px) {
#site-navigation.main-navigation {width: 73%;}
}

/*---------------------------------
全デバイス共通
---------------------------------*/
.widget_wcex_widgetcart{animation-name: BottomUp;animation-duration: 0.25s;}

/* 共通 > ナビゲーションバーOPEN時の配色設定 */
.nav-menu-open ul li a{color:#fff;}

/* 共通 > カートトグルの閉じるボタン */
.toggleclose{position:absolute;top:7%;right:3%;border:none;font-size:18px;background:none;cursor:pointer;color:#555;transition: 0.2s ease-in-out;border-radius:4px;padding:6px 11px;}
.toggleclose:hover{color:#1d2975;background:#f2f3ff;}
.widget_wcex_widgetcart_popup .toggleclose{display:inline;}
.toggleclose{display:none;}

/* 共通 > 検索候補の書式設定 */
.wpdreams_asl_results a{font-size:88% !important;}
.wpdreams_asl_results img{width:48px !important;height:48px !important;}

/* 共通 > クイックリンクのコンテンツ */
.popup-content small{color:#999;}
.search-box form{animation-name: PullDown;animation-duration: 0.1s;}

/* 共通 > ウィジェットカート > ポップアップ */
.widget_wcex_widgetcart_popup{position:fixed;top:40px;left:0%;background:#fff;animation-name: PullDown;animation-duration: 0.25s;padding:18px !important;}

.widget_wcex_widgetcart_popup　.cart_navi{display:block;}
.hidden{display:none;}

/* 共通 > ウィジェットカート > 掛け算記号に変更 */
.widgetcart_quant:before{content:"×";}


/* 共通 > ウィジェットカート > アラートに関する設定 */
#wgct_alert.completion_box {padding: 18px 24px;border-radius:10px;height: 120px;width:240px;border: none;background-color: #ecf0ff;font-weight: bold;color: #036;display: none;box-shadow:0 1px 0 rgba(0,0,0,0.1),0 2px 20px rgba(0,0,0,0.1),0 4px 45px rgba(0,0,0,0.1);}

/* 共通 > ウィジェットカート > カートに商品追加したらアニメーションでBottomUp */
.widgetcart_rows{animation-name: BottomUp;animation-duration: 0.25s;}

/* 共通 > ウィジェットカート > 商品合計の上枠線を削除 */
.header,
.total_price
{border-top:none !important;}
.widgetcart_rows th.total_price {font-size: 1.7em;padding-right: 5px;}

/* 共通 > ウィジェットカート > アラートに関する設定 */
#wgct_alert.completion_box {padding: 18px 24px;border-radius:10px;height: 120px;width:240px;border: none;background-color: #ecf0ff;font-weight: bold;color: #036;display: none;box-shadow:0 1px 0 rgba(0,0,0,0.1),0 2px 20px rgba(0,0,0,0.1),0 4px 45px rgba(0,0,0,0.1);}

/* 共通 > ウィジェットカート > カートに商品追加したらアニメーションでBottomUp */
.widgetcart_rows{animation-name: BottomUp;animation-duration: 0.25s;}

/* 共通 > ウィジェットカート > フローティングエフェクト用のスタイル */
#floatingIcon {position: fixed;z-index:9999;display: none !important;transition: transform 0.9s ease-out;animation-name: BottomUpLong;animation-duration: 0.2s;font-size: 16px;margin-left:7px;margin-top:-8px;}
#floatingIcon i{color:#ff8c00 !important;}
#floatingIcon::before {content: '';position: absolute;top: 0%;left: 0%;transform: translate(-50%, -50%);width: 100%;height: 100%;border-radius: 50%;border:1px solid rgba(255, 255, 255, 0.8);background-color: rgba(125, 225, 255, 0.5);animation: subtleRipple 0.9s linear infinite;}

/* 共通 > ウィジェットカート > 不要な文字列を削除 */
.widgetcart_rows .item,
.widgetcart_rows .quant,
.widgetcart_rows .price,
.widgetcart_rows .trush,
th.footer
{display:none;}

/* 共通 > ウィジェットカート > テーブルの余白設定 */
.widgetcart_rows td.widgetcart_item{padding-top:0.8em;padding-bottom:0.8em;}

/* 共通 > ウィジェットカート > カート投入ボタン */
#wdgctToCheckout{margin-top:1em !important;}
#wdgctToCheckout a{transition: 0.2s ease-in-out;height:2.6em;line-height: 2em !important;background:#ff8c00;color: #fff;text-align: center;display: block;width: 100%;border-radius:4px;padding:0.4em 0 1.4em 0;}
#wdgctToCheckout a:hover{color: #fff;text-decoration:none;box-shadow:0 1px 0 rgba(255,255,255,0.3),0 2px 5px rgba(255,150,60,0.6),0 4px 15px rgba(255,150,60,0.6);}

/* 共通 > ウィジェットカート > ポップアップ > 他の商品を見るボタン */
.widget_wcex_widgetcart_popup #otherProductsButton{position:absolute;position: absolute;left: 50%;transform: translateX(-50%);border:none;background:#ddd;cursor:pointer;transition: 0.2s ease-in-out;}
.widget_wcex_widgetcart_popup #otherProductsButton:hover{background:#ccc;}

/* 共通 > ウィジェットカート > ポップアップ > h3 */
.widget_wcex_widgetcart_popup h3{border-bottom:none !important;}

/* 共通 > ウィジェットカート > フローティングエフェクト用のスタイル */
#floatingIcon {position: fixed;z-index:9999;display: none;transition: transform 0.9s ease-out;animation-name: BottomUpLong;animation-duration: 0.2s;font-size: 16px;margin-left:7px;margin-top:-8px;}
#floatingIcon i{color:#ff8c00 !important;}
#floatingIcon::before {content: '';position: absolute;top: 0%;left: 0%;transform: translate(-50%, -50%);width: 100%;height: 100%;border-radius: 50%;border:1px solid rgba(255, 255, 255, 0.8);background-color: rgba(125, 225, 255, 0.5);animation: subtleRipple 0.9s linear infinite;}

/* 共通 > ウィジェットカート > 商品合計の上枠線を削除 */
.header,
.total_price
{border-top:none !important;}
.widgetcart_rows th.total_price {font-size: 1.7em;padding-right: 5px;}

/* 共通 > ウィジェットカート > トグルがONの場合アイコンをオレンジに */
.On i{transition: 0.3s ease-in-out;}

.skuquantity{margin-right: 1em;width: 60px;}

/* 共通 > セカンダリーウィジェットの設定 */
#secondary h3{border-bottom:1px solid #ccc;font-weight:normal;padding:0.4em;}
#secondary h3:before {content: "\f07a";margin-right:0.2em;}

/* 共通 > ウィジェットカート > ポップアップ */
.widget_wcex_widgetcart_popup{position:fixed;top:40px;left:0%;background:#fff;animation-name: PullDown;animation-duration: 0.25s;padding:18px !important;}

.widget_wcex_widgetcart_popup　.cart_navi{display:block;}
.hidden{display:none;}

/* 共通 > ウィジェットカート > 掛け算記号に変更 */
.widgetcart_quant:before{content:"×";}

/* 共通 > ウィジェットカート > 数量変更ボタン */
#wdgctToCart{margin-bottom:1em;font-size:88%;}
#wdgctToCart a:before{content:"\f021";font-family:FontAwesome;margin-right:0.2em;}
#wdgctToCart a{border-radius: 50px;border: none;padding: 0.714288em 1.42857em;transition: .2s ease-in-out;cursor: pointer;text-decoration:none;color:#000;}
#wdgctToCart a:hover{color:#fff;text-decoration:none;}

/* 共通 > ウィジェットカート > 削除ボタンをゴミ箱アイコンへ変更 */
.cart_trush{display:hidden;}
.cart_trush:hover{text-decoration:none;}
.cart_trush img{display:none;}
.cart_trush:before{content:"\f1f8";font-family:FontAwesome;color:#555;padding:4px 6px;text-decoration:none;border-radius:50px;}
.cart_trush:hover:before{color:#fff;text-decoration:none !important;}
#wgct_row a:hover{text-decoration:none !important;}

/*---------------------------------
スマホ
---------------------------------*/

@media screen and (max-width:599px) {
#site-navigation li a {display: block;margin-left: 0.27143em;margin-right: 0.27143em;margin-bottom: 1.07143em;padding-bottom: .757143em;padding-left: .457143em;border-bottom: 1px solid rgba(255,255,255,0.7);font-size:1.08em;border-bottom:1px solid #0b0d46;}
#site-navigation li:last-child a {border-bottom: none;	padding-bottom: 0;}

/* スマホ > 共通 > フリーダイヤルボタンを非表示 */
.freedial-btn{display:none;}
	
/* スマホ > 共通 > サイドバーの余白調節 */
#secondary {padding: 2% 7%;border-top: none;}
	
.result-child ul{display:flex;flex-wrap:wrap;margin:1%;}
.result-child ul li{display:flex-box;width:18% !important;margin:1%;list-style:none;}
.result-child ul li img{width:100%;}

.icbox{padding:0.8rem 0.4rem !important;}
.incart-widget b{font-size:1.4em;color:#ff8c00;}
.incart-widget .incart-btn{text-align:center;width:90%;position:relative;left:5%;right:5%;}
.incart-widget .incart-btn a{padding:0.8rem 0.4rem 0.8rem 0.4rem;background: #ff8c00;margin-bottom:1.2rem;display:block;}

.incart-widget a:after{content:"";clear:both;}

.incart-widget .incart-btn .total-quant{display:none;}
.incart-widget .incart-btn i{padding-right:0.4rem;}
.incart-widget .incart-btn i,
.incart-widget .incart-btn i span
{color:#fff !important;display:inline;margin:0.4rem;}
.sumcart{text-align:center;margin-top:0.6em;}
.sumcart em{font-size:120%;color:#000;text-align:center;}
.sumcart em small{font-size:60%;color:#999;}

/* スマホ > カートページ > カスタムオーダーフィールドのテーブル微調整 */
#wc_cart #cart_table .stock {display: table-cell;white-space: nowrap;display: none;}
#wc_cart tfoot td:last-child{display: none;}

#wc_cart tfoot tr:first-child th.stock{display: table-cell !important;}

#wc_cart tfoot tr th:first-child,
#wc_cart tfoot tr th:nth-child(2),
#wc_cart tfoot tr th:last-child,
#wc_cart tfoot tr td:first-child,
#wc_cart tfoot tr td:nth-child(2),
#wc_cart tfoot tr td:last-child
{display:none;}

/* スマホ > ヘッダー > 全体  > 余白 */
.wrappar-head .site-content,
.list-news-wrap section,
.topcontainer,
.list-contact-wrap section,
.container
{margin:0 auto;padding:1% 2.5%;}

/* スマホ > 共通 > 固定ページのフォントサイズ調節 */
.type-page h2{font-size:141%;}
.type-page h3{font-size:120%;}

.cat-il.type-grid{display:flex;flex-wrap:wrap;}
/* スマホ > ヘッダー > サイトコンテンツ：余白を調節 */
.site-header{position:fixed;top:0;z-index:9999;background:#fff;border-bottom:none;box-shadow:0 5px 15px rgba(0,0,0,0.1);}

/* スマホ > ヘッダーメニュー > トグル */
#site-navigation label span::before {content: "\f0c9";position:fixed;transition: 0.2s ease-in-out;top:13px;right: 16px;}
#site-navigation label span.checked-icon::before {content: "\f057";color:#1d2975;}
#site-navigation label span.unchecked-icon::before {content: "\f0c9";}

#wpadminbar{display:none !important;}

#site-navigation li li {margin-left: 1em;margin-right: 1em;}
#site-navigation li a {display: block;margin-left: 0.27143em;margin-right: 0.27143em;margin-bottom: 1.07143em;padding-bottom: .757143em;padding-left: .457143em;border-bottom: 1px solid rgba(255,255,255,0.7);font-size:1.08em;}
#site-navigation li:last-child a {border-bottom: none;	padding-bottom: 0;}
#site-navigation li:last-child a {border-bottom: none;	padding-bottom: 0;}

.cat-il.type-grid{display:flex;flex-wrap:wrap;}
/* スマホ > ヘッダー > サイトコンテンツ：余白を調節 */
.site-header{position:fixed;top:0;z-index:9999;background:#fff;border-bottom:none;box-shadow:0 5px 15px rgba(0,0,0,0.1);}

/* スマホ > 共通 > フリーダイヤルボタンを非表示 */
.freedial-btn{display:none;}
	
/* スマホ > 共通 > サイドバーの余白調節 */
#secondary {padding: 2% 7%;border-top: none;}
	
.result-child ul{display:flex;flex-wrap:wrap;margin:1%;}
.result-child ul li{display:flex-box;width:18% !important;margin:1%;list-style:none;}
.result-child ul li img{width:100%;}

.icbox{padding:0.8rem 0.4rem !important;}
.incart-widget b{font-size:1.4em;color:#ff8c00;}
.incart-widget .incart-btn{text-align:center;width:90%;position:relative;left:5%;right:5%;}
.incart-widget .incart-btn a{padding:0.8rem 0.4rem 0.8rem 0.4rem;background: #ff8c00;margin-bottom:1.2rem;display:block;}

.incart-widget a:after{content:"";clear:both;}

.incart-widget .incart-btn .total-quant{display:none;}
.incart-widget .incart-btn i{padding-right:0.4rem;}
.incart-widget .incart-btn i,
.incart-widget .incart-btn i span
{color:#fff !important;display:inline;margin:0.4rem;}
.sumcart{text-align:center;margin-top:0.6em;}
.sumcart em{font-size:120%;color:#000;text-align:center;}
.sumcart em small{font-size:60%;color:#999;}

/* スマホ > カートページ > カスタムオーダーフィールドのテーブル微調整 */
#wc_cart #cart_table .stock {display: table-cell;white-space: nowrap;display: none;}
#wc_cart tfoot td:last-child{display: none;}

#wc_cart tfoot tr:first-child th.stock{display: table-cell !important;}

#wc_cart tfoot tr th:first-child,
#wc_cart tfoot tr th:nth-child(2),
#wc_cart tfoot tr th:last-child,
#wc_cart tfoot tr td:first-child,
#wc_cart tfoot tr td:nth-child(2),
#wc_cart tfoot tr td:last-child
{display:none;}

/* スマホ > ヘッダー > 全体  > 余白 */
.wrappar-head .site-content,
.list-news-wrap section,
.topcontainer,
.list-contact-wrap section,
.container
{margin:0 auto;padding:1% 2.5%;}

/* スマホ > 共通 > 固定ページのフォントサイズ調節 */
.type-page h2{font-size:141%;}
.type-page h3{font-size:120%;}

/* スマホ > ウィジェットカート出現時のフロー書式 */
div.cart_navi ul {display:flex;justify-content:center;width:100% !important;border-radius:5px;}
div.cart_navi ul li{display:flex-box;font-size:72%;letter-spacing:-0.04em;}
div.cart_navi ul li:nth-child(1){width:18% !important;margin-left:-10px;}
div.cart_navi ul li:nth-child(2){width:26% !important;}
div.cart_navi ul li:nth-child(3){width:33% !important;}
div.cart_navi ul li:nth-child(4){width:26% !important;}

#toggleHis {display:none;}

/* スマホ > 共通 > フリーダイヤルボタンを非表示 */
.freedial-btn{display:none;}
	
/* スマホ > 共通 > サイドバーの余白調節 */
#secondary {padding: 2% 7%;border-top: none;}
	
.result-child ul{display:flex;flex-wrap:wrap;margin:1%;}
.result-child ul li{display:flex-box;width:18% !important;margin:1%;list-style:none;}
.result-child ul li img{width:100%;}

.icbox{padding:0.8rem 0.4rem !important;}
.incart-widget b{font-size:1.4em;color:#ff8c00;}
.incart-widget .incart-btn{text-align:center;width:90%;position:relative;left:5%;right:5%;}
.incart-widget .incart-btn a{padding:0.8rem 0.4rem 0.8rem 0.4rem;background: #ff8c00;margin-bottom:1.2rem;display:block;}

.incart-widget a:after{content:"";clear:both;}

.incart-widget .incart-btn .total-quant{display:none;}
.incart-widget .incart-btn i{padding-right:0.4rem;}
.incart-widget .incart-btn i,
.incart-widget .incart-btn i span
{color:#fff !important;display:inline;margin:0.4rem;}
.sumcart{text-align:center;margin-top:0.6em;}
.sumcart em{font-size:120%;color:#000;text-align:center;}
.sumcart em small{font-size:60%;color:#999;}

/* スマホ > カートページ > カスタムオーダーフィールドのテーブル微調整 */
#wc_cart #cart_table .stock {display: table-cell;white-space: nowrap;display: none;}
#wc_cart tfoot td:last-child{display: none;}

#wc_cart tfoot tr:first-child th.stock{display: table-cell !important;}

#wc_cart tfoot tr th:first-child,
#wc_cart tfoot tr th:nth-child(2),
#wc_cart tfoot tr th:last-child,
#wc_cart tfoot tr td:first-child,
#wc_cart tfoot tr td:nth-child(2),
#wc_cart tfoot tr td:last-child
{display:none;}

/* スマホ > ヘッダー > 全体  > 余白 */
.wrappar-head .site-content,
.list-news-wrap section,
.topcontainer,
.list-contact-wrap section,
.container
{margin:0 auto;padding:1% 2.5%;}

/* スマホ > 共通 > 固定ページのフォントサイズ調節 */
.type-page h2{font-size:141%;}
.type-page h3{font-size:120%;}

.cat-il.type-grid{display:flex;flex-wrap:wrap;}
/* スマホ > ヘッダー > サイトコンテンツ：余白を調節 */
.site-header{position:fixed;top:0;z-index:9999;background:#fff;border-bottom:none;box-shadow:0 5px 15px rgba(0,0,0,0.1);}

/* スマホ > ヘッダーメニュー > トグル */
#site-navigation label span::before {content: "\f0c9";position:fixed;transition: 0.2s ease-in-out;top:13px;right: 16px;}
#site-navigation label span.checked-icon::before {content: "\f057";}
#site-navigation label span.unchecked-icon::before {content: "\f0c9";}

/* スマホ > ヘッダー > メニューのトグル時にフェードイン */
header #site-navigation input#panel.on-off:checked + div.nav-menu-open, header #site-navigation input#panel.on-off:checked + div.header-nav-container {animation-name: PullDown;animation-duration: 0.15s;}

/* スマホ > カート中身 > 数量変更の注釈 */
.upbutton{font-size:1.2vmax;}

.wp-block-columns{margin-bottom: 0em !important;}

/* スマホ > Contactform7 > 幅調整 */
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"] {
    width: 100%;
}

/* スマホ > メイン > サイトコンテンツ：余白を調節 */
.site-content{padding:2%;}

/* スマホ > カートトグルの閉じるボタン */
.toggleclose{display:none;}
.toggleclose{top:3%;}

header .incart-btn button{background:none;border:none;padding:0;margin:0;webkit-appearance: none;}

.sub-menu{border-radius:10px;}
.nav-menu-open,
.search-box form,
ul.cf
{border-radius:0px 0px 10px 10px;}

.wpdreams_asl_results{width: 100%;margin-top:2px !important;border-radius:5px !important;height:220px !important;}
.wpdreams_asl_results:before{padding:0em 0.3em 0.6em;content:"検索候補";display:block;font-weight:bold;color:#999;font-size:88%;}

.search-box.On form {display: block;position: absolute;left: 0;width: 100%;padding: 0.714286em 0.714286em 0.714286em;ackground-color: #fff;}

/* スマホ > ヘッダー > ナビゲーションバー背景色の変更 */
.sub-menu{display:none;}

/* スマホ > ヘッダー > ナビゲーションバーのトグルがクリックされた時に背景色を変更 */
#menu-item-772{display:none !important;}
.toggle-button{position: absolute;top: -15px;right: 3px;z-index: 9999;background: none;border: none;color: #fff;font-size: 25px;padding: 10px;transition: transform 0.3s ease;}
.toggle-button.rotated {transform: rotate(135deg);}
.toggle-button.rotated + .sub-menu {padding:1.5em 1.5em 1px 0 !important;margin:1em 0.2em 1.5em 0.2em !important;background:#0b0d46;}
.toggle-button.rotated + .sub-menu a{border-bottom:rgba(255,255,255,0.5) solid 1px !important;padding-bottom: 0.757143em !important;}
.toggle-button.rotated + .sub-menu li:last-child a{border:none !important;}
.menu-item-has-children{position:relative;}

.membership-user a:before{font-family:"FontAwesome";content: "\f044";margin-right:0.2em;width:18px;display:inline-block;}
.membership-login a:before{font-family:"FontAwesome";content: "\f090";margin-right:0.2em;width:18px;display:inline-block;}

/* スマホ > ウィジェットカート > ポップアップ */
.widget_wcex_widgetcart_popup{top:40px;left:0%;padding:18px !important;width:100%;border-radius:0 0 5px 5px;z-index:9999;box-shadow: 0 1px 0px rgba(0,0,0,.1),0 5px 14px rgba(0,0,0,.1);}

/* スマホ > ウィジェットカート > ポップアップ　> 追従時の高さ指定 */
.widget_wcex_widgetcart_popup #wgct_row{overflow:auto;max-height:350px;padding-top:1em;padding-bottom:1em;margin-bottom: 2em;}

/* スマホ > ウィジェットカート > ポップアップ　> 他の商品を見るボタン */
.widget_wcex_widgetcart_popup #otherProductsButton{bottom:2%;padding:0.8em 1.2em;border-radius:4px;margin-top:1em;margin-bottom:1em;}

/* スマホ > ウィジェットカート > カート投入ボタン */
#wdgctToCheckout a{height:2.6em;line-height: 2em !important;padding:0.4em 0 1.4em 0;margin-bottom:1em;}

/* スマホ > ウィジェットカート > ごみ箱アイコン */
.widget_wcex_widgetcart_popup td.widgetcart_trush{font-size: 1.6em;line-height:1.6em;}

/* スマホ > ウィジェットカート > フローティングエフェクト用のスタイル */
#floatingIcon {font-size: 16px;margin-left:4px;margin-top:-13px;}

/* スマホ > 全般 > お問い合わせフォーム */
#contact-content{padding:20px 10px;}
.crow{flex-direction: column;margin-bottom:10px;padding:10px 0;}
.crow .cleft{width:100%;margin-bottom:15px;}
.crow .cright{width:100%;}
.require{margin-right:10px;}
ul.touchTel li {width: 49%;margin: 0 0.5%;}
.crow .wpcf7-text,
.crow .wpcf7-text,
.crow .wpcf7-textarea
{width:100%;}
.crow .two-input span  .wpcf7-text{width:100%; margin:0 0 15px 0;}

/* スマホ > 検索ボックス(開閉)をアニメーションでin */
.mobile input,.cf li{animation-name: PullDown;animation-duration: 0.2s;}

.cf,.search-box form{box-shadow:0 5px 5px rgba(0,0,0,0.05);}
.search-box div.s-box{
border:none;}

.search-box div.s-box input{
background:#eee !important;
border-radius:5px;}

body{padding-top:5px;}

.entry-content h3, .item-description h3{padding-left: 0;border-left: 0;}

/* スマホ > 商品詳細ページ > アンカーリンク後スクロール位置の調節 */
header .incart-btn .total-quant {line-height:1.26em;padding-left:0em;}

div.cart_navi li {font-size:10px;padding-top: 0px;padding-right: 0.609095em;padding-bottom: 0px;padding-left:2.21818em;align-content}

/* スマホ > 商品詳細 > サイドバー > カートの中身 */
.incart-widget{position:relative;}
.incart-widget section{box-shadow:0 1px 1px rgba(0,0,0,0.05),0 5px 15px rgba(0,0,0,0.2);border-radius:4px;}
.incart-widget p a{text-align:center;display:block;margin-top:70px;}

.icbox{padding:0.8rem 0.4rem !important;}
.incart-widget b{font-size:1.4em;color:#ff8c00;}
.incart-widget .incart-btn{text-align:center;width:90%;position:relative;left:5%;right:5%;}
.incart-widget .incart-btn a{padding:0.8rem 0.4rem 0.8rem 0.4rem;background: #ff8c00;margin-bottom:1.2rem;display:block;}

.incart-widget a:after{content:"";clear:both;}

.incart-widget .incart-btn .total-quant{display:none;}
.incart-widget .incart-btn i{padding-right:0.4rem;}
.incart-widget .incart-btn i,
.incart-widget .incart-btn i span
{color:#fff !important;display:inline;margin:0.4rem;}
.sumcart{text-align:center;margin-top:0.6em;}
.sumcart em{font-size:120%;color:#000;text-align:center;}
.sumcart em small{font-size:60%;color:#999;}

/* スマホ > カートページ > カスタムオーダーフィールドのテーブル微調整 */
#wc_cart #cart_table .stock {display: table-cell;white-space: nowrap;display: none;}
#wc_cart tfoot td:last-child{display: none;}

#wc_cart tfoot tr:first-child th.stock{display: table-cell !important;}

#wc_cart tfoot tr th:first-child,
#wc_cart tfoot tr th:nth-child(2),
#wc_cart tfoot tr th:last-child,
#wc_cart tfoot tr td:first-child,
#wc_cart tfoot tr td:nth-child(2),
#wc_cart tfoot tr td:last-child
{display:none;}

/* スマホ > ヘッダー > 全体  > 余白 */
.wrappar-head .site-content,
.list-news-wrap section,
.topcontainer,
.list-contact-wrap section,
.container
{margin:0 auto;padding:1% 2.5%;}

/* スマホ > 共通 > 固定ページのフォントサイズ調節 */
.type-page h2{font-size:141%;}
.type-page h3{font-size:120%;}

.cat-il.type-grid{display:flex;flex-wrap:wrap;}
/* スマホ > ヘッダー > サイトコンテンツ：余白を調節 */
.site-header{position:fixed;top:0;z-index:9999;background:#fff;border-bottom:none;box-shadow:0 5px 15px rgba(0,0,0,0.1);}

/* スマホ > ヘッダー > サイトコンテンツ：余白を調節 */
.snav .fa-search{top:3px;right: 43px;margin:0;padding:0;position:fixed;}
.snav .fa-user{top:12px;right: 88px;margin:0;padding:0;position:fixed;}
.snav .fa-shopping-cart{top:12px;right: 123px;margin:0;padding:0;position:fixed;}

/* スマホ > アイテム >  詳しく見るボタン > ヘッドライン用 */
.snav .membership ul {top: 40px;}

/* スマホ > ヘッダー > カートボタン */
.incart-btn{top:12px;right: 112px;margin:0;padding:0;position:fixed;}
.incart-btn .total-quant {display: inline-block;font-weight: bold;position: absolute;left: -20px;margin-top:-10px;width: auto;min-width: 18px;max-width: 25px;height: 18px;line-height:18px;color: #fff;background: #fba60d;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-align: center;vertical-align: text-bottom;}

/* スマホ > ヘッダー > ベースライン */
h1.site-title, div.site-title {font-weight: bold;float: left;height:46px;font-size: 1em;}
.search-box.On form {z-index: 9999;}

/* スマホ > ヘッダー > ロゴ */
.site-title img{margin-left:7px;width: 115px !important;}

/* スマホ > ヘッダー > メニューバーに影を追加 */
.nav-menu-open{box-shadow:0 10px 10px rgba(0,0,0,0.2);}

/* スマホ > ヘッダー > メニューのトグル時にフェードイン */
header #site-navigation input#panel.on-off:checked + div.nav-menu-open, header #site-navigation input#panel.on-off:checked + div.header-nav-container {animation-name: PullDown;animation-duration: 0.15s;}

/* スマホ > カート中身 > 数量変更の注釈 */
.upbutton{font-size:1.2vmax;}

.wp-block-columns{margin-bottom: 0em !important;}

/* スマホ > Contactform7 > 幅調整 */
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"] {
    width: 100%;
}

/* スマホ > メイン > サイトコンテンツ：余白を調節 */
.site-content{padding:2%;}

/* スマホ > ヘッダーメニュー > トグル */
#site-navigation label span::before {content: "\f0c9";position:fixed;transition: 0.2s ease-in-out;top:13px;right: 16px;}
#site-navigation label span.checked-icon::before {content: "\f057";}
#site-navigation label span.unchecked-icon::before {content: "\f0c9";}

/* スマホ > 商品詳細ページ > アイテム一覧を並べるCSS > 横方向にスクロール */
#cf-relation ul,
#cf-relation-post ul,
#cf-similar-tag ul,
#cf-similar-post ul,
#cf-similar ul,
.page-id-7568 .item-fixity
{display:flex;flex-wrap:nowrap;list-style:none;width:104% !important;padding:0;margin:1rem 0 2rem 0 !important;overflow-x:scroll;position:relerative;}

#cf-relation ul li,
#cf-relation-post ul li,
#cf-similar-tag ul li,
#cf-similar ul li,
.page-id-7568 .item-fixity li
{display:flex-box;list-style:none !important;margin:1% 1% 4% 1%;flex: 1;font-size:88%;min-width: 40%;max-width: 40%;}
#cf-similar-post ul li{display:flex-box;list-style:none !important;margin:1% 1% 4% 1%;flex: 1;font-size:88%;min-width: 75%;max-width: 75%;}

#cf-similar-post li img,
#cf-similar .item-fixity,
.page-id-7568 .item-fixity li img{width:100%;margin-bottom:0.6em;border-radius:5px;}

/* スマホ > 実績記事を出力 */
.recruit-genba{margin:0 0 4% 0 !important;padding:0 !important;list-style:none !important;margin-bottom:4%;}
.recruit-genba li{width:48%;margin:1% 1% 4% 1% !important;list-style:none !important;font-size:86%;line-height:1.4em;}
.recruit-genba li img{margin-bottom:0.4rem;}

/* スマホ > 商品詳細ページ > CTA */
.item-cta{margin:0 -5.3% 0 -5.3%;}

/* スマホ > 商品詳細ページ > サイドバー > ご発注の流れ */
.flow-order{text-align:center;display:block;overflow:both;}
.flow-order img{width:28px;height:28px;vertical-align:middle;}

/* スマホ > プルダウンボックス */
.switch_content {margin:-4.6em 0 1em 0;}

/* スマホ > フロントページ特設ウィジェット */
.front-sidebar{width:90%;margin:auto;}
}

/*---------------------------------
タブレット
---------------------------------*/

@media screen and (min-width: 600px) and (max-width: 959px) {
/* タブレット > ヘッダー > メニューのトグルスイッチ */
#site-navigation label span.menutoggle:before {content: "\f0c9";display: block;font-family: FontAwesome;font-size: 1.5714em;vertical-align: text-bottom;	top:24px;right: 22px;position:fixed;transition: 0.2s ease-in-out;}
#site-navigation label span.menutoggleclose:before {content: "\f057" !important;display: block;color: #ff9999;font-family: FontAwesome;font-size: 1.5714em;vertical-align: text-bottom;top:24px;right: 22px;position:fixed;transition: 0.2s ease-in-out;}

#site-navigation label span:before {content: "\f0c9";display: block;font-family: FontAwesome;font-size: 1.5714em;vertical-align: text-bottom;	top:24px;right: 22px;position:fixed;}

.incart-btn button{background:none;border:none;padding:0;margin:0;}

/* タブレット > ウィジェットカート > ポップアップ */
.widget_wcex_widgetcart_popup{position:fixed;top:90px;left:4%;width:92%;padding:40px !important;box-shadow: 0 5px 5px rgba(0,0,0,.2);border-radius:8px;}

/* タブレット > ウィジェットカート > ポップアップ　> 追従時の高さ指定 */
.widget_wcex_widgetcart_popup #wgct_row{overflow:auto;max-height:450px;padding-top:1em;}

/* タブレット > ウィジェットカート > ポップアップ　> 他の商品を見るボタン */
.widget_wcex_widgetcart_popup #otherProductsButton{bottom:6%;border:padding:0.4em 0.8em;border-radius:4px;}

/* タブレット >  ウィジェットカート > カート投入ボタン */
#wdgctToCheckout a{height:2.6em;line-height: 2em !important;padding:0.4em 0 1.4em 0;text-align: center;margin:auto;display: block;width: 40%;border-radius:4px;}

/* タブレット > ウィジェットカート > フローティングエフェクト用のスタイル */
#floatingIcon {font-size: 16px;margin-left:2px;margin-top:-8px;}

/* タブレット > ヘッダー > ナビゲーションバーのトグルがクリックされた時に背景色を変更 */
#menu-item-772{display:none !important;}
.toggle-button{position: absolute;top: -15px;right: 3px;z-index: 9999;background: none;border: none;color: #fff;font-size: 25px;padding: 10px;transition: transform 0.3s ease;}
.toggle-button.rotated {transform: rotate(135deg);}
.toggle-button.rotated + .sub-menu {padding:1.5em 1.5em 1px 0 !important;margin:1em 0.8em 1.5em 0.8em !important;background:#0b0d46;}
.toggle-button.rotated + .sub-menu a{border-bottom:rgba(255,255,255,0.5) solid 1px !important;padding-bottom: 0.757143em !important;}
.toggle-button.rotated + .sub-menu li:last-child a{border:none !important;}
.menu-item-has-children{position:relative;}

/* タブレット > フロントページ特設ウィジェット */
.front-sidebar{width:90%;margin:auto;}

/* タブレット > ヘッダー > ナビゲーションバー背景色の変更 */
.sub-menu{display:none;}

body{padding-top:63px;}

/* タブレット > 全般 > 詳細折りたたみボタン */
.ocbutton{display:none;}

#content {padding: 0 4%;}
	
/* タブレット > 共通 > フリーダイヤルタップ時に無効化 */
a[href^="tel:"]{pointer-events: none;}

/* タブレット > 共通 > フリーダイヤルボタンを非表示 */
.freedial-btn{display:none;}

/* タブレット > 共通 > サイドバーの余白調節 */
#secondary {padding: 2.14289em;border-top: none;}
	
/* タブレット > 商品詳細ページ > サイドバー > カートの中身 */
.incart-widget{position:relative;}
.incart-widget section{box-shadow:0 1px 1px rgba(0,0,0,0.05),0 5px 15px rgba(0,0,0,0.2);border-radius:4px;padding:2% 4%;}
.incart-widget p{text-align:center;}

.incart-widget b{font-size:1.4em;color:#ff8c00;}
.incart-widget .incart-btn{text-align:center;width:50%;position:relative;left:25%;right:25%;bottom:25%;margin-bottom:2%;}
.incart-widget .incart-btn a{padding:0.4rem 0.4rem;background: #ff8c00;}
.incart-widget .incart-btn .total-quant{display:none;}
.incart-widget .incart-btn i{padding-right:0.4rem;}
.incart-widget .incart-btn i,
.incart-widget .incart-btn i span
{color:#fff !important;display:inline;margin:0.4rem;}
.sumcart{text-align:center;margin-top:0.6em;}
.sumcart em{font-size:120%;color:#000;text-align:center;}
.sumcart em small{font-size:60%;color:#999;}

/* タブレット > カートページ > カスタムオーダーフィールドのテーブル微調整 */
#wc_cart #cart_table .stock {display: table-cell;white-space: nowrap;display: none;}
#wc_cart tfoot td:last-child{display: none;}

#wc_cart tfoot tr:first-child th.stock{display: table-cell !important;}
#wc_cart tfoot tr th:nth-last-child(2){display: none !important;}
#wc_cart tfoot tr th:last-child{display: none !important;}

#wc_cart tfoot tr td:nth-last-child(2){display: none !important;}
#wc_cart tfoot tr td:last-child{display: none !important;}

/* タブレット > 全体  > 余白 */
.wrappar-head .site-content,
.list-news-wrap section,
.topcontainer,
.list-contact-wrap section,
.container
{margin:0 auto;padding:1% 2%;}

/* タブレット > 共通 > 固定ページのフォントサイズ調節 */
.type-page h2{font-size:161%;}
.type-page h3{font-size:141%;}

/* タブレット > ヘッダー > サイトコンテンツ：余白を調節 */
.site-header{position:fixed;top:0;z-index:9999;background:#fff;border-bottom:none;box-shadow:0 5px 15px rgba(0,0,0,0.1);}

/* タブレット > ヘッダー > サイトコンテンツ：余白を調節 */
.snav .fa-search{top:13px;right: 120px;margin:0;padding:0;position:fixed;}
.snav .fa-user{top:22px;right: 93px;margin:0;padding:0;position:fixed;}
.snav .fa-shopping-cart{top:22px;right: 56px;margin:0;padding:0;position:fixed;}

/* タブレット > ヘッダー > カートボタン */
.incart-btn{top:22px;right: 56px;margin:0;padding:0;position:fixed;}
.incart-btn .total-quant {display: inline-block;font-weight: bold;position: absolute;left: -10px;margin-top:-10px;width: auto;min-width: 20px;max-width: 30px;height: 20px;color: #fff;background: #fba60d;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-align: center;vertical-align: text-bottom;}

/* タブレット > ヘッダー > ベースライン */
h1.site-title, div.site-title {font-weight: bold;float: left;height:64px;font-size: 1em;}
.search-box.On form {z-index: 9999;top:64px;}

/* タブレット > ヘッダー > ロゴ */
.site-title img{margin-left:7px;width: 135px !important;}

/* タブレット > ヘッダー > メニューバーに影を追加 */
.nav-menu-open{box-shadow:0 10px 10px rgba(0,0,0,0.2);}

/* タブレット > ヘッダー > メニューのトグル時にフェードイン */
div.nav-menu-open, header #site-navigation input#panel.on-off:checked + div.header-nav-container {transition: 0.2s ease-in-out;}

/* タブレット > ヘッダー > セットプラン */
.site-title img{width: 235px !important;}

.snav .membership ul {top: 63px;}

#site-navigation ul{transition: 0.2s ease-in-out;}

#contact-action{display:flex;flex-wrap:wrap;margin:;font-weight:bold;margin-top:20px;line-height:1.7rem;}
#contact-action i{margin-right:0.2rem;font-size: 25px;line-height: 31px;display: inline-block;text-align: center;color: #fff;border-radius: 50px;width: 50px;height: 50px;padding: 10px;}

#contact-action div{display:flex-box;width:50%;font-size:141%;}
#contact-action div table{width:100%;}
#contact-action div table th{vertical-align:top;padding:1.5%;width:12%;text-align:center;}
#contact-action div table td{padding:1.5%;width:88%;}
#contact-action div small{display:block;font-size:65%;}

.section-contact-form aside{padding:1.5%;background:#eee;margin:2% 2.8% 4% 2.8%;border-radius:20px;font-size:89%;}

.contact-action-mail{line-height:1.2rem;border-radius: 100px;font-size: 88%;padding: 0.6rem 2.0rem 0.6rem 1.6rem;margin: 0.4em 0 0 0;display: inline-block;position: relative;transition: 0.2s ease-in-out;}
.contact-action-mail:hover{color:#fff;}
.contact-action-mail:after{right:16px;position:absolute;font-family:"FontAwesome";content:"\f105";padding:0rem 0;transition: 0.2s ease-in-out;}
.contact-action-mail:hover:after{right:8px;}

/* タブレット > 実績記事を出力 */
.recruit-genba{margin:0 0 4% 0 !important;padding:0 !important;list-style:none !important;}
.recruit-genba li{width:31%;margin:1%;list-style:none !important;text-align:center;font-size:72%;}
.recruit-genba li img{margin-bottom: 0.4em;}

/* タブレット > 商品詳細ページ > サイドバー > ご発注の流れ */
.flow-order{text-align:center;display:block;margin-top:55px;}
.flow-order img{width:28px;height:28px;vertical-align:middle;}

/* タブレット > 商品詳細ページ > 見積もり商品の表記 */
.nonprice{width:45%;}

.result-child ul{display:flex;flex-wrap:wrap;margin:1%;}
.result-child ul li{display:flex-box;width:23%;margin:1%;list-style:none;}
.result-child ul li img{width:100%;}

.icbox{padding:0.8rem 0.4rem !important;}

/* タブレット > お問い合わせ方法 */
.section-contact-form{margin:1rem 0 2rem 0;}

/* タブレット > ヘッダー > メニューのトグルスイッチ */
#site-navigation label span.menutoggle:before {content: "\f0c9";display: block;font-family: FontAwesome;font-size: 1.5714em;vertical-align: text-bottom;	top:24px;right: 22px;position:fixed;transition: 0.2s ease-in-out;}
#site-navigation label span.menutoggleclose:before {content: "\f057" !important;display: block;color: #ff9999;font-family: FontAwesome;font-size: 1.5714em;vertical-align: text-bottom;	top:24px;right: 22px;position:fixed;transition: 0.2s ease-in-out;}

#site-navigation label span:before {content: "\f0c9";display: block;font-family: FontAwesome;font-size: 1.5714em;vertical-align: text-bottom;	top:24px;right: 22px;position:fixed;}
}

/*---------------------------------
ラップトップ
---------------------------------*/

@media screen and (min-width:960px) {
header .incart-btn{margin:0 0 0 auto;}
header .incart-btn button{background-color: #ff8c00;color: #fff;border:0;border-radius:4px;padding: 0.714286em 0.39em 0.714286em 0.714286em;cursor:pointer;z-index:9999;}

header .inner{margin: 0 auto;padding-bottom: .071428em;}

/* ラップトップ > ヘッダー > ナビゲーションバー背景色の変更 */
header #site-navigation input#panel.on-off + div.nav-menu-open, header #site-navigation input#panel.on-off:checked + div.nav-menu-open, header #site-navigation input#panel.on-off + div.header-nav-container {background: #1d2975;}
#site-navigation ul li:first-child {border-left: 1px solid #0b0d46;}
#site-navigation li{border-right:1px solid #0b0d46;}
#site-navigation li.current_page_item a,
#site-navigation li.current-menu-parent a,
#site-navigation li a:hover{background: #0b0d46;}

/* デスクトップ > ヘッダー > ナビゲーションバー背景色の変更 */
.sub-menu{background:none !important;border:none !important;border-radius:5px !important;position:absolute !important;animation-name: PullDown;animation-duration: 0.15s;box-shadow:0 5px 15px rgba(0,0,0,0.4);width:101% !important;margin-left:1px !important;box-shadow:0 2px 10px rgba(0,0,0,0.3),0 1px 0px rgba(0,0,0,0.4);border-radius:0 0 10px 10px !important;}
.sub-menu li{background:#1d2975;transition: 0.2s ease-in-out;}
.sub-menu li a{color:#fff !important;background:#1d2975 !important;text-align:left !important;padding:0.8em !important;font-size:92%;letter-spacing:-0.02em;}
.sub-menu li a:hover{color:#fff !important;background:#0b0d46 !important;padding-left:0.7em !important;}
.sub-menu li:last-child a{border-radius:0 0 6px 6px;}

/* ラップトップ > 全般 > 詳細折りたたみボタン */
.ocbutton{display:none;}

#main{margin-top:0;}

/* ラップトップ > 共通 > フリーダイヤルタップ時に無効化 */
a[href^="tel:"]{pointer-events: none;}

/* ラップトップ > 共通 > 固定ページのフォントサイズ調節 */
.type-page h2{font-size:161%;}
.type-page h3{font-size:141%;}

/* ラップトップ > 実績記事を出力 */
.recruit-genba{padding:0 !important;list-style:none !important;margin-bottom:50px;}
.recruit-genba li{width:23%;margin:1%;list-style:none !important;text-align:center;font-size:88%;}
.recruit-genba li img{height:auto;margin-bottom:0.4rem;}

/* ラップトップ > ヘッダー > ナビゲーション */
#site-navigation ul{display:flex;}
#site-navigation ul li{text-align:center;}

#content .page-title, #content .entry-title {margin-bottom: 0.4rem !important;line-height: 1.285712em;}
.entry-content {margin-top:3em;margin-bottom: 1.42857em;}

header .incart-btn button{background-color: #ff8c00;color: #fff;border:0;margin-top:-1px;padding: 0.714286em 0.39em 0.714286em 0.714286em;cursor:pointer;z-index:9999;}

.type-page,.site-content{margin-bottom: 4.42857em;}
	
#cf-relation h4{border-bottom:1px solid #ccc;margin-bottom:0.8rem;display:block;padding:0 0 0.4rem 0;}

/* デスクトップ(高解像度) > サイドバー  > フリーダイヤルを右端固定 */
.freedial-btn-fixed{position:fixed;right: 10%;top:110px;width:200px;display:block;animation-name: BottomUp;animation-duration: 0.25s;}

/* デスクトップ(高解像度) > 全体 > 2カラム時のメインコンテンツ幅を調節 */
#main.two-column #content {margin: 0;padding: 0;font-size:16px;}
.type-page h2{font-size:161%;}
.type-page h3{font-size:141%;}

/* デスクトップ(高解像度) > カテゴリページ  > リストサイズを調整 */
.type-grid article{width:16% !important;}
.cat-il.type-grid article:nth-of-type(4n) ,
.search-li.type-grid article:nth-of-type(4n) 
{margin-right: 4%;}

/* デスクトップ(高解像度) > 全体  > 幅を広く取る */
header .inner,
#main,
#site-navigation ul,
.wrappar-head .site-content,
.list-news-wrap section,
.topcontainer,
.list-contact-wrap section,
.container
{width:80%;margin: 0 auto;}

/* デスクトップ(高解像度) > TOPページ > サイドバーの追尾ナビゲーション設定 */
#secondary section{padding:0 10px;}
#secondary section section{padding:0 0px;}
	
#site-navigation ul {display: flex;justify-content: left !important;}	
#site-navigation ul li{text-align:center;}
#site-navigation ul li a{padding:1em 0.7em;}

/* ラップトップ > 検索候補の書式設定 */
.wpdreams_asl_results{width: 200px !important;margin-top:0px !important;border-radius:5px !important;}
.wpdreams_asl_results:before{padding:0em 0.3em 0.6em;content:"検索候補";display:block;font-weight:bold;color:#999;font-size:88%;}

/* ラップトップ > ナビゲーションバー > トグルはPCでは非表示 */
.toggle-button{display:none;}

/* ラップトップ > 高解像度追従メニュー */
.fixincart,
.fixmembership,
.fixsearch,
.fixsnav
{position: fixed;top: 0;z-index:9999;}

#site-navigation li a{z-index:9999;}

#cartIcon:before
{color:#fff !important;}

.fixsnav .membership a,
.fixsnav #cartIcon:before
{color:#fff !important;}

.fixincart{top: 7px;color:#fff;animation-name: LeftToRight;animation-duration: 0.2s;}
.fixsearch{position: fixed;top: 9px;z-index: 11;right: 6.5%;width: 14.5%;z-index:9999;}

.fixsearch .s-box{background:#fff;width:200px;}
.icwidget-btn-fixed{position:fixed;margin-left:1040px;top:180px;display:block;right: 10%;animation-name: BottomUp;animation-duration: 0.25s;}
.asl_w_container {width: 200px;}

.incart-btn button{cursor:pointer;z-index:9999;}

/* ラップトップ >  ウィジェットカート > カート投入ボタン */
#wdgctToCheckout a{height:2.6em;line-height: 2em !important;padding:0.4em 0 1.4em 0;}
#wdgctToCheckout a:hover{box-shadow:0 1px 0 rgba(255,255,255,0.3),0 2px 5px rgba(255,150,60,0.6),0 4px 15px rgba(255,150,60,0.6);}

/* ラップトップ > ウィジェットカート > ポップアップ */
.widget_wcex_widgetcart_popup{position:fixed;top:160px;left:25%;min-width:640px;width:50% !important;left:25%;padding:40px !important;box-shadow: 0 5px 5px rgba(0,0,0,.2), 0 5px 60px rgba(0,0,0,.1);border-radius:8px;z-index:9999;}

/* ラップトップ > ウィジェットカート > ポップアップ > h3 */
.widget_wcex_widgetcart_popup h3{font-size:18px;margin-top:-15px;}

/* ラップトップ > ウィジェットカート > ポップアップ　> 他の商品を見るボタン */
.widget_wcex_widgetcart_popup #otherProductsButton{bottom:8%;padding:0.6em 0.9em;border-radius:4px;}

/* ラップトップ > ウィジェットカート > ポップアップ　> 追従時のフォントサイズを元通りに */
.widget_wcex_widgetcart_popup td.widgetcart_trush{font-size: 1.8em;line-height:1.8em;}
.widget_wcex_widgetcart_popup .widgetcart_rows .header,
{font-size:100% !important;}
.widget_wcex_widgetcart_popup td.widgetcart_price,
.widget_wcex_widgetcart_popup td.widgetcart_quant,
.widget_wcex_widgetcart_popup td.widgetcart_trush
{font-size: 1.3em;line-height:1.3em;}

.widget_wcex_widgetcart_popup td.widgetcart_item::first-line {font-size: 1.3em;line-height:1.3em;}
.widget_wcex_widgetcart_popup td.widgetcart_item{font-size: 1em;line-height:1.3em;}

/* ラップトップ > ウィジェットカート > ポップアップ　> 追従時の高さ指定 */
.widget_wcex_widgetcart_popup #wgct_row{overflow:auto;max-height:400px;padding-top:1em;}

/* ラップトップ > ウィジェットカート > カート投入ボタン */
.widget_wcex_widgetcart_popup #wdgctToCheckout a{height:2.6em;line-height: 2em !important;margin:1em;padding:0.4em 0 1.4em 0;text-align: center;margin:auto;display: inline-block;width: 200px;border-radius:4px;margin:0.5em;}

/* ラップトップ > ウィジェットカート > ヘッド文字列のフォントを詰める */
.widgetcart_rows .header{font-size:88% !important;letter-spacing:-0.03em;}

/* ラップトップ > ウィジェットカート > 税別を小さくフォントを詰める */
.widgetcart_rows .header .tax{font-size:58% !important;margin-left:-1em;}

/* ラップトップ > ウィジェットカート > フローティングエフェクト用のスタイル */
#floatingIcon {font-size: 16px;margin-left:10px;margin-top:-12px;}

/* ラップトップ > ウィジェット > セカンダリーセクションの余白調整 */
#secondary section {margin-bottom: 1.14286em;}

/* デスクトップ > フロントページ特設ウィジェット */
.front-sidebar{width:50%;margin:auto;}
	
/* デスクトップ > ウィジェットカート出現時のフロー書式 */
div.cart_navi ul{margin:auto;border-radius:5px !important;justify-content: center;display: flex;}
div.cart_navi ul li{display:flex-box;width:160px;border-radius:5px !important;}
div.cart_navi ul li:nth-child(1){padding-left:-20px;}
div.cart_navi ul li:last-child:before,
div.cart_navi ul li:last-child:after
{background:none;}
	
/* デスクトップ > 会員登録ページ */
#wc_login .loginbox {width: 100%;display: flex;}
.member-box,.new-entry
{width: 48%;padding: 1%;display: flex-box;}
}

@media screen and (min-width: 62.5em) {
.search-box{margin-right:6px;padding:0;margin-top:-3px;margin-left:-6px;}
.search-box i{display: flex !important;color: #555;}
.search-box form{display: none;}

.mail-box i{font-size:18px;margin-top:0px;transition: 0.2s ease-in-out;}

#cartIcon,.membership i,
.search-box i{transition: transform 0.15s ease;}
#cartIcon:hover {transform: scale(1.1);cursor:pointer;}
#cartIcon:hover:before,
.membership i:hover,
.search-box i:hover,
.mail-box i:hover
{transform: scale(1.1);}
	
.snav .membership {
position: relative !important;
width: auto !important;padding: 0 !important;overflow: visible;}
.snav .membership > i {
display: flex !important;align-items: center;justify-content: center;
width: 32px;height: 32px;margin-left:12px;margin-right:12px;
cursor: pointer;padding:0;}
.snav .membership > ul.cf {display: none !important;position: absolute !important;top: calc(100% + 32px) !important;right: 0 !important;
left: auto !important;
width: 180px !important;
background: #fff;
overflow:hidden;
border-radius: 12px;
box-shadow: 0 12px 28px rgba(0,0,0,0.15);z-index: 99999;}
.snav .membership.On > ul.cf {display: block !important;}
.snav .membership > ul.cf > li {
display: block !important;width: 100% !important;list-style: none !important;line-height:1.7em;}

.snav .membership > ul.cf > li[style*="display:none"] {display: none !important;}
	
.snav .membership > ul.cf > li > a {
display: block;padding: 9px 14px;border: none;}
.snav .membership > ul.cf > li > a:hover {background: #f3f4f6;}
}

/*---------------------------------
ここからデスクトップ(高解像度)
---------------------------------*/

@media (min-width: 1366px){
#site-navigation ul ul {min-width: 140px !important;}
#site-navigation ul ul::before {position: absolute;content: "";top: -14px;left: 50%;transform: translateX(-50%);border: 7px solid transparent;width: 0;height: 0;}
}