@charset "UTF-8";
@charset "UTF-8";
@charset "utf-8";

.woocommerce-cart .cart_totals:has(.blockUI),.woocommerce-cart .woocommerce-cart-form:has(.blockUI),.woocommerce-checkout-review-order:has(.blockUI),.woocommerce-mini-cart-item:has(.blockUI){opacity:.5}.woocommerce-cart .cart_totals .blockUI.blockOverlay,.woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay,.woocommerce-checkout-review-order .blockUI.blockOverlay,.woocommerce-mini-cart-item .blockUI.blockOverlay{background-color:transparent!important;opacity:.5!important}.woocommerce-cart .cart_totals .blockUI.blockOverlay:before,.woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay:before,.woocommerce-checkout-review-order .blockUI.blockOverlay:before,.woocommerce-mini-cart-item .blockUI.blockOverlay:before{animation:spin .6s linear infinite;border-bottom:3px solid rgba(0,0,0,.1)!important;border-left:3px solid var(--fs-color-primary);border-radius:50%;border-right:3px solid rgba(0,0,0,.1)!important;border-top:3px solid rgba(0,0,0,.1)!important;content:"";display:block;font-size:2em;height:30px;left:50%;line-height:1;margin-left:-.5em;margin-top:-.5em;pointer-events:none;position:absolute;text-align:center;top:50%;width:30px}.dark .woocommerce-cart .cart_totals .blockUI.blockOverlay:before,.dark .woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay:before,.dark .woocommerce-checkout-review-order .blockUI.blockOverlay:before,.dark .woocommerce-mini-cart-item .blockUI.blockOverlay:before{border:3px solid rgba(0,0,0,.1)!important;border-left-color:#fff!important}.product-summary .ux-product-brands{display:inline-flex;flex-wrap:wrap;gap:15px}.product-summary .ux-product-brands a:hover{opacity:.7}@media(min-width:1000px){.product-summary .ux-product-brands{flex-direction:column;float:right;margin-block:0;margin-inline-start:15px}.product-summary .ux-product-brands a{background-color:#fff;border:1px solid #e0e0e0;max-width:100px;min-height:70px;padding:5px;transition:border-color .2s ease-in-out}.product-summary .ux-product-brands a:hover{border-color:#969696;opacity:1}}.product-summary.text-center .ux-product-brands{justify-content:space-evenly}@media(min-width:1000px){.product-summary.text-center .ux-product-brands{align-items:center;flex-direction:row;float:none;margin-inline:0}.product-summary.text-center .ux-product-brands a{border:none}.product-summary.text-right .ux-product-brands{float:left;margin-inline-end:15px;margin-inline-start:0}}.brands_index{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:30px 0 0}.brands_index li{margin:0!important}.dark ul.brands_index li span{opacity:.3}.category-page-row{padding-top:30px}.price_slider_amount input{display:none}.woocommerce-result-count{display:inline-block;margin:0 1em 0 auto}.woocommerce-ordering,.woocommerce-ordering select{display:inline-block;margin:5px 0}.add_to_cart_button.added{display:none}a.added_to_cart{display:inline-block;font-size:.9em;font-weight:700;padding:10px 0;text-transform:uppercase}a.added_to_cart:after{content:" →"}.grid-style-3 .title-wrapper{flex:1;min-width:60%;overflow:hidden;padding-right:15px;text-overflow:ellipsis}.grid-style-3 .price-wrapper{text-align:right}.grid-style-3 .star-rating{margin:.2em 0;text-align:right}.grid-style-3 .price del{display:block}.grid-style-3 .price del span.amount{margin:0}.price-wrapper .review-count{margin-left:4px}.products .box-vertical .box-text{font-size:1.1em}.page-numbers.button.current{opacity:.6;pointer-events:none}.grid-tools{backface-visibility:hidden;display:flex;margin-bottom:-1px;padding:0!important;white-space:nowrap;width:100%}.grid-tools a{background-color:var(--fs-color-primary);color:#f1f1f1;display:block;font-size:.85em;font-weight:700;opacity:.95;padding:.4em 0 .5em;text-overflow:ellipsis;text-transform:uppercase;transition:opacity .3s;width:100%}.grid-tools a.quick-view:focus-visible{outline-offset:-4px}.grid-tools a+a{border-left:1px solid hsla(0,0%,100%,.1)}.grid-tools a:hover{color:#fff;opacity:1}.grid-tools .add-to-cart-grid{width:0}@media(max-width:849px){.category-filter-row{padding:10px 0}}.filter-button{display:inline-block;margin-top:.5em}.box-image .out-of-stock-label{background:#fff;background:hsla(0,0%,100%,.9);color:#333;font-weight:700;left:0;opacity:.9;padding:20px 0;position:absolute;right:0;text-align:center;text-transform:uppercase;top:40%}.featured-title .woocommerce-result-count{display:none}.widget_product_categories>ul>li{align-items:center;display:flex;flex-flow:row wrap}.widget_product_categories>ul>li span{font-size:.85em;opacity:.4}.widget_product_categories>ul>li ul span.count{display:none}.message-wrapper+.login{background-color:rgba(0,0,0,.03);padding:30px}.woocommerce-form-login .button{margin-bottom:0}.woocommerce-billing-fields{border-top:2px solid #ddd;padding-top:15px}.woocommerce-billing-fields p{margin-bottom:.5em}form.checkout h3{font-size:1.1em;font-weight:bolder;overflow:hidden;padding-top:10px;text-transform:uppercase}form.checkout input[type=checkbox]{margin-bottom:0;margin-right:.5em;margin-top:0}.payment_methods li+li{border-top:1px solid #ececec;padding-top:7px}.payment_methods p{font-size:.9em}.payment_method_paypal img{margin:0 10px;max-width:130px}a.about_paypal{font-size:.8em}.woocommerce-privacy-policy-text{font-size:85%}.form-row-wide{clear:both}.form-row-push{margin-top:-15px}@media(min-width:550px){.form-row-first,.form-row-last{float:left;width:48%}.form-row-first{margin-right:4%}}button#place_order{font-size:1.2em;line-height:1.2;margin-right:0;padding-bottom:.5em;padding-top:.5em;white-space:normal;width:100%}#ship-to-different-address{padding-top:0}#ship-to-different-address label{font-weight:400;text-transform:none}#billing_address_2_field>label,#shipping_address_2_field>label{opacity:0;overflow:hidden;white-space:nowrap;width:0}@media(max-width:549px){#billing_address_2_field>label,#shipping_address_2_field>label{display:none}}.wc-terms-and-conditions{border-top:1px solid #ececec;margin-top:-15px;padding:15px 0}.wc-terms-and-conditions input{margin-bottom:0}.wc-terms-and-conditions label{font-weight:400}div.create-account{clear:both}.form-row.create-account{font-size:1.1em;margin:0}.form-row.create-account label{font-weight:400}.page-checkout-simple{padding:3% 0}@media(max-width:849px){.page-checkout-simple .medium-text-center #logo{margin:0 auto}}.js_active .woocommerce-account-fields p.create-account+div.create-account,.js_active .woocommerce-shipping-fields #ship-to-different-address+div.shipping_address{display:none}.widget_price_filter form{margin:0}.widget_price_filter .price_slider{background:#f1f1f1;margin-bottom:1em}.widget_price_filter .price_label{padding-top:6px}.widget_price_filter span{font-weight:700}.widget_price_filter .price_slider_amount{font-size:.8751em;line-height:1;text-align:right}.widget_price_filter .price_slider_amount .button{background-color:#666;border-radius:99px;float:left;font-size:.85em}.widget_price_filter .ui-slider{position:relative;text-align:left}.widget_price_filter .ui-slider .ui-slider-handle{background-color:#666;border-radius:999px;cursor:pointer;height:15px;outline:none;position:absolute;top:-5px;width:15px;z-index:2}.widget_price_filter .ui-slider .ui-slider-handle:last-child{margin-left:-10px}.widget_price_filter .ui-slider .ui-slider-range{background-color:#666;border:0;border-radius:99px;display:block;font-size:10px;opacity:.5;position:absolute;z-index:1}.widget_price_filter .ui-slider-horizontal{border-radius:99px;height:5px}.widget_price_filter .ui-slider-horizontal .ui-slider-range{height:100%;top:0}.widget_price_filter .ui-slider-horizontal .ui-slider-range-min{left:-1px}.widget_price_filter .ui-slider-horizontal .ui-slider-range-max{right:-1px}.widget li.chosen a:before{color:currentColor;content:"x";display:inline-block;margin-right:5px;opacity:.6;position:relative;top:-2px}.wc-layered-nav-term.chosen>a:before{background-color:#f1f1f1;border:1px solid rgba(0,0,0,.1);border-radius:99px;height:18px;line-height:12px;text-align:center;width:18px}.dark .wc-layered-nav-term.chosen>a:before{background-color:rgba(0,0,0,.5)}.widget_layered_nav_filters ul li.chosen{border:0!important;display:inline-block;margin-right:10px}.widget_layered_nav_filters ul li.chosen a{background-color:#f1f1f1;border:1px solid rgba(0,0,0,.1);border-radius:99px;display:inline-block;font-size:.85em;font-weight:400;opacity:.9;padding:0 7px}.dark .widget_layered_nav_filters ul li.chosen a{background-color:rgba(0,0,0,.5);color:#fff}.widget_layered_nav_filters ul li.chosen a:before{content:"x";margin-right:3px;opacity:.4;position:relative;top:-1px}.widget_layered_nav_filters ul li.chosen a:hover:before{opacity:1}.woocommerce-product-gallery .woocommerce-product-gallery__wrapper{margin:0}.message-wrapper{margin:0;padding-bottom:.5em}#wrapper>.message-wrapper{font-size:1.1em;margin-bottom:10px;outline:0;padding-bottom:.75em;padding-top:.75em}ul.message-wrapper li{list-style:none}.message-container span{font-weight:700}.message-container .wc-forward{display:none}.message-container a{margin:0 15px 0 0}.container .message-container{padding-left:0;padding-right:0}.message-wrapper+main .product-main{padding-top:0}.demo_store{background-color:#000;color:#fff;margin:0;padding:5px;text-align:center}#wrapper>.has-transparent~.message-wrapper{background-color:#fff;box-shadow:1px 1px 10px 1px rgba(0,0,0,.1);left:50%;max-width:800px;padding:20px 25px;position:fixed;top:calc(var(--flatsome-scroll-padding-top) + 30px);transform:translate(-50%);transition:top .6s;width:80vw;z-index:1002}#wrapper>.has-transparent.transparent~.message-wrapper{top:150px}.form-row input[type=submit]{margin:0}.form-row input[type=submit]+label{margin-left:15px}.my-account-header.featured-title .page-title-inner{min-height:100px}.my-account-header .button{margin-bottom:5px;margin-top:5px}.woocommerce-form-register .woocommerce-privacy-policy-text{margin-bottom:1.5em}form.lost_reset_password{padding:30px 0}.dashboard-links{display:flex;flex-wrap:wrap;font-size:1.3em;line-height:1;list-style:none}.dashboard-links a{border:1px solid #ddd;border-radius:5px;display:block;margin-right:10px;padding:20px 0;text-align:center;transition:all .3s}.dashboard-links .active{display:none}.dashboard-links a:hover{background-color:#333;color:#fff}.dashboard-links li{width:33.333%}@media(max-width:849px){.dashboard-links li{width:50%}}@media(max-width:549px){.dashboard-links li{width:100%}}@media(max-width:849px){.account-container:has(.woocommerce-form-register)>.row>.col-1{border-bottom:1px solid #ececec;margin-bottom:30px;padding-bottom:30px!important}}.password-input{display:block;position:relative}.password-input input:focus~.show-password-input,.password-input:hover .show-password-input{visibility:visible}.woocommerce-EditAccountForm input[type=password],.woocommerce-form input[type=password]{padding:0 2em 0 .75em}.show-password-input{cursor:pointer;line-height:1.35;padding:.618em;position:absolute;right:0;top:0;visibility:hidden}.show-password-input:after{content:"";font-family:fl-icons}.show-password-input.display-password:after{content:"";font-family:fl-icons}#login-form-popup .woocommerce-notices-wrapper:not(:empty){padding:20px 20px 0}#login-form-popup .woocommerce-form{margin-bottom:0}#login-form-popup:not(:has(.account-register-inner)){max-width:440px}#login-form-popup .account-container.lightbox-inner>.account-login-inner{padding-left:15px;padding-right:15px}.price{line-height:1}.product-info .price{font-size:1.5em;font-weight:bolder;margin:.5em 0}.woocommerce-variation-price{border-top:1px dashed #ddd;font-size:.8em;padding:7.5px 0}.price-wrapper .price{display:block}span.amount{color:#111;font-weight:700;white-space:nowrap}.dark .price,.dark .price del,.dark span.amount{color:#fff}.header-cart-title span.amount{color:currentColor}del span.amount{font-weight:400;margin-right:.3em;opacity:.6}.no-prices .amount{display:none!important}ul.product_list_widget li{line-height:1.33;list-style:none;margin-bottom:0;min-height:80px;overflow:hidden;padding:10px 0 5px 75px;position:relative;vertical-align:top}ul.product_list_widget li+li{border-top:1px solid #ececec}.dark ul.product_list_widget li{border-color:hsla(0,0%,100%,.2)}.widget_shopping_cart ul.product_list_widget li{padding-right:30px}ul.product_list_widget li>span.reviewer{font-size:.8em}ul.product_list_widget li a:not(.remove){display:block;line-height:1.3;margin-bottom:5px;overflow:hidden;padding:0;text-overflow:ellipsis}ul.product_list_widget li a.remove{position:absolute;right:0}ul.product_list_widget li dl{font-size:.8em;margin:0}ul.product_list_widget li img{height:60px;left:0;margin-bottom:5px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;position:absolute;top:10px;width:60px}ul.product_list_widget li .quantity{display:block;font-size:.85em;margin-top:3px;opacity:.6}ul.product_list_widget li .quantity.buttons_added{display:flex}.product-main{padding:40px 0}.page-title:not(.featured-title)+main .product-main{padding-top:15px}.product-info{padding-top:10px}.product-summary .woocommerce-Price-currencySymbol{display:inline-block;font-size:.75em;vertical-align:top}.product-summary .variations_button{padding:.5em 0}.product-summary table tr+tr{border-top:1px dashed #ddd}form.cart a.added_to_cart.wc-forward{display:none}.woocommerce-variation-add-to-cart,form.cart{display:flex;flex-wrap:wrap;gap:1em;width:100%}.woocommerce-variation-add-to-cart>*,form.cart>*{flex:1 1 100%;margin:0}.woocommerce-variation-add-to-cart :where(.ux-quantity,.single_add_to_cart_button,.ux-buy-now-button),form.cart :where(.ux-quantity,.single_add_to_cart_button,.ux-buy-now-button){flex:0 0 auto}.text-center .woocommerce-variation-add-to-cart,.text-center form.cart{justify-content:center}.text-right .woocommerce-variation-add-to-cart,.text-right form.cart{justify-content:end}.product_meta{font-size:.8em;margin-bottom:1em}.product_meta>span{border-top:1px dotted #ddd;display:block;padding:5px 0}.product-info p.stock{font-size:.8em;font-weight:700;line-height:1.3;margin-bottom:1em}p.in-stock{color:var(--fs-color-success)}.group_table .quantity{margin:0}.group_table .price{font-size:1em}.group_table .label label{margin:0;padding:0}.product-gallery,.product-thumbnails .col{padding-bottom:0!important}.product-gallery-slider img,.product-thumbnails img{width:100%}.product-gallery-slider .woocommerce-product-gallery__image a:focus-visible{outline:none!important}.product-gallery-wide{position:relative}@media screen and (min-width:850px){.product-gallery-stacked{overflow:auto!important;white-space:normal!important;width:auto!important}.product-gallery-stacked .flickity-slider,.product-gallery-stacked .flickity-viewport{height:auto!important}.product-gallery-stacked .flickity-slider,.product-gallery-stacked .slide{left:0!important;position:relative!important;right:0!important;transform:none!important}.product-gallery-stacked .slide{overflow:hidden}.product-gallery-stacked .slide:not(:last-child){margin-bottom:1.5em}.product-gallery-stacked.product-gallery-grid-layout .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout:not(.flickity-enabled){display:grid;gap:10px}.product-gallery-stacked.product-gallery-grid-layout .flickity-slider .slide,.product-gallery-stacked.product-gallery-grid-layout:not(.flickity-enabled) .slide{margin-bottom:0!important}.product-gallery-stacked.product-gallery-grid-layout--1-2 .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout--1-2:not(.flickity-enabled){grid-template-columns:repeat(2,1fr)}.product-gallery-stacked.product-gallery-grid-layout--1-2 .flickity-slider .slide:first-child,.product-gallery-stacked.product-gallery-grid-layout--1-2:not(.flickity-enabled) .slide:first-child{grid-column:1/3}.product-gallery-stacked.product-gallery-grid-layout--2 .flickity-slider,.product-gallery-stacked.product-gallery-grid-layout--2:not(.flickity-enabled){grid-template-columns:repeat(2,1fr)}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:first-child{grid-column:span 6;order:4}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(2){grid-column:span 2;order:1}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(3){grid-column:span 2;order:2}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(4){grid-column:span 2;order:3}.product-gallery-stacked.product-gallery-grid-layout--3-1-2 .slide:nth-child(n+5){grid-column:span 3;order:5}.product-stacked-info{padding:5vh 5% 2vh}}.product-thumbnails{padding-top:0}.product-thumbnails a{background-color:#fff;border:1px solid transparent;display:block;overflow:hidden;transform:translateY(0)}.product-thumbnails .is-nav-selected a,.product-thumbnails a:hover{border-color:rgba(0,0,0,.2)}.product-thumbnails img{backface-visibility:hidden;margin-bottom:-5px;opacity:.5;transition:transform .6s,opacity .6s}.product-thumbnails .is-nav-selected a img,.product-thumbnails a:hover img{border-color:rgba(0,0,0,.3);opacity:1;transform:translateY(-5px)}.vertical-thumbnails .row-slider:not(.flickity-enabled){opacity:0}@media screen and (min-width:850px){.vertical-thumbnails{overflow-x:hidden;overflow-y:auto}.vertical-thumbnails .col{left:0!important;margin-left:1px;max-width:100%!important;min-height:0!important;padding:0 0 15px!important;position:relative!important;right:0!important;width:95%!important}.vertical-thumbnails .flickity-slider,.vertical-thumbnails .flickity-viewport{height:auto!important;overflow:visible!important;transform:none!important}}.product-footer .woocommerce-tabs{border-top:1px solid #ececec;padding:30px 0}.product-footer .woocommerce-tabs>.nav-line-grow,.product-footer .woocommerce-tabs>.nav-line:not(.nav-vertical){margin-top:-31px}#product-sidebar .next-prev-thumbs{margin:0 0 3em}.mfp-content #product-sidebar{display:block!important}.mfp-content #product-sidebar:where(:not(:has(>.sidebar-inner))){padding:30px 20px}.mfp-content #product-sidebar:where(:has(>.sidebar-inner)){padding:0}.product-sidebar-small{font-size:.9em}.product-sidebar-small .widget-title{text-align:center}.product-sidebar-small .is-divider{margin-left:auto;margin-right:auto}.product-sidebar-small ul.product_list_widget li{padding-left:60px}.product-sidebar-small ul.product_list_widget li img{height:50px;width:50px}.product-section{border-top:1px solid #ececec}.easyzoom-notice{display:none}.easyzoom-flyout{animation-delay:1s;animation:stuckFadeIn .6s;background:#fff;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:opacity 1s;width:100%;z-index:1}@media(max-width:849px){.easyzoom-flyout{display:none!important}}.product-gallery-slider .slide .easyzoom-flyout img{max-width:1000px!important;width:1000px!important}.woocommerce-product-gallery__trigger{display:none}.product-info .composite_form .composite_navigation .page_button{font-size:1em;font-weight:400;line-height:1.2}.woocommerce-pagination ul.links li{margin-left:inherit}.has-sticky-product-cart{padding-bottom:60px}.has-sticky-product-cart .back-to-top.active{bottom:10px}.sticky-add-to-cart__product{align-items:center;display:none;padding:3px}.sticky-add-to-cart__product .product-title-small{line-height:1;margin-right:1em;max-width:180px}.sticky-add-to-cart__product .sticky-add-to-cart-img{border-radius:5px;height:45px;margin-right:1em;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:45px}.sticky-add-to-cart--active{align-items:center;animation:stuckMoveUp .6s;background-color:hsla(0,0%,100%,.9);border-top:1px solid #ddd;bottom:0;display:flex;flex-wrap:wrap;font-size:.9em;justify-content:center;left:0;padding:3px;position:fixed;right:0;z-index:20}.sticky-add-to-cart--active .variations,.sticky-add-to-cart--active .woocommerce-variation-description{display:none}.sticky-add-to-cart--active .single_variation_wrap,.sticky-add-to-cart--active .woocommerce-variation-add-to-cart{align-items:center;display:flex;flex-wrap:no-wrap}.sticky-add-to-cart--active .product-page-price,.sticky-add-to-cart--active .stock,.sticky-add-to-cart--active .woocommerce-variation-price{border:0;font-size:15px;margin-bottom:0;margin-right:.9em;margin-top:0;padding:0}.sticky-add-to-cart--active .stock{font-size:.8em;font-weight:700}.sticky-add-to-cart--active .quantity,.sticky-add-to-cart--active button,.sticky-add-to-cart--active form{margin-bottom:0}.sticky-add-to-cart--active .sticky-add-to-cart__product{display:flex}@media(max-width:550px){.sticky-add-to-cart--active{font-size:.8em}.sticky-add-to-cart--active .stock{display:none}}.flex-viewport{cursor:pointer;max-height:2000px;transition:all 1s ease}.flex-viewport a{display:block}.flex-viewport img{width:100%}.flex-control-thumbs{display:flex;flex-wrap:wrap;margin:10px -5px 0}.flex-control-thumbs li{cursor:pointer;list-style:none;padding:0 5px;width:25%}.flex-control-thumbs li img{opacity:.6}.flex-control-thumbs li img.flex-active{opacity:1}.quantity,.text-center .quantity{display:inline-flex;opacity:1;vertical-align:top;white-space:nowrap}.quantity .button.minus{border-bottom-right-radius:0!important;border-right:0!important;border-top-right-radius:0!important}.quantity .button.plus{border-bottom-left-radius:0!important;border-left:0!important;border-top-left-radius:0!important}.quantity .minus,.quantity .plus{padding-left:.5em;padding-right:.5em}.quantity input{display:inline-block;margin:0;padding-left:0;padding-right:0;vertical-align:top}.quantity input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border-radius:0!important;font-size:1em;max-width:2.5em;text-align:center;width:2.5em}@media(max-width:549px){.quantity input[type=number]{width:2em}}.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.box-text .ux-quantity{margin-top:1em}.box-text .ux-quantity__button{margin-top:0}.ux-free-shipping{display:grid;gap:10px}.nav-dropdown .ux-free-shipping{min-width:300px}.ux-free-shipping__bar{background:#ddd;border-radius:5px;height:8px}.ux-free-shipping__bar--striped{background-image:linear-gradient(135deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:30px 30px}.ux-free-shipping__bar-progress{background:var(--fs-color-primary);border-radius:5px;display:block;height:8px}.widget_shopping_cart_content .ux-free-shipping{margin-bottom:10px}.woocommerce-cart .ux-free-shipping{padding-bottom:30px}.woocommerce-checkout .ux-free-shipping{padding:30px 0}.cart-icon,.cart-icon strong{display:inline-block}.cart-icon strong{border:2px solid var(--fs-color-primary);border-radius:0;color:var(--fs-color-primary);font-family:Helvetica,Arial,Sans-serif;font-size:1em;font-weight:700;height:2.2em;line-height:1.9em;margin:.3em 0;position:relative;text-align:center;vertical-align:middle;width:2.2em}.cart-icon strong:after{border:2px solid var(--fs-color-primary);border-bottom:0;border-top-left-radius:99px;border-top-right-radius:99px;bottom:100%;content:" ";height:8px;left:50%;margin-bottom:0;margin-left:-7px;pointer-events:none;position:absolute;transition:height .1s ease-out;width:14px}.cart-icon:hover strong,.current-dropdown .cart-icon strong{background-color:var(--fs-color-primary);color:#fff}.cart-icon:hover strong:after,.current-dropdown .cart-icon strong:after{height:10px}.nav-small .cart-icon{font-size:.66em}.nav-dark .cart-icon strong{border-color:#fff;color:#fff}.nav-dark .cart-icon:hover strong,.nav-dark .current-dropdown .cart-icon strong{background-color:#fff;color:var(--fs-color-primary)}.nav-dark .cart-icon strong:after{border-color:#fff}.woocommerce-mini-cart__empty-message{text-align:center}.loading .cart-icon strong,.loading .cart-icon strong:after{border-color:var(--fs-color-success);color:var(--fs-color-success)}.loading .cart-icon:hover strong{background-color:var(--fs-color-success);color:#fff}.header-cart-icon{position:relative}.header-cart-icon img[width="1"][height="1"]{width:32px}.cart-popup-title>span{display:block;font-size:1.125em}.cross-sells h2{font-size:1.2em;margin-bottom:1em}.checkout ul li,.shop_table ul li{list-style:none;margin:0}.shop_table .quantity{margin:0}td.product-thumbnail{max-width:90px;min-width:60px;width:90px}td.product-remove{padding:0;width:20px}.shop_table tfoot th{font-size:85%;letter-spacing:0;text-transform:inherit}.cart_totals tbody tr td,.shop_table tfoot tr td,.shop_table thead tr th:last-of-type,.shop_table tr td:last-of-type,td.product-total{text-align:right}.shop_table .order-total td,.shop_table .order-total th,.shop_table thead th{border-width:3px}.shop_table th:last-child{border-right:0}.shop_table .cart_item td{padding-bottom:15px;padding-top:15px}.shop_table .actions{border:0;padding:15px 0 10px}.shop_table .submit-col{padding-left:30px}@media(max-width:849px){.shop_table{font-size:.9em}.shop_table tr.shipping th{width:50%}.shop_table .product-name{min-width:80px}.shop_table .product-remove{position:relative;width:0}.shop_table .product-remove a{font-size:18px!important;height:24px;left:0;line-height:18px!important;position:absolute;top:10px;width:24px}.shop_table .mobile-product-price{margin:.5em 0}}@media(max-width:549px){.shop_table .product-price,.shop_table .product-subtotal{display:none}.product-quantity{text-align:right}.cross-sells{overflow:hidden}}.cart_totals tbody th{font-size:.9em;font-weight:400;letter-spacing:0;text-transform:inherit}.cart_totals>h2{display:none}.cart_totals .button{display:block;margin-right:0;min-width:100%}.cart_totals th.product-name{border-width:3px}.cart_totals .wc-proceed-to-checkout{margin:1.5em 0}.shipping__table{margin:0}.shipping__inner{border:0;font-size:1em;padding:0}.shipping__list{margin-bottom:0}.shipping__list_item{align-items:center;display:flex;min-height:2em}.shipping__list_label{flex:1;font-weight:400;margin:0;opacity:.8;padding:.5em 0}.shipping.shipping--boxed .shipping__list{padding:0}.shipping.shipping--boxed .shipping__list_item{background-color:rgba(0,0,0,.01);border:1px solid rgba(0,0,0,.1);border-radius:3px;margin-bottom:5px;min-height:2.4em;padding:.3em .6em}.shipping__table--multiple{display:block;text-align:left}.shipping__table--multiple tbody,.shipping__table--multiple td,.shipping__table--multiple th,.shipping__table--multiple tr{display:block;padding-left:0;text-align:left}.shipping__table--multiple th{border:0}.shipping__table--multiple .shipping__list{padding:0 .2em}.shipping__table--multiple .shipping__list_label,.shipping__table--multiple .woocommerce-shipping-calculator,.shipping__table--multiple .woocommerce-shipping-destination{text-align:left}tr.shipping input:checked+label,tr.shipping input:hover+label,tr.shipping label:hover{opacity:1}tr.shipping input:checked+label{font-weight:700}tr.shipping input{margin-bottom:0;margin-top:-2px}tr.shipping span.amount{margin-left:.2em}.woocommerce-shipping-calculator{margin-bottom:0;margin-top:.5em}.shipping-calculator-button,.woocommerce-shipping-destination{font-size:.9em}.shipping-calculator-form{background-color:rgba(0,0,0,.03);border-radius:5px;margin-top:5px;padding:15px 15px 10px}.cart-discount{background-color:rgba(var(--fs-color-success),.2);font-size:.85em}.cart-discount td,.cart-discount th{padding:10px 5px}.cart-sidebar .widget-title{border-bottom:3px solid #ececec;font-size:.95em;margin-bottom:15px;padding-bottom:10px}.widget_shopping_cart .woocommerce-mini-cart__buttons .button{margin:.5em 0 0;width:100%}.widget_shopping_cart li.empty{margin:0;min-height:0;padding:0 10px!important;text-align:center}.widget_shopping_cart p.total{border-bottom:2px solid #ececec;border-top:1px solid #ececec;margin-bottom:.5em;padding:10px 0;text-align:center}.dark .widget_shopping_cart p.total{border-color:hsla(0,0%,100%,.2)}.nav-dropdown .product_list_widget{-webkit-overflow-scrolling:touch;max-height:500px;max-height:50vh;overflow-y:auto}.woocommerce-mini-cart-item .variation{margin-bottom:10px}.woocommerce-mini-cart-item .ux-mini-cart-qty{margin-right:-30px;margin-top:3px}.woocommerce-mini-cart__total{display:flex;gap:15px;justify-content:space-between}.nav-dropdown ul.woocommerce-mini-cart{margin-bottom:10px}.cart-popup-inner{display:flex;flex-direction:column;padding-bottom:0}.cart-popup-inner>:last-child{margin-bottom:30px}.cart-popup-inner .widget_shopping_cart{margin-bottom:0}.cart-popup-inner .widget_shopping_cart,.cart-popup-inner .widget_shopping_cart_content{display:flex;flex:1;flex-direction:column}.cart-popup-inner .widget_shopping_cart_content .price-wrapper{font-size:.85em;opacity:.6}.cart-popup-inner .woocommerce-mini-cart{display:flex;flex:1;flex-direction:column;margin-bottom:30px}.cart-popup-inner .woocommerce-mini-cart__buttons:last-child{margin-bottom:0}@media(min-height:500px){.cart-popup-inner--sticky{min-height:calc(100vh - var(--wp-admin--admin-bar--height, 0px))}.cart-popup-inner--sticky .ux-mini-cart-footer{background-color:#fff;border-top:1px solid #f1f1f1;bottom:0;position:sticky}.cart-popup-inner--sticky .ux-mini-cart-footer .woocommerce-mini-cart__total:first-child{border-top:0}}.ux-mini-cart-footer .ux-free-shipping{margin-bottom:20px;margin-top:5px}.off-canvas-cart .ux-mini-cart-footer{margin-left:-30px;margin-right:-30px;padding:10px 30px 30px}.ux-mini-cart-qty{align-items:center;display:flex;flex-wrap:nowrap;gap:4px;justify-content:space-between}.ux-mini-cart-qty .quantity{margin:0!important}.ux-mini-cart-cross-sells{margin-bottom:30px;margin-top:auto}.nav-dropdown .ux-mini-cart-cross-sells{display:none}.ux-mini-cart-cross-sells__list{display:flex;flex-direction:column;gap:10px}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item{background-color:rgba(0,0,0,.05);border:0;margin-bottom:0;padding-left:85px;padding-right:10px!important}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item img{left:10px}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .product-title{font-size:.9em}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .price-wrapper{opacity:1}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .price-wrapper .price{margin-bottom:.5em;margin-top:.5em}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item .price-wrapper .star-rating~.price{margin-top:0}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item a:not(.remove,.button){display:inline}.ux-mini-cart-cross-sells__list li.ux-mini-cart-cross-sells__list-item:last-child{margin-bottom:0}.ux-mini-cart-cross-sells__list .button.add_to_cart_button{align-items:center;display:inline-flex;float:right;font-size:.7em;gap:5px;justify-content:center;line-height:1;margin:0 0 8px 8px;padding:3px 8px}.ux-mini-cart-empty{gap:30px;padding:15px 0}.ux-mini-cart-empty .woocommerce-mini-cart__empty-message{margin-bottom:0}.tagcloud{padding-bottom:15px}.tagcloud a{border:1px solid;border-radius:3px;display:inline-block;font-size:.8em!important;margin:0 3px 5px 0;opacity:.8;padding:2px 5px}.tagcloud a:hover{background-color:var(--fs-experimental-link-color-hover);border-color:var(--fs-experimental-link-color-hover);color:#fff;opacity:1}table.variations .label{padding-right:20px}table.variations label{white-space:nowrap}table.variations .value{width:100%}.variations{position:relative}.variations td,.variations th{border:0;letter-spacing:normal;padding:.2em 0;text-transform:none;vertical-align:middle}.variations .reset_variations{bottom:95%;color:currentColor;font-size:11px;opacity:.6;position:absolute;right:0;text-transform:uppercase}dl.variation{text-transform:none}dl.variation dt{clear:both;float:left;font-weight:700}dl.variation dd{display:block}.wc-item-meta{margin-top:1.3em}@media only screen and (max-width: 48em) { }
.box-text {
padding-top: 0;
}
.col-inner{
box-shadow: unset!important;
}
.fr3-item {
display: inline-flex;
flex-flow: column;
word-break: break-all;
width: 100%;
}
.fr3-item__link {
display: flex;
flex-flow: column;
gap: 8px;
width: 100%;
}
.fr3-item__imageContainer {
display: flex;
width: 100%;
}
.fr3-item__image {
width: 100%;
}
.fr3-item__productName {
display: flex;
font-size: 1.2rem;
}
.fr3-item__productPrice {
display: flex;
gap: 0 4px;
flex-wrap: wrap;
align-items: baseline;
}
.fr3-item__productPrice__price {
font-size: 1.2rem;
}
.fr3-item__productPrice__addon {
font-size: 1.0rem;
}
@media screen and (min-width: 600px) {
.fr3-item__productName {
font-size: 1.4rem;
}
.fr3-item__productPrice__price {
font-size: 1.4rem;
}
.fr3-item__productPrice__addon {
font-size: 1.2rem;
}
}
.fr3-item__rankContainer {
display: flex;
height: 28px;
}
.fr3-item__rank {
display: flex;
width: 20px;
height: 20px;
font-size: 10px;
font-weight: bold;
color: #696969;
background-color: #e1e1e1;
border-radius: 50%;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 600px) {
.fr3-item__rankContainer {
height: 32px;
}
.fr3-item__rank {
width: 24px;
height: 24px;
font-size: 12px;
}
}
.fr3-productListStatic {
display: grid !important;
gap: 16px;
padding: 0 8px;
}
.fr3-productListStatic__responsive_1 {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 600px) {
.fr3-productListStatic__responsive_1 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 768px) {
.fr3-productListStatic__responsive_1 {
grid-template-columns: repeat(4, 1fr);
}
}

html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bold;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
max-width: 100%;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
button,
input,
select,
textarea {
font: inherit;
margin: 0;
}
optgroup {
font-weight: bold;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
legend {
box-sizing: border-box;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
* {
box-sizing: border-box;
min-width: 0;
min-height: 0;
}
html {
font-size: 62.5%;
}
[class^=fs-body-].is-modalOpen {
overflow: hidden;
}
main {
display: block;
}
h1, h2, h3, h4, h5 {
font-weight: 500;
}
p {
margin: 1rem 0;
}
fieldset {
border: none;
}
button,
label {
cursor: pointer;
}
.is-disabled button,
.is-disabled label {
cursor: default;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: middle;
}
[type=hidden],
[type=text],
[type=search],
[type=tel],
[type=url],
[type=email],
[type=password],
[type=datetime],
[type=date],
[type=month],
[type=week],
[type=time],
[type=datetime-local],
[type=number],
select,
textarea {
-webkit-appearance: none;
border: 1px solid #ccc;
line-height: 1.4;
min-height: 1.8em;
padding: 3px 5px;
width: 100%;
}
[type=hidden]:focus,
[type=text]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=url]:focus,
[type=email]:focus,
[type=password]:focus,
[type=datetime]:focus,
[type=date]:focus,
[type=month]:focus,
[type=week]:focus,
[type=time]:focus,
[type=datetime-local]:focus,
[type=number]:focus,
select:focus,
textarea:focus {
border-color: #4CAAC0;
box-shadow: inset 0 0 1px #4CAAC0;
outline: none;
}
[type=hidden].is-error,
[type=text].is-error,
[type=search].is-error,
[type=tel].is-error,
[type=url].is-error,
[type=email].is-error,
[type=password].is-error,
[type=datetime].is-error,
[type=date].is-error,
[type=month].is-error,
[type=week].is-error,
[type=time].is-error,
[type=datetime-local].is-error,
[type=number].is-error,
select.is-error,
textarea.is-error {
border-color: #da4453;
background-color: #fceef0;
}
[type=hidden][readonly],
[type=text][readonly],
[type=search][readonly],
[type=tel][readonly],
[type=url][readonly],
[type=email][readonly],
[type=password][readonly],
[type=datetime][readonly],
[type=date][readonly],
[type=month][readonly],
[type=week][readonly],
[type=time][readonly],
[type=datetime-local][readonly],
[type=number][readonly],
select[readonly],
textarea[readonly] {
background: #f9f9f9;
border-color: transparent;
color: #808080;
}
[type=hidden][readonly]:focus,
[type=text][readonly]:focus,
[type=search][readonly]:focus,
[type=tel][readonly]:focus,
[type=url][readonly]:focus,
[type=email][readonly]:focus,
[type=password][readonly]:focus,
[type=datetime][readonly]:focus,
[type=date][readonly]:focus,
[type=month][readonly]:focus,
[type=week][readonly]:focus,
[type=time][readonly]:focus,
[type=datetime-local][readonly]:focus,
[type=number][readonly]:focus,
select[readonly]:focus,
textarea[readonly]:focus {
border-color: transparent;
box-shadow: none;
}
textarea {
min-height: 5em;
}
select[multiple] > option {
border: none;
}
@font-face {
font-family: "fs-icon";
src: url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/font/fs-icon.woff?f2942g) format("woff"), url(//test.moneybanca.com/wp-content/themes/flatsome-child/assets/font/fs-icon.svg?f2942g#fs-icon) format("svg");
font-display: swap;
font-weight: normal;
font-style: normal;
}
[class*=fs-icon--] {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fs-icon--accountMembershipCard:before {
content: "\e93a";
}
.fs-icon--accountCoupon:before {
content: "\e900";
}
.fs-icon--accountWishList:before {
content: "\e901";
}
.fs-icon--accountCart:before {
content: "\e902";
}
.fs-icon--accountStore:before {
content: "\e93b";
}
.fs-icon--accountSubscription:before {
content: "\e93e";
}
.fs-icon--accountPoint:before {
content: "\e903";
}
.fs-icon--accountReviews:before {
content: "\e904";
}
.fs-icon--accountCreditCards:before {
content: "\e905";
}
.fs-icon--accountAddressbook:before {
content: "\e906";
}
.fs-icon--accountLine:before {
content: "\e907";
}
.fs-icon--accountPassword:before {
content: "\e908";
}
.fs-icon--accountSettings:before {
content: "\e909";
}
.fs-icon--accountMembershipMerge:before {
content: "\e93c";
}
.fs-icon--accountLinkageService:before {
content: "\e93f";
}
.fs-icon--accountDelete:before {
content: "\e90a";
}
.fs-icon--arrowLeft:before {
content: "\e90b";
}
.fs-icon--arrowRight:before {
content: "\e90c";
}
.fs-icon--doubleArrowLeft:before {
content: "\e90d";
}
.fs-icon--doubleArrowRight:before {
content: "\e90e";
}
.fs-icon--chevronUp:before {
content: "\e937";
}
.fs-icon--blockArrowRight:before {
content: "\e933";
}
.fs-icon--blockArrowDown:before {
content: "\e90f";
}
.fs-icon--circleArrowRight:before {
content: "\e934";
}
.fs-icon--smallCircle:before {
content: "\e935";
}
.fs-icon--check:before {
content: "\e910";
}
.fs-icon--close:before {
content: "\e911";
}
.fs-icon--search:before {
content: "\e932";
}
.fs-icon--zoom:before {
content: "\e912";
}
.fs-icon--question:before {
content: "\e913";
}
.fs-icon--info:before {
content: "\e914";
}
.fs-icon--error:before {
content: "\e915";
}
.fs-icon--warning:before {
content: "\e916";
}
.fs-icon--display:before {
content: "\e917";
}
.fs-icon--displayOff:before {
content: "\e918";
}
.fs-icon--heartOutline:before {
content: "\e919";
}
.fs-icon--heart:before {
content: "\e91a";
}
.fs-icon--starOutline:before {
content: "\e91b";
}
.fs-icon--starHalf:before {
content: "\e91c";
}
.fs-icon--star:before {
content: "\e91d";
}
.fs-icon--cart:before {
content: "\e91e";
}
.fs-icon--toCart:before {
content: "\e91f";
}
.fs-icon--mail:before {
content: "\e920";
}
.fs-icon--point:before {
content: "\e921";
}
.fs-icon--delivery:before {
content: "\e922";
}
.fs-icon--pin:before {
content: "\e940";
}
.fs-icon--circleChecked:before {
content: "\e923";
}
.fs-icon--checkbox:before {
content: "\e938";
}
.fs-icon--disabled:before {
content: "\e924";
}
.fs-icon--balloon:before {
content: "\e925";
}
.fs-icon--review:before {
content: "\e926";
}
.fs-icon--allReviews:before {
content: "\e927";
}
.fs-icon--addReview:before {
content: "\e928";
}
.fs-icon--editReview:before {
content: "\e929";
}
.fs-icon--member:before {
content: "\e936";
}
.fs-icon--membershipCard:before {
content: "\e93d";
}
.fs-icon--document:before {
content: "\e92a";
}
.fs-icon--page:before {
content: "\e92b";
}
.fs-icon--navCtrl:before {
content: "\e92c";
}
.fs-icon--newProduct:before {
content: "\e92d";
}
.fs-icon--productList:before {
content: "\e92f";
}
.fs-icon--wishList:before {
content: "\e931";
}
.fs-icon--mypage:before {
content: "\e92e";
}
.fs-icon--cart02:before {
content: "\e930";
}
.fs-icon--instagram:before {
content: "\e939";
}
.fs-c-address__address {
display: flex;
flex-wrap: wrap;
}
.fs-c-address__address > * {
word-break: break-all;
}
.fs-c-address__address > *:not(:last-child) {
margin-right: 4px;
}
.fs-c-address__tel {
display: block;
}
.fs-c-aggregateRating__rating {
display: flex;
}
.fs-c-aggregateRating__rating::before {
content: "平均評価";
}
.fs-c-aggregateRating__count::after {
content: "件";
}
.fs-c-agreementConfirmation {
margin: 4px 0;
padding: 4px 0;
}
.fs-c-agreementConfirmationArea {
margin: 8px 0;
}
.fs-c-agreementConfirmation > * + * {
margin-top: 4px;
}
.fs-c-agreementConfirmation__link {
margin-left: 32px;
}
.fs-c-agreementConfirmation__addon {
margin: 8px 0 0 32px;
}
.fs-c-assist {
border-radius: 3px;
margin: 0 0 4px;
padding: 4px 0;
}
.fs-c-assist.is-error {
color: #da4453;
}
.fs-c-assist.is-error .fs-c-assist__message {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.fs-c-assist.is-error .fs-c-assist__message::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e915";
font-size: 1.1em;
color: #da4453;
margin-right: 0.2em;
}
.fs-c-cartTable .fs-c-assist {
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 3px;
font-size: 1rem;
margin-top: 1px;
padding: 2px 4px;
position: absolute;
}
@media screen and (max-width: 600px) {
.fs-c-cartTable .fs-c-assist {
top: 100%;
z-index: 1;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
}
}
.fs-c-applePay {
display: none;
}
.fs-c-applePay.is-active {
display: block;
}
.fs-c-breadcrumb__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 5px;
}
.fs-c-breadcrumb__list > li {
box-sizing: border-box;
}
.fs-c-breadcrumb__listItem {
display: inline-block;
word-break: break-all;
}
.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
content: " > ";
}
.fs-c-bundlePrice {
display: grid;
grid-template: auto auto/1fr auto auto;
grid-gap: 8px;
align-items: center;
}
.fs-c-bundlePrice__label {
grid-column: 2;
}
.fs-c-bundlePrice__price {
grid-column: 3;
text-align: right;
}
.fs-c-bundlePrice__price--price {
font-size: 1.8rem;
}
.fs-c-anotherLogin__button {
background: none;
border: none;
padding: 0;
line-height: 1;
-webkit-appearance: none;
-moz-appearance: none;
}
.fs-c-anotherLogin__button--google {
line-height: initial;
}
.fs-c-button--ApplePay {
-webkit-appearance: -apple-pay-button;
-apple-pay-button-style: black;
-apple-pay-button-type: plain;
-webkit-locale: "ja";
}
@supports not (-webkit-appearance: -apple-pay-button) {
.fs-c-button--ApplePay {
display: inline-block;
background-color: black;
background-image: -webkit-named-image(apple-pay-logo-white);
background-size: 100% 60%;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 5px;
color: #fff;
padding: 0px;
box-sizing: border-box;
min-width: 200px;
min-height: 32px;
max-height: 64px;
}
}
.fs-c-cartTable {
border-collapse: collapse;
width: 100%;
}
.fs-c-cartTable__headerCell, .fs-c-cartTable__dataCell {
border: 1px solid #ccc;
padding: 8px;
}
.fs-c-cartTable__headerCell--quantity, .fs-c-cartTable__dataCell--quantity {
width: 80px;
}
.fs-c-cartTable__product {
display: flex;
}
.fs-c-cartTable__product > .fs-c-cartTable__productImage {
padding-right: 8px;
}
.fs-c-cartTable__salesPeriod {
font-size: 1rem;
}
.fs-c-cartTable__actionButton button {
display: block;
width: 100%;
}
.fs-c-cartTable__actionButton button + button {
margin-top: 1rem;
}
.fs-c-cartTable__dataCell--point, .fs-c-cartTable__dataCell--quantity, .fs-c-cartTable__dataCell--subtotal {
text-align: right;
}
@media screen and (max-width: 600px) {
.fs-c-cartTable > thead {
display: none;
}
.fs-c-cartTable__row {
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
.fs-c-cartTable__dataCell {
border: none;
}
.fs-c-cartTable__dataCell--point, .fs-c-cartTable__dataCell--quantity, .fs-c-cartTable__dataCell--subtotal {
text-align: right;
position: relative;
}
.fs-c-cartTable__dataCell--point::before, .fs-c-cartTable__dataCell--quantity::before, .fs-c-cartTable__dataCell--subtotal::before {
content: attr(data-cell-label);
font-weight: bold;
font-size: 0.8rem;
margin-right: 8px;
min-width: 2em;
}
.fs-c-cartTable__dataCell--quantity {
width: 100%;
}
.fs-c-cartTable__actionButton {
display: flex;
justify-content: space-between;
}
.fs-c-cartTable__actionButton button + button {
margin-top: 0;
}
}
.fs-c-changeDeliveryCycleList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-changeDeliveryCycleList > li {
box-sizing: border-box;
}
.fs-c-changeDeliveryCycle__title {
padding: 4px 8px;
}
.fs-c-changeDeliveryCycle__body {
padding: 0 8px;
}
.fs-c-changeDeliveryCycle__body > * {
margin: 8px 0;
}
.fs-c-changeDeliveryCycle__body, .fs-c-changeDeliveryCycle__disabledMessage {
display: none;
}
.fs-c-changeDeliveryCycle__disabledMessage {
margin: 4px -8px -4px;
}
.fs-c-changeDeliveryCycle.is-active:not(.is-disabled) .fs-c-changeDeliveryCycle__body, .fs-c-changeDeliveryCycle.is-expanded:not(.is-disabled) .fs-c-changeDeliveryCycle__body {
display: block;
}
.fs-c-changeDeliveryCycle.is-disabled .fs-c-changeDeliveryCycle__disabledMessage {
display: block;
}
.fs-c-checkAndNotice__notice {
margin-left: 32px;
}
.fs-c-checkbox {
display: inline-flex;
align-items: center;
}
.fs-c-checkbox__checkbox {
display: none !important;
}
.fs-c-checkbox__label {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.fs-c-checkbox__checkMark {
background: #ffffff;
border-radius: 3px;
border: 2px solid #666666;
cursor: pointer;
display: block;
width: 8px;
height: 16px;
margin: 0 4px 0 0;
position: relative;
min-width: 16px;
}
.is-disabled .fs-c-checkbox__checkMark {
cursor: default;
}
.fs-c-checkbox__checkMark::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e910";
color: #ffffff;
display: block;
font-size: 0.8em;
opacity: 0;
position: absolute;
top: 0.1em;
left: 0.1em;
}
.fs-c-checkbox__checkbox:checked + label > .fs-c-checkbox__checkMark {
background: #2559A8;
border-color: #2559A8;
color: #ffffff;
transition: all 0.5s 0s ease;
}
.fs-c-checkbox__checkbox:checked + label > .fs-c-checkbox__checkMark::before {
opacity: 1;
}
.fs-c-checkout-addressee__data__name__home {
font-size: 1.2rem;
}
.fs-c-checkout-addressee__data__name__home::before {
content: "(";
}
.fs-c-checkout-addressee__data__name__home::after {
content: ")";
}
.fs-c-checkout-addressee + .fs-c-checkout-addressee {
direction: ltr;
}
.fs-c-checkout-amazonWidget {
flex-grow: 1;
z-index: 0;
}
.fs-c-checkout-amazonWidget__widget {
min-width: 300px;
height: 228px;
}
.fs-c-checkout-amazonWidget--address, .fs-c-checkout-amazonWidget--wallet {
width: 100%;
flex-basis: 100%;
}
.fs-c-checkout-amazonWidget--address .fs-c-checkout-amazonWidget__widget, .fs-c-checkout-amazonWidget--wallet .fs-c-checkout-amazonWidget__widget {
height: auto;
}
.fs-c-checkout-amazonWidget + .fs-c-checkout-amazonWidget {
margin-top: 16px;
}
@media screen and (min-width: 768px) {
.fs-c-checkout-amazonWidget + .fs-c-checkout-amazonWidget {
margin-top: 0;
margin-left: 16px;
}
}
.fs-c-checkout-customerInfo {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-customerInfo > li {
box-sizing: border-box;
}
.fs-c-checkout-customerInfo__name {
font-size: 1.8rem;
}
.fs-c-checkout-checkoutMethodList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-checkoutMethodList > li {
box-sizing: border-box;
}
.fs-c-checkout-checkoutMethod__title {
padding: 4px 8px;
}
.fs-c-checkout-checkoutMethod__body {
padding: 0 8px;
}
.fs-c-checkout-checkoutMethod__body > * {
margin: 8px 0;
}
.fs-c-checkout-checkoutMethod__body, .fs-c-checkout-checkoutMethod__disabledMessage {
display: none;
}
.fs-c-checkout-checkoutMethod__disabledMessage {
margin: 4px -8px -4px;
}
.fs-c-checkout-checkoutMethod.is-active:not(.is-disabled) .fs-c-checkout-checkoutMethod__body, .fs-c-checkout-checkoutMethod.is-expanded:not(.is-disabled) .fs-c-checkout-checkoutMethod__body {
display: block;
}
.fs-c-checkout-checkoutMethod.is-disabled .fs-c-checkout-checkoutMethod__disabledMessage {
display: block;
}
.fs-c-checkout-checkoutMethodList--uncollapsed .fs-c-checkout-checkoutMethod__body {
display: block;
}
.fs-c-checkout-confirmationContent {
min-height: 3em;
white-space: pre-wrap;
}
.fs-c-checkout-confirmationList {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 8px;
margin: 0;
}
.fs-c-checkout-confirmationList > * {
margin: 0;
align-self: center;
}
.fs-c-checkout-confirmationList > dt {
position: relative;
padding-right: 8px;
}
.fs-c-checkout-confirmationList > dt::after {
content: " : ";
height: 1em;
margin: auto;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.fs-c-checkout-confirmationList > dd {
font-size: 1.8rem;
}
.fs-c-checkout-confirmationList__price::before {
content: "（";
}
.fs-c-checkout-confirmationList__price::after {
content: "）";
}
.fs-c-checkout-couponCodeInput {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 8px 0;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-couponCodeInput {
flex-wrap: nowrap;
}
}
.fs-c-checkout-couponCodeInput > *:not(:last-child) {
margin-right: 8px;
}
.fs-c-checkout-couponList {
margin: 8px 0;
}
.fs-c-checkout-couponList__item > * + * {
margin-left: 4px;
}
.fs-c-checkout-couponStatus {
border-radius: 3px;
border: 1px solid #cccccc;
color: #ffffff;
font-size: 1.2rem;
width: 64px;
height: 64px;
max-width: 100%;
white-space: normal;
padding: 4px;
}
.fs-c-checkout-couponStatus::after {
display: block;
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.8rem;
}
.fs-c-checkout-couponStatus.is-active {
background: #4DAD71;
}
.fs-c-checkout-couponStatus.is-active::after {
content: "\e923";
}
.fs-c-checkout-couponStatus.is-inactive {
background: #ffffff;
color: #666666;
font-size: 1rem;
}
.fs-c-checkout-couponStatus.is-disabled {
background: #b2b2b2;
}
.fs-c-checkout-couponStatus.is-disabled::after {
content: "\e924";
}
.fs-c-checkout-destination__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-destination__list > li {
box-sizing: border-box;
}
.fs-c-checkout-destination__name {
font-size: 1.8rem;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.fs-c-checkout-destination__name__home {
margin-left: 0.3em;
}
.fs-c-checkout-destination__name__home::before {
content: "(";
}
.fs-c-checkout-destination__name__home::after {
content: ")";
}
.fs-c-checkout-destination__control {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 8px;
flex-shrink: 0;
}
.fs-c-checkout-destination__control *:only-child {
margin-left: auto;
}
@media screen and (min-width: 768px) {
.fs-c-checkout-destination__control {
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
}
.fs-c-checkout-destination__control > * + * {
margin-top: 8px;
}
.fs-c-checkout-destination__destination {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
}
.fs-c-checkout-deliveryCycleList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-deliveryCycleList > li {
box-sizing: border-box;
}
.fs-c-checkout-deliveryCycle__title {
padding: 4px 8px;
}
.fs-c-checkout-deliveryCycle__body {
padding: 0 8px;
}
.fs-c-checkout-deliveryCycle__body > * {
margin: 8px 0;
}
.fs-c-checkout-deliveryCycle__body, .fs-c-checkout-deliveryCycle__disabledMessage {
display: none;
}
.fs-c-checkout-deliveryCycle__disabledMessage {
margin: 4px -8px -4px;
}
.fs-c-checkout-deliveryCycle.is-active:not(.is-disabled) .fs-c-checkout-deliveryCycle__body, .fs-c-checkout-deliveryCycle.is-expanded:not(.is-disabled) .fs-c-checkout-deliveryCycle__body {
display: block;
}
.fs-c-checkout-deliveryCycle.is-disabled .fs-c-checkout-deliveryCycle__disabledMessage {
display: block;
}
.fs-c-checkout-deliveryMethodList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-deliveryMethodList > li {
box-sizing: border-box;
}
.fs-c-checkout-deliveryMethod__title {
padding: 4px 8px;
}
.fs-c-checkout-deliveryMethod__body {
padding: 0 8px;
}
.fs-c-checkout-deliveryMethod__body > * {
margin: 8px 0;
}
.fs-c-checkout-deliveryMethod__body, .fs-c-checkout-deliveryMethod__disabledMessage {
display: none;
}
.fs-c-checkout-deliveryMethod__disabledMessage {
margin: 4px -8px -4px;
}
.fs-c-checkout-deliveryMethod.is-active:not(.is-disabled) .fs-c-checkout-deliveryMethod__body, .fs-c-checkout-deliveryMethod.is-expanded:not(.is-disabled) .fs-c-checkout-deliveryMethod__body {
display: block;
}
.fs-c-checkout-deliveryMethod.is-disabled .fs-c-checkout-deliveryMethod__disabledMessage {
display: block;
}
.fs-c-checkout-multiDestinationList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-multiDestinationList > li {
box-sizing: border-box;
}
.fs-c-checkout-multiDestination + .fs-c-checkout-multiDestination {
margin-top: 48px;
}
@media screen and (min-width: 768px) {
.fs-c-checkout-multiDestination__info__body {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
}
.fs-c-checkout-multiDestination__info__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-multiDestination__info__list > li {
box-sizing: border-box;
}
.fs-c-checkout-multiDestination__info__name {
font-size: 1.8rem;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.fs-c-checkout-multiDestination__info__name__home {
margin-left: 0.3em;
}
.fs-c-checkout-multiDestination__info__name__home::before {
content: "(";
}
.fs-c-checkout-multiDestination__info__name__home::after {
content: ")";
}
.fs-c-checkout-multiDestination__info__control {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 8px;
}
@media screen and (min-width: 768px) {
.fs-c-checkout-multiDestination__info__control {
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
}
.fs-c-checkout-multiDestination__info__control > * + * {
margin-top: 8px;
}
}
.fs-c-checkout-multiDestination__unitPrice {
display: flex;
}
.fs-c-checkout-multiDestination__unitPrice__memberPriceLabel {
margin-left: 8px;
}
.fs-c-checkout-multiDestination__product {
flex-grow: 1;
display: flex;
flex-wrap: wrap;
flex-direction: column;
width: 100%;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-multiDestination__product {
flex-direction: row;
}
}
.fs-c-checkout-multiDestination__productList__item {
display: flex;
padding: 4px 0;
}
.fs-c-checkout-multiDestination__product, .fs-c-checkout-multiDestination__productQuantity {
display: flex;
padding: 8px;
}
.fs-c-checkout-multiDestination__productImage {
flex-basis: 40px;
max-width: 40px;
}
.fs-c-checkout-multiDestination__productImage + .fs-c-checkout-multiDestination__productInfo {
margin-left: 8px;
}
.fs-c-checkout-multiDestination__productInfo {
display: flex;
flex-direction: column;
}
.fs-c-checkout-multiDestination__productName {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.fs-c-checkout-multiDestination__productQuantity {
margin-left: 0.8px;
}
.fs-c-checkout-multiDestination__product__table {
width: 100%;
}
.fs-c-checkout-multiDestination__product__table > thead {
display: none;
}
.fs-c-checkout-paymentMethod__creditCardRegistration {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
}
.fs-c-checkout-paymentMethod__creditCardList {
display: flex;
flex-direction: column;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-paymentMethod__creditCardList > li {
box-sizing: border-box;
}
.fs-c-checkout-paymentMethod__creditCardList > li {
display: flex;
}
.fs-c-checkout-paymentMethod__creditCardList > li + li {
margin-top: 8px;
}
.fs-c-checkout-paymentMethodList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-paymentMethodList > li {
box-sizing: border-box;
}
.fs-c-checkout-paymentMethod__title {
padding: 4px 8px;
}
.fs-c-checkout-paymentMethod__body {
padding: 0 8px;
}
.fs-c-checkout-paymentMethod__body > * {
margin: 8px 0;
}
.fs-c-checkout-paymentMethod__body, .fs-c-checkout-paymentMethod__disabledMessage {
display: none;
}
.fs-c-checkout-paymentMethod__disabledMessage {
margin: 4px -8px -4px;
}
.fs-c-checkout-paymentMethod.is-active:not(.is-disabled) .fs-c-checkout-paymentMethod__body, .fs-c-checkout-paymentMethod.is-expanded:not(.is-disabled) .fs-c-checkout-paymentMethod__body {
display: block;
}
.fs-c-checkout-paymentMethod.is-disabled .fs-c-checkout-paymentMethod__disabledMessage {
display: block;
}
.fs-c-checkout-pickupStoreDescription__map > iframe {
border: none;
}
.fs-c-checkout-pointSettingList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-pointSettingList > li {
box-sizing: border-box;
}
.fs-c-checkout-pointSetting__title {
padding: 4px 8px;
}
.fs-c-checkout-pointSetting__body {
padding: 0 8px;
}
.fs-c-checkout-pointSetting__body > * {
margin: 8px 0;
}
.fs-c-checkout-pointSetting__body, .fs-c-checkout-pointSetting__disabledMessage {
display: none;
}
.fs-c-checkout-pointSetting__disabledMessage {
margin: 4px -8px -4px;
}
.fs-c-checkout-pointSetting.is-active:not(.is-disabled) .fs-c-checkout-pointSetting__body, .fs-c-checkout-pointSetting.is-expanded:not(.is-disabled) .fs-c-checkout-pointSetting__body {
display: block;
}
.fs-c-checkout-pointSetting.is-disabled .fs-c-checkout-pointSetting__disabledMessage {
display: block;
}
.fs-c-checkout-productAllocation {
border: 1px solid #cccccc;
border-width: 1px 0;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 100%;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-productAllocation {
flex-direction: row;
}
}
.fs-c-checkout-productAllocation + .fs-c-checkout-productAllocation {
border-top: none;
}
.fs-c-checkout-productAllocation__product {
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
width: 100%;
flex-direction: column;
padding: 8px;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-productAllocation__product {
flex-direction: row;
}
}
.fs-c-checkout-productAllocation__productQuantity {
display: flex;
flex-direction: column;
align-self: flex-end;
padding: 8px;
width: 5em;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-productAllocation__productQuantity {
align-self: center;
flex: 0 0 5em;
}
}
.fs-c-checkout-productAllocation__productImage {
max-width: 160px;
padding-right: 8px;
}
.fs-c-checkout-productAllocation__productImage__image img {
max-width: 100%;
}
.fs-c-checkout-productAllocation__productName {
display: flex;
flex: 0 1 auto;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 8px;
}
.fs-c-checkout-productQuantityWarning__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-productQuantityWarning__list > li {
box-sizing: border-box;
}
.fs-c-checkout-receivingMethodList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-receivingMethodList > li {
box-sizing: border-box;
}
.fs-c-checkout-receivingMethod__title {
padding: 4px 8px;
}
.fs-c-checkout-receivingMethod__body {
padding: 0 8px;
}
.fs-c-checkout-receivingMethod__body > * {
margin: 8px 0;
}
.fs-c-checkout-receivingMethod__body, .fs-c-checkout-receivingMethod__disabledMessage {
display: none;
}
.fs-c-checkout-receivingMethod__disabledMessage {
margin: 4px -8px -4px;
}
.fs-c-checkout-receivingMethod.is-active:not(.is-disabled) .fs-c-checkout-receivingMethod__body, .fs-c-checkout-receivingMethod.is-expanded:not(.is-disabled) .fs-c-checkout-receivingMethod__body {
display: block;
}
.fs-c-checkout-receivingMethod.is-disabled .fs-c-checkout-receivingMethod__disabledMessage {
display: block;
}
.fs-c-checkout-receivingMethod__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-receivingMethod__list > li {
box-sizing: border-box;
}
.fs-c-checkout-receivingMethod__name {
font-size: 1.8rem;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.fs-c-checkout-receivingMethod__name__home {
margin-left: 0.3em;
}
.fs-c-checkout-receivingMethod__name__home::before {
content: "(";
}
.fs-c-checkout-receivingMethod__name__home::after {
content: ")";
}
.fs-c-checkout-receivingMethod__control {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 8px;
flex-shrink: 0;
}
.fs-c-checkout-receivingMethod__control *:only-child {
margin-left: auto;
}
@media screen and (min-width: 768px) {
.fs-c-checkout-receivingMethod__control {
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
margin-top: 0;
}
.fs-c-checkout-receivingMethod__control > * + * {
margin-top: 8px;
}
.fs-c-checkout-receivingMethod__destination {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
}
.fs-c-checkout-receivingMethod__list {
margin-top: 8px;
}
.fs-c-checkout-shippingAddress {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-shippingAddress > li {
box-sizing: border-box;
}
.fs-c-checkout-shippingDestination__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-shippingDestination__list > li {
box-sizing: border-box;
}
.fs-c-checkout-shippingType__productVariation::before {
content: "（";
}
.fs-c-checkout-shippingType__productVariation::after {
content: "）";
}
.fs-c-checkout-shippingType__productVariation__choice + .fs-c-checkout-shippingType__productVariation__choice::before {
content: "/";
}
.fs-c-checkout-widgets__body {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.fs-c-checkout-widgets__message {
margin-top: 8px;
padding: 0 8px;
}
@media screen and (min-width: 768px) {
.fs-c-checkout-widgets__body {
flex-direction: row;
}
}
.fs-c-checkoutSuccess__code {
margin: 0 4px;
font-weight: 500;
}
.fs-c-commissionList {
display: grid;
grid-template-columns: auto 1fr;
grid-auto-rows: auto;
grid-auto-flow: row;
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: baseline;
margin: 0;
}
.fs-c-commissionList > * {
margin: 0;
}
.fs-c-commissionList > dt {
position: relative;
padding-right: 8px;
}
.fs-c-commissionList > dt::after {
content: " : ";
margin: auto;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.fs-c-couponMessage {
margin: 24px 0;
}
.fs-c-couponMessage__label {
border-bottom: 1px solid #ccc;
padding-bottom: 4px;
margin-bottom: 24px;
}
.fs-c-couponMessage__list {
display: grid;
grid-template-columns: 1fr;
grid-gap: 24px;
}
.fs-c-couponMessage__listItem {
border: 1px solid #ccc;
border-radius: 3px;
padding: 8px;
}
.fs-c-couponMessage__listItem__label, .fs-c-couponMessage__listItem__discount {
display: block;
text-align: center;
padding: 8px;
}
.fs-c-couponMessage__listItem__expiration {
font-size: 1.2rem;
display: grid;
grid-template-columns: auto 1fr;
grid-auto-rows: auto;
grid-auto-flow: row;
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: baseline;
margin: 0;
}
.fs-c-couponMessage__listItem__expiration > * {
margin: 0;
}
.fs-c-couponMessage__listItem__expiration > dt {
position: relative;
padding-right: 8px;
}
.fs-c-couponMessage__listItem__expiration > dt::after {
content: " : ";
margin: auto;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.fs-c-couponMessage__listItem__expiration .fs-c-couponExpiration__comment {
display: block;
}
@media screen and (min-width: 600px) {
.fs-c-couponMessage__list {
grid-template-columns: 1fr 1fr;
}
.fs-c-couponMessage__listItem:only-child {
grid-column: 1/3;
justify-self: center;
}
}
.fs-c-creditCardListItem {
border: 1px solid #cccccc;
padding: 16px;
}
.fs-c-creditCardListItem.is-active {
border-width: 3px;
}
.fs-c-creditCardListItem__status__label::before {
content: "\e910";
font-family: "fs-icon";
padding-right: 8px;
}
.fs-c-creditCardIcons__image {
max-height: 32px;
}
.fs-c-creditCardIcons__image[alt="AMERICAN EXPRESS"] {
max-height: 40px;
margin-top: -4px;
}
.fs-c-deliveryInfoList {
border: 1px solid #ccc;
border-width: 1px 0 0 1px;
display: grid;
grid-template-columns: auto 1fr;
grid-auto-columns: auto auto;
grid-auto-flow: row;
}
@media screen and (min-width: 480px) {
.fs-c-deliveryInfoList {
grid-template-columns: auto auto;
}
}
.fs-c-deliveryInfoList > * {
border: 1px solid #ccc;
border-width: 0 1px 1px 0;
margin: 0;
padding: 4px;
}
.fs-c-deliveryInfoList > dt {
padding-right: 8px;
}
.fs-c-deliveryInfoList__detailList {
margin: 0;
}
.fs-c-deliveryInfoList__detailList > dt {
font-size: 1.2rem;
font-weight: bold;
}
.fs-c-deliveryInfoList__detailList > dd {
margin: 0 0 8px;
}
.fs-c-deliveryTemperature + .fs-c-deliveryTemperature::before {
content: "、";
}
.fs-c-dropdown {
position: relative;
overflow: hidden;
overflow-wrap: normal;
}
.fs-c-dropdown::after {
position: absolute;
top: 1px;
right: 1px;
bottom: 1px;
width: 1em;
background: #f2f2f2;
border-left: 1px solid #ccc;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
box-sizing: content-box;
color: #333333;
display: flex;
justify-content: center;
align-items: center;
content: "\e90f";
font-family: "fs-icon" !important;
font-size: 1.8rem;
line-height: 1;
padding: 8px;
pointer-events: none;
}
.fs-c-dropdown__menu {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
vertical-align: middle;
background: #ffffff;
color: #333333;
width: 100%;
padding: 4px 3em 4px 8px;
}
.fs-c-dropdown__menu > option {
font-weight: 300;
}
.fs-c-dropdown--carrierMailDomain {
width: 312px;
}
.fs-c-dropdownGroup {
display: flex;
align-items: center;
flex-flow: row wrap;
justify-content: flex-start;
}
.fs-c-dropdownGroup > .fs-c-dropdown + * {
margin-left: 8px;
}
.fs-c-dropdownGroup > .fs-c-dropdown:not(:first-of-type) {
margin-left: 16px;
}
@media screen and (min-width: 600px) {
.fs-c-dropdownGroup > .fs-c-dropdown:not(:first-of-type) {
margin-left: 8px;
}
}
.fs-c-estimatedDeliveryDate__location {
display: inline-flex;
align-items: center;
gap: 4px;
}
.fs-c-estimatedDeliveryDate__location::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e940";
}
.fs-c-homeLabel::before {
content: "（";
}
.fs-c-homeLabel::after {
content: "）";
}
.fs-c-input--zipCode {
flex-basis: 8em;
min-width: 8em;
max-width: 8em;
}
.fs-c-inputDate > * {
display: inline-flex;
align-items: center;
}
.fs-c-inputDate__year + .fs-c-inputDate__month::before, .fs-c-inputDate__month + .fs-c-inputDate__date::before {
content: "/";
padding-right: 8px;
}
.fs-c-inputField__field--zipCode {
display: flex;
}
.fs-c-inputField__field--zipCode > *:first-child {
margin-right: 8px;
}
.fs-c-inputGroup, .fs-c-inputGroup--inline, .fs-c-inputGroup--vertical {
border: 1px solid #ccc;
border-radius: 3px;
background: #ffffff;
display: flex;
align-items: stretch;
min-height: 1.8em;
position: relative;
}
.fs-c-inputGroup > * + *, .fs-c-inputGroup--inline > * + *, .fs-c-inputGroup--vertical > * + * {
border-left: 1px solid #ccc;
}
.fs-c-inputGroup > [type=hidden], .fs-c-inputGroup--inline > [type=hidden], .fs-c-inputGroup--vertical > [type=hidden], .fs-c-inputGroup > [type=text], .fs-c-inputGroup--inline > [type=text], .fs-c-inputGroup--vertical > [type=text], .fs-c-inputGroup > [type=search], .fs-c-inputGroup--inline > [type=search], .fs-c-inputGroup--vertical > [type=search], .fs-c-inputGroup > [type=tel], .fs-c-inputGroup--inline > [type=tel], .fs-c-inputGroup--vertical > [type=tel], .fs-c-inputGroup > [type=url], .fs-c-inputGroup--inline > [type=url], .fs-c-inputGroup--vertical > [type=url], .fs-c-inputGroup > [type=email], .fs-c-inputGroup--inline > [type=email], .fs-c-inputGroup--vertical > [type=email], .fs-c-inputGroup > [type=password], .fs-c-inputGroup--inline > [type=password], .fs-c-inputGroup--vertical > [type=password], .fs-c-inputGroup > [type=datetime], .fs-c-inputGroup--inline > [type=datetime], .fs-c-inputGroup--vertical > [type=datetime], .fs-c-inputGroup > [type=date], .fs-c-inputGroup--inline > [type=date], .fs-c-inputGroup--vertical > [type=date], .fs-c-inputGroup > [type=month], .fs-c-inputGroup--inline > [type=month], .fs-c-inputGroup--vertical > [type=month], .fs-c-inputGroup > [type=week], .fs-c-inputGroup--inline > [type=week], .fs-c-inputGroup--vertical > [type=week], .fs-c-inputGroup > [type=time], .fs-c-inputGroup--inline > [type=time], .fs-c-inputGroup--vertical > [type=time], .fs-c-inputGroup > [type=datetime-local], .fs-c-inputGroup--inline > [type=datetime-local], .fs-c-inputGroup--vertical > [type=datetime-local], .fs-c-inputGroup > [type=number], .fs-c-inputGroup--inline > [type=number], .fs-c-inputGroup--vertical > [type=number], .fs-c-inputGroup > select, .fs-c-inputGroup--inline > select, .fs-c-inputGroup--vertical > select, .fs-c-inputGroup > textarea, .fs-c-inputGroup--inline > textarea, .fs-c-inputGroup--vertical > textarea {
border: none;
}
.fs-c-inputGroup > .fs-c-dropdown::after, .fs-c-inputGroup--inline > .fs-c-dropdown::after, .fs-c-inputGroup--vertical > .fs-c-dropdown::after {
border-top: none;
border-right: none;
border-bottom: none;
}
.fs-c-inputGroup > .fs-c-dropdown > select, .fs-c-inputGroup--inline > .fs-c-dropdown > select, .fs-c-inputGroup--vertical > .fs-c-dropdown > select {
border: none;
border-radius: 0 3px 3px 0;
}
.fs-c-inputGroup > button, .fs-c-inputGroup--inline > button, .fs-c-inputGroup--vertical > button {
border-left: 1px solid #ccc;
border-radius: 0 3px 3px 0;
box-shadow: none;
font-size: 1.2rem;
padding: 0 8px;
}
.fs-c-inputGroup__addon {
background: #f2f2f2;
padding: 8px;
word-wrap: normal;
}
.fs-c-inputGroup__addonStrings {
display: block;
margin: -4px 0;
}
.fs-c-inputGroup__text {
border: none;
border-radius: 0;
}
.fs-c-inputGroup__text:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.fs-c-inputGroup--vertical {
flex-direction: column;
}
.fs-c-inputGroup--vertical > * + * {
border-left: none;
border-top: 1px solid #ccc;
}
.fs-c-inputGroup--inline {
display: inline-flex;
}
.fs-c-inputTable {
table-layout: fixed;
}
.fs-c-inputTable__headerCell {
text-align: right;
}
.fs-c-inputTable__headerCell--numberOfPayments {
display: none;
}
.fs-c-inputTable__headerCell, .fs-c-inputTable__dataCell {
padding: 16px 0;
}
.fs-c-inputTable__dataCell {
position: relative;
}
.fs-c-inputTable--inModal .fs-c-inputTable__headerCell {
text-align: left;
}
.fs-c-inputTable--inModal .fs-c-inputTable__headerCell,
.fs-c-inputTable--inModal .fs-c-inputTable__dataCell {
padding: 0;
}
.fs-c-inputTable--inModal > thead {
display: none;
}
.fs-c-inputTable--inModal > tbody {
display: block;
}
.fs-c-inputTable--inModal > tbody > tr {
display: flex;
flex-direction: column;
padding: 8px;
}
.fs-c-inputTable--inModal > tbody > tr + tr {
margin-top: 8px;
}
.fs-c-inputTable--child .fs-c-inputTable__headerCell {
text-align: left;
}
.fs-c-inputTextGroup {
display: flex;
justify-content: space-between;
align-items: center;
}
.fs-c-inputTextGroup > * + * {
margin-left: 8px;
}
.fs-c-inputTextGroup__item {
flex: 1 1 50%;
}
.fs-c-listedOptionPrice {
font-size: 1.2rem;
display: grid;
grid-template-columns: minmax(1em, max-content) minmax(1em, max-content);
grid-template-rows: minmax(1em, -webkit-min-content);
grid-template-rows: minmax(1em, min-content);
grid-auto-rows: minmax(1em, -webkit-min-content);
grid-auto-rows: minmax(1em, min-content);
grid-row-gap: 8px;
grid-column-gap: 4px;
line-height: 1.2;
margin: 8px 0;
}
.fs-c-listedOptionPrice__option__label::after {
content: ":";
}
.fs-c-listedOptionPrice__option__label, .fs-c-listedOptionPrice__option__value {
word-break: break-all;
}
.fs-c-listedOptionPrice__price {
margin: 0;
display: flex;
justify-content: flex-start;
}
.fs-c-listedProductName {
display: flex;
flex-direction: column;
}
.fs-c-listedProductName__variation, .fs-c-listedProductName__selection {
font-size: 1rem;
}
.fs-c-listedProductName__variation::before, .fs-c-listedProductName__selection::before {
content: "(";
}
.fs-c-listedProductName__variation::after, .fs-c-listedProductName__selection::after {
content: ")";
}
.fs-c-listedProductName__variation__choice + .fs-c-listedProductName__variation__choice::before, .fs-c-listedProductName__variation__choice + .fs-c-listedProductName__selection__choice::before, .fs-c-listedProductName__selection__choice + .fs-c-listedProductName__variation__choice::before, .fs-c-listedProductName__selection__choice + .fs-c-listedProductName__selection__choice::before {
content: "/ ";
}
.fs-c-listTable__data {
display: flex;
flex-direction: column;
}
.fs-c-listTable__data > * + * {
padding-top: 8px;
}
@media screen and (max-width: 600px) {
.fs-c-listTable > thead {
display: none;
}
.fs-c-listTable > tbody {
display: block;
}
.fs-c-listTable > tbody > tr {
background: #ffffff;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.fs-c-listTable > tbody > tr + tr {
margin-top: 24px;
}
.fs-c-listTable > tbody > tr > th, .fs-c-listTable > tbody > tr td {
display: block;
border: none;
}
.fs-c-listTable > tbody > tr > th::before, .fs-c-listTable > tbody > tr td::before {
content: attr(aria-label);
display: block;
font-size: 1.2rem;
font-weight: bold;
}
}
.fs-c-lineAddFriend {
margin-bottom: 32px;
}
.fs-c-loader {
background: rgba(255, 255, 255, 0.8);
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2147483601;
}
.fs-c-loader__items__item {
width: 14px;
height: 14px;
background-color: #1f5da0;
border-radius: 100%;
display: inline-block;
-webkit-animation: fs-c-loaderAnimation 1.4s infinite ease-in-out both;
animation: fs-c-loaderAnimation 1.4s infinite ease-in-out both;
}
.fs-c-loader__items__item:nth-child(1) {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.fs-c-loader__items__item:nth-child(2) {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes fs-c-loaderAnimation {
0%, 80%, 100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes fs-c-loaderAnimation {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.fs-c-mark--1 {
color: #5c5c5c;
background: #ffffff;
}
.fs-c-mark--2 {
color: #5c5c5c;
background: #cccccc;
}
.fs-c-mark--3 {
color: #fff;
background: #999999;
}
.fs-c-mark--4 {
color: #fff;
background: #666666;
}
.fs-c-mark--5 {
color: #fff;
background: #333333;
}
.fs-c-mark--6 {
color: #fff;
background: #000000;
}
.fs-c-mark--7 {
color: #5c5c5c;
background: #ffb3b3;
}
.fs-c-mark--8 {
color: #5c5c5c;
background: #fab194;
}
.fs-c-mark--9 {
color: #5c5c5c;
background: #ffe6ad;
}
.fs-c-mark--10 {
color: #5c5c5c;
background: #ffff98;
}
.fs-c-mark--11 {
color: #5c5c5c;
background: #e0eaa2;
}
.fs-c-mark--12 {
color: #5c5c5c;
background: #99cf9e;
}
.fs-c-mark--13 {
color: #5c5c5c;
background: #b0e1d6;
}
.fs-c-mark--14 {
color: #5c5c5c;
background: #a5ecf7;
}
.fs-c-mark--15 {
color: #5c5c5c;
background: #93c5f5;
}
.fs-c-mark--16 {
color: #5c5c5c;
background: #babaff;
}
.fs-c-mark--17 {
color: #5c5c5c;
background: #d9bae3;
}
.fs-c-mark--18 {
color: #5c5c5c;
background: #facddf;
}
.fs-c-mark--19 {
color: #fff;
background: #c93037;
}
.fs-c-mark--20 {
color: #fff;
background: #b85544;
}
.fs-c-mark--21 {
color: #fff;
background: #c98136;
}
.fs-c-mark--22 {
color: #5c5c5c;
background: #e3e516;
}
.fs-c-mark--23 {
color: #fff;
background: #95af4b;
}
.fs-c-mark--24 {
color: #fff;
background: #4f7f51;
}
.fs-c-mark--25 {
color: #fff;
background: #56928b;
}
.fs-c-mark--26 {
color: #fff;
background: #539cba;
}
.fs-c-mark--27 {
color: #fff;
background: #5572b2;
}
.fs-c-mark--28 {
color: #fff;
background: #595582;
}
.fs-c-mark--29 {
color: #fff;
background: #965491;
}
.fs-c-mark--30 {
color: #fff;
background: #c97398;
}
.fs-c-mark--31 {
color: #fff;
background: #ef000a;
}
.fs-c-mark--32 {
color: #fff;
background: #ff730c;
}
.fs-c-mark--33 {
color: #fff;
background: #976532;
}
.fs-c-mark--34 {
color: #1a1a1a;
background: #ffe102;
}
.fs-c-mark--35 {
color: #fff;
background: #89c65c;
}
.fs-c-mark--36 {
color: #fff;
background: #075727;
}
.fs-c-mark--37 {
color: #fff;
background: #289ca1;
}
.fs-c-mark--38 {
color: #fff;
background: #39bddb;
}
.fs-c-mark--39 {
color: #fff;
background: #0046c9;
}
.fs-c-mark--40 {
color: #fff;
background: #4f10b5;
}
.fs-c-mark--41 {
color: #fff;
background: #af0263;
}
.fs-c-mark--42 {
color: #fff;
background: #f35aa3;
}
.fs-c-membershipCard__image {
background-color: #ffffff;
padding: 24px;
}
.fs-c-modal, .fs-c-modal--small, .fs-c-modal--medium {
background: rgba(0, 0, 0, 0.7);
color: #333333;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2147483600;
display: flex;
align-items: flex-start;
opacity: 1;
overflow: auto;
padding: 16px 0 40px;
-webkit-overflow-scrolling: touch;
}
.fs-c-modal__inner {
background: #ffffff;
border-radius: 3px;
color: #333333;
display: flex;
align-items: stretch;
flex-direction: column;
justify-content: flex-start;
position: relative;
margin: auto;
max-width: calc(100vw - 8px * 2);
}
.fs-c-modal__inner.is-warning {
border: 2px solid #f6d342;
}
.fs-c-modal__inner.is-warning .fs-c-modal__header {
background: #f6d342;
color: #ffffff;
}
.fs-c-modal__inner.is-warning .fs-c-modal__close {
color: #ffffff;
}
.fs-c-modal__header {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.fs-c-modal__close {
padding: 3px;
color: #333333;
cursor: pointer;
white-space: nowrap;
}
.fs-c-modal__close::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e911";
display: block;
font-size: 0.9em;
line-height: 1;
}
.fs-c-modal__close:hover {
color: #4c4c4c;
}
.fs-c-modal__close::before {
height: 1em;
}
.fs-c-modal__contents {
flex-grow: 1;
max-height: calc(100% - 80px);
overflow: auto;
padding: 16px;
}
.fs-c-modal__contentsLead {
margin-bottom: 24px;
}
.fs-c-modal__contents .fs-c-inputTable {
table-layout: auto;
}
.fs-c-modal--medium .fs-c-modal__inner {
margin: auto;
width: 94vw;
}
@media screen and (min-width: 768px) {
.fs-c-modal--medium .fs-c-modal__inner {
width: 768px;
max-width: 90vw;
}
}
.fs-c-modal--small {
align-items: flex-start;
justify-content: center;
}
.fs-c-modal--small .fs-c-modal__inner {
flex-grow: 0;
}
.fs-c-orderPaymentTable {
border-collapse: collapse;
}
.fs-c-orderPaymentTable th, .fs-c-orderPaymentTable td {
border: 1px solid #ccc;
padding: 4px;
}
.fs-c-orderPaymentTable th {
text-wrap: nowrap;
}
.fs-c-orderPaymentTable__coupon__name {
display: block;
}
.fs-c-orderPerAddressee + .fs-c-orderPerAddressee {
margin-top: 24px;
}
.fs-c-orderTotalInfo {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.fs-c-orderTotalInfo > * {
flex-grow: 1;
}
.fs-c-orderTotalInfo > * + * {
margin-top: 8px;
}
.fs-c-orderTotalTable {
border-collapse: collapse;
}
.fs-c-orderTotalTable th, .fs-c-orderTotalTable td {
border: 1px solid #ccc;
padding: 4px;
}
.fs-c-orderTotalTable > tbody > tr > th, .fs-c-orderTotalTable > tbody > tr > td {
text-align: right;
vertical-align: middle;
}
.fs-c-orderTotalTable .fs-c-orderTotalTable__usePoint__pointQuantity {
display: block;
font-size: 0.8em;
}
.fs-c-orderTotalTable .fs-c-orderTotalTable__usePoint__pointQuantity::before {
content: "(";
}
.fs-c-orderTotalTable .fs-c-orderTotalTable__usePoint__pointQuantity::after {
content: ")";
}
.fs-c-orderTotalTable .fs-c-orderTotalTable__total > th, .fs-c-orderTotalTable .fs-c-orderTotalTable__total > td, .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal > th, .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal > td {
border-top-width: 3px;
border-top-style: double;
}
.fs-c-orderTotalTable .fs-c-orderTotalTable__total > td, .fs-c-orderTotalTable .fs-c-orderTotalTable__grandTotal > td {
font-size: 1.8rem;
}
.fs-c-orderedList {
margin: 0 0 0 2.5em;
padding: 0;
}
.fs-c-orderedList > li + li {
margin-top: 8px;
}
.fs-c-panel {
background: #ffffff;
border-radius: 3px;
border-width: 2px;
border-style: solid;
padding: 8px 8px 8px 32px;
margin-bottom: 24px;
position: relative;
text-align: center;
}
.fs-c-panel::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.4em;
position: absolute;
top: 8px;
left: 8px;
}
.fs-c-panel__contentList {
box-sizing: border-box;
list-style: none;
margin: 0 8px;
padding: 0;
}
.fs-c-panel__contentList > li {
box-sizing: border-box;
}
.fs-c-panel__contentList + .fs-c-panel__contentList {
margin-top: 4px;
padding-top: 4px;
border-top: 1px solid #ccc;
}
.fs-c-panel__contentList__item {
display: flex;
justify-content: center;
}
.fs-c-panel__contentList__item + .fs-c-panel__contentList__item {
margin-top: 4px;
padding-top: 4px;
border-top: 1px solid #ccc;
}
.fs-c-panel__contentList__content {
text-align: left;
}
.fs-c-panel--error {
color: #da4453;
border-color: #da4453;
}
.fs-c-panel--error::before {
content: "\e915";
color: #da4453;
}
.fs-c-panel--info {
color: #006db8;
border-color: #006db8;
}
.fs-c-panel--info::before {
content: "\e914";
color: #006db8;
}
.fs-c-panelContainer {
flex-basis: 100%;
min-width: 100%;
max-width: 100%;
width: 100%;
}
.fs-c-pagination {
border-radius: 3px;
display: flex;
align-items: baseline;
}
.fs-c-pagination__item {
flex: 1 1 auto;
line-height: 0.8;
padding: 8px;
cursor: default;
}
.fs-c-pagination__item[role=button] {
cursor: pointer;
}
.fs-c-pagination__item.is-active {
background: #f7f7f7;
}
.fs-c-pagination__item--prev {
color: #333333;
cursor: pointer;
white-space: nowrap;
}
.fs-c-pagination__item--prev::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90b";
display: block;
font-size: 0.9em;
line-height: 1;
}
.fs-c-pagination__item--prev:hover {
color: #4c4c4c;
}
.fs-c-pagination__item--next {
color: #333333;
cursor: pointer;
white-space: nowrap;
}
.fs-c-pagination__item--next::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90c";
display: block;
font-size: 0.9em;
line-height: 1;
}
.fs-c-pagination__item--next:hover {
color: #4c4c4c;
}
[class*=fs-c-pagination__item--] {
width: 2em;
}
[class*=fs-c-pagination__item--]::before {
height: 1em;
width: 1em;
}
[class*=fs-c-pagination__item--].is-disabled {
color: #808080;
cursor: not-allowed;
}
.fs-c-pairList {
display: grid;
grid-template-columns: auto 1fr;
grid-auto-rows: auto;
grid-auto-flow: row;
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: baseline;
margin: 0;
}
.fs-c-pairList > * {
margin: 0;
}
.fs-c-pairList > dt {
position: relative;
padding-right: 8px;
}
.fs-c-pairList > dt::after {
content: " : ";
margin: auto;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.fs-c-pointListTable__data {
display: block;
}
.fs-c-pointListTable__dataDetail {
font-size: 1.2rem;
margin: 8px 0;
}
.fs-c-pointListTable__dataAddition {
display: block;
}
.fs-c-pointListTable__dataAddition::before {
content: "[";
}
.fs-c-pointListTable__dataAddition::after {
content: "]";
}
.fs-c-pointListTable td[aria-label=獲得・利用ポイント] {
font-size: 1.8rem;
text-align: right;
}
@media screen and (max-width: 600px) {
.fs-c-pointListTable td[aria-label=獲得・利用ポイント] {
text-align: left;
}
}
.fs-c-pointListTable td[aria-label=日付], .fs-c-pointListTable td[aria-label=ポイント状況], .fs-c-pointListTable td[aria-label=有効期限] {
text-align: center;
}
@media screen and (max-width: 600px) {
.fs-c-pointListTable td[aria-label=日付], .fs-c-pointListTable td[aria-label=ポイント状況], .fs-c-pointListTable td[aria-label=有効期限] {
text-align: left;
}
}
@media screen and (max-width: 600px) {
.fs-c-pointListTable.fs-c-listTable > tbody > tr td {
display: flex;
}
.fs-c-pointListTable.fs-c-listTable > tbody > tr td::before {
width: 120px;
padding-right: 8px;
box-sizing: content-box;
}
}
.fs-c-price {
display: flex;
align-items: baseline;
justify-content: flex-end;
}
.fs-c-price--inline {
display: inline-flex;
text-indent: 0;
}
.fs-c-price__price {
display: flex;
}
.fs-c-price__addon {
display: flex;
font-size: 1.2rem;
line-height: 1.4;
}
.fs-c-price__addon:not(.fs-c-price__addon--listPrice):not(.fs-c-productOption__price__addon)::before {
content: "(";
}
.fs-c-price__addon:not(.fs-c-price__addon--listPrice):not(.fs-c-productOption__price__addon)::after {
content: ")";
}
.fs-c-price__addon--listPrice {
display: inline-block;
}
.fs-c-priceDisplay {
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.fs-c-priceDisplay__main {
display: flex;
}
.fs-c-priceDisplay__addon {
display: flex;
font-size: 1.2rem;
}
.fs-c-priceDisplay__addon::before {
content: "(";
}
.fs-c-priceDisplay__addon::after {
content: ")";
}
.fs-c-priceDisplay__memberPrice__label {
font-size: 1.2rem;
}
.fs-c-priceDisplay__memberPrice__label::before {
content: "[";
}
.fs-c-priceDisplay__memberPrice__label::after {
content: "]";
}
.fs-c-productImage__image {
display: block;
max-width: 100%;
}
.fs-c-productImageDisplay {
max-height: 90vh;
overflow: auto;
}
.fs-c-productImageDisplay__image {
display: block;
}
.fs-c-productImageViewer {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 92vw;
}
.fs-c-productImageViewer__main {
display: grid;
grid-template: auto/auto 1fr auto;
grid-column-gap: 8px;
align-items: center;
margin-bottom: 16px;
}
.fs-c-productImageViewer__main__prev {
grid-column: 1;
grid-row: 1;
}
.fs-c-productImageViewer__main__prev.is-disabled {
visibility: hidden;
}
.fs-c-productImageViewer__main__image {
grid-column: 2;
grid-row: 1;
}
.fs-c-productImageViewer__main__next {
grid-column: 3;
grid-row: 1;
}
.fs-c-productImageViewer__main__next.is-disabled {
visibility: hidden;
}
.fs-c-productImageViewer__main__figure {
margin: 0;
position: relative;
max-height: calc(90vh - 8px * 3);
overflow: auto;
}
.fs-c-productImageViewer__main__figure > img {
display: block;
}
.fs-c-productImageViewer__main__figure__caption {
text-align: center;
}
.fs-c-productImageViewer__thumbnail {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
}
.fs-c-productImageViewer__thumbnail__image {
margin: 4px;
flex-basis: 96px;
min-width: 96px;
}
.fs-c-productImageViewer__thumbnail__image > img {
width: 100%;
}
.fs-c-productImageViewer__thumbnail__image__caption {
font-size: 1.2rem;
line-height: 1.2;
text-align: center;
text-overflow: ellipsis;
}
@media screen and (min-width: 1280px) {
.fs-c-productImageViewer {
flex-direction: column;
align-items: center;
}
.fs-c-productImageViewer__thumbnail {
flex-direction: row;
}
}
.fs-c-productImageModal {
background: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
opacity: 1;
overflow: auto;
}
.fs-c-productImageModal__close {
cursor: pointer;
color: #ffffff;
display: block;
font-size: 3.2rem;
line-height: 1;
position: fixed;
text-shadow: 0px 0px 2px #333333;
top: 12px;
right: 12px;
z-index: 3;
width: 1em;
height: 1em;
}
.fs-c-productImageModal__close::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e911";
}
.fs-c-productImageModalCarousel__figure {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
position: relative;
width: 100vw;
}
.fs-c-productImageModalCarousel__figure__caption {
background: rgba(30, 30, 30, 0.7);
color: #ddd;
height: 1.6em;
overflow: hidden;
white-space: nowrap;
text-align: center;
text-overflow: ellipsis;
width: 100%;
}
.fs-c-productImageModalCarousel__figure__image {
max-height: 100vh;
max-width: 100vw;
}
.fs-c-productImageModalCarousel__figure__caption + .fs-c-productImageModalCarousel__figure__image {
max-height: calc(100vh - 1.6em);
}
.fs-c-productImageModalCarousel--imageCover .fs-c-productImageModalCarousel__figure__image {
max-width: initial;
}
.fs-c-productListCarousel {
display: flex;
justify-content: center;
align-items: center;
}
.fs-c-productListCarousel__ctrl {
display: block;
flex-basis: 32px;
min-width: 32px;
position: relative;
}
@media screen and (min-width: 600px) {
.fs-c-productListCarousel__ctrl {
flex-basis: 48px;
min-width: 48px;
}
}
.fs-c-productListCarousel__ctrl.slick-disabled {
opacity: 0.3;
}
.fs-c-productListCarousel__ctrl.slick-disabled:hover {
opacity: 0.3;
}
.fs-c-productListCarousel__ctrl.slick-disabled > .fs-c-button--carousel {
cursor: default;
}
.fs-c-productListCarousel__ctrl.slick-hidden {
display: none;
}
.fs-c-productListCarousel__list {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
}
.fs-c-productCarouselMainImage__image {
display: block;
margin: 0;
position: relative;
}
.fs-c-productCarouselMainImage__image > img {
max-width: 100vw;
max-height: 100vh;
}
.fs-c-productCarouselMainImage__image__caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
text-align: center;
text-overflow: ellipsis;
}
.fs-c-productCarouselMainImage__thumbnailList {
display: flex;
flex-wrap: nowrap;
list-style: none;
overflow-x: scroll;
padding: 0;
}
.fs-c-productCarouselMainImage__thumbnailList > li {
flex-basis: 80px;
flex-shrink: 0;
margin: 0 8px 0 0;
}
.fs-c-productCarouselMainImage__thumbnailList > li:last-of-type {
margin-right: 0;
}
.fs-c-productCarouselMainImage__thumbnail {
margin: 0;
padding: 0;
}
.fs-c-productMark {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-productMark > li {
box-sizing: border-box;
}
.fs-c-productMark__mark {
display: block;
margin-right: 2px;
font-size: 0.8em;
line-height: 1;
padding: 4px 8px;
}
.fs-c-productMark__mark--1 {
color: #5c5c5c;
background: #ffffff;
}
.fs-c-productMark__mark--2 {
color: #5c5c5c;
background: #cccccc;
}
.fs-c-productMark__mark--3 {
color: #fff;
background: #999999;
}
.fs-c-productMark__mark--4 {
color: #fff;
background: #666666;
}
.fs-c-productMark__mark--5 {
color: #fff;
background: #333333;
}
.fs-c-productMark__mark--6 {
color: #fff;
background: #000000;
}
.fs-c-productMark__mark--7 {
color: #5c5c5c;
background: #ffb3b3;
}
.fs-c-productMark__mark--8 {
color: #5c5c5c;
background: #fab194;
}
.fs-c-productMark__mark--9 {
color: #5c5c5c;
background: #ffe6ad;
}
.fs-c-productMark__mark--10 {
color: #5c5c5c;
background: #ffff98;
}
.fs-c-productMark__mark--11 {
color: #5c5c5c;
background: #e0eaa2;
}
.fs-c-productMark__mark--12 {
color: #5c5c5c;
background: #99cf9e;
}
.fs-c-productMark__mark--13 {
color: #5c5c5c;
background: #b0e1d6;
}
.fs-c-productMark__mark--14 {
color: #5c5c5c;
background: #a5ecf7;
}
.fs-c-productMark__mark--15 {
color: #5c5c5c;
background: #93c5f5;
}
.fs-c-productMark__mark--16 {
color: #5c5c5c;
background: #babaff;
}
.fs-c-productMark__mark--17 {
color: #5c5c5c;
background: #d9bae3;
}
.fs-c-productMark__mark--18 {
color: #5c5c5c;
background: #facddf;
}
.fs-c-productMark__mark--19 {
color: #fff;
background: #c93037;
}
.fs-c-productMark__mark--20 {
color: #fff;
background: #b85544;
}
.fs-c-productMark__mark--21 {
color: #fff;
background: #c98136;
}
.fs-c-productMark__mark--22 {
color: #5c5c5c;
background: #e3e516;
}
.fs-c-productMark__mark--23 {
color: #fff;
background: #95af4b;
}
.fs-c-productMark__mark--24 {
color: #fff;
background: #4f7f51;
}
.fs-c-productMark__mark--25 {
color: #fff;
background: #56928b;
}
.fs-c-productMark__mark--26 {
color: #fff;
background: #539cba;
}
.fs-c-productMark__mark--27 {
color: #fff;
background: #5572b2;
}
.fs-c-productMark__mark--28 {
color: #fff;
background: #595582;
}
.fs-c-productMark__mark--29 {
color: #fff;
background: #965491;
}
.fs-c-productMark__mark--30 {
color: #fff;
background: #c97398;
}
.fs-c-productMark__mark--31 {
color: #fff;
background: #ef000a;
}
.fs-c-productMark__mark--32 {
color: #fff;
background: #ff730c;
}
.fs-c-productMark__mark--33 {
color: #fff;
background: #976532;
}
.fs-c-productMark__mark--34 {
color: #1a1a1a;
background: #ffe102;
}
.fs-c-productMark__mark--35 {
color: #fff;
background: #89c65c;
}
.fs-c-productMark__mark--36 {
color: #fff;
background: #075727;
}
.fs-c-productMark__mark--37 {
color: #fff;
background: #289ca1;
}
.fs-c-productMark__mark--38 {
color: #fff;
background: #39bddb;
}
.fs-c-productMark__mark--39 {
color: #fff;
background: #0046c9;
}
.fs-c-productMark__mark--40 {
color: #fff;
background: #4f10b5;
}
.fs-c-productMark__mark--41 {
color: #fff;
background: #af0263;
}
.fs-c-productMark__mark--42 {
color: #fff;
background: #f35aa3;
}
.fs-c-productMark__mark--image {
padding: 0;
}
.fs-c-productOption {
display: flex;
flex-direction: column;
}
.fs-c-productOption__name {
font-weight: bold;
}
.fs-c-productOption__option {
margin: 0 0 8px;
}
.fs-c-productOption__option + .fs-c-productOption__name {
margin-top: 8px;
}
.fs-c-productOption__field {
display: flex;
flex-direction: column;
}
.fs-c-productOption__price {
display: inline-flex;
}
.fs-c-productPostage::before {
content: "[";
}
.fs-c-productPostage::after {
content: "]";
}
.fs-c-productPrice__addon__price::before {
content: "：";
}
.fs-c-productSelection {
display: flex;
flex-direction: column;
}
.fs-c-productSelection__name {
font-weight: bold;
}
.fs-c-productSelection__selection {
margin: 0 0 8px;
}
.fs-c-productSelection__selection + .fs-c-productSelection__name {
margin-top: 8px;
}
.fs-c-productSelection__field {
display: flex;
flex-direction: column;
}
.fs-c-productThumbnail {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: flex-start;
}
.fs-c-productThumbnail__image {
margin: 4px 6px;
flex-basis: 56px;
min-width: 56px;
}
.fs-c-productThumbnail__image > img {
width: 100%;
}
.fs-c-productThumbnail__image__caption {
font-size: 1.2rem;
line-height: 1.2;
text-align: center;
text-overflow: ellipsis;
}
.fs-c-quantity {
display: block;
max-width: 5em;
}
.fs-c-quantity__number {
box-shadow: 1px 1px 2px #b2b2b2 inset;
}
.fs-c-quantity__number.is-error {
border: 1px solid #da4453;
background-color: #fceef0;
}
.fs-c-quantity__number:focus:not(.is-error) + .fs-c-quantity__message {
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 3px;
color: #333333;
display: block;
line-height: 1.1;
margin-top: 1px;
padding: 2px 4px;
z-index: 1;
min-width: max-content;
}
.fs-c-quantity__number:focus:not(.is-error) + .fs-c-quantity__message::before {
content: "入力してください";
font-size: 0.8rem;
}
.fs-c-radio {
display: flex;
align-items: stretch;
}
.fs-c-radio__radio {
display: none;
}
.fs-c-radio__label {
display: inline-flex;
align-items: center;
justify-content: flex-start;
flex-grow: 1;
position: relative;
word-break: keep-all;
}
.fs-c-radio__radioMark {
display: block;
width: 16px;
height: 16px;
margin: 0 4px 0 0;
position: relative;
min-width: 16px;
background: #ffffff;
border-radius: 50%;
border: 2px solid #666666;
cursor: pointer;
}
.is-disabled .fs-c-radio__radioMark {
cursor: default;
}
.fs-c-radio__radioMark::before {
border-radius: 50%;
content: "";
display: block;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 0;
height: 0;
margin: auto;
}
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark {
border-color: #2559A8;
transition: all 0.5s 0s ease;
}
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark::before {
background: #2559A8;
opacity: 1;
width: 8px;
height: 8px;
}
.fs-c-radio__radioLabelText {
flex-grow: 1;
}
.fs-c-radio__radioLabelText::after {
content: "";
width: 0;
font-size: 0;
color: transparent;
}
div.fs-c-radio__label .fs-c-radio__radioMark {
opacity: 0.3;
}
.fs-c-radio2__radio {
display: none;
}
.fs-c-radio2__radioMark {
display: block;
width: 16px;
height: 16px;
margin: 0 4px 0 0;
position: relative;
min-width: 16px;
background-color: #ffffff;
border-radius: 50%;
border: 2px solid #666666;
cursor: pointer;
}
.is-disabled .fs-c-radio2__radioMark {
cursor: default;
}
.fs-c-radio2__radioMark::before {
border-radius: 50%;
content: "";
display: block;
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 0;
height: 0;
margin: auto;
}
.fs-c-radio2__radio:checked:enabled + label > .fs-c-radio2__radioMark {
border-color: #2559A8;
transition: all 0.5s 0s ease;
}
.fs-c-radio2__radio:checked:enabled + label > .fs-c-radio2__radioMark::before {
background: #2559A8;
opacity: 1;
width: 8px;
height: 8px;
}
.fs-c-radio2__radioLabelAdditionalInfo {
display: none;
}
.is-active .fs-c-radio2__radioLabelAdditionalInfo, .is-disabled .fs-c-radio2__radioLabelAdditionalInfo {
display: block;
}
.is-disabled .fs-c-radio2, .fs-c-radio2.is-disabled {
color: #808080;
}
.fs-c-radioGroup, .fs-c-checkboxGroup {
display: flex;
flex-direction: column;
gap: 8px 16px;
}
.fs-c-radioGroup > *, .fs-c-checkboxGroup > * {
flex-basis: 100%;
}
@media screen and (min-width: 600px) {
.fs-c-radioGroup, .fs-c-checkboxGroup {
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.fs-c-radioGroup > *, .fs-c-checkboxGroup > * {
flex-basis: auto;
}
}
.fs-c-radioItemList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-radioItemList > li {
box-sizing: border-box;
}
.fs-c-reviewBody {
white-space: pre-wrap;
}
.fs-c-reviewer__name__reviewNumber::before {
content: "(";
}
.fs-c-reviewer__name__reviewNumber::after {
content: ")";
}
.fs-c-reviewStars {
display: flex;
justify-content: space-between;
}
.fs-c-reviewStars::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #f90;
font-size: 1.4em;
}
.fs-c-reviewStars[data-ratingCount="0"]::before {
content: "\e91b\e91b\e91b\e91b\e91b";
}
.fs-c-reviewStars[data-ratingCount="0.5"]::before {
content: "\e91c\e91b\e91b\e91b\e91b";
}
.fs-c-reviewStars[data-ratingCount="1.0"]::before {
content: "\e91d\e91b\e91b\e91b\e91b";
}
.fs-c-reviewStars[data-ratingCount="1.5"]::before {
content: "\e91d\e91c\e91b\e91b\e91b";
}
.fs-c-reviewStars[data-ratingCount="2.0"]::before {
content: "\e91d\e91d\e91b\e91b\e91b";
}
.fs-c-reviewStars[data-ratingCount="2.5"]::before {
content: "\e91d\e91d\e91c\e91b\e91b";
}
.fs-c-reviewStars[data-ratingCount="3.0"]::before {
content: "\e91d\e91d\e91d\e91b\e91b";
}
.fs-c-reviewStars[data-ratingCount="3.5"]::before {
content: "\e91d\e91d\e91d\e91c\e91b";
}
.fs-c-reviewStars[data-ratingCount="4.0"]::before {
content: "\e91d\e91d\e91d\e91d\e91b";
}
.fs-c-reviewStars[data-ratingCount="4.5"]::before {
content: "\e91d\e91d\e91d\e91d\e91c";
}
.fs-c-reviewStars[data-ratingCount="5.0"]::before {
content: "\e91d\e91d\e91d\e91d\e91d";
}
.fs-c-requiredMark {
display: inline-block;
overflow: hidden;
text-indent: -999px;
width: 1em;
height: 1em;
right: 0;
top: 0;
}
.fs-c-requiredMark::before {
content: "*";
display: block;
font-size: 1.2em;
text-indent: 0;
}
.fs-c-radioItemList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-radioItemList > li {
box-sizing: border-box;
}
.fs-c-radioItem__body {
display: none;
}
.fs-c-radioItem.is-active .fs-c-radioItem__body {
display: block;
}
.fs-c-suggestedAddress {
background: #e5e5e5;
color: #333333;
}
.fs-c-suggestedAddress__listItem + .fs-c-suggestedAddress__listItem {
border-top: 1px solid #b2b2b2;
}
.fs-c-suggestedAddress__listItem:hover {
cursor: pointer;
}
.fs-c-specialPointList__list {
display: grid;
grid-template-columns: 1fr auto auto;
grid-column-gap: 16px;
grid-row-gap: 4px;
}
.fs-c-specialPointList__list dd {
text-align: right;
margin: 0;
}
.fs-c-staffCoordinationCarousel {
display: flex;
justify-content: center;
align-items: center;
}
.fs-c-staffCoordinationCarousel__ctrl {
display: block;
flex-basis: 32px;
min-width: 32px;
position: relative;
}
@media screen and (min-width: 600px) {
.fs-c-staffCoordinationCarousel__ctrl {
flex-basis: 48px;
min-width: 48px;
}
}
.fs-c-staffCoordinationCarousel__ctrl.slick-disabled {
opacity: 0.3;
}
.fs-c-staffCoordinationCarousel__ctrl.slick-disabled:hover {
opacity: 0.3;
}
.fs-c-staffCoordinationCarousel__ctrl.slick-disabled > .fs-c-button--carousel {
cursor: default;
}
.fs-c-staffCoordinationCarousel__ctrl.slick-hidden {
display: none;
}
.fs-c-staffCoordinationCarousel__list {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
}
.fs-c-staffRankingCarousel {
display: flex;
justify-content: center;
align-items: center;
}
.fs-c-staffRankingCarousel__ctrl {
display: block;
flex-basis: 32px;
min-width: 32px;
position: relative;
}
@media screen and (min-width: 600px) {
.fs-c-staffRankingCarousel__ctrl {
flex-basis: 48px;
min-width: 48px;
}
}
.fs-c-staffRankingCarousel__ctrl.slick-disabled {
opacity: 0.3;
}
.fs-c-staffRankingCarousel__ctrl.slick-disabled:hover {
opacity: 0.3;
}
.fs-c-staffRankingCarousel__ctrl.slick-disabled > .fs-c-button--carousel {
cursor: default;
}
.fs-c-staffRankingCarousel__ctrl.slick-hidden {
display: none;
}
.fs-c-staffRankingCarousel__list {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
}
.fs-c-stockNotificationsProduct__productName {
display: flex;
flex-direction: column;
}
.fs-c-stockSignLegend {
font-size: 1.2rem;
}
.fs-c-stockSignLegend__legend {
display: flex;
align-items: center;
}
.fs-c-stockSignLegend__sign {
font-weight: bold;
min-width: 1.5em;
padding-right: 4px;
position: relative;
text-align: center;
}
.fs-c-stockSignLegend__sign::after {
content: ":";
margin: auto;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.fs-c-stockSignLegend__explanation {
margin: 0;
}
.fs-c-subscriptionCourseSelect {
display: flex;
flex-direction: column;
}
.fs-c-subscriptionCourseSelect__name {
font-weight: bold;
}
.fs-c-subscriptionCourseSelect__option {
margin: 0;
}
.fs-c-subscriptionCourseSelect__option + .fs-c-subscriptionCourseSelect__name {
margin-top: 8px;
}
.fs-c-subscriptionCourseSelect__field {
display: flex;
flex-direction: column;
}
.fs-c-subscriptionCourseSelect__price {
display: inline-flex;
}
.fs-c-subscriptionNextDelivery__schedule__count::before {
content: "（";
}
.fs-c-subscriptionNextDelivery__schedule__count::after {
content: "）";
}
.fs-c-subscriptionOrderTotalTable {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
}
.fs-c-subscriptionOrderTotalTable__headerCell, .fs-c-subscriptionOrderTotalTable__dataCell {
border: 1px solid #ccc;
padding: 4px 8px;
}
.fs-c-subscriptionOrderTotalTable__dataCell {
justify-content: flex-end;
text-align: right;
}
.fs-c-switchCheckbox {
display: none;
}
.fs-c-textarea {
resize: vertical;
}
.fs-c-time {
white-space: nowrap;
}
.fs-c-variationAndActions__actions {
display: flex;
align-items: center;
margin-top: 24px;
}
.fs-c-variationAndActions__actions > * + * {
margin-left: 16px;
flex-grow: 1;
}
.fs-c-variationCart {
width: 100%;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 8px;
}
.fs-c-variationCart > li {
box-sizing: border-box;
}
.fs-c-variationCart > li {
display: grid;
grid-template-columns: 1fr 3em 144px;
align-items: center;
}
.fs-c-variationCart > li + li {
margin-top: 8px;
}
.fs-c-variationCart__variationName {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.fs-c-variationCart__variationName__shippingDate, .fs-c-variationCart__variationName__stock {
font-size: 1.2rem;
}
.fs-c-variationCart__wishlist {
display: grid;
justify-content: center;
}
.fs-c-variationCart__cartButton > button {
appearance: none;
-webkit-appearance: none;
font-size: 1.2rem;
width: 100%;
white-space: normal;
word-wrap: break-word;
word-break: break-all;
}
.fs-c-variationCart--withImage > li {
grid-template-columns: auto 1fr 2em 128px;
}
.fs-c-variationCart--withImage .fs-c-variationCart__image {
margin-right: 8px;
}
.fs-c-variationCart--withImage .fs-c-variationCart__image > img {
display: block;
height: auto;
max-width: 64px;
width: 100%;
}
.fs-c-variationLabel__label + .fs-c-variationLabel__label::before {
content: "/";
}
.fs-c-variationList + .fs-c-variationList {
margin-top: 8px;
}
.fs-c-variationList__item__body {
display: flex;
align-items: stretch;
margin-top: 8px;
}
.fs-c-variationList__item__image {
flex-grow: 1;
}
.fs-c-variationList__item__image > img {
display: block;
height: auto;
max-width: 64px;
width: 100%;
}
.fs-c-variationList__item__cart {
padding-top: 0;
}
.fs-c-variationMatrix {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-variationMatrix > li {
box-sizing: border-box;
}
.fs-c-variationMatrix__row {
display: flex;
}
.fs-c-variationMatrix__row__thumbnail > img {
display: block;
height: auto;
max-width: 64px;
width: 100%;
}
.fs-c-variationMatrix__lane {
flex-grow: 1;
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.fs-c-variationMatrix__item {
flex-shrink: 1;
display: flex;
}
.fs-c-variationMatrix__panel {
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: flex-start;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.fs-c-variationMatrix--column {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-variationMatrix--column > li {
box-sizing: border-box;
}
.fs-c-variationMatrix__col {
display: flex;
flex-grow: 1;
flex-direction: column;
}
.fs-c-variationMatrix__col__thumbnail {
min-width: 48px;
}
.fs-c-variationMatrix__col__thumbnail > img {
display: block;
height: auto;
max-width: 64px;
width: 100%;
}
.fs-c-variationMatrix__col__variationPanels {
flex-wrap: wrap;
}
.fs-c-variationMatrix__col .fs-c-variationMatrix__item {
flex-basis: 100%;
width: 100%;
}
.fs-c-variationRadioList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-variationRadioList > li {
box-sizing: border-box;
}
.fs-c-variationRadioList__image {
margin-right: 8px;
min-width: 80px;
}
.fs-c-variationRadioList__image > img {
display: block;
height: auto;
max-width: 64px;
width: 100%;
}
.fs-c-variationRadioList__radio {
flex: 0 0 1.4em;
min-width: 1.4em;
}
.fs-c-variationRadioList__name {
flex: 1 1 auto;
}
.fs-c-variationRadioList__name__stock {
font-size: 1.2rem;
}
.fs-c-variationRadioList__wisthlist {
flex: 0 0 1.4em;
}
.fs-c-variationSelect__image {
margin-top: 8px;
}
.fs-c-variationSelect__image > img {
display: block;
height: auto;
max-width: 64px;
width: 100%;
}
.fs-c-coordinationCarouselMainImage__image {
display: block;
margin: 0;
position: relative;
}
.fs-c-coordinationCarouselMainImage__image > img {
max-width: 100vw;
max-height: 100vh;
}
.fs-c-coordinationCarouselMainImage__image__caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
text-align: center;
text-overflow: ellipsis;
}
.fs-c-coordinationCarouselMainImage__thumbnailList {
display: flex;
flex-wrap: nowrap;
list-style: none;
overflow-x: scroll;
padding: 0;
}
.fs-c-coordinationCarouselMainImage__thumbnailList > li {
flex-basis: 80px;
flex-shrink: 0;
margin: 0 8px 0 0;
}
.fs-c-coordinationCarouselMainImage__thumbnailList > li:last-of-type {
margin-right: 0;
}
.fs-c-coordinationCarouselMainImage__thumbnail {
margin: 0;
padding: 0;
}
.fs-c-coordinationComment {
white-space: pre-wrap;
}
.fs-clientInfo:not(.is-ready) {
display: none !important;
}
.fs-clientInfo.is-ready {
display: block;
}
span[data-id=fs-analytics],
span[data-id=fs-google-capi],
span[data-id=fs-recommend3] {
display: none;
}
.fs-u-tel::before {
content: "TEL: ";
}
.fs-u-zipCode::before {
content: "〒";
}
.fs-pt-carousel {
position: relative;
z-index: 1;
}
.fs-pt-carousel img {
max-width: 100vw;
}
.fs-pt-carousel__track {
position: relative;
}
.fs-pt-carousel--fitImage .fs-pt-carousel__slide img {
width: 100%;
}
.fs-pt-list {
list-style: none;
padding: 0;
}
.fs-pt-list--noMarker > li + li, .fs-pt-list--unordered > li + li, .fs-pt-list--ordered > li + li, .fs-pt-list--note > li + li {
margin-top: 8px;
}
.fs-pt-list--unordered > li, .fs-pt-list--ordered > li, .fs-pt-list--note > li {
margin-left: 1.1em;
position: relative;
}
.fs-pt-list--unordered > li::before, .fs-pt-list--ordered > li::before, .fs-pt-list--note > li::before {
position: absolute;
margin-left: -1.1em;
}
.fs-pt-list--unordered > li::before {
border: 3px solid #ccc;
border-radius: 50%;
content: "";
width: 0.5em;
height: 0.5em;
top: 0.3em;
box-sizing: content-box;
}
.fs-pt-list--ordered {
counter-reset: fs-pt-list--orderd;
}
.fs-pt-list--ordered > li {
counter-increment: fs-pt-list--orderd;
}
.fs-pt-list--ordered > li::before {
content: counter(fs-pt-list--orderd) ".";
}
.fs-pt-list--note > li::before {
content: "*";
}
.fs-pt-list--breadcrumb {
display: flex;
flex-wrap: wrap;
}
.fs-pt-list--breadcrumb > li + li::before {
content: ">";
margin: 0 0.5em;
} .iziToast-capsule {
font-size: 0;
height: 0;
width: 100%;
transform: translateZ(0);
backface-visibility: hidden;
transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.iziToast-capsule, .iziToast-capsule * {
box-sizing: border-box;
}
.iziToast-overlay {
display: block;
position: fixed;
top: -100px;
left: 0;
right: 0;
bottom: -100px;
z-index: 997;
}
.iziToast {
display: inline-block;
clear: both;
position: relative;
font-family: "Lato", Tahoma, Arial;
font-size: 14px;
padding: 8px 45px 9px 0;
background: rgba(238, 238, 238, 0.9);
border-color: rgba(238, 238, 238, 0.9);
width: 100%;
pointer-events: all;
cursor: default;
transform: translateX(0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
min-height: 54px;
}
.iziToast > .iziToast-progressbar {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
background: rgba(255, 255, 255, 0.2);
}
.iziToast > .iziToast-progressbar > div {
height: 2px;
width: 100%;
background: rgba(0, 0, 0, 0.3);
border-radius: 0 0 3px 3px;
}
.iziToast.iziToast-balloon:before {
content: "";
position: absolute;
right: 8px;
left: auto;
width: 0;
height: 0;
top: 100%;
border-right: 0 solid transparent;
border-left: 15px solid transparent;
border-top: 10px solid #000;
border-top-color: inherit;
border-radius: 0;
}
.iziToast.iziToast-balloon .iziToast-progressbar {
top: 0;
bottom: auto;
}
.iziToast.iziToast-balloon > div {
border-radius: 0 0 0 3px;
}
.iziToast > .iziToast-cover {
position: absolute;
left: 0;
top: 0;
bottom: 0;
height: 100%;
margin: 0;
background-size: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0.1);
}
.iziToast > .iziToast-close {
position: absolute;
right: 0;
top: 0;
border: 0;
padding: 0;
opacity: 0.6;
width: 42px;
height: 100%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 8px;
cursor: pointer;
outline: 0;
}
.iziToast > .iziToast-close:hover {
opacity: 1;
}
.iziToast > .iziToast-body {
position: relative;
padding: 0 0 0 10px;
height: auto;
min-height: 36px;
margin: 0 0 0 15px;
text-align: left;
}
.iziToast > .iziToast-body:after {
content: "";
display: table;
clear: both;
}
.iziToast > .iziToast-body .iziToast-texts {
margin: 10px 0 0;
padding-right: 2px;
display: inline-block;
float: left;
}
.iziToast > .iziToast-body .iziToast-inputs {
min-height: 19px;
float: left;
margin: 3px -2px;
}
.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]), .iziToast > .iziToast-body .iziToast-inputs > select {
position: relative;
display: inline-block;
margin: 2px;
border-radius: 2px;
border: 0;
padding: 4px 7px;
font-size: 13px;
letter-spacing: 0.02em;
background: rgba(0, 0, 0, 0.1);
color: #000;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
min-height: 26px;
}
.iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]):focus, .iziToast > .iziToast-body .iziToast-inputs > select:focus {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}
.iziToast > .iziToast-body .iziToast-buttons {
min-height: 17px;
float: left;
margin: 4px -2px;
}
.iziToast > .iziToast-body .iziToast-buttons > a, .iziToast > .iziToast-body .iziToast-buttons > button, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]) {
position: relative;
display: inline-block;
margin: 2px;
border-radius: 2px;
border: 0;
padding: 5px 10px;
font-size: 12px;
letter-spacing: 0.02em;
cursor: pointer;
background: rgba(0, 0, 0, 0.1);
color: #000;
}
.iziToast > .iziToast-body .iziToast-buttons > a:hover, .iziToast > .iziToast-body .iziToast-buttons > button:hover, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):hover {
background: rgba(0, 0, 0, 0.2);
}
.iziToast > .iziToast-body .iziToast-buttons > a:focus, .iziToast > .iziToast-body .iziToast-buttons > button:focus, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):focus {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}
.iziToast > .iziToast-body .iziToast-buttons > a:active, .iziToast > .iziToast-body .iziToast-buttons > button:active, .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):active {
top: 1px;
}
.iziToast > .iziToast-body .iziToast-icon {
height: 100%;
position: absolute;
left: 0;
top: 50%;
display: table;
font-size: 23px;
line-height: 24px;
margin-top: -12px;
color: #000;
}
.iziToast > .iziToast-body .iziToast-icon.ico-info {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;
background-size: 85%;
width: 24px;
height: 24px;
}
.iziToast > .iziToast-body .iziToast-icon.ico-warning {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==) no-repeat 50% 50%;
background-size: 85%;
width: 24px;
height: 24px;
}
.iziToast > .iziToast-body .iziToast-icon.ico-error {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 80%;
width: 24px;
height: 24px;
}
.iziToast > .iziToast-body .iziToast-icon.ico-success {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
background-size: 85%;
width: 24px;
height: 24px;
}
.iziToast > .iziToast-body .iziToast-icon.ico-question {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 85%;
width: 24px;
height: 24px;
}
.iziToast > .iziToast-body .iziToast-message, .iziToast > .iziToast-body .iziToast-title {
padding: 0;
font-size: 14px;
line-height: 16px;
text-align: left;
float: left;
white-space: normal;
}
.iziToast > .iziToast-body .iziToast-title {
color: #000;
margin: 0;
}
.iziToast > .iziToast-body .iziToast-message {
margin: 0 0 10px;
color: rgba(0, 0, 0, 0.6);
}
.iziToast.iziToast-animateInside .iziToast-buttons-child, .iziToast.iziToast-animateInside .iziToast-icon, .iziToast.iziToast-animateInside .iziToast-inputs-child, .iziToast.iziToast-animateInside .iziToast-message, .iziToast.iziToast-animateInside .iziToast-title {
opacity: 0;
}
.iziToast-target {
position: relative;
width: 100%;
margin: 0 auto;
}
.iziToast-target .iziToast-capsule {
overflow: hidden;
}
.iziToast-target .iziToast-capsule:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.iziToast-target .iziToast-capsule .iziToast {
width: 100%;
float: left;
}
.iziToast-wrapper {
z-index: 2147483602;
position: fixed;
width: 100%;
pointer-events: none;
display: flex;
flex-direction: column;
}
.iziToast-wrapper .iziToast.iziToast-balloon:before {
border-right: 0 solid transparent;
border-left: 15px solid transparent;
border-top: 10px solid #000;
border-top-color: inherit;
right: 8px;
left: auto;
}
.iziToast-wrapper-bottomLeft {
left: 0;
bottom: 0;
text-align: left;
}
.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before, .iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
border-right: 15px solid transparent;
border-left: 0 solid transparent;
right: auto;
left: 8px;
}
.iziToast-wrapper-bottomRight {
right: 0;
bottom: 0;
text-align: right;
}
.iziToast-wrapper-topLeft {
left: 0;
top: 0;
text-align: left;
}
.iziToast-wrapper-topRight {
top: 0;
right: 0;
text-align: right;
}
.iziToast-wrapper-topCenter {
top: 0;
left: 0;
right: 0;
text-align: center;
}
.iziToast-wrapper-bottomCenter, .iziToast-wrapper-center {
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.iziToast-wrapper-center {
top: 0;
justify-content: center;
flex-flow: column;
align-items: center;
}
.iziToast-rtl {
direction: rtl;
padding: 8px 0 9px 45px;
font-family: Tahoma, "Lato", Arial;
}
.iziToast-rtl .iziToast-cover {
left: auto;
right: 0;
}
.iziToast-rtl .iziToast-close {
right: auto;
left: 0;
}
.iziToast-rtl .iziToast-body {
padding: 0 10px 0 0;
margin: 0 16px 0 0;
text-align: right;
}
.iziToast-rtl .iziToast-body .iziToast-buttons, .iziToast-rtl .iziToast-body .iziToast-inputs, .iziToast-rtl .iziToast-body .iziToast-message, .iziToast-rtl .iziToast-body .iziToast-texts, .iziToast-rtl .iziToast-body .iziToast-title {
float: right;
text-align: right;
}
.iziToast-rtl .iziToast-body .iziToast-icon {
left: auto;
right: 0;
}
@media only screen and (min-width: 568px) {
.iziToast-wrapper {
padding: 10px 15px;
}
.iziToast-cover {
border-radius: 3px 0 0 3px;
}
.iziToast {
margin: 5px 0;
border-radius: 3px;
width: auto;
}
.iziToast:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 3px;
}
.iziToast.iziToast-balloon .iziToast-progressbar {
background: 0 0;
}
}
.iziToast.iziToast-theme-dark {
background: #565c70;
border-color: #565c70;
}
.iziToast.iziToast-theme-dark .iziToast-title {
color: #fff;
}
.iziToast.iziToast-theme-dark .iziToast-message {
color: rgba(255, 255, 255, 0.7);
font-weight: 300;
}
.iziToast.iziToast-theme-dark .iziToast-close {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 8px;
}
.iziToast.iziToast-theme-dark .iziToast-icon {
color: #fff;
}
.iziToast.iziToast-theme-dark .iziToast-icon.ico-info {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) no-repeat 50% 50%;
background-size: 85%;
}
.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
background-size: 85%;
}
.iziToast.iziToast-theme-dark .iziToast-icon.ico-error {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 80%;
}
.iziToast.iziToast-theme-dark .iziToast-icon.ico-success {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) no-repeat 50% 50%;
background-size: 85%;
}
.iziToast.iziToast-theme-dark .iziToast-icon.ico-question {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 85%;
}
.iziToast.iziToast-theme-dark .iziToast-buttons > a, .iziToast.iziToast-theme-dark .iziToast-buttons > button, .iziToast.iziToast-theme-dark .iziToast-buttons > input {
color: #fff;
background: rgba(255, 255, 255, 0.1);
}
.iziToast.iziToast-theme-dark .iziToast-buttons > a:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > button:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > input:hover {
background: rgba(255, 255, 255, 0.2);
}
.iziToast.iziToast-theme-dark .iziToast-buttons > a:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > button:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > input:focus {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
}
.iziToast.iziToast-color-red {
background: rgba(255, 175, 180, 0.9);
border-color: rgba(255, 175, 180, 0.9);
}
.iziToast.iziToast-color-orange {
background: rgba(255, 207, 165, 0.9);
border-color: rgba(255, 207, 165, 0.9);
}
.iziToast.iziToast-color-yellow {
background: rgba(255, 249, 178, 0.9);
border-color: rgba(255, 249, 178, 0.9);
}
.iziToast.iziToast-color-blue {
background: rgba(157, 222, 255, 0.9);
border-color: rgba(157, 222, 255, 0.9);
}
.iziToast.iziToast-color-green {
background: rgba(166, 239, 184, 0.9);
border-color: rgba(166, 239, 184, 0.9);
}
.iziToast.iziToast-layout2 .iziToast-body .iziToast-message, .iziToast.iziToast-layout2 .iziToast-body .iziToast-texts {
width: 100%;
}
.iziToast.iziToast-layout3 {
border-radius: 2px;
}
.iziToast.iziToast-layout3::after {
display: none;
}
.iziToast .revealIn, .iziToast.revealIn {
-webkit-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
-moz-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
}
.iziToast .slideIn, .iziToast.slideIn {
-webkit-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
-moz-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
}
.iziToast.bounceInLeft {
-webkit-animation: iziT-bounceInLeft 0.7s ease-in-out both;
animation: iziT-bounceInLeft 0.7s ease-in-out both;
}
.iziToast.bounceInRight {
-webkit-animation: iziT-bounceInRight 0.85s ease-in-out both;
animation: iziT-bounceInRight 0.85s ease-in-out both;
}
.iziToast.bounceInDown {
-webkit-animation: iziT-bounceInDown 0.7s ease-in-out both;
animation: iziT-bounceInDown 0.7s ease-in-out both;
}
.iziToast.bounceInUp {
-webkit-animation: iziT-bounceInUp 0.7s ease-in-out both;
animation: iziT-bounceInUp 0.7s ease-in-out both;
}
.iziToast .fadeIn, .iziToast.fadeIn {
-webkit-animation: iziT-fadeIn 0.5s ease both;
animation: iziT-fadeIn 0.5s ease both;
}
.iziToast.fadeInUp {
-webkit-animation: iziT-fadeInUp 0.7s ease both;
animation: iziT-fadeInUp 0.7s ease both;
}
.iziToast.fadeInDown {
-webkit-animation: iziT-fadeInDown 0.7s ease both;
animation: iziT-fadeInDown 0.7s ease both;
}
.iziToast.fadeInLeft {
-webkit-animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
.iziToast.fadeInRight {
-webkit-animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
.iziToast.flipInX {
-webkit-animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
}
.iziToast.fadeOut {
-webkit-animation: iziT-fadeOut 0.7s ease both;
animation: iziT-fadeOut 0.7s ease both;
}
.iziToast.fadeOutDown {
-webkit-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}
.iziToast.fadeOutUp {
-webkit-animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}
.iziToast.fadeOutLeft {
-webkit-animation: iziT-fadeOutLeft 0.5s ease both;
animation: iziT-fadeOutLeft 0.5s ease both;
}
.iziToast.fadeOutRight {
-webkit-animation: iziT-fadeOutRight 0.5s ease both;
animation: iziT-fadeOutRight 0.5s ease both;
}
.iziToast.flipOutX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}
.iziToast-overlay.fadeIn {
-webkit-animation: iziT-fadeIn 0.5s ease both;
animation: iziT-fadeIn 0.5s ease both;
}
.iziToast-overlay.fadeOut {
-webkit-animation: iziT-fadeOut 0.7s ease both;
animation: iziT-fadeOut 0.7s ease both;
}
@-webkit-keyframes iziT-revealIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 1);
}
to {
opacity: 1;
}
}
@-moz-keyframes iziT-revealIn {
0% {
opacity: 0;
-moz-transform: scale3d(0.3, 0.3, 1);
}
to {
opacity: 1;
}
}
@-webkit-keyframes iziT-slideIn {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes iziT-slideIn {
0% {
opacity: 0;
-moz-transform: translateX(50px);
}
to {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-webkit-keyframes iziT-bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(280px);
}
50% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
70% {
-webkit-transform: translateX(10px);
}
to {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes iziT-bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(-280px);
}
50% {
opacity: 1;
-webkit-transform: translateX(20px);
}
70% {
-webkit-transform: translateX(-10px);
}
to {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes iziT-bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
50% {
opacity: 1;
-webkit-transform: translateY(10px);
}
70% {
-webkit-transform: translateY(-5px);
}
to {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes iziT-bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
}
50% {
opacity: 1;
-webkit-transform: translateY(-10px);
}
70% {
-webkit-transform: translateY(5px);
}
to {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes iziT-fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes iziT-fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes iziT-fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes iziT-fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes iziT-fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes iziT-flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes iziT-fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes iziT-fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes iziT-fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes iziT-fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
}
}
@-webkit-keyframes iziT-fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
}
@-webkit-keyframes iziT-flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@-moz-keyframes iziT-revealIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 1);
}
to {
opacity: 1;
}
}
@-webkit-keyframes iziT-revealIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 1);
}
to {
opacity: 1;
}
}
@-o-keyframes iziT-revealIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 1);
}
to {
opacity: 1;
}
}
@keyframes iziT-revealIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 1);
}
to {
opacity: 1;
}
}
@-moz-keyframes iziT-slideIn {
0% {
opacity: 0;
transform: translateX(50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes iziT-slideIn {
0% {
opacity: 0;
transform: translateX(50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@-o-keyframes iziT-slideIn {
0% {
opacity: 0;
transform: translateX(50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes iziT-slideIn {
0% {
opacity: 0;
transform: translateX(50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@-moz-keyframes iziT-bounceInLeft {
0% {
opacity: 0;
transform: translateX(280px);
}
50% {
opacity: 1;
transform: translateX(-20px);
}
70% {
transform: translateX(10px);
}
to {
transform: translateX(0);
}
}
@-webkit-keyframes iziT-bounceInLeft {
0% {
opacity: 0;
transform: translateX(280px);
}
50% {
opacity: 1;
transform: translateX(-20px);
}
70% {
transform: translateX(10px);
}
to {
transform: translateX(0);
}
}
@-o-keyframes iziT-bounceInLeft {
0% {
opacity: 0;
transform: translateX(280px);
}
50% {
opacity: 1;
transform: translateX(-20px);
}
70% {
transform: translateX(10px);
}
to {
transform: translateX(0);
}
}
@keyframes iziT-bounceInLeft {
0% {
opacity: 0;
transform: translateX(280px);
}
50% {
opacity: 1;
transform: translateX(-20px);
}
70% {
transform: translateX(10px);
}
to {
transform: translateX(0);
}
}
@-moz-keyframes iziT-bounceInRight {
0% {
opacity: 0;
transform: translateX(-280px);
}
50% {
opacity: 1;
transform: translateX(20px);
}
70% {
transform: translateX(-10px);
}
to {
transform: translateX(0);
}
}
@-webkit-keyframes iziT-bounceInRight {
0% {
opacity: 0;
transform: translateX(-280px);
}
50% {
opacity: 1;
transform: translateX(20px);
}
70% {
transform: translateX(-10px);
}
to {
transform: translateX(0);
}
}
@-o-keyframes iziT-bounceInRight {
0% {
opacity: 0;
transform: translateX(-280px);
}
50% {
opacity: 1;
transform: translateX(20px);
}
70% {
transform: translateX(-10px);
}
to {
transform: translateX(0);
}
}
@keyframes iziT-bounceInRight {
0% {
opacity: 0;
transform: translateX(-280px);
}
50% {
opacity: 1;
transform: translateX(20px);
}
70% {
transform: translateX(-10px);
}
to {
transform: translateX(0);
}
}
@-moz-keyframes iziT-bounceInDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
50% {
opacity: 1;
transform: translateY(10px);
}
70% {
transform: translateY(-5px);
}
to {
transform: translateY(0);
}
}
@-webkit-keyframes iziT-bounceInDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
50% {
opacity: 1;
transform: translateY(10px);
}
70% {
transform: translateY(-5px);
}
to {
transform: translateY(0);
}
}
@-o-keyframes iziT-bounceInDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
50% {
opacity: 1;
transform: translateY(10px);
}
70% {
transform: translateY(-5px);
}
to {
transform: translateY(0);
}
}
@keyframes iziT-bounceInDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
50% {
opacity: 1;
transform: translateY(10px);
}
70% {
transform: translateY(-5px);
}
to {
transform: translateY(0);
}
}
@-moz-keyframes iziT-bounceInUp {
0% {
opacity: 0;
transform: translateY(200px);
}
50% {
opacity: 1;
transform: translateY(-10px);
}
70% {
transform: translateY(5px);
}
to {
transform: translateY(0);
}
}
@-webkit-keyframes iziT-bounceInUp {
0% {
opacity: 0;
transform: translateY(200px);
}
50% {
opacity: 1;
transform: translateY(-10px);
}
70% {
transform: translateY(5px);
}
to {
transform: translateY(0);
}
}
@-o-keyframes iziT-bounceInUp {
0% {
opacity: 0;
transform: translateY(200px);
}
50% {
opacity: 1;
transform: translateY(-10px);
}
70% {
transform: translateY(5px);
}
to {
transform: translateY(0);
}
}
@keyframes iziT-bounceInUp {
0% {
opacity: 0;
transform: translateY(200px);
}
50% {
opacity: 1;
transform: translateY(-10px);
}
70% {
transform: translateY(5px);
}
to {
transform: translateY(0);
}
}
@-moz-keyframes iziT-fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes iziT-fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes iziT-fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes iziT-fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes iziT-fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes iziT-fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-o-keyframes iziT-fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes iziT-fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes iziT-fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes iziT-fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-o-keyframes iziT-fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes iziT-fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes iziT-fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes iziT-fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-o-keyframes iziT-fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes iziT-fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes iziT-fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes iziT-fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-o-keyframes iziT-fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes iziT-fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes iziT-flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes iziT-flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-o-keyframes iziT-flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes iziT-flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-moz-keyframes iziT-fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes iziT-fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes iziT-fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes iziT-fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes iziT-fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes iziT-fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-o-keyframes iziT-fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes iziT-fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-moz-keyframes iziT-fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes iziT-fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-o-keyframes iziT-fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes iziT-fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-moz-keyframes iziT-fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
}
}
@-webkit-keyframes iziT-fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
}
}
@-o-keyframes iziT-fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
}
}
@keyframes iziT-fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
}
}
@-moz-keyframes iziT-fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
}
@-webkit-keyframes iziT-fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
}
@-o-keyframes iziT-fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
}
@keyframes iziT-fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
}
@-moz-keyframes iziT-flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes iziT-flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@-o-keyframes iziT-flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes iziT-flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
} .fs-c-photoswipe.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none;
}
.fs-c-photoswipe.pswp * {
box-sizing: border-box;
}
.fs-c-photoswipe.pswp img {
max-width: none;
}
.fs-c-photoswipe.pswp--animate_opacity {
opacity: 0.001;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.fs-c-photoswipe.pswp--open {
display: block;
}
.fs-c-photoswipe.pswp--zoom-allowed .pswp__img {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.fs-c-photoswipe.pswp--zoomed-in .pswp__img {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.fs-c-photoswipe.pswp--dragging .pswp__img {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
.fs-c-photoswipe .pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.fs-c-photoswipe .pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.fs-c-photoswipe .pswp__container,
.fs-c-photoswipe .pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.fs-c-photoswipe .pswp__container,
.fs-c-photoswipe .pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}
.fs-c-photoswipe .pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.fs-c-photoswipe .pswp__bg {
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.fs-c-photoswipe .pswp--animated-in .pswp__bg,
.fs-c-photoswipe .pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.fs-c-photoswipe .pswp__container,
.fs-c-photoswipe .pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.fs-c-photoswipe .pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.fs-c-photoswipe .pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
.fs-c-photoswipe .pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
.fs-c-photoswipe .pswp__img--placeholder--blank {
background: #222;
}
.fs-c-photoswipe .pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
.fs-c-photoswipe .pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.fs-c-photoswipe .pswp__error-msg a {
color: #CCC;
text-decoration: underline;
} .fs-c-photoswipe .pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
transition: opacity 0.2s;
box-shadow: none;
}
.fs-c-photoswipe .pswp__button:focus, .fs-c-photoswipe .pswp__button:hover {
opacity: 1;
}
.fs-c-photoswipe .pswp__button:active {
outline: none;
opacity: 0.9;
}
.fs-c-photoswipe .pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
}
.fs-c-photoswipe .pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.fs-c-photoswipe .pswp__button,
.fs-c-photoswipe .pswp__button--arrow--left:before,
.fs-c-photoswipe .pswp__button--arrow--right:before {
background: url(//test.moneybanca.com/system/images/photoswipe-default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
.fs-c-photoswipe.pswp--svg .pswp__button, .fs-c-photoswipe.pswp--svg .pswp__button--arrow--left:before, .fs-c-photoswipe.pswp--svg .pswp__button--arrow--right:before {
background-image: url(//test.moneybanca.com/system/images/photoswipe-default-skin.svg);
}
.fs-c-photoswipe.pswp--svg .pswp__button--arrow--left, .fs-c-photoswipe.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.fs-c-photoswipe .pswp__button--close {
background-position: 0 -44px;
}
.fs-c-photoswipe .pswp__button--share {
background-position: -44px -44px;
}
.fs-c-photoswipe .pswp__button--fs {
display: none;
}
.fs-c-photoswipe.pswp--supports-fs .pswp__button--fs {
display: block;
}
.fs-c-photoswipe.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.fs-c-photoswipe .pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.fs-c-photoswipe.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.fs-c-photoswipe.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
}
.fs-c-photoswipe.pswp--touch .pswp__button--arrow--left,
.fs-c-photoswipe.pswp--touch .pswp__button--arrow--right {
visibility: visible;
}
.fs-c-photoswipe .pswp__button--arrow--left,
.fs-c-photoswipe .pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.fs-c-photoswipe .pswp__button--arrow--left {
left: 0;
}
.fs-c-photoswipe .pswp__button--arrow--right {
right: 0;
}
.fs-c-photoswipe .pswp__button--arrow--left:before,
.fs-c-photoswipe .pswp__button--arrow--right:before {
content: "";
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.fs-c-photoswipe .pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.fs-c-photoswipe .pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
}
.fs-c-photoswipe .pswp__counter,
.fs-c-photoswipe .pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.fs-c-photoswipe .pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.fs-c-photoswipe .pswp__share-modal--hidden {
display: none;
}
.fs-c-photoswipe .pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
transform: translateY(6px);
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.fs-c-photoswipe .pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.fs-c-photoswipe .pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.fs-c-photoswipe .pswp__share-tooltip a:first-child {
border-radius: 2px 2px 0 0;
}
.fs-c-photoswipe .pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.fs-c-photoswipe .pswp__share-modal--fade-in {
opacity: 1;
}
.fs-c-photoswipe .pswp__share-modal--fade-in .pswp__share-tooltip {
transform: translateY(0);
}
.fs-c-photoswipe.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
.fs-c-photoswipe a.pswp__share--facebook:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
.fs-c-photoswipe a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF;
}
.fs-c-photoswipe a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
.fs-c-photoswipe a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF;
}
.fs-c-photoswipe a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D;
}
.fs-c-photoswipe a.pswp__share--download:hover {
background: #DDD;
}
.fs-c-photoswipe .pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px;
}
.fs-c-photoswipe .pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.fs-c-photoswipe .pswp__caption small {
font-size: 11px;
color: #BBB;
}
.fs-c-photoswipe .pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC;
}
.fs-c-photoswipe .pswp__caption--empty {
display: none;
}
.fs-c-photoswipe .pswp__caption--fake {
visibility: hidden;
}
.fs-c-photoswipe .pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.fs-c-photoswipe .pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.fs-c-photoswipe .pswp__preloader--active {
opacity: 1;
}
.fs-c-photoswipe .pswp__preloader--active .pswp__preloader__icn {
background: url(//test.moneybanca.com/item/src/loading.svg) 0 0 no-repeat;
}
.fs-c-photoswipe.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.fs-c-photoswipe.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
animation: clockwise 500ms linear infinite;
}
.fs-c-photoswipe.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.fs-c-photoswipe.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.fs-c-photoswipe.pswp--css_animation .pswp__preloader__cut {
position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.fs-c-photoswipe.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.fs-c-photoswipe .pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@keyframes clockwise {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes donut-rotate {
0% {
transform: rotate(0);
}
50% {
transform: rotate(-140deg);
}
100% {
transform: rotate(0);
}
}
.fs-c-photoswipe .pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
}
.fs-c-photoswipe .pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.fs-c-photoswipe .pswp__caption,
.fs-c-photoswipe .pswp__top-bar, .fs-c-photoswipe.pswp--has_mouse .pswp__button--arrow--left, .fs-c-photoswipe.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.fs-c-photoswipe.pswp--has_mouse .pswp__button--arrow--left,
.fs-c-photoswipe.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.fs-c-photoswipe .pswp__top-bar,
.fs-c-photoswipe .pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
}
.fs-c-photoswipe .pswp__ui--fit .pswp__top-bar,
.fs-c-photoswipe .pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
}
.fs-c-photoswipe .pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.fs-c-photoswipe .pswp__ui--idle .pswp__button--arrow--left,
.fs-c-photoswipe .pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
}
.fs-c-photoswipe .pswp__ui--hidden .pswp__top-bar,
.fs-c-photoswipe .pswp__ui--hidden .pswp__caption,
.fs-c-photoswipe .pswp__ui--hidden .pswp__button--arrow--left,
.fs-c-photoswipe .pswp__ui--hidden .pswp__button--arrow--right {
opacity: 0.001;
}
.fs-c-photoswipe .pswp__ui--one-slide .pswp__button--arrow--left,
.fs-c-photoswipe .pswp__ui--one-slide .pswp__button--arrow--right,
.fs-c-photoswipe .pswp__ui--one-slide .pswp__counter {
display: none;
}
.fs-c-photoswipe .pswp__element--disabled {
display: none !important;
}
.fs-c-photoswipe.pswp--minimal--dark .pswp__top-bar {
background: none;
}
.fs-c-slick.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.fs-c-slick.slick-slider .slick-track,
.fs-c-slick.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fs-c-slick .slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.fs-c-slick .slick-list:focus {
outline: none;
}
.fs-c-slick .slick-list.dragging {
cursor: pointer;
}
.fs-c-slick .slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.fs-c-slick .slick-track:before, .fs-c-slick .slick-track:after {
content: "";
display: table;
}
.fs-c-slick .slick-track:after {
clear: both;
}
.slick-loading .fs-c-slick .slick-track {
visibility: hidden;
}
.fs-c-slick .slick-slide {
float: left;
height: 100%;
min-height: 1px;
}
.fs-c-slick [dir=rtl] .slick-slide {
float: right;
}
.fs-c-slick .slick-slide img {
display: block;
}
.fs-c-slick .slick-slide.slick-loading img {
display: none;
}
.fs-c-slick .slick-slide.dragging img {
pointer-events: none;
}
.fs-c-slick.slick-initialized .slick-slide {
display: block;
}
.fs-c-slick .slick-loading .slick-slide {
visibility: hidden;
}
.fs-c-slick .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.fs-c-slick .slick-arrow.slick-hidden {
display: none;
}
.fs-c-slick.slick-slider {
position: relative;
z-index: 0;
}
.fs-c-slick.slick-slider a {
display: block;
}
.fs-c-slick .slick-loading .slick-list {
background: #fff url(//test.moneybanca.com/system/images/loading.svg) center center no-repeat;
}
.fs-c-slick .slick-prev,
.fs-c-slick .slick-next {
position: absolute;
z-index: 9999;
display: block;
height: 40px;
width: 40px;
line-height: 0px;
font-size: 0px;
background: rgba(30, 30, 30, 0.3);
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.fs-c-slick .slick-prev:hover, .fs-c-slick .slick-prev:focus,
.fs-c-slick .slick-next:hover,
.fs-c-slick .slick-next:focus {
outline: none;
color: transparent;
}
.fs-c-slick .slick-prev:hover:before, .fs-c-slick .slick-prev:focus:before,
.fs-c-slick .slick-next:hover:before,
.fs-c-slick .slick-next:focus:before {
opacity: 1;
}
.fs-c-slick .slick-prev.slick-disabled:before,
.fs-c-slick .slick-next.slick-disabled:before {
opacity: 0.25;
}
.fs-c-slick .slick-prev:before,
.fs-c-slick .slick-next:before {
cursor: pointer;
font-family: "fs-icon";
color: white;
font-size: 40px;
line-height: 1;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fs-c-slick .slick-prev {
left: 4px;
}
[dir=rtl] .fs-c-slick .slick-prev {
left: auto;
right: 4px;
}
.fs-c-slick .slick-prev:before {
content: "\e90b";
}
[dir=rtl] .fs-c-slick .slick-prev:before {
content: "\e90c";
}
.fs-c-slick .slick-next {
right: 4px;
}
[dir=rtl] .fs-c-slick .slick-next {
left: 4px;
right: auto;
}
.fs-c-slick .slick-next:before {
content: "\e90c";
}
[dir=rtl] .fs-c-slick .slick-next:before {
content: "\e90b";
}
.fs-c-slick .slick-dots {
line-height: 1;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 4px;
margin: 0;
}
.fs-c-slick .slick-dots li {
position: relative;
display: inline-block;
height: 8px;
width: 8px;
margin: 3px;
padding: 0;
cursor: pointer;
}
.fs-c-slick .slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 8px;
width: 8px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.fs-c-slick .slick-dots li button:hover, .fs-c-slick .slick-dots li button:focus {
outline: none;
}
.fs-c-slick .slick-dots li button:hover:before, .fs-c-slick .slick-dots li button:focus:before {
opacity: 1;
}
.fs-c-slick .slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "●";
width: 8px;
height: 8px;
font-family: "fs-icon";
font-size: 6px;
line-height: 8px;
text-align: center;
color: #aaa;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fs-c-slick .slick-dots li.slick-active button:before {
color: #aaa;
opacity: 0.75;
}

:root {
--fs-color-maincolor: #646464;
--fs-color-maincolor__font: #ffffff;
--fs-color-subcolor1: #7c8790;
--fs-color-subcolor1__font: #ffffff;
--fs-color-subcolor2: #f7f7f7;
--fs-color-subcolor2__font: #3c3c3c;
--fs-color-font--main: #3c3c3c;
--fs-color-font--link: #3572b0;
--fs-color-font--link--visited: #728496;
--fs-color-font--link--hover: #3790e8;
--fs-color-font--link--active: #3381ce;
--fs-color-font--pageHeading: #7c8790;
--fs-color-font--productName: #3c3c3c;
--fs-color-font--productPrice: #006db8;
--fs-color-page__background: #ffffff;
--fs-color-button--primary: #444444;
--fs-color-button--primary__border: #444444;
--fs-color-button--primary__font: #ffffff;
--fs-size-button--primary__radius: 0px;
--fs-color-button--secondary: #667895;
--fs-color-button--secondary__border: #667895;
--fs-color-button--secondary__font: #ffffff;
--fs-size-button--secondary__radius: 0px;
--fs-color-button--particular: #f7f7f7;
--fs-color-button--particular__border: #bbbbbb;
--fs-color-button--particular__font: #3c3c3c;
--fs-size-button--particular__radius: 3px;
--fs-color-button--standard: #ebebeb;
--fs-color-button--standard__border: #bbbbbb;
--fs-color-button--standard__font: #3c3c3c;
--fs-size-button--standard__radius: 0px;
--fs-color-button--plain: transparent;
--fs-color-button--plain__border: transparent;
--fs-color-button--plain__font: #1e5d9b;
--fs-size-button--plain__radius: 0px;
}
* {
box-sizing: border-box;
}
select {
appearance: none;
vertical-align: middle;
}
input,
textarea,
select {
background-color: #ffffff;
color: #333333;
}
[type=hidden],
[type=text],
[type=search],
[type=tel],
[type=url],
[type=email],
[type=password],
[type=datetime],
[type=date],
[type=month],
[type=week],
[type=time],
[type=datetime-local],
[type=number],
select,
textarea {
border: 1px solid #cccccc;
border-radius: 3px;
padding: 3px 5px;
}
[type=hidden]:focus,
[type=text]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=url]:focus,
[type=email]:focus,
[type=password]:focus,
[type=datetime]:focus,
[type=date]:focus,
[type=month]:focus,
[type=week]:focus,
[type=time]:focus,
[type=datetime-local]:focus,
[type=number]:focus,
select:focus,
textarea:focus {
border-color: #4CAAC0;
box-shadow: inset 0 0 1px #4CAAC0;
outline: none;
}
[type=hidden].is-error,
[type=text].is-error,
[type=search].is-error,
[type=tel].is-error,
[type=url].is-error,
[type=email].is-error,
[type=password].is-error,
[type=datetime].is-error,
[type=date].is-error,
[type=month].is-error,
[type=week].is-error,
[type=time].is-error,
[type=datetime-local].is-error,
[type=number].is-error,
select.is-error,
textarea.is-error {
border-color: #da4453;
background-color: #fcf5c2;
}
@media screen and (max-width: 768px) {
_::-webkit-full-page-media, _:future, :root [type=hidden],
[type=text],
[type=search],
[type=tel],
[type=url],
[type=email],
[type=password],
[type=datetime],
[type=date],
[type=month],
[type=week],
[type=time],
[type=datetime-local],
[type=number],
select,
textarea {
font-size: 1.7rem;
}
}
select[multiple] > option {
border: none;
}
button:focus {
outline: none;
}
html {
font-size: 62.5%;
}
body {
background: #ffffff;
color: #3c3c3c;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
font-size: 1.4rem;
font-weight: 300;
line-height: 1.5;
word-wrap: break-word;
overflow-wrap: break-word;
}
main {
display: block;
}
h1, h2, h3, h4, h5 {
font-weight: 500;
line-height: 1.2;
}
p {
margin: 1rem 0;
}
a {
color: #3572b0;
text-decoration: none;
}
a:visited {
color: #728496;
}
a:hover {
color: #3790e8;
text-decoration: underline;
}
a:active {
color: #3381ce;
}
fieldset {
border: none;
}
:focus {
outline: none;
}
.fs-c-accountService {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-accountService > li {
box-sizing: border-box;
}
@media screen and (min-width: 600px) {
.fs-c-accountService {
justify-content: flex-start;
margin-left: -8px;
}
}
.fs-c-accountService__page {
flex-basis: 128px;
display: flex;
align-items: stretch;
height: 128px;
margin: 8px 0;
}
@media screen and (min-width: 600px) {
.fs-c-accountService__page {
margin: 8px;
}
}
.fs-c-accountService__page--membershipCard {
flex-basis: 100%;
}
@media screen and (min-width: 600px) {
.fs-c-accountService__page--membershipCard {
flex-basis: 128px;
}
}
.fs-c-accountService__page--couponList {
flex-basis: 100%;
}
@media screen and (min-width: 600px) {
.fs-c-accountService__page--couponList {
flex-basis: 272px;
}
}
.fs-c-accountService__page--storeOrderHistoryList {
display: none;
}
.fs-c-accountService__page--accountDelete {
align-items: flex-start;
flex-basis: 100%;
}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink {
box-shadow: 0 0 2px #b2b2b2;
background: #f7f7f7;
border: 1px solid #e5e5e5;
border-radius: 3px;
color: #3c3c3c;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;
width: 100%;
}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label {
flex-grow: 1;
font-size: 1.2rem;
}
.fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
color: #7c8790;
font-size: 48px;
line-height: 1.2;
margin: 8px auto 0;
width: 64px;
height: 64px;
}
.fs-c-accountService__page--membershipCard .fs-c-accountService__pageLink__label::before {
content: "\e93a";
}
.fs-c-accountService__page--couponList .fs-c-accountService__pageLink__label::before {
content: "\e900";
}
.fs-c-accountService__page--wishList .fs-c-accountService__pageLink__label::before {
content: "\e901";
}
.fs-c-accountService__page--orderHistoryList .fs-c-accountService__pageLink__label::before {
content: "\e902";
}
.fs-c-accountService__page--storeOrderHistoryList .fs-c-accountService__pageLink__label::before {
content: "\e93b";
}
.fs-c-accountService__page--subscriptionHistoryList .fs-c-accountService__pageLink__label::before {
content: "\e93e";
}
.fs-c-accountService__page--pointHistory .fs-c-accountService__pageLink__label::before {
content: "\e903";
}
.fs-c-accountService__page--accountReviews .fs-c-accountService__pageLink__label::before {
content: "\e904";
}
.fs-c-accountService__page--accountCard .fs-c-accountService__pageLink__label::before {
content: "\e905";
}
.fs-c-accountService__page--addressbook .fs-c-accountService__pageLink__label::before {
content: "\e906";
}
.fs-c-accountService__page--lineIdLink .fs-c-accountService__pageLink__label::before {
content: "\e907";
}
.fs-c-accountService__page--accountPassword .fs-c-accountService__pageLink__label::before {
content: "\e908";
}
.fs-c-accountService__page--accountSettingsModify .fs-c-accountService__pageLink__label::before {
content: "\e909";
}
.fs-c-accountService__page--membershipMerge .fs-c-accountService__pageLink__label::before {
content: "\e93c";
}
.fs-c-accountService__page--linkedAccounts .fs-c-accountService__pageLink__label::before {
content: "\e93f";
}
.fs-c-additionalCheckField + fieldset:not(.fs-c-additionalCheckField), fieldset:not(.fs-c-additionalCheckField) + .fs-c-additionalCheckField {
margin-top: 32px;
}
.fs-c-addressbookComment {
text-align: center;
}
@media screen and (min-width: 600px) {
.fs-c-addressbookComment {
text-align: left;
}
}
.fs-c-addressBookRegistrationNumber {
display: flex;
justify-content: center;
font-weight: bold;
}
@media screen and (min-width: 600px) {
.fs-c-addressBookRegistrationNumber {
justify-content: flex-start;
}
}
@media screen and (min-width: 600px) {
.fs-c-addressBookList__form {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
align-items: baseline;
}
}
.fs-c-addressBookList__addButton {
grid-column: 1;
grid-row: 1;
}
.fs-c-addressBookList__count {
grid-column: 2;
grid-row: 1;
text-align: right;
}
.fs-c-addressBookList__list {
grid-column: 1/3;
grid-row: 2;
}
.fs-c-addresseeList__name, .fs-c-addresseeList__address {
font-weight: bold;
}
.fs-c-addresseeList > dd {
margin: 0 0 8px;
}
@media screen and (min-width: 768px) {
.fs-c-addresseeList {
display: grid;
grid-template-columns: auto 1fr;
grid-auto-rows: auto;
grid-auto-flow: row;
grid-gap: 8px 8px;
}
.fs-c-addresseeList .fs-c-address {
display: flex;
flex-wrap: wrap;
}
.fs-c-addresseeList .fs-c-address > *:not(:last-child) {
margin-right: 8px;
}
}
.fs-c-aggregateRating {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.fs-c-aggregateRating__rating {
display: flex;
align-items: center;
flex: 0 1 10em;
flex-wrap: wrap;
font-size: 1.8rem;
line-height: 1;
}
.fs-c-aggregateRating__rating::before {
content: "この商品の平均評価";
flex: 1 0 100%;
font-size: 1rem;
}
.fs-c-aggregateRating__count {
flex-grow: 1;
font-size: 1.4rem;
}
.fs-c-aggregateRating__message {
flex-basis: 100%;
background: #f7f7f7;
padding: 8px;
text-align: center;
}
.fs-c-productReviewed + .fs-c-aggregateRating {
max-width: 600px;
margin: 24px auto;
}
* + .fs-c-anotherLogin {
margin-top: 24px;
}
.fs-c-linkedServiceLogin .fs-c-anotherLogin {
margin: 0;
}
.fs-c-anotherLogin__message {
text-align: left;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.fs-c-anotherLogin__button:not([class*="--amazon"]) {
padding: 0;
}
.fs-c-anotherLogin__button--amazon {
margin: 0 auto;
}
.fs-c-linkService__button .fs-c-anotherLogin__button--google [aria-labelledby=button-label], .fs-c-cartPayment .fs-c-anotherLogin__button--google [aria-labelledby=button-label] {
max-width: 100% !important;
}
.fs-c-agreementConfirmation__message {
background: rgba(126, 126, 126, 0.08);
padding: 8px;
}
.fs-c-assist {
margin: 0 0 4px;
padding: 4px 0;
border-radius: 3px;
}
.fs-c-assist.is-error {
color: #da4453;
}
.fs-c-blackmarketPasswordField {
width: 12em;
margin: 0 auto;
}
.fs-c-breadcrumb {
font-size: 1.2rem;
}
.fs-c-bundlePreview__item {
border: 1px solid #b2b2b2;
padding: 8px;
}
.fs-c-bundlePreview__item + .fs-c-bundlePreview__item {
margin-top: 8px;
}
.fs-c-bundlePreview__item__title {
background-color: #e5e5e5;
color: #4c4c4c;
margin: -8px -8px 8px;
padding: 8px;
}
.fs-c-bundlePreview__item__total {
background: #f7f7f7;
border: 1px solid #e5e5e5;
border-top: 3px double #e5e5e5;
margin-top: -3px;
padding: 8px;
}
@media screen and (max-width: 600px) {
.fs-c-bundlePreview__item__total {
margin: 0 -8px -8px;
}
}
.fs-c-bundlePreview--cart {
margin-top: 36px;
}
.fs-c-bundlePreview--cart .fs-c-bundlePreview__item__title {
background: none;
color: #3c3c3c;
border-bottom: 1px solid #e5e5e5;
}
.fs-c-bundlePreview .fs-c-cartTable__row:last-child {
border-bottom: none;
}
.fs-c-button--primary {
min-width: 240px;
background: #444444;
border: 1px solid #444444;
border-radius: 0px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 1.4rem;
line-height: 1;
text-decoration: none;
text-align: center;
padding: 0.8em 1.6em 0.6em;
box-shadow: 0 0 2px #b2b2b2;
}
.fs-c-button--primary:hover {
opacity: 0.8;
}
.fs-c-button--primary:hover, .fs-c-button--primary:visited, .fs-c-button--primary:active {
color: #ffffff;
text-decoration: none;
}
.fs-c-button--secondary {
min-width: 240px;
background: #667895;
border: 1px solid #667895;
border-radius: 0px;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 1.4rem;
line-height: 1;
text-decoration: none;
text-align: center;
padding: 0.8em 1.6em 0.6em;
box-shadow: 0 0 2px #b2b2b2;
}
.fs-c-button--secondary:hover {
opacity: 0.8;
}
.fs-c-button--secondary:hover, .fs-c-button--secondary:visited, .fs-c-button--secondary:active {
color: #ffffff;
text-decoration: none;
}
.fs-c-button--particular {
background: #f7f7f7;
border: 1px solid #bbbbbb;
border-radius: 3px;
color: #3c3c3c;
cursor: pointer;
display: flex;
font-size: 1.4rem;
line-height: 1;
text-decoration: none;
text-align: center;
padding: 0.8em 1.6em 0.6em;
box-shadow: 0 0 2px #b2b2b2;
}
.fs-c-button--particular:hover {
opacity: 0.8;
}
.fs-c-button--particular:hover, .fs-c-button--particular:visited, .fs-c-button--particular:active {
color: #3c3c3c;
text-decoration: none;
}
.fs-c-button--standard {
background: #ebebeb;
border: 1px solid #bbbbbb;
border-radius: 0px;
color: #3c3c3c;
cursor: pointer;
display: inline-block;
font-size: 1.2rem;
line-height: 1;
text-decoration: none;
text-align: center;
padding: 0.8em 1.6em 0.6em;
box-shadow: 0 0 2px #b2b2b2;
}
.fs-c-button--standard:hover {
opacity: 0.8;
}
.fs-c-button--standard:hover, .fs-c-button--standard:visited, .fs-c-button--standard:active {
color: #3c3c3c;
text-decoration: none;
}
.fs-c-button--primary.is-disabled,
.fs-c-button--secondary.is-disabled,
.fs-c-button--particular.is-disabled,
.fs-c-button--standard.is-disabled {
background: #f7f7f7;
border-color: transparent;
box-shadow: none;
color: #b2b2b2;
cursor: default;
}
.fs-c-button--primary.is-disabled:hover,
.fs-c-button--secondary.is-disabled:hover,
.fs-c-button--particular.is-disabled:hover,
.fs-c-button--standard.is-disabled:hover {
opacity: 1;
}
.fs-c-button--plain {
background: transparent;
border: 1px solid transparent;
border-radius: 0px;
color: #1e5d9b;
cursor: pointer;
display: inline-block;
text-decoration: none;
padding: 0;
}
.fs-c-button--plain:hover {
color: inherit;
opacity: 0.8;
text-decoration: underline;
}
.fs-c-button--image {
border: none;
padding: 0;
background: none;
}
.fs-c-button--image > img {
display: block;
max-width: 100%;
}
.fs-c-button--primary.fs-c-button--confirmDelete {
min-width: 160px;
}
.fs-c-button--primary.fs-c-button--addToCart--variation {
font-size: 1.2rem;
min-width: 100%;
}
.fs-c-button--secondary.fs-c-button--changeInformation {
min-width: 0;
}
.fs-c-button--secondary.fs-c-button--addToAddressbook, .fs-c-button--secondary.fs-c-button--addReview--guest {
width: 100%;
}
@media screen and (min-width: 600px) {
.fs-c-button--secondary.fs-c-button--addToAddressbook, .fs-c-button--secondary.fs-c-button--addReview--guest {
max-width: 352px;
}
}
.fs-c-button--secondary.fs-c-button--changeMainCreditCard, .fs-c-button--secondary.fs-c-button--searchStoreInventory {
min-width: initial;
}
.fs-c-button--secondary.fs-c-button--searchStoreInventory {
width: 100%;
}
.fs-c-button--secondary.fs-c-button--subscribeToArrivalNotice--variation {
font-size: 1.2rem;
min-width: 100%;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon, .fs-c-button--particular.fs-c-button--removeFromWishList--icon, .fs-c-button--particular.fs-c-button--displayPassword, .fs-c-button--particular.fs-c-button--hidePassword {
background: none;
border: none;
box-shadow: none;
padding: 0;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon .fs-c-button__label, .fs-c-button--particular.fs-c-button--removeFromWishList--icon .fs-c-button__label, .fs-c-button--particular.fs-c-button--displayPassword .fs-c-button__label, .fs-c-button--particular.fs-c-button--hidePassword .fs-c-button__label {
display: none;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon::before, .fs-c-button--particular.fs-c-button--removeFromWishList--icon::before, .fs-c-button--particular.fs-c-button--displayPassword::before, .fs-c-button--particular.fs-c-button--hidePassword::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 2.2rem;
}
.fs-c-button--particular.fs-c-button--addToWishList--icon::before {
content: "\e919";
}
.fs-c-button--particular.fs-c-button--removeFromWishList--icon::before {
content: "\e91a";
color: #C98696;
}
.fs-c-button--particular.fs-c-button--displayPassword::before, .fs-c-button--particular.fs-c-button--hidePassword::before {
color: #999999;
margin: auto 4px;
}
.fs-c-button--particular.fs-c-button--displayPassword::before {
content: "\e917";
}
.fs-c-button--particular.fs-c-button--hidePassword::before {
content: "\e918";
}
.fs-c-button--particular.fs-c-button--addToWishList--detail, .fs-c-button--particular.fs-c-button--removeFromWishList--detail {
align-items: center;
font-size: 1.2rem;
padding: 0.2em 1em;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail::after, .fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.6em;
margin-left: 8px;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail::after {
content: "\e919";
}
.fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
content: "\e91a";
color: #C98696;
}
.fs-c-button--plain::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fs-c-button--plain.fs-c-button--addReview--detail::before {
content: "\e928";
}
.fs-c-button--plain.fs-c-button--viewAllReviews::before {
content: "\e927";
}
.fs-c-button--plain.fs-c-button--addToCart--list::before {
content: "\e91f";
}
.fs-c-button--plain.fs-c-button--subscribeToArrivalNotice--list::before {
content: "\e920";
}
.fs-c-button--plain.fs-c-button--viewProductDetail::before {
content: "\e92b";
}
.fs-c-button--plain.fs-c-button--viewMoreImage .fs-c-button__label {
display: none;
}
.fs-c-button--plain.fs-c-button--viewMoreImage::before {
content: "\e912";
}
.fs-c-button--plain.fs-c-button--viewExtendedImage .fs-c-button__label {
display: none;
}
.fs-c-button--plain.fs-c-button--viewExtendedImage::before {
content: "\e912";
font-size: 2.2rem;
}
.fs-c-button--plain.fs-c-button--changeLocation {
font-size: inherit;
min-height: initial;
min-width: initial;
}
.fs-c-button--confirmOrder--rakutenPay img {
height: auto;
}
.fs-c-button--carousel {
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0s;
border: none;
background: none;
cursor: pointer;
font-size: 4.4rem;
line-height: 1;
min-height: 1em;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.fs-c-button--carousel .fs-c-button__label {
display: none;
}
.fs-c-button--carousel::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fs-c-button--carousel--prev::before {
content: "\e90b";
}
.fs-c-button--carousel--next::before {
content: "\e90c";
}
.fs-c-button--carousel:hover {
opacity: 0.6;
}
.fs-c-buttonContainer {
display: flex;
align-items: center;
justify-content: center;
padding: 8px 0;
}
.fs-c-buttonContainer--pair {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 32px;
}
.fs-c-buttonContainer--pair > *:first-child {
grid-row: 1;
grid-column: 1;
}
.fs-c-buttonContainer--pair > *:last-child {
grid-row: 2;
grid-column: 1;
}
@media screen and (min-width: 768px) {
.fs-c-buttonContainer--pair {
grid-template-columns: 1fr 1fr;
grid-column-gap: 24px;
}
.fs-c-buttonContainer--pair > * {
font-size: 1.4rem;
min-width: 160px;
}
.fs-c-buttonContainer--pair > *:first-child {
grid-row: 1;
grid-column: 2;
justify-self: start;
}
.fs-c-buttonContainer--pair > *:last-child {
grid-row: 1;
grid-column: 1;
justify-self: end;
}
}
.fs-c-buttonContainer--changeSmall, .fs-c-buttonContainer--moveToOrderHistory, .fs-c-buttonContainer--moveToStoreOrders, .fs-c-buttonContainer--resendVerificationCode, .fs-c-buttonContainer--orderCancel, .fs-c-buttonContainer--subscriptionCancelConfirm {
justify-content: flex-end;
}
.fs-c-buttonContainer--addAddressbook {
padding: 8px 0;
}
.fs-c-buttonContainer--addAddressbook, .fs-c-buttonContainer--addReview--detail, .fs-c-buttonContainer--addProductToWishList, .fs-c-buttonContainer--inquiryAboutProduct, .fs-c-buttonContainer--myPageTop, .fs-c-buttonContainer--removeProductFromWishList, .fs-c-buttonContainer--viewAllReviews, .fs-c-buttonContainer--back, .fs-c-buttonContainer--backToRegister, .fs-c-buttonContainer--moveToShoppingCart, .fs-c-buttonContainer--moveToSubscriptionCart, .fs-c-buttonContainer--changeCreditCard {
justify-content: flex-start;
}
.fs-c-buttonContainer--myPageTop, .fs-c-buttonContainer--back, .fs-c-buttonContainer--backToRegister {
margin-top: 32px;
}
.fs-c-buttonContainer--viewStoreList {
margin-top: 24px;
}
.fs-c-buttonContainer--deleteChange {
flex-wrap: nowrap;
flex-direction: row-reverse;
justify-content: space-between;
}
.fs-c-buttonContainer--deleteChange > [class^=fs-c-button] {
font-size: 1.4rem;
min-width: auto;
}
.fs-c-buttonContainer--deleteChange > * + * {
margin: 0 16px 0 0;
}
@media screen and (min-width: 600px) {
.fs-c-buttonContainer--deleteChange {
justify-content: center;
}
}
.fs-c-buttonContainer--lineImportProfile {
margin: 0 auto;
max-width: 600px;
}
.fs-c-buttonContainer--backModerate {
display: flex;
justify-content: flex-start;
}
.fs-c-buttonContainer--inputCreditCardData {
margin-left: auto;
}
.fs-c-linkService__button > .fs-c-buttonContainer {
width: 100%;
padding: 0;
}
.fs-c-linkService__button > .fs-c-buttonContainer [class*=fs-c-button--] {
font-size: 1.4rem;
width: 100%;
height: 100%;
min-width: initial;
}
.fs-c-cancelSubscriptionDetail {
margin-bottom: 16px;
}
.fs-c-cancelSubscriptionDetail__heading {
font-weight: bold;
display: block;
margin-bottom: 4px;
}
.fs-c-cancelSubscriptionDetail__body {
border: 1px solid #b2b2b2;
padding: 8px;
display: flex;
flex-wrap: wrap;
}
.fs-c-cancelSubscriptionDetail__date, .fs-c-cancelSubscriptionDetail__count {
font-weight: bold;
}
.fs-c-cancelSubscriptionDetail__count::before {
content: "（";
}
.fs-c-cancelSubscriptionDetail__count::after {
content: "）";
}
.fs-c-cancelSubscriptionDetail__addon {
flex-basis: 100%;
}
@media screen and (min-width: 600px) {
.fs-c-cartTableContainer {
border: 1px solid #e5e5e5;
border-radius: 3px;
padding: 16px;
}
}
.fs-c-cartTable__headerCell {
background: rgba(126, 126, 126, 0.08);
word-break: keep-all;
}
.fs-c-cartTable__message {
background: #7c8790;
color: #ffffff;
display: inline-block;
font-size: 0.8rem;
margin-bottom: 3px;
padding: 3px 5px 0;
}
.fs-c-cartTable__product {
display: grid;
grid-template-columns: 80px 1fr;
grid-gap: 8px;
}
.fs-c-cartTable__productImage {
grid-column: 1;
}
.fs-c-cartTable__productImage + .fs-c-cartTable__productInfo {
grid-column: 2;
grid-row: 1;
}
.fs-c-cartTable__productInfo {
grid-column: 1/span 2;
grid-row: 1;
}
.fs-c-cartTable__unitPrice {
display: flex;
flex-wrap: wrap;
}
.fs-c-cartTable__actionButton {
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 600px) {
.fs-c-cartTable__actionButton {
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
}
.fs-c-cartTable__actionButton__container {
width: 100%;
}
.fs-c-cartTable__actionButton__container > button {
font-size: 1.2rem;
}
.fs-c-cartTable__actionButton__container + .fs-c-cartTable__actionButton__container {
border: 1px solid #b2b2b2;
border-radius: 0;
border-width: 1px 0 0 0;
margin-top: 8px;
padding-top: 8px;
}
@media screen and (max-width: 600px) {
.fs-c-cartTable__actionButton__container + .fs-c-cartTable__actionButton__container {
border-width: 0 0 0 1px;
margin: 0 0 0 4px;
padding: 0 0 0 8px;
}
}
.fs-c-cartTable__quantity {
max-width: 5em;
}
@media screen and (max-width: 600px) {
.fs-c-cartTable, .fs-c-cartTable > tbody {
display: block;
}
.fs-c-cartTable__row {
border-bottom: 1px solid #b2b2b2;
display: grid;
align-items: center;
grid-template-columns: 1fr 40%;
width: 100%;
}
.fs-c-cartTable__dataCell {
border: none;
display: block;
padding: 4px 0;
}
.fs-c-cartTable__dataCell--product {
grid-column: 1/span 2;
grid-row: 1;
}
.fs-c-cartTable__dataCell--point {
grid-column: 1/3;
grid-row: 4;
}
.fs-c-cartTable__dataCell--quantity {
grid-column: 2/3;
grid-row: 2;
display: flex;
align-items: baseline;
justify-content: flex-end;
}
.fs-c-cartTable__dataCell--action {
grid-column: 1/2;
grid-row: 2;
}
.fs-c-cartTable__dataCell--subtotal, .fs-c-cartTable__dataCell--unitPrice {
grid-column: 1/3;
grid-row: 3;
display: flex;
justify-content: flex-end;
align-items: baseline;
font-size: 1.8rem;
}
.fs-c-cartTable__dataCell--review {
grid-column: 1/3;
grid-row: 5;
}
.fs-c-cartTable__productImage__image {
max-width: 100%;
padding-right: 8px;
}
.fs-c-button--continueShopping {
min-width: 100%;
}
}
.fs-c-cartBundleInfo {
margin: 24px 0;
}
.fs-c-cartBundleInfo__info {
background: rgba(126, 126, 126, 0.08);
padding: 8px 16px 8px;
}
.fs-c-cartBundleInfo__title {
background: #646464;
color: #ffffff;
margin: -8px -16px 0;
padding: 4px 16px;
}
.fs-c-cartBundleInfo__list {
box-sizing: border-box;
list-style: none;
margin: 8px 0;
padding: 0;
}
.fs-c-cartBundleInfo__list > li {
box-sizing: border-box;
}
.fs-c-cartBundleInfo__list > li + li {
margin-top: 8px;
}
.fs-c-cartBundleInfo__list > li > a {
border: 1px solid currentColor;
background: #ffffff;
color: #333333;
display: block;
text-decoration: none;
padding: 4px 8px;
}
.fs-c-cartBundleInfo__list > li > a:hover {
opacity: 0.8;
}
.fs-c-cartBundleInfo__button {
display: flex;
justify-content: flex-end;
margin: 8px 0;
}
.fs-c-cartDiscountInfo {
margin: 24px 0;
}
.fs-c-cartDiscountInfo__title {
display: block;
font-size: 1.8rem;
}
.fs-c-cartDiscountInfo__info {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
font-weight: bold;
}
.fs-c-cartDiscountInfo__note {
font-size: 1.2rem;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-cartDiscountInfo__note > li {
box-sizing: border-box;
}
.fs-c-cartDiscountInfo__note > li {
margin: 4px;
padding: 0 0 0 1em;
text-indent: -1em;
}
.fs-c-cartDiscountInfo__note > li::before {
content: "※";
}
.fs-c-cartOptionTable {
border-collapse: collapse;
font-size: 1.2rem;
}
.fs-c-cartOptionTable__dataCell {
padding: 1.6px 4px;
}
.fs-c-cartOptionTable__unitPriceContainer {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
@media screen and (max-width: 600px) {
.fs-c-cartOptionTable {
border: 1px solid #b2b2b2;
}
.fs-c-cartOptionTable__row + .fs-c-cartOptionTable__row {
border-top: 1px solid #b2b2b2;
}
}
.fs-c-cartPayment, .fs-c-payWithAmazon {
margin-top: 24px;
font-size: 1.2rem;
}
.fs-c-cartPayment p, .fs-c-payWithAmazon p {
margin: 0 0 4px;
}
.fs-c-cartProductSalesPeriod__label::after {
content: ":";
}
.fs-c-changeNextDeliveryField__information__heading, .fs-c-changeDeliveryCycleField__information__heading {
font-weight: bold;
display: block;
margin-bottom: 4px;
}
.fs-c-changeNextDeliveryField__information__date, .fs-c-changeDeliveryCycleField__information__date {
font-size: 1.2rem;
font-weight: bold;
}
.fs-c-checkout-deliveryCycle {
border: 2px solid #f7f7f7;
}
.fs-c-checkout-deliveryCycle p {
margin: 0;
}
.fs-c-checkout-deliveryCycle__title {
background: #f7f7f7;
color: #333333;
}
.fs-c-checkout-deliveryCycle__option__title {
border-bottom: 1px solid currentColor;
font-size: 1.2rem;
}
.fs-c-checkout-deliveryCycle__disabledMessage {
background: #ffffff;
color: #333333;
font-size: 1.2rem;
padding: 8px;
}
.fs-c-checkout-deliveryCycle.is-active {
border: 2px solid #666666;
}
.fs-c-checkout-deliveryCycle.is-active .fs-c-checkout-deliveryCycle__title {
background: #666666;
color: #f7f7f7;
color: #ffffff;
}
.fs-c-checkout-deliveryCycle.is-disabled:not(.is-active) .fs-c-checkout-deliveryCycle__title {
color: #666666;
}
.fs-c-checkout-deliveryCycle__selectCycle > * + * {
margin-top: 4px;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-deliveryCycle__selectCycle {
display: flex;
align-items: center;
}
.fs-c-checkout-deliveryCycle__selectCycle > * {
width: auto;
}
.fs-c-checkout-deliveryCycle__selectCycle > * + * {
margin-left: 4px;
margin-top: 0;
}
}
.fs-c-checkout-deliveryCycle__notice, .fs-c-changeDeliveryCycle__notice {
text-indent: -1em;
font-size: 1.2rem;
box-sizing: border-box;
list-style: none;
margin: 0 0 8px 0;
padding: 0 0 0 1em;
}
.fs-c-checkout-deliveryCycle__notice > li, .fs-c-changeDeliveryCycle__notice > li {
box-sizing: border-box;
}
.fs-c-checkout-deliveryCycle__notice > *::before, .fs-c-changeDeliveryCycle__notice > *::before {
content: "※";
}
.fs-c-changeDeliveryCycle {
border: 2px solid #f7f7f7;
}
.fs-c-changeDeliveryCycle p {
margin: 0;
}
.fs-c-changeDeliveryCycle__title {
background: #f7f7f7;
color: #333333;
}
.fs-c-changeDeliveryCycle__option__title {
border-bottom: 1px solid currentColor;
font-size: 1.2rem;
}
.fs-c-changeDeliveryCycle__disabledMessage {
background: #ffffff;
color: #333333;
font-size: 1.2rem;
padding: 8px;
}
.fs-c-changeDeliveryCycle.is-active {
border: 2px solid #666666;
}
.fs-c-changeDeliveryCycle.is-active .fs-c-changeDeliveryCycle__title {
background: #666666;
color: #f7f7f7;
color: #ffffff;
}
.fs-c-changeDeliveryCycle.is-disabled:not(.is-active) .fs-c-changeDeliveryCycle__title {
color: #666666;
}
.fs-c-changeDeliveryCycleList {
margin-top: 8px;
}
.fs-c-changeDeliveryCycle.is-active {
background-color: rgba(255, 255, 255, 0.5);
}
.fs-c-changeDeliveryCycle__selectCycle > * + * {
margin-top: 4px;
}
@media screen and (min-width: 600px) {
.fs-c-changeDeliveryCycle__selectCycle {
display: flex;
align-items: center;
}
.fs-c-changeDeliveryCycle__selectCycle > * {
width: auto;
}
.fs-c-changeDeliveryCycle__selectCycle > * + * {
margin-left: 4px;
margin-top: 0;
}
}
.fs-c-checkbox__checkMark {
border: 2px solid #999999;
}
.fs-c-checkbox__checkMark::before {
color: #ffffff;
font-size: 1em;
top: -0.05em;
left: -0.05em;
}
.fs-c-checkbox__checkbox:checked + label > .fs-c-checkbox__checkMark {
background: #1f5da0;
border-color: #1f5da0;
}
.fs-c-modal--pickupStoreList .fs-c-checkboxGroup {
flex-direction: row;
flex-wrap: wrap;
}
.fs-c-modal--pickupStoreList .fs-c-checkboxGroup > * {
flex-basis: initial;
margin-top: 8px;
}
.fs-c-checkout-addDestinationButton {
display: flex;
justify-content: center;
margin: 16px 0 40px;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-addDestinationButton {
justify-content: flex-end;
}
}
.fs-c-checkout-addressee {
display: grid;
grid-template-columns: auto 1fr auto;
background: #ffffff;
color: #333333;
padding: 8px;
border: 1px solid #e5e5e5;
}
.fs-c-checkout-addressee.case-favoriteStore {
background-color: #F9F9D6;
}
.fs-c-checkout-addresseeList {
box-sizing: border-box;
list-style: none;
margin: 0 0 20px 0;
padding: 0;
}
.fs-c-checkout-addresseeList > li {
box-sizing: border-box;
}
.fs-c-checkout-addressee + .fs-c-checkout-addressee {
margin-top: 8px;
}
.fs-c-checkout-addressee__check {
width: 24px;
grid-column: 1;
position: relative;
}
.fs-c-checkout-addressee__check .fs-c-checkbox__label {
position: absolute;
top: 0;
bottom: 0;
}
.fs-c-checkout-addressee__data {
grid-column: 2;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
flex-grow: 1;
padding: 8px;
}
.fs-c-checkout-addressee__data__name {
font-size: 1.8rem;
font-weight: bold;
min-width: 144px;
}
.fs-c-checkout-addressee__data__name__home {
font-size: 1.2rem;
}
.fs-c-checkout-addressee__data__name__favoriteStore {
display: inline-block;
font-size: 1.4rem;
}
.fs-c-checkout-addressee__data__name__favoriteStore::before {
content: "(";
}
.fs-c-checkout-addressee__data__name__favoriteStore::after {
content: ")";
}
.fs-c-checkout-addressee__data__address {
flex-grow: 1;
width: 100%;
}
.fs-c-checkout-addressee__data__storeComment {
background: rgba(126, 126, 126, 0.08);
flex-grow: 1;
font-size: 1.2rem;
padding: 8px;
}
.fs-c-checkout-addressee__data__openDescription {
color: #3572b0;
cursor: pointer;
}
.fs-c-checkout-addressee__data__openDescription:hover {
color: #3790e8;
}
.fs-c-checkout-addressee__control {
grid-column: 3;
display: grid;
grid-template-rows: 1fr auto;
grid-row-gap: 8px;
padding: 8px;
align-items: end;
}
@media screen and (min-width: 480px) {
.fs-c-checkout-addressee__control {
display: flex;
flex-direction: row-reverse;
justify-content: flex-start;
align-items: center;
}
.fs-c-checkout-addressee__control :not(:first-child) {
margin-right: 8px;
}
}
.fs-c-checkout-checkoutMethod {
border: 2px solid #f7f7f7;
}
.fs-c-checkout-checkoutMethod p {
margin: 0;
}
.fs-c-checkout-checkoutMethod__title {
background: #f7f7f7;
color: #333333;
}
.fs-c-checkout-checkoutMethod__option__title {
border-bottom: 1px solid currentColor;
font-size: 1.2rem;
}
.fs-c-checkout-checkoutMethod__disabledMessage {
background: #ffffff;
color: #333333;
font-size: 1.2rem;
padding: 8px;
}
.fs-c-checkout-checkoutMethod.is-active {
border: 2px solid #666666;
}
.fs-c-checkout-checkoutMethod.is-active .fs-c-checkout-checkoutMethod__title {
background: #666666;
color: #f7f7f7;
color: #ffffff;
}
.fs-c-checkout-checkoutMethod.is-disabled:not(.is-active) .fs-c-checkout-checkoutMethod__title {
color: #666666;
}
.fs-c-checkout-checkoutMethodList--uncollapsed .fs-c-checkout-checkoutMethod:not(.is-active) {
border: 2px solid #e5e5e5;
}
.fs-c-checkout-checkoutMethodList--uncollapsed .fs-c-checkout-checkoutMethod:not(.is-active) .fs-c-checkout-checkoutMethod__title:not(.is-active) {
background: #e5e5e5;
}
.fs-c-checkout-communicationTextarea {
min-height: 24em;
font-size: 0.8em;
}
.fs-c-checkout-couponList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-couponList > li {
box-sizing: border-box;
}
.fs-c-checkout-couponList__item {
background: #f7f7f7;
color: #333333;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
}
.fs-c-checkout-couponList__item + * {
margin-top: 8px;
}
.fs-c-checkout-couponList__item.is-active {
background: #F9F9D6;
}
.fs-c-checkout-couponList__description {
display: flex;
flex-wrap: wrap;
width: 100%;
flex-direction: column;
}
.fs-c-checkout-couponList__control {
flex-basis: 88px;
}
.fs-c-checkout-couponList__couponName {
font-size: 1.2rem;
}
.fs-c-checkout-couponList__couponDiscount {
color: #e76b34;
}
@media screen and (min-width: 768px) {
.fs-c-checkout-couponList {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: auto;
grid-auto-flow: row;
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: stretch;
}
.fs-c-checkout-couponList__item + * {
margin-top: 0;
}
}
.fs-c-checkout-couponCodeInput {
background: #f7f7f7;
padding: 8px;
}
.fs-c-checkout-couponCodeInput__title {
font-size: 1.2rem;
flex-basis: 100%;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-couponCodeInput__title {
flex-basis: auto;
}
}
.fs-c-checkout-couponCodeInput__input {
flex-basis: 60%;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-couponCodeInput__input {
flex-basis: auto;
}
}
.fs-c-checkout-delivery__method {
background: rgba(126, 126, 126, 0.08);
padding: 8px;
}
.fs-c-checkout-delivery__method__deliveryDateTime {
margin: 8px 0;
}
.fs-c-checkout-delivery__method__deliveryDateTime dd {
white-space: pre-wrap;
}
.fs-c-checkout-delivery__method__title {
font-size: 1.8rem;
margin: 0;
}
.fs-c-checkout-delivery__method__deliveryDateInfo {
margin: 8px 0;
}
.fs-c-checkout-delivery__method__message {
background: #ffffff;
border: 1px solid #e5e5e5;
color: #333333;
margin: 8px 0;
padding: 8px;
}
.fs-c-checkout-delivery__button {
display: flex;
justify-content: flex-end;
}
.fs-c-checkout-deliveryCyclePreview__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 8px 0;
}
.fs-c-checkout-deliveryCyclePreview__list > li {
box-sizing: border-box;
}
.fs-c-checkout-deliveryCyclePreview__list__item {
border: 1px solid #e5e5e5;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-deliveryCyclePreview__list__item {
display: grid;
grid-template-columns: 10em auto;
align-items: stretch;
}
}
.fs-c-checkout-deliveryCyclePreview__list__item > * {
padding: 4px 8px;
}
.fs-c-checkout-deliveryCyclePreview__list__item + .fs-c-checkout-deliveryCyclePreview__list__item {
border-top: none;
}
.fs-c-checkout-deliveryCyclePreview__list__label {
background: rgba(126, 126, 126, 0.08);
display: flex;
align-items: center;
}
.fs-c-checkout-deliveryCyclePreview__list__date {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.fs-c-checkout-deliveryCyclePreview__list__date__date {
margin-right: 8px;
}
.fs-c-checkout-deliveryCyclePreview__button {
justify-content: flex-end;
}
.fs-c-checkout-deliveryInfo:not(.fs-c-checkout-preview) {
margin: 48px 0;
}
.fs-c-checkout-deliveryInfo__footer {
margin-top: 48px;
}
.fs-c-checkout-deliveryInfo__footer [class^=fs-c-button] {
min-width: 320px;
}
.fs-c-checkout-deliveryMethod {
border: 2px solid #f7f7f7;
}
.fs-c-checkout-deliveryMethod p {
margin: 0;
}
.fs-c-checkout-deliveryMethod__title {
background: #f7f7f7;
color: #333333;
}
.fs-c-checkout-deliveryMethod__option__title {
border-bottom: 1px solid currentColor;
font-size: 1.2rem;
}
.fs-c-checkout-deliveryMethod__disabledMessage {
background: #ffffff;
color: #333333;
font-size: 1.2rem;
padding: 8px;
}
.fs-c-checkout-deliveryMethod.is-active {
border: 2px solid #666666;
}
.fs-c-checkout-deliveryMethod.is-active .fs-c-checkout-deliveryMethod__title {
background: #666666;
color: #f7f7f7;
color: #ffffff;
}
.fs-c-checkout-deliveryMethod.is-disabled:not(.is-active) .fs-c-checkout-deliveryMethod__title {
color: #666666;
}
.fs-c-checkout-deliveryMethod__option__setting {
background: rgba(126, 126, 126, 0.08);
padding: 8px;
margin: 8px 0;
}
.fs-c-checkout-deliveryMethod__option__setting dd {
margin-left: 0;
}
.fs-c-checkout-deliveryMethod__option__setting dd + dt {
margin-top: 8px;
}
.fs-c-checkout-deliveryScheduleSetting {
margin: 0;
}
.fs-c-checkout-deliveryScheduleSetting dt {
font-weight: bold;
}
.fs-c-checkout-deliveryScheduleSetting dd {
margin-left: 0;
}
.fs-c-checkout-deliveryScheduleSetting dd + dt {
margin-top: 8px;
}
.fs-c-checkout-heading {
background-color: #7c8790;
color: #ffffff;
font-size: 1.4rem;
padding: 4px;
text-align: center;
margin: 0;
}
.fs-c-checkout-heading-lv2 {
margin: 0;
border-left: 2px solid #999999;
padding-left: 8px;
}
.fs-c-checkout-loginGuidance {
border: 1px solid #e5e5e5;
border-radius: 3px;
padding: 8px;
margin: 8px 0;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-loginGuidance {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
}
.fs-c-checkout-loginGuidance__message, .fs-c-checkout-loginGuidance__button {
align-self: center;
}
.fs-c-checkout-loginGuidance__message {
grid-column: 1;
grid-row: 1;
margin-right: 24px;
}
.fs-c-checkout-loginGuidance__button {
grid-column: 2;
grid-row: 1;
}
}
.fs-c-checkout-loginGuidance:last-of-type {
margin-bottom: 24px;
}
.fs-c-checkout-loginGuidance .fs-c-button--standard {
min-width: 16em;
}
.fs-c-checkout-loginGuidance--unregisteredUser {
background: #f7f7f7;
}
.fs-c-checkout-multiAddress__button {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 8px;
margin: 24px 0;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-multiAddress__button {
display: flex;
justify-content: flex-end;
margin: 24px 0;
}
.fs-c-checkout-multiAddress__button :not(:first-child) {
margin-left: 8px;
}
}
.fs-c-checkout-multiDestination > * + * {
margin-top: 16px;
}
.fs-c-checkout-multiDestination__title {
background: #7c8790;
color: #ffffff;
font-size: 1.4rem;
padding: 4px;
text-align: center;
}
.fs-c-checkout-multiDestination__subtitle {
border-left: 2px solid #999999;
font-size: 1.2rem;
font-weight: bold;
line-height: 1;
padding-left: 8px;
}
.fs-c-checkout-multiDestination__product, .fs-c-checkout-multiDestination__productQuantity {
background: #f7f7f7;
}
.fs-c-checkout-multiDestination__productName {
flex-grow: 1;
}
.fs-c-checkout-multiDestination__productQuantity__quantity {
padding: 0 8px;
text-align: right;
display: block;
width: 3em;
margin: auto;
}
.fs-c-checkout-multiDestination__wrapping__body {
border: 1px solid #e5e5e5;
border-width: 1px 0;
padding: 8px 0;
}
.fs-c-checkout-multiDestination__control {
display: flex;
justify-content: end;
align-items: center;
gap: 8px;
}
.fs-c-checkout-multiDestination__button {
flex-shrink: 0;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-multiDestination__productQuantity__quantity {
margin: auto 0;
}
}
.fs-c-checkout-paymentMethod {
border: 2px solid #f7f7f7;
}
.fs-c-checkout-paymentMethod p {
margin: 0;
}
.fs-c-checkout-paymentMethod__title {
background: #f7f7f7;
color: #333333;
}
.fs-c-checkout-paymentMethod__option__title {
border-bottom: 1px solid currentColor;
font-size: 1.2rem;
}
.fs-c-checkout-paymentMethod__disabledMessage {
background: #ffffff;
color: #333333;
font-size: 1.2rem;
padding: 8px;
}
.fs-c-checkout-paymentMethod.is-active {
border: 2px solid #666666;
}
.fs-c-checkout-paymentMethod.is-active .fs-c-checkout-paymentMethod__title {
background: #666666;
color: #f7f7f7;
color: #ffffff;
}
.fs-c-checkout-paymentMethod.is-disabled:not(.is-active) .fs-c-checkout-paymentMethod__title {
color: #666666;
}
.fs-c-checkout-paymentMethod__option > * + * {
margin-top: 8px;
}
.fs-c-checkout-paymentMethod__option__title--cardNumber, .fs-c-checkout-paymentMethod__option__title--paymentNumber {
display: none;
}
.fs-c-checkout-paymentMethod__option__body--creditCard {
display: flex;
align-items: center;
justify-content: space-between;
}
.fs-c-checkout-pickupStoreDescription {
display: flex;
flex-direction: column;
gap: 16px;
}
.fs-c-checkout-pickupStoreDescription__map {
border: 1px solid #e5e5e5;
}
.fs-c-checkout-pickupStoreDescription__map > iframe {
display: block;
width: 100%;
min-height: 320px;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-pickupStoreDescription__map > iframe {
min-height: 400px;
}
}
.fs-c-checkout-pickupStoreDisabled__button {
background-color: #ffffff;
border: 1px solid #e5e5e5;
color: #333333;
border-radius: 3px;
box-sizing: border-box;
display: block;
font-size: 1.2rem;
padding: 8px 12px 8px 28px;
position: relative;
text-align: center;
}
.fs-c-checkout-pickupStoreDisabled__button::before {
position: absolute;
top: 0;
bottom: 0;
left: 8px;
display: block;
width: 1em;
height: 1em;
margin: auto;
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.8rem;
content: "\e924";
}
.fs-c-checkout-pickupStoreDisabled__message {
font-size: 1.2rem;
padding: 4px;
}
.fs-c-checkout-pickupStoreList__notice {
background: rgba(126, 126, 126, 0.08);
display: flex;
justify-content: center;
padding: 16px 16px;
}
.fs-c-checkout-pickupStoreList__status {
display: flex;
margin: 8px 0;
}
.fs-c-checkout-pickupStoreList__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-pickupStoreList__list > li {
box-sizing: border-box;
}
.fs-c-checkout-pointInfo__usePoint__number {
font-size: 2.6rem;
}
.fs-c-checkout-pointInfo__usePoint__label {
font-size: 1.2rem;
}
.fs-c-checkout-pointSetting {
border: 2px solid #f7f7f7;
}
.fs-c-checkout-pointSetting p {
margin: 0;
}
.fs-c-checkout-pointSetting__title {
background: #f7f7f7;
color: #333333;
}
.fs-c-checkout-pointSetting__option__title {
border-bottom: 1px solid currentColor;
font-size: 1.2rem;
}
.fs-c-checkout-pointSetting__disabledMessage {
background: #ffffff;
color: #333333;
font-size: 1.2rem;
padding: 8px;
}
.fs-c-checkout-pointSetting.is-active {
border: 2px solid #666666;
}
.fs-c-checkout-pointSetting.is-active .fs-c-checkout-pointSetting__title {
background: #666666;
color: #f7f7f7;
color: #ffffff;
}
.fs-c-checkout-pointSetting.is-disabled:not(.is-active) .fs-c-checkout-pointSetting__title {
color: #666666;
}
.fs-c-checkout-pointSettingList {
margin: 8px 0;
}
.fs-c-checkout-pointSetting__inputUsePoint {
display: flex;
align-items: center;
}
.fs-c-checkout-pointSetting__inputUsePoint > input {
margin-right: 8px;
width: 8em;
}
.fs-c-checkout-preview {
border: 1px solid #e5e5e5;
border-radius: 3px;
padding: 16px;
background: #ffffff;
color: #333333;
}
.fs-c-checkout-preview__title {
border-bottom: 1px solid #999999;
font-size: 1.4rem;
line-height: 1;
margin: 0 0 8px;
padding: 0 0 8px;
text-align: center;
}
.fs-c-checkout-preview__body > * + * {
margin-top: 8px;
}
.fs-c-checkout-previewAndEdit {
display: grid;
grid-template-rows: auto auto;
grid-row-gap: 8px;
}
.fs-c-checkout-previewAndEdit > * {
align-self: center;
}
.fs-c-checkout-previewAndEdit__info {
border: 3px solid #e5e5e5;
border-radius: 3px;
line-height: 1;
padding: 8px;
}
.fs-c-checkout-previewAndEdit__info:only-child {
grid-column: 1/3;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-previewAndEdit {
grid-template-columns: 1fr auto;
grid-template-rows: auto;
align-items: start;
grid-column-gap: 48px;
}
}
.fs-c-checkout-productQuantityWarning {
margin: 24px auto;
}
.fs-c-checkout-productQuantityWarning__productInfo {
border: 1px solid #e5e5e5;
border-radius: 3px;
padding: 8px;
}
.fs-c-checkout-productQuantityWarning__warning {
padding: 8px;
}
.fs-c-checkout-productQuantityWarning__warning > strong {
font-size: 1.8rem;
}
.fs-c-checkout-radioList {
list-style: none;
padding: 0;
margin: 0;
}
.fs-c-checkout-radioList__item__additionalArea {
background-color: #f7f7f7;
margin: 4px 0 8px 20px;
padding: 8px;
}
.fs-c-checkout-radioList__item.is-disabled .fs-c-checkout-radioList__item__radio {
color: #666666;
}
.fs-c-checkout-receivingMethod {
border: 2px solid #f7f7f7;
}
.fs-c-checkout-receivingMethod p {
margin: 0;
}
.fs-c-checkout-receivingMethod__title {
background: #f7f7f7;
color: #333333;
}
.fs-c-checkout-receivingMethod__option__title {
border-bottom: 1px solid currentColor;
font-size: 1.2rem;
}
.fs-c-checkout-receivingMethod__disabledMessage {
background: #ffffff;
color: #333333;
font-size: 1.2rem;
padding: 8px;
}
.fs-c-checkout-receivingMethod.is-active {
border: 2px solid #666666;
}
.fs-c-checkout-receivingMethod.is-active .fs-c-checkout-receivingMethod__title {
background: #666666;
color: #f7f7f7;
color: #ffffff;
}
.fs-c-checkout-receivingMethod.is-disabled:not(.is-active) .fs-c-checkout-receivingMethod__title {
color: #666666;
}
.fs-c-checkout-receivingMethod__destination {
gap: 8px;
}
.fs-c-checkout-receivingMethod__storeComment {
background: rgba(126, 126, 126, 0.08);
font-size: 1.2rem;
padding: 8px;
}
.fs-c-checkout-searchPickupStoreField {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-c-checkout-settings {
margin: 0;
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
.fs-c-checkout-settings__item {
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}
.fs-c-checkout-settings__title {
font-weight: bold;
border-bottom: solid 1px currentColor;
}
.fs-c-checkout-settings__body {
margin: 0;
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}
.fs-c-checkout-settings__additionalArea {
background-color: #f7f7f7;
padding: 12px;
}
.fs-c-checkout-settings:not(:last-child) {
margin-bottom: 24px;
}
.fs-c-checkout-shippingAddress {
display: grid;
gap: 0;
}
.fs-c-checkout-shippingAddress__name {
font-size: 1.8rem;
display: flex;
align-items: baseline;
}
.fs-c-checkout-shippingAddress__storeComment {
background: rgba(126, 126, 126, 0.08);
font-size: 1.2rem;
padding: 8px;
}
.fs-c-checkout-shippingAddress__control {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-shippingAddress {
grid-template-columns: 1fr auto;
gap: 0 8px;
}
.fs-c-checkout-shippingAddress .fs-c-checkout-shippingAddress__name,
.fs-c-checkout-shippingAddress .fs-c-checkout-shippingAddress__address,
.fs-c-checkout-shippingAddress .fs-c-checkout-shippingAddress__tel,
.fs-c-checkout-shippingAddress .fs-c-checkout-shippingAddress__storeComment {
grid-column: 1;
}
.fs-c-checkout-shippingAddress .fs-c-checkout-shippingAddress__control {
grid-column: 2;
grid-row: 1/span 3;
flex-direction: column;
align-items: flex-end;
}
}
.fs-c-checkout-shippingDestination {
display: grid;
gap: 16px 8px;
}
.fs-c-checkout-shippingDestination__name {
font-size: 1.8rem;
display: flex;
align-items: baseline;
}
.fs-c-checkout-shippingDestination__control {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-shippingDestination {
grid-template-columns: 1fr auto;
}
.fs-c-checkout-shippingDestination .fs-c-checkout-shippingDestination__title {
grid-column: 1/span 2;
}
.fs-c-checkout-shippingDestination .fs-c-checkout-shippingDestination__control {
flex-direction: column;
align-items: flex-end;
}
}
.fs-c-checkout-shippingDestinationUnit {
display: grid;
gap: 24px;
}
.fs-c-checkout-shippingDestinationUnit__button {
margin-top: -16px;
}
.fs-c-checkout-shippingDetail {
display: grid;
gap: 16px;
}
.fs-c-checkout-shippingDetail__parcel {
display: grid;
gap: 16px;
}
.fs-c-checkout-shippingDetail__deliveryDetail {
background: #f7f7f7;
padding: 8px;
display: grid;
gap: 8px;
}
.fs-c-checkout-shippingDetail__detail {
display: grid;
gap: 8px;
}
.fs-c-checkout-shippingDetail__shippingCarrier {
display: grid;
gap: 8px;
}
.fs-c-checkout-shippingDetail__shippingCarrier__comment {
border: 1px solid #e5e5e5;
padding: 8px 16px;
}
.fs-c-checkout-shippingDetail__wrappingInfo {
display: grid;
gap: 8px;
}
.fs-c-checkout-shippingDetail__outline {
display: grid;
gap: 8px;
}
@media screen and (min-width: 600px) {
.fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__deliveryDetail {
grid-template-columns: 1fr auto;
align-items: center;
}
.fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__deliveryDetailMessage {
grid-column: 1;
}
.fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__deliveryDetailPreview {
grid-column: 1;
}
.fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__button {
grid-column: 2;
}
.fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__button:nth-child(3) {
grid-row: 1/span 2;
}
}
.fs-c-checkout-shippingInfo__body {
display: grid;
gap: 24px;
}
.fs-c-checkout-shippingOption__control {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
}
.fs-c-checkout-shippingOption__control__message {
display: flex;
align-items: center;
}
.fs-c-checkout-shippingOption__control__message + .fs-c-checkout-shippingOption__control__message::before {
content: "/";
padding-right: 8px;
}
.fs-c-checkout-shippingOption__button {
flex-shrink: 0;
}
.fs-c-checkout-shippingOptionPreview {
margin: 0;
padding: 16px;
background-color: #f7f7f7;
display: flex;
flex-direction: column;
gap: 8px;
}
.fs-c-checkout-shippingOptionPreview__label:not(:first-child) {
margin-top: 24px;
}
.fs-c-checkout-shippingOptionPreview__value {
margin: 0;
font-size: 1.8rem;
}
.fs-c-checkout-shippingOptionPreview__note {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: 8px;
background-color: #ffffff;
}
.fs-c-checkout-shippingOptionPreview__note > p {
margin: 0;
}
.fs-c-checkout-shippingParcel {
border: 1px solid #e5e5e5;
}
.fs-c-checkout-shippingParcel__title {
background: #f7f7f7;
padding: 8px;
}
.fs-c-checkout-shippingParcel__productList {
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-checkout-shippingParcel__product {
display: grid;
grid-template-columns: auto 1fr;
gap: 8px;
margin: 8px;
padding: 8px;
}
.fs-c-checkout-shippingParcel__product + .fs-c-checkout-shippingParcel__product {
border-top: 1px solid #e5e5e5;
}
.fs-c-checkout-shippingParcel__productImage__image {
width: 40px;
height: 40px;
object-fit: cover;
}
.fs-c-checkout-shippingParcel__productInfo {
display: grid;
grid-template-columns: auto 1fr;
gap: 0 8px;
}
.fs-c-checkout-shippingParcel__productName, .fs-c-checkout-shippingParcel__listedOptionPrice {
grid-column: 1/span 2;
}
.fs-c-checkout-shippingParcel__productVariation, .fs-c-checkout-shippingParcel__productSelection {
grid-column: 1/span 2;
font-size: 1rem;
}
.fs-c-checkout-shippingParcel__productVariation::before, .fs-c-checkout-shippingParcel__productSelection::before {
content: "(";
}
.fs-c-checkout-shippingParcel__productVariation::after, .fs-c-checkout-shippingParcel__productSelection::after {
content: ")";
}
.fs-c-checkout-shippingParcel__productVariation__choice + .fs-c-checkout-shippingParcel__productVariation__choice::before, .fs-c-checkout-shippingParcel__productVariation__choice + .fs-c-checkout-shippingParcel__productSelection__choice::before, .fs-c-checkout-shippingParcel__productSelection__choice + .fs-c-checkout-shippingParcel__productVariation__choice::before, .fs-c-checkout-shippingParcel__productSelection__choice + .fs-c-checkout-shippingParcel__productSelection__choice::before {
content: "/";
}
.fs-c-checkoutServiceDisabled__button {
background: #999999;
border: 1px solid #e5e5e5;
color: #333333;
border-radius: 3px;
box-sizing: border-box;
display: block;
color: #ffffff;
font-size: 1.2rem;
padding: 8px 12px 8px 32px;
position: relative;
text-align: center;
}
.fs-c-checkoutServiceDisabled__button::before {
position: absolute;
top: 0;
bottom: 0;
left: 10px;
display: block;
width: 1em;
height: 1em;
margin: auto;
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 2.2rem;
content: "\e924";
}
.fs-c-checkoutServiceDisabled__message {
font-size: 1.2rem;
padding: 4px;
}
.fs-c-checkoutSuccess__product {
border: 1px solid #999999;
border-radius: 3px;
padding: 8px;
}
.fs-c-checkoutSuccess__product__table caption {
font-size: 1.2em;
border-bottom: 1px solid #999999;
padding-bottom: 8px;
}
.fs-c-checkoutSuccess__product__table th {
background: rgba(126, 126, 126, 0.08);
padding: 8px;
}
.fs-c-checkPanel {
padding: 0;
}
.fs-c-checkPanel__check, .fs-c-checkPanel__label {
padding: 8px;
cursor: pointer;
}
.fs-c-checkPanel__label {
padding: 16px;
}
.fs-c-confirmNextDeliveryField, .fs-c-confirmChangeDeliveryCycleField {
padding: 8px;
}
@media screen and (min-width: 768px) {
.fs-c-confirmNextDeliveryField, .fs-c-confirmChangeDeliveryCycleField {
padding: 16px 32px;
}
}
.fs-c-confirmNextDeliveryField__information, .fs-c-confirmChangeDeliveryCycleField__information {
margin-bottom: 16px;
}
.fs-c-confirmNextDeliveryField__information__heading, .fs-c-confirmChangeDeliveryCycleField__information__heading {
font-weight: bold;
display: block;
margin-bottom: 8px;
}
.fs-c-commissionTable {
border-collapse: collapse;
width: 100%;
}
.fs-c-commissionTable > thead > tr > th, .fs-c-commissionTable > tfoot > tr > th, .fs-c-commissionTable > tbody > tr > th {
background: rgba(126, 126, 126, 0.08);
}
.fs-c-commissionTable > thead > tr th, .fs-c-commissionTable > thead > tr td, .fs-c-commissionTable > tfoot > tr th, .fs-c-commissionTable > tfoot > tr td, .fs-c-commissionTable > tbody > tr th, .fs-c-commissionTable > tbody > tr td {
border: 1px solid #b2b2b2;
padding: 4px;
}
.fs-c-commissionTable > tbody > tr > th {
text-align: left;
}
.fs-c-coordinationCarouselMainImage__image__caption {
background: rgba(30, 30, 30, 0.4);
color: #ffffff;
line-height: 1.8;
}
.fs-c-coordinationCarouselMainImage__expandButton {
justify-content: flex-end;
}
.fs-c-coordinationCarouselMainImage__thumbnailList {
margin: 8px 0;
}
.fs-c-coordinationCarouselMainImage__thumbnail__img {
border: 2px solid transparent;
}
.slick-active .fs-c-coordinationCarouselMainImage__thumbnail__img {
border-color: #666666;
}
.fs-c-coordinationCatalog:not(:first-child) {
margin-top: 2em;
}
.fs-c-coordinationCatalog__title {
border-bottom: 2px solid currentColor;
color: #7c8790;
font-size: 1.8rem;
}
.fs-c-coordinationCatalog__list {
display: grid;
grid-gap: 16px;
grid-template-columns: repeat(auto-fit, calc(50% - 16px));
}
@media screen and (min-width: 600px) {
.fs-c-coordinationCatalog__list {
grid-template-columns: repeat(auto-fit, calc(33% - 16px));
}
}
@media screen and (min-width: 768px) {
.fs-c-coordinationCatalog__list {
grid-template-columns: repeat(auto-fit, calc(25% - 16px));
}
}
@media screen and (min-width: 960px) {
.fs-c-coordinationCatalog__list {
grid-template-columns: repeat(auto-fit, calc(20% - 16px));
}
}
.fs-c-coordinationCatalog__footer {
text-align: right;
margin-top: 8px;
}
.fs-c-coordinationCatalog.is-sortedByPopularity {
counter-reset: itemOrder;
}
.fs-c-coordinationCatalog.is-sortedByPopularity .fs-c-coordinationCatalog__list__item {
position: relative;
}
.fs-c-coordinationCatalog.is-sortedByPopularity .fs-c-coordinationCatalog__list__item::before {
content: counter(itemOrder);
counter-increment: itemOrder;
background-color: #808080;
border: 1px solid currentColor;
border-radius: 2em;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.4rem;
line-height: 1;
padding: 0.4em 0.5em 0.3em;
position: absolute;
top: 0.5em;
left: 0.5em;
z-index: 1;
}
.fs-c-productList {
margin: 0px; }
.fs-c-productList__controller, .fs-c-staffList__controller, .fs-c-coordinationList__controller {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin: 8px 0;
}
.fs-c-productList__controller > *, .fs-c-staffList__controller > *, .fs-c-coordinationList__controller > * {
margin: 8px 0;
}
.fs-c-productList__list {
display: grid;
grid-template-columns: calc(50% - 0px) calc(50% - 0px);
grid-gap: 0px;
}
@media screen and (min-width: 600px) {
.fs-c-productList__list {
display: grid;
grid-template-columns: calc(33.3333333333% - 0px) calc(33.3333333333% - 0px) calc(33.3333333333% - 0px);
grid-gap: 0px;
}
}
@media screen and (min-width: 768px) {
.fs-c-productList__list {
display: grid;
grid-template-columns: calc(25% - 0px) calc(25% - 0px) calc(25% - 0px) calc(25% - 0px);
grid-gap: 0px;
}
}
@media screen and (min-width: 960px) {
.fs-c-productList__list {
display: grid;
grid-template-columns: calc(20% - 0px) calc(20% - 0px) calc(20% - 0px) calc(20% - 0px) calc(20% - 0px);
grid-gap: 0px;
}
}
.fs-c-productList__list__item {
border-bottom: 1px solid #b2b2b2;
padding: 16px 8px;
}
.fs-c-coordinationList {
margin: 24px 0;
}
.fs-c-coordinationList__list {
display: grid;
grid-template-columns: calc(50% - 0px) calc(50% - 0px);
grid-gap: 0px;
}
@media screen and (min-width: 600px) {
.fs-c-coordinationList__list {
display: grid;
grid-template-columns: calc(33.3333333333% - 0px) calc(33.3333333333% - 0px) calc(33.3333333333% - 0px);
grid-gap: 0px;
}
}
@media screen and (min-width: 768px) {
.fs-c-coordinationList__list {
display: grid;
grid-template-columns: calc(25% - 0px) calc(25% - 0px) calc(25% - 0px) calc(25% - 0px);
grid-gap: 0px;
}
}
@media screen and (min-width: 960px) {
.fs-c-coordinationList__list {
display: grid;
grid-template-columns: calc(20% - 0px) calc(20% - 0px) calc(20% - 0px) calc(20% - 0px) calc(20% - 0px);
grid-gap: 0px;
}
}
.fs-c-coordinationList__list__item {
padding: 16px 8px;
}
.fs-c-coordinationListItem.is-sortedByNewestFirst .fs-c-coordinationListItem__order {
display: none;
}
.fs-c-coordinationListItem__image__image {
max-width: 100%;
object-fit: contain;
}
.fs-c-coordinationListItem__creationDate, .fs-c-coordinationListItem__coordinationHeight {
display: none;
}
.fs-c-coordinationListItem__publicationDate {
font-size: 1.2rem;
}
.fs-c-coordinationListItem__staffInfo {
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 8px;
align-items: start;
margin: 8px 0;
}
.fs-c-coordinationListItem__staffInfo__image {
width: 48px;
height: 48px;
}
.fs-c-coordinationListItem__staffInfo__image .fs-c-noImage {
font-size: 1rem;
}
.fs-c-coordinationListItem__staffInfo__profile {
display: flex;
flex-wrap: wrap;
font-size: 1rem;
}
.fs-c-coordinationListItem__staffInfo__profile > * {
flex-basis: 100%;
word-break: break-all;
}
.fs-c-coordinationListItem__staffInfo__name {
font-size: 1.4rem;
font-weight: bold;
}
.fs-c-coordinationListItem__staffInfo__ruby, .fs-c-coordinationListItem__staffInfo__height {
display: none;
}
.fs-c-coordinationCatalog--staff .fs-c-coordinationListItem__staffInfo {
display: none;
}
.fs-c-coordinationNewMark {
display: inline-block;
font-size: 1rem;
background-color: #3e7bb3;
color: #ffffff;
padding: 0 8px;
text-transform: uppercase;
}
.fs-c-coordinationProduct__title {
border-bottom: 2px solid currentColor;
color: #7c8790;
font-size: 1.8rem;
}
.fs-c-coordinationProduct__list {
display: grid;
grid-gap: 16px;
grid-template-columns: calc(50% - 8px) calc(50% - 8px);
}
@media screen and (min-width: 600px) {
.fs-c-coordinationProduct__list {
grid-template-columns: calc(33% - 10.6666666667px) calc(33% - 10.6666666667px) calc(33% - 10.6666666667px);
}
}
.fs-c-coordinationProduct__footer {
text-align: right;
padding-top: 4px;
}
.fs-c-coordinationPublishDate {
font-weight: bold;
}
.fs-c-coordinationStaffInfo {
border: 1px solid currentColor;
border-width: 1px 0;
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 8px;
align-items: center;
padding: 8px;
}
.fs-c-coordinationStaffInfo__image {
width: 96px;
padding: 8px;
}
.fs-c-coordinationStaffInfo__profile {
display: flex;
flex-direction: column;
font-size: 1.2rem;
}
.fs-c-coordinationStaffInfo__name {
font-size: 1.4rem;
font-weight: bold;
}
.fs-c-coordinationStaffInfo__staffRuby {
display: none;
}
.fs-c-coordinationStaffInfo__instagram {
display: none;
}
.fs-c-coordinationTag {
background: #ffffff;
color: #333333;
padding: 4px 8px;
}
.fs-c-coordinationTag:link, .fs-c-coordinationTag:visited, .fs-c-coordinationTag:hover, .fs-c-coordinationTagactive {
color: #333333;
}
.fs-c-coordinationTagList {
background: #e5e5e5;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 8px;
}
.fs-c-coordinationTagList > li {
box-sizing: border-box;
}
.fs-c-coordinationTagList__item {
margin: 4px;
overflow: hidden;
}
.fs-c-coupon__info {
display: flex;
flex-direction: column;
align-items: center;
}
.fs-c-coupon__info > * + * {
margin-top: 24px;
}
.fs-c-coupon__image {
max-width: 100%;
min-width: auto;
}
.fs-c-coupon__image__image {
max-width: 100%;
max-height: 320px;
}
.fs-c-coupon__name, .fs-c-coupon__description {
width: 100%;
}
.fs-c-coupon__description > * + * {
margin-top: 16px;
}
.fs-c-coupon__useMethodComment {
border-top: 1px solid #e5e5e5;
}
.fs-c-coupon__useMethodComment dl {
display: flex;
flex-direction: column;
}
.fs-c-coupon__useMethodComment dl > dd {
margin: 0;
}
.fs-c-coupon__useMethodComment dl > dd p {
margin: 0;
}
.fs-c-coupon__useMethodComment__title {
font-weight: 700;
margin-bottom: 8px;
}
@media screen and (min-width: 960px) {
.fs-c-coupon__info {
flex-direction: row;
}
.fs-c-coupon__info > * + * {
margin-top: 0;
margin-left: 16px;
}
.fs-c-coupon__image__image {
max-width: 320px;
}
.fs-c-coupon__name {
width: auto;
min-width: 320px;
}
.fs-c-coupon__description {
border-left: 1px solid #e5e5e5;
padding-left: 16px;
}
.fs-c-coupon__useMethodComment dl {
flex-direction: row;
}
.fs-c-coupon__useMethodComment dl > dd {
margin-left: 24px;
}
}
.fs-c-couponAppliedCondition__title {
font-size: 1.4rem;
font-weight: 700;
margin: 0 0 8px;
}
.fs-c-couponAppliedCondition__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-couponAppliedCondition__list > li {
box-sizing: border-box;
}
.fs-c-couponAppliedCondition__listItem + .fs-c-couponAppliedCondition__listItem {
margin-top: 8px;
}
.fs-c-couponAppliedCondition__list__item {
padding-left: 0.6em;
position: relative;
}
.fs-c-couponAppliedCondition__list__item::before {
content: "";
background: currentColor;
display: block;
width: 0.4em;
height: 0.4em;
position: absolute;
top: 0.55em;
left: 0;
}
.fs-c-couponAppliedCondition__notice {
color: #C98696;
}
.fs-c-couponMessage__label {
color: #7c8790;
font-size: 1.8rem;
text-align: center;
border-bottom: 1px solid #999999;
}
.fs-c-couponMessage__listItem {
overflow: hidden;
}
.fs-c-couponMessage__listItem > * + * {
margin-top: 8px;
}
.fs-c-couponMessage__listItem__name {
display: block;
padding: 8px;
color: #7c8790;
background: #f7f7f7;
margin: -8px;
margin-bottom: 8px;
text-align: center;
}
.fs-c-couponMessage__listItem__discount {
display: block;
background: #C98696;
color: #ffffff;
width: 100%;
padding: 4px;
text-align: center;
}
.fs-c-couponExpiration__title {
font-size: 1.4rem;
font-weight: 700;
margin: 0 0 8px;
}
.fs-c-couponExpiration__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-couponExpiration__list > li {
box-sizing: border-box;
}
.fs-c-couponExpiration__list__item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.fs-c-couponExpiration__list__item__title {
border: 1px solid #3c3c3c;
padding: 0 4px;
margin-right: 4px;
}
.fs-c-couponExpiration__list__item--available {
flex-direction: column;
align-items: flex-start;
}
.fs-c-couponExpiration__list > * + * {
margin-top: 4px;
}
.fs-c-couponExpiration__notice {
font-size: 1.8rem;
color: #C98696;
}
.fs-c-couponList__item {
border: 1px solid #e5e5e5;
padding: 8px 16px;
margin: 16px 0;
border-radius: 3px;
}
.fs-c-couponName {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
}
.fs-c-couponName > * {
width: 100%;
text-align: center;
}
.fs-c-couponName__name {
color: #7c8790;
font-size: 1.8rem;
}
.fs-c-couponName__discount {
background: #C98696;
color: #ffffff;
display: flex;
justify-content: center;
width: 100%;
padding: 4px;
}
.fs-c-couponName__discount__offLabel {
margin-left: 0.2em;
}
.fs-c-couponProduct {
margin: 16px 0;
}
.fs-c-couponProduct__header {
padding-bottom: 8px;
margin-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}
.fs-c-couponProduct__title {
font-size: 1.4rem;
font-weight: 700;
margin: 0;
}
.fs-c-couponProduct__footer {
text-align: right;
padding-top: 4px;
}
.fs-c-creditCardIcons {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
list-style: none;
margin: 8px 0;
padding: 0;
}
.fs-c-creditCardIcons > li {
box-sizing: border-box;
}
.fs-c-creditCardIcons > * + * {
margin-left: 8px;
}
.fs-c-creditCardIcons__image {
display: block;
}
.fs-c-creditCardListTable {
border-collapse: collapse;
width: 100%;
margin: 8px 0;
}
.fs-c-creditCardListTable > thead {
border-top: 1px solid #b2b2b2;
background: rgba(126, 126, 126, 0.08);
}
.fs-c-creditCardListTable > tbody {
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}
.fs-c-creditCardListTable > tbody > tr:nth-child(even) {
background: rgba(126, 126, 126, 0.08);
}
.fs-c-creditCardListTable th, .fs-c-creditCardListTable td {
border-right: 1px solid #b2b2b2;
border-left: 1px solid #b2b2b2;
padding: 8px;
}
.fs-c-creditCardListTable th:first-child, .fs-c-creditCardListTable td:first-child {
border-left: none;
}
.fs-c-creditCardListTable th:last-child, .fs-c-creditCardListTable td:last-child {
border-right: none;
}
@media screen and (max-width: 600px) {
.fs-c-creditCardListTable > tbody {
border: none;
}
.fs-c-creditCardListTable > tbody > tr {
border: 1px solid #b2b2b2;
}
.fs-c-creditCardListTable > tbody > tr:nth-child(even) {
background: transparent;
}
}
.fs-c-creditCardList {
display: grid;
grid-template-columns: 1fr;
grid-gap: 8px;
}
.fs-c-creditCardListItem {
background-color: #ffffff;
color: #333333;
display: grid;
grid-template-rows: 2em auto auto;
grid-template-columns: 1fr;
grid-gap: 8px;
}
.fs-c-creditCardListItem.is-disabled {
color: #666666;
background: #f7f7f7;
}
.fs-c-creditCardListItem.is-active {
border-color: #1f5da0;
}
.fs-c-creditCardListItem__status {
min-height: 1em;
margin-bottom: 16px;
grid-column: 1;
grid-row: 1;
}
.fs-c-creditCardListItem__status__label {
color: #1f5da0;
font-weight: 500;
}
.fs-c-creditCardListItem__cardInfo {
grid-column: 1;
grid-row: 2;
}
.fs-c-creditCardListItem__button {
grid-column: 1;
grid-row: 3;
justify-content: flex-end;
align-items: stretch;
}
.fs-c-creditCardListItem__button > * + * {
margin-left: 8px;
}
@media screen and (min-width: 768px) {
.fs-c-creditCardList {
grid-template-columns: 1fr 1fr;
}
}
.fs-c-deliveryDateInfo__info__date {
font-weight: bold;
}
.fs-c-deliveryInfoList {
border-color: #b2b2b2;
}
.fs-c-deliveryInfoList > * {
border-color: #b2b2b2;
}
.fs-c-deliveryInfoList > dt {
background: rgba(126, 126, 126, 0.08);
font-weight: bold;
}
.fs-c-deliveryScheduleTable {
border-collapse: collapse;
width: 100%;
}
.fs-c-deliveryScheduleTable__headerCell, .fs-c-deliveryScheduleTable__dataCell {
border: 1px solid #b2b2b2;
padding: 8px;
}
.fs-c-deliveryScheduleTable__headerCell {
background: rgba(126, 126, 126, 0.08);
}
.fs-c-deliveryScheduleTable__productName {
display: block;
}
@media screen and (min-width: 600px) {
.fs-c-deliveryScheduleTable {
table-layout: fixed;
}
}
.fs-c-deliveryScheduleTable__newDate {
font-weight: 700;
}
.fs-c-descriptionList {
border-top: 1px solid #7c8790;
}
.fs-c-descriptionList:not(:first-child) {
margin: 24px 0;
}
.fs-c-descriptionList__label {
font-weight: 700;
padding-top: 24px;
}
.fs-c-descriptionList__content {
border-bottom: 1px solid #7c8790;
margin: 0;
padding-bottom: 24px;
}
@media screen and (min-width: 600px) {
.fs-c-descriptionList {
display: grid;
grid-template-columns: auto 1fr;
}
.fs-c-descriptionList__label {
border-bottom: 1px solid #7c8790;
}
.fs-c-descriptionList__content {
padding: 24px 0 24px 32px;
}
}
.fs-c-destinationFeeTable {
border-collapse: collapse;
width: 100%;
}
@media screen and (min-width: 600px) {
.fs-c-destinationFeeTable {
width: auto;
}
}
.fs-c-destinationFeeTable, .fs-c-destinationFeeTable__headerCell, .fs-c-destinationFeeTable__dataCell {
border: 1px solid #b2b2b2;
}
.fs-c-destinationFeeTable__caption {
margin-bottom: 4px;
}
.fs-c-destinationFeeTable__headerCell {
background: rgba(126, 126, 126, 0.08);
font-weight: normal;
}
.fs-c-destinationFeeTable__headerCell, .fs-c-destinationFeeTable__dataCell {
padding: 8px 16px;
text-align: right;
}
* + .fs-c-documentColumn {
margin-top: 24px;
}
.fs-c-documentColumn__heading {
color: #7c8790;
border-color: #7c8790;
border-style: solid;
border-width: 0 0 1px 5px;
font-weight: 500;
font-size: 1.8rem;
padding: 8px;
padding-left: 16px;
margin-bottom: 8px;
}
.fs-c-documentColumn__content {
padding: 8px 0;
display: grid;
grid-auto-flow: row;
gap: 32px;
}
.fs-c-documentColumn__contentList {
padding-left: 1.5em;
}
.fs-c-documentColumn__emphasis {
font-size: 1.8rem;
font-weight: 700;
}
.fs-c-documentSubColumn {
border: 1px dotted #999;
padding: 1em;
}
.fs-c-documentArticle {
padding: 8px;
}
.fs-c-documentArticle + .fs-c-documentArticle {
margin-top: 24px;
}
.fs-c-documentArticle__heading {
background: #666666;
color: #ffffff;
font-size: 1.4rem;
font-weight: 400;
margin: 0 0 16px;
padding: 4px 8px;
text-align: center;
}
.fs-c-documentArticle__content {
padding: 8px;
}
.fs-c-documentContent {
display: grid;
grid-auto-flow: row;
gap: 8px;
}
.fs-c-documentContent__heading {
border-left: 4px solid #7c8790;
padding-left: 8px;
font-size: 1.4rem;
margin: 0;
}
.fs-c-documentContent__content {
display: grid;
grid-auto-flow: row;
gap: 24px;
}
.fs-c-documentSubContent {
display: grid;
grid-auto-flow: row;
gap: 8px;
}
.fs-c-documentSubContent__heading {
border-bottom: 3px solid #e5e5e5;
padding-bottom: 4px;
font-size: 1.4rem;
margin: 0;
}
.fs-c-estimatedDeliveryDate {
background-color: rgba(192, 192, 192, 0.08);
font-size: 1.2rem;
padding: 10px;
}
.fs-c-estimatedDeliveryDate__info__date {
font-weight: bold;
}
.fs-c-estimatedDeliveryDate__ctrl {
display: flex;
align-items: center;
gap: 8px;
}
.fs-c-estimatedDeliveryDate__location::before {
color: #7c8790;
}
.fs-c-explainList dt {
font-weight: 700;
}
.fs-c-explainList dd {
margin: 0;
}
.fs-c-explainList dd:not(:last-child) {
margin-bottom: 8px;
}
.fs-c-explainList:first-child {
margin-top: 0;
}
@media screen and (min-width: 600px) {
.fs-c-explainList {
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 24px;
grid-row-gap: 8px;
}
}
.fs-c-explanatoryNote {
margin: 0;
}
.fs-c-explanatoryNote__comment {
margin: 1rem 0;
}
.fs-c-explanatoryNote + .fs-c-explanatoryNote {
margin-top: 32px;
}
.fs-c-wishlistProduct__title, .fs-c-featuredProduct__title {
border-bottom: 2px solid currentColor;
color: #7c8790;
font-size: 1.8rem;
}
.fs-c-wishlistProduct__footer {
text-align: right;
padding-top: 4px;
}
.fs-c-fieldMessage:not(.fs-c-additionalCheckField) + .fs-c-fieldMessage {
margin-top: 24px;
}
.fs-c-getPointGuide {
background: #f7f7f7;
padding: 8px;
}
.fs-c-getPointGuide__title {
text-align: center;
padding-bottom: 16px;
}
.fs-c-guidanceWithButton {
border: 1px solid #e5e5e5;
border-radius: 3px;
padding: 8px;
margin: 8px 0;
}
@media screen and (min-width: 600px) {
.fs-c-guidanceWithButton {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
}
.fs-c-guidanceWithButton__message, .fs-c-guidanceWithButton__button {
align-self: center;
}
.fs-c-guidanceWithButton__message {
grid-column: 1;
grid-row: 1;
margin-right: 24px;
}
.fs-c-guidanceWithButton__button {
grid-column: 2;
grid-row: 1;
}
}
.fs-c-guidanceWithButton:last-of-type {
margin-bottom: 24px;
}
.fs-c-guidanceWithButton .fs-c-button--standard {
min-width: 16em;
}
.fs-c-guidanceWithButton--membershipCardNotice {
background: #f7f7f7;
}
.fs-c-guestReview {
padding: 8px 0;
text-align: center;
}
.fs-c-guestReview__title {
font-size: 1.4rem;
font-weight: 700;
margin-bottom: 0;
}
.fs-c-guestReview__message {
margin-bottom: 16px;
}
.fs-c-heading {
-moz-font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
font-weight: bold;
}
.fs-c-heading--page {
border-bottom: 2px solid #7c8790;
color: #7c8790;
font-weight: 300;
font-size: 2.2rem;
line-height: 1.2;
margin: 0 0 24px;
padding: 0 0 1.2em;
text-align: center;
}
@media screen and (min-width: 1200px) {
.fs-c-heading--page {
padding: 1.8em 0;
}
}
.fs-c-heading--section {
color: #7c8790;
margin: 8px 0;
}
.fs-c-history__info {
background: rgba(126, 126, 126, 0.08);
padding: 16px;
}
.fs-c-history__info > * + * {
padding-top: 16px;
}
.fs-c-history__listContainer > * + * {
margin-top: 8px;
}
.fs-c-history__term {
color: #7c8790;
font-weight: 700;
font-size: 1.2rem;
}
.fs-c-history__total dl {
grid-gap: 0;
}
.fs-c-history__total dt {
font-weight: 700;
}
.fs-c-history__total dt::after {
display: none;
}
.fs-c-history__total dd {
text-align: right;
}
.fs-c-history__total dt, .fs-c-history__total dd {
border-top: 1px solid #7c8790;
margin-top: 8px;
padding-top: 8px;
}
.fs-c-imageContainer__image {
display: block;
max-width: 100%;
height: auto;
margin: auto;
}
.fs-c-inputInformation__message {
margin: 24px auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.fs-c-inputInformation__message .fs-c-modal__contents .fs-c-inputInformation__message {
margin: 0;
justify-content: flex-start;
}
.fs-c-inputInformation__message .fs-c-modal__contents .fs-c-inputInformation__message p {
text-align: left;
}
.fs-c-inputInformation__notificationMessage {
font-size: 1.2rem;
background-color: #ffffff;
padding: 4px 12px;
margin: 8px 0 16px;
}
.fs-c-inputInformation__body {
background: #ffffff;
color: #333333;
padding: 16px 24px;
max-width: 768px;
margin: 0 auto;
}
.fs-c-inputInformation__link {
margin-top: 8px;
text-align: right;
}
.fs-c-inputInformation__button {
margin-top: 32px;
}
.fs-c-inputInformation__inFieldButton {
margin-top: 16px;
}
.fs-c-inputInformation__buttonMessage {
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.fs-c-inputInformation__field {
margin: 24px auto;
max-width: 600px;
}
.fs-c-inputInformation__field--display .fs-c-inputTable__headerCell {
font-size: 1.2rem;
}
.fs-c-checkout-checkoutMethod__body .fs-c-inputInformation__field {
max-width: 100%;
margin: 8px auto;
}
.fs-c-inputGroup {
border-color: #cccccc;
}
.fs-c-inputGroup > * + * {
border-color: #cccccc;
}
.fs-c-inputGroup > button {
border: none;
border-left: 1px solid #cccccc;
}
.fs-c-inputTable {
width: 100%;
}
.fs-c-inputTable__headerCell, .fs-c-inputTable__currentValueCell {
text-align: left;
}
.fs-c-inputTable__headerCell, .fs-c-inputTable__currentValueCell, .fs-c-inputTable__dataCell {
padding: 0;
}
.fs-c-inputTable__currentValueCell {
font-size: 1.2rem;
}
.fs-c-inputTable > thead {
display: none;
}
.fs-c-inputTable > tbody {
display: block;
}
.fs-c-inputTable > tbody > tr {
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding: 0;
}
.fs-c-inputTable > tbody > tr + tr {
margin-top: 24px;
}
.fs-c-inputTable--child {
background: rgba(192, 192, 192, 0.08);
display: block;
padding: 8px;
}
.fs-c-inputTable--child > tbody > tr > th, .fs-c-inputTable--child > tbody > tr > td {
padding: 8px 4px;
display: table-cell;
}
.fs-c-inputTable--inModal > tbody {
padding-bottom: 16px;
}
.fs-c-inputTable--inModal > tbody > tr + tr {
margin-top: 8px;
}
.fs-c-inputTable--inModal > tbody > tr:nth-child(even) {
background: none;
}
.fs-c-inputTable--inModal th, .fs-c-inputTable--inModal td {
border: none;
}
.fs-c-inquiryMessage {
margin: 0 0 16px;
}
.fs-c-inquiryProduct {
display: grid;
grid-template-columns: 64px 1fr;
margin: 0 auto 20px;
}
.fs-c-inquiryProduct__productImage {
margin-right: 8px;
}
.fs-c-inquiryProduct__productImage img {
max-width: 100%;
}
.fs-c-inquiryProduct__productName:only-child {
grid-column: 1/3;
}
.fs-c-lineIdLinkCompleteMessage {
text-align: center;
}
.fs-c-linkedAccountInfo {
box-shadow: 0 0 2px #b2b2b2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
padding: 16px;
}
.fs-c-linkedAccountInfo__name {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.fs-c-subSection {
margin-bottom: 24px;
}
.fs-c-subSection__title, .fs-c-linkedServiceLogin__title {
border-bottom: 1px solid currentColor;
color: #7c8790;
font-size: 1.8rem;
}
.fs-c-linkedServiceLogin__body {
display: flex;
flex-direction: column;
gap: 16px;
}
.fs-c-linkedServiceLogin__login {
display: flex;
flex-direction: column;
gap: 16px;
}
.fs-c-linkService {
display: grid;
grid-template-columns: 1fr 1fr 290px;
align-items: center;
gap: 16px;
}
.fs-c-linkService__service__label {
color: #333333;
font-weight: 700;
}
.fs-c-linkService__status__label {
color: #aaaaaa;
}
.fs-c-linkService.is-linked .fs-c-linkService__status__label {
color: #C98696;
}
.fs-c-linkService__button {
align-self: stretch;
display: flex;
align-items: stretch;
width: 290px;
}
@media screen and (max-width: 480px) {
.fs-c-linkService {
grid-template-columns: 1fr 1fr;
gap: 8px 40px;
}
.fs-c-linkService .fs-c-linkService__status {
text-align: right;
}
.fs-c-linkService .fs-c-linkService__button {
grid-column: 1/span 2;
margin: 0 auto;
}
}
.fs-c-linkServicesList {
display: grid;
gap: 16px;
}
@media screen and (min-width: 1200px) {
.fs-c-linkServicesList {
grid-template-columns: 1fr 1fr;
}
}
.fs-c-linkServicesList__item {
box-shadow: 0 0 2px #b2b2b2;
border: 1px solid #e5e5e5;
background-color: #ffffff;
border-radius: 3px;
padding: 16px;
}
@media screen and (min-width: 1200px) {
.fs-c-linkServicesList__item {
padding: 16px 32px;
}
}
.fs-c-list, .fs-c-localNavigation__list {
box-sizing: border-box;
list-style: none;
margin: 1rem 0;
padding: 0;
}
.fs-c-list > li, .fs-c-localNavigation__list > li {
box-sizing: border-box;
}
.fs-c-list li, .fs-c-localNavigation__list li {
margin-left: 8px;
text-indent: -4px;
padding-left: 4px;
}
.fs-c-list li::before, .fs-c-localNavigation__list li::before {
display: inline-block;
content: "";
width: 2px;
height: 2px;
margin: auto 4px auto -8px;
border: 4px solid #7c8790;
border-radius: 50%;
box-sizing: content-box;
}
.fs-c-listControl {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
flex-grow: 2;
padding: 0;
}
.fs-c-listControl > * + * {
margin-top: 8px;
}
@media screen and (min-width: 600px) {
.fs-c-listControl {
flex-direction: row;
align-items: center;
}
.fs-c-listControl > * + * {
margin-top: 0;
margin-left: 8px;
}
}
.fs-c-listTable {
border-collapse: collapse;
width: 100%;
margin: 8px 0;
}
.fs-c-listTable > thead {
border-top: 1px solid #b2b2b2;
background: rgba(126, 126, 126, 0.08);
}
.fs-c-listTable > tbody {
border-top: 1px solid #b2b2b2;
border-bottom: 1px solid #b2b2b2;
}
.fs-c-listTable > tbody > tr:nth-child(even) {
background: rgba(126, 126, 126, 0.08);
}
.fs-c-listTable th, .fs-c-listTable td {
border-right: 1px solid #b2b2b2;
border-left: 1px solid #b2b2b2;
padding: 8px;
}
.fs-c-listTable th:first-child, .fs-c-listTable td:first-child {
border-left: none;
}
.fs-c-listTable th:last-child, .fs-c-listTable td:last-child {
border-right: none;
}
@media screen and (max-width: 600px) {
.fs-c-listTable > tbody {
border: none;
}
.fs-c-listTable > tbody > tr {
border: 1px solid #b2b2b2;
}
.fs-c-listTable > tbody > tr:nth-child(even) {
background: transparent;
}
}
.fs-c-localNavigation {
margin: 0;
padding: 16px;
background-color: rgba(126, 126, 126, 0.08);
display: grid;
grid-auto-flow: row;
gap: 4px;
}
.fs-c-localNavigation__heading {
font-weight: normal;
}
* + .fs-c-localNavigation__heading {
margin-top: 8px;
}
.fs-c-localNavigation__content {
margin: 0;
}
.fs-c-localNavigation__list {
margin: 0;
}
.fs-c-mark {
border-radius: 3px;
display: inline-block;
font-size: 0.8em;
line-height: 1;
padding: 4px 8px;
}
.fs-c-mark--memberPrice {
background: #393;
color: #fff;
}
.fs-c-mark--coolDeliveryAvailable, .fs-c-mark--chilledOrFrozenDeliveryAvailable {
background: #ff962c;
color: #fff;
}
.fs-c-mark--coolDelivery, .fs-c-mark--frozenDeliveryAvailable {
background: #3ea8ff;
color: #fff;
}
.fs-c-mark--frozenDelivery {
background: #006bb8;
color: #fff;
}
.fs-c-mark--preorder {
background: #64a;
color: #fff;
}
.fs-c-mark--subscription {
background: #09A;
color: #fff;
}
.fs-c-mark--normalAndSubscription {
background: #0e656c;
color: #fff;
}
.fs-c-mark--hanpukai {
background: #72316b;
color: #fff;
}
.fs-c-mark--firstTimeSpecialPrice {
background: #332e6a;
color: #fff;
}
.fs-c-mark--image {
background-color: transparent;
padding: 0;
}
.fs-c-memberOnlyMessage {
padding: 16px;
text-align: center;
}
.fs-c-memberOnlyMessage__title {
font-size: 1.4rem;
}
.fs-c-membershipCard {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto;
width: 100%;
}
.fs-c-simpleTable, .fs-c-mergeCardInfo {
border-collapse: collapse;
width: 100%;
}
.fs-c-simpleTable > tbody > tr th, .fs-c-mergeCardInfo > tbody > tr th, .fs-c-simpleTable > tbody > tr td, .fs-c-mergeCardInfo > tbody > tr td {
border: 1px solid #b2b2b2;
padding: 8px;
}
.fs-c-simpleTable > tbody > tr th, .fs-c-mergeCardInfo > tbody > tr th {
text-align: right;
}
.fs-c-modal__inner.is-warning {
border: 2px solid #388EC9;
}
.fs-c-modal__inner.is-warning .fs-c-modal__header {
background: #388EC9;
border-radius: 0;
color: #ffffff;
}
.fs-c-modal__inner.is-warning .fs-c-modal__close {
color: #ffffff;
}
.fs-c-modal__header {
background: #f7f7f7;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 8px 16px;
}
.fs-c-modal__title,
.fs-c-modal__productName {
font-size: inherit;
font-weight: bold;
margin: 0;
padding: 0.1em 0 0;
}
.fs-c-modal__productPrice {
font-weight: normal;
}
.fs-c-modal--inquiry .fs-c-modal__inner {
min-width: 360px;
}
.fs-c-modal--pickupStoreList .fs-c-modal__inner,
.fs-c-modal--pickupStoreDescription .fs-c-modal__inner {
width: 800px;
}
.fs-c-moveToAnotherCart {
border: 1px solid #e5e5e5;
border-radius: 3px;
margin: 24px 0;
padding: 8px;
}
.fs-c-moveToAnotherCart__message + .fs-c-moveToAnotherCart__button {
padding-bottom: 0;
}
.fs-c-noImage {
background: #333333;
color: #ffffff;
display: flex;
flex-direction: column;
font-size: 1.8rem;
justify-content: center;
text-align: center;
text-transform: uppercase;
}
.fs-c-note {
font-size: 1.2rem;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-note > li {
box-sizing: border-box;
}
.fs-c-note__item {
padding-left: 1em;
text-indent: -1em;
}
.fs-c-note__item::before {
content: "※";
}
.fs-c-noResultMessage {
background: rgba(126, 126, 126, 0.08);
padding: 24px;
margin: 24px 0;
text-align: center;
}
.fs-c-orderDeliveryInfo {
margin-top: 8px;
}
@media screen and (min-width: 960px) {
.fs-c-orderDeliveryInfo {
margin: 0;
}
}
.fs-c-orderDetailInfo__orderTotal {
margin-top: 8px;
}
@media screen and (min-width: 960px) {
.fs-c-orderDetailInfo__orderTotal {
margin: 0;
}
}
.fs-c-orderDetailList {
display: grid;
grid-template-columns: auto 1fr;
grid-auto-rows: auto;
grid-auto-flow: row;
grid-gap: 0;
border: 1px solid #646464;
}
.fs-c-orderDetailList dt,
.fs-c-orderDetailList dd {
margin-left: 0;
padding: 8px;
line-height: 1;
}
.fs-c-orderDetailList__date, .fs-c-orderDetailList__date + dd {
background: #646464;
color: #ffffff;
}
.fs-c-orderDetailList__status, .fs-c-orderDetailList__status + dd {
margin-top: -4px;
}
.fs-c-orderedList {
margin: 0;
list-style: none;
counter-reset: number;
}
.fs-c-orderedList > li {
padding: 0 8px 0 2em;
text-indent: -2em;
}
@media screen and (min-width: 600px) {
.fs-c-orderedList > li {
padding-right: 0;
}
}
.fs-c-orderedList > li::before {
counter-increment: number;
content: counter(number) ".";
display: inline-block;
color: #7c8790;
text-align: right;
width: 1em;
padding-right: 1em;
box-sizing: content-box;
}
.fs-c-orderedList > li .fs-c-orderedList {
margin: 16px 0 16px 2px;
padding-left: 8px;
border-left: 2px solid #7c8790;
}
.fs-c-orderedList > li p {
margin: 0;
padding: 0;
text-indent: 0;
}
.fs-c-orderHistory {
margin-top: 8px;
}
.fs-c-orderHistoryItem {
border: 1px solid #b2b2b2;
border-radius: 3px;
margin-bottom: 24px;
overflow: hidden;
}
.fs-c-orderHistoryItem__header {
border-bottom: 1px solid #b2b2b2;
background: rgba(126, 126, 126, 0.08);
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
}
.fs-c-orderHistoryItem__header__button {
padding: 0 16px;
}
.fs-c-orderHistoryItem__orderInfo {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding-top: 8px;
}
.fs-c-orderHistoryItem__orderInfo__info {
margin: 0 16px 8px;
}
.fs-c-orderHistoryItem__orderInfo__info dd {
font-weight: 700;
margin: 0;
}
.fs-c-orderHistoryItem__body {
padding: 0 16px;
}
.fs-c-orderHistoryItem__nextDelivery {
padding: 16px 0 8px;
border-bottom: 1px solid #b2b2b2;
}
.fs-c-orderHistoryItem__schedule__count::before {
content: "（";
}
.fs-c-orderHistoryItem__schedule__count::after {
content: "）";
}
.fs-c-orderHistoryItem__schedule__body {
font-weight: 700;
}
.fs-c-orderHistoryItem__orderSummary {
display: flex;
justify-content: end;
gap: 8px;
margin: 8px 0 0;
}
.fs-c-orderHistoryItem__orderSummary__label, .fs-c-orderHistoryItem__orderSummary__price {
margin: 0;
}
.fs-c-orderHistoryItem__orderSummary__price {
font-weight: 700;
}
.fs-c-orderHistoryItem__cycleInfo {
font-size: 1.2rem;
}
.fs-c-orderHistoryItem__cycleInfo__additionalCycle::before {
content: "（";
}
.fs-c-orderHistoryItem__cycleInfo__additionalCycle::after {
content: "）";
}
.fs-c-orderHistoryItem__note {
margin: 16px 0 0;
padding: 8px;
background-color: rgba(126, 126, 126, 0.08);
}
.fs-c-orderHistoryItem__product {
display: grid;
grid-template-columns: 120px 1fr;
grid-template-rows: auto auto auto auto auto;
grid-gap: 8px;
align-items: start;
padding: 16px 0;
}
.fs-c-orderHistoryItem__product + .fs-c-orderHistoryItem__product {
border-top: 1px dashed #b2b2b2;
}
.fs-c-orderHistoryItem__productImage {
grid-column: 1;
grid-row: 1/5;
}
.fs-c-orderHistoryItem__productImage__image {
padding-right: 8px;
}
.fs-c-orderHistoryItem__productName {
grid-column: 2;
grid-row: 1;
margin-top: auto;
}
.fs-c-orderHistoryItem__unitPrice {
grid-column: 2;
grid-row: 2;
}
.fs-c-orderHistoryItem__productQuantity {
grid-column: 2;
grid-row: 3;
text-align: right;
}
.fs-c-orderHistoryItem__productQuantity__label {
font-size: 1.2rem;
}
.fs-c-orderHistoryItem__deliveryInfo {
font-size: 1.2rem;
grid-column: 2;
grid-row: 4;
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto auto;
margin: 0;
}
.fs-c-orderHistoryItem__deliveryInfo dt {
text-align: right;
padding-right: 8px;
}
.fs-c-orderHistoryItem__deliveryInfo dd {
margin: 0;
padding-left: 8px;
border-left: 1px solid #3c3c3c;
font-weight: 700;
}
.fs-c-orderHistoryItem__button {
grid-column: 1/3;
grid-row: 5;
}
.fs-c-orderHistoryItem__footer {
border-top: 1px solid #b2b2b2;
padding-top: 16px;
margin: 8px 16px;
text-align: right;
}
@media screen and (min-width: 600px) {
.fs-c-orderHistoryItem__orderInfo {
justify-content: flex-start;
}
}
@media screen and (min-width: 768px) {
.fs-c-orderHistoryItem__header {
flex-direction: row;
align-items: center;
}
.fs-c-orderHistoryItem__product {
grid-template-columns: 112px 1fr auto auto;
grid-template-rows: auto auto 1fr;
}
.fs-c-orderHistoryItem__productImage {
grid-column: 1;
grid-row: 1/4;
}
.fs-c-orderHistoryItem__productName {
grid-column: 2;
grid-row: 1;
}
.fs-c-orderHistoryItem__unitPrice {
grid-column: 2;
grid-row: 2;
}
.fs-c-orderHistoryItem__productQuantity {
grid-column: 2;
grid-row: 3;
text-align: left;
}
.fs-c-orderHistoryItem__deliveryInfo {
grid-column: 3;
grid-row: 1/4;
align-self: center;
}
.fs-c-orderHistoryItem__button {
grid-column: 4;
grid-row: 1/4;
align-self: center;
}
}
.fs-c-orderPaymentTable {
border-collapse: collapse;
width: 100%;
}
.fs-c-orderPaymentTable > thead > tr > th, .fs-c-orderPaymentTable > tfoot > tr > th, .fs-c-orderPaymentTable > tbody > tr > th {
background: rgba(126, 126, 126, 0.08);
}
.fs-c-orderPaymentTable > thead > tr th, .fs-c-orderPaymentTable > thead > tr td, .fs-c-orderPaymentTable > tfoot > tr th, .fs-c-orderPaymentTable > tfoot > tr td, .fs-c-orderPaymentTable > tbody > tr th, .fs-c-orderPaymentTable > tbody > tr td {
border: 1px solid #b2b2b2;
padding: 4px;
}
.fs-c-orderPaymentTable > tbody > tr > th {
text-align: left;
}
.fs-c-orderPaymentTable__payment__notification {
background-color: rgba(126, 126, 126, 0.08);
font-size: 1.2rem;
margin: 6px 0 0;
padding: 4px 8px;
}
.fs-c-orderPaymentTable__payment__info {
font-size: 1.2rem;
margin: 6px 0 0;
}
.fs-c-orderPerAddressee__heading {
background: #7c8790;
color: #ffffff;
margin: 8px 0;
padding: 4px;
}
.fs-c-orderPerAddressee__headingNumber::before {
content: "【";
}
.fs-c-orderPerAddressee__headingNumber::after {
content: "】";
}
.fs-c-otherServiceLogin:not(:first-child) {
margin: 40px 0;
}
.fs-c-otherServiceLoginCompleted {
background: #f7f7f7;
color: #333333;
border: 1px solid #e5e5e5;
border-radius: 3px;
margin: 0 auto;
padding: 8px;
text-align: left;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.fs-c-orderTotalTable {
width: 100%;
}
.fs-c-orderTotalTable > thead > tr th, .fs-c-orderTotalTable > thead > tr td, .fs-c-orderTotalTable > tfoot > tr th, .fs-c-orderTotalTable > tfoot > tr td, .fs-c-orderTotalTable > tbody > tr th, .fs-c-orderTotalTable > tbody > tr td {
border: none;
border-top: 1px solid #b2b2b2;
padding: 4px;
}
.fs-c-orderTotalTable > thead > tr:last-of-type, .fs-c-orderTotalTable > tfoot > tr:last-of-type, .fs-c-orderTotalTable > tbody > tr:last-of-type {
border-bottom: 1px solid #b2b2b2;
padding: 4px;
}
.fs-c-orderTotalTable > thead > tr > th, .fs-c-orderTotalTable > thead > tr td, .fs-c-orderTotalTable > tfoot > tr > th, .fs-c-orderTotalTable > tfoot > tr td, .fs-c-orderTotalTable > tbody > tr > th, .fs-c-orderTotalTable > tbody > tr td {
padding: 8px;
}
.fs-c-orderTotalTable > thead > tr > th, .fs-c-orderTotalTable > tfoot > tr > th, .fs-c-orderTotalTable > tbody > tr > th {
font-weight: normal;
text-align: left;
}
.fs-c-orderTotalTable__mainRow > td {
font-size: 1.8rem;
font-weight: bold;
}
.fs-c-outOfStockButton {
display: flex;
align-items: center;
justify-content: center;
}
.fs-c-pagination {
display: flex;
align-items: baseline;
}
.fs-c-pagination__item {
line-height: 0.8;
padding: 8px;
}
.fs-c-pagination__item[role=button] {
cursor: pointer;
}
.fs-c-pagination__item[role=button]:hover {
text-decoration: none;
}
.fs-c-pagination__item.is-active {
background: #999999;
color: #ffffff;
}
.fs-c-pagination__item--prev {
color: #3c3c3c;
cursor: pointer;
white-space: nowrap;
}
.fs-c-pagination__item--prev::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90b";
display: block;
font-size: 0.9em;
line-height: 1;
}
.fs-c-pagination__item--prev:hover {
opacity: 0.8;
}
.fs-c-pagination__item--next {
color: #3c3c3c;
cursor: pointer;
white-space: nowrap;
}
.fs-c-pagination__item--next::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90c";
display: block;
font-size: 0.9em;
line-height: 1;
}
.fs-c-pagination__item--next:hover {
opacity: 0.8;
}
[class*=fs-c-pagination__item--] {
width: 2em;
}
[class*=fs-c-pagination__item--]::before {
height: 1em;
width: 1em;
}
[class*=fs-c-pagination__item--].is-disabled {
color: #999999;
cursor: not-allowed;
}
.fs-c-payWithAmazon__button {
margin: 0 auto;
}
.fs-c-pointSummary {
display: grid;
grid-template-columns: auto 1fr auto;
padding: 8px;
margin: 0;
}
.fs-c-pointSummary > dd {
margin-left: 0;
text-align: right;
}
.fs-c-pointSummary [class$="--availablePoint"] {
padding: 16px 8px 8px;
background: rgba(126, 126, 126, 0.08);
}
.fs-c-pointSummary__label--availablePoint {
grid-column: 1;
grid-row: 1;
}
.fs-c-pointSummary__value--availablePoint {
grid-column: 2/4;
grid-row: 1;
padding-bottom: 8px;
}
.fs-c-pointSummary__value--availablePoint .fs-c-pointSummary__number {
color: #C98696;
font-size: 2.6rem;
}
.fs-c-pointSummary [class$="--limitedPoint"] {
background: rgba(126, 126, 126, 0.08);
padding-bottom: 16px;
margin-bottom: 16px;
}
.fs-c-pointSummary__label--limitedPoint {
grid-column: 1/3;
grid-row: 2;
text-align: right;
}
.fs-c-pointSummary__label--limitedPoint::before {
content: "（";
}
.fs-c-pointSummary__label--limitedPoint::after {
content: "：";
}
.fs-c-pointSummary__value--limitedPoint {
grid-column: 3;
grid-row: 2;
}
.fs-c-pointSummary__value--limitedPoint::after {
content: "）";
}
.fs-c-pointSummary__label--purchasePointExpiration, .fs-c-pointSummary__label--waitingPoint, .fs-c-pointSummary__label--purchasePointTotal {
grid-column: 1;
}
.fs-c-pointSummary__value--purchasePointExpiration, .fs-c-pointSummary__value--waitingPoint, .fs-c-pointSummary__value--purchasePointTotal {
grid-column: 2/4;
}
.fs-c-pointSummary [class$="--purchasePointExpiration"] {
grid-row: 3;
}
.fs-c-pointSummary [class$="--waitingPoint"] {
grid-row: 4;
}
.fs-c-pointSummary [class$="--purchasePointTotal"] {
grid-row: 5;
}
.fs-c-postage__list {
display: grid;
grid-template-rows: auto auto;
grid-auto-flow: dense;
grid-auto-rows: auto auto;
grid-column-gap: 4px;
}
@media screen and (min-width: 768px) {
.fs-c-postage__list {
grid-column-gap: 8px;
}
}
.fs-c-postage__list > dt, .fs-c-postage__list > dd {
margin: 0;
padding: 4px;
border: 1px solid #b2b2b2;
}
.fs-c-postage__list > dt.case-undeliverable, .fs-c-postage__list > dd.case-undeliverable {
background-color: #f7f7f7;
color: #b2b2b2;
}
.fs-c-postage__list > dt {
background: rgba(126, 126, 126, 0.08);
}
.fs-c-postage__list > dd {
border-top: none;
margin-bottom: 8px;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(3n + 1), .fs-c-postage__list--prefecture > dd:nth-of-type(3n + 1) {
grid-column: 1;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(3n + 2), .fs-c-postage__list--prefecture > dd:nth-of-type(3n + 2) {
grid-column: 2;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(3n + 3), .fs-c-postage__list--prefecture > dd:nth-of-type(3n + 3) {
grid-column: 3;
}
@media screen and (min-width: 768px) {
.fs-c-postage__list--prefecture > dt:nth-of-type(6n + 1), .fs-c-postage__list--prefecture > dd:nth-of-type(6n + 1) {
grid-column: 1;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(6n + 2), .fs-c-postage__list--prefecture > dd:nth-of-type(6n + 2) {
grid-column: 2;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(6n + 3), .fs-c-postage__list--prefecture > dd:nth-of-type(6n + 3) {
grid-column: 3;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(6n + 4), .fs-c-postage__list--prefecture > dd:nth-of-type(6n + 4) {
grid-column: 4;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(6n + 5), .fs-c-postage__list--prefecture > dd:nth-of-type(6n + 5) {
grid-column: 5;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(6n + 6), .fs-c-postage__list--prefecture > dd:nth-of-type(6n + 6) {
grid-column: 6;
}
}
@media screen and (min-width: 1200px) {
.fs-c-postage__list--prefecture > dt:nth-of-type(8n + 1), .fs-c-postage__list--prefecture > dd:nth-of-type(8n + 1) {
grid-column: 1;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(8n + 2), .fs-c-postage__list--prefecture > dd:nth-of-type(8n + 2) {
grid-column: 2;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(8n + 3), .fs-c-postage__list--prefecture > dd:nth-of-type(8n + 3) {
grid-column: 3;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(8n + 4), .fs-c-postage__list--prefecture > dd:nth-of-type(8n + 4) {
grid-column: 4;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(8n + 5), .fs-c-postage__list--prefecture > dd:nth-of-type(8n + 5) {
grid-column: 5;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(8n + 6), .fs-c-postage__list--prefecture > dd:nth-of-type(8n + 6) {
grid-column: 6;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(8n + 7), .fs-c-postage__list--prefecture > dd:nth-of-type(8n + 7) {
grid-column: 7;
}
.fs-c-postage__list--prefecture > dt:nth-of-type(8n + 8), .fs-c-postage__list--prefecture > dd:nth-of-type(8n + 8) {
grid-column: 8;
}
}
@media screen and (min-width: 768px) {
.fs-c-postage__list--purchasePrice > dt:nth-of-type(3n + 1), .fs-c-postage__list--purchasePrice > dd:nth-of-type(3n + 1), .fs-c-postage__list--pattern > dt:nth-of-type(3n + 1), .fs-c-postage__list--pattern > dd:nth-of-type(3n + 1), .fs-c-postage__list--packingWeight > dt:nth-of-type(3n + 1), .fs-c-postage__list--packingWeight > dd:nth-of-type(3n + 1) {
grid-column: 1;
}
.fs-c-postage__list--purchasePrice > dt:nth-of-type(3n + 2), .fs-c-postage__list--purchasePrice > dd:nth-of-type(3n + 2), .fs-c-postage__list--pattern > dt:nth-of-type(3n + 2), .fs-c-postage__list--pattern > dd:nth-of-type(3n + 2), .fs-c-postage__list--packingWeight > dt:nth-of-type(3n + 2), .fs-c-postage__list--packingWeight > dd:nth-of-type(3n + 2) {
grid-column: 2;
}
.fs-c-postage__list--purchasePrice > dt:nth-of-type(3n + 3), .fs-c-postage__list--purchasePrice > dd:nth-of-type(3n + 3), .fs-c-postage__list--pattern > dt:nth-of-type(3n + 3), .fs-c-postage__list--pattern > dd:nth-of-type(3n + 3), .fs-c-postage__list--packingWeight > dt:nth-of-type(3n + 3), .fs-c-postage__list--packingWeight > dd:nth-of-type(3n + 3) {
grid-column: 3;
}
}
@media screen and (min-width: 960px) {
.fs-c-postage__list--purchasePrice > dt:nth-of-type(5n + 1), .fs-c-postage__list--purchasePrice > dd:nth-of-type(5n + 1), .fs-c-postage__list--pattern > dt:nth-of-type(5n + 1), .fs-c-postage__list--pattern > dd:nth-of-type(5n + 1), .fs-c-postage__list--packingWeight > dt:nth-of-type(5n + 1), .fs-c-postage__list--packingWeight > dd:nth-of-type(5n + 1) {
grid-column: 1;
}
.fs-c-postage__list--purchasePrice > dt:nth-of-type(5n + 2), .fs-c-postage__list--purchasePrice > dd:nth-of-type(5n + 2), .fs-c-postage__list--pattern > dt:nth-of-type(5n + 2), .fs-c-postage__list--pattern > dd:nth-of-type(5n + 2), .fs-c-postage__list--packingWeight > dt:nth-of-type(5n + 2), .fs-c-postage__list--packingWeight > dd:nth-of-type(5n + 2) {
grid-column: 2;
}
.fs-c-postage__list--purchasePrice > dt:nth-of-type(5n + 3), .fs-c-postage__list--purchasePrice > dd:nth-of-type(5n + 3), .fs-c-postage__list--pattern > dt:nth-of-type(5n + 3), .fs-c-postage__list--pattern > dd:nth-of-type(5n + 3), .fs-c-postage__list--packingWeight > dt:nth-of-type(5n + 3), .fs-c-postage__list--packingWeight > dd:nth-of-type(5n + 3) {
grid-column: 3;
}
.fs-c-postage__list--purchasePrice > dt:nth-of-type(5n + 4), .fs-c-postage__list--purchasePrice > dd:nth-of-type(5n + 4), .fs-c-postage__list--pattern > dt:nth-of-type(5n + 4), .fs-c-postage__list--pattern > dd:nth-of-type(5n + 4), .fs-c-postage__list--packingWeight > dt:nth-of-type(5n + 4), .fs-c-postage__list--packingWeight > dd:nth-of-type(5n + 4) {
grid-column: 4;
}
.fs-c-postage__list--purchasePrice > dt:nth-of-type(5n + 5), .fs-c-postage__list--purchasePrice > dd:nth-of-type(5n + 5), .fs-c-postage__list--pattern > dt:nth-of-type(5n + 5), .fs-c-postage__list--pattern > dd:nth-of-type(5n + 5), .fs-c-postage__list--packingWeight > dt:nth-of-type(5n + 5), .fs-c-postage__list--packingWeight > dd:nth-of-type(5n + 5) {
grid-column: 5;
}
}
.fs-c-postage__table {
border-collapse: separate;
border-spacing: 2px;
margin: -4px;
width: calc(100% + 8px);
}
.fs-c-postage__table > thead {
background: rgba(126, 126, 126, 0.08);
font-weight: bold;
}
.fs-c-postage__table__headerCell {
font-weight: normal;
font-size: 1.2rem;
}
.fs-c-postage__table > thead .fs-c-postage__table__headerCell {
font-weight: bold;
}
.fs-c-postage__table__dataCell {
padding: 2px;
}
.fs-c-postage__table > tbody .fs-c-postage__table__headerCell,
.fs-c-postage__table > tbody .fs-c-postage__table__dataCell {
text-align: right;
}
.fs-c-postage__table > tbody > tr + tr .fs-c-postage__table__headerCell,
.fs-c-postage__table > tbody > tr + tr .fs-c-postage__table__dataCell {
border-top: 1px dotted #e5e5e5;
}
.fs-c-productChooseVariation__variation + .fs-c-productChooseVariation__variation {
margin-top: 16px;
}
.fs-c-productImage a {
text-decoration: none;
}
.fs-c-productImageViewer__thumbnail__image.is-active > img {
border: 2px solid #e76b34;
padding: 1px;
}
.fs-c-productListCarousel__list__item {
flex-basis: 132px;
max-width: 132px;
min-width: 132px;
margin: 0 4px;
}
.fs-c-productListCarousel__list__item > * + * {
margin-top: 8px;
}
@media screen and (min-width: 600px) {
.fs-c-productListCarousel__list__item {
flex-basis: 200px;
max-width: 200px;
min-width: 200px;
margin: 0 8px;
}
}
.fs-c-productListItem__image__image {
max-width: 100%;
object-fit: contain;
}
.fs-c-productListItem__viewMoreImageButton {
font-size: 1.2em;
justify-content: flex-end;
padding: 0;
}
.fs-c-productListItem__productName {
display: flex;
flex-direction: column;
font-size: 1.4rem;
margin: 8px 0;
}
.fs-c-productListItem__productName:first-child {
margin-top: 0;
}
.fs-c-productListItem__productName__copy {
font-size: 1.2rem;
}
.fs-c-productListItem__productDescription {
margin: 8px 0;
}
.fs-c-productListItem__notice {
background: rgba(126, 126, 126, 0.08);
font-size: 1.2rem;
line-height: 1;
margin: 8px 0;
padding: 4px 4px;
text-align: center;
}
.fs-c-productListItem__salesPeriodNotice {
background: #333333;
color: #ffffff;
}
.fs-c-productListItem__lowInStock, .fs-c-productListItem__outOfStock, .fs-c-productListItem__numberOfStock {
background: transparent;
border: 1px solid currentColor;
}
.fs-c-productListItem__rating {
margin: 8px 0;
}
.fs-c-productListItem__viewReview {
justify-content: flex-end;
}
.fs-c-productListItem__control {
justify-content: space-between;
}
.fs-c-productListItem__control > *:last-child {
margin-left: auto;
}
.fs-c-productMark__mark {
border-radius: 3px;
}
.fs-c-productMainImage__image {
display: flex;
align-items: center;
justify-content: center;
}
.fs-c-productMainImage__image [src$="loading.svg"] {
margin: 40px auto;
width: auto;
}
.fs-c-productMainImage__expandButton {
justify-content: flex-end;
}
.fs-c-productCarouselMainImage__image__caption {
background: rgba(30, 30, 30, 0.4);
color: #ffffff;
line-height: 1.8;
}
.fs-c-productCarouselMainImage__expandButton {
justify-content: flex-end;
}
.fs-c-productCarouselMainImage__thumbnailList {
margin: 8px 0;
}
.fs-c-productCarouselMainImage__thumbnail__img {
border: 2px solid transparent;
}
.slick-active .fs-c-productCarouselMainImage__thumbnail__img {
border-color: #666666;
}
.fs-c-productCoordinationList:not(:first-child) {
margin-top: 2em;
}
.fs-c-productCoordinationList__title {
border-bottom: 2px solid currentColor;
color: #7c8790;
font-size: 1.8rem;
}
.fs-c-productCoordinationList__list {
display: grid;
grid-template-columns: calc(50% - 0px) calc(50% - 0px);
grid-gap: 0px;
}
@media screen and (min-width: 600px) {
.fs-c-productCoordinationList__list {
display: grid;
grid-template-columns: calc(33.3333333333% - 0px) calc(33.3333333333% - 0px) calc(33.3333333333% - 0px);
grid-gap: 0px;
}
}
@media screen and (min-width: 768px) {
.fs-c-productCoordinationList__list {
display: grid;
grid-template-columns: calc(25% - 0px) calc(25% - 0px) calc(25% - 0px) calc(25% - 0px);
grid-gap: 0px;
}
}
@media screen and (min-width: 960px) {
.fs-c-productCoordinationList__list {
display: grid;
grid-template-columns: calc(20% - 0px) calc(20% - 0px) calc(20% - 0px) calc(20% - 0px) calc(20% - 0px);
grid-gap: 0px;
}
}
.fs-c-productCoordinationList__list__item {
padding: 16px 8px;
}
.fs-c-productCoordinationListItem__image__image {
max-width: 100%;
object-fit: contain;
}
.fs-c-productCoordinationListItem__creationDate {
display: none;
}
.fs-c-productCoordinationListItem__publicationDate {
font-size: 1.2rem;
}
.fs-c-productCoordinationListItem__staffInfo__image {
width: 48px;
height: 48px;
}
.fs-c-productCoordinationListItem__staffInfo__profile {
font-size: 1rem;
}
.fs-c-productCoordinationListItem__staffInfo__name {
font-size: 1.4rem;
font-weight: bold;
}
.fs-c-productCoordinationListItem__staffInfo__ruby {
display: none;
}
.fs-c-productMembersLoginLink {
display: block;
}
.fs-c-productName__copy, .fs-c-productName__variation {
font-size: 0.8em;
}
.fs-c-productName__copy, .fs-c-productName__name, .fs-c-productName__variation {
display: block;
}
.fs-c-productNameHeading {
color: #3c3c3c;
font-size: 1.8rem;
}
.fs-c-productNameHeading__copy {
font-size: 0.8em;
}
.fs-c-productNameHeading__variation {
font-size: 0.8em;
}
.fs-c-productNotice--outOfStock, .fs-c-productNotice--subscriptionOutOfStock {
background: rgba(126, 126, 126, 0.08);
padding: 4px;
text-align: center;
}
.fs-c-productNumber {
border: 1px solid currentColor;
display: inline-block;
font-size: 1.2rem;
padding: 4px 8px;
}
.fs-c-productNumber__number {
font-weight: bold;
}
.fs-c-productOption__name, .fs-c-productOption__option {
padding: 4px;
}
.fs-c-productOption__name, .fs-c-productOption__comment {
font-size: 1.2rem;
}
.fs-c-productOption__name {
background: rgba(126, 126, 126, 0.08);
}
.fs-c-productPointDisplay {
background: #7c8790;
color: #ffffff;
display: inline-block;
font-size: 1.2rem;
line-height: 1;
padding: 4px 8px;
}
.fs-c-productPointDisplay__quantity {
font-weight: bold;
}
.fs-c-productPrice {
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.fs-c-productPrice__main {
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.fs-c-productPrice__main__label {
margin-right: 4px;
}
.fs-c-productPrice__main__joint {
margin: 0 0.25em;
}
.fs-c-productPrice__addon, .fs-c-productPrice__main__addon {
font-size: 1.2rem;
}
.fs-c-productPrice__addon:where(:not([class*="--listed"])), .fs-c-productPrice__main__addon:where(:not([class*="--listed"])) {
display: flex;
flex-wrap: wrap;
line-height: 1.1;
}
.fs-c-productPrice__addon:where(:not([class*="--listed"]))::before, .fs-c-productPrice__main__addon:where(:not([class*="--listed"]))::before {
content: "(";
}
.fs-c-productPrice__addon:where(:not([class*="--listed"]))::after, .fs-c-productPrice__main__addon:where(:not([class*="--listed"]))::after {
content: ")";
}
.fs-c-productPrice--listed {
display: flex;
align-items: baseline;
}
.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
color: #006db8;
}
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
font-size: 2.2rem;
}
.fs-c-subscriptionPriceTable .fs-c-productPrice {
justify-content: flex-end;
}
.fs-c-subscriptionPriceTable .fs-c-productPrice__main__price {
font-size: 1.8rem;
}
.fs-c-productReviewed {
display: grid;
grid-gap: 8px;
grid-template-columns: 1fr;
}
.fs-c-productReviewed__name {
font-size: 1.8rem;
}
@media screen and (min-width: 600px) {
.fs-c-productReviewed {
grid-template-columns: 1fr 1fr;
margin: auto;
max-width: 600px;
}
.fs-c-productReviewed__image {
grid-row: 1/5;
}
.fs-c-productReviewed__image__image {
max-width: 100%;
}
.fs-c-productReviewed__name {
grid-column: 2;
grid-row: 2;
}
.fs-c-productReviewed__number {
grid-column: 2;
grid-row: 3;
}
.fs-c-productReviewed__prices {
grid-column: 2;
grid-row: 4;
}
.fs-c-productReviewed__name:first-child {
grid-column: 1/2;
}
.fs-c-productReviewed__name:first-child + .fs-c-productReviewed__number {
grid-column: 1/2;
}
.fs-c-productReviewed__name:first-child + .fs-c-productReviewed__number + .fs-c-productReviewed__prices {
grid-column: 1/2;
}
}
.fs-c-productSalesPeriod {
border: 1px solid #808080;
border-width: 1px 0;
line-height: 1.4;
padding: 8px;
text-align: center;
}
.fs-c-productSelection__name {
background: rgba(126, 126, 126, 0.08);
font-size: 1.2rem;
padding: 4px;
}
.fs-c-productSelection__selection {
margin: 0;
padding: 4px;
}
.fs-c-productSelection__comment {
font-size: 1.2rem;
}
.fs-c-productStock__number::before {
content: " : ";
}
.fs-c-productStoreInventoryInfo {
padding: 8px 0;
}
.fs-c-productStoreInventoryInfo__link {
background: rgba(192, 192, 192, 0.08);
border: 1px solid currentColor;
color: #3c3c3c;
display: block;
padding: 8px;
text-align: center;
box-shadow: 0 0 2px #b2b2b2;
}
.fs-c-productStoreInventoryInfo__link:link {
color: #3c3c3c;
}
.fs-c-productStoreInventoryInfo__link:visited {
color: #3c3c3c;
}
.fs-c-productStoreInventoryInfo__link:hover {
color: #3c3c3c;
}
.fs-c-productStoreInventoryInfo__link:active {
color: #3c3c3c;
}
.fs-c-productStoreInventoryInfo__link:hover {
opacity: 0.8;
text-decoration: none;
}
.fs-c-productThumbnail__image.is-active > img {
border: 2px solid #666666;
}
.fs-c-productQuantityAndAction {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
align-items: center;
}
.fs-c-productQuantityAndAction__quantity {
margin-right: 16px;
}
.fs-c-productQuantityAndAction__action {
flex-grow: 1;
}
.fs-c-productQuantityAndAction > .fs-c-assist {
flex-basis: 100%;
min-width: 100%;
}
.fs-c-productQuantityAndWishlist {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: auto;
}
.fs-c-productQuantityAndWishlist__quantity {
grid-column: 1;
grid-row: 1;
justify-self: start;
align-self: baseline;
}
.fs-c-productQuantityAndWishlist__wishlist {
grid-column: 2;
grid-row: 1;
justify-self: end;
align-self: baseline;
}
.fs-c-productQuantityAndWishlist > .fs-c-assist {
grid-column: 1/3;
grid-row: 2;
padding-top: 0;
}
.fs-c-productVariationPrice {
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.fs-c-productVariationPrice__price {
color: #006db8;
}
.fs-c-productVariationPrice__addon {
font-size: 0.8em;
}
.fs-c-productVariationPrice__addon:not(.fs-c-productVariationPrice__addon--listed) {
display: flex;
flex-wrap: wrap;
line-height: 1.1;
}
.fs-c-productVariationPrice__addon:not(.fs-c-productVariationPrice__addon--listed)::before {
content: "(";
}
.fs-c-productVariationPrice__addon:not(.fs-c-productVariationPrice__addon--listed)::after {
content: ")";
}
.fs-c-purchasePointExpiration__expiration:empty::before {
content: "\2014";
}
.fs-c-quantity__number.is-error {
border: 1px solid #da4453;
background-color: #fcf5c2;
}
.fs-c-radio__radioMark {
border-color: #999999;
}
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark {
border-color: #2559A8;
}
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark::before {
background: #2559A8;
}
.fs-c-radio2 {
gap: 4px;
}
.fs-c-radio2__label {
display: grid;
grid-template-columns: auto 1fr;
gap: 4px;
padding: 8px;
}
.fs-c-radio2__radioMark {
align-self: center;
}
.is-active .fs-c-radio2__radioLabelText {
font-weight: bold;
}
.fs-c-radio2__radioLabelAdditionalInfo {
grid-column: 2;
grid-row: 2;
}
.is-disabled .fs-c-radio2__radioLabelAdditionalInfo {
font-size: 1.2rem;
}
.fs-c-radioItemList {
display: grid;
grid-template-columns: 1fr;
gap: 4px;
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-c-radioItemList__item {
border-radius: 3px;
border: solid 2px transparent;
}
.fs-c-radioItemList__item:hover:not(.is-disabled), .fs-c-radioItemList__item.is-active {
background-color: rgba(255, 255, 255, 0.5);
border-color: #e5e5e5;
}
.fs-c-radioItemList__item.is-active .c-radio2__radioLabelText {
font-weight: bold;
}
.fs-c-rating__value {
color: #C78D2F;
margin-left: 8px;
}
.fs-c-registerSuccessMessage {
margin: 24px auto;
padding-bottom: 24px;
border-bottom: 1px solid #999999;
text-align: center;
}
.fs-c-returnedSpecialContract {
padding: 8px 0;
}
.fs-c-reviewInfo__reviewer {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.fs-c-reviewInfo__date {
display: flex;
flex-wrap: wrap;
font-size: 1.2rem;
margin: 4px 0;
}
.fs-c-reviewInfo__date > dt:after {
content: "：";
}
.fs-c-reviewInfo__date > dd {
margin-left: 0;
}
.fs-c-reviewInfo--productDescription .fs-c-reviewInfo__reviewer {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.fs-c-reviewer__profile {
font-size: 1.2rem;
}
.fs-c-reviewer__name__nickname::after {
content: "さん";
}
.fs-c-reviewBody {
border: 1px solid #e5e5e5;
padding: 16px;
}
.fs-c-reviewList {
list-style: none;
padding: 0;
}
.fs-c-reviewList__item {
border-bottom: 1px solid #999999;
display: flex;
flex-direction: column;
padding: 16px 8px;
}
.fs-c-reviewList__item:first-child {
border-top: 1px solid #999999;
}
.fs-c-reviewList__item__product {
display: flex;
flex-direction: column;
}
.fs-c-reviewList__item__info {
display: flex;
flex-direction: column;
}
.fs-c-reviewList__item__body {
margin: 8px 0;
}
.fs-c-reviewList__item__editButton {
display: flex;
justify-content: flex-end;
}
@media screen and (min-width: 768px) {
.fs-c-reviewList__item {
display: grid;
grid-template-columns: 1fr 1fr 4fr;
grid-template-rows: 1fr auto auto;
grid-column-gap: 8px;
}
.fs-c-reviewList__item__editButton {
grid-row: 2;
grid-column: 1/4;
}
}
.fs-c-reviewList--product .fs-c-reviewList__item {
grid-template: 1fr/1fr 4fr;
}
.fs-c-reviewList--productDescription .fs-c-reviewList__item {
grid-template: auto auto/1fr;
}
.fs-c-reviewProduct__image {
margin-bottom: 8px;
}
.fs-c-reviewStars::before {
color: #C78D2F;
}
.fs-c-reviewStatus {
background: #090;
color: #ffffff;
display: inline-block;
font-size: 1rem;
padding: 4px 8px;
}
.fs-c-reviewerStatus {
background: #1f5da0;
border-radius: 1em;
color: #ffffff;
display: inline-block;
font-size: 1rem;
line-height: 1;
margin: 0 4px;
min-width: 8em;
padding: 4px 8px;
text-align: center;
}
.fs-c-revokeLinkedAccount__info {
text-align: center;
}
.fs-c-revokeLinkedAccount__note {
margin-top: 16px;
}
.fs-c-salesPeriod {
margin: 8px 0;
}
.fs-c-salesPeriod__date {
border: 1px solid currentColor;
font-size: 1.2rem;
margin: 0;
padding: 4px 8px;
text-align: center;
}
* + .fs-c-salesPeriod__date {
margin-top: 8px;
}
.fs-c-salesPeriod__date > dd {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
}
.fs-c-shippingCarrierInfo {
display: grid;
grid-auto-flow: row;
gap: 8px;
padding: 16px;
background-color: rgba(126, 126, 126, 0.08);
}
.fs-c-shippingCarrierInfo__heading {
font-weight: bold;
font-size: 1.4rem;
margin: 0;
}
.fs-c-shippingCarrierInfo__content {
display: grid;
grid-auto-flow: row;
gap: 16px;
background-color: #ffffff;
padding: 16px;
}
.fs-c-socialLogin__body {
display: flex;
flex-direction: column;
gap: 16px;
}
.fs-c-socialLogin__login {
display: flex;
flex-direction: column;
gap: 16px;
}
.fs-c-sortItems {
border: 1px solid currentColor;
display: flex;
align-items: stretch;
font-size: 1.2rem;
}
@media screen and (min-width: 600px) {
.fs-c-sortItems {
border: none;
}
}
.fs-c-sortItems__label {
text-align: center;
align-self: center;
color: inherit;
line-height: 1.4;
padding: 4px 8px;
}
@media screen and (min-width: 600px) {
.fs-c-sortItems__label {
border: 1px solid currentColor;
}
}
.fs-c-sortItems__list {
border-left: 1px solid currentColor;
display: flex;
flex-grow: 1;
flex-direction: row;
flex-wrap: wrap;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-sortItems__list > li {
box-sizing: border-box;
}
@media screen and (min-width: 600px) {
.fs-c-sortItems__list {
border: none;
}
}
.fs-c-sortItems__list__item.is-active {
background: #1f5da0;
color: #ffffff;
}
.fs-c-sortItems__list__item__label {
display: block;
padding: 4px 8px;
}
.fs-c-sortItems__list__item__label:link {
color: inherit;
}
.fs-c-sortItems__list__item__label:visited {
color: inherit;
}
.fs-c-sortItems__list__item__label:hover {
color: inherit;
}
.fs-c-sortItems__list__item__label:active {
color: inherit;
}
.fs-c-specialPointList {
border: 1px solid #b2b2b2;
padding: 8px;
margin: 8px 0;
}
.fs-c-specialPointList__label {
display: block;
margin-bottom: 4px;
color: #7c8790;
}
.fs-c-specialPointList__list {
margin: 0;
}
.fs-c-specTable {
border-collapse: collapse;
}
.fs-c-specTableContainer {
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.fs-c-specTable, .fs-c-specTable__headerCell, .fs-c-specTable__dataCell {
border: 1px solid #b2b2b2;
white-space: nowrap;
}
.fs-c-specTable__caption {
margin-bottom: 4px;
}
.fs-c-specTable__headerCell {
background: rgba(126, 126, 126, 0.08);
font-weight: normal;
}
.fs-c-specTable__headerCell, .fs-c-specTable__dataCell {
padding: 8px 16px;
text-align: center;
}
.fs-c-staffCoordinationSearch + .fs-c-staffCoordinationSearch {
margin-top: 24px;
}
.fs-c-staffCoordinationSearch__heading {
border-bottom: 2px solid #999999;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 8px;
word-break: break-all;
}
.fs-c-staffCoordinationSearch__heading::after {
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease;
transition-delay: 0s;
color: #999999;
font-family: "fs-icon";
content: "\e90b";
transform: rotate(-90deg);
}
.fs-c-staffCoordinationSearch__heading + .fs-c-staffCoordinationSearch__body {
display: none;
}
.fs-c-staffCoordinationSearch__checkbox:checked + .fs-c-staffCoordinationSearch__heading::after {
transform: rotate(90deg);
}
.fs-c-staffCoordinationSearch__checkbox:checked + .fs-c-staffCoordinationSearch__heading + .fs-c-staffCoordinationSearch__body {
display: block;
}
.fs-c-staffCoordinationSearchGroupList, .fs-c-staffCoordinationSearchCategoryList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-staffCoordinationSearchGroupList > li, .fs-c-staffCoordinationSearchCategoryList > li {
box-sizing: border-box;
}
.fs-c-staffCoordinationSearchCategory__link {
border-bottom: 1px solid #999999;
display: flex;
align-items: center;
min-height: 40px;
padding-left: 16px;
}
.fs-c-staffCoordinationSearchCategory__link:hover {
text-decoration: none;
}
.fs-c-staffCoordinationSearchCategory__link::before {
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease;
transition-delay: 0s;
content: "\e933";
display: block;
font-family: "fs-icon";
font-size: 1.4em;
margin-left: -1.1em;
}
.fs-c-staffCoordinationSearchCategory__link__label {
flex-grow: 1;
}
.fs-c-staffCoordinationSearchCategory__link__label:hover {
text-decoration: underline;
}
.fs-c-staffCoordinationSearchCategory__link.is-active {
font-weight: bold;
pointer-events: none;
}
.fs-c-staffCoordinationSearchCategory__body {
padding: 4px 0 0 16px;
}
.fs-c-staffCoordinationSearchControl__label {
border: 1px solid #999999;
cursor: pointer;
display: block;
font-size: 1.8rem;
margin: 8px 0;
padding: 4px;
position: relative;
text-align: center;
}
.fs-c-staffCoordinationSearchControl__label::after {
content: "\e90b";
display: block;
font-family: "fs-icon";
font-size: 1.4em;
margin: auto;
position: absolute;
top: 0;
right: 8px;
bottom: 0;
transform: rotate(-90deg);
}
.fs-c-staffCoordinationSearchControl__label + .fs-c-staffCoordinationSearchControl__list {
display: none;
}
.fs-c-staffCoordinationSearchControl__checkbox:checked + .fs-c-staffCoordinationSearchControl__label::after {
transform: rotate(90deg);
}
.fs-c-staffCoordinationSearchControl__checkbox:checked + .fs-c-staffCoordinationSearchControl__label + .fs-c-staffCoordinationSearchControl__list {
display: block;
}
.fs-c-staffCoordinationSearchConditionList {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
list-style: none;
margin: 12px 0;
padding: 0;
}
.fs-c-staffCoordinationSearchConditionList > li {
box-sizing: border-box;
}
.fs-c-staffCoordinationSearchConditionList__item {
margin: 4px;
}
.fs-c-staffCoordinationSearchConditionList__item__link {
background-color: #666666;
cursor: pointer;
display: flex;
align-items: center;
padding: 0 6px 0 4px;
}
.fs-c-staffCoordinationSearchConditionList__item__link:link, .fs-c-staffCoordinationSearchConditionList__item__link:visited, .fs-c-staffCoordinationSearchConditionList__item__link:hover, .fs-c-staffCoordinationSearchConditionList__item__linkactive {
color: #ffffff;
}
.fs-c-staffCoordinationSearchConditionList__item__link:hover {
text-decoration: none;
}
.fs-c-staffCoordinationSearchConditionList__item__link::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e911";
font-size: 1.8rem;
line-height: 1.5;
margin-right: 4px;
}
.fs-c-staffCoordinationSearchConditionList__item__link:hover {
opacity: 0.8;
}
.fs-c-staffCoordinationSearchGroup__heading {
background: rgba(126, 126, 126, 0.08);
border-left: 3px solid #999999;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.4rem;
margin-bottom: 2px;
padding-left: calc(16px - 3px);
min-height: 40px;
}
.fs-c-staffCoordinationSearchGroup__heading:hover {
background: #e5e5e5;
}
.fs-c-staffCoordinationSearchGroup__heading::after {
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease;
transition-delay: 0s;
color: #999999;
font-family: "fs-icon";
font-size: 1.4em;
content: "\e90f";
}
.fs-c-staffCoordinationSearchGroup__body {
padding: 0 0 4px 16px;
}
.fs-c-staffCoordinationSearchGroup__heading + .fs-c-staffCoordinationSearchGroup__body {
display: none;
}
.fs-c-staffCoordinationSearchGroup__checkbox:checked + .fs-c-staffCoordinationSearchGroup__heading::after {
transform: rotate(180deg);
}
.fs-c-staffCoordinationSearchGroup__checkbox:checked + .fs-c-staffCoordinationSearchGroup__heading + .fs-c-staffCoordinationSearchGroup__body {
display: block;
}
.fs-c-staffCoordinationSearchMenu {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-staffCoordinationSearchMenu > li {
box-sizing: border-box;
}
.fs-c-staffCoordinationSearchMenu__item {
font-size: 1.2rem;
padding: 4px 0;
}
.fs-c-staffCoordinationSearchMenu__link {
color: inherit;
display: block;
padding: 4px 0;
}
.is-active .fs-c-staffCoordinationSearchMenu__link {
display: block;
font-size: 1.4rem;
font-weight: bold;
pointer-events: none;
}
.fs-c-staffDetail {
background-color: rgba(126, 126, 126, 0.08);
padding: 32px;
display: grid;
grid-gap: 16px;
grid-template-columns: 80px 1fr;
margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
.fs-c-staffDetail {
grid-gap: 40px;
grid-template-columns: 240px 30% 1fr;
align-items: center;
}
}
.fs-c-staffDetail__data {
display: flex;
flex-direction: column;
font-size: 1.4rem;
}
.fs-c-staffDetail__name {
font-size: 2.2rem;
font-weight: bold;
margin-bottom: 4px;
}
.fs-c-staffDetail__ruby {
display: none;
}
.fs-c-staffDetail__profile {
white-space: pre-wrap;
grid-column: 1/3;
}
@media screen and (min-width: 768px) {
.fs-c-staffDetail__profile {
grid-column: 3;
}
}
.fs-c-staffImage {
display: grid;
height: 0;
padding-bottom: 100%;
position: relative;
border-radius: 50%;
overflow: hidden;
}
.fs-c-staffImage > * {
height: 100%;
width: 100%;
object-fit: cover;
position: absolute;
}
.fs-c-staffInstagram {
display: flex;
align-items: center;
}
.fs-c-staffInstagram::before {
display: block;
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e939";
font-size: 30px;
margin: 0.5em 0.5em 0.5em 0;
text-decoration: none;
}
.fs-c-staffInstagram__name + .fs-c-staffInstagram__account {
margin-left: 8px;
}
.fs-c-staffInstagram__name + .fs-c-staffInstagram__account::before {
content: "(";
}
.fs-c-staffInstagram__name + .fs-c-staffInstagram__account::after {
content: ")";
}
.fs-c-staffList:not(:first-child) {
margin-top: 2em;
}
.fs-c-staffList__title {
border-bottom: 2px solid currentColor;
color: #7c8790;
font-size: 1.8rem;
}
.fs-c-staffList__list {
margin: 24px 0;
display: grid;
grid-template-columns: calc(50% - 12px) calc(50% - 12px);
grid-gap: 24px;
}
@media screen and (min-width: 600px) {
.fs-c-staffList__list {
display: grid;
grid-template-columns: calc(50% - 12px) calc(50% - 12px);
grid-gap: 24px;
}
}
@media screen and (min-width: 768px) {
.fs-c-staffList__list {
display: grid;
grid-template-columns: calc(33.3333333333% - 16px) calc(33.3333333333% - 16px) calc(33.3333333333% - 16px);
grid-gap: 24px;
}
}
@media screen and (min-width: 960px) {
.fs-c-staffList__list {
display: grid;
grid-template-columns: calc(25% - 18px) calc(25% - 18px) calc(25% - 18px) calc(25% - 18px);
grid-gap: 24px;
}
}
.fs-c-staffList__list__item {
padding: 16px 8px;
}
.fs-c-staffListItem {
display: grid;
grid-template-columns: auto;
grid-template-rows: auto 1fr;
align-items: baseline;
position: relative;
}
.fs-c-staffListItem > * {
flex-basis: 100%;
}
.fs-c-staffListItem__image {
align-self: stretch;
margin: 0 auto 12px;
width: 80%;
height: auto;
}
.fs-c-staffListItem__profile {
display: flex;
flex-wrap: wrap;
font-size: 1rem;
text-align: center;
}
.fs-c-staffListItem__profile > * {
flex-basis: 100%;
word-break: break-all;
}
.fs-c-staffListItem__profile__name {
display: inline-block;
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 4px;
}
.fs-c-staffListItem__profile__ruby, .fs-c-staffListItem__profile__height, .fs-c-staffListItem__profile__gender, .fs-c-staffListItem__profile__profile {
display: none;
}
.fs-c-staffCatalog:not(:first-child) {
margin-top: 2em;
}
.fs-c-staffCatalog__title {
border-bottom: 2px solid currentColor;
color: #7c8790;
font-size: 1.8rem;
}
.fs-c-staffCatalog__list {
display: grid;
grid-gap: 16px;
grid-template-columns: repeat(auto-fit, calc(50% - 16px));
}
@media screen and (min-width: 600px) {
.fs-c-staffCatalog__list {
grid-template-columns: repeat(auto-fit, calc(33% - 16px));
}
}
@media screen and (min-width: 768px) {
.fs-c-staffCatalog__list {
grid-template-columns: repeat(auto-fit, calc(25% - 16px));
}
}
@media screen and (min-width: 960px) {
.fs-c-staffCatalog__list {
grid-template-columns: repeat(auto-fit, calc(20% - 16px));
}
}
.fs-c-staffCatalog__footer {
text-align: right;
margin-top: 8px;
}
.fs-c-staffCatalog.is-sortedByPopularity {
counter-reset: itemOrder;
}
.fs-c-staffCatalog.is-sortedByPopularity .fs-c-staffCatalog__list__item {
position: relative;
}
.fs-c-staffCatalog.is-sortedByPopularity .fs-c-staffCatalog__list__item::before {
content: counter(itemOrder);
counter-increment: itemOrder;
background-color: #808080;
border: 1px solid currentColor;
border-radius: 2em;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.4rem;
line-height: 1;
padding: 0.4em 0.5em 0.3em;
position: absolute;
top: 0.5em;
left: 0.5em;
z-index: 1;
}
.fs-c-stockNotificationsMessage {
margin: 0 0 16px;
text-align: center;
}
.fs-c-stockNotificationsProduct {
margin: 0 auto 20px;
text-align: center;
}
.fs-c-stockNotificationsProduct__productImage {
margin-bottom: 8px;
}
.fs-c-stockNotificationsProduct__productImage__image {
margin: auto;
}
.fs-c-modal__contents .fs-c-stockNotificationsProduct {
display: grid;
grid-template-columns: 64px 1fr;
text-align: left;
}
.fs-c-modal__contents .fs-c-stockNotificationsProduct__productImage {
margin-right: 8px;
margin-bottom: 0;
}
.fs-c-modal__contents .fs-c-stockNotificationsProduct__productName:only-child {
grid-column: 1/3;
}
.fs-c-storeInfo {
margin: 24px 0;
}
.fs-c-storeInfo__title, .fs-c-storeInfo__description {
margin: 0;
}
.fs-c-storeInfo__title {
background: rgba(126, 126, 126, 0.08);
font-weight: bold;
padding: 4px 8px;
}
.fs-c-storeInfo__description {
margin-bottom: 8px;
padding: 8px;
}
@media screen and (min-width: 600px) {
.fs-c-storeInfo {
border-bottom: 1px solid #e5e5e5;
display: flex;
flex-wrap: wrap;
}
.fs-c-storeInfo__title, .fs-c-storeInfo__description {
border-top: 1px solid #e5e5e5;
}
.fs-c-storeInfo__title {
flex-basis: 30%;
padding: 8px;
}
.fs-c-storeInfo__description {
flex-basis: 70%;
margin-bottom: 0;
}
}
.fs-c-storeGroup__heading {
border-bottom: 2px solid #e5e5e5;
display: flex;
font-weight: bold;
justify-content: space-between;
padding: 8px;
}
.fs-c-storeGroup:first-child .fs-c-storeGroup__heading {
border-top: 2px solid #e5e5e5;
}
.fs-c-storeGroup__area {
display: flex;
}
.fs-c-storeGroup__area__storeCount::before {
content: "(";
}
.fs-c-storeGroup__area__storeCount::after {
content: ")";
}
.fs-c-storeGroup__body {
border-bottom: 2px solid #e5e5e5;
}
.fs-c-storeGroup__checkbox + .fs-c-storeGroup__heading::after {
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease;
transition-delay: 0s;
color: #999999;
font-family: "fs-icon";
content: "\e90b";
transform: rotate(-90deg);
}
.fs-c-storeGroup__checkbox:not(:checked) + .fs-c-storeGroup__heading + .fs-c-storeGroup__body {
display: none;
}
.fs-c-storeGroup__checkbox:checked + .fs-c-storeGroup__heading::after {
transform: rotate(90deg);
}
.fs-c-storeInventoryProduct {
display: grid;
grid-row-gap: 8px;
grid-template-columns: 1fr;
}
@media screen and (min-width: 600px) {
.fs-c-storeInventoryProduct {
grid-template-columns: auto 1fr;
grid-template-rows: 1fr auto auto;
grid-gap: 8px 16px;
align-items: end;
max-width: 624px;
}
.fs-c-storeInventoryProduct__image {
grid-column: 1;
grid-row: 1/4;
align-self: center;
}
.fs-c-storeInventoryProduct__image__image {
max-width: 100%;
}
.fs-c-storeInventoryProduct__name {
grid-column: 2;
grid-row: 1;
}
.fs-c-storeInventoryProduct__name:nth-last-child(2) {
grid-row: 2;
}
.fs-c-storeInventoryProduct__number {
grid-column: 2;
grid-row: 2;
}
.fs-c-storeInventoryProduct__number:last-child {
grid-row: 3;
}
.fs-c-storeInventoryProduct__variation {
grid-column: 2;
grid-row: 3;
}
}
.fs-c-storeInventoryStatus {
display: flex;
margin: 24px 0;
}
.fs-c-storeInventoryStatus > * {
border: 1px solid #e5e5e5;
padding: 8px;
}
.fs-c-storeInventoryStatus > *:not(:first-child) {
border-left: none;
}
.fs-c-storeInventoryStatus__label {
background-color: rgba(126, 126, 126, 0.08);
border-right: none;
}
.fs-c-storeInventoryStatus__message {
flex-basis: 100%;
margin: 0;
}
.fs-c-storeInventoryVariation__item__title {
background: rgba(126, 126, 126, 0.08);
border-top: 1px solid #e5e5e5;
font-weight: bold;
padding: 4px 8px;
}
.fs-c-storeInventoryVariation__item__body {
display: flex;
}
.fs-c-storeInventoryVariation__item__body > :last-child {
flex-grow: 1;
}
.fs-c-storeInventoryVariation__item__image {
margin: 8px 8px 8px 0;
}
.fs-c-storeInventoryVariationList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-storeInventoryVariationList > li {
box-sizing: border-box;
}
.fs-c-storeInventoryVariationList__item {
display: grid;
grid-template-columns: auto auto;
grid-column-gap: 8px;
align-items: center;
padding: 8px;
}
.fs-c-storeInventoryVariationList__item + .fs-c-storeInventoryVariationList__item {
border-top: 1px solid #e5e5e5;
}
.fs-c-storeInventoryVariationList__item:nth-of-type(even) {
background: rgba(192, 192, 192, 0.08);
}
.fs-c-storeInventoryVariationList__item__image {
display: block;
margin: 8px 8px 8px 0;
}
.fs-c-storeInventoryVariationList__item__stock {
text-align: right;
}
.fs-c-storeInventoryVariationList--withImage .fs-c-storeInventoryVariationList__item {
grid-template-columns: auto 40% 40%;
}
.fs-c-storeList {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-storeList > li {
box-sizing: border-box;
}
.fs-c-storeList__item {
padding: 8px;
}
.fs-c-storeList__item:nth-of-type(even) {
background-color: rgba(126, 126, 126, 0.08);
}
.fs-c-storeListItem {
display: flex;
justify-content: space-between;
align-items: center;
}
.fs-c-storeListItem__store {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.fs-c-storeListItem__store__name {
font-weight: bold;
}
.fs-c-storeListItem__store__address {
color: #3c3c3c;
display: none;
font-size: 1rem;
}
.fs-c-storeListItem__stock {
display: flex;
flex-direction: column;
align-items: center;
}
.fs-c-storeListItem__stock__label {
font-size: 1rem;
}
.fs-c-storeListItem__stock__status, .fs-c-storeListItem__stock__extend {
font-size: 1.2rem;
}
@media screen and (min-width: 600px) {
.fs-c-storeListItem__store__address {
display: block;
}
}
.fs-c-storeOrderHistory {
margin-top: 8px;
}
.fs-c-storeOrderHistoryItem {
border: 1px solid #b2b2b2;
border-radius: 3px;
margin-bottom: 24px;
overflow: hidden;
}
.fs-c-storeOrderHistoryItem__header {
border-bottom: 1px solid #b2b2b2;
background: rgba(126, 126, 126, 0.08);
}
.fs-c-storeOrderHistoryItem__header .fs-c-storeOrderHistoryItem__orderInfo__info {
padding: 8px;
}
.fs-c-storeOrderHistoryItem__orderDescriptionButton {
text-align: center;
}
.fs-c-storeOrderHistoryItem__orderInfo {
display: flex;
flex-wrap: wrap;
align-items: center;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-storeOrderHistoryItem__orderInfo > li {
box-sizing: border-box;
}
.fs-c-storeOrderHistoryItem__orderInfo__info {
margin: 0 8px 0 0;
}
.fs-c-storeOrderHistoryItem__orderInfo__info dd {
font-weight: 700;
margin: 0;
}
.fs-c-storeOrderHistoryItem__body {
padding: 0 8px;
}
.fs-c-storeOrderHistoryItem__product {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 8px;
}
.fs-c-storeOrderHistoryItem__product + .fs-c-storeOrderHistoryItem__product {
border-top: 1px solid #b2b2b2;
}
.fs-c-storeOrderHistoryItem__productName {
flex-shrink: 1;
}
.fs-c-storeOrderHistoryItem__productQuantity {
min-width: 4em;
text-align: right;
}
.fs-c-storeOrderHistoryItem__productQuantity__label {
font-size: 1.2rem;
}
.fs-c-storeOrderHistoryItem__footer {
border-top: 1px solid #b2b2b2;
padding-top: 16px;
margin: 8px;
text-align: right;
}
.fs-c-subgroup {
margin: 24px 0;
}
.fs-c-subgroupList {
display: flex;
align-items: stretch;
flex-wrap: wrap;
box-sizing: border-box;
list-style: none;
margin: 8px 0;
padding: 1px 0 0 1px;
}
.fs-c-subgroupList > li {
box-sizing: border-box;
}
.fs-c-subgroupList__item {
flex-grow: 1;
flex-basis: 100%;
margin-top: -1px;
}
@media screen and (min-width: 768px) {
.fs-c-subgroupList__item {
flex-basis: calc(33.3% + 1px);
margin-left: -1px;
margin-top: -1px;
}
}
@media screen and (min-width: 960px) {
.fs-c-subgroupList__item {
flex-basis: calc(25% + 1px);
margin-left: -1px;
margin-top: -1px;
}
}
.fs-c-subgroupList__link {
background: rgba(126, 126, 126, 0.08);
border: 1px solid #7c8790;
color: inherit;
display: grid;
grid-template-columns: auto 1fr 1.2em;
grid-template-rows: 1fr auto;
align-items: center;
height: 100%;
padding: 4px;
text-decoration: none;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0s;
}
.fs-c-subgroupList__link, .fs-c-subgroupList__link:visited, .fs-c-subgroupList__link:hover, .fs-c-subgroupList__link:active {
color: inherit;
text-decoration: none;
}
.fs-c-subgroupList__link:hover {
background: rgba(192, 192, 192, 0.08);
}
.fs-c-subgroupList__link::after {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #7c8790;
content: "\e90c";
font-size: 2.2rem;
grid-column: 3;
grid-row: 1/3;
}
.fs-c-subgroupList__image {
grid-column: 1;
grid-row: 1/3;
align-self: start;
margin-right: 8px;
}
.fs-c-subgroupList__image > img {
display: block;
max-width: 100%;
}
.fs-c-subgroupList__label {
grid-column: 2;
grid-row: 1;
align-self: center;
}
.fs-c-subgroupList__comment {
font-size: 1.2rem;
grid-column: 2;
grid-row: 2;
align-self: start;
}
.fs-c-subscriptionDeliveryInfo__cycleInfo {
display: flex;
flex-wrap: wrap;
margin-bottom: 8px;
background: rgba(126, 126, 126, 0.08);
padding: 8px;
}
.fs-c-subscriptionDeliveryInfo__cycleInfo__additionalCycle::before {
content: "（";
}
.fs-c-subscriptionDeliveryInfo__cycleInfo__additionalCycle::after {
content: "）";
}
.fs-c-subscriptionDeliveryInfo__cycleInfo__ctrl {
margin: 0 8px;
}
.fs-c-subscriptionDeliveryInfo__message {
background: rgba(126, 126, 126, 0.08);
font-size: 1.2rem;
margin: 4px 0;
padding: 8px;
}
.fs-c-subscriptionDeliveryInfo__specifiedDeliveryTime {
margin: 8px 0;
display: flex;
align-items: center;
}
.fs-c-subscriptionDeliveryInfo__specifiedDeliveryTime__timeLabel {
font-weight: bold;
}
.fs-c-subscriptionDeliveryInfo__specifiedDeliveryTime__time {
margin-left: 1em;
}
.fs-c-subscriptionDetail {
border: 1px solid #b2b2b2;
border-width: 1px 0;
margin: 0;
padding: 8px 0;
}
.fs-c-subscriptionDetail__label {
font-size: 1.2rem;
font-weight: bold;
}
.fs-c-subscriptionDetail__value {
margin: 0;
}
.fs-c-subscriptionDetail__value + .fs-c-subscriptionDetail__label {
margin-top: 16px;
}
.fs-c-subscriptionDetail__cardNumber::before {
content: "[ ";
}
.fs-c-subscriptionDetail__cardNumber::after {
content: " ]";
}
.fs-c-subscriptionDetail__changeCreditCardMessage {
background: rgba(126, 126, 126, 0.08);
font-size: 1.2rem;
padding: 8px;
}
.fs-c-subscriptionDetail__paymentNotification {
background: rgba(126, 126, 126, 0.08);
font-size: 1.2rem;
margin-top: 6px;
padding: 8px;
}
.fs-c-subscriptionDetail__paymentInfo {
font-size: 1.2rem;
margin-top: 6px;
}
@media screen and (min-width: 600px) {
.fs-c-subscriptionDetail {
border: 1px solid #b2b2b2;
border-width: 1px 0 0 1px;
display: grid;
grid-template-columns: auto 1fr;
grid-gap: 0;
padding: 0;
}
.fs-c-subscriptionDetail > * {
border: 1px solid #b2b2b2;
border-width: 0 1px 1px 0;
padding: 8px;
}
.fs-c-subscriptionDetail__label {
background: rgba(126, 126, 126, 0.08);
}
.fs-c-subscriptionDetail__value + .fs-c-subscriptionDetail__label {
margin-top: 0;
}
}
.fs-c-subscriptionGrandTotal {
border: 1px solid #999999;
border-width: 1px 0;
display: flex;
justify-content: space-between;
align-items: baseline;
margin: 24px 0 0;
padding: 4px;
}
.fs-c-subscriptionGrandTotal__title {
font-weight: bold;
line-height: 1;
margin: 0;
padding: 0;
}
.fs-c-subscriptionGrandTotal__title__times::before {
content: "(";
}
.fs-c-subscriptionGrandTotal__title__times::after {
content: ")";
}
.fs-c-subscriptionGrandTotalNote {
font-size: 1.2rem;
box-sizing: border-box;
list-style: none;
margin: 4px 0 0 0;
padding: 0;
}
.fs-c-subscriptionGrandTotalNote > li {
box-sizing: border-box;
}
.fs-c-subscriptionGrandTotalNote > li {
padding-left: 1em;
text-indent: -1em;
}
.fs-c-subscriptionGrandTotalNote > li::before {
content: "※";
}
.fs-c-subscriptionNextDelivery__schedule {
border: 1px solid #b2b2b2;
}
.fs-c-subscriptionNextDelivery__schedule__title {
padding: 8px;
background: rgba(126, 126, 126, 0.08);
border-bottom: 1px solid #b2b2b2;
font-weight: bold;
}
.fs-c-subscriptionNextDelivery__schedule__date, .fs-c-subscriptionNextDelivery__schedule__time {
display: inline-block;
font-size: 1.8rem;
font-weight: bold;
}
.fs-c-subscriptionNextDelivery__schedule__date {
padding: 8px 0 8px 8px;
}
.fs-c-subscriptionNextDelivery__schedule__time {
padding: 8px 8px 8px 0;
}
.fs-c-subscriptionNextDelivery__skipInfo {
margin-top: 16px;
border: 1px solid #b2b2b2;
}
.fs-c-subscriptionNextDelivery__skipInfo__label {
display: block;
padding: 8px;
background: rgba(126, 126, 126, 0.08);
border-bottom: 1px solid #b2b2b2;
}
.fs-c-subscriptionNextDelivery__skipInfo__date {
display: flex;
flex-wrap: wrap;
padding: 8px;
}
.fs-c-subscriptionNextDelivery__ctrl {
margin: 0 8px 8px;
background-color: rgba(126, 126, 126, 0.08);
padding: 8px;
display: flex;
flex-direction: column;
gap: 8px;
}
@media screen and (min-width: 600px) {
.fs-c-subscriptionNextDelivery__ctrl {
padding: 8px;
}
}
.fs-c-subscriptionNextDelivery__ctrl__item {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 16px;
}
.fs-c-subscriptionNextDelivery__ctrl__button > form {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.fs-c-subscriptionPriceTable {
border-collapse: collapse;
width: 100%;
}
.fs-c-subscriptionPriceTable__label, .fs-c-subscriptionPriceTable__price {
border: 1px solid #e5e5e5;
padding: 4px;
}
.fs-c-subscriptionPriceTable__label {
background: rgba(126, 126, 126, 0.08);
font-weight: normal;
text-align: left;
}
.fs-c-subscriptionProductTable {
border-collapse: collapse;
width: 100%;
}
.fs-c-subscriptionProductTable > thead > tr > th, .fs-c-subscriptionProductTable > tfoot > tr > th, .fs-c-subscriptionProductTable > tbody > tr > th {
background: rgba(126, 126, 126, 0.08);
}
.fs-c-subscriptionProductTable > thead > tr th, .fs-c-subscriptionProductTable > thead > tr td, .fs-c-subscriptionProductTable > tfoot > tr th, .fs-c-subscriptionProductTable > tfoot > tr td, .fs-c-subscriptionProductTable > tbody > tr th, .fs-c-subscriptionProductTable > tbody > tr td {
border: 1px solid #e5e5e5;
padding: 4px;
}
.fs-c-subscriptionProductTable > tbody > tr > th {
text-align: left;
}
.fs-c-subscriptionTotal {
margin-top: 24px;
}
.fs-c-subscriptionTotal__title {
border-bottom: 1px solid #999999;
font-size: 1.2rem;
line-height: 1;
margin: 0 0 8px;
padding: 0 0 8px;
text-align: center;
}
.fs-c-subscriptionTotalTable {
font-size: 1.2rem;
width: 100%;
}
.fs-c-subscriptionTotalTable + .fs-c-subscriptionTotalTable {
margin-top: 16px;
}
.fs-c-subscriptionTotalTable__caption {
border-bottom: 1px dotted #999999;
font-weight: bold;
margin-bottom: 4px;
text-align: left;
}
.fs-c-subscriptionTotalTable__caption__times::before {
content: "(";
}
.fs-c-subscriptionTotalTable__caption__times::after {
content: ")";
}
.fs-c-subscriptionTotalTable > tbody > tr th {
font-weight: normal;
text-align: left;
}
.fs-c-subscriptionTotalTable > tbody > tr td {
text-align: right;
}
.fs-c-subscriptionTotalTable .fs-c-subscriptionTotalTable__grandTotal > th {
font-weight: bold;
}
.fs-c-suggestedAddress {
box-shadow: 0 0 2px #b2b2b2;
background: rgba(244, 246, 248, 0.95);
border-radius: 3px;
color: #333333;
position: absolute;
width: 100%;
z-index: 1;
}
.fs-c-suggestedAddress__list {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-suggestedAddress__list > li {
box-sizing: border-box;
}
.fs-c-suggestedAddress__listItem {
padding: 4px 8px;
}
.fs-c-suggestedAddress__listItem + .fs-c-suggestedAddress__listItem {
border-color: #d6d7d9;
}
.fs-c-suggestedAddress__listItem:hover {
background: #d6d7d9;
}
.fs-c-toast {
box-shadow: 0 0 2px #b2b2b2;
color: #3c3c3c;
font-size: 1.8rem;
}
.fs-c-toast.is-success {
background: rgba(211, 228, 239, 0.95);
}
.fs-c-toast.is-error {
background: rgba(239, 211, 211, 0.95);
}
.fs-c-toast p {
margin: 0;
}
.fs-c-totalAndActions button:where(:not(.fs-c-button--image)) {
font-size: 1.8rem;
min-height: 3em;
min-width: 100%;
max-width: 100%;
}
.fs-c-totalAndActions .fs-c-payWithAmazon__button img {
max-width: 100%;
}
.fs-c-tradeSafeContainer {
margin: 24px 0;
text-align: center;
}
.fs-c-storeInventoryProduct .fs-c-variationAndActions__actions {
display: block;
}
.fs-c-variationCart__variationName__name {
font-weight: 700;
}
.fs-c-variationLabel {
font-weight: bold;
}
.fs-c-variationLabel__label + .fs-c-variationLabel__value::before {
content: " : ";
}
.fs-c-variationList__item__title {
background: rgba(126, 126, 126, 0.08);
font-weight: 700;
padding: 2px 4px;
}
.fs-c-variationMatrix {
display: grid;
gap: 8px;
grid-template-columns: minmax(64px, auto) 1fr;
grid-template-rows: auto;
}
.fs-c-variationMatrix:where(:not(.fs-c-variationMatrix--column)) {
grid-template-columns: minmax(0, 80px) 1fr;
}
.fs-c-variationMatrix__row {
display: grid;
grid-column: 1/3;
grid-template-columns: subgrid;
grid-template-rows: auto 1fr;
gap: 8px;
}
:where(:not(.fs-c-variationMatrix--column)) .fs-c-variationMatrix__row {
grid-template-columns: minmax(0, 80px) 1fr;
}
.fs-c-variationMatrix__row :where(:nth-child(1)) {
grid-column: 1;
grid-row: 1;
}
.fs-c-variationMatrix__row__variationName:nth-child(2) {
grid-column: 1;
grid-row: 2;
}
.fs-c-variationMatrix__row__variationPanels {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
grid-column: 2;
grid-row: 1/3;
}
.fs-c-variationMatrix__row__variationPanels:only-child {
grid-column: 1/3;
}
.fs-c-variationMatrix__row__thumbnail img, .fs-c-variationMatrix__row__variationName {
margin: 4px;
}
.fs-c-variationMatrix--column {
grid-template-columns: repeat(auto-fit, minmax(10em, max-content));
grid-template-rows: minmax(auto, 64px) auto auto;
}
.fs-c-variationMatrix__col {
grid-row: auto/span 3;
display: grid;
grid-template-rows: minmax(auto, 64px) auto 1fr;
grid-template-rows: subgrid;
}
.fs-c-variationMatrix__col > :where(:nth-child(1)) {
grid-row: 1;
align-self: end;
}
.fs-c-variationMatrix__col > :where(:nth-child(2)) {
grid-row: 2;
}
.fs-c-variationMatrix__col > :where(:nth-child(3)) {
grid-row: 3;
}
.fs-c-variationMatrix__col > :where(:only-child) {
grid-row: 1/4;
}
.fs-c-variationMatrix__col > :where(:nth-child(2):last-child) {
grid-row: 2/4;
}
.fs-c-variationMatrix__col__variationPanels {
align-self: auto;
display: grid;
}
.fs-c-variationMatrix__panel {
background: rgba(126, 126, 126, 0.08);
border: 1px solid #cccccc;
border-radius: 3px;
flex-grow: 1;
display: grid;
grid-template: auto/auto;
margin: 4px;
align-items: center;
justify-content: center;
padding: 8px;
}
.fs-c-variationMatrix__panel > * {
justify-self: center;
}
.fs-c-variationMatrix__panel :where(:only-child) {
grid-row: 1/5;
}
.fs-c-variationMatrix__panel :where(:first-child) {
grid-row: 1;
}
.fs-c-variationMatrix__panel__price {
align-self: end;
order: 1;
}
.fs-c-variationMatrix__panel.is-active {
background: #1f5da0;
color: #ffffff;
}
.fs-c-variationMatrix__panel__caption {
font-size: 1.2rem;
}
.fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel {
background: #2559A8;
color: #ffffff;
}
.fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel .fs-c-productVariationPrice__price {
color: #ffffff;
}
.fs-c-variationMatrix__radio:disabled + .fs-c-variationMatrix__panel {
background: #f7f7f7;
color: #b2b2b2;
}
.fs-c-variationMatrix__radio {
display: none;
}
.fs-c-variationPanelList {
display: flex;
flex-direction: column;
gap: 4px;
}
.fs-c-variationPanelList__list {
display: grid;
gap: 8px;
width: 100%;
grid-template-columns: repeat(auto-fit, minmax(9.6em, 1fr));
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-c-variationPanelList__list > li {
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.fs-c-variationPanelList__list {
grid-auto-flow: column;
grid-template-columns: repeat(auto-fill, 9.6em);
padding-bottom: 8px;
overflow-x: scroll;
white-space: nowrap;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
}
.fs-c-variationPanelList__list__item {
white-space: normal;
min-width: 9.6em;
flex-grow: 1;
}
}
.fs-c-variationPanelList__radio {
display: none;
}
.fs-c-variationPanelList__item {
display: flex;
flex-direction: column;
}
.fs-c-variationPanelList__panel {
border: 1px solid #cccccc;
border-radius: 3px;
display: grid;
grid-template-rows: 1fr auto;
flex-grow: 1;
height: 100%;
overflow: hidden;
}
.fs-c-variationPanelList__panel--outOfStock {
border-style: dashed;
}
.fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel:where(:not(.fs-c-variationPanelList__panel--outOfStock)) {
border-color: #2559A8;
}
.fs-c-variationPanelList__panel__caption {
font-size: 1.2rem;
}
.fs-c-variationPanelList__panel__content {
background: rgba(126, 126, 126, 0.08);
display: flex;
flex-direction: column;
gap: 2px;
min-height: 56px;
padding: 8px;
width: 100%;
}
.fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel .fs-c-variationPanelList__panel__content {
background: #2559A8;
color: #ffffff;
}
.fs-c-variationPanelList__panel--outOfStock .fs-c-variationPanelList__panel__content {
background: transparent;
}
.fs-c-variationPanelList__panel__label {
font-weight: bold;
}
.fs-c-variationPanelList__panel__price :where(.fs-c-productVariationPrice__price) {
font-weight: bold;
}
.fs-c-variationPanelList__panel__image {
display: flex;
justify-content: center;
align-items: center;
height: 64px;
max-height: 64px;
max-width: 100%;
padding-bottom: 8px;
text-align: center;
}
.fs-c-variationPanelList__panel__image img {
max-height: 100%;
}
.fs-c-variationPanelList__panel__price {
background-color: transparent;
padding: 8px;
}
.fs-c-variationPanelList__panel__caption, .fs-c-variationPanelList__panel__stock {
font-size: 1.2rem;
margin-top: auto;
}
.fs-c-variationRadioList {
margin: 8px 0;
}
.fs-c-variationRadioList__row {
border-top: 1px solid #808080;
display: flex;
align-items: stretch;
justify-content: space-between;
padding: 4px;
}
.fs-c-variationRadioList__row:last-child {
border-bottom: 1px solid #808080;
}
.fs-c-variationRadioList__radio {
flex-grow: 1;
}
.fs-c-variationRadioList__name {
font-weight: 700;
display: flex;
align-items: baseline;
flex-wrap: wrap;
}
.fs-c-variationRadioList__name__name, .fs-c-variationRadioList__name__stock {
margin-right: 8px;
}
.fs-c-variationRadioList__name__caption {
font-weight: 300;
font-size: 1.2rem;
}
.fs-c-variationRadioList__name__price {
flex-basis: 100%;
font-weight: 300;
}
.fs-c-variationRadioList__wishlist {
align-self: center;
}
.fs-pt-carousel__slide {
margin: 0;
padding: 0;
position: relative;
}
.fs-pt-carousel__slide__caption {
background: rgba(30, 30, 30, 0.4);
color: #fff;
padding: 8px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.fs-pt-column {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
align-items: flex-start;
}
.fs-pt-column__item {
color: inherit;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
padding: 8px;
text-decoration: none;
}
.fs-pt-column__item:only-child {
padding: 8px 0;
}
.fs-pt-column__item > * + * {
margin-top: 4px;
}
.fs-pt-column__image > img {
display: block;
max-width: 100%;
}
.fs-pt-column__heading {
font-size: 1.8rem;
font-weight: bold;
}
@media screen and (min-width: 600px) {
.fs-pt-column--2 {
grid-template-columns: 1fr 1fr;
}
.fs-pt-column--3 {
grid-template-columns: 1fr 1fr 1fr;
}
.fs-pt-column--4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.fs-pt-column--5 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
}
.fs-pt-list--unordered > li::before {
border: 3px solid #ccc;
border-radius: 50%;
content: "";
width: 0.5em;
height: 0.5em;
top: 0.3em;
}
.fs-pt-list--note > li::before {
content: "※";
}
.fs-pt-menu {
list-style: none;
margin: 0;
padding: 0;
}
.fs-pt-menu a {
margin: -8px;
padding: 8px;
text-decoration: none;
}
.fs-pt-menu a:link, .fs-pt-menu a:visited {
color: inherit;
}
.fs-pt-menu a:hover {
color: #3790e8;
}
.fs-pt-menu li {
margin: 0;
}
.fs-pt-menu * {
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0s;
}
.fs-pt-menu__item {
position: relative;
}
.fs-pt-menu__heading {
display: block;
}
.fs-pt-menu__submenu {
list-style: none;
overflow: hidden;
padding: 0;
}
.fs-pt-menu__link {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.fs-pt-menu__link::before, .fs-pt-menu__link::after {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.4em;
}
.fs-p-accountInfo {
background: #f7f7f7;
color: #333333;
padding: 8px;
}
.fs-p-accountInfo__header, .fs-p-accountInfo__currentPurchase {
display: flex;
align-items: baseline;
flex-direction: row;
justify-content: space-between;
}
.fs-p-accountInfo__body {
text-align: center;
background: #ffffff;
padding: 8px;
margin-bottom: 8px;
}
.fs-p-accountInfo__accountStage[class~=is-staged--] {
display: none;
}
.fs-p-accountInfo__accountStage__stage {
font-size: 2.2rem;
font-weight: bold;
}
.fs-p-accountInfo__point[class~=has-points--] {
display: none;
}
.fs-p-accountInfo__point__point__available {
font-weight: bold;
}
.fs-p-accountInfo__point__point__available__number {
color: #C98696;
font-size: 2.2rem;
}
.fs-p-address {
display: flex;
flex-direction: column;
}
.fs-p-announcement {
margin: 32px 0;
}
.fs-p-announcement__title {
color: #7c8790;
font-size: 1.8rem;
margin: 0;
}
.fs-p-banner {
border-radius: 3px;
border: 1px solid #e5e5e5;
display: flex;
align-items: center;
justify-content: center;
}
.fs-p-banner:hover {
opacity: 0.6;
}
.fs-p-banner__link {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
padding: 12px 8px;
position: relative;
}
.fs-p-banner__link:hover {
text-decoration: none;
}
.fs-p-banner__link i {
font-size: 1.4rem;
padding-right: 4px;
}
.fs-p-banner__label {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: center;
}
.fs-p-banner__label--emphasis {
font-size: 1.8rem;
}
.fs-p-banner--registration {
background: #7c8790;
}
.fs-p-banner--registration .fs-p-banner__link {
color: #ffffff;
}
.fs-p-banner--lineIdLink {
background: #50c900;
border-color: #50c900;
}
.fs-p-banner--lineIdLink .fs-p-banner__link {
color: #ffffff;
}
.fs-p-banner--postage {
background: #ffffff;
}
.fs-p-banner--postage .fs-p-banner__link {
color: #333333;
}
.fs-p-banner--postage .fs-p-banner__label--emphasis {
color: #e2133d;
}
.fs-p-bannerGroup {
margin: 24px auto;
max-width: 1216px;
}
.fs-p-card {
background: rgba(126, 126, 126, 0.08);
border: 1px solid #999999;
margin: 8px 0;
padding: 12px;
}
.fs-p-card__title {
border-bottom: 1px solid currentColor;
font-size: 1.8rem;
margin-top: 8px;
text-align: center;
padding-bottom: 16px;
}
.fs-p-card__message {
padding: 0 8px;
}
.fs-p-card__footer {
text-align: right;
}
.fs-p-cartItemNumber {
background: #E25B33;
border-radius: 1em;
color: #ffffff;
display: none;
font-size: 1rem;
line-height: 1;
padding: 0.25em 0.4em;
position: absolute;
top: 2px;
right: 2px;
}
.fs-p-cartItemNumber.fs-client-cart-count--0, .fs-p-cartItemNumber.fs-client-subscriptionCart-count--0 {
display: none;
}
.fs-p-closed {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.fs-p-closed > * {
max-width: 100vw;
}
.fs-p-closed__heading {
font-size: 1.8rem;
}
.fs-p-closed__message {
word-break: break-all;
}
.fs-p-dateList > li {
border: 1px solid #999999;
border-width: 1px 0 0 0;
padding: 8px 0 0;
}
.fs-p-dateList > li:last-child {
border-bottom-width: 1px;
padding-bottom: 8px;
}
.fs-p-dateList > li time:first-child {
background: #646464;
color: #ffffff;
line-height: 1.2;
padding: 2px 4px 1.6px;
}
.fs-p-drawer {
background: #ffffff;
box-shadow: 1px 1px 5px #b2b2b2;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 8px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
padding-bottom: 24px;
transform: translateX(-101%);
z-index: 2;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0s;
}
.fs-p-ctrlDrawer:checked + .fs-p-drawer {
transform: translateX(0);
}
.fs-p-drawer__buttonContainer {
display: flex;
justify-content: flex-end;
}
.fs-p-drawer__button {
cursor: pointer;
}
.fs-p-drawer__welcomeMsg {
margin: 8px 0;
flex-direction: column;
justify-content: center;
align-items: center;
}
.fs-p-drawer__welcomeMsg.is-ready {
display: flex;
}
.fs-p-drawer__loginLogout__logout, .fs-p-drawer__loginLogout__login {
border: 1px solid #7c8790;
border-radius: 20px;
color: #3c3c3c;
display: flex;
justify-content: center;
align-items: center;
height: 32px;
text-decoration: none;
}
.fs-p-drawer__loginLogout__logout:hover, .fs-p-drawer__loginLogout__login:hover {
background: #2559A8;
color: #ffffff;
text-decoration: none;
}
.fs-p-drawer__loginLogout__logout.is-loggedIn--false {
display: none;
}
.fs-p-drawer__loginLogout__login {
background: rgba(126, 126, 126, 0.08);
}
.fs-p-drawer__loginLogout__login.is-loggedIn--true {
display: none;
}
.fs-p-drawer__heading {
border-bottom: 1px solid #999999;
font-size: 2.2rem;
padding-bottom: 4px;
text-align: center;
}
@media screen and (min-width: 1200px) {
.fs-p-drawer {
box-shadow: none;
position: relative;
transform: translateX(0);
}
.fs-p-drawer__loginLogout, .fs-p-drawer__welcomeMsg {
display: none;
}
}
.fs-p-drawerButton {
cursor: pointer;
display: inline-block;
padding: 8px;
}
.fs-p-drawerButton__icon {
font-size: 2.8rem;
}
.fs-p-drawerButton__label {
display: block;
font-size: 1rem;
text-transform: uppercase;
}
@media screen and (min-width: 1200px) {
.fs-p-drawerButton {
display: none;
}
}
.fs-p-estimatedTotalPriceComment {
margin-top: 16px;
background-color: #f7f7f7;
padding: 8px;
}
.fs-p-estimatedTotalPriceComment > *:first-child {
margin-top: 0;
}
.fs-p-estimatedTotalPriceComment > *:last-child {
margin-bottom: 0;
}
.fs-p-flexibleColumn {
display: flex;
flex-wrap: wrap;
}
.fs-p-flexibleColumn > * {
margin-right: 8px;
margin-bottom: 8px;
}
.fs-p-scrollingCartButton {
position: fixed;
right: 0;
bottom: 10%;
z-index: 100;
}
.fs-p-scrollingCartButton__button {
background: #646464;
border-radius: 0px;
display: block;
line-height: 1;
opacity: 0.9;
padding: 8px;
position: relative;
text-align: center;
}
.fs-p-scrollingCartButton__button:link {
color: #ffffff;
}
.fs-p-scrollingCartButton__button:visited {
color: #ffffff;
}
.fs-p-scrollingCartButton__button:hover {
color: #ffffff;
}
.fs-p-scrollingCartButton__button:active {
color: #ffffff;
}
.fs-p-scrollingCartButton__button:hover {
text-decoration: none;
}
.fs-p-scrollingCartButton__icon {
font-size: 3.6rem;
}
.fs-p-scrollingCartButton__label {
display: block;
font-size: 1.2rem;
}
.fs-p-footerCopyright {
color: #fff;
background-color: #646464;
text-align: center;
padding: 4px;
}
.fs-p-footerCopyright__text {
margin: 0;
font-size: 1.2rem;
}
.fs-p-footerNavigation {
display: grid;
grid-template-columns: 1fr;
grid-gap: 16px;
margin: 24px auto;
max-width: 1216px;
}
@media screen and (min-width: 768px) {
.fs-p-footerNavigation {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 960px) {
.fs-p-footerNavigation {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.fs-p-footerNavigationItem__title {
display: block;
border-bottom: 1px solid currentColor;
padding: 4px;
font-size: 1.8rem;
position: relative;
text-align: center;
z-index: 1;
}
.fs-p-footerNavigationItem__body {
padding: 8px 0;
display: none;
}
@media screen and (min-width: 600px) {
.fs-p-footerNavigationItem__body {
display: block;
}
}
.fs-p-footerNavigationItem__nav {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-p-footerNavigationItem__nav > li {
box-sizing: border-box;
}
.fs-p-footerNavigationItem__navItem {
padding: 2px 0;
}
.fs-p-footerNavigationItem__navItem a {
color: #646464;
}
.fs-p-footerNavigationItem__navItem--register.is-loggedIn--true {
display: none;
}
.fs-p-footerNavigationItem__navItem--logout.is-loggedIn--false {
display: none;
}
.fs-p-footerNavigationItem__emphasis {
color: #e2133d;
font-size: 1.8rem;
}
.fs-p-footerNavigationItem__dataList {
display: grid;
grid-template-columns: auto 1fr;
grid-auto-flow: row;
margin-bottom: 0;
}
.fs-p-footerNavigationItem__dataList:first-child {
margin-top: 0;
}
.fs-p-footerNavigationItem__dataList__title {
padding-right: 8px;
}
.fs-p-footerNavigationItem__dataList__data {
padding-left: 8px;
margin: 0;
position: relative;
}
.fs-p-footerNavigationItem__dataList__data::before {
content: ":";
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto 0;
}
.fs-p-footerNavigationItem__link {
text-decoration: underline;
}
.fs-p-footerNavigationItem__sub {
margin-top: 8px;
}
.fs-p-footerNavigationItem__subTitle {
font-size: 1.2em;
}
.fs-p-footerNavigationItem__ctrl {
display: none;
}
.fs-p-footerNavigationItem__ctrlIcon {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.fs-p-footerNavigationItem__ctrlIcon::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e937";
display: block;
font-size: 2.2rem;
margin-top: -1.2em;
transform: rotate(180deg);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}
@media screen and (min-width: 600px) {
.fs-p-footerNavigationItem__ctrlIcon {
display: none;
}
}
.fs-p-footerNavigationItem__ctrl:checked + .fs-p-footerNavigationItem__ctrlIcon::before {
transform: rotate(0deg);
}
.fs-p-footerNavigationItem__ctrl:checked + .fs-p-footerNavigationItem__ctrlIcon + .fs-p-footerNavigationItem__body {
display: block;
}
@media screen and (min-width: 768px) {
.fs-p-footerNavigationItem {
margin-bottom: 16px;
}
.fs-p-footerNavigationItem + .fs-p-footerNavigationItem {
margin-top: 0;
}
.fs-p-footerNavigationItem__title {
font-size: 1.4rem;
font-weight: 700;
text-align: left;
}
.fs-p-footerNavigationItem__subTitle {
font-size: 1.4rem;
font-weight: 700;
}
}
.fs-p-footerPageTop {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
display: flex;
justify-content: flex-end;
width: 100%;
margin: 0 auto;
padding: 0 12px;
max-width: 1216px;
}
.fs-p-footerPageTop__link {
overflow: hidden;
text-indent: -999px;
width: 32px;
height: 32px;
background-color: #646464;
}
.fs-p-footerPageTop__link::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e937";
display: block;
color: #ffffff;
font-size: 2.6rem;
line-height: 1.3;
text-indent: 0;
text-align: center;
}
.fs-p-footerPageTop__link:hover {
text-decoration: none;
}
.fs-p-footerSnsLink {
display: flex;
justify-content: center;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-p-footerSnsLink > li {
box-sizing: border-box;
}
.fs-p-footerSnsLink__item + .fs-p-footerSnsLink__item {
margin-left: 8px;
}
.fs-p-footerSnsLink__item__icon {
display: block;
}
.fs-p-footerSnsLink__item__icon img {
display: block;
}
.fs-p-footerUtilityMenu__list > li:not(:first-child) a {
border-top: 2px solid #646464;
}
.fs-p-footerUtilityMenu__list span {
padding: 8px;
}
.fs-p-footerUtilityMenu__list a {
display: block;
position: relative;
}
.fs-p-footerUtilityMenu__list a::after {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e90c";
font-size: 2.2rem;
font-weight: 700;
position: absolute;
height: 2.2rem;
top: 0;
right: 12px;
bottom: 0;
margin: auto 0;
}
@media screen and (min-width: 960px) {
.fs-p-footerUtilityMenu {
margin-top: 0;
padding: 8px;
}
.fs-p-footerUtilityMenu__list {
display: flex;
flex-wrap: wrap;
}
.fs-p-footerUtilityMenu__list > li + li {
margin-left: 16px;
}
.fs-p-footerUtilityMenu__list > li:not(:first-child) a {
border-top: none;
}
.fs-p-footerUtilityMenu__list span {
padding: 0;
}
.fs-p-footerUtilityMenu__list a::before {
display: inline-block;
content: "";
border: 4px solid transparent;
border-left-color: currentColor;
}
.fs-p-footerUtilityMenu__list a::after {
display: none;
}
}
.fs-p-headerNavBar {
background: #646464;
border-bottom: 2px solid #7c8790;
color: #ffffff;
}
.fs-p-headerNavigation {
margin: auto;
max-width: 1216px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.fs-p-headerNavigation__list {
display: flex;
flex-wrap: wrap;
width: 100%;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-p-headerNavigation__list > li {
box-sizing: border-box;
}
.fs-p-headerNavigation__listItem {
flex-grow: 1;
}
.fs-p-headerNavigation__link {
background: transparent;
border-radius: 0;
display: flex;
flex-direction: column;
align-items: center;
font-size: 1rem;
padding: 8px;
}
.fs-p-headerNavigation__link > i {
font-size: 2.6rem;
}
.fs-p-headerNavigation__link:link {
color: #ffffff;
}
.fs-p-headerNavigation__link:visited {
color: #ffffff;
}
.fs-p-headerNavigation__link:hover {
color: #ffffff;
}
.fs-p-headerNavigation__link:active {
color: #ffffff;
}
.fs-p-headerNavigation__link:hover {
background: rgba(255, 255, 255, 0.15);
text-decoration: none;
}
.fs-p-headerNavigation__viewCartButton, .fs-p-headerNavigation__viewSubscriptionCartButton {
background: inherit;
border: none;
color: inherit;
position: relative;
}
.fs-p-headerNavigation__search {
flex-grow: 1;
}
@media screen and (min-width: 768px) {
.fs-p-headerNavigation__list {
width: auto;
}
.fs-p-headerNavigation__listItem {
display: flex;
min-width: 120px;
}
.fs-p-headerNavigation__link, .fs-p-headerNavigation__viewCartButton, .fs-p-headerNavigation__viewSubscriptionCartButton {
flex-direction: row;
font-size: 1.4rem;
}
.fs-p-headerNavigation__link > i, .fs-p-headerNavigation__viewCartButton > i, .fs-p-headerNavigation__viewSubscriptionCartButton > i {
font-size: 1.4rem;
padding-right: 4px;
}
.fs-p-headerNavigation__viewCartButton {
padding: 8px 16px 8px;
}
.fs-p-headerNavigation__search {
flex-grow: 0;
}
}
.fs-p-heading--lv2 {
border-bottom: 2px solid currentColor;
color: #7c8790;
font-size: 1.8rem;
}
.fs-p-heading--lv2:not(:first-child) {
margin-top: 2em;
}
.fs-p-headerUtilityMenu__list {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
font-size: 1.2rem;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-p-headerUtilityMenu__list > li {
box-sizing: border-box;
}
.fs-p-headerUtilityMenu__list.is-ready {
display: flex;
}
.fs-p-headerUtilityMenu__list > li + li {
margin-left: 16px;
}
.fs-p-headerUtilityMenu__list a {
display: inline-block;
}
.fs-p-headerUtilityMenu__list a:link {
color: #3c3c3c;
}
.fs-p-headerUtilityMenu__list a:visited {
color: #3c3c3c;
}
.fs-p-headerUtilityMenu__list a:hover {
color: #3790e8;
}
.fs-p-headerUtilityMenu__list a:active {
color: #3c3c3c;
}
.fs-p-headerUtilityMenu__list a::before {
content: "";
border: 4px solid transparent;
border-right-width: 1px;
border-left-color: currentColor;
display: inline-block;
height: 0;
width: 0;
}
.fs-p-headerUtilityMenu__login.is-loggedIn--true, .fs-p-headerUtilityMenu__register.is-loggedIn--true {
display: none;
}
.fs-p-headerUtilityMenu__logout.is-loggedIn--false {
display: none;
}
.fs-p-inputGroup {
display: flex;
align-items: stretch;
border: 1px solid #444444;
background: #444444;
}
.fs-p-inputGroup__input {
border: none;
border-radius: 0;
width: calc(100% - 3em);
flex-grow: 1;
}
.fs-p-inputGroup__button {
background: #444444;
border: none;
color: #ffffff;
width: auto;
flex-shrink: 0;
}
.fs-p-logo {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 8px;
}
.fs-p-logo__image {
max-height: 48px;
}
@media screen and (min-width: 768px) {
.fs-p-logo__image {
max-height: 100%;
}
}
.fs-p-logo__type {
font-size: 5.2rem;
font-weight: bold;
line-height: 1.2;
}
.fs-p-logo__lead {
font-size: 1rem;
margin: 4px 0 0;
}
.fs-p-listWithCheckmark {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-p-listWithCheckmark > li {
box-sizing: border-box;
}
.fs-p-listWithCheckmark > li {
background: rgba(255, 255, 255, 0.5);
display: flex;
align-items: center;
margin: 8px 0;
padding: 4px 8px;
}
.fs-p-listWithCheckmark > li::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e938";
padding-right: 4px;
}
.fs-p-linkButton {
border: 1px solid currentColor;
border-radius: 3px;
display: inline-block;
line-height: 0.9;
padding: 4px 8px;
text-align: center;
}
.fs-p-linkButton:hover {
text-decoration: none;
}
.fs-p-memberInfo {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
.fs-p-memberInfo__stage[class~=is-staged--] {
display: none;
}
.fs-p-memberInfo__points {
color: #646464;
font-size: 1.4rem;
font-weight: bold;
}
.fs-p-memberInfo__points[class~=has-points--] {
display: none;
}
.fs-p-memberInfo.is-loggedIn--false {
display: none;
}
.fs-p-messageBoard {
background-color: #f7f7f7;
border: 1px solid #7c8790;
border-radius: 3px;
color: #3c3c3c;
margin-bottom: 24px;
padding: 16px;
}
.fs-p-messageBoard__heading {
display: block;
font-weight: 700;
margin-bottom: 8px;
}
.fs-p-pageNotFound {
margin: 48px auto;
text-align: center;
}
.fs-p-pageNotFound__title {
margin: 8px auto;
font-size: 1.4rem;
font-weight: 700;
}
.fs-p-pageNotFound__body {
margin-top: 24px;
}
@media screen and (min-width: 768px) {
.fs-p-pageNotFound {
margin-top: 120px;
}
}
.fs-p-phoneOrder {
display: block;
text-align: right;
}
.fs-p-phoneOrder > * {
display: inline-block;
}
.fs-p-phoneOrder__phoneNum {
font-size: 2.2rem;
font-weight: bold;
margin-left: 8px;
}
.fs-p-phoneOrder__addition {
font-size: 1rem;
}
.fs-p-productSearch {
border-bottom: 1px solid #999999;
display: grid;
grid-template: auto 1fr/1fr auto;
padding: 8px;
}
.fs-p-productSearch__formSwitch {
cursor: pointer;
background: rgba(126, 126, 126, 0.08);
line-height: 2;
padding: 0 8px;
}
.fs-p-productSearch__formClose {
display: none;
}
.fs-p-productSearch__search {
overflow: auto;
max-height: 0px;
grid-row: 2;
grid-column: 1/3;
transition-property: max-height;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
-webkit-overflow-scrolling: touch;
}
.fs-p-productSearch__form {
background: rgba(126, 126, 126, 0.08);
padding: 32px;
transform: translateY(-100%);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: linear;
transition-delay: 0s;
}
.fs-p-productSearch :checked + .fs-p-productSearch__formSwitch .fs-p-productSearch__formClose {
display: block;
}
.fs-p-productSearch :checked + .fs-p-productSearch__formSwitch .fs-p-productSearch__formOpen {
display: none;
}
.fs-p-productSearch :checked ~ .fs-p-productSearch__search {
max-height: 90vh;
}
.fs-p-productSearch :checked ~ .fs-p-productSearch__search .fs-p-productSearch__form {
transform: translateY(0);
}
.fs-p-productSearch__searchButton {
min-width: 8em;
padding-left: calc(1.6em + 8px);
position: relative;
}
.fs-p-productSearch__searchButton::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e932";
font-size: 1.8rem;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 8px;
text-align: center;
width: 1em;
height: 1em;
}
.fs-p-productSearch__inputTable {
table-layout: fixed;
}
@media screen and (min-width: 768px) {
.fs-p-productSearch__field {
display: grid;
grid-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: calc(50% - 8px * 2) calc(50% - 8px * 2);
}
.fs-p-productSearch__searchButtonContainer {
grid-row: 2;
grid-column: 1/3;
}
}
.fs-p-purchasePointExpiration {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.fs-p-screenImages {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.fs-p-screenImages > li {
box-sizing: border-box;
}
.fs-p-screenImages__image {
padding: 8px 16px;
}
@media screen and (min-width: 600px) {
.fs-p-screenImages__image {
padding: 0;
}
}
.fs-p-searchForm__input {
width: calc(100% - 2.2em);
}
.fs-p-searchForm__button {
overflow: hidden;
position: relative;
text-indent: -999px;
width: 2.2em;
height: 2em;
}
.fs-p-searchForm__button::before {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e932";
display: block;
font-size: 2.2rem;
line-height: 1.2;
position: absolute;
text-indent: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fs-p-sideMenu {
list-style: none;
margin: 0;
padding: 0;
}
.fs-p-sideMenu a {
color: inherit;
margin: -8px;
padding: 8px;
text-decoration: none;
}
.fs-p-sideMenu a:hover {
background: #2559A8;
color: #ffffff;
}
.fs-p-sideMenu li {
margin: 0;
}
.fs-p-sideMenu * {
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: linear;
transition-delay: 0s;
}
.fs-p-sideMenu .fs-pt-menu__item {
position: relative;
}
.fs-p-sideMenu .fs-pt-menu__item + .fs-pt-menu__item {
margin-top: 8px;
}
.fs-p-sideMenu .fs-pt-menu__heading {
display: block;
padding: 8px;
}
.fs-p-sideMenu .fs-pt-menu__submenu {
list-style: none;
overflow: hidden;
padding: 0;
}
.fs-p-sideMenu .fs-pt-menu__link {
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding-left: 8px;
}
.fs-p-sideMenu .fs-pt-menu__link::before, .fs-p-sideMenu .fs-pt-menu__link::after {
font-family: "fs-icon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.4em;
}
.fs-p-sideMenu .fs-pt-menu__heading--lv1 {
border: 1px solid #999999;
}
.fs-p-sideMenu .fs-pt-menu__link--lv1 {
justify-content: space-between;
}
.fs-p-sideMenu .fs-pt-menu__link--lv1::after {
content: "\e90c";
}
.fs-p-sideMenu .fs-pt-menu__heading--lv2 {
border-bottom: 1px solid #999999;
}
.fs-p-sideMenu .fs-pt-menu__link--lv2 {
padding-left: 0;
}
.fs-p-sideMenu .fs-pt-menu__link--lv2::before {
content: "\e933";
}
.fs-p-sideMenu .fs-pt-menu__link--lv3::before {
content: "\e934";
}
.fs-p-sideMenu .fs-pt-menu__link--lv4::before {
content: "\e935";
}
.fs-p-sideMenu .fs-pt-menu__link--lv5::before {
content: "\002003";
}
.fs-p-snsArea {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin: 8px 0;
}
.fs-p-snsArea > * {
margin-right: 8px;
}
.fs-l-block--center {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
[class*=fs-l-col--] {
display: grid;
grid-gap: 16px;
grid-template-columns: 1fr;
grid-template-rows: auto;
}
[class*=fs-l-col--] img {
display: block;
max-width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 600px) {
.fs-l-col--2 {
grid-template-columns: repeat(2, 1fr);
}
.fs-l-col--3 {
grid-template-columns: repeat(3, 1fr);
}
.fs-l-col--4 {
grid-template-columns: repeat(4, 1fr);
}
.fs-l-col--5 {
grid-template-columns: repeat(5, 1fr);
}
}
.fs-l-header {
display: block;
padding-top: 8px;
}
.fs-l-header__contents {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: 4em 1fr 4em;
align-items: start;
}
.fs-l-header__contents > * {
padding: 0 8px;
}
.fs-l-header__leftContainer {
grid-row: 1;
grid-column: 1;
align-self: center;
}
.fs-l-header__logo {
grid-row: 1;
grid-column: 2;
}
.fs-l-header__utility {
display: none;
grid-row: 1;
grid-column: 3;
align-self: stretch;
}
.fs-l-header__welcomeMsg, .fs-l-header__welcomeMsg.is-ready {
display: none;
}
@media screen and (min-width: 768px) {
.fs-l-header__welcomeMsg.is-ready {
display: block;
}
.fs-l-header__contents {
grid-template-rows: auto auto;
grid-template-columns: 40% 20% 40%;
}
.fs-l-header__utility {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr;
}
.fs-l-header__utility *:first-child {
grid-column: 1;
grid-row: 1;
}
.fs-l-header__utility *:nth-child(2) {
grid-column: 1;
grid-row: 2;
}
.fs-l-header__utility *:last-child {
align-self: end;
}
}
@media screen and (min-width: 960px) {
.fs-l-header__leftContainer {
align-self: start;
}
}
.fs-l-header--min {
border-bottom: 2px solid #646464;
}
.fs-l-footer {
position: relative;
border-top: 1px solid #7c8790;
background-color: #f7f7f7;
color: #3c3c3c;
margin-top: 80px;
}
.fs-l-footer a {
color: #3c3c3c;
}
.fs-l-footer__contents {
margin: auto;
max-width: 1216px;
}
.fs-l-footer__contents > * {
padding: 0 8px;
}
.fs-l-footer__utility {
display: flex;
flex-direction: column-reverse;
margin: 24px auto 0;
max-width: 1216px;
}
.fs-l-footer__utility .fs-p-footerUtilityMenu {
margin-top: 16px;
}
.fs-l-footer__utility .fs-p-footerUtilityMenu__list li:first-child a {
border-top: 2px solid #646464;
}
@media screen and (min-width: 960px) {
.fs-l-footer__utility .fs-p-footerUtilityMenu__list li:first-child a {
border-top: none;
}
}
@media screen and (min-width: 960px) {
.fs-l-footer__utility {
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 8px;
padding: 0 8px;
}
}
.fs-l-main {
margin: 24px auto;
padding: 8px;
max-width: 1216px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fs-l-pageMain {
max-width: 1216px;
width: 100%;
}
@media screen and (min-width: 1200px) {
.fs-l-sideArea {
max-width: 240px;
}
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
max-width: 928px;
}
}
@media screen and (min-width: 768px) {
.fs-body-about-shippingPayment .fs-c-specTableContainer {
display: grid;
grid-template-columns: calc(50% - 16px) calc(50% - 16px);
grid-gap: 32px;
}
}
.fs-body-about-shippingPayment .fs-c-specTable {
width: 100%;
}
.fs-body-about-shippingPayment .fs-c-specTable__headerCell {
width: 30%;
}
.fs-body-cart .fs-l-cart__contentsArea {
margin-bottom: 24px;
}
.fs-body-cart .fs-l-cart__contentsArea > * {
margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
.fs-body-cart .fs-l-cart__contentsArea {
display: grid;
grid-template-columns: 1fr 280px;
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.fs-body-cart .fs-l-cart__contentsArea > * {
margin-bottom: auto;
}
.fs-body-cart .fs-l-cart__contentsArea.is-linkedServiceLoginAvailable {
grid-template-columns: 1fr 332px;
}
.fs-body-cart .fs-l-cart__sideColumn {
border: 1px solid #e5e5e5;
border-radius: 3px;
padding: 16px;
align-self: start;
}
}
.fs-body-cart .fs-c-noResultMessage {
grid-column: 1/3;
}
.fs-body-cart .fs-c-estimatedDeliveryDate {
margin-top: 16px;
}
.fs-body-cart-login .fs-c-loginForm {
margin: 24px auto;
max-width: 600px;
}
.fs-body-cart-login .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-cart-login .fs-c-guestPurchase {
border-top: 1px solid #7c8790;
margin-top: 48px;
padding-top: 24px;
text-align: center;
}
[class^=fs-body-checkout] .fs-l-checkout__mainColumn > * + * {
margin-top: 24px;
}
[class^=fs-body-checkout] .fs-l-checkout__sideColumn {
margin-top: 24px;
}
[class^=fs-body-checkout] .fs-l-checkout__sideColumn .fs-c-agreementConfirmationArea,
[class^=fs-body-checkout] .fs-l-checkout__sideColumn .fs-c-additionalCheckField,
[class^=fs-body-checkout] .fs-l-checkout__sideColumn .fs-c-fieldMessage {
font-size: 1.2rem;
}
[class^=fs-body-checkout] .fs-l-checkout__sideColumn .fs-c-additionalCheckField {
margin-top: 8px;
}
[class^=fs-body-checkout] .fs-l-checkout__sideColumn .fs-c-fieldMessage {
margin-top: 0;
}
@media screen and (min-width: 960px) {
[class^=fs-body-checkout] .fs-l-checkout {
display: flex;
align-items: flex-start;
width: 100%;
}
[class^=fs-body-checkout] .fs-l-checkout__mainColumn {
flex-grow: 1;
max-width: calc(100vw - 8px * 44);
padding-right: 24px;
}
[class^=fs-body-checkout] .fs-l-checkout__sideColumn {
margin-top: 0;
flex-grow: 1;
flex-basis: 320px;
min-width: 320px;
}
}
[class^=fs-body-checkout] .fs-c-checkout-preview__title + .fs-c-orderTotalTable > tbody > tr:first-of-type th, [class^=fs-body-checkout] .fs-c-checkout-preview__title + .fs-c-orderTotalTable > tbody > tr:first-of-type td {
border-top: none;
}
:where([class^=fs-body-checkout] .fs-c-checkout-shippingInfo__body) .fs-c-panel {
margin: 0;
}
.fs-body-checkout-subscribe-amazon label[for=fs_input_memberAgree], .fs-body-checkout-subscribe-amazon label[for=fs_input_memberAgree] > .fs-c-checkbox__checkMark {
cursor: not-allowed;
}
.fs-body-closed,
.fs-body-closed .fs-l-main,
.fs-body-closed .fs-l-pageMain {
width: 100%;
max-width: 100%;
height: 100vh;
margin: 0 auto;
padding: 0;
}
.fs-body-closed .fs-l-pageMain {
display: flex;
flex-direction: column;
align-items: center;
}
.fs-body-closed .fs-c-heading--page {
width: 100%;
margin: 0;
}
.fs-body-customerDetails .fs-c-agreementField {
border-top: 1px solid #999999;
margin-top: 24px;
padding-top: 24px;
}
.fs-body-customerDetailsSubscribe label[for=fs_input_memberAgree], .fs-body-customerDetailsSubscribe label[for=fs_input_memberAgree] > .fs-c-checkbox__checkMark {
cursor: not-allowed;
}
.fs-body-forgotPassword .fs-c-inputInformation__field, .fs-body-merge .fs-c-inputInformation__field, .fs-body-membershipCardAuth .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-line-login .fs-c-loginForm {
margin: 24px 0;
}
.fs-body-line-login .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-line-login .fs-c-buttonContainer--back {
justify-content: flex-start;
}
@media screen and (min-width: 960px) {
.fs-body-line-login .fs-c-loginForm {
display: flex;
justify-content: center;
}
.fs-body-line-login .fs-c-registeredUsers {
flex-grow: 1;
flex-basis: calc(50% - 80px);
}
.fs-body-line-login .fs-c-newUsers {
margin-left: 80px;
}
}
.fs-body-linkOrder .fs-c-loginForm {
margin: 24px 0;
}
.fs-body-linkOrder .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-linkOrder .fs-c-buttonContainer--back {
justify-content: flex-start;
}
@media screen and (min-width: 960px) {
.fs-body-linkOrder .fs-c-loginForm {
display: flex;
justify-content: center;
}
.fs-body-linkOrder .fs-c-registeredUsers {
flex-grow: 1;
flex-basis: calc(50% - 80px);
}
.fs-body-linkOrder .fs-c-newUsers {
margin-left: 80px;
}
}
.fs-body-login .fs-c-loginForm {
margin: 24px 0;
}
.fs-body-login .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
@media screen and (min-width: 960px) {
.fs-body-login .fs-c-loginForm {
display: flex;
justify-content: flex-start;
gap: 48px 80px;
flex-wrap: wrap;
}
.fs-body-login .fs-c-loginForm > * {
flex-basis: calc(50% - 40px);
}
}
.fs-body-merge .fs-c-modal .fs-c-inputInformation__field {
background: none;
padding: 0;
}
.fs-body-my-account-password .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-my-cards .fs-c-inputInformation__field {
max-width: 768px;
}
.fs-body-my-linkedAccounts .fs-c-inputInformation__field {
max-width: 100%;
}
.fs-body-my-orders .fs-c-history, .fs-body-my-storeOrders .fs-c-history {
display: grid;
grid-template-columns: 1fr;
grid-gap: 24px;
}
.fs-body-my-orders .fs-c-history__info, .fs-body-my-storeOrders .fs-c-history__info {
grid-column: 1;
grid-row: 1;
}
.fs-body-my-orders .fs-c-history__listContainer, .fs-body-my-storeOrders .fs-c-history__listContainer {
grid-column: 1;
grid-row: 2;
}
@media screen and (min-width: 960px) {
.fs-body-my-orders .fs-c-history, .fs-body-my-storeOrders .fs-c-history {
grid-template-columns: 1fr auto;
}
.fs-body-my-orders .fs-c-history__info, .fs-body-my-storeOrders .fs-c-history__info {
grid-column: 2;
grid-row: 1;
align-self: start;
}
.fs-body-my-orders .fs-c-history__listContainer, .fs-body-my-storeOrders .fs-c-history__listContainer {
grid-column: 1;
grid-row: 1;
}
}
.fs-body-my-orders-details .fs-c-orderDetail__data, .fs-body-my-orders-details .fs-c-orderDetail__addresseeInfo, .fs-body-my-orders-details .fs-c-orderDetail__orderInfo, .fs-body-my-orders-details .fs-c-orderDetail__cancellation {
margin-bottom: 24px;
}
.fs-body-my-orders-details .fs-c-orderDetail__cancellation {
margin-top: -16px;
text-align: right;
}
.fs-body-my-orders-details .fs-c-orderPaymentTable {
margin-top: 16px;
}
@media screen and (max-width: 600px) {
.fs-body-my-orders-details .fs-c-cartTable__row {
border: 1px solid #b2b2b2;
}
.fs-body-my-orders-details .fs-c-cartTable__dataCell {
padding: 8px;
}
.fs-body-my-orders-details .fs-c-cartTable__dataCell--subtotal {
background: rgba(126, 126, 126, 0.08);
border-top: 1px solid #b2b2b2;
}
.fs-body-my-orders-details .fs-c-cartTable__dataCell--review {
border-top: 1px solid #b2b2b2;
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 960px) {
.fs-body-my-orders-details .fs-c-orderPerAddressee {
display: grid;
grid-gap: 16px;
grid-template: auto auto auto/1fr 352px;
align-items: start;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__heading {
grid-row: 1;
grid-column: 1/span 2;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__addressee {
grid-row: 2;
grid-column: 1;
margin: 0;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__deliveryInfoList {
grid-row: 2;
grid-column: 2;
margin: 0;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__cartTable {
grid-row: 3;
grid-column: 1;
}
.fs-body-my-orders-details .fs-c-orderPerAddressee__orderDeliveryInfo {
grid-row: 3;
grid-column: 2;
}
.fs-body-my-orders-details .fs-c-orderDetailInfo {
display: grid;
grid-gap: 16px;
grid-template: auto auto auto/1fr 352px;
align-items: start;
}
.fs-body-my-orders-details .fs-c-orderDetailInfo__heading {
grid-column: 1/span 2;
}
}
.fs-body-my-subscription-details .fs-c-orderDetail__data, .fs-body-my-subscription-details .fs-c-orderDetail__subscriptionNextDelivery, .fs-body-my-subscription-details .fs-c-orderDetail__subscriptionDeliveryInfo, .fs-body-my-subscription-details .fs-c-orderDetail__orderInfo, .fs-body-my-subscription-details .fs-c-orderDetail__cancellation {
margin-bottom: 24px;
}
.fs-body-my-subscription-details .fs-c-orderDetail__cancellation {
margin-top: -16px;
text-align: right;
}
@media screen and (max-width: 600px) {
.fs-body-my-subscription-details .fs-c-cartTable__row {
border: 1px solid #b2b2b2;
}
.fs-body-my-subscription-details .fs-c-cartTable__dataCell {
padding: 8px;
}
}
@media screen and (min-width: 960px) {
.fs-body-my-subscription-details .fs-c-orderDetailInfo {
display: grid;
grid-gap: 16px;
grid-template: auto auto auto/1fr 352px;
align-items: start;
}
.fs-body-my-subscription-details .fs-c-orderDetailInfo__heading {
grid-row: 1;
grid-column: 1/span 2;
}
.fs-body-my-subscription-details .fs-c-orderDetailInfo__cartTable {
grid-row: 2;
grid-column: 1;
}
.fs-body-my-subscription-details .fs-c-orderDetailInfo__orderTotal {
grid-row: 2;
grid-column: 2;
}
}
.fs-body-my-subscription-cancel .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-my-subscription-cancel .fs-c-inputInformation__notificationMessage {
background: rgba(126, 126, 126, 0.08);
}
.fs-body-my-subscription-changeNextDelivery .fs-c-inputInformation__field, .fs-body-my-subscription-changeDeliveryCycle .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-my-subscription-changeNextDelivery .fs-c-inputInformation__notificationMessage, .fs-body-my-subscription-changeDeliveryCycle .fs-c-inputInformation__notificationMessage {
background: rgba(126, 126, 126, 0.08);
}
.fs-body-my-points .fs-c-history__info {
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.fs-body-my-points .fs-c-history__info {
max-width: 560px;
}
}
.fs-body-my-points .fs-c-history__listContainer {
padding-top: 24px;
}
.fs-body-my-top .fs-p-accountInfo {
margin-bottom: 24px;
}
@media screen and (min-width: 960px) {
.fs-body-my-top .fs-l-account {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.fs-body-my-top .fs-p-accountInfo {
flex-basis: 35%;
}
.fs-body-my-top .fs-c-accountService {
flex-basis: 64%;
}
}
.fs-body-newsletter-subscribe .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-newsletter-subscribe .fs-c-inputInformation__field .fs-c-additionalCheckField {
margin-top: 0;
}
.fs-body-newsletter-subscribe .fs-c-inputTable {
margin-bottom: 16px;
}
@media screen and (min-width: 600px) {
.fs-body-newsletter-subscribe .fs-c-privacyAgreeField,
.fs-body-newsletter-subscribe .fs-c-fieldMessage {
display: block;
text-align: center;
}
}
.fs-body-newsletter-subscribe-verification .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-newsletter-unsubscribe .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-register-success .fs-c-buttonContainer--myPageTop {
justify-content: center;
}
.fs-body-register-verification .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-resetPassword .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-review-login .fs-c-loginForm {
margin: 24px 0;
}
.fs-body-review-login .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-review-login .fs-c-buttonContainer--back {
justify-content: flex-start;
}
@media screen and (min-width: 960px) {
.fs-body-review-login .fs-c-loginForm {
display: flex;
justify-content: center;
}
.fs-body-review-login .fs-c-registeredUsers {
flex-grow: 1;
flex-basis: calc(50% - 80px);
}
.fs-body-review-login .fs-c-newUsers {
margin-left: 80px;
}
}
.fs-body-review-write .fs-c-reveiwNotes {
border: 1px solid #7c8790;
border-width: 1px 0;
}
.fs-body-wishlist-login .fs-c-loginForm {
margin: 24px 0;
}
.fs-body-wishlist-login .fs-c-inputInformation__field {
background: rgba(126, 126, 126, 0.08);
padding: 16px 32px;
}
.fs-body-wishlist-login .fs-c-buttonContainer--back {
justify-content: flex-start;
}
@media screen and (min-width: 960px) {
.fs-body-wishlist-login .fs-c-loginForm {
display: flex;
justify-content: center;
}
.fs-body-wishlist-login .fs-c-registeredUsers {
flex-grow: 1;
flex-basis: calc(50% - 80px);
}
.fs-body-wishlist-login .fs-c-newUsers {
margin-left: 80px;
}
}
.fs-l-productLayout {
display: grid;
grid-row-gap: 8px;
}
.fs-l-product2 .fs-l-productLayout > * > * {
margin-bottom: 8px;
}
@media screen and (min-width: 960px) {
.fs-l-product2 .fs-l-productLayout {
display: grid;
grid-template-columns: calc(60% - 16px / 2) calc(40% - 16px / 2);
grid-gap: 16px;
align-items: start;
}
.fs-l-product2 .fs-c-productActionButton .fs-c-button--primary,
.fs-l-product2 .fs-c-productActionButton .fs-c-button--secondary {
min-width: 100%;
}
}
.fs-l-product3 .fs-l-productLayout > * > * {
margin-bottom: 8px;
}
@media screen and (min-width: 960px) {
.fs-l-product3 .fs-l-productLayout {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 16px;
align-items: start;
}
.fs-l-product3 .fs-l-productLayout__item--1 {
grid-column: 1/3;
}
.fs-l-product3 .fs-c-button--primary,
.fs-l-product3 .fs-c-button--secondary {
min-width: 100%;
}
}
.fs-l-product4 .fs-l-productLayout > * > * {
margin-bottom: 8px;
}
@media screen and (min-width: 960px) {
.fs-l-product4 .fs-l-productLayout {
display: grid;
grid-template-columns: calc(60% - 16px / 2) calc(40% - 16px / 2);
grid-gap: 16px;
align-items: start;
}
.fs-l-product4 .fs-l-productLayout__item--3 {
grid-column: 1/3;
}
.fs-l-product4 .fs-c-button--primary,
.fs-l-product4 .fs-c-button--secondary {
min-width: 100%;
}
}
.fs-l-coordinationDetails .fs-l-coordinationLayout__item > * + * {
margin-top: 8px;
}
@media screen and (min-width: 960px) {
.fs-l-coordinationDetails .fs-l-coordinationLayout {
display: grid;
grid-template-columns: calc(55% - 48px / 2) calc(45% - 48px / 2);
grid-gap: 48px;
align-items: start;
}
}
@media screen and (min-width: 1200px) {
.fs-l-staffCoordinationListLayout {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fs-l-staffCoordinationListLayout__search {
flex-basis: 100%;
max-width: 240px;
}
.fs-l-staffCoordinationListLayout__search + .fs-l-staffCoordinationListLayout__list, .fs-l-staffCoordinationListLayout__list + .fs-l-staffCoordinationListLayout__search {
flex-basis: 100%;
max-width: 928px;
}
.fs-l-staffCoordinationListLayout .fs-c-staffCoordinationSearchControl__label {
display: none;
}
.fs-l-staffCoordinationListLayout .fs-c-staffCoordinationSearchControl__list {
display: block;
}
}
.fs-l-container--vertical {
display: grid;
gap: 16px;
}
.fs-l-container--vertical {
grid-auto-flow: row;
}@media (max-width: 768px){
.fs-c-inputTable__dataCell input[type=text], 
.fs-c-inputTable__dataCell input[type=number], 
.fs-c-inputTable__dataCell input[type=tel], 
.fs-c-inputTable__dataCell input[type=email]{
max-height:40px;
}    
}
button.fs-c-button--addAddressee.fs-c-button--standard,
button.fs-c-button--cancel.fs-c-button--standard,
a.fs-c-button--cancel.fs-c-button--standard {
padding: 21px 0;
}
.fs-c-checkout-confirmationList > dd {
font-size: 1em;
}
.fs-c-button--particular.fs-c-button--addToWishList--detail:hover:after {
color: #DA3B15 !important;
}
.fs-c-inputInformation__button.fs-c-buttonContainer.fs-c-buttonContainer--back {
justify-content: center;
}
ul.fs-c-accountService li a {
transition: 0.5s;
}
ul.fs-c-accountService li a:hover {
opacity: 0.5;
}
[type=hidden], [type=text], [type=search], 
[type=tel], [type=url], [type=email], [type=password], [type=datetime], [type=date], [type=month], [type=week], [type=time], [type=datetime-local], [type=number], select, textarea,
.fs-c-inputTable__dataCell input[type=text], .fs-c-inputTable__dataCell input[type=number], .fs-c-inputTable__dataCell input[type=tel], .fs-c-inputTable__dataCell input[type=email], .fs-c-inputTable__dataCell textarea {
font-size: 1em;
}
@media (max-width: 599px){
.sec-recommenditem h2, .sec-checkeditem h2 {
font-size: 16px !important;
}
}
.fs-c-productSelection__label .fs-c-requiredMark{
flex-shrink: 0;
}
.fs-l-main.is-specialpage a:link, 
.fs-l-main.is-specialpage a:visited, 
.fs-l-main.is-specialpage a:hover, 
.fs-l-main.is-specialpage a:active {
color: white !important;
} .fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice--listed + .fs-c-productPrice--selling > .fs-c-productPrice__main > span,
.fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice--listed + .fs-c-productPrice--selling > .fs-c-productPrice__addon{
color: #ff0000;
} .to_orderarea_btn{
position: fixed;
right:0;
bottom:min(90px,12vw);
}
.to_orderarea_btn img{
max-width:70px;
width:15vw;
} .fs-c-productList .fs-c-productList__list__item .fs-c-productPrice.fs-c-productPrice--selling,
.fs-c-productList .fs-c-productList__list__item .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price{
color: #e40011;
font-weight:bold;
} .fs-c-cartDiscountInfo--postage .fs-c-cartDiscountInfo__info{
font-size: 24px; 
color: #e40011;
line-height: 120%;
font-weight: bold;
}