﻿@charset "UTF-8";

/* ----------------------------------
 Layout / Common
---------------------------------- */
.page-goods > div.wrapper { padding-bottom: 100px;}
.page-goods .stock-msg { color: #f00;}
.page-goods .stock-msg.red { color: #f00;}
.page-goods .pane-main { width: 100%;}
.page-goods .block-goods-detail { width: 1200px; margin: 0 auto; display: block;}
.page-goods .pane-goods-header { margin: 30px 0 0 0;}
.page-goods .free-add-cart-button { cursor: pointer; display: none; /*ちらつき防止のため初期状態非表示*/}
.page-goods .block-goods-variation-no-select-link { text-decoration: none; color: #009700;}
.page-goods .pane-goods-right-side .block-goods-variation-no-select-link { pointer-events: none;}

.page-goods .pane-topic-path { margin-bottom: 80px; border: none; background-color: #fff;}
.page-goods .pane-topic-path .container { width: 1200px; margin: 0 auto;}
.page-goods .block-topic-path { padding: 30px 0 0 0; font-size: 16px;}
.page-goods .block-topic-path--list li { padding-right: 1.0em; display: inline-block;}
.page-goods .block-topic-path--list a { padding-left: 1.0em; text-decoration: underline;}
.page-goods .block-topic-path--list a:hover { text-decoration: none !important;}
.page-goods .block-topic-path--list .block-topic-path--item__home a { padding-left: 0;}
.page-goods .block-topic-path--list .block-topic-path--item__current a { text-decoration: none;}

/* ----------------------------------
 Freespace Style
---------------------------------- */
.page-goods .pane-goods-flexframe  { display: flex; justify-content: space-between;}
.page-goods .pane-goods-left-side  { width: 650px; margin: 0; display: block; position: relative; z-index: 1;}
.page-goods .pane-goods-right-side { width: 500px;}
.page-goods .pane-goods-flexframe#pane_goods_main_bottom { margin: 0 0 135px 0;}
.page-goods div[class^='block-goods-comment'] .main { margin: 0 0 80px 0; text-align: center;}
.page-goods div[class^='block-goods-comment'] .gray-box { padding: 10px; margin: 0 0 20px 0; background: #F5F5F5;}
.page-goods div[class^='block-goods-comment'] ul.indent-list li { padding: 0 0 0 1em; font-size: 16px; text-indent: -1em;}
.page-goods div[class^='block-goods-comment'] ul.indent-list li.memo { font-size: 14px;}
.page-goods div[class^='block-goods-comment'] p.text { font-size: 16px; line-height: 1.8;}
.page-goods div[class^='block-goods-comment'] p.memo { font-size: 14px; line-height: 1.8;}
.page-goods .goods-comment-flexframe { display: flex; justify-content: space-between;}
.page-goods .column03 .column-box { width: calc((100% - 90px) / 3);}
.page-goods .column-box .image { margin: 0 0 20px 0;}
.page-goods .column-box h3.sub-ttl { padding: 0; margin: 0 0 5px 0; border: none; font-size: 20px; font-weight: 700; line-height: 1.2;}

/* ----------------------------------
 Top
---------------------------------- */
/* -----------------旧デザイン------------------ */
/* --------.page-goods .block-goods-name h1.block-goods-name--text { padding: 0 0 20px 0; margin: 0 0 30px 0; border-bottom: #E98600 3px solid; font-size: 32px; font-weight: 700; line-height: 1.666; text-align: center;}--- */
.page-goods .block-goods-name h1.block-goods-name--text {border-bottom: 1px #fff solid;padding: 0;margin: 0 0 20px;
line-height: 1em;font-size: 24px}
.page-goods .block-goods-comment1 { margin: 0 0 80px 0;}
.page-goods #pane_goods_main_top { margin: 0 0 130px 0;}

/* ----------------------------------
 Left
---------------------------------- */
.page-goods .js-goods-detail-goods-slider-wrap { width: 650px; height: 650px; position: relative;}
.page-goods .js-goods-detail-goods-slider-wrap div { max-width: 650px; max-height: 650px;}
.page-goods .js-goods-detail-goods-slider figure { width: 650px; height: 650px; display: flex; justify-content: center; align-items: center;}
.page-goods .js-goods-detail-goods-slider figure img,
.page-goods .js-goods-detail-goods-slider figure video { max-width: 490px; max-height: 100%;}
.page-goods .js-goods-detail-goods-slider-wrap .bx-wrapper .bx-controls-direction a { width: 60px; height: 140px; margin: 0; border: #CCCCCC 1px solid; position: absolute; top: calc(50% - 70px); outline: 0; text-indent: -9999px; z-index: 90; background: rgba(239,239,239,0.85); box-sizing: border-box; transition: 0.4s;}
.block-goods-detail .block-goods-detail--color-variation-goods-image .bx-viewport { max-height: 650px !important;}
.page-goods .js-goods-detail-goods-slider-wrap .bx-wrapper .bx-controls-direction a.bx-prev { border-radius: 0 10px 10px 0; left: 0;}
.page-goods .js-goods-detail-goods-slider-wrap .bx-wrapper .bx-controls-direction a.bx-next { border-radius: 10px 0 0 10px; right: 0;}
.page-goods .js-goods-detail-goods-slider-wrap .bx-wrapper .bx-controls-direction a:hover { background: rgba(255,247,235,0.85);}
.page-goods .js-goods-detail-goods-slider-wrap .bx-wrapper a.bx-prev::before { content: ''; width: 26px; height: 26px; border-top: 3px solid #E98805; border-right: 3px solid #E98805; transform: rotate(-135deg); position: absolute; left: 20px; top: 30px;}
.page-goods .js-goods-detail-goods-slider-wrap .bx-wrapper a.bx-next::before { content: ''; width: 26px; height: 26px; border-top: 3px solid #E98805; border-right: 3px solid #E98805; transform: rotate(45deg); position: absolute; left: 10px; top: 30px;}
.page-goods .js-goods-detail-goods-slider-wrap .bx-wrapper a.bx-prev::after { content: '前へ'; width: 58px; color: #333; font-size: 16px; font-weight: 500; text-indent: 0; text-align: center; position: absolute; left: 0; bottom: 30px;}
.page-goods .js-goods-detail-goods-slider-wrap .bx-wrapper a.bx-next::after { content: '次へ'; width: 58px; color: #333; font-size: 16px; font-weight: 500; text-indent: 0; text-align: center; position: absolute; right: 0; bottom: 30px;}
.page-goods .js-goods-detail-goods-slider-wrap .bx-wrapper a.bx-prev:hover::after,
.page-goods .js-goods-detail-goods-slider-wrap .bx-wrapper a.bx-next:hover::after { color: #E98805;}
.page-goods .block-goods-detail.single-image .pane-goods-left-side .bx-wrapper .bx-controls-direction a.bx-prev,
.page-goods .block-goods-detail.single-image .pane-goods-left-side .bx-wrapper .bx-controls-direction a.bx-next { display: none !important;}

.page-goods .block-goods-gallery ul { margin: 30px 0 0 0; display: flex; flex-wrap: wrap; font-size: 0;}
.page-goods .block-goods-gallery li { width: 90px; margin: 0 22px 22px 0; display: block;}
.page-goods .block-goods-gallery li:nth-child(6n) { margin: 0 0 22px 0;}
.page-goods .block-goods-gallery li figure { width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; font-size: 0;}
.page-goods .block-goods-gallery li figure img { max-width: 90px; max-height: 90px;}
.page-goods .block-goods-gallery li a { display: block; width: 90px; height: 90px; position: relative;}
.page-goods .block-goods-gallery li a::after { content: ''; width: 90px; height: 90px; border: #E5E4E4 1px solid; display: block; position: absolute; top: 0; left: 0; box-sizing: border-box;}
.page-goods .block-goods-gallery li a.active::after { border: #E98805 3px solid;}
.page-goods .block-goods-gallery li p { margin: 5px 0 0 0; font-size: 14px;}

.page-goods .pane-goods-flexframe .for-spec-details { margin: 30px 0 0 0; text-align: center;}
.page-goods .pane-goods-flexframe .for-spec-details a { padding: 4px 20px; margin: 0 auto; border: #E98600 2px solid; border-radius: 5px; background: #E98600; font-size: 16px; text-align: center; text-decoration: none; transition: 0.4s; color: #fff;}
.page-goods .pane-goods-flexframe .for-spec-details a:hover { background: #fff; color: #E98600;}

/* ----------------------------------
 Right
---------------------------------- */
.page-goods .block-icon { margin: 0 0 10px 0;}

.page-goods .block-goods-userreview-top-info .revico-star { margin: 0 0 30px 0;}
.page-goods .block-goods-userreview-top-info .revico-star-block { display: flex; justify-content: space-between; align-items: center;}
.page-goods .block-goods-userreview-top-info-stars { display: flex; align-items: center;}
.page-goods .block-goods-userreview-top-info .revico-star-block--rate { transform: scale(1.0); transform-origin: left; margin-right: 10px; position: relative; top: 3px;}
.page-goods .block-goods-userreview-top-info .revico-star-block--total { margin-top: 0; font-size: 16px; font-weight: normal;}
.page-goods .block-goods-userreview-top-info-link a { font-size: 16px; text-decoration: underline; transition: 0.3s;}
.page-goods .block-goods-userreview-top-info-link a::after { content: ' >';}
.page-goods .block-goods-userreview-top-info-link a:hover { color: #E98600;}

.page-goods .block-goods-price-wrap-outer1 { display: flex; justify-content: center;}
.page-goods .block-goods-price-wrap-outer2 { min-width: 340px;}
.page-goods .block-goods-price-wrap { padding: 10px 20px 1px; margin: 0 auto 10px; border: #CCCCCC 1px solid; text-align: left; display: inline-block;}
.page-goods .block-goods-price-in-tax { font-size: 16px; font-weight: 400; font-feature-settings: 'palt'; text-align: left; color: #111;}
.page-goods .block-goods-price { padding: 0; margin: 0 0 10px;}
.page-goods .block-goods-price .yen { margin: 0 0 0 5px; font-size: 0.6em;}
.page-goods .block-goods-price .bulk-pay { margin: 0 0 0 5px; font-size: 18px; font-weight: 400;}
.page-goods .block-goods-price--price { font-size: 36px; font-weight: 700; color: #111;}
.page-goods .block-goods-price--price .payment-month { margin: 0 5px 0 0; font-size: 18px; font-weight: 400; color: #111;}
.page-goods .block-goods-price--price .payment-installment-price { color: #E30000;}
.page-goods .block-goods-price--price .payment-count { margin: 0 0 0 5px; font-size: 18px; font-weight: 400; color: #111;}
.page-goods .block-goods-price .block-goods-price--on-sales-comment { font-size: 12px; font-weight: bold; color: #E30000;}
.page-goods .block-goods-price .block-goods-price--on-sales-comment + .block-goods-price--price { color: #E30000;}
.page-goods .block-goods-price .block-goods-price--on-sales-comment + .block-goods-price--price + .block-goods-price--default-price { font-size: 14px; font-weight: normal; color: #111;}
.page-goods .block-goods-price .price::after,
.page-goods .block-goods-price .default-price::after,
.page-goods .block-goods-price--regular-repeat-price::after,
.page-goods .block-goods-price--regular-repeat-net::after { content: ''; display: none;}
.page-goods .block-goods-price-info { margin: 0 auto 30px; text-align: left;}
.page-goods .block-goods-price-info li { font-size: 14px;}
.page-goods .block-goods-price-wrap .goods-detail-description.block-goods-postage { display: none !important;}
.page-goods .block-goods-price-wrap .goods-detail-description { padding: 5px 0; border-top: #ccc 1px dashed; display: flex; justify-content: space-between;}
.page-goods .block-goods-price-wrap .goods-detail-description dt { width: 45%; padding: 0 0 0 17px; font-size: 16px; font-weight: 700; word-break: keep-all; white-space: nowrap; box-sizing: border-box; position: relative;}
.page-goods .block-goods-price-wrap .goods-detail-description.block-installment_payment_price dt::before { content: '■'; font-size: 12px; position: absolute; left: 0; top: 2px; transform: rotate(45deg);}
.page-goods .block-goods-price-wrap .goods-detail-description.block-number-of-total dt::before { content: '■'; font-size: 12px; position: absolute; left: 0; top: 2px; transform: rotate(45deg);}
.page-goods .block-goods-price-wrap .goods-detail-description.block-goods-postage dt::before { content: '□'; font-size: 12px; position: absolute; left: 0; top: 2px; transform: rotate(45deg);}
.page-goods .block-goods-price-wrap .goods-detail-description dd { width: 55%; font-size: 16px; text-align: right;}
.page-goods .block-goods-price-wrap .goods-detail-description:last-child { margin-bottom: 10px;}
.page-goods .block-goods-price-wrap .goods-detail-postagefree-comment { margin: 10px 0 15px;}
.page-goods .block-goods-price-wrap .goods-detail-postagefree-comment span { padding: 5px 0 6px; border: #DC0000 1px solid; font-size: 18px; font-weight: 500; text-align: center; line-height: 1.0; display: block; color: #DC0000;}

/* ----------------------------------
 TYPE-01 通常
---------------------------------- */
.page-goods .block-stock-comment { margin: 0 0 15px 0;}
.page-goods .block-add-cart { margin: 0 0 20px 0;}
.page-goods .block-variation-add-cart { margin: 0;}
.page-goods .block-add-cart-qty-select-wrap { margin: 0 0 30px 0; text-align: center;}
.page-goods .block-add-cart-qty-select { display: flex; align-items: center;}
.page-goods .block-add-cart-qty-select dt { margin: 0 10px 0 0; font-size: 18px;}
.page-goods .block-add-cart-qty-select dt::after { content: '：'; font-size: 18px;}
.page-goods .block-add-cart-qty-select dd.qty-counter { display: flex; justify-content: center; align-items: center;}
.page-goods .block-add-cart-qty-select dd input[name="qty"] { width: 70px; height: 40px; min-height: 40px; padding: 0; margin: 0; text-align: center;}
.page-goods .block-add-cart-qty-select dd .qty-plus  { width: 40px; height: 40px; margin: 0 0 0 10px; border: #333 1px solid; border-radius: 5px; display: flex; justify-content: center; align-items: center; position: relative; background: linear-gradient( #FFF 0%, #EEE 100%); cursor: pointer;}
.page-goods .block-add-cart-qty-select dd .qty-plus span { width: 20px; height: 2px; background: #333; display: block;}
.page-goods .block-add-cart-qty-select dd .qty-plus::before { content: ''; width: 2px; height: 20px; background: #333; display: block; position: absolute; left: calc(50% - 1px); top
: calc(50% - 10px);}
.page-goods .block-add-cart-qty-select dd .qty-minus { width: 40px; height: 40px; margin: 0 10px 0 0; border: #333 1px solid; border-radius: 5px; display: flex; justify-content: center; align-items: center; position: relative; background: linear-gradient( #FFF 0%, #EEE 100%); cursor: pointer;}
.page-goods .block-add-cart-qty-select dd .qty-minus span { width: 20px; height: 2px; background: #333; display: block;}
.page-goods .block-add-cart-qty-select dd .qty-minus.disable { border-color: #DBDBDB; background: #DBDBDB; cursor: auto;}
.page-goods .block-add-cart-qty-select dd .qty-minus.disable span { background: #fff;}
.page-goods .block-add-cart--btn { width: 100%; height: 75px; padding: 0 0 0 20px; margin: 0 0 15px 0; border: #00AA00 2px solid; border-radius: 80px; box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.3); background: linear-gradient( #76C876 0%, #1BA41B 46%, #039703 49%, #009600 50%, #007500 100%); font-size: 26px; font-weight: 700; letter-spacing: 3px; color: #FF0000; text-shadow: 2px 0 0 #fff, 2px 2px 0 #fff, 0 2px 0 #fff, -2px 2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff; display: flex; justify-content: center; align-items: center; transition: 0.4s; position: relative;}
.page-goods .block-add-cart--btn:hover { border-color: #76C876; background: linear-gradient( #007500 0%, #039703 46%, #009600 49%, #1BA41B 50%, #76C876 100%); color: #FF0000; opacity: 0.9;}
.page-goods .block-add-cart--btn::after { content: ''; width: 38px; height: 38px; background: url("../../img/usr/common/icon_cart_btn.png") center center no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; left: 70px; top: calc(50% - 19px); transition: 0.4s;}
.page-goods .block-add-cart--btn.skip::after { content: ''; width: 38px; height: 38px; background: url("../../img/usr/common/icon_cart_skip_arrow.png") center center no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; left: 70px; top: calc(50% - 19px); transition: 0.4s;}

.page-goods .block-arrival-notice { padding: 0; margin: 0 0 20px 0; border: none;}
.page-goods .block-arrival-notice--btn { width: 100%; height: 70px; padding: 0 0 2px 0; margin: 0 auto; border: #E98600 2px solid; border-radius: 70px; font-size: 22px; font-weight: 700; background: linear-gradient( #FFFFFF 0%, #f3f3f3 50%, #EEEEEE 50%); display: flex; justify-content: center; align-items: center; text-decoration: none; color: #E98600; box-sizing: border-box; box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.6); position: relative; transition: 0.2s background, 0.2s color ease-out 0.05s;}
.page-goods .block-arrival-notice--btn:hover { background: linear-gradient( #FFF7EB 0%, #FFF7EB 50%, #fff 100%); color: #E98600;}

.page-goods .block-no-stock,
.page-goods .block-outside-sales-period,
.page-goods .block-variation-no-stock,
.page-goods .block-variation-outside-sales-period { padding: 0; margin: 0 0 20px 0; border: none;}
.page-goods .block-no-stock--message,
.page-goods .block-outside-sales-period--message,
.page-goods .block-variation-no-stock .block-variation-no-stock--message,
.page-goods .block-variation-outside-sales-period .block-variation-outside-sales-period--message { width: 100%; height: 70px; padding: 0; margin: 0; border: none; border-radius: 70px; font-size: 24px; font-weight: bold; background: #999999; color: #fff; display: flex; justify-content: center; align-items: center;}
.page-goods .block-goods-variation-arrival-notice { padding: 0; margin: 0 0 20px 0; border: none;}
.page-goods .block-goods-variation-arrival-notice--btn { width: 100%; height: 70px; padding: 0 0 2px 0; margin: 0 auto; border: #E98600 2px solid; border-radius: 70px; font-size: 22px; font-weight: 700; background: linear-gradient( #FFFFFF 0%, #f3f3f3 50%, #EEEEEE 50%); display: flex; justify-content: center; align-items: center; text-decoration: none; color: #E98600; box-sizing: border-box; box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.6); position: relative; transition: 0.2s background, 0.2s color ease-out 0.05s;}
.page-goods .block-goods-variation-arrival-notice--btn:hover { background: linear-gradient( #FFF7EB 0%, #FFF7EB 50%, #fff 100%); color: #E98600;}

.page-goods .block-goods-favorite { margin: 0 0 30px 0;}
.page-goods .block-goods-favorite--btn { width: 100%; height: 50px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 50px; font-size: 16px; font-weight: normal; color: #333; display: flex; align-items: center; justify-content: center; background: linear-gradient( #FFF 0%, #EEE 100%); box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.3); transition: 0.4s;}
.page-goods .block-goods-favorite-registed--btn { width: 100%; height: 50px; padding: 0; margin: 0; border: 1px solid #ccc; border-radius: 50px; font-size: 16px; font-weight: normal; color: #E98600; display: flex; align-items: center; justify-content: center; background: linear-gradient( #FFF 0%, #EEE 100%); box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.3);}
.page-goods .block-goods-favorite--btn::before { content: ''; width: 30px; height: 25px; margin: 0 15px 0 0; vertical-align: bottom; background: url(../../img/usr/common/goods_bookmark_btn.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; display: inline-block; transition: 0.4s;}
.page-goods .block-goods-favorite-registed--btn::before { content: ''; width: 30px; height: 25px; margin: 0 15px 0 0; vertical-align: bottom; background: url(../../img/usr/common/goods_bookmark_reg_btn.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; display: inline-block; transition: 0.4s;}
.page-goods .block-goods-favorite--btn:hover,
.page-goods .block-goods-favorite-registed--btn:hover { background: linear-gradient( #EEE 0%, #FFF 100%); color: #333;}
.page-goods .block-goods-favorite--btn:hover::before { background: url(../../img/usr/common/goods_bookmark_reg_btn.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;}

/*
.page-goods .block-goods-favorite--btn { font-size: 0;}
.page-goods .block-goods-favorite-registed--btn { font-size: 0;}
.page-goods .block-goods-favorite--btn::after { content: 'お気に入りに登録する'; font-size: 16px; font-weight: 400; color: #333333; display: inline-block;}
.page-goods .block-goods-favorite-registed--btn::after { content: 'お気に入りに登録済み'; font-size: 16px; font-weight: 400; color: #333333; display: inline-block;}
*/

.page-goods .block-variation-add-cart--btn { width: 100%; height: 75px; padding: 0 0 0 20px; margin: 0 0 15px 0; border: #00AA00 2px solid; border-radius: 80px; box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.3); background: linear-gradient( #76C876 0%, #1BA41B 46%, #039703 49%, #009600 50%, #007500 100%); font-size: 26px; font-weight: 700; letter-spacing: 3px; color: #FF0000; text-shadow: 2px 0 0 #fff, 2px 2px 0 #fff, 0 2px 0 #fff, -2px 2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff; display: flex; justify-content: center; align-items: center; transition: 0.4s; position: relative;}
.page-goods .block-variation-add-cart--btn:hover { border-color: #76C876; background: linear-gradient( #007500 0%, #039703 46%, #009600 49%, #1BA41B 50%, #76C876 100%); color: #FF0000; opacity: 0.9;}
.page-goods .block-variation-add-cart--btn::before { content: ''; width: 38px; height: 38px; background: url("../../img/usr/common/icon_cart_btn.png") center center no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; left: 70px; top: calc(50% - 19px); transition: 0.4s;}
.page-goods .skip .block-variation-add-cart--btn::before { content: ''; width: 38px; height: 38px; background: url("../../img/usr/common/icon_cart_skip_arrow.png") center center no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; left: 70px; top: calc(50% - 19px); transition: 0.4s;}

.page-goods .block-variation-no-stock,
.page-goods .block-variation-outside-sales-period { padding: 0; margin: 0 0 20px 0; border: none;}
.page-goods .block-variation-no-stock .block-variation-no-stock--message,
.page-goods .block-variation-outside-sales-period .block-variation-outside-sales-period--message { width: 100%; height: 70px; padding: 0; margin: 0; border: none; border-radius: 70px; font-size: 24px; font-weight: bold; background: #999999; color: #fff; display: flex; justify-content: center; align-items: center;}

.page-goods .block-variation-favorite--btn { width: 100%; height: 50px; padding: 0; margin: 0; border: 1px solid #cccccc; border-radius: 50px; font-size: 16px; font-weight: normal; color: #333333; display: flex; align-items: center; justify-content: center; background: linear-gradient( #FFF 0%, #EEE 100%); box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.3); transition: 0.4s;}
.page-goods .block-variation-favorite-registed--btn { width: 100%; height: 50px; padding: 0; margin: 0; border: 1px solid #cccccc; border-radius: 50px; font-size: 16px; font-weight: normal; color: #E98600; display: flex; align-items: center; justify-content: center; background: linear-gradient( #FFF 0%, #EEE 100%); box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.3);}
.page-goods .block-variation-favorite--btn::before { content: ''; width: 30px; height: 25px; margin: 0 15px 0 0; vertical-align: bottom; background: url(../../img/usr/common/goods_bookmark_btn.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; display: inline-block; transition: 0.4s;}
.page-goods .block-variation-favorite-registed--btn::before { content: ''; width: 30px; height: 25px; margin: 0 15px 0 0; vertical-align: bottom; background: url(../../img/usr/common/goods_bookmark_reg_btn.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; display: inline-block; transition: 0.4s;}
.page-goods .block-variation-favorite--btn:hover,
.page-goods .block-variation-favorite-registed--btn:hover { background: linear-gradient( #EEE 0%, #FFF 100%); color: #333;}
.page-goods .block-variation-favorite--btn:hover::before { background: url(../../img/usr/common/goods_bookmark_reg_btn.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;}

/*
.page-goods .block-variation-favorite--btn { font-size: 0;}
.page-goods .block-variation-favorite-registed--btn { font-size: 0;}
.page-goods .block-variation-favorite--btn::after { content: 'お気に入りに登録する'; font-size: 16px; font-weight: 400; color: #333333; display: inline-block;}
.page-goods .block-variation-favorite-registed--btn::after { content: 'お気に入りに登録済み'; font-size: 16px; font-weight: 400; color: #333333; display: inline-block;}
*/

/* ----------------------------------
 TYPE-02 プルダウン
---------------------------------- */
.page-goods.mode-pulldown .block-goods-price-wrap { width: 100%;}
.page-goods .block-variation-pulldown-submit-buttons { display: none;}
.page-goods .block-variation-add-cart-type-pulldown { margin: 0 0 30px 0;}
.page-goods .block-variation-add-cart-type-pulldown-select { margin: 0 0 20px 0; position: relative;}
.page-goods .block-variation-add-cart-type-pulldown-select.not-select::before { content: 'まずはここをお選びください'; width: 260px; height: 40px; border-radius: 10px; font-size: 16px; text-align: center; color: #fff; background: rgba(222,0,0,0.8); display: flex; justify-content: center; align-items: center; position: absolute; top: -50px; left: calc(50% - 140px);}
.page-goods .block-variation-add-cart-type-pulldown-select.not-select::after { content: ''; width: 0; height: 0; border-color: rgba(222,0,0,0.8) transparent transparent transparent; border-style: solid; border-width: 10px 6px 0 6px; vertical-align: middle; display: block; position: absolute; top: -10px; left: calc(50% - 5px); z-index: 1;}
.page-goods .block-variation-add-cart-type-pulldown-select-goods-wrap { padding: 0 78px 0 64px;}
.page-goods .block-variation-add-cart-type-pulldown-select-goods-wrap::before { content: '種類：'; font-size: 18px; display: block; position: absolute; top: calc(50% - 0.5em); left: 0;}
.page-goods .block-variation-add-cart-type-pulldown-select select { width: 100%; min-height: 50px; height: 50px; border-color: #333; line-height: 50px;}
.page-goods .block-variation-add-cart--btn-before-pulldown-select { width: 100%; height: 70px; margin: 0 0 20px 0; border: #009700 2px solid; border-radius: 60px; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; color: #009700; background: #fff;}

.page-goods .block-formintegratedpage-pulldown { margin: 0 0 20px 0; position: relative;}
.page-goods .block-formintegratedpage-pulldown-select.not-select::before { content: 'まずはここをお選びください'; width: 260px; height: 40px; border-radius: 10px; font-size: 16px; text-align: center; color: #fff; background: rgba(222,0,0,0.8); display: flex; justify-content: center; align-items: center; position: absolute; top: -50px; left: calc(50% - 140px);}
.page-goods .block-formintegratedpage-pulldown-select.not-select::after { content: ''; width: 0; height: 0; border-color: rgba(222,0,0,0.8) transparent transparent transparent; border-style: solid; border-width: 10px 6px 0 6px; vertical-align: middle; display: block; position: absolute; top: -10px; left: calc(50% - 5px); z-index: 1;}
.page-goods .block-formintegratedpage-pulldown-select-goods-wrap { padding: 0 78px 0 64px;}
.page-goods .block-formintegratedpage-pulldown-select-goods-wrap::before { display: block; position: absolute; top: calc(50% - 0.5em); left: 0;}
.page-goods .block-formintegratedpage-pulldown-select-goods-wrap { padding: 0 78px 0 64px;}
.page-goods .block-formintegratedpage-pulldown-select select { width: 100%; min-height: 50px; height: 50px; border-color: #333; line-height: 50px;}
.page-goods .block-formintegratedpage-pulldown-select select:hover { border: 2px solid #F18700;}
.page-goods .block-formintegratedpage-pulldown-select select:focus { outline: none; border: 3px solid #F18700;}

/* ----------------------------------
 TYPE-03 ラジオボタン
---------------------------------- */
.page-goods.mode-radiobtn .block-goods-price-wrap { width: 100%;}
.page-goods .block-variation-add-cart-type-radio  { margin: 0 0 30px 0;}
.page-goods .block-variation-type-radio-wrap      { margin: 0 0 20px 0;}
.page-goods .block-variation-type-radio-list-icon.block-icon { margin: 2px 0;}
.page-goods .block-variation-type-radio-list-icon.block-icon span { margin: 8px 8px 0 0;}
.page-goods .block-variation-type-radio-list-inner { min-height: 90px; padding: 0 0 0 95px; position: relative;}
.page-goods .block-variation-type-radio-list-inner.no-image { padding: 0;}
.page-goods .block-variation-type-radio-list-wrap + .block-variation-type-radio-list-wrap { border-top: #999 1px solid;}
.page-goods .block-variation-type-radio-list-img  { width: 70px; height: 70px; border: #CCC 1px solid; display: flex; justify-content: center; align-items: center; position: absolute; top: 10px; left: 0;}
.page-goods .block-variation-type-radio-list-line { min-height: 60px; padding: 10px 0; display: flex; flex-wrap: nowrap; align-items: center; cursor: pointer;}
.page-goods .block-variation-type-radio-list-line + .block-variation-type-radio-list-line { border-top: #CCC 1px dashed;}
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input { width: 50px; min-width: 50px;}
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input .radio-wrap { width: 30px; height: 30px; display: block; position: relative;}
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input .radio-wrap::before { content: ''; width: 30px; height: 30px; border: #333 1px solid; border-radius: 30px; display: block; position: absolute; top: 0; left: 0; z-index: 1; background: linear-gradient( #FFF 0%, #FFF 25%, #EEE 100%);}
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input .radio-wrap.checked::before { background: #fff;}
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input .radio-wrap.checked::after { content: ''; width: 20px; height: 20px; border-radius: 20px; display: block; position: absolute; top: 5px; left: 5px; z-index: 2; background: #E98805;}
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input .radio-wrap.disabled input { opacity: 0;}
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input .radio-wrap.disabled::before,
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input .radio-wrap.disabled.checked::before { content: ''; width: 30px; height: 1px; border: none; border-radius: 0; display: block; position: absolute; top: 15px; left: 0; z-index: 1; background: #333; transform: rotate(45deg);}
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input .radio-wrap.disabled::after,
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input .radio-wrap.disabled.checked::after { content: ''; width: 30px; height: 1px; border: none; border-radius: 0; display: block; position: absolute; top: 15px; left: 0; z-index: 1; background: #333; transform: rotate(135deg);}
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input .radio-wrap.disabled.checked::before,
.page-goods .block-variation-type-radio-list-line .block-variation-type-radio-list-input .radio-wrap.disabled.checked::after { height: 2px; background: #E98805;}
.page-goods .block-variation-type-radio-list-line .variation-name-wrap { font-size: 18px;}
.page-goods .block-variation-type-radio-list-line .stock-msg { font-size: 16px;}
.page-goods .block-variation-add-cart--btn-before-radio-select { width: 100%; height: 70px; margin: 0 0 20px 0; border: #009700 2px solid; border-radius: 60px; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; color: #009700; background: #fff;}
/* Only - Color */
.page-goods .only-color .block-variation-type-radio-list-inner { padding: 0; position: relative;}
.page-goods .only-color .block-variation-type-radio-list-img { width: 70px; height: 70px; margin: 0 20px 0 0; border: #CCC 1px solid; display: flex; justify-content: center; align-items: center; position: relative; top: auto; left: auto;}

/* ----------------------------------
 TYPE-04 バリエーション1
---------------------------------- */
.page-goods .block-variation-type-style1 .block-icon { margin: 0 0 2px 0;}
.page-goods .block-variation-type-style1 .block-variation--selected-item.at-color  { padding: 5px 10px; margin: 0 0 10px 0; font-size: 16px; font-weight: 500; background: #FFF7EB; color: #333;}
.page-goods .block-variation-type-style1 .block-color--item-list.at-variation-cart { display: flex; flex-wrap: wrap;}
.page-goods .block-variation-type-style1[vmode="coloronly"] .block-color--item-list.at-variation-cart .color-group { display: flex; flex-wrap: wrap;}
.page-goods .block-variation-type-style1 .block-variation--item.block-color--item  { width: 110px; padding: 0; margin: 0 20px 20px 0; border: none;}
.page-goods .block-variation-type-style1 .block-variation--item.block-color--item:nth-child(4n) { margin: 0 0 20px 0; border: none;}
.page-goods .block-variation-type-style1 .block-variation--item.block-color--item dt { width: 110px; height: 110px; margin: 0 0 10px 0; border: #333 1px solid; box-sizing: border-box; font-size: 0; position: relative;}
.page-goods .block-variation-type-style1 .block-variation--item.block-color--item.active dt::after { content: ''; border: #F18700 2px solid; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; display: block; border-width: thick;}
.page-goods .block-variation-type-style1 .block-variation--item.block-color--item.color-disable-stock dt { border: #DBDBDB 1px solid; background: #DBDBDB; color: #fff;}
.page-goods .block-variation-type-style1 .block-variation--item.block-color--item.color-disable-stock dt::after { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; display: block; background: rgba(0,0,0,0.5);}
.page-goods .block-variation-type-style1 .block-variation--item.block-color--item dt figure { width: 108px; height: 108px; display: flex; justify-content: center; align-items: center; font-size: 0; position: relative;}
.page-goods .block-variation-type-style1 .block-variation--item.block-color--item dt figure img { max-width: 108px; max-height: 108px;}
.page-goods .block-variation-type-style1 .block-variation--item.block-color--item dd span { font-size: 16px;}
.page-goods .block-variation-type-style1 .block-variation--item.block-color--item.color-disable-stock dd { color: #DBDBDB;}
.page-goods .block-variation-type-style1 .block-variation--item.block-color--item .block-variation--item-description { display: block;}
.page-goods .block-variation-type-style1 .block-variation--selected-item.at-size  { padding: 5px 10px; margin: 0 0 10px 0; font-size: 16px; font-weight: 500; background: #FFF7EB; color: #333;}
.page-goods .block-variation-type-style1 .block-size--item-list.at-variation-cart { display: flex; flex-wrap: wrap;}
.page-goods .block-variation-type-style1 .block-variation.block-size { margin: 0 0 10px 0;}
.page-goods .block-variation-type-style1 .block-variation--item.block-size--item  { width: 90px; padding: 0; margin: 0 13px 13px 0; border: none;}
.page-goods .block-variation-type-style1 .block-variation--item.block-size--item:nth-child(4n) { margin: 0 0 20px 0; border: none;}
.page-goods .block-variation-type-style1 .block-variation--item.block-size--item dt { width: 90px; min-height: 50px; margin: 0; border: #333 1px solid; border-radius: 5px; box-sizing: border-box; position: relative; display: flex; justify-content: center; align-items: center; background: linear-gradient( #FFF 0%, #EEE 100%);}
.page-goods .block-variation-type-style1:not(.not-select-color) .block-variation--item.block-size--item.size-disable-stock dt { border: #999 1px dashed; background: #DBDBDB;}
.page-goods .block-variation-type-style1 .block-variation--item.block-size--item.active dt::after { content: ''; border: #F18700 2px solid; border-radius: 5px; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; display: block; border-width: thick;}
.page-goods .block-variation-type-style1 .block-variation--item.block-size--item dt span { width: auto !important; height: auto !important; padding: 0 !important; margin: 0; border: none; font-size: 16px; font-weight: 500; display: inline !important;}
.page-goods .block-variation-type-style1 .block-variation-stock-comment { margin: 0 0 10px 0;}
.page-goods .block-variation-type-style1 .block-variation-add-cart.js-cart-btn .block-goods-variation-no-select { width: 100%; height: 70px; margin: 0 0 20px 0; border: #009700 2px solid; border-radius: 60px; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; color: #009700; background: #fff;}
.page-goods .block-variation-type-style1 .block-color-size-with-cart--size-item-cart { margin: 0 0 20px 0;}

/* ----------------------------------
 TYPE-05 バリエーション2
---------------------------------- */
.page-goods.mode-valiation02 { padding-bottom: 0;}
.page-goods.mode-valiation02 .block-page-top { bottom: 20px;}
.page-goods.mode-valiation02 .pane-goods-right-side .block-goods-variation-no-select-link { display: none;}
.page-goods.mode-valiation02 .pane-goods-fixed-footer .block-variation-type-style2 { display: none;}
.page-goods.mode-valiation02 .pane-goods-fixed-footer .block-variation-add-cart { display: block;}
.page-goods.mode-valiation02 .block-variation-add-cart.js-cart-btn .block-goods-variation-no-select { width: 100%; height: 70px; margin: 0 0 20px 0; border: #009700 2px solid; border-radius: 60px; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; color: #009700; background: #fff;}

.page-goods .block-variation-type-style2 { margin: 0 0 30px 0;}
.page-goods .block-variation-type-style2 .line-header { padding: 10px 0 0 0; display: flex; align-items: center;}
.page-goods .block-variation-type-style2 .line-header .block-color-size-with-cart--color-item-term { width: 70px; height: 70px; margin: 0 20px 0 0; border: #ccc 1px solid;}
.page-goods .block-variation-type-style2 .line-header .block-color-size-with-cart--color-item-term figure { width: 68px; height: 68px; margin: 0; border: none; display: flex; justify-content: center; align-items: center;}
.page-goods .block-variation-type-style2 .line-header .block-color-size-with-cart--color-item-term figure img { max-width: 68px; max-height: 68px; width: auto; height: auto;}
.page-goods .block-variation-type-style2 .line-header .block-color-size-with-cart--color-item-name { width: calc(100% - 300px); font-size: 18px; font-weight: 500;}
.page-goods .block-variation-type-style2 .line-header .block-icon { max-width: 200px; margin-left: auto; align-self: flex-end;}
.page-goods .block-variation-type-style2 .line-header .block-icon span { margin: 0 0 8px 8px; position: relative; top: -4px;}
.page-goods .block-variation-type-style2 .block-color-size-with-cart--color-line-box-wrap + .block-color-size-with-cart--color-line-box-wrap { border-top: #999 1px solid;}
.page-goods .block-variation-type-style2 .block-color-size-with-cart--color-line { padding: 10px 0; display: flex; flex-wrap: nowrap; align-items: center;}
.page-goods .block-variation-type-style2 .block-color-size-with-cart--color-line + .block-color-size-with-cart--color-line { border-top: #ccc 1px dashed;}
.page-goods .block-variation-type-style2 .block-color-size-with-cart--size-item-term { width: 170px; height: auto; padding: 0 20px 0 0; margin: 0; border: none; box-sizing: border-box;}
.page-goods .block-variation-type-style2 .block-color-size-with-cart--size-item-term .name { font-size: 18px; font-weight: 500;}
.page-goods .block-variation-type-style2 .block-color-size-with-cart--size-item-term .stock-msg { font-size: 14px; font-weight: 400;}
.page-goods .block-variation-type-style2 .block-color-size-with-cart--size-item-cart { width: calc(100% - 260px);}
.page-goods .block-variation-type-style2 .block-variation-add-cart { width: 100%;}
.page-goods .block-variation-type-style2 .block-variation-add-cart--btn { width: 100%; height: 50px; padding: 0; margin: 0; border: none; border-radius: 80px; background: #009700; font-size: 16px; font-weight: 700; color: #fff; text-shadow: none !important; box-shadow: none !important; display: flex; justify-content: center; align-items: center; transition: 0.4s; position: relative;}
.page-goods .block-variation-type-style2 .block-variation-add-cart--btn:hover { opacity: 0.7;}
.page-goods .block-variation-type-style2 .block-variation-add-cart--btn::before { display: none;}
.page-goods .block-variation-type-style2 .block-goods-variation-arrival-notice { margin: 0;}
.page-goods .block-variation-type-style2 .block-goods-variation-arrival-notice--btn { height: 50px; font-size: 16px; font-weight: 700; box-shadow: none !important; background: #fff;}
.page-goods .block-variation-type-style2 .block-goods-variation-arrival-notice--btn:hover { opacity: 0.7;}
.page-goods .block-variation-type-style2 .block-variation-no-stock,
.page-goods .block-variation-type-style2 .block-variation-outside-sales-period { margin: 0;}
.page-goods .block-variation-type-style2 .block-variation-no-stock--message,
.page-goods .block-variation-type-style2 .block-variation-outside-sales-period--message { height: 50px; font-size: 16px; font-weight: 700; box-shadow: none !important;}
.page-goods .block-variation-type-style2 .block-icon-image--heart,
.page-goods .block-variation-type-style2 .block-icon-image--heart-pink { display: none !important;}
.page-goods .block-variation-type-style2 .block-variation-favorite { width: 70px; margin-left: auto; position: relative;}
.page-goods .block-variation-type-style2 .block-variation-favorite--btn { width: 100%; height: 50px; padding: 0; margin: 0; border: 1px solid #cccccc; border-radius: 5px; font-size: 0; font-weight: 700; color: #333333; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; box-shadow: none; transition: 0.4s;}
.page-goods .block-variation-type-style2 .block-variation-favorite-registed--btn { width: 100%; height: 50px; padding: 0; margin: 0; border: 1px solid #cccccc; border-radius: 5px; font-size: 0; font-weight: 700; color: #E98600; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; box-shadow: none;}
.page-goods .block-variation-type-style2 .block-variation-favorite--btn::before { content: ''; width: 26px; height: 21.67px; margin: 0; vertical-align: bottom; background: url(../../img/usr/common/goods_bookmark_btn.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; display: inline-block; transition: 0.4s;}
.page-goods .block-variation-type-style2 .block-variation-favorite-registed--btn::before { content: ''; width: 26px; height: 21.67px; margin: 0; vertical-align: bottom; background: url(../../img/usr/common/goods_bookmark_reg_btn.png) center center no-repeat; -webkit-background-size: cover; background-size: cover; display: inline-block; transition: 0.4s;}
.page-goods .block-variation-type-style2 .block-variation-favorite--btn::after,
.page-goods .block-variation-type-style2 .block-variation-favorite-registed--btn::after { content: 'お気に入り'; width: 100%; padding: 0; margin: 0; font-size: 12px; font-weight: 400; text-align: center; letter-spacing: -0.5px; display: block;}
.page-goods .block-variation-type-style2 .block-variation-favorite--btn:hover,
.page-goods .block-variation-type-style2 .block-variation-favorite-registed--btn:hover { background: #fff; color: #333;}
.page-goods .block-variation-type-style2 .block-variation-favorite--btn:hover::before { background: url(../../img/usr/common/goods_bookmark_reg_btn.png) center center no-repeat; -webkit-background-size: cover; background-size: cover;}
.page-goods .block-variation-type-style2 .block-variation-favorite .block-loading-min { width: 60px; height: 22px; text-align: center; position: absolute; top: 5px; left: 5px; background: #fff;}
/* Only - Color */
.page-goods .block-variation-type-style2 .only-color .block-color-size-with-cart--color-item-term { width: 52px; height: 52px; margin: 0 15px 0 0; border: #ccc 1px solid;}
.page-goods .block-variation-type-style2 .only-color .block-color-size-with-cart--color-item-term figure { width: 50px; height: 50px; margin: 0; border: none; display: flex; justify-content: center; align-items: center;}
.page-goods .block-variation-type-style2 .only-color .block-color-size-with-cart--color-item-term figure img { max-width: 50px; max-height: 50px; width: auto; height: auto;}
.page-goods .block-variation-type-style2 .only-color .block-color-size-with-cart--size-item-term  { width: 110px; padding: 0 15px 0 0;}
/* Only - Size */
.page-goods .block-variation-type-style2 .only-size .block-color-size-with-cart--size-item-term { padding: 0 20px;}

/* ----------------------------------
 DMリンク／お支払方法／ご利用ガイド 他
---------------------------------- */
.page-goods .block-goods-dm-link { margin: 0 0 40px 0; font-size: 16px; text-align: center;}
.page-goods .block-goods-dm-link a { font-size: 16px; text-decoration: underline; transition: 0.4s;}
.page-goods .block-goods-dm-link a::before { content: ''; width: 0; height: 0; margin: 0 8px 0 0; border-color: transparent transparent transparent #E98600; border-style: solid; border-width: 6px 0 6px 10px; vertical-align: middle; display: inline-block;}
.page-goods .block-goods-dm-link a:hover { color: #E98600;}
.page-goods .goods-detail-description.block-method { display: block;}
.page-goods .goods-detail-description.block-method dt { width: 100%; padding: 5px 0 7px; margin: 0 0 20px 0; border-top: #E98805 1px solid; font-size: 18px; font-weight: 700; text-align: center; background: #FFF7EB; display: block;}
.page-goods .goods-detail-description.block-method dd { width: auto; padding: 0; margin: 0 0 20px -10px; display: flex; flex-wrap: wrap;}
.page-goods .goods-detail-description.block-method dd span { padding: 8px 16px; margin: 0 0 10px 10px; border: #707070 1px solid; font-size: 16px; white-space: pre; word-break: keep-all;}

.page-goods .goods-middle-guide-menu { margin: 0 0 30px 0; display: flex;}
.page-goods .goods-middle-guide-menu li + li { margin: 0 0 0 25px;}
.page-goods .goods-middle-guide-menu li::before { content: ''; width: 0; height: 0; margin: 0 8px 0 0; border-color: transparent transparent transparent #E98600; border-style: solid; border-width: 6px 0 6px 10px; vertical-align: middle; display: inline-block;}
.page-goods .goods-middle-guide-menu a { font-size: 16px; text-decoration: underline; transition: 0.4s;}
.page-goods .goods-middle-guide-menu a:hover { color: #E98600;}

.page-goods .block-goods-comment3 { margin: 0 0 35px 0;}

.page-goods .goods-detail-description.block-goods-code { display: flex; justify-content: flex-end;}
.page-goods .goods-detail-description.block-goods-code dt { width: auto; padding: 0; margin: 0; font-size: 12px; font-weight: 400; color: #BBBBBB;}
.page-goods .goods-detail-description.block-goods-code dt::after { content: '：'; margin: 0 0 0 5px; font-size: 12px; font-weight: 400; color: #BBBBBB;}
.page-goods .goods-detail-description.block-goods-code dd { width: auto; padding: 0; margin: 0 0 0 5px; font-size: 12px; font-weight: 400; color: #BBBBBB;}

/* ----------------------------------
 商品コメント
---------------------------------- */
.page-goods .block-goods-comment4 { margin: 0 0 140px 0;}
.page-goods .block-goods-comment5 { margin: 60px 0 160px 0;}
.page-goods .block-goods-comment5 h2.block-goods-spec-comment-title { padding: 0; margin: 0 0 35px 0; border: none; font-size: 32px; font-weight: 700; text-align: center;}
.page-goods .block-goods-comment5 .goods-detail-spec-frame { display: flex; justify-content: space-between;}
.page-goods .block-goods-comment5 .goods-detail-spec-image { width: 350px;}
.page-goods .block-goods-comment5 .goods-detail-spec-image figure { width: 350px; height: 350px; border: #CCCCCC 1px solid; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.page-goods .block-goods-comment5 .goods-detail-spec-desc  { width: calc(100% - 390px);}
.page-goods .block-goods-comment5 .goods-detail-spec-table { width: 100%; margin: 0 0 15px 0; border-top: #CCCCCC 1px solid;}
.page-goods .block-goods-comment5 .goods-detail-spec-table th { width: 30%; padding: 15px 20px; border-bottom: #CCCCCC 1px solid; font-size: 16px; background: #FFF7EB;}
.page-goods .block-goods-comment5 .goods-detail-spec-table td { width: 70%; padding: 15px 20px; border-bottom: #CCCCCC 1px solid; font-size: 16px;}
.page-goods .block-goods-comment5 .notice-list li { padding-left: 1em; text-indent: -1em; font-size: 14px;}
.page-goods #block_goodsdetail_sns_contact { margin: 50px 0 100px 0;}
.page-goods #block_goodsdetail_sns_contact .block-contact-about-goods { margin: 0 0 20px 0; text-align: left;}
.page-goods #block_goodsdetail_sns_contact .block-contact-about-goods--btn { margin: 0; border: none; font-size: 18px; font-weight: 700; text-decoration: underline; text-align: left; background: none; color: #333;}

/* ----------------------------------
 あなたへのおすすめ商品
---------------------------------- */
.page-goods .block-goodsdetail-recommend { padding: 60px 0 20px; background: #FFF7EB;}
.page-goods .block-goodsdetail-recommend h2 { padding: 0; margin: 0 0 35px 0; border: none; font-size: 32px; font-weight: 700; text-align: center;}
.page-goods ul.goodsdetail-recommend-list { width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap;}
.page-goods ul.goodsdetail-recommend-list li.goodsdetail-recommend-item { width: calc((100% - 160px) / 5); padding: 0; margin: 0 40px 40px 0; display: block;}
.page-goods ul.goodsdetail-recommend-list li.goodsdetail-recommend-item:nth-child(5n) { margin: 0 0 40px 0;}
.page-goods li.goodsdetail-recommend-item a { text-decoration: none; transition: 0.4s;}
.page-goods li.goodsdetail-recommend-item .block-thumbnail-t--goods-description { margin: 10px 0 0 0;}
.page-goods li.goodsdetail-recommend-item .goodsdetail-recommend-image { height: 208px;}
.page-goods li.goodsdetail-recommend-item .goodsdetail-recommend-image figure { width: 208px; height: 208px; position: relative;}
.page-goods li.goodsdetail-recommend-item figure::before { content: '詳細を見る'; width: 100%; height: 100%; font-size: 18px; font-weight: 700; color: #fff; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; transition: 0.4s;}
.page-goods li.goodsdetail-recommend-item figure::after { content: ''; width: 0; height: 0; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 6px 0 6px 10px; vertical-align: middle; display: inline-block; position: absolute; top: calc(50% - 5.5px); left: calc(50% - 3em - 15px); z-index: 1; opacity: 0;}
.page-goods li.goodsdetail-recommend-item a:hover figure::before { opacity: 1;}
.page-goods li.goodsdetail-recommend-item a:hover figure::after  { opacity: 1;}
.page-goods li.goodsdetail-recommend-item .goodsdetail-recommend-name { margin: 10px 0 0 0; font-size: 18px; font-weight: 700;}
.page-goods li.goodsdetail-recommend-item .goodsdetail-recommend-name a { text-decoration: underline;}
.page-goods li.goodsdetail-recommend-item .goodsdetail-recommend-name a:hover  { text-decoration: none;}

/* ----------------------------------
 関連アイテム
---------------------------------- */
.page-goods .pane-goods-right-side form { display: block;}
.page-goods .pane-goods-right-side .block-accessory-list { padding: 0; margin: 30px 0 15px;}
.page-goods .pane-goods-footer .block-accessory-list { padding: 0 40px 20px; margin: 30px 0 15px; background: #f5f5f5;}
.page-goods .pane-goods-footer .block-accessory-list .block-accessory-list--name { padding: 24px 0 0; margin: 0 0 20px; border: 0; font-size: 18px; font-weight: 500;}
.page-goods .block-accessory-list .block-accessory-list--name { padding: 24px 0 0; margin: 0 0 20px; font-weight: 500; border: 0; text-align: center; font-size: 24px;}
.page-goods .block-goods-footer-cart { display: none;}

/* ----------------------------------
 SNS
---------------------------------- */
.page-goods ul.block-goods-sns { display: flex;} 
.page-goods ul.block-goods-sns li { margin: 0 10px 0 0;} 
.page-goods ul.block-goods-sns li.block-goods-sns--twitter { height: 20px; margin: 0; border-radius: 3px; background: #1d9bf0;}
.page-goods ul.block-goods-sns li.block-goods-sns--twitter:hover { background: #0c7abf;}
.page-goods a.btn#b { border-radius: 3px !important;}

/* ----------------------------------
 Revico - UserReview
---------------------------------- */
#block_goodsdetail_revico { margin: 160px 0 50px; text-align: center;}
#block_goodsdetail_revico * { font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}
#block_goodsdetail_revico .revico-common-button-style.revico-common-filter-icon-style,
#block_goodsdetail_revico .revico-common-button-style.revico-common-sort-icon-style,
#block_goodsdetail_revico .revico-comment-footer--more .revico-common-button-style,
#block_goodsdetail_revico .revico-common-button-style.revico-comment-footer--filter,
#block_goodsdetail_revico .revico-common-button-style.revico-comment-footer--sort { background-color: #434343;}
#block_goodsdetail_revico .revico-star .revico-star-graph { background: #FFF;}
#block_goodsdetail_revico .revico-star .revico-logo { display: none !important;}
#block_goodsdetail_revico .revico-star .revico-review { width: 100%; margin: 0 0 40px 0; font-size: 32px; font-weight: 700;}
#block_goodsdetail_revico .revico-review { font-size: 20px; font-weight: 700; text-align: center; background: none !important;}
#block_goodsdetail_revico .revico-review span { margin: 0;}
#block_goodsdetail_revico .revico-star .revico-star-graph-wrapper { justify-content: center;}
#block_goodsdetail_revico .revico-common-background-style { background: #FFF;}
#block_goodsdetail_revico .revico-common-background-style .revico-review-comment-detail { border: #CCC 1px solid;}
#block_goodsdetail_revico .revico-multicomment-top .revico-comment-main { width: calc(100% - 30px); margin: 0 auto;}
#block_goodsdetail_revico .revico-multicomment-top .revico-starability-result { background-image: url("../../img/usr/common/revico_star.png") !important;}
#block_goodsdetail_revico .revico-multicomment-top .revico-review-comment-detail--title-review-title { text-align: left;}
#block_goodsdetail_revico .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition > div,
#block_goodsdetail_revico .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--comment { text-align: left;}

.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--star .revico-review-comment-detail--star-date { font-size: 16px !important;}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-sns img { width: 30px !important; height: 30px !important; margin: 0 20px 0 0 !important;}

.revico-modal .revico-modal__inner.revico-picture-modal-product .revico-modal-content .revico-comment-header-modal .revico-comment-filter-wrapper .revico-comment-filter--most a,
.revico-modal .revico-modal__inner.revico-picture-modal-product .revico-modal-content .revico-comment-header-modal .revico-comment-filter-wrapper .revico-comment-filter--variation span,
.revico-modal .revico-modal__inner.revico-picture-modal-product .revico-modal-content .revico-comment-header-modal .revico-comment-filter-wrapper .revico-comment-filter--block-item .revico-comment-filter--block-item-title,
.revico-modal .revico-modal__inner.revico-picture-modal-product .revico-modal-content .revico-comment-header-modal,
.revico-modal .revico-modal__inner.revico-picture-modal-product .revico-modal-content button { font-size: 16px !important;}

/* ----------------------------------
 お気に入り
---------------------------------- */
.page-goods .block-loading-min--ball::before { border-radius: 50%; background-color: rgba(233,134,0,0.9);}
.page-goods .balloontip { min-width: 20px; padding: 10px 30px; border: 1px solid rgba(233,134,0,0.9); border-radius: 5px; opacity: 1; z-index: 32767; text-align: center; font-size: 14px; font-weight: bold; box-shadow: none; color: #fff; background: rgba(233,134,0,0.9);}

.page-goods.FormIntegrated .balloontip { min-width: 20px; padding: 10px; border-radius: 6px; opacity: 1; z-index: 32767; text-align: left; font-size: 12px; border: 1px solid rgb(119, 119, 119); box-shadow: rgb(85, 85, 85) 4px 4px 4px; color: rgb(255, 255, 255); background: #333; }

.page-goods .modal-header { font-size: 18px; background: #E98805;}
.page-goods .modal-header { background: #E98805;}
.page-goods .modal-dialog .block-goods-favorite-cancel--btn,
.page-goods .modal-dialog .block-variation-favorite-cancel--btn { padding: 10px 0; margin: 0 6px;}
.page-goods .modal-dialog .btn-secondary { padding: 12px 0; margin: 0 15px; border: #CCC 1px solid; border-radius: 5px; font-size: 16px; text-align: center; text-decoration: none; box-sizing: border-box; background: linear-gradient( #FFF 0%, #EEE 100%); transition: 0.4s; position: relative; cursor: pointer; color: #333;}
.page-goods .modal-dialog .btn-secondary:hover { border-color: #E98600; background: linear-gradient(#FFF7EB 0%, #FFF 100%); color: #E98600;}
.page-goods .modal-dialog .bookmarkmodal-option { margin: 15px 0 0 0; text-align: center;}
.page-goods .modal-dialog .modal-footer { padding: 0 10px 25px;}

/* ----------------------------------
 追従ボタン
---------------------------------- */
.page-goods .block-page-top { bottom: 15px;}
.page-goods .pane-goods-fixed-footer { width: 100%; height: 100px; padding: 0; border-top: #707070 1px solid; background: #FFFADB; box-sizing: border-box; position: fixed; left: 0; bottom: 0; z-index: 98;}
.page-goods .pane-goods-fixed-footer-inner { width: 1000px; height: 100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.page-goods .pane-goods-fixed-footer .block-color-size-with-cart--item-list { display: none !important;}
.page-goods .pane-goods-fixed-footer .block-add-cart-qty-select-wrap { display: none !important;}
.page-goods .pane-goods-fixed-footer-inner-center{ justify-content: center;}
.page-goods .block-fixed-footer-info { width: 440px; display: flex; justify-content: space-between;}
.page-goods .block-fixed-footer-info .info-head { width: 140px;}
.page-goods .block-fixed-footer-info .info-head .title { width: 140px; padding: 5px 0; margin: 0 0 3px 0; border-radius: 5px; font-size: 16px; font-weight: 700; text-align: center; line-height: 1.2; color: #fff; background: #00A200;}
.page-goods .block-fixed-footer-info .info-head .free { font-size: 18px; font-weight: 700; text-align: center; letter-spacing: 2px; line-height: 1.2; color: #E98805;}
.page-goods .block-fixed-footer-info .info-desc { width: 290px; text-align: center;}
.page-goods .block-fixed-footer-info .info-desc .title { margin: 0; font-size: 18px; font-weight: 700; text-align: center; letter-spacing: -1px; line-height: 1.0; color: #333333;}
.page-goods .block-fixed-footer-info .info-desc .number { margin: 0 0 5px 0; font-size: 36px; font-weight: 700; letter-spacing: 2px; line-height: 1.0; color: #E30000;}
.page-goods .block-fixed-footer-info .info-desc .time { margin: 0; font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height: 1.0; color: #333333;}
.page-goods .block-fixed-footer-button { width: 500px;}
.page-goods .block-fixed-footer-button .block-add-cart { margin: 0;}
.page-goods .block-fixed-footer-button .block-add-cart .block-add-cart--btn { width: 500px; margin: 0 auto;}
.page-goods .block-fixed-footer-button .block-no-stock,
.page-goods .block-fixed-footer-button .block-arrival-notice,
.page-goods .block-fixed-footer-button .block-outside-sales-period,
.page-goods .block-fixed-footer-button .block-goods-variation-no-select,
.page-goods .block-fixed-footer-button .block-goods-variation-arrival-notice,
.page-goods .block-fixed-footer-button .block-variation-add-cart-type-pulldown,
.page-goods .block-fixed-footer-button .block-variation-add-cart--btn-before-pulldown-select,
.page-goods .block-fixed-footer-button .block-variation-add-cart-type-radio,
.page-goods .block-fixed-footer-button .block-variation-add-cart--btn-before-radio-select,
.page-goods .block-fixed-footer-button .block-variation-add-cart--btn,
.page-goods .block-fixed-footer-button .block-variation-outside-sales-period,
.page-goods .block-fixed-footer-button .block-variation-no-stock { margin-bottom: 0 !important;}
.page-goods .block-fixed-footer-button .block-variation-add-cart-type-pulldown-select { display: none !important;}
.page-goods .block-fixed-footer-button .block-variation-type-radio-wrap { display: none !important;}
.page-goods .block-fixed-footer-button .block-variation-type-style1 .block-variation.block-color,
.page-goods .block-fixed-footer-button .block-variation-type-style1 .block-variation.block-size,
.page-goods .block-fixed-footer-button .block-variation-type-style1 .block-variation-stock-comment { display: none !important;}
.page-goods .block-fixed-footer-button .block-stock-comment,
.page-goods .block-fixed-footer-button .block-goods-favorite,
.page-goods .block-fixed-footer-button .block-variation-favorite { display: none !important;}
.page-goods .block-fixed-footer-button .block-variation-add-cart--btn-before-radio-select-buttons { display: none;}
.page-goods .block-fixed-footer-button .block-color-size-with-cart--size-item-cart { display: none; margin: 0 !important;}
.page-goods .block-fixed-footer-button .lp_footer_btn { margin-top: 10px;}

.page-goods .pane-goods-fixed-footer.soldout .pane-goods-fixed-footer-inner { justify-content: center;}
.page-goods .pane-goods-fixed-footer.soldout .block-fixed-footer-info { display: none !important;}

/* ----------------------------------
 Payボタン
---------------------------------- */
.page-goods .block-landingpage--amazonpay{ width: 400px; height: 150px;}
.page-goods .block-landingpage--amazonpay-button { min-height: 80px !important; margin: 10px 0; width: 360px !important;}
.page-goods .block-landingpage-unusable-amazonpay{ display: none;}
.page-goods .block-landingpage--amazonpay { padding: 15px 20px; margin: auto; border: none; background: #FFFEEB;}
.page-goods .block-landingpage--amazonpay-description { font-size: 14px; font-weight: 700; text-align: center; letter-spacing: -0.8px;}
.page-goods .block-order--rakutenid-login { width: 400px; height: 150px;}
.page-goods .block--rakutenid-login-btn { min-height: 80px !important; margin: 10px 0; text-align:center;}
.page-goods .block--rakutenid-login-btn .rakutenid_ { cursor: pointer;}
.page-goods .block-unusable-rakutenid { display: none;}
.page-goods .block-order--rakutenid-login { padding: 15px 15px 0 15px; margin: auto; border: none; background: #FFFEEB;}
.page-goods .block-oredr--rakutenid-description { font-size: 14px; font-weight: 700; text-align: center; letter-spacing: -0.8px;}
.page-goods .block-landingpage-button { display: flex; background: #FFFEEB; margin: 0 0 40px 0;}
.page-goods .hidden-lp-button-content,.page-goods .hidden-lp-body-content { display: none;}
.page-goods .hide-paybutton-header { display: none;}