@charset "utf-8";
/* CSS Document */

/*.page-id-83{ background: #f2f2f2 !important;}*/

/*ウーコマースここから*/
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
woocommerce関連
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ec-wrapper{ max-width: 720px; width: 90%; margin: 0 auto; display: flex;}
.ec-inner{ width: 100%;}/*サイドバーがない状態*/
.ec-inner .woocommerce-form-register .form-row{ width: 48%;}
.reg-tit{ font-size: 26px; margin-bottom: 30px;}
.woocommerce-FormRow button{ width: 150px; height: 50px;}
.bg-wh{ background: #fff;}
/* ギャラリーのスライダー */
.wpgs-for .slick-arrow{ background: #fff;}
/* ギャラリーのスライダーここまで */

/*注文してポイントを獲得してください。 コンバージョン率: ¥ 1 = 1ポイントと表示されるメッセージを非表示設定*/
#wps_wpr_order_notice{ display: none;}
/*成分表*/
.seibun-list{ width: 100%; display: flex; flex-wrap: wrap; padding: 20px;}
.seibun-list table{ width: 100%;}
.seibun-list dt{ width: 100%; font-size: 18px; font-weight: 600; color: var(--base-color); margin-bottom: 15px;}
.seibun-list dd{ font-size: 14px; color: var(--base-color); padding: 20px; border-top: 1px solid var(--base-color); border-left: 1px solid var(--base-color); border-bottom: 1px solid var(--base-color);}
dl.seibun-list > dd:last-child{ border-right: 1px solid var(--base-color);}

.other-details{ display: flex; flex-wrap: wrap; padding: 10px 20px 20px;}
.other-details li{ width: auto; padding: 5px; color: var(--base-color); font-size: 14px; position: relative; line-height: 1.4;}
.other-details li > span{ font-weight: 600;}
.single-ex-headline{ font-size: 18px; color: var(--base-color); text-align: left; margin-bottom: 0; padding-bottom: 0; padding-left: 20px;}
/*成分表ここまで*/
.related > h2{ font-size: 26px; margin-bottom: 30px; margin-top: 50px;}
#ship-to-different-address{ background: #fff3f3; padding: 10px;}

.woocommerce-billing-fields > h3,
#order_review_heading{ font-size: 18px; font-weight: 600; margin-bottom: 15px; background: #f2f2f2; padding: 20px;}

/*woo おすすめ、お徳用、関連商品など　single*/
.related-area{ width: 100%; margin: 10px auto 20px; padding: 20px 30px; border-top: 1px solid var(--base-color); border-bottom: 1px solid var(--base-color); position: relative;}
.related-area > h3{ font-size: 16px; color: var(--base-color); text-align: left; margin-bottom: 20px; font-weight: 600; line-height: 1.3;}
.related-area > ul{ display: flex;}
.related-area > ul li{ width: calc(100% / 3 - 20px); margin-right: 10px; border: 2px solid var(--base-color); padding: 3px; box-shadow: 2px 2px 2px #ccc;}
a.woo-thumb-link{ color: var(--base-color); display: flex; font-size: 14px; font-weight: 600; align-items: center; /*background: #f2f2f2;*/ line-height: 1.3; transition: all 0.6s;}
a.woo-thumb-link:hover{ opacity: .6;}
.woo-thumb{ margin-right: 10px; width: 60px; height: 60px;}
.woo-thumb img{ width: 100%; height: 100%; object-fit: cover;}


.woocommerce-form-register{ display: flex; flex-wrap: wrap; justify-content: space-between; border: none !important; padding: 0 !important;}
p.form-row{ /*width: 48%;*/ width: 100%;}
.woocommerce-form-register p.form-row input{ width: 100%; padding: 10px; margin-bottom: 15px;}
.woocommerce-form-register  p.form-row label{ width: auto; display: block;}
.woocommerce-form-register  p.form-row select.state_select { width: 100%; height: 40px;}

.post-num{ width: 100% !important;}
input#reg_billing_postcode{ width: 48%;}
.billing-tel{ width: 100% !important;}
input#reg_billing_phone{ width: 48%;}

.woocommerce-form-register span.required{ padding-left: 0 !important;}
.ec-inner nav{ width: 100%; clear: both;}/*パンくず*/
/* woo パンくず　*/
.woocommerce-breadcrumb{ width: 100%; line-height: 1.4; color: #333 !important; font-size: 12px !important; padding: 5px 5px 5px 25px !important; margin-top: 10px !important;}

.ec-side .cat-block .product a{ display: block; width: 100%; height: 100%; padding: 10px; background: #f2f2f2;}
.ec-side .cat-block .product a img{ max-width: 80px ;width: 100% !important; float: left; margin: 0 !important;}
.ec-side .cat-block .product a h2{ display: inline-block; padding-left: 10px !important;}

.ec-inner ul.products li{ margin-bottom: 50px !important;}

.single-product .ec-wrapper{ width: 90%; max-width: 1200px;  margin: 0 auto; display: block;}
.single-product .ec-wrapper .ec-inner{ width: 100%;}
.single-product .ec-wrapper .ec-side{ width: 60%; padding-left: 50px;}

/*税込み表記*/
.woocommerce-price-suffix{ font-size: 12px;}
/* お買い物カゴを表示　*/
.woocommerce a.added_to_cart { display: inline-block; background: #0a8c5d; color: #fff !important; padding: 10px; font-size: 14px; font-weight: 600; margin-left: 5px; border-radius: 4px;}

/*商品一覧ページでの件数表示を非表示に*/
.post-type-archive-product .woocommerce-result-count,
.post-type-archive-product form.woocommerce-ordering, .page-title{ display: none;}
/**/
.woocommerce-shop,
.woocommerce-page{ background: #fff;}

.woo-container{ width: 100%; max-width: 1140px; padding: 0 15px; margin: 0 auto;}
.cart-container{ width: 100%; max-width: 1280px; padding: 120px 15px; display: flex; margin: 0 auto;}
.woocommerce-cart-form{ width: 65% !important; margin: 30px auto;}
.woocommerce-cart > .woocommerce{ display: flex;}

.page-id-81 .woocommerce-cart-form{ width: 100% !important; margin: 30px auto;}
.page-id-81 .woocommerce .cart-collaterals .cart_totals,
.page-id-81 .woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
  float: none;
  padding-left: 0;
}
.page-id-81 .woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals{ width: 80% !important; margin: 50px auto 80px;}

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals{ width: 50% !important; margin: 50px auto 80px;}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals{ width: 100%; float: none; padding-left: 50px;}
.cart_totals h2 {
  font-size: 18px;
  color: #560101;
  border-top: 1px solid rgba(0,0,0,.1);
  border-left: 1px solid rgba(0,0,0,.1);
  border-right: 1px solid rgba(0,0,0,.1);
  padding: 10px;
  background: #f2f2f2;
}
.woocommerce table.shop_table{ border-radius: 0;}

.shop_table .product-thumbnail img{ height: 80px; width: 80px; min-width: 80px; object-fit: cover; vertical-align: middle; margin: 0;}

.summary h1{ font-size: 20px; margin-bottom: 10px; color: var(--base-color); line-height: 1.3; font-weight: 600;}
/*.product_title{ font-size: 24px; margin-bottom: 10px; color: var(--base-color);}*/
.woocommerce .products ul,
.woocommerce ul.products{ display: flex; flex-wrap: wrap; /*justify-content: space-between;*/}

/*マイアカウントページ*/
.page-id-81 .woocommerce,
.page-id-83 .woocommerce{ max-width: 1200px; width: 100%; margin: 50px auto; padding: 0 20px;}
.woocommerce-MyAccount-navigation ul{ flex-wrap: wrap;}
.woocommerce-MyAccount-navigation ul li{ width: 100%; border-bottom: 1px solid #bbb;}
.woocommerce-MyAccount-navigation ul li::after{ display: none;}
.woocommerce-MyAccount-navigation ul li a{ width: 100%; height: 100%; display: block; padding: 20px; text-align: left;}
.woocommerce-account .woocommerce-MyAccount-navigation{ width: 25%; background: #fff;}
.woocommerce-account .woocommerce-MyAccount-content{ width: 72%; background: #fff; padding: 20px;}
.woocommerce table.my_account_orders .button{ white-space: nowrap; margin-right: 5px;}

#customer_login{ width: 100%; margin: 0 auto;}
body.page-id-83 #customer_login{ width: 100%; margin: 0 auto; display: flex; justify-content: space-around;}
body.page-id-83 .u-column1{ width: 40%; float: none; padding-right: 0;}
.woocommerce-form_login{ border: none; padding: 0; margin: 0; border-radius: 0;}
/*ログインはこちら*/
.page-id-82 .woocommerce-form-login-toggle{ width: 100%; margin: 0 auto; max-width: 1240px;}
.page-id-82 .woocommerce-form-login{ width: 100%; margin: 0 auto !important; max-width: 1240px;}

/*ポイントステータス*/
th.wps-wpr-view-log-Date{ padding: 10px 0 !important; text-align: left; font-size: 14px;}
th.wps-wpr-view-log-Status{ text-align: left; font-size: 14px; padding: 10px 0 10px 0 !important;}
.wps_wpr_common_table td{ font-size: 14px;}
.wps_wpr_total_points td h4{ margin-top: 20px; font-size: 14px; margin-right: 10px;}

/*.wps_wpr_heading_para .wps_wpr_heading,
.wps_wpr_heading_para .wps_wpr_total_earn_points{ display: none;}*/
.wps_wpr_points_only .wps_wpr_heading_para:last-of-type{ display: none;}
.wps_wpr_heading_para { margin-bottom: 15px;}

.wps_ways_to_gain_points_section > p.wps_wpr_heading{ color: var(--base-color); font-size: 16px;}

.woocommerce-MyAccount-content h2{ font-size: 26px; margin-bottom: 30px;}

/*ポイントステータスここまで*/

address{ font-style: normal; line-height: 1.3;}

form.cart .qib-container + button[type="submit"]:not(#qib_id):not(#qib_id),
form.cart .qib-container + div:not(#qib_id):not(#qib_id):not(_) {
  margin-left: 1em;
  width: calc(100% - 140px);
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt { background-color: #b48d30;}

.woocommerce ul.products li.product .button:hover,
.woocommerce div.product form.cart .button:hover { background: #560101; color: #fff;}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { 
	display: block;
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.25em;
    padding: 1em;
	background: #333;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover { background-color: #805233;}
.woocommerce-product-details__short-description{ padding: 20px 0;}
.woocommerce div.product div.images .flex-control-thumbs { display: flex;}
.woocommerce div.product div.images .flex-control-thumbs li{ width: auto; padding-right: 2px;}
.woocommerce div.product div.images .flex-control-thumbs li:last-child{ padding-right: 0;}
.woocommerce div.product div.images .flex-control-thumbs li img{ width: 80px;}

.woocommerce ul.products li.product .onsale { top: 0; right: auto; left: 0; margin: -.5em 0 0 -.5em;}
.woocommerce ul.products li.product .button { display: inline-block; margin-top: 3px;}

.woo-content-single-product{ width: 100%; display: flex; justify-content: space-between;}
.woo-content-single-product .button{ width: calc(50% - 8px); min-width: auto; margin: 0;}
.woo-content-single-product a.button{ padding: 18px 10px; text-align: center;}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box{ background-color: #fff;}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment{ background: rgb(251, 240, 217); border-radius: 5px;}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before{ border: 1em solid #fff; border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;}

#ship-to-different-address{ background: #fbf0d9; font-size: 14px; padding: 10px;}

.select2-container--default .select2-selection--single{ height: 40px; border-radius: 0; padding-top: 5px;}
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px;}

.woocommerce-checkout #payment ul.payment_methods li img{ display: inline-block;}

.woocommerce form .form-row.woocommerce-invalid label,
.woocommerce form .form-row label{ font-size: 16px; font-weight: 600; color: #805233;}
.select2-container--default .select2-selection--single{ background-color: transparent; border: none; border-radius: 4px;}

.msg{ padding: 15px 0 5px;}
.msg > p{ font-size: 14px; line-height: 2; margin-bottom: 0;}

/*ありがとうございました*/
.woocommerce-order-received .woocommerce .woocommerce-order-details{ width: 60%;}
.woocommerce-order-received .woocommerce .woocommerce-order-details .woocommerce-order-details__title{ font-size: 18px; margin-bottom: 10px;}
.woocommerce-order-received .woocommerce .col2-set,
.woocommerce-order-received .woocommerce-page .col2-set{ width: 100%; margin: 0; margin-bottom: 0px; padding: 0;}
.woocommerce-order-received .woocommerce-customer-details{ width:40%; padding-left: 20px;}
.woocommerce-order-received .woocommerce-column__title{ font-size: 18px; margin-bottom: 10px;}
.woocommerce-order-received .woocommerce .woocommerce-customer-details address{ padding: 15px !important; line-height: 1.6 !important; font-size: 14px;}
.woocommerce-order-received .woocommerce .col2-set .col-2,
.woocommerce-order-received .woocommerce-page .col2-set .col-2 { width: 100%; float: none; margin-top: 0;}

.woocommerce-order-received .woocommerce .col2-set .col-1,
.woocommerce-order-received .woocommerce-page .col2-set .col-1 { margin-bottom: 20px !important;}

.woocommerce-order-received  .woocommerce ul.order_details li{ margin-right: 1em; padding-right: 1em;}
.woocommerce-order-received  .woocommerce-order > h2{ font-size: 16px;}

.woocommerce-thankyou-order-received{ width: 100%; margin-bottom: 10px; font-weight: 600;}

.woocommerce ul.order_details{ margin: 0 0 1em; list-style: none; width: 100%; background: #f9f9f9; padding: 10px;}

h2.woocommerce-loop-product__title {
    color: var(--base-color);
    font-size: 16px;
    margin-bottom: 10px !important;
    font-weight: bold;
    border-bottom: 1px solid var(--base-color);
    position: relative;
    padding-bottom: 10px;
    text-align: left;
    line-height: 1.4;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
woocommerce input関連
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select{ border: 1px solid #999 !important;}
input:focus,
select:focus,
textarea:focus{ background-color: var(--focus-color); transition: all var(--transition) ease-in 0s;}
/*ラジオボタンサイズ*/
input[type=radio] {display: inline-block; transform: scale(1.5);}
/*チェックボックスサイズ*/
.woocommerce form .form-row .input-checkbox { transform: scale(1.5);}
#ship-to-different-address-checkbox{ transform: scale(1.5);}
/*チェックボックスサイズ　ここまで*/

.select2-container .select2-selection {
  cursor: pointer;
  display: block;
  height: 40px;/* auto*/
  margin: 0 0 -4px;
  user-select: none;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
woocommerce input関連ここまで
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.product h2{ /*height: 4em;*/ clear: both;}
.woocommerce-product-details__short-description {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 20px 10px;
}
.woocommerce ul.products li.product a img{ box-shadow: 3px 3px 3px #999; border-radius: 10px; margin: 0 0 5px !important;}
/*.woocommerce ul.products li.product a img { margin-bottom: 5px;}*/
.woocommerce ul.products li.product a { color: #333; transition: all 0.6s;}
.woocommerce ul.products li.product .price { font-size: 20px;}
.single_add_to_cart_button{ transition: all 0.6s;}


/*.bg-1 .product h2{ color: #fff;}*/
/*.bg-1 .price{ color: #fff !important;}*/

.woocommerce-loop-product__title{ line-height: 1.4;}
/*オーダー用*/
.return-to-shop{ max-width: 1140px; margin: 0 auto; width: 100%;}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea { height: 40px; padding-left: 10px; border: 1px solid #999 !important;}
.woocommerce-order{ max-width: 1240px; margin: 0 auto; width: 100%; padding: 80px 0; display: flex; flex-wrap: wrap;}
.woocommerce-thankyou-order-received{ margin-bottom: 20px; font-size: 18px;}
.woocommerce-NoticeGroup{ width: 100%;}
.checkout{ max-width: 1240px; margin: 0 auto; width: 100%; padding: 30px 0; display: flex; flex-wrap: wrap;}
.woocommerce-form-coupon-toggle{ width: 100%; max-width: 1240px; margin: 0 auto;}

/*.form-row{ border: 1px solid #333;}*/
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
/*ログイン及び新規登録*/
.woocommerce .col2-set,
.woocommerce-page .col2-set { width: 50%; margin: 0; padding: 30px 0;}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 { width: 100%; float: none;}

.page-id-83 .woocommerce .col2-set,
.page-id-83 .woocommerce-page .col2-set {
  width: 100%;
  margin: 0;
  padding: 30px 0;
}

.page-id-83 .woocommerce .col2-set .col-1,
.page-id-83 .woocommerce-page .col2-set .col-1,
.page-id-83 .woocommerce .col2-set .col-2,
.page-id-83 .woocommerce-page .col2-set .col-2{
  width: 100%;
  float: none;
  padding-right: 0;
  background: #fff;
  margin-bottom: 50px;
  padding: 20px;
}


#order_review_heading{ width: 100%;}
#order_review,
.woocommerce-checkout-review-order{ width: 100%;}
.order-wapping{ width: 46%; padding: 30px 0; margin-left: 4%;}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 { width: 45%; margin-top: 0; float: none;}

.page-id-83 .lost_reset_password{ margin-top: 50px;}
.woocommerce-MyAccount-navigation ul{ padding-top: 0;}

.woocommerce-account .addresses .title h3 { float: none; margin-bottom: 0; border-bottom: 1px solid #805233; width: 100%; margin-bottom: 5px;}
header.woocommerce-Address-title{ width: 100%; height: auto; background: #fff; padding: 5px 0; display: flex; position: relative;}
.woocommerce-Address .woocommerce-Address-title::after{ display: none;}
.woocommerce-Address .woocommerce-Address-title .edit{ float: none; position: absolute; right: 0; font-size: 14px; background: #805233; color: #fff; padding: 5px 5px 2px; line-height: 1.3; bottom: 10px;}

/*カート用*/
/* woocommerce cart icon  */

a.head_account{ width: 50% !important; display: block;}
a.head_cart{ width: 50% !important; position: relative;}
.cart-icon{  width: 100%; height: 100%; display: block; text-align: center; font-size: 12px; letter-spacing: 0.05em;}

span.quantity_badge { 
	position: absolute;
	top: 0;
	right: 0;
	background-color: #cd162c;
	padding: 4px 3px 3px;
	border-radius: 50%;
	color: #fff;
	text-decoration: none !important;
	width: 20px;
	height: 20px;
	font-size: 12px;
}

.p-header-content.p-header-content--lg a.head_cart{ text-decoration: none;}

.zero_quantity_badge{ background-color:transparent !important;}
span.zero_quantity_badge{ color:transparent !important;}
.c-row__col.c-row__col--fit.u-invisible-md-down { display: block !important;}

@media screen and (max-width: 480px) {
span.cart-icon { font-size: 14px; top: 0; left: 10px; position: relative;}
span.quantity_badge { position: relative; top: -50px; left: 30px; padding: 2px 6px; border-radius: 11px; color: #fff; text-decoration: none !important; font-size: 14px !important;}

}

@media screen and (max-width: 320px){
span.cart-icon { left: 4px;}
span.quantity_badge { left: 14px; padding: 2px 6px;}

}
/* end woocommerce cart icon  */
/*カート用ここまで*/


.login-nav-sp{ width: 120px; padding: 10px; display: flex; justify-content: space-between;}
.login-nav-sp a{ /*width: 100%;*/ height: auto; display: block; text-align: center; font-size: 12px; letter-spacing: 0.05em;}
.login-nav-sp a img{ width: 25px; margin: 0 auto 5px;}

.login-nav{ width: 120px; position: absolute; right: 10px; top: 20px; padding: 10px; display: flex; justify-content: space-between;}
.login-nav a{ width: 100%; height: 100%; display: block; text-align: center; font-size: 12px; letter-spacing: 0.05em;}
.login-nav a img{ width: 25px; margin: 0 auto 5px;}
.login{ padding: 10px; background: none; border: none !important; padding: 0 !important;}/*#b48d30*/
.login a{ color: #f00;}
/*セール用*/
.woocommerce span.onsale{ background: #f00; border-radius: 0; line-height: 1.8; min-height: 2em; min-width: 2em;}

/*サイドバー*/
.side-nav ul.products li.product{ margin-bottom: 10px;}
.side-nav ul.products li.product a{ display: block; width: 100%; height: 100%;}
.side-nav ul.products li.product a img{ width: 60px; float: left; margin-bottom: 0;}
.side-nav ul.products li.product a .woocommerce-loop-category__title{ clear: none; width: calc(100% - 90px); float: left; padding-left: 15px;}

.shop-bg{ background: #560101; width: 100%; height: 200px; padding: 50px;}
.shop-bg h1{ color: #fff; font-size: 30px; font-weight: 600;}
/*支払いフォーム用*/
/*支払いページ*/
.woocommerce table.shop_table td small {
  font-weight: 400;
  font-size: 14px;
  display: block;
}
#billing_country_field{ display: none;}

.tab-under{ width: 100%; clear: both; background: #fff3f3; padding: 30px; margin-bottom: 20px; border-radius: 10px;}
.tab-under h2{ height: auto !important; width: 100%; margin-bottom: 15px;}

.woocommerce div.product p.price,
.woocommerce div.product span.price{ color: var(--base-color); font-size: 28px; line-height: 1.4;}

.woocommerce-Price-amount{ color: var(--base-color); font-weight: 600;}/*color: #805233;*/
.woocommerce-price-suffix{ color: var(--base-color);}/*color: #805233;*/

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
note用　1280pxまで
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 1280px){
.page-id-82 .woocommerce{ width: 90%; margin: 0 auto;}
.woocommerce-order{ max-width: 100%;}
.woocommerce ul.order_details { margin: 0 0 20px; width: 100%; background: #f9f9f9; padding: 10px;}
.account_info{ margin-bottom: 10px;}
.ec-inner{ width: 90%; margin: 0 auto;}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: none;
  margin: 0 15px 15px 0;
    margin-bottom: 15px;
  padding: 0;
  position: relative;
  width: calc(100% / 3 - 15px);
}

}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
tablet用　1024pxまで
–––––––––––––––––––––––––––––––––––––––––––––––––– */


@media screen and (max-width: 980px){
.woocommerce-order-received .woocommerce .woocommerce-order-details { width: 100%;}
.woocommerce-order-received .woocommerce-customer-details { width: 100%; padding-left: 0;}
.woocommerce-order-received .woocommerce .col2-set,
.woocommerce-order-received .woocommerce-page .col2-set { width: 100%;}
.woocommerce-order-received .woocommerce .col2-set .col-1,
.woocommerce-order-received .woocommerce-page .col2-set .col-1 { width: 100%;}
.woocommerce-order-received .woocommerce .col2-set .col-2,
.woocommerce-order-received .woocommerce-page .col2-set .col-2 { width: 100%; float: none; margin-top: 0;}

/*請求先情報の詳細*/
.woocommerce .col2-set,
.woocommerce-page .col2-set{ width: 100%; margin: 0; padding: 30px 0;}
/*ご注文*/
.order-wapping { width: 100%; padding: 30px 0; margin-left: 0;}

.checkout{ max-width: 100%; margin: 0 auto; width: 100%; padding: 30px 0; display: flex; flex-wrap: wrap;}

.seibun-list dt { width: 100%; font-size: 18px; font-weight: 600; color: var(--base-color); margin-bottom: 15px;}
.seibun-list dd{ width: 100%; font-size: 14px; color: var(--base-color); padding: 10px; border: none !important; background: #fff3f3; margin-bottom: 2px;}
.other-details { display: flex; flex-wrap: wrap; padding: 10px 0 20px;}
.tab-under{ padding: 20px;}


}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
tablet用　768pxまで
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 768px){


body.page-id-83 #customer_login{ width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;}
body.page-id-83 .u-column1{ width: 100%; float: none; padding-right: 0;}
.woocommerce-form_login{ border: none; padding: 0; margin: 0; border-radius: 0;}


.woocommerce-account .woocommerce-MyAccount-navigation { width: 100%;}
.woocommerce-MyAccount-navigation ul{ padding-top: 0; display: flex; flex-wrap: wrap;}
.woocommerce-MyAccount-navigation ul li{ width: 49%; margin-right: 2%;}
.woocommerce-MyAccount-navigation ul li:nth-child(even){ margin-right: 0 !important;}

.woocommerce-account .woocommerce-MyAccount-content { width: 100%;}

.woocommerce ul li.product{ width: 100% !important; float: none;}
.price-type figure { max-width: 100%;}

.woocommerce ul li.product{ width: 49% !important; float: none; margin-right: 2% !important;}
.woocommerce ul li.product:nth-child(2n){ margin-right: 0 !important;}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
スマホ用　644pxまで
–––––––––––––––––––––––––––––––––––––––––––––––––– */

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

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
woocommerce関連
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.woocommerce ul.products{ display: block; margin: 0;}
.woocommerce ul li.product{ width: 100% !important; margin-right: 0 !important;}
/*.woocommerce ul li.product:nth-child(2n){ margin-right: 0 !important;}*/

/*栄養成分表示*/
.seibun-list{ width: 100%; display: flex; flex-wrap: wrap; padding: 20px 0; justify-content: space-between;}

.related-area { padding: 20px 0; position: relative;}

.related-area::before {
    content: 'おすすめ';
    display: inline-block;
    position: absolute;
    top: -12px;
    left: 0;
    width: auto;
    background: #cd162c;
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 10px;
    font-size: 12px;
}

.related-area > ul { display: flex; flex-wrap: wrap;}
.related-area > ul li { margin-right: 0; width: 100%; margin-bottom: 10px;}

.page-id-81 .woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals{ width: 100% !important; margin: 50px auto 80px;}


.cart-container{ max-width: 100%; padding: 30px 15px 60px; display: flex; flex-wrap: wrap;}

.woocommerce-cart-form { width: 100% !important;}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals { width: 100% !important;}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals{ padding-left: 0;}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 { float: none; width: 100%; /*padding: 0 15px;*/}
h3#order_review_heading{ padding: 0 15px;}


.ec-wrapper{ width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap;}
.ec-inner{ width: 100%; margin-bottom: 20px;}
.single-product .ec-wrapper .ec-side,
.ec-side{ width: 100%; padding-left: 0;}
.ec-inner nav{ width: 100%; clear: both;}/*パンくず*/

.ec-side .cat-block .product a{ align-items: center; display: flex; width: 100%; height: 100%; padding: 5px; background: #f2f2f2; overflow: hidden;}
.ec-side .cat-block .product a img{ max-width: 70px; width: 100% !important; margin: 0 !important;}
.ec-side .cat-block .product a h2{ display: inline-block; padding-left: 10px !important;}

.cat-block h2{ text-align: center; margin-bottom: 20px; background: #b48d30; padding: 10px; color: #fff;}
.cat-block .woocommerce-loop-category__title{ background: none !important; color: #333 !important;}
.cat-block .products{ display: flex !important; flex-wrap: wrap;}
.cat-block li.product{ width: 100% !important; margin: 0 0 20px !important;}

/* singlepage*/
.woocommerce div.product div.images .flex-control-thumbs li { padding-right: 0 !important;}
.woocommerce div.product div.images .flex-control-thumbs { display: flex; justify-content: space-between;}
.woocommerce div.product div.images .flex-control-thumbs li img { width: 100%;}

/*.btn-top{ position: static;}*/

.cat-banner-area > ul { display: flex; justify-content: center; flex-wrap: wrap;}
.cat-banner-area > ul li{ width: 100%; margin-bottom: 10px;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
woocommerce関連ここまで
–––––––––––––––––––––––––––––––––––––––––––––––––– */

}