@charset "UTF-8"; .logout.my-false { display: none; } .login.my-true { display: none; } .fs-preview-header { display: none; } .fs-c-heading--page { border-bottom: 1px solid #e3e6e9; color: #052238; font-weight: 600; font-size: 30px; line-height: 1.2; margin: 30px 0 60px; padding: 0 0 1em; text-align: center; letter-spacing: 3px; } .fs-c-button--standard { font-size: 14px; padding: 1em 1.6em 0.9em; box-shadow: none; } .fs-p-linkButton { padding: 8px 10px; } .fs-c-button--plain :hover { text-decoration:none; } .fs-c-button--primary { font-size:21px; padding: 0.8em 1.6em 0.8em; background: #444444; } #AmazonPayButton .amazonpay-button-inner-image, #fs_WishListLogin .fs-c-registeredUsers .amazonpay-button-inner-image, #fs_ShoppingCartLogin .fs-c-registeredUsers .amazonpay-button-inner-image { width: 100%; max-width: 240px; } .fs-c-productMark__mark { display: block; margin-right: 4px; font-size: 10px; line-height: 1; padding: 6px 8px; border: 1px solid #ccc; border-radius: 1px; } .fs-p-emailDomainNotice { border: 1px solid #e3e6e9; padding: 20px; width: 90%; margin: 2% auto; } @media only screen and (min-width: 769px) { .fs-p-emailDomainNotice { padding: 40px; width: 80%; margin: 20px auto; } } .fs-p-emailDomainNotice h3 { font-size: 18px; margin-top: 20px; color: #7b7b7b; } .fs-p-emailDomainNotice h4 { background: #eceff1; padding: 10px; margin: 20px 0; } #fs-product .slick-slide { margin-top:0; } .fs-l-pageMain { max-width:1000px; padding: 0; display: grid; margin:0 auto; line-height:1.7; } @media only screen and (max-width: 769px) { .fs-l-productLayout { display: block; } } #fs-product h4 { font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size:21px; text-align: center; margin-top:80px; letter-spacing: 0.2em; } @media only screen and (min-width: 769px) { .fs-c-productCarouselMainImage__image > img { max-width: 500px; } } .fs-c-photoswipe .pswp__scroll-wrap { top:80px!important; } .itempoint { list-style-type: disc; line-height:2em; padding: 0 1em 0; } .fs-c-productCarouselMainImage__thumbnailList::-webkit-scrollbar { height: 10px; } .fs-c-productCarouselMainImage__thumbnailList::-webkit-scrollbar-track { background: #efefef; } .fs-c-productCarouselMainImage__thumbnailList::-webkit-scrollbar-thumb { background: #cccccc; } .fs-c-slick .slick-prev:before, .fs-c-slick .slick-next:before { font-size: 24px; } .youtube { position: relative; width: 100%; padding-top: 56.25%; } .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } .itemspec .f-table > li,.itemspec .material > li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .itemspec .f-label { -webkit-box-flex: 0; -webkit-flex: 0 0 90px; -ms-flex: 0 0 90px; flex: 0 0 90px; max-width: 90px; font-size: 14px; color: #000000; font-weight: 500; letter-spacing: -0.02em; line-height: 1.33; margin-bottom: 10px; } .itemspec .f-values { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-left: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin-bottom: 10px; width:60%; } .itemspec .f-values > span.active { background-color: #052238; color: #fff; } .itemspec .f-values > span { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; font-size: 14px; color: #7b7b7b; font-weight: 500; letter-spacing: -0.02em; line-height: 1.33; text-align: center; padding: 12.5px 2px 11.5px; background-color: #e3e6e9; -webkit-transition: all 300ms ease-out 300ms; transition: all 300ms ease-out 300ms; margin: 0 2% 0 0; } .itemnotes ul { list-style:disc; line-height: 1.7em; padding: 0 1em 0; } @media only screen and (min-width: 769px) { .fs-l-productLayout__item--2 { padding: 0 0 0 50px; max-width: 490px; } } .fs-l-productLayout__item--2 { padding:0; max-width: 100%; } .fs-l-product4 .fs-l-productLayout { grid-template-columns: none; grid-gap: 60px; } .fs-l-product4 .fs-l-productLayout > * > * { margin-bottom: 20px; } .fs-c-productNumber { border :none; padding:0; fontsize:14px; } .fs-c-productNumber__number { font-weight: 500; } .fs-c-productNameHeading { color:#000; line-height: 1.6em; letter-spacing: 0.10em; } .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { font-family: "Barlow Semi Condensed", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 30px; } .fs-c-productPrice__addon { margin:0 0 0 1em; } .fs-c-productPointDisplay { background: #fff; color: #7b7b7b; font-size: 1.2rem; padding: 0px; } .fs-c-button--particular { padding:2em 1em; } .fs-c-productSalesPeriod { border: none; padding: 10px; background: #eceff1; } .fs-c-quantity__select { -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 10px 20px; text-align: center; font-size: 18px; color: #000000; font-weight: 400; letter-spacing: 0.00em; line-height: 1.0; border: 1px solid #dcdcdc; -webkit-appearance: clear; -moz-appearance: clear; appearance: clear; background-color: #ffffff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: 100px; width: 100%; } .fs-c-productQuantityAndWishlist .fs-c-quantity__number { -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 10px 20px; text-align: center; font-size: 18px; color: #000000; font-weight: 400; letter-spacing: 0.00em; line-height: 1.0; border: 1px solid #dcdcdc; -webkit-appearance: clear; -moz-appearance: clear; appearance: clear; background-color: #ffffff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; max-width: 100px; width: 100%; } .fs-c-variationRadioList__row { padding:20px 0; border-top: 1px solid #e3e6e9; } .fs-c-variationRadioList__name__stock { font-weight:500; } .fs-c-variationRadioList__name__name, .fs-c-variationRadioList__name__stock { margin: 0 8px; } .fs-c-productSelection__name { background: #eceff1; font-size: 14px; padding: 8px 15px; margin: 15px 0 5px; } .fs-c-variationLabel { margin-bottom: 1rem; } .fs-c-productChooseVariation__variation___color_thumbs { display: flex; flex-flow: row wrap; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 20px; } .fs-c-productChooseVariation__variation___color_thumb { margin-right: 12px; } .fs-c-productChooseVariation__variation___color_thumb img { max-width: 100%; margin: 0; } .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__item { -webkit-box-flex: 0; -webkit-flex: 0 0 32%; -ms-flex: 0 0 32%; flex: 0 0 32%; max-width: 31%; margin-right: 2%; margin-bottom: 2%; } .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__panel { display: flex; justify-content: center; flex-flow: row wrap; font-size: 13px; text-align: center; height: 50px; margin: 0; padding: 0; padding-top: 3px; align-items: center; align-content: center; background-color: #ffffff; border: 1px solid #dcdcdc; border-radius: 4px; transition: all 300ms; } .fs-c-productChooseVariation__variation___color_thumb .fs-c-variationMatrix__row__thumbnail { border-color: #ffffff; border: 2px solid transparent; } .fs-c-productChooseVariation__variation___color_thumb.is-selected .fs-c-variationMatrix__row__thumbnail { border: 2px solid #666666; } .fs-c-variationMatrix__row__thumbnail img, .fs-c-variationMatrix__row__variationName { margin: 4px; max-width: 65px; text-align: center; font-size: 12px; letter-spacing:-0.1em; } li.fs-c-variationMatrix__row.is-selected { display: block; } .fs-c-variationMatrix__radio:checked+.fs-c-variationMatrix__panel { background: #052238; border: 1px solid #052238; color: #ffffff; } .fs-c-variationMatrix__panel.item_stock_zero { background: #f7f7f7; border: none; color: #b2b2b2; } .attention { width:100%; border:solid 1px #E4E4E4; padding: 0 2em 1em; } .attention strong { font-weight:bold; } .attention h5 { font-size:14px; text-align:center; padding-bottom:5px; margin-bottom:10px; font-weight:bold; } .attention h5 strong { padding:2px 5px; margin:0 5px; background: linear-gradient(transparent 65%, #ccb155 0%); font-weight: bold; } .attention p { text-align:center; margin-bottom:10px; } .attention div { margin-top:15px; } .attention ul { width:100%; } .attention ul li { line-height:140%; font-size:13px; list-style:none; margin-bottom:10px; } .fs-l-productLayout__item--2.info { background: #e2e6e9; padding: 20px 0 20px 0; margin: 20px auto 50px; text-align:center; max-width:100%; } .fs-l-productLayout__item--2.info h2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; } .itemcontents { grid-column: 1 / 3; } @media only screen and (min-width: 769px) { .size_wrapper { display: -webkit-flex; display:flex; align-items: center; justify-content: space-around; } } .size_image { display: -webkit-flex; display:flex; justify-content: space-around; } .size_image img { max-width:250px; width:100%; } .itemsize .sizeimage { width:50%; } .sizetable { width:100%; } @media only screen and (min-width: 769px) { .sizetable { width:75%; margin-left:5%; } } .sizetable p { line-height:1.8em; } .sizetable table { border-collapse: collapse; width:100%; text-align:center; border-top:solid 1px #e3e6e9; } .sizetable thead { background:#052238; color:#fff; } .sizetable td,.sizetable th { padding:10px; } .sizetable table tr { border-bottom:solid 1px #e3e6e9 ; } .season .fs-c-productMark__mark { font-size: 12px; padding: 6px 30px; } .season h5 { font-size:14px; margin:10px 0; } .season .shiptag { display:none; } div.wear-review { color:#1b1b1b; border: solid 1px #e3e6e9; } @media only screen and (min-width: 769px) { div.wear-review { display: flex; } } div.wear-review-profile { display: flex; align-items: center; width: 330px; padding:25px; font-size:12px; line-height:1.6em; } div.wear-review-profile p { margin:10px; } div.wear-review-comment { flex: 1; display: flex; flex-direction: column; } div.wear-review-comment-size { padding: 25px 10px 10px; font-weight: 700; } div.wear-review-comment-content { padding: 10px; } div.wear-review-comment-content_last { padding: 10px; display: inline-table; } .staffstyle, .stylelist { display:flex; flex-wrap:wrap; justify-content: flex-start; } .item-title { font-size: 12px; margin: 0; text-align: center; } #item-style .item-detail { width:48%; margin: 10px 1%; } @media only screen and (min-width: 769px) { #item-style .item-detail { width:30%; margin: 10px 1.4%; } } .rcmd-slick-track { display:flex } .fr2-listItem__productName { display:none; } .fs-l-main { margin: 0px auto 80px; } .fs-c-button--viewMoreImage { display:none; } .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { font-size:18px; } .fs-c-productName__name { font-size: 11px; line-height: 1.4em; } .fs-c-subgroup { margin:0 0 24px; } .fs-c-subgroupList__link { border: 1px solid #e3e6e9; padding: 10px; background: #fff; text-align: center; } .fs-c-subgroupList__link:hover { background-color: #eceff1; } .fs-c-listControl { justify-content: flex-end; flex-grow: unset; padding: 0; flex-wrap: wrap; } .fs-c-subgroupList__item { flex-basis: calc(50%); } @media screen and (min-width: 960px) { .fs-c-subgroupList__item { flex-basis: calc(25% + 1px); margin-left: -1px; margin-top: -1px; } } .fs-c-listControl__status { display:none; } .fs-c-sortItems__label { border:none; } @media screen and (min-width: 768px) { .fs-c-productList__list { display: -ms-grid; display: grid; -ms-grid-columns: 33.3333333333% 33.3333333333% 33.3333333333%; grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%; } .fs-c-productList__list > *:nth-child(1) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .fs-c-productList__list > *:nth-child(2) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } .fs-c-productList__list > *:nth-child(3) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 1; grid-row: 1; } .fs-c-productList__list > *:nth-child(4) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } .fs-c-productList__list > *:nth-child(5) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2; } .fs-c-productList__list > *:nth-child(6) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 2; grid-row: 2; } .fs-c-productList__list > *:nth-child(7) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 3; grid-row: 3; } .fs-c-productList__list > *:nth-child(8) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 3; grid-row: 3; } .fs-c-productList__list > *:nth-child(9) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 3; grid-row: 3; } .fs-c-productList__list > *:nth-child(10) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 4; grid-row: 4; } .fs-c-productList__list > *:nth-child(11) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 4; grid-row: 4; } .fs-c-productList__list > *:nth-child(12) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 4; grid-row: 4; } .fs-c-productList__list > *:nth-child(13) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 5; grid-row: 5; } .fs-c-productList__list > *:nth-child(14) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 5; grid-row: 5; } .fs-c-productList__list > *:nth-child(15) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 5; grid-row: 5; } .fs-c-productList__list > *:nth-child(16) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 6; grid-row: 6; } .fs-c-productList__list > *:nth-child(17) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 6; grid-row: 6; } .fs-c-productList__list > *:nth-child(18) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 6; grid-row: 6; } .fs-c-productList__list > *:nth-child(19) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 7; grid-row: 7; } .fs-c-productList__list > *:nth-child(20) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 7; grid-row: 7; } .fs-c-productList__list > *:nth-child(21) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 7; grid-row: 7; } .fs-c-productList__list > *:nth-child(22) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 8; grid-row: 8; } .fs-c-productList__list > *:nth-child(23) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 8; grid-row: 8; } .fs-c-productList__list > *:nth-child(24) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 8; grid-row: 8; } .fs-c-productList__list > *:nth-child(25) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 9; grid-row: 9; } .fs-c-productList__list > *:nth-child(26) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 9; grid-row: 9; } .fs-c-productList__list > *:nth-child(27) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 9; grid-row: 9; } .fs-c-productList__list > *:nth-child(28) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 10; grid-row: 10; } .fs-c-productList__list > *:nth-child(29) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 10; grid-row: 10; } .fs-c-productList__list > *:nth-child(30) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 10; grid-row: 10; } .fs-c-productList__list > *:nth-child(31) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 11; grid-row: 11; } .fs-c-productList__list > *:nth-child(32) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 11; grid-row: 11; } .fs-c-productList__list > *:nth-child(33) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 11; grid-row: 11; } .fs-c-productList__list > *:nth-child(34) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 12; grid-row: 12; } .fs-c-productList__list > *:nth-child(35) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 12; grid-row: 12; } .fs-c-productList__list > *:nth-child(36) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 12; grid-row: 12; } .fs-c-productList__list > *:nth-child(37) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 13; grid-row: 13; } .fs-c-productList__list > *:nth-child(38) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 13; grid-row: 13; } .fs-c-productList__list > *:nth-child(39) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 13; grid-row: 13; } .fs-c-productList__list > *:nth-child(40) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 14; grid-row: 14; } .fs-c-productList__list > *:nth-child(41) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 14; grid-row: 14; } .fs-c-productList__list > *:nth-child(42) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 14; grid-row: 14; } .fs-c-productList__list > *:nth-child(43) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 15; grid-row: 15; } .fs-c-productList__list > *:nth-child(44) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 15; grid-row: 15; } .fs-c-productList__list > *:nth-child(45) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 15; grid-row: 15; } .fs-c-productList__list > *:nth-child(46) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 16; grid-row: 16; } .fs-c-productList__list > *:nth-child(47) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 16; grid-row: 16; } .fs-c-productList__list > *:nth-child(48) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 16; grid-row: 16; } .fs-c-productList__list > *:nth-child(49) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 17; grid-row: 17; } .fs-c-productList__list > *:nth-child(50) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 17; grid-row: 17; } .fs-c-productList__list > *:nth-child(51) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 17; grid-row: 17; } .fs-c-productList__list > *:nth-child(52) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 18; grid-row: 18; } .fs-c-productList__list > *:nth-child(53) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 18; grid-row: 18; } .fs-c-productList__list > *:nth-child(54) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 18; grid-row: 18; } .fs-c-productList__list > *:nth-child(55) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 19; grid-row: 19; } .fs-c-productList__list > *:nth-child(56) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 19; grid-row: 19; } .fs-c-productList__list > *:nth-child(57) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 19; grid-row: 19; } .fs-c-productList__list > *:nth-child(58) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 20; grid-row: 20; } .fs-c-productList__list > *:nth-child(59) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 20; grid-row: 20; } .fs-c-productList__list > *:nth-child(60) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 20; grid-row: 20; } .fs-c-productList__list > *:nth-child(61) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 21; grid-row: 21; } .fs-c-productList__list > *:nth-child(62) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 21; grid-row: 21; } .fs-c-productList__list > *:nth-child(63) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 21; grid-row: 21; } .fs-c-productList__list > *:nth-child(64) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 22; grid-row: 22; } .fs-c-productList__list > *:nth-child(65) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 22; grid-row: 22; } .fs-c-productList__list > *:nth-child(66) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 22; grid-row: 22; } .fs-c-productList__list > *:nth-child(67) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 23; grid-row: 23; } .fs-c-productList__list > *:nth-child(68) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 23; grid-row: 23; } .fs-c-productList__list > *:nth-child(69) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 23; grid-row: 23; } .fs-c-productList__list > *:nth-child(70) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 24; grid-row: 24; } .fs-c-productList__list > *:nth-child(71) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 24; grid-row: 24; } .fs-c-productList__list > *:nth-child(72) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 24; grid-row: 24; } .fs-c-productList__list > *:nth-child(73) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 25; grid-row: 25; } .fs-c-productList__list > *:nth-child(74) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 25; grid-row: 25; } .fs-c-productList__list > *:nth-child(75) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 25; grid-row: 25; } .fs-c-productList__list > *:nth-child(76) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 26; grid-row: 26; } .fs-c-productList__list > *:nth-child(77) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 26; grid-row: 26; } .fs-c-productList__list > *:nth-child(78) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 26; grid-row: 26; } .fs-c-productList__list > *:nth-child(79) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 27; grid-row: 27; } .fs-c-productList__list > *:nth-child(80) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 27; grid-row: 27; } .fs-c-productList__list > *:nth-child(81) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 27; grid-row: 27; } .fs-c-productList__list > *:nth-child(82) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 28; grid-row: 28; } .fs-c-productList__list > *:nth-child(83) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 28; grid-row: 28; } .fs-c-productList__list > *:nth-child(84) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 28; grid-row: 28; } .fs-c-productList__list > *:nth-child(85) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 29; grid-row: 29; } .fs-c-productList__list > *:nth-child(86) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 29; grid-row: 29; } .fs-c-productList__list > *:nth-child(87) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 29; grid-row: 29; } .fs-c-productList__list > *:nth-child(88) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 30; grid-row: 30; } .fs-c-productList__list > *:nth-child(89) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 30; grid-row: 30; } .fs-c-productList__list > *:nth-child(90) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 30; grid-row: 30; } .fs-c-productList__list > *:nth-child(91) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 31; grid-row: 31; } .fs-c-productList__list > *:nth-child(92) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 31; grid-row: 31; } .fs-c-productList__list > *:nth-child(93) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 31; grid-row: 31; } .fs-c-productList__list > *:nth-child(94) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 32; grid-row: 32; } .fs-c-productList__list > *:nth-child(95) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 32; grid-row: 32; } .fs-c-productList__list > *:nth-child(96) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 32; grid-row: 32; } .fs-c-productList__list > *:nth-child(97) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 33; grid-row: 33; } .fs-c-productList__list > *:nth-child(98) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 33; grid-row: 33; } .fs-c-productList__list > *:nth-child(99) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 33; grid-row: 33; } .fs-c-productList__list > *:nth-child(100) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 34; grid-row: 34; } .fs-c-productList__list > *:nth-child(101) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 34; grid-row: 34; } .fs-c-productList__list > *:nth-child(102) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 34; grid-row: 34; } .fs-c-productList__list > *:nth-child(103) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 35; grid-row: 35; } .fs-c-productList__list > *:nth-child(104) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 35; grid-row: 35; } .fs-c-productList__list > *:nth-child(105) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 35; grid-row: 35; } .fs-c-productList__list > *:nth-child(106) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 36; grid-row: 36; } .fs-c-productList__list > *:nth-child(107) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 36; grid-row: 36; } .fs-c-productList__list > *:nth-child(108) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 36; grid-row: 36; } .fs-c-productList__list > *:nth-child(109) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 37; grid-row: 37; } .fs-c-productList__list > *:nth-child(110) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 37; grid-row: 37; } .fs-c-productList__list > *:nth-child(111) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 37; grid-row: 37; } .fs-c-productList__list > *:nth-child(112) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 38; grid-row: 38; } .fs-c-productList__list > *:nth-child(113) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 38; grid-row: 38; } .fs-c-productList__list > *:nth-child(114) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 38; grid-row: 38; } .fs-c-productList__list > *:nth-child(115) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 39; grid-row: 39; } .fs-c-productList__list > *:nth-child(116) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 39; grid-row: 39; } .fs-c-productList__list > *:nth-child(117) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 39; grid-row: 39; } .fs-c-productList__list > *:nth-child(118) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 40; grid-row: 40; } .fs-c-productList__list > *:nth-child(119) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 40; grid-row: 40; } .fs-c-productList__list > *:nth-child(120) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 40; grid-row: 40; } .fs-c-productList__list > *:nth-child(121) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 41; grid-row: 41; } .fs-c-productList__list > *:nth-child(122) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 41; grid-row: 41; } .fs-c-productList__list > *:nth-child(123) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 41; grid-row: 41; } .fs-c-productList__list > *:nth-child(124) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 42; grid-row: 42; } .fs-c-productList__list > *:nth-child(125) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 42; grid-row: 42; } .fs-c-productList__list > *:nth-child(126) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 42; grid-row: 42; } .fs-c-productList__list > *:nth-child(127) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 43; grid-row: 43; } .fs-c-productList__list > *:nth-child(128) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 43; grid-row: 43; } .fs-c-productList__list > *:nth-child(129) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 43; grid-row: 43; } .fs-c-productList__list > *:nth-child(130) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 44; grid-row: 44; } .fs-c-productList__list > *:nth-child(131) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 44; grid-row: 44; } .fs-c-productList__list > *:nth-child(132) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 44; grid-row: 44; } .fs-c-productList__list > *:nth-child(133) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 45; grid-row: 45; } .fs-c-productList__list > *:nth-child(134) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 45; grid-row: 45; } .fs-c-productList__list > *:nth-child(135) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 45; grid-row: 45; } .fs-c-productList__list > *:nth-child(136) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 46; grid-row: 46; } .fs-c-productList__list > *:nth-child(137) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 46; grid-row: 46; } .fs-c-productList__list > *:nth-child(138) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 46; grid-row: 46; } .fs-c-productList__list > *:nth-child(139) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 47; grid-row: 47; } .fs-c-productList__list > *:nth-child(140) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 47; grid-row: 47; } .fs-c-productList__list > *:nth-child(141) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 47; grid-row: 47; } .fs-c-productList__list > *:nth-child(142) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 48; grid-row: 48; } .fs-c-productList__list > *:nth-child(143) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 48; grid-row: 48; } .fs-c-productList__list > *:nth-child(144) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 48; grid-row: 48; } .fs-c-productList__list > *:nth-child(145) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 49; grid-row: 49; } .fs-c-productList__list > *:nth-child(146) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 49; grid-row: 49; } .fs-c-productList__list > *:nth-child(147) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 49; grid-row: 49; } .fs-c-productList__list > *:nth-child(148) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 50; grid-row: 50; } .fs-c-productList__list > *:nth-child(149) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 50; grid-row: 50; } .fs-c-productList__list > *:nth-child(150) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 50; grid-row: 50; } .fs-c-productList__list > *:nth-child(151) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 51; grid-row: 51; } .fs-c-productList__list > *:nth-child(152) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 51; grid-row: 51; } .fs-c-productList__list > *:nth-child(153) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 51; grid-row: 51; } .fs-c-productList__list > *:nth-child(154) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 52; grid-row: 52; } .fs-c-productList__list > *:nth-child(155) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 52; grid-row: 52; } .fs-c-productList__list > *:nth-child(156) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 52; grid-row: 52; } .fs-c-productList__list > *:nth-child(157) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 53; grid-row: 53; } .fs-c-productList__list > *:nth-child(158) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 53; grid-row: 53; } .fs-c-productList__list > *:nth-child(159) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 53; grid-row: 53; } .fs-c-productList__list > *:nth-child(160) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 54; grid-row: 54; } .fs-c-productList__list > *:nth-child(161) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 54; grid-row: 54; } .fs-c-productList__list > *:nth-child(162) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 54; grid-row: 54; } .fs-c-productList__list > *:nth-child(163) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 55; grid-row: 55; } .fs-c-productList__list > *:nth-child(164) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 55; grid-row: 55; } .fs-c-productList__list > *:nth-child(165) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 55; grid-row: 55; } .fs-c-productList__list > *:nth-child(166) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 56; grid-row: 56; } .fs-c-productList__list > *:nth-child(167) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 56; grid-row: 56; } .fs-c-productList__list > *:nth-child(168) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 56; grid-row: 56; } .fs-c-productList__list > *:nth-child(169) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 57; grid-row: 57; } .fs-c-productList__list > *:nth-child(170) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 57; grid-row: 57; } .fs-c-productList__list > *:nth-child(171) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 57; grid-row: 57; } .fs-c-productList__list > *:nth-child(172) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 58; grid-row: 58; } .fs-c-productList__list > *:nth-child(173) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 58; grid-row: 58; } .fs-c-productList__list > *:nth-child(174) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 58; grid-row: 58; } .fs-c-productList__list > *:nth-child(175) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 59; grid-row: 59; } .fs-c-productList__list > *:nth-child(176) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 59; grid-row: 59; } .fs-c-productList__list > *:nth-child(177) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 59; grid-row: 59; } .fs-c-productList__list > *:nth-child(178) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 60; grid-row: 60; } .fs-c-productList__list > *:nth-child(179) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 60; grid-row: 60; } .fs-c-productList__list > *:nth-child(180) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 60; grid-row: 60; } .fs-c-productList__list > *:nth-child(181) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 61; grid-row: 61; } .fs-c-productList__list > *:nth-child(182) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 61; grid-row: 61; } .fs-c-productList__list > *:nth-child(183) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 61; grid-row: 61; } .fs-c-productList__list > *:nth-child(184) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 62; grid-row: 62; } .fs-c-productList__list > *:nth-child(185) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 62; grid-row: 62; } .fs-c-productList__list > *:nth-child(186) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 62; grid-row: 62; } .fs-c-productList__list > *:nth-child(187) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 63; grid-row: 63; } .fs-c-productList__list > *:nth-child(188) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 63; grid-row: 63; } .fs-c-productList__list > *:nth-child(189) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 63; grid-row: 63; } .fs-c-productList__list > *:nth-child(190) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 64; grid-row: 64; } .fs-c-productList__list > *:nth-child(191) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 64; grid-row: 64; } .fs-c-productList__list > *:nth-child(192) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 64; grid-row: 64; } .fs-c-productList__list > *:nth-child(193) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 65; grid-row: 65; } .fs-c-productList__list > *:nth-child(194) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 65; grid-row: 65; } .fs-c-productList__list > *:nth-child(195) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 65; grid-row: 65; } .fs-c-productList__list > *:nth-child(196) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 66; grid-row: 66; } .fs-c-productList__list > *:nth-child(197) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 66; grid-row: 66; } .fs-c-productList__list > *:nth-child(198) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 66; grid-row: 66; } .fs-c-productList__list > *:nth-child(199) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 67; grid-row: 67; } .fs-c-productList__list > *:nth-child(200) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 67; grid-row: 67; } } .fs-p-productSearch__formSwitch { background:#052238; color:#fff; padding: 8px 20px; } .fs-c-radioGroup, .fs-c-checkboxGroup { flex-direction: row; flex-wrap: wrap; width: 100%; display:block; } .fs-c-radio__label { display: flex; align-items: center; cursor: pointer; position: relative; } .fs-l-checkout .notice li { font-size:13px; } .fs-c-inputInformation__message .notice li { font-size:12px; } .fs-c-accountService { justify-content: space-around; } .fs-c-accountService__page { flex-basis: 80px; } @media only screen and (min-width: 769px) { .fs-c-accountService__page { flex-basis: 128px; } } .fs-body-my-top .fs-l-account { flex-direction: row; } .fs-p-accountInfo__accountName__name ,.fs-p-accountInfo__accountRank__rank { font-size: 18px; font-weight:700; } .fs-p-accountInfo__point__point__available__number,.fs-c-pointSummary__value--availablePoint .fs-c-pointSummary__number { color:#000; font-size:30px; } .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink { box-shadow:none; } .fs-c-wishlistProduct__title, .fs-c-featuredProduct__title { border-bottom: 0px; color: #1b1b1b; } .fs-p-accountInfo { padding: 20px; } .fs-p-accountInfo__header, .fs-p-accountInfo__currentPurchase { display: flex; align-items: baseline; flex-direction: column; justify-content: space-between; margin: 0 0 10px 0; } .fs-p-accountInfo__accountRank__reward a { border: 1px solid; font-size: 11px; padding: 8px 1em; border-radius: 2px; } .fs-c-noImage { min-height: 405px; background: #ddd; } #fs-reviews .fs-c-noImage { min-height: 220px; } body, html { margin: 0; padding: 0; font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; font-weight:500; line-height:40px; } select, input, button, textarea { font-family:"游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; } address { font-style:normal; } article, aside, details, figcaption, figure, footer, header, hgroup, iframe, menu, nav, section { display: block; } div, span, object, iframe, h1, h2 , blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset , article, aside, audio, canvas, caption, details, figcaption, figure, footer, header, hgroup, label, legend, mark, menu, nav, section, summary, tfoot, thead, time, tr, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } h1 { font-weight: normal; font-size: 100%; } body { line-height: 1; } body#FS2_body_MyPage { line-height: 1.6; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .nav ul, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } .Clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0.1em; } .Clear { display: inline-table; zoom: 100%; } * html html .Clear { height: 1px; } .Clear { display: block; } .clearfix { *zoom: 1; } .clearfix:after, .clearfix:before { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .clearBoth { clear: both; } .iframe-wrap { position: relative; width: 100%; padding-top: 1820.1%; overflow:auto; -webkit-overflow-scrolling:touch; border:2px solid #ccc; } .iframe-wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; display:block; } .fs-c-productList__list { display: flex !important; flex-wrap: wrap !important; column-gap: 20px !important; } .fs-c-productList__list > * { flex: 0 0 calc(100% / 3 - 14px) !important; } @media(max-width: 599px) { .fs-c-productList__list > * { flex: 0 0 calc(100% / 2 - 10px) !important; } } .fixed-icon > * { cursor: pointer; padding: 0 !important; } .fixed-icon > * > * { display: block; padding: 16px; } .fixed-icon .icon { position: fixed; z-index: 2; bottom: 2rem; left: 50%; background: #ddd; border-radius: 50%; } .fixed-icon > .icon:nth-of-type(1) { transform: translateX(calc(-50% - clamp(8rem, 10vw, 14rem))); } .fixed-icon > .icon:nth-of-type(2) { transform: translateX(-50%); } .fixed-icon > .icon:nth-of-type(3) { transform: translateX(calc(-50% + clamp(8rem, 10vw, 14rem))); } .fixed-icon .icon img { max-width: 2rem; width: 100%; display: block; } .fixed-icon ::selection { background: transparent; } .hidden-search-form { transition: opacity .4s, visibility .4s; opacity: 0; visibility: hidden; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 40rem; width: 90%; z-index: 103; } .hidden-search-form.active { opacity: 1; visibility: visible; } .hidden-search-form form { position: relative; } .hidden-search-form input { width: 100%; font-size: 2rem; padding: 1.2rem; padding-right: 5.4rem; } .hidden-search-form button { position: absolute; right: 0; border: none; width: 5.4rem; top: 50%; transform: translateY(-50%); cursor: pointer; height: 5.4rem; background: transparent; display: flex; align-items: center; justify-content: center; } .hidden-search-form button img { max-width: 2rem; } .hidden-search-form-layer { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 101; cursor: pointer; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; } .hidden-search-form-layer.active { opacity: 1; visibility: visible; } footer .c_followus { z-index: 2; } .fixed-banner { position: fixed !important; top: 25vh; right: calc(16px + env(safe-area-inset-right)); z-index: 9999; width: 160px; box-sizing: border-box; isolation: isolate; } .fixed-banner__link { display: block; } .fixed-banner img { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.18); } .fixed-banner__close { position: absolute; top: -10px; right: -10px; width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(0,0,0,.6); color: #fff; font-size: 16px; line-height: 28px; display: flex; align-items: center; justify-content: center; z-index: 1; cursor: pointer; } @media (min-width: 600px) { .fixed-banner { width: 160px !important; } } @media (max-width: 599px) { .fixed-banner { top: 25vh !important; right: calc(12px + env(safe-area-inset-right)); width: 140px !important; } } .style-area--wrap, .recommended-area--wrap, .ranking-area--wrap { grid-column: 1 / 3; } .style-area--wrap { padding-bottom: 0 !important; } @media (min-width: 960px) { .recommended-area--wrap, .ranking-area--wrap { margin-top: 0 !important; } } .recommended-area--wrap { margin: 60px auto; max-width: 1200px; padding: 0 20px; box-sizing: border-box; } .recommended-area--wrap h2 { text-align: center; font-size: 24px; font-family: 'Lato', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; margin-bottom: 20px; } #recommended-area { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 20px; list-style: none; margin: 0; padding: 0; box-sizing: border-box; } #recommended-area > a { flex: 0 0 calc((100% - 40px) / 3); color: inherit; text-decoration: none; display: block; box-sizing: border-box; } #recommended-area > a img { display: block; width: 100%; height: auto; margin-bottom: 10px; } @media (max-width: 599px) { #recommended-area > a { flex: 0 0 calc((100% - 20px) / 2) !important; } } .ranking-area--wrap { margin: 60px auto; max-width: 1200px; padding: 0 20px; box-sizing: border-box; } .ranking-area--wrap h2 { text-align: center; font-size: 24px; font-family: 'Lato', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; margin-bottom: 20px; } #ranking-area { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 20px; list-style: none; margin: 0; padding: 0; box-sizing: border-box; } #ranking-area > * { flex: 0 0 calc((100% - 40px) / 3); box-sizing: border-box; min-width: 0; text-align: center; } #ranking-area a { display: block; color: inherit; text-decoration: none; width: 100%; } #ranking-area img { display: block; width: 100%; height: auto; margin-bottom: 10px; } @media (max-width: 599px) { #ranking-area > * { flex: 0 0 calc((100% - 20px) / 2); } } .footer-icon--wrap { background: #f0f0f0; } .footer-icon--wrap .footer-flex { display: flex; max-width: 1120px; margin-left: auto; margin-right: auto; padding: 40px 20px 180px; column-gap: 10px; box-sizing: content-box; } .footer-icon--wrap .footer-flex a { flex: 0 0 24px; display: block; align-self: center; } .footer-icon--wrap .footer-flex a :is(img, svg) { display: block; } .product-image-video-wrap .swiper-slide iframe { display: block; max-height: 500px; } ul.swipter-thumbnail--list { display: flex; flex-wrap: wrap; gap: 10px; } ul.swipter-thumbnail--list > * { flex: 0 0 calc(100% / 4 - 10px * 3 / 4); display: flex; justify-content: center; align-items: center; border: 2px solid transparent; } ul.swipter-thumbnail--list :is(img, iframe) { display: block; cursor: pointer; } ul.swipter-thumbnail--list li.active { border: 2px solid #888; } ul.swipter-thumbnail--list .video img:not(.svg) { aspect-ratio: 5 / 6; object-fit: cover; max-width: 100px; } ul.swipter-thumbnail--list .swipter-thumbnail--item.video { position: relative; } ul.swipter-thumbnail--list .swipter-thumbnail--item.video .svg-wrap { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; border: 2px solid; transform: translate(-50%, -50%); border-radius: 50%; display: flex; justify-content: center; align-items: center; } ul.swipter-thumbnail--list .swipter-thumbnail--item.video .svg-wrap img { width: 30px; transform: translateX(3px); } .product-description-and-spec-wrap { grid-column: 1 / 3; } .product-description-and-spec-wrap .product-description-and-spec-change-btn { margin-bottom: 0 !important; } .product-description-and-spec-wrap { margin-left: calc((100vw - 100%) * -1 / 2 + (var(--scrollbar, 0) / 2)); margin-right: calc((100vw - 100%) * -1 / 2 + (var(--scrollbar, 0) / 2)); } body { margin:0; } figure { margin:auto; } a:link, a:visited, a:hover, a:active { color: #333; text-decoration: none; } a, a img { transition: all 0.4s ease 0s; } #my_footer img { width:auto; } .pagetop__btn { display:none; } #LP-body { opacity:1; } a.cmBtn { font-weight:normal; text-decoration:none; display:block; text-align:center; position:relative; } a:hover { opacity:0.7; } .cmTxt { line-height:1.66rem; font-size: 0.9rem; font-weight: 200; margin-bottom: 1rem; color: #444444; } .flex_c { display:flex; flex-wrap:wrap; justify-content:center; width: auto; } .flex_b { display:flex; flex-wrap:wrap; justify-content:space-between; width: auto; } #menuButton { display: block; width: 42px; height:42px; position: fixed; bottom: 20px; right: 10px; z-index: 3; } #menuButton span { display: block; background: #666; width: 24px; height: 2px; position: absolute; : 9px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; } #menuButton span:first-child { top: 12px; } #menuButton span:nth-child(2) { margin-top: -1px; top: 50%; } #menuButton span:last-child { bottom: 12px; } .title_container { position: relative; } .title_img { position: relative; overflow: hidden; width: 100%; max-width: 1920px; height: auto; position: relative; background: no-repeat 50% 50%; background-size: cover; margin: 0 auto; } .title_img:after { content: ""; display: block; } .title_h1 { display: inline-block; font-weight:600; letter-spacing:0px; } .title_date { font-weight: 100; } .headLine { position:relative; z-index:1; } .headLine hr { margin:0px; height:inherit; border-top-width:1px; border-color:#191919; } .headLineDeg { display:block; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); width:30px; height:30px; border:solid #191919; border-width:0 1px 1px 0; background-color:#FFF; position:relative; top:-16px; } .headLineTtl { margin:0 0px; font-size:1.75rem; letter-spacing:-1px; font-weight:600; } .h1 { text-align: center; font-weight: bold; margin: 2rem auto 0; letter-spacing: 1px; font-size: 25px; } .h2 { letter-spacing: 2px; font-weight: bold; padding: 0; margin: 0; } .h3 { font-weight: 800; padding: 0; margin: 0; } .h4 { font-size:1rem; margin:2rem auto 0.5rem; color:#191919; text-align:center; } .section { margin-bottom:2rem; } figure img, ul li img { width:; } .item_sec img { width: 100%; vertical-align: top; } .hr1, .hr2, .hr3, .hr4 { border: 0.5px solid #000; background-color: unset; margin: 10px; height:0; } .hr2, .hr3 { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; height: 400px; position: absolute; top: 0.7rem; } @media all and (max-width: 999px) { .hr2, .hr3 { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; height: 100%; position: absolute; top: 0.7rem; } } .hr2 { left: 1.7rem; } .hr3 { right: 1.7rem; } .top_sec { text-align:center; position:relative; } .top_sec div { background-color: #000; } .top_sec div h2, .top_sec div li { color: #FFF; } .top_sec .title { padding: 1rem 0 3.5rem; font-weight: 700; font-size: 22px; margin:0 auto; } .point_list li { font-size: 15px; border-bottom: 1px dashed; width: 400px; margin: 10px auto 4rem; padding-bottom: 2.5rem; position: relative; } @media all and (max-width: 999px) { .point_list li { font-size: 15px; border-bottom: 1px dashed; width: 90%; margin: 0 auto 3rem; padding-bottom: 1.5rem; position: relative; } } .point_list li:last-child { border:; padding-bottom: 2.5rem; margin-bottom: 0; } .point_list li:before { position: absolute; content: "★"; font-size: 20px; top: -3rem; right: 0; left: 0; margin: 5px; } .item_sec .num { width: 900px; margin: 2rem auto -3rem; position: relative; } @media all and (max-width: 999px) { .item_sec .num { width: 100%; margin: 2rem auto -3rem; position: relative; } } .item_sec .num p { background-color: #fff; font-size: 60px; display: inline-block; padding: 0 20px; font-style: italic; margin:0 auto; } .item_sec .title { font-size: 25px; width: 660px; margin: 0 auto 4rem; } @media all and (max-width: 999px) { .item_sec .title { font-size: 20px; width: 100%; margin: 20px auto 1rem; text-align:center; } } .item_sec hr { border: 3px solid#eee; height:0; } .item_sec hr.under { margin: 3rem 0; } .img_list li { width: calc(100%/2 - 0.5rem*2); margin: 0rem 0.4rem; border: 1px solid #000; } @media all and (max-width: 999px) { .img_list2 li { margin: 0rem 0.4rem; border: 1px solid #000; } @media all and (max-width: 999px) { .img_list li { width: calc(100%/2 - 0.5rem*2); margin: 1rem 0.4rem; border: 1px solid #000; } } .img_list2 li { margin: 1rem 0.4rem; border: 1px solid #000; } } .img_list li p { background-color: #000; color: #fff; padding: 0px 8px 1px; display: inline-block; font-size: 17px; position: absolute; margin: 0 auto; } .img_list2 li p { color: #fff; padding: 0px 8px 1px; display: inline-block; font-size: 17px; position: absolute; margin: 0 auto; } .detail { position:relative; } .detail .top { font-size: 35px; font-weight: 500; letter-spacing: 1px; margin: 0 auto; margin-left: 1.0rem; text-align: left; } @media all and (max-width: 999px) { .detail .top { font-size: 35px; font-weight: 500; letter-spacing: 1px; margin: 10px auto; margin-left: 0.2rem; text-align: left; } } .detail .top img { width: 60px; margin: 0rem -0.5rem; } .detail hr { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; height: 63px; border: 3px solid #ddd; position: absolute; left: 0.5rem; top: 5.5rem; } @media all and (max-width: 999px) and (min-width: 800px) { .detail hr { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; height: 77px; border: 3px solid #ddd; position: absolute; left: -0.1rem; top: 7.0rem; } } @media all and (max-width: 799px) { .detail hr { -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; height: 61px; border: 3px solid #ddd; position: absolute; left: -0.1rem; top: 3.5rem; } } .detail .txt { line-height: 1.8em; font-size: 15px; margin: 0.5rem auto; margin-left: 6.5rem; position: relative; text-align: left; letter-spacing: 0.5px; } @media all and (max-width: 999px) and (min-width: 800px) { .detail .txt { line-height: 1.8em; font-size: 15px; margin: 2.0rem auto; margin-left: 4.5rem; position: relative; text-align: left; letter-spacing: 0.5px; } } @media all and (max-width: 799px) { .detail .txt { line-height: 1.8em; font-size: 12px; margin: 2.0rem auto; margin-left: 4.5rem; position: relative; text-align: left; letter-spacing: 0.5px; } } .detail .txt:before { position: absolute; content: "1"; margin-left: -3.0rem; background-color: #000; color: #fff; padding: 0px 6px; } @media all and (max-width: 999px) { .detail .txt:before { position: absolute; content: "1"; margin-left: -2.5rem; background-color: #000; color: #fff; padding: 0px 6px; } } .detail .txt2 { line-height: 1.8em; font-size: 15px; margin: 0.5rem auto; margin-left: 6.5rem; position: relative; text-align: left; letter-spacing: 0.5px; } @media all and (max-width: 999px) and (min-width: 800px) { .detail .txt2 { line-height: 1.8em; font-size: 15px; margin: 2.0rem auto; margin-left: 4.5rem; position: relative; text-align: left; letter-spacing: 0.5px; } } @media all and (max-width: 799px) { .detail .txt2 { line-height: 1.8em; font-size: 12px; margin: 2.0rem auto; margin-left: 4.5rem; position: relative; text-align: left; letter-spacing: 0.5px; } } .detail .txt2:before { position: absolute; content: "発売時期"; margin-left: -3.0rem; background-color: #000; color: #fff; padding: 0px 60px; } @media all and (max-width: 999px) { .detail .txt2:before { position: absolute; content: "発売時期"; margin-left: -2.5rem; background-color: #000; color: #fff; padding: 0px 60px; } } .detail .txt2:last-child:before { content:"2"; } .detail .txt3 { line-height: 1.8em; font-size: 15px; margin: 0.5rem auto; margin-left: 6.5rem; position: relative; text-align: left; letter-spacing: 0.5px; } @media all and (max-width: 999px) and (min-width: 800px) { .detail .txt3 { line-height: 1.8em; font-size: 15px; margin: 2.0rem auto; margin-left: 4.5rem; position: relative; text-align: left; letter-spacing: 0.5px; } } @media all and (max-width: 799px) { .detail .txt3 { line-height: 1.8em; font-size: 12px; margin: 2.0rem auto; margin-left: 4.5rem; position: relative; text-align: left; letter-spacing: 0.5px; } } .detail .txt3:before { position: absolute; content: "累計販売枚数"; margin-left: -3.0rem; background-color: #000; color: #fff; padding: 0px 60px; } @media all and (max-width: 999px) { .detail .txt3:before { position: absolute; content: "累計販売枚数"; margin-left: -2.5rem; background-color: #000; color: #fff; padding: 0px 60px; } } .detail .txt:last-child:before { content:"2"; } .item_sec .block3 h3 { font-weight: 700; font-size: 18px; margin: 4rem auto 0; padding: 0 0 0.5rem; border-bottom: 2px solid #000; } @media all and (max-width: 999px) { .item_sec .block3 h3 { font-weight: 700; font-size: 18px; margin: 0rem auto 0; padding: 0 0 0.5rem; border-bottom: 2px solid #000; } } .item_sec .block3 .txt { line-height: 1.8em; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; margin: 2rem auto 2rem; text-align: center; } .item_link { background-color: #000; width: 400px; text-align: center; border-radius: 20px; margin-left: auto; } @media all and (max-width: 999px) { .item_link { background-color: #000; width: 100%; text-align: center; border-radius: 20px; margin-left: auto; } } .item_link a, .all_link a { color: #fff; display: block; padding: 7px 0; font-size: 14px; } .all_link { text-align: center; background-color: #fff; width: 600px; margin: 0 auto 2rem; border-radius: 20px; border: 1px solid #000; } @media all and (max-width: 999px) { .all_link { text-align: center; background-color: #fff; width: 90%; margin: 0 auto 2rem; border-radius: 20px; border: 1px solid #000; } } .all_link a { color:#000; } #LP-body,#LP-foot { min-width:0px; } #LP-body { padding:2rem 0; } #LP-foot { margin-bottom:50px; } .width-XS { width:300px; margin:auto; } .width-S { width:540px; margin:auto; } .width-M { width:600px; margin:auto; } .width-L { width:750px; margin:auto; background-color: #fff; } .width-XL { width:920px; margin:auto; background-color: #fff; } .width-XXL { width:1000px; margin:auto; } .width-XL-P { width:100%; margin:auto; min-width: 1080px; } .width-L-P { width:90%; margin:auto; min-width:0px; max-width:1100px; } .width-M-P { width:80%; margin:auto; min-width:1100px; } .width-S-P { width:60%; margin:auto; min-width:0px; } .productGrid { margin:auto 5px; } .logoWrapper { text-align:center; } a.cmBtn { background-color: #000; border: 1px solid #000; border-radius: 0; color: #fff; font-size: 0.9rem; letter-spacing: 0; line-height: 3rem; margin: 0 0 0.5rem; } .sp { display:none!important; } #totop { display: none; width: 60px; height: 60px; background: #000; border-radius: 3px; position: fixed; border: 1px solid #000; bottom: 20px; right: 20px; z-index: 100; } #totop a span { display: block; font-size: 11px; font-weight: bold; line-height: 14px; color: #fff; } #topicpath_style.trace-box { font-size: x-small; margin: 0 auto; padding: 2px 10px 3px; text-align: left; width: 940px; } .title_container { text-align:center; } .title_img img { width: 100%; height: 40vw; object-fit: cover; font-family: 'object-fit: cover;'; display: block; } .title_wrapper { position: absolute; bottom: 0; width: 100%; padding: 20px 0; background: -moz-linear-gradient(top,transparent 0,rgba(40,40,40,0.5) 100%); background: -webkit-linear-gradient(top,transparent 0,rgba(40,40,40,0.5) 100%); background: linear-gradient(to bottom,transparent 0,rgba(0,0,0,0.0) 100%); color: #fff; line-height: 1; } .title_h1 { font-size: 2.2rem; text-shadow: 0 0 4px rgba(0,0,0,0.5); color: #fff; line-height:3.00rem; } .title_date { line-height: 1.9; font-size: 18px; color:#FFF; } .h2 { text-align: center; margin: 4rem auto 0; font-size: 1.2rem; } .h4 { font-size: 1.4rem; text-align: left; padding-left: 7%; } .jobun_txt { line-height: 1.8em; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; margin: 2rem auto 7rem; width: 680px; text-align: center; } @media all and (max-width: 999px) { .jobun_txt { line-height: 1.8em; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; margin: 2rem auto 7rem; width: 90%; text-align: center; } } section { margin:0 auto; } .sec_txt { line-height: 1.7rem; font-size: 1rem; font-weight: 200; letter-spacing: 1.5px; padding: 0 0 1rem; margin: 0 auto; text-align: center; } .top_sec { width:900px; } @media all and (max-width: 999px) { .top_sec { width:100%; } } .top_sec div { background-color: #000; color: #FFF; width: 800px; margin: 0 auto; } @media (min-width: 650px) and (max-width: 999px) { .top_sec div { background-color: #000; color: #FFF; width: 90%; margin: 0 auto; } } @media all and (max-width: 649px) { .top_sec div { background-color: #000; color: #FFF; width: 80%; margin: 0 auto; } } .item_sec { margin:5rem auto 4rem; } .item_sec .block1 { float:left; width:50%; } @media all and (max-width: 999px) { .item_sec .block1 { float:left; width:100%; } } .item_sec .block2 { float:right; width:50%; } @media all and (max-width: 999px) { .item_sec .block2 { float:right; width:100%; } } .item_sec .block3 { width: 900px; margin: 0 auto; } @media all and (max-width: 999px) { .item_sec .block3 { width: 100%; margin: 0 auto; } } .item_sec .block3 div { display:inline-block; } .topics { width: 600px; margin: 5rem auto 0; } .topics .top { font-size: 0.73rem; font-weight: normal; margin: 0 0 0.8rem; padding: 3px 0 1px; margin-left: 1rem; border: 1px solid #000; width: 120px; text-align: center; letter-spacing: 2px; } .topics a { display: block; width: calc(100%/1 - 1rem*2); margin: 0 1rem; } .topics .for { font-size: 0.75rem; padding: 0.4rem 0 0.1rem; letter-spacing: 0.5px; font-weight: 700; } .topics .title { font-size: 0.8rem; font-weight: 500; margin: 0.2rem 0 2rem; } .topics img { width: 100%; height: 150px; object-fit: cover; } .sns_size { margin: 1rem auto 1rem; text-align: center; width: 520px; } @media (min-width: 600px) and (max-width: 1040px) { #LP-html, body { min-width: 0px; } .width-L { width: 1000px; min-width:unset; margin: auto; display: block; flex-wrap: nowrap; justify-content: center; } section { width: 100%; margin: 0 auto; } .tokushu img { width:300px; } } h2 { height: auto; line-height: 1.2; } #LP-foot { margin-bottom:40px; } .spMargin { margin:0 1rem; } .spMargin-L { margin:0; } a.cmBtn { font-size: 0.8rem; background-color: #000; color: #fff; line-height: 1.0rem; padding: 0.8rem 0; margin: 0.5rem 0rem 0; } a.cmBtn:before { content: ""; } .logoWrapper img { max-width:90%; } .cmTxt { font-weight: 200; } .backlink { display: none; } .pc { display:none!important; } #totop { width: 55px; height: 55px; background: #000; border-radius: 3px; position: fixed; bottom: 20px; right: 20px; z-index: 100; border: 1px solid #000; opacity: 0.7; } #totop a { display: block; width: 100%; height: 100%; text-align: center; line-height: 0; } #totop a i { font-size: 20px; color: #fff; } #totop a span { display: block; font-size: 10px; font-weight: bold; line-height: 13px; color: #fff; } #headerMdb { background-color: #191919; padding: 5px; text-align: center; } #header_menu-logo img { vertical-align: middle; } #headerMdb > div { display: inline-block; line-height: 30px; margin: auto 0; } #headerMdb .bt_back { left: 0; position: absolute; top: 5px; } .bt_left { display: block; margin: 0; padding: 0 0 0 10px !important; width: 60px !important; } .bt_left a::before { background-color: #4c8ab3; background-image: linear-gradient(to bottom, #275a86 0%, #4c8ab3 10%, #79a7c6 100%); border-left: 1px solid rgba(0, 0, 0, 0.5); content: " "; display: block; float: left; height: 15px; margin-left: -5px; transform: skew(-35deg); width: 10px !important; } .bt_left a::after { background-color: #3a729c; background-image: linear-gradient(to bottom, #3a729c 0%, #2c5278 90%, #8da2b6 100%); border-left: 1px solid #8da2b6; content: " "; display: block; height: 15px; margin-left: -5px; margin-right: auto; margin-top: -15px; position: relative; transform: skew(35deg); width: 10px !important; } .bt_left a { background-color: #4c8ab3; background-image: linear-gradient(to bottom, #275a86 0%, #4c8ab3 5%, #79a7c6 49%, #3a729c 50%, #2c5278 95%, #8da2b6 100%); border-radius: 6px; border-right: 1px solid #31628b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); color: #fff; display: block; font-size: 13px; font-weight: bold; line-height: 30px; text-align: center; text-decoration: none; text-indent: -10px; text-shadow: 0 1px 1px #000; width: auto !important; } footer { margin-bottom: 10px; padding: 10px; } footer .backlink { height: 50px; position: relative; } .clear { clear: both; } footer .pagetop { float: right; font-size: 12px; margin: 10px 0; } ul::after, dl::after, .btn_search::after, .pageBox::after, .swipeBox::after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } footer #f_navi_style { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #ccc #ccc -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; clear: both; margin-bottom: 10px; } footer #f_navi_style li { background-color: #fff; background-position: right center; background-repeat: no-repeat; border-bottom: 1px solid #ccc; height: 33px; } footer #f_navi_style li a:after { content:"＞　"; float:right; } li { list-style: outside none none; } footer #f_navi_style li a { color: #333; display: block; font-size: 13px; font-weight: bold; height: 33px; line-height: 33px; padding-left: 5px; text-decoration: none; position:relative; } .title_img img { width:100%; } .title_wrapper { margin: 1rem 1rem 2rem; line-height: 1.2; text-align:center; } .title_h1 { font-size: 1.1rem; line-height:1.6rem; margin:0; } .title_date { font-size: 1rem; line-height:1.5rem; margin: 0.3rem 0; display:none; } .headLine { margin:100px auto 50px; } .headLineDeg { margin:0 auto 25px; } .h1 { font-size: 18px; line-height: 1.6em; } .h2 { font-size: 1rem; font-weight: 500; letter-spacing: 0; position: relative; text-align: center; } .h4 { font-size: 1.2rem; text-align: left; padding-left: 7%; } .jobun_txt { line-height: 1.7em; font-size: 14px; font-weight: 300; letter-spacing: 0.1px; padding: 1rem 0 0; width: 90%; margin: 0 auto 3rem; } .yomi { text-align: center; letter-spacing: 0.8rem; font-size: 0.7rem; margin: 0.4rem 0; } .sec_txt { line-height: 1.5rem; font-size: 0.8rem; font-weight: 200; letter-spacing: 0.1rem; padding: 0.5rem 0 0; margin: 0 auto; text-align: center; } .hr { border-color:#000; } section { width: 100%; margin-bottom: 2rem; } .top_sec .sub { font-size: 16px; font-style: italic; } .top_sec div { width: 85%; margin: 0 auto; padding: 0 2%; } .top_sec .title { font-size: 18px; line-height: 1.5em; } .point_list { width: 90%; margin: 0 auto; } .point_list li { width: auto; font-size: 14px; margin: 0 auto 2.5rem; padding-bottom: 1rem; } .point_list li:last-child { padding-bottom: 2rem; margin-bottom: 10px; } .hr1, .hr2, .hr3, .hr4 { margin: 10px 0; } .hr2, .hr3 { height: 93%; top: 7%; } .hr2 { left:3%; } .hr3 { right:3%; } .item_sec .num { width: 100%; text-align: center; margin: 1rem auto -2rem; } .item_sec .num p { font-size: 40px; } .item_sec .title { width: 100%; margin: 2rem auto; text-align: center; font-size: 20px; } .items { display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; width: 100%; margin: 0 auto; } .block1 { -webkit-box-ordinal-group:1; order:1; } .block2 { -webkit-box-ordinal-group:3; order:3; } .block3 { -webkit-box-ordinal-group:2; order:2; } .item_sec .block3 h3 { text-align: center; border-bottom: 1px solid #000; font-size:17px; } .item_sec .block3 .txt { width: 90%; font-size: 14px; margin: 1rem auto 1.6rem; line-height: 1.6em; } .item_link { width: 92%; margin: 0 auto; } .item_link a, .all_link a { font-size:12px; } .img_list li { margin: 3rem 0.4rem 0; } .detail { margin: 1rem auto; } .detail .top { font-size: 30px; } .detail .top img { width: 50px; margin: -1rem 0; margin-right: -0.6rem; margin-left: -0.4rem; } .detail .txt { font-size: 13px; margin-left: 3.3rem; width: 82%; line-height: 1.4em; } .detail hr { height: 70%; top: 2.5rem; } .item_sec hr.under { margin:1.5rem 0; } .all_link { width:90%; } .topics { width: 90%; margin: 3rem auto 0; } .topics .top { font-size: 0.72rem; font-weight: 500; letter-spacing: 1.3px; margin: 0 0 0.5rem; padding: 2px 0 2px; border: 1px solid #000; width: 100px; text-align: center; } .topics a { display: block; width: calc(100%/1); margin: 0; } .topics .for { font-size: 0.75rem; padding: 0.2rem 0 0; letter-spacing: 0.5px; font-weight: 700; } .topics .title { font-size: 0.73rem; font-weight: 500; margin: 0.2rem 0 1.5rem; } .topics img { width: 100%; height: 100px; object-fit: cover; object-position: 50% 0; } .sns_size { margin: 1.5rem auto 2rem; width: 95%; } .container { max-width: 1200px; margin: 0 auto; padding: 80px 20px; } img { width: 100%; height: auto; display: block; } .title { text-align: center; margin-bottom: 40px; } .title__decoration--en { display: block; font-size: 20px; letter-spacing: 0.15em; } .title__decoration--jp { font-size: 12px; color: #666; } .new-content-area { background: #fff; } .new-content-area .new-content-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .new-content-item { display: block; text-decoration: none; color: #000; } .new-content-text { padding: 12px 0; font-size: 12px; text-align: center; } .category-area { background: #fff; } .category-area .category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .category-grid a { display: block; border: 1px solid #e5e5e5; padding: 12px; } .footer { border-top: 1px solid #e5e5e5; } .footer-inner { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 24px; } .footer-logo { font-size: 22px; letter-spacing: 0.1em; } .footer-nav { display: flex; flex-wrap: wrap; gap: 20px; } .footer-nav a { font-size: 13px; color: #000; text-decoration: none; } @media screen and (max-width: 768px) { .new-content-area .new-content-grid { display: grid; grid-template-columns: 1fr; } .category-area .category-grid { display: grid; grid-template-columns: repeat(2, 1fr); } .footer-inner { flex-direction: column; text-align: center; } .footer-nav { justify-content: center; } } @media screen and (min-width: 960px) { body.fs-body-product .fs-l-product4 .fs-l-productLayout:has(> .product-image-video-wrap) { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 48px; row-gap: 32px; align-items: start; align-content: start; width: 100%; max-width: 1120px; margin-left: auto; margin-right: auto; box-sizing: border-box; } body.fs-body-product .fs-l-product4 .fs-l-productLayout > .product-image-video-wrap { grid-column: 1; grid-row: 1; min-width: 0; max-width: 100%; margin-top: 0; align-self: start; } body.fs-body-product .fs-l-product4 .fs-l-productLayout:has(> .product-image-video-wrap) > .fs-l-productLayout__item--2 { grid-column: 2; grid-row: 1 / span 2; min-width: 0; width: 100%; max-width: 100%; margin-top: 0; padding-top: 0; align-self: start; } body.fs-body-product .fs-l-product4 .fs-l-productLayout:has(> .product-image-video-wrap) > br { display: none; } body.fs-body-product .fs-l-product4 .fs-l-productLayout:has(> .product-image-video-wrap) > center { grid-column: 1; grid-row: 2; min-width: 0; width: 100%; margin: 0; align-self: start; } body.fs-body-product .fs-l-product4 .fs-l-productLayout:has(> .product-image-video-wrap) > center .resizeimage { min-width: 0; max-width: 100%; margin: 0; } body.fs-body-product .fs-l-product4 .fs-l-productLayout > .fs-l-productLayout__item--3 { grid-column: 1 / -1; min-width: 0; width: 100%; max-width: 100%; box-sizing: border-box; } body.fs-body-product .fs-l-product4 .product-description-and-spec-wrap { width: 100%; max-width: 1120px; min-width: 0; margin-left: auto; margin-right: auto; box-sizing: border-box; } body.fs-body-product .fs-l-product4 .product-description-and-spce { min-width: 0; max-width: 100%; box-sizing: border-box; overflow-wrap: anywhere; } body.fs-body-product .fs-l-product4 .product-description-and-spce img { max-width: 100%; height: auto; } } body.fs-body-product .fs-l-productLayout__item--2 { color: #202328; line-height: 1.7; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNumber { color: #767b82; font-size: 11px; letter-spacing: .06em; line-height: 1.5; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNameHeading { font-family: inherit; font-size: 22px; font-weight: 600; line-height: 1.65; letter-spacing: .025em; margin-top: 10px; margin-bottom: 20px; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNameHeading__copy { display: block; color: #747a82; font-size: 12px; font-weight: 500; letter-spacing: .08em; margin-bottom: 8px; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { font-family: inherit; font-size: 30px; font-weight: 600; letter-spacing: -.025em; font-variant-numeric: tabular-nums; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice__addon { color: #747a82; font-size: 12px; margin-left: 8px; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice--listed { color: #747a82; font-size: 12px; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productSelection__name { background: #f5f6f7; color: #424850; border-radius: 6px; padding: 12px 14px; font-size: 12px; line-height: 1.7; margin-top: 12px; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productSelection__selection { padding: 6px 0 12px; } body.fs-body-product .fs-c-variationLabel { font-size: 13px; font-weight: 600; letter-spacing: .04em; margin-bottom: 12px; } body.fs-body-product .fs-c-productChooseVariation__variation___color_thumbs { border-bottom-color: #e5e7eb; padding-bottom: 22px; margin-bottom: 22px; gap: 10px; } body.fs-body-product .fs-c-productChooseVariation__variation___color_thumb { margin-right: 0; } body.fs-body-product .fs-c-productChooseVariation__variation___color_thumb .fs-c-variationMatrix__row__thumbnail { border: 1px solid #e5e7eb; border-radius: 8px; padding: 3px; overflow: hidden; } body.fs-body-product .fs-c-productChooseVariation__variation___color_thumb.is-selected .fs-c-variationMatrix__row__thumbnail { border-color: #202328; box-shadow: 0 0 0 1px #202328; } body.fs-body-product .fs-c-variationMatrix__row__variationPanels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; } body.fs-body-product .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__item { min-width: 0; width: 100%; max-width: none; margin: 0; } body.fs-body-product .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__panel { position: relative; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 7px; width: 100%; height: auto; min-height: 78px; margin: 0; padding: 15px 6px; background: #fff; border: 1px solid #dce0e4; border-radius: 8px; color: #202328; line-height: 1.3; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; box-sizing: border-box; } body.fs-body-product .fs-c-variationMatrix__panel__label { display: block; font-size: 16px; font-weight: 600; line-height: 1.3; letter-spacing: .02em; } body.fs-body-product .fs-c-variationMatrix__panel__stock { display: block; font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: .02em; color: #52616d; } body.fs-body-product .fs-c-variationMatrix__panel__stock.fs-c-stock { color: #286451; font-variant-numeric: tabular-nums; } body.fs-body-product .fs-c-variationMatrix__panel__stock.fs-c-stock::before { content: "残り "; } body.fs-body-product .fs-c-variationMatrix__panel__stock.fs-c-stock::after { content: " 点"; } body.fs-body-product .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel { background: #202328; color: #fff; border-color: #202328; box-shadow: 0 0 0 1px #202328; } body.fs-body-product .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel .fs-c-variationMatrix__panel__stock { color: #d1eadf; } body.fs-body-product .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel::after { content: "選択中"; position: absolute; top: -8px; right: 7px; padding: 2px 6px; background: #202328; border-radius: 4px; color: #fff; font-size: 10px; font-weight: 600; line-height: 1.4; } body.fs-body-product .fs-c-variationMatrix__radio:focus-visible + .fs-c-variationMatrix__panel { outline: 3px solid #6388b0; outline-offset: 3px; } body.fs-body-product .fs-c-variationMatrix__radio[data-button-code="3"] + .fs-c-variationMatrix__panel, body.fs-body-product .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__panel.item_stock_zero { background: #f3f4f5; border: 1px dashed #cbd0d5; color: #818790; box-shadow: none; } body.fs-body-product .fs-c-variationMatrix__radio[data-button-code="3"] + .fs-c-variationMatrix__panel .fs-c-variationMatrix__panel__stock, body.fs-body-product .fs-c-variationMatrix__panel.item_stock_zero .fs-c-variationMatrix__panel__stock { font-size: 0; color: #777e87; } body.fs-body-product .fs-c-variationMatrix__radio[data-button-code="3"] + .fs-c-variationMatrix__panel .fs-c-variationMatrix__panel__stock::before, body.fs-body-product .fs-c-variationMatrix__panel.item_stock_zero .fs-c-variationMatrix__panel__stock::before { content: "売り切れ"; font-size: 12px; line-height: 1.4; } body.fs-body-product .fs-c-variationMatrix__radio[data-button-code="3"] + .fs-c-variationMatrix__panel .fs-c-variationMatrix__panel__stock::after, body.fs-body-product .fs-c-variationMatrix__panel.item_stock_zero .fs-c-variationMatrix__panel__stock::after { content: none; } body.fs-body-product .fs-c-variationMatrix__radio[data-button-code="3"]:checked + .fs-c-variationMatrix__panel, body.fs-body-product .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel.item_stock_zero { border: 2px solid #727b87; background: #e9ecef; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-quantity__select, body.fs-body-product .fs-l-productLayout__item--2 .fs-c-quantity__number { min-height: 46px; border: 1px solid #dce0e4; border-radius: 6px; font-size: 16px; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productActionButton .fs-c-button--primary { width: 100%; min-height: 56px; padding: 16px 20px; border: 1px solid #202328; border-radius: 8px; background: #202328; color: #fff; font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: .06em; box-shadow: none; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productActionButton .fs-c-button--primary:disabled { background: #e5e7eb; border-color: #e5e7eb; color: #747b84; cursor: not-allowed; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productActionButton .fs-c-button--secondary { min-height: 52px; border: 1px solid #b7bec6; border-radius: 8px; background: #fff; color: #303740; font-size: 14px; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-inquiryAboutProduct { font-size: 12px; color: #646c76; margin-top: 18px; } body.fs-body-product .fs-l-productLayout__item--2 button:focus-visible { outline: 3px solid #6388b0; outline-offset: 3px; } body.fs-body-product .product-description-and-spec-change-btn { display: flex; gap: 24px; border-bottom: 1px solid #dde1e5; } body.fs-body-product .product-description-and-spec-change-btn .change-btn { flex: 0 1 180px; padding: 16px 8px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #707781; font-size: 14px; font-weight: 500; } body.fs-body-product .product-description-and-spec-change-btn .change-btn.active { background: transparent; border-bottom-color: #202328; color: #202328; font-weight: 600; } body.fs-body-product .product-description-and-spce { border: 0; margin-top: 0; padding: 24px 0; font-size: 14px; line-height: 1.9; } body.fs-body-product .product-description-and-spce img { display: block; max-width: 100%; height: auto; } @media (hover: hover) and (pointer: fine) { body.fs-body-product .fs-c-variationMatrix__radio:not(:checked) + .fs-c-variationMatrix__panel:not(.item_stock_zero):hover { border-color: #69737e; box-shadow: 0 2px 8px rgb(32 35 40 / 7%); } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productActionButton .fs-c-button--primary:not(:disabled):hover { background: #3b424b; border-color: #3b424b; } } @media screen and (max-width: 599px) { body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNameHeading { font-size: 19px; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { font-size: 27px; } body.fs-body-product .fs-c-variationMatrix__row__variationPanels { gap: 8px; } body.fs-body-product .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__panel { min-height: 74px; } body.fs-body-product .product-description-and-spec-change-btn { gap: 12px; } } @media (prefers-reduced-motion: reduce) { body.fs-body-product .fs-c-variationMatrix__row__variationPanels .fs-c-variationMatrix__panel { transition: none; } } body.fs-body-product .ar-purchase-check { margin: 24px 0; border: 1px solid #dadfe4; border-radius: 10px; background: #fafbfc; overflow: visible; } body.fs-body-product .ar-purchase-check > summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; list-style: none; padding: 16px; cursor: pointer; color: #252b32; font-size: 14px; font-weight: 600; line-height: 1.5; } body.fs-body-product .ar-purchase-check > summary::-webkit-details-marker { display: none; } body.fs-body-product .ar-purchase-check > summary::after { content: "開く ＋"; margin-left: auto; font-size: 12px; color: #5c6672; } body.fs-body-product .ar-purchase-check[open] > summary::after { content: "閉じる ?"; } body.fs-body-product .ar-check-badge { padding: 3px 7px; border-radius: 4px; background: #8b4739; color: #fff; font-size: 11px; line-height: 1.5; } body.fs-body-product .ar-check-progress { color: #8b4739; font-size: 12px; font-weight: 500; } body.fs-body-product .ar-purchase-check.ar-check-complete .ar-check-progress { color: #286451; } body.fs-body-product .ar-check-intro { margin: 0; padding: 0 16px 12px; text-align: left; font-size: 12px; line-height: 1.7; color: #5d6671; } body.fs-body-product .ar-purchase-check .fs-c-productSelection { margin: 0; padding: 0 16px 8px; } body.fs-body-product .ar-purchase-check .fs-c-productSelection__name { background: transparent; border-radius: 0; border-top: 1px solid #e3e7eb; margin: 0; padding: 14px 0 8px; font-size: 13px; line-height: 1.8; } body.fs-body-product .ar-purchase-check .fs-c-productSelection__selection { margin: 0; padding: 0 0 14px; } body.fs-body-product .ar-purchase-check .fs-c-radio__label { display: inline-flex; align-items: center; min-height: 44px; gap: 8px; padding: 7px 12px; border: 1px solid #dce1e6; border-radius: 6px; background: #fff; font-size: 13px; cursor: pointer; } body.fs-body-product .ar-purchase-check .fs-c-radio__radio:checked + .fs-c-radio__label { border-color: #557667; background: #f0f6f3; color: #24523e; } body.fs-body-product .ar-check-actions { padding: 0 16px 16px; } body.fs-body-product .ar-check-done, body.fs-body-product .ar-gallery-toggle { display: block; width: 100%; min-height: 44px; padding: 11px 16px; border: 1px solid #cdd3da; border-radius: 7px; background: #fff; color: #303943; font-weight: 500; font-family: inherit; font-size: 13px; line-height: 1.6; cursor: pointer; } body.fs-body-product .ar-check-message { padding: 0 16px; margin: 0 0 12px; color: #964435; font-size: 12px; line-height: 1.7; text-align: left; } body.fs-body-product .ar-purchase-check.ar-check-attention { border-color: #964435; } body.fs-body-product .ar-purchase-check summary:focus-visible, body.fs-body-product .ar-check-done:focus-visible, body.fs-body-product .ar-gallery-toggle:focus-visible, body.fs-body-product .swipter-thumbnail--item:focus-visible { outline: 3px solid #6388b0; outline-offset: 3px; } body.fs-body-product .product-image-video-wrap .swiper-thumbnail, body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list { height: auto !important; max-height: none !important; overflow: visible !important; } body.fs-body-product .product-image-video-wrap .swiper-thumbnail { margin-top: 16px; } body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 0; margin: 0; } body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list > li { min-width: 0; width: 100%; margin: 0; padding: 3px; aspect-ratio: 1; border: 1px solid #e4e7eb; border-radius: 6px; overflow: hidden; background: #fafafa; cursor: pointer; } body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list > li.active { border-color: #202328; box-shadow: inset 0 0 0 1px #202328; } body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list figure { margin: 0; width: 100%; height: 100%; } body.fs-body-product .product-image-video-wrap .swipter-thumbnail--list img:not(.svg) { width: 100%; height: 100%; max-width: 100%; max-height: 118px; object-fit: contain; aspect-ratio: auto; } body.fs-body-product .product-image-video-wrap .ar-gallery-collapsed > li:nth-child(n+9) { display: none; } body.fs-body-product .ar-gallery-toggle { margin-top: 12px; } body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short { min-width: 0; padding: 24px 0 0; border-top: 1px solid #e0e4e8; font-size: 14px; line-height: 2; letter-spacing: .025em; color: #414951; overflow-wrap: anywhere; text-align: left; } body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short::before { content: "商品について"; display: block; margin-bottom: 16px; color: #202328; font-size: 18px; font-weight: 600; letter-spacing: .04em; } body.fs-body-product .fs-p-productDescription--short hr { margin: 14px 0 20px; border-top-color: #e7eaee; } body.fs-body-product .fs-l-productLayout > .pay-text-box { min-width: 0; margin-top: 0; } body.fs-body-product .pay-text-box .pay-area { align-items: center; gap: 20px; margin-bottom: 20px; } body.fs-body-product .pay-text-box .pay-area > .item { flex: 0 1 130px; } body.fs-body-product .pay-text-box .point-area { padding: 20px; background: #f6f7f8; border: 1px solid #eceef0; border-radius: 10px; } body.fs-body-product .pay-text-box .point-text { font-size: 15px; line-height: 1.7; margin-bottom: 12px; } body.fs-body-product .pay-text-box .list li { gap: 10px; margin-top: 10px; font-size: 12px; line-height: 1.9; } body.fs-body-product .pay-text-box .list .icon { flex: 0 0 22px; } body.fs-body-product .pay-text-box .list .icon img { width: 22px; height: 22px; object-fit: contain; } body.fs-body-product .pay-text-box .delivery-info { margin-top: 12px; } body.fs-body-product .fs-p-productDescription--full > iframe[src*="/blog/ifream/syouhinsetumei-"] { display: none; } body.fs-body-product .fs-p-productDescription--full:has(> iframe[src*="/blog/ifream/syouhinsetumei-"]) { display: none; } body.fs-body-product :is(.ranking-area--wrap, .recommended-area--wrap, .style-area--wrap) { width: 100%; max-width: 1120px; padding: 32px 0 0; margin: 36px auto 16px; border-top: 1px solid #dfe3e7; box-sizing: border-box; min-width: 0; } body.fs-body-product :is(.ranking-area--wrap, .recommended-area--wrap, .style-area--wrap) > h2 { height: auto; text-align: left; color: #202328; font-family: inherit; font-size: clamp(20px, 2.2vw, 27px); font-weight: 600; line-height: 1.4; letter-spacing: .08em; margin: 0 0 24px; } body.fs-body-product :is(.ranking-area--wrap, .recommended-area--wrap, .style-area--wrap) > h2::after { display: block; margin-top: 7px; color: #6e7680; font-size: 12px; font-weight: 400; letter-spacing: .035em; } body.fs-body-product .ranking-area--wrap > h2::after { content: "人気のアイテム"; } body.fs-body-product .recommended-area--wrap > h2::after { content: "こちらもおすすめ"; } body.fs-body-product .style-area--wrap > h2::after { content: "着こなしから選ぶ"; } body.fs-body-product :is(#ranking-area, #recommended-area, #style__block) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 20px; width: 100%; margin: 0; padding: 0; } body.fs-body-product :is(#ranking-area, #recommended-area) > * { min-width: 0; width: 100%; max-width: none; margin: 0; text-align: left; } body.fs-body-product :is(#ranking-area, #recommended-area) > a { position: relative; display: flex; flex-direction: column; height: 100%; color: #303740; text-decoration: none; } body.fs-body-product :is(#ranking-area, #recommended-area) .img-area { border-radius: 8px; overflow: hidden; background: #f5f6f7; } body.fs-body-product :is(#ranking-area, #recommended-area) img { width: 100%; height: auto; margin: 0; } body.fs-body-product :is(#ranking-area, #recommended-area) .text-area { padding: 12px 0; } body.fs-body-product :is(#ranking-area, #recommended-area) .product-title { font-size: 13px; line-height: 1.7; } body.fs-body-product :is(#ranking-area, #recommended-area) .product-price { margin-top: 6px; font-size: 14px; font-weight: 600; line-height: 1.5; } body.fs-body-product :is(#ranking-area, #recommended-area) > a::after { content: "商品を見る →"; display: block; margin-top: auto; padding: 10px 12px; border: 1px solid #d7dce1; border-radius: 6px; font-size: 12px; font-weight: 500; line-height: 1.5; text-align: center; } body.fs-body-product #ranking-area { counter-reset: ar-rank; } body.fs-body-product #ranking-area > .item { counter-increment: ar-rank; position: relative; } body.fs-body-product #ranking-area > .item::before { content: counter(ar-rank, decimal-leading-zero); position: absolute; top: 8px; left: 8px; z-index: 1; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 5px; background: #fff; color: #303740; font-size: 13px; font-weight: 600; box-shadow: 0 1px 5px rgb(0 0 0 / 8%); } body.fs-body-product .style-area--wrap #style__block .style-block { width: 100%; min-width: 0; margin: 0; } body.fs-body-product .style-area--wrap #style__block .img-area { border-radius: 8px; overflow: hidden; } body.fs-body-product .style-area--wrap #style__block .img-area img { width: 100%; height: auto; display: block; } body.fs-body-product .style-area--wrap #style__block .item-data { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 0 0; } body.fs-body-product .style-area--wrap #style__block .item-data a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; min-width: 86px; padding: 9px 14px; border: 1px solid #cfd5dc; border-radius: 6px; background: #fff; color: #303740; font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: .035em; text-decoration: none; } body.fs-body-product .style-area--wrap #style__block .item-data a::after { content: "→"; } @media (hover: hover) and (pointer: fine) { body.fs-body-product :is(#ranking-area, #recommended-area) > a:hover::after, body.fs-body-product .style-area--wrap #style__block .item-data a:hover, body.fs-body-product .ar-gallery-toggle:hover { background: #202328; border-color: #202328; color: #fff; } } @media screen and (max-width: 599px) { body.fs-body-product :is(#ranking-area, #recommended-area, #style__block) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; } body.fs-body-product :is(.ranking-area--wrap, .recommended-area--wrap, .style-area--wrap) { padding-top: 26px; margin-top: 30px; } body.fs-body-product .pay-text-box .point-area { padding: 16px; } body.fs-body-product .fs-l-productLayout > .pay-text-box { margin-top: 24px; } body.fs-body-product .style-area--wrap #style__block .item-data { gap: 6px; } body.fs-body-product .style-area--wrap #style__block .item-data a { min-width: 0; flex: 1 1 auto; padding: 8px; font-size: 11px; } } body.fs-body-product .style-area--wrap #style__block .item-data .row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 0; justify-content: flex-start; } body.fs-body-product .style-area--wrap #style__block .item-data .col { min-width: 0; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNumber { display: inline-block; padding: 5px 9px; background: #f1f3f5; border-radius: 4px; font-size: 10px; color: #727b86; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNameHeading { margin: 18px 0 18px; padding: 0 0 22px; border-bottom: 1px solid #dce1e6; font-size: clamp(22px, 2.1vw, 27px); font-weight: 700; line-height: 1.6; letter-spacing: .015em; color: #182634; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productNameHeading__copy { margin-bottom: 12px; color: #506174; font-size: 11px; font-weight: 600; letter-spacing: .13em; } body.fs-body-product .ar-shipping-note { display: table; margin: 0 0 12px; padding: 6px 10px; border-left: 3px solid #9a8060; background: #f5f1ea; border-radius: 0 4px 4px 0; color: #66513a; font-size: 12px; font-weight: 500; line-height: 1.6; letter-spacing: .015em; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrices { margin-top: 18px; margin-bottom: 28px; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { color: #182634; font-size: 34px; font-weight: 600; line-height: 1.2; letter-spacing: -.035em; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-price__value { color: inherit; } body.fs-body-product .fs-l-productLayout__item--2 .fs-c-productMark__mark { border: 1px solid #e0e5e9; border-radius: 4px; background: #fff; color: #566270; padding: 5px 8px; font-size: 10px; } body.fs-body-product .product-image-video-wrap .swipter-thumbnail--item.video { position: relative; border-color: #8495a5; } body.fs-body-product .product-image-video-wrap .swipter-thumbnail--item.video .svg-wrap { display: none; } body.fs-body-product .product-image-video-wrap .swipter-thumbnail--item.video::after { content: "? 動画"; position: absolute; left: 5px; right: 5px; bottom: 5px; z-index: 3; border-radius: 4px; padding: 5px 3px; background: #182c3e; color: #fff; text-align: center; font-size: 11px; font-weight: 600; line-height: 1.4; letter-spacing: .04em; pointer-events: none; } body.fs-body-product .product-image-video-wrap .swiper-slide.item-video { position: relative; } body.fs-body-product .product-image-video-wrap .swiper-slide.item-video::after { content: "動画"; position: absolute; left: 12px; top: 12px; z-index: 3; padding: 6px 10px; background: rgb(24 44 62 / 88%); color: #fff; border-radius: 5px; font-size: 12px; font-weight: 600; line-height: 1.4; pointer-events: none; } body.fs-body-product .product-description-and-spec-wrap { padding: 24px; background: #f3f5f7; border-radius: 14px; box-sizing: border-box; } body.fs-body-product .product-description-and-spec-wrap::before { content: "商品の見どころをチェック"; display: block; margin-bottom: 18px; color: #223446; font-size: 19px; font-weight: 700; letter-spacing: .035em; line-height: 1.5; } body.fs-body-product .product-description-and-spec-change-btn { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; border: 0; margin-bottom: 18px; } body.fs-body-product .product-description-and-spec-change-btn .change-btn { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; min-height: 68px; margin: 0; padding: 12px; background: #fff; color: #586574; border: 1px solid #cdd5de; border-radius: 8px; font-size: 15px; font-weight: 600; line-height: 1.5; cursor: pointer; } body.fs-body-product .product-description-and-spec-change-btn .change-btn::after { display: block; font-size: 11px; font-weight: 400; letter-spacing: .035em; } body.fs-body-product .product-description-and-spec-change-btn .change-btn[data-area="description"]::after { content: "デザイン・特徴"; } body.fs-body-product .product-description-and-spec-change-btn .change-btn[data-area="spec"]::after { content: "仕様を詳しく"; } body.fs-body-product .product-description-and-spec-change-btn .change-btn.active { background: #1d3245; border-color: #1d3245; color: #fff; box-shadow: 0 3px 9px rgb(29 50 69 / 14%); } body.fs-body-product .product-description-and-spec-change-btn .change-btn:focus-visible { outline: 3px solid #7395b7; outline-offset: 3px; } body.fs-body-product .product-description-and-spce { margin: 16px 0 0; padding: 0; border: 0; background: #fff; border-radius: 8px; overflow: hidden; } body.fs-body-product .product-description-and-spce > [hidden] { display: none !important; } body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short { grid-column: 1 / -1; padding: 32px; margin: 16px 0 0; background: #f7f5f1; border: 0; border-radius: 14px; color: #3d464e; font-size: 15px; line-height: 1.95; letter-spacing: .025em; } body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short.ar-story { display: grid; grid-template-columns: minmax(150px, .3fr) minmax(0, 1fr); gap: 36px; } body.fs-body-product .fs-p-productDescription--short.ar-story::before { content: none; } body.fs-body-product .ar-story-heading { margin: 0; color: #243342; font-family: inherit; font-size: 22px; font-weight: 700; letter-spacing: .055em; line-height: 1.5; height: auto; } body.fs-body-product .ar-story-heading::after { content: ""; display: block; width: 36px; height: 3px; margin-top: 18px; background: #ac9270; } body.fs-body-product .ar-story-content { min-width: 0; max-width: 780px; } body.fs-body-product .ar-story-content p { margin: 0 0 18px; text-align: left; font-size: 15px; line-height: 1.95; } body.fs-body-product .ar-story-content p:last-child { margin-bottom: 0; } body.fs-body-product .ar-story-content .ar-story-title { margin: 0 0 22px; color: #263544; font-size: 20px; font-weight: 600; line-height: 1.7; } body.fs-body-product .ar-story-content hr { border: 0; height: 1px; background: #dedbd5; margin: 20px 0; } body.fs-body-product .fs-l-productLayout > .pay-text-box { grid-column: 1 / -1; margin: 12px 0 0; } body.fs-body-product .pay-text-box > .pay-area { justify-content: flex-end; margin: 0 0 22px; gap: 20px; } body.fs-body-product .pay-text-box > .pay-area > .item { flex-basis: 112px; } body.fs-body-product .pay-text-box > .point-area { padding: 0; border: 0; border-radius: 0; background: transparent; } body.fs-body-product .pay-text-box > .point-area > .point-text { margin: 0 0 18px; font-size: 20px; font-weight: 700; color: #243342; letter-spacing: .025em; } body.fs-body-product .pay-text-box > .point-area > .list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 0; margin: 0; } body.fs-body-product .pay-text-box > .point-area > .list > li { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 22px; margin: 0; border: 1px solid #dce2e7; border-radius: 10px; background: #fff; font-size: 14px; line-height: 1.85; color: #344454; } body.fs-body-product .pay-text-box > .point-area > .list > li .icon { flex: 0 0 auto; width: 38px; height: 38px; padding: 6px; border-radius: 50%; background: #eef2f5; } body.fs-body-product .pay-text-box > .point-area > .list > li .icon img { width: 26px; height: 26px; max-width: none; max-height: none; object-fit: contain; } body.fs-body-product .pay-text-box > .point-area > .list > li .text { font-weight: 500; } body.fs-body-product .pay-text-box > .delivery-info { margin-top: 20px; } body.fs-body-product .pay-text-box > .delivery-info > .point-area { display: grid; grid-template-columns: minmax(170px, .35fr) minmax(0, 1fr); gap: 28px; padding: 28px; background: #213343; color: #f4f7fa; border: 0; border-radius: 12px; } body.fs-body-product .pay-text-box > .delivery-info .point-text { margin: 0; color: #fff; font-size: 18px; font-weight: 600; line-height: 1.8; } body.fs-body-product .pay-text-box > .delivery-info .list { display: block; padding: 0; margin: 0; } body.fs-body-product .pay-text-box > .delivery-info .list > li { display: block; padding: 11px 0; margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; border-bottom: 1px solid rgb(255 255 255 / 14%); color: #e5ecf2; font-size: 13px; font-weight: 400; line-height: 1.9; } body.fs-body-product .pay-text-box > .delivery-info .list > li:first-child { padding-top: 0; } body.fs-body-product .pay-text-box > .delivery-info .list > li:last-child { padding-bottom: 0; border-bottom: 0; } body.fs-body-product .ranking-area--wrap { border-top: 3px solid #23384c; padding-top: 28px; } body.fs-body-product #ranking-area > .item::before { width: 38px; height: 38px; top: 10px; left: 10px; background: #23384c; color: #fff; border-radius: 50%; font-size: 15px; } body.fs-body-product #ranking-area > .item:first-child::before { background: #8a7351; } body.fs-body-product #ranking-area > a::after { content: "商品を見る"; border: 0; border-top: 1px solid #dce2e7; border-radius: 0; padding: 12px 0; text-align: left; color: #304a60; } body.fs-body-product .recommended-area--wrap { padding: 28px; border: 0; border-radius: 14px; background: #f5f3ef; } body.fs-body-product #recommended-area > a { padding: 12px; border-radius: 10px; background: #fff; box-sizing: border-box; } body.fs-body-product #recommended-area > a::after { content: "商品を見る"; background: #eef1f4; border: 0; color: #314354; } body.fs-body-product .style-area--wrap { padding: 32px 0 0; border-top: 1px solid #a8b4bf; } body.fs-body-product .style-area--wrap #style__block .item-data .row { width: 100%; display: flex; gap: 8px; } body.fs-body-product .style-area--wrap #style__block .item-data .col { flex: 1 1 0; } body.fs-body-product .style-area--wrap #style__block .item-data a { display: flex; width: 100%; min-width: 0; min-height: 44px; padding: 12px 14px; border: 1px solid #253d51; border-radius: 6px; background: #253d51; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .08em; box-sizing: border-box; } body.fs-body-product .style-area--wrap #style__block .item-data a::after { content: none; } body.fs-body-product .style-area--wrap #style__block .item-data .col:nth-child(even) a { background: #e6ecf1; border-color: #e6ecf1; color: #294154; } @media (hover: hover) and (pointer: fine) { body.fs-body-product .style-area--wrap #style__block .item-data a:hover { background: #142738; border-color: #142738; color: #fff; } body.fs-body-product #recommended-area > a:hover::after { background: #253d51; color: #fff; } body.fs-body-product .product-description-and-spec-change-btn .change-btn:not(.active):hover { border-color: #506a81; background: #e8edf2; } } @media screen and (max-width: 767px) { body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short.ar-story { grid-template-columns: 1fr; gap: 22px; } body.fs-body-product .fs-l-productLayout > .fs-p-productDescription--short { padding: 24px 20px; } body.fs-body-product .ar-story-heading { font-size: 20px; } body.fs-body-product .ar-story-heading::after { margin-top: 12px; } body.fs-body-product .ar-story-content p { font-size: 14px; } body.fs-body-product .ar-story-content .ar-story-title { font-size: 18px; } body.fs-body-product .pay-text-box > .point-area > .list { grid-template-columns: 1fr; gap: 10px; } body.fs-body-product .pay-text-box > .point-area > .list > li { flex-direction: row; align-items: center; padding: 16px; gap: 14px; font-size: 13px; } body.fs-body-product .pay-text-box > .delivery-info > .point-area { grid-template-columns: 1fr; gap: 16px; padding: 22px; } body.fs-body-product .product-description-and-spec-wrap { padding: 18px 12px; } body.fs-body-product .product-description-and-spec-wrap::before { font-size: 17px; } body.fs-body-product .product-description-and-spec-change-btn .change-btn { min-height: 64px; padding: 10px 6px; font-size: 14px; } body.fs-body-product .recommended-area--wrap { padding: 22px 12px; } body.fs-body-product #recommended-area > a { padding: 8px; } } body.fs-body-product .ar-section-fold { min-width: 0; width: 100%; } body.fs-body-product .ar-section-fold > summary { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; padding: 12px 18px; box-sizing: border-box; border: 1px solid #bdc9d3; border-radius: 6px; background: #fff; color: #253d51; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1.6; list-style: none; } body.fs-body-product .ar-section-fold > summary::-webkit-details-marker { display: none; } body.fs-body-product .ar-section-fold > summary::after { content: '＋'; font-size: 16px; } body.fs-body-product .ar-section-fold[open] > summary::after { content: '?'; } body.fs-body-product .ar-section-fold .ar-fold-open { display: none; } body.fs-body-product .ar-section-fold[open] > summary .ar-fold-open { display: inline; } body.fs-body-product .ar-section-fold[open] > summary .ar-fold-closed { display: none; } body.fs-body-product .ar-section-fold:not([open]) > :not(summary) { display: none; } body.fs-body-product .ar-section-fold[open] > .ar-story-content, body.fs-body-product .pay-text-box > .delivery-info .ar-section-fold[open] > .list { margin-top: 22px; } body.fs-body-product .delivery-info .ar-section-fold > summary { background: #2d455a; border-color: #698094; color: #fff; } body.fs-body-product .ar-section-fold > summary:focus-visible { outline: 2px solid #6489a8; outline-offset: 4px; } @media (hover: hover) { body.fs-body-product .ar-section-fold > summary:hover { background: #eef2f5; } body.fs-body-product .delivery-info .ar-section-fold > summary:hover { background: #3a566e; } } body:is(.fs-body-category,.fs-body-search) { color:#263544; background:#fff; } body:is(.fs-body-category,.fs-body-search) .fs-l-main { max-width:1200px; margin-left:auto; margin-right:auto; } body:is(.fs-body-category,.fs-body-search) .fs-l-pageMain { min-width:0; padding:32px 24px 64px; } body:is(.fs-body-category,.fs-body-search) .fs-c-heading--page { margin:0 0 28px; padding:0 0 20px; border:0; border-bottom:1px solid #dde4e9; background:transparent; color:#213343; font-size:30px; font-weight:700; line-height:1.5; letter-spacing:.035em; text-align:left; } body:is(.fs-body-category,.fs-body-search) .fs-c-subgroup { margin:0 0 32px; padding:20px; border-radius:12px; background:#f3f5f6; } body:is(.fs-body-category,.fs-body-search) .fs-c-subgroupList { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0; padding:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-subgroupList__item { min-width:0; width:auto; margin:0; padding:0; border:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-subgroupList__link { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; height:100%; min-height:52px; margin:0; padding:14px 12px; border:1px solid #dbe3e8; border-radius:7px; background:#fff; color:#30485b; text-decoration:none; font-size:14px; font-weight:600; line-height:1.6; } body:is(.fs-body-category,.fs-body-search) .fs-c-subgroupList__link::after { content:none; } body:is(.fs-body-category,.fs-body-search) .fs-c-subgroupList__label { padding:0; color:inherit; font-size:inherit; } body:is(.fs-body-category,.fs-body-search) .fs-c-subgroupList__image img { display:block; max-width:100%; height:auto; border-radius:5px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productList__controller { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; padding:18px 0; margin:0 0 24px; border:0; border-bottom:1px solid #e2e7eb; background:transparent; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems { display:flex; align-items:center; flex-wrap:wrap; gap:12px; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__label { border:0; padding:0; font-size:12px; font-weight:600; color:#657887; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list { display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list__item { margin:0; border:0; padding:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list__item__label { display:flex; justify-content:center; align-items:center; min-height:44px; padding:10px 16px; border:1px solid #dce3e8; border-radius:6px; background:#fff; color:#40576a; font-size:12px; font-weight:500; text-decoration:none; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list__item.is-active .fs-c-sortItems__list__item__label { color:#fff; background:#213343; border-color:#213343; } body:is(.fs-body-category,.fs-body-search) .fs-c-listControl { gap:12px; } body:is(.fs-body-category,.fs-body-search) .fs-c-pagination { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-pagination__item { display:flex; align-items:center; justify-content:center; min-width:40px; height:40px; margin:0; padding:8px; border:1px solid #dce3e8; border-radius:6px; color:#40576a; background:#fff; font-size:13px; text-decoration:none; } body:is(.fs-body-category,.fs-body-search) .fs-c-pagination__item.is-active { background:#213343; border-color:#213343; color:#fff; font-weight:700; } body:is(.fs-body-category,.fs-body-search) .fs-c-productList__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 24px; margin:0; padding:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-productList__list > .fs-c-productListItem:nth-child(n) { grid-column:auto; grid-row:auto; width:auto; min-width:0; max-width:none; margin:0; padding:0; border:0; background:transparent; box-shadow:none; align-self:stretch; animation:none; opacity:1; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem > form { height:100%; display:flex; flex-direction:column; min-width:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__imageContainer { position:relative; margin:0; border-radius:10px; background:#f3f5f6; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__image { margin:0; overflow:hidden; border-radius:10px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__image > a { display:block; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__image__image { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__viewMoreImageButton { justify-content:flex-end; margin:6px 0 10px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__viewMoreImageButton button { min-width:36px; min-height:36px; color:#526b7d; border-radius:50%; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__productName { margin:12px 0 10px; font-size:15px; text-align:left; line-height:1.75; } body:is(.fs-body-category,.fs-body-search) .fs-c-productName__copy { display:block; margin-bottom:6px; font-size:11px; font-weight:500; color:#7a8791; letter-spacing:.035em; line-height:1.6; } body:is(.fs-body-category,.fs-body-search) .fs-c-productName__name { color:#243b4d; font-size:15px; font-weight:600; line-height:1.75; overflow-wrap:anywhere; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__productName a { color:inherit; text-decoration:none; } body:is(.fs-body-category,.fs-body-search) .fs-c-productMark { margin:0 0 10px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productMark__mark { padding:3px 8px; border:1px solid #e0e5e9; border-radius:4px; background:#f3f5f6; color:#677a89; font-size:10px; line-height:1.5; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__prices { margin:0 0 14px; text-align:left; } body:is(.fs-body-category,.fs-body-search) .fs-c-productPrice--listed { margin-bottom:4px; color:#82909b; font-size:11px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productPrice--listed .fs-c-price__value { text-decoration:line-through; font-size:12px; font-weight:400; } body:is(.fs-body-category,.fs-body-search) .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { color:#213343; font-size:23px; font-weight:700; line-height:1.4; } body:is(.fs-body-category,.fs-body-search) .fs-c-productPrice__addon { font-size:10px; color:#788893; font-weight:400; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__control { display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:10px; border-top:1px solid #e7ebee; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__control :is(.fs-c-button--viewProductDetail,.fs-c-button--addToCart--list) { flex:1; display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 8px; margin:0; border:1px solid #dce3e8; border-radius:6px; background:#edf2f5; color:#304c62; font-size:12px; font-weight:600; text-decoration:none; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__control .fs-c-button--viewProductDetail::before { display:none; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__control .fs-c-button--addToWishList--icon { flex:0 0 44px; width:44px; min-height:44px; margin:0; border:1px solid #e0e6ea; border-radius:6px; background:#fff; color:#536b7e; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__outOfStock { display:block; align-self:flex-start; padding:6px 12px; margin:0 0 12px; border:1px solid #d5dde3; border-radius:5px; background:#edf0f3; color:#475b6a; font-size:12px; font-weight:700; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem:has(> form > .fs-c-productListItem__outOfStock) .fs-c-productListItem__image__image { opacity:.5; filter:grayscale(.25); } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem:has(> form > .fs-c-productListItem__outOfStock) .fs-c-productListItem__imageContainer::after { content:'SOLD OUT'; position:absolute; top:12px; left:12px; z-index:2; pointer-events:none; padding:9px 12px; border-radius:5px; background:#213343; color:#fff; font:700 12px/1.3 Arial,sans-serif; letter-spacing:.09em; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__lowInStock { color:#8b6134; background:#f5eee4; border-radius:4px; padding:5px 9px; font-size:12px; } body:is(.fs-body-category,.fs-body-search) :is(.fs-c-subgroupList__link,.fs-c-sortItems__list__item__label,.fs-c-pagination__item,.fs-c-button--viewProductDetail):focus-visible { outline:2px solid #8a7351; outline-offset:3px; } @media(hover:hover) { body:is(.fs-body-category,.fs-body-search) .fs-c-subgroupList__link:hover { background:#213343; color:#fff; border-color:#213343; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list__item:not(.is-active) a:hover { background:#eef2f5; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__control .fs-c-button--viewProductDetail:hover { background:#213343; color:#fff; } } @media(max-width:767px) { body:is(.fs-body-category,.fs-body-search) .fs-l-pageMain { padding:24px 14px 40px; } body:is(.fs-body-category,.fs-body-search) .fs-c-heading--page { font-size:23px; margin-bottom:20px; padding-bottom:16px; } body:is(.fs-body-category,.fs-body-search) .fs-c-subgroup { padding:12px; margin-bottom:22px; border-radius:9px; } body:is(.fs-body-category,.fs-body-search) .fs-c-subgroupList { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } body:is(.fs-body-category,.fs-body-search) .fs-c-subgroupList__link { min-height:48px; padding:12px 8px; font-size:13px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productList__controller { gap:14px; padding:14px 0; margin-bottom:20px; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems { width:100%; gap:8px; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list__item__label { padding:10px 5px; font-size:11px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productList__controller .fs-c-listControl { margin-left:auto; } body:is(.fs-body-category,.fs-body-search) .fs-c-productList__list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 12px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productName__name { font-size:13px; line-height:1.7; } body:is(.fs-body-category,.fs-body-search) .fs-c-productName__copy { font-size:10px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { font-size:19px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__control { gap:5px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__control .fs-c-button--viewProductDetail { padding:10px 4px; font-size:11px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem:has(> form > .fs-c-productListItem__outOfStock) .fs-c-productListItem__imageContainer::after { top:8px; left:8px; padding:7px 9px; font-size:10px; } } body:not(.ar-home) .header .navi-wrapper { background:#fff; border-bottom:1px solid #e1e7eb; box-shadow:0 5px 20px #21334308; } body:not(.ar-home) .header .top-label { background:#213343; color:#fff; } body:not(.ar-home) .header .top-label .top-label-block { width:100%; max-width:1200px; padding:0 24px; } body:not(.ar-home) .header .top-label :is(p,a,span) { color:#fff; } body:not(.ar-home) .header .top-label #header-shipping { font-size:11px; letter-spacing:.045em; line-height:32px; padding:0; } body:not(.ar-home) .header .top-label .right { display:flex; align-items:center; gap:14px; } body:not(.ar-home) .header .top-label .right :is(p,a) { margin:0; font-size:10px; line-height:32px; letter-spacing:.015em; } body:not(.ar-home) .header .header_main { max-width:1200px; margin:auto; } body:not(.ar-home) .header .header-logo .logo img { display:block; max-width:100%; height:auto; } body:not(.ar-home) .header .header_search .search-box { width:100%; float:none; padding:0; } body:not(.ar-home) .header .header_search .fs-p-searchForm__inputGroup { display:flex; align-items:center; width:100%; padding:0 12px; border:1px solid #dfe5e9; border-radius:8px; background:#f3f5f6; } body:not(.ar-home) .header .header_search .search-box input.textArea { flex:1; width:100%; min-width:0; height:44px; border:0; outline-offset:3px; padding:0 8px; background:transparent; color:#243b4d; font-size:13px; } body:not(.ar-home) .header .header_search .search-box .search-btn { position:static; float:none; flex:none; width:24px; height:24px; padding:0; margin:0; } body:not(.ar-home) .header .header_menu_cate ul.header__menu { display:flex; align-items:center; gap:8px; width:auto; max-width:none; overflow:visible; margin:0; padding:0; } body:not(.ar-home) .header .header_menu_cate ul.header__menu>li { float:none; width:auto; padding:0; margin:0; } body:not(.ar-home) .header .header_menu_cate ul.header__menu>li>a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 24px; border-radius:7px; background:#f0f3f5; color:#243b4d; font-size:12px; font-weight:700; letter-spacing:.09em; text-decoration:none; } body:not(.ar-home) .header .header_menu_cate ul.header__menu>li>a span { color:inherit; } body:not(.ar-home) .header .header_menu_cate ul.header__menu>li:focus-within .menu_detail { display:block; } body:not(.ar-home) .header .header_menu_cate .menu_detail { padding:12px 20px 20px; background:#fff; box-shadow:0 18px 24px #21334316; border-bottom:1px solid #e1e7eb; } body:not(.ar-home) .header .header_menu_cate .menu_detail ul.menu_detail_list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; width:100%; max-width:1120px; padding:12px; background:#f4f6f7; border-radius:10px; } body:not(.ar-home) .header .header_menu_cate .menu_detail ul.menu_detail_list li { width:auto; float:none; margin:0; padding:0; } body:not(.ar-home) .header .header_menu_cate .menu_detail_list a { display:block; padding:10px; background:#fff; border:1px solid #e3e8ec; border-radius:6px; color:#243b4d; font-size:12px; } body:not(.ar-home) .header .menu_detail_list img { display:block; width:100%; height:auto; } body:not(.ar-home) :is(.header.wrapper,footer.footer) a:focus-visible { outline:2px solid #b29264; outline-offset:4px; } @media(min-width:801px) { body:not(.ar-home) .header .header_main { display:flex; align-items:center; gap:32px; height:90px; padding:0 24px; } body:not(.ar-home) .header .header-logo { flex:0 0 170px; width:170px; margin:0; padding:0; } body:not(.ar-home) .header .header-logo .logo { width:170px; height:auto; margin:0; } body:not(.ar-home) .header .header_menu_cate { flex:1; display:flex; align-items:center; justify-content:flex-end; gap:20px; padding:0; width:auto; } body:not(.ar-home) .header .header_menu_cate>.none:first-child { flex:1; min-width:0; max-width:340px; } body:not(.ar-home) .header .header_search { position:static; float:none; width:100%; margin:0; padding:0; } body:not(.ar-home) .header .header_menu_cate .menu_detail { top:90px; } } body:not(.ar-home) .category-area { padding:48px 24px; margin:40px 0 0; background:#f3f5f6; border-top:1px solid #e3e8ec; } body:not(.ar-home) .category-area>.container { width:100%; max-width:1120px; margin:auto; padding:0; } body:not(.ar-home) .category-area .title { display:flex; align-items:baseline; flex-wrap:wrap; gap:14px; margin:0 0 24px; padding:0; border:0; background:none; text-align:left; color:#213343; } body:not(.ar-home) .category-area .title__decoration--en { font-size:24px; font-weight:700; letter-spacing:.12em; } body:not(.ar-home) .category-area .title__decoration--jp { color:#657887; font-size:11px; letter-spacing:.04em; } body:not(.ar-home) .category-area .category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } body:not(.ar-home) .category-area .category-grid a { display:block; overflow:hidden; padding:0; border:1px solid #e1e7eb; border-radius:8px; background:#fff; line-height:0; } body:not(.ar-home) .category-area .category-grid img { display:block; width:100%; max-width:100%; height:auto; margin:0; } body:not(.ar-home) footer.footer { padding:52px 24px 28px; margin:0; background:#213343; color:#fff; border:0; } body:not(.ar-home) footer.footer>.container { width:100%; max-width:1120px; margin:auto; padding:0; } body:not(.ar-home) footer.footer .footer-inner { display:grid; grid-template-columns:minmax(180px,1fr) minmax(0,2fr); align-items:start; gap:48px; padding:0 0 36px; } body:not(.ar-home) footer.footer .footer-logo { display:block; margin:0; padding:0; color:#fff; font:700 28px/1.4 Arial,sans-serif; letter-spacing:.15em; text-align:left; } body:not(.ar-home) footer.footer .footer-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 24px; margin:0; padding:0; text-align:left; } body:not(.ar-home) footer.footer .footer-nav a { display:flex; align-items:center; min-height:48px; margin:0; padding:12px 4px; border:0; border-bottom:1px solid #ffffff26; color:#edf2f5; font-size:12px; font-weight:400; line-height:1.7; letter-spacing:.025em; text-decoration:none; } body:not(.ar-home) footer.footer .copyright { display:block; border-top:1px solid #ffffff26; padding:24px 0 0; margin:0; color:#bac7d0; font:400 10px/1.7 Arial,sans-serif; letter-spacing:.09em; text-align:left; } @media(hover:hover) { body:not(.ar-home) .header .header_menu_cate ul.header__menu>li>a:hover { background:#213343; color:#fff; opacity:1; } body:not(.ar-home) footer.footer .footer-nav a:hover { color:#fff; background:#ffffff0d; opacity:1; } } @media(max-width:800px) { body:not(.ar-home) .header .top-label .top-label-block { padding:0 12px; } body:not(.ar-home) .header .top-label #header-shipping { font-size:9px; line-height:1.7; padding:5px 0; letter-spacing:0; } body:not(.ar-home) .header .header_main { min-height:54px; padding:0 88px 0 52px; } body:not(.ar-home) .header .header-logo { width:100%; margin:0; padding:16px 0; } body:not(.ar-home) .header .header-logo .logo { width:145px; max-width:100%; height:auto; margin:0 auto; } body:not(.ar-home) .header .header_menu_cate>.none2>ul { position:absolute; top:7px; right:8px; display:flex; flex-direction:row-reverse; gap:4px; } body:not(.ar-home) .header .header_menu_cate>.none2>ul>li { float:none!important; margin:0!important; } body:not(.ar-home) .header .header_menu_cate>.none2>ul>li>a { display:flex; width:36px; height:40px; align-items:center; justify-content:center; border-radius:6px; background:#f0f3f5; } body:not(.ar-home) .header .header_menu_cate>.none2>ul>li>a br { display:none; } body:not(.ar-home) .header .header_menu_cate>.none2>ul>li>a img { width:22px; height:auto; } body:not(.ar-home) .menu-trigger { top:32px; left:8px; width:40px; height:40px; max-width:none; max-height:none; border:1px solid #e0e6ea; border-radius:7px; background:#f3f5f6; } body:not(.ar-home) .menu-trigger span { left:10px; width:18px; height:2px; background:#213343; } body:not(.ar-home) .menu-trigger span:nth-of-type(1) { top:12px; } body:not(.ar-home) .menu-trigger span:nth-of-type(2) { top:18px; } body:not(.ar-home) .menu-trigger span:nth-of-type(3) { top:24px; bottom:auto; } body:not(.ar-home) .menu-trigger.active span:nth-of-type(1) { transform:translateY(6px) rotate(-45deg); } body:not(.ar-home) .menu-trigger.active span:nth-of-type(3) { transform:translateY(-6px) rotate(45deg); } body:not(.ar-home) .category-area { padding:32px 16px; margin-top:28px; } body:not(.ar-home) .category-area .title { gap:10px; margin-bottom:18px; } body:not(.ar-home) .category-area .title__decoration--en { font-size:20px; } body:not(.ar-home) .category-area .category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } body:not(.ar-home) footer.footer { padding:36px 20px 28px; } body:not(.ar-home) footer.footer .footer-inner { grid-template-columns:minmax(0,1fr); gap:24px; padding-bottom:28px; } body:not(.ar-home) footer.footer .footer-logo { font-size:25px; } body:not(.ar-home) footer.footer .footer-nav { gap:4px 16px; } body:not(.ar-home) footer.footer .footer-nav a { min-height:52px; font-size:11px; } } body:is(.fs-body-category,.fs-body-search) .container:has(> .fs-l-main) { padding-top:24px; padding-bottom:24px; } body:is(.fs-body-category,.fs-body-search) .fs-l-main { padding:0; margin:20px auto 24px; width:100%; } body:is(.fs-body-category,.fs-body-search) .fs-l-pageMain { display:block; width:100%; max-width:none; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems { border:0; box-shadow:none; background:transparent; padding:0; margin:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems::before, body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems::after, body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list__item::before, body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list__item::after { content:none; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list__item.is-active { background:transparent; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list__item__label { height:100%; } body:is(.fs-body-category,.fs-body-search) .fs-c-productList__controller .fs-c-listControl { padding:0; margin-top:0; margin-bottom:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-pagination { margin:0; } body:is(.fs-body-category,.fs-body-search) a:has(> .more-btn) { display:block; width:min(360px,calc(100% - 32px)); margin:12px auto 32px; text-decoration:none; } body:is(.fs-body-category,.fs-body-search) a>.more-btn { display:flex; justify-content:center; align-items:center; min-height:52px; width:100%; margin:0; padding:14px 20px; border:1px solid #d4dee5; border-radius:8px; background:#edf2f5; color:#243b4d; font-size:14px; font-weight:600; letter-spacing:.04em; box-shadow:none; } body:is(.fs-body-category,.fs-body-search) a>.more-btn .more-icon { display:none; } body:is(.fs-body-category,.fs-body-search) a:focus-visible>.more-btn { outline:2px solid #8a7351; outline-offset:3px; } body:not(.ar-home) .header .header_search .search-box form .fs-p-searchForm__inputGroup.fs-p-inputGroup { display:flex!important; align-items:center; width:100%; min-height:46px; padding:0 8px 0 12px; background:#fff!important; border:1px solid #d4dee5!important; border-radius:8px; box-shadow:none!important; overflow:hidden; } body:not(.ar-home) .header .header_search .search-box form input.textArea { display:block!important; flex:1 1 0; min-width:0; width:100%; height:44px; padding:0 8px!important; margin:0!important; background:#fff!important; color:#243b4d!important; border:0!important; border-radius:0; box-shadow:none!important; font-size:14px; } body:not(.ar-home) .header .header_search .search-box form input.textArea::placeholder { color:#738391!important; opacity:1; } body:not(.ar-home) .header .header_search .search-box form input.search-btn { position:static!important; display:block; flex:0 0 28px; width:28px!important; height:28px!important; margin:0!important; padding:3px!important; background:#fff!important; border:0!important; object-fit:contain; } body:not(.ar-home) .header .header_search .search-box form .fs-p-inputGroup::before, body:not(.ar-home) .header .header_search .search-box form .fs-p-inputGroup::after { content:none; } @media(max-width:800px) { body:is(.fs-body-category,.fs-body-search) .container:has(> .fs-l-main) { width:100%; max-width:100%; margin-left:auto; margin-right:auto; padding:12px 0 20px; } body:is(.fs-body-category,.fs-body-search) .fs-l-main { margin:16px auto 20px; padding:0; } body:is(.fs-body-category,.fs-body-search) .fs-l-pageMain { padding:20px 12px 12px; } body:is(.fs-body-category,.fs-body-search) .fs-c-heading--page { margin-bottom:20px; padding-bottom:16px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productList { margin:0; padding:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-productList__controller { gap:12px; margin:0 0 18px; padding:12px 0 16px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productList__controller:last-child { margin:24px 0 0; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems { gap:8px; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__label { align-self:flex-start; text-align:left; } body:is(.fs-body-category,.fs-body-search) .fs-c-sortItems__list { margin:0; padding:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-productList__list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 10px; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__imageContainer, body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__image { width:100%; max-width:none; padding:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__image__image { width:100%; max-width:none; } body:is(.fs-body-category,.fs-body-search) .fs-p-scrollingCartButton { right:8px; bottom:20px; } body:is(.fs-body-category,.fs-body-search) .fs-p-scrollingCartButton__button { padding:8px; border:1px solid #dce3e8; border-radius:10px; background:#fff; box-shadow:0 4px 16px #21334314; } body:is(.fs-body-category,.fs-body-search) .fs-p-scrollingCartButton__icon { font-size:24px; } body:is(.fs-body-category,.fs-body-search) .fs-p-scrollingCartButton__label { font-size:10px; } body:not(.ar-home):has(nav2.open) { overflow:hidden; } body:not(.ar-home) .wrapper2 nav2 { display:block; top:82px; left:0; right:auto; width:min(420px,calc(100% - 20px)); height:calc(100dvh - 82px); padding:0; background:#f7f8f9; z-index:98; border-radius:0 14px 0 0; box-shadow:12px 0 36px #10233226; transition:transform .24s ease; visibility:hidden; pointer-events:none; } body:not(.ar-home) .wrapper2 nav2.open { visibility:visible; pointer-events:auto; } body:not(.ar-home) .wrapper2 nav2 #sp_menu.open { display:block; position:static; top:auto; left:auto; width:100%; height:100%; margin:0; padding:20px 20px calc(32px + env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain; background:#f7f8f9; border:0; box-shadow:none; animation:none; transform:none; } body:not(.ar-home) #sp_menu .FS2_repeater { margin:0 0 18px; padding:0; text-align:left; color:#697c8b; font-size:12px; line-height:1.8; } body:not(.ar-home) #sp_menu .FS2_repeater b { color:#213343; font-size:15px; } body:not(.ar-home) #sp_menu .FS2_repeater br+br, body:not(.ar-home) #sp_menu>hr { display:none; } body:not(.ar-home) #sp_menu .btns { padding:0; margin:0 0 24px; } body:not(.ar-home) #sp_menu .btns ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; } body:not(.ar-home) #sp_menu .btns ul li { width:auto; float:none; margin:0; padding:0; } body:not(.ar-home) #sp_menu .btns ul li a { display:flex; justify-content:center; align-items:center; min-height:48px; padding:12px 6px; border:1px solid #dce3e8; border-radius:7px; background:#fff; color:#314b60; font-size:12px; } body:not(.ar-home) #sp_menu .btns ul li.new a { background:#213343; color:#fff; border-color:#213343; } body:not(.ar-home) #sp_menu .btns ul li a::after { content:none; } body:not(.ar-home) #sp_menu .main-section { padding:0; margin:22px 0 0; } body:not(.ar-home) #sp_menu .section-header { padding:0; margin:0 0 12px; text-align:left; } body:not(.ar-home) #sp_menu .section-header h2 { display:block; margin:0; padding:0; color:#526777; font-size:12px; font-weight:700; letter-spacing:.08em; text-align:left; line-height:1.6; } body:not(.ar-home) #sp_menu .section-header h2::before, body:not(.ar-home) #sp_menu .section-header h2::after { content:none; } body:not(.ar-home) #sp_menu .section-contents { padding:0; margin:0; } body:not(.ar-home) #sp_menu .input-text-area { display:flex; width:100%; margin:0; padding:0; border:1px solid #d4dee5; border-radius:8px; overflow:hidden; background:#fff; } body:not(.ar-home) #sp_menu .input-text-area input.input-text { position:static; flex:1; min-width:0; width:100%; height:50px; padding:12px; margin:0; border:0; background:#fff; color:#213343; font-size:16px; } body:not(.ar-home) #sp_menu .input-text-area button.input-button { position:relative; inset:auto; flex:0 0 50px; width:50px; height:50px; margin:0; padding:0; border:0; background-color:#213343; } body:not(.ar-home) #sp_menu .section-search .section-contents .trendwords { margin:16px 0 28px; padding:0; } body:not(.ar-home) #sp_menu .trendwords ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; padding:0; } body:not(.ar-home) #sp_menu .section-search .section-contents .trendwords ul li { float:none; width:auto; min-width:0; margin:0; padding:0; border:0; } body:not(.ar-home) #sp_menu .section-search .section-contents .trendwords ul li a { display:flex; justify-content:center; align-items:center; height:100%; min-height:50px; padding:12px 6px; border:1px solid #e0e6eb; border-radius:7px; background:#fff; color:#314b60; font-size:12px; font-weight:600; line-height:1.6; } body:not(.ar-home) #sp_menu .trendwords ul li a span { color:inherit!important; } body:not(.ar-home) #sp_menu .section-search .section-contents .trendwords ul li:nth-child(-n+2) a { background:#213343; color:#fff; border-color:#213343; } body:not(.ar-home) #sp_menu .section-search .section-contents .trendwords ul li:nth-child(3) a { background:#eee7dd; border-color:#eee7dd; color:#66533a; } body:not(.ar-home) #sp_menu .acordion-menu { margin:0; padding:0; border-top:1px solid #dce3e8; } body:not(.ar-home) #sp_menu .acordion-menu>li { margin:0; padding:0; border:0; border-bottom:1px solid #e1e6ea; background:none; } body:not(.ar-home) #sp_menu .acordion-menu>li>a { display:flex; align-items:center; min-height:56px; padding:16px 4px; margin:0; border:0; background:none; color:#213343; font-size:14px; font-weight:500; text-align:left; line-height:1.6; } } @media(prefers-reduced-motion:reduce) { body:not(.ar-home) .wrapper2 nav2 { transition:none; } } body.fs-body-search .container3:has(> .fs-l-main) { width:100%; max-width:1200px; margin:0 auto; padding:24px 0; } body.fs-body-search .fs-p-productSearch { margin:0 0 24px; padding:18px 20px; border:1px solid #e0e6ea; border-radius:10px; background:#f3f5f6; color:#243b4d; } body.fs-body-search .fs-p-productSearch__parameter { font-size:14px; font-weight:600; line-height:1.8; overflow-wrap:anywhere; } body.fs-body-search .fs-p-productSearch__formSwitch { display:inline-flex; align-items:center; justify-content:center; min-height:44px; margin:10px 0 0; padding:10px 20px; border:1px solid #d4dee5; border-radius:6px; background:#fff; color:#304c62; font-size:12px; font-weight:600; text-decoration:none; cursor:pointer; } body.fs-body-search .fs-p-productSearch__form { padding:20px 0 0; } body.fs-body-search .fs-p-productSearch__inputTable { width:100%; border:0; background:transparent; } body.fs-body-search .fs-p-productSearch .fs-c-inputTable__headerCell, body.fs-body-search .fs-p-productSearch .fs-c-inputTable__dataCell { padding:14px 12px; border:0; border-bottom:1px solid #dde4e9; background:transparent; color:#30485b; font-size:13px; line-height:1.8; } body.fs-body-search .fs-p-productSearch .fs-c-inputTable__headerCell { font-weight:600; } body.fs-body-search .fs-p-productSearch input[type=text], body.fs-body-search .fs-p-productSearch select { width:100%; min-height:44px; padding:10px 12px; border:1px solid #d4dee5; border-radius:6px; background:#fff; color:#243b4d; font-size:16px; } body.fs-body-search .fs-p-productSearch .fs-c-inputTextGroup { display:flex; align-items:center; gap:8px; } body.fs-body-search .fs-p-productSearch .fs-c-inputTextGroup__item { flex:1; min-width:0; } body.fs-body-search .fs-p-productSearch__searchButton { min-height:48px; padding:12px 32px; border:1px solid #213343; border-radius:7px; background:#213343; color:#fff; font-size:14px; font-weight:600; } body.fs-body-search .fs-p-productSearch__searchButtonContainer { padding:16px 0 0; margin:0; } @media(max-width:800px) { body.fs-body-search .container3:has(> .fs-l-main) { width:100%; max-width:100%; padding:12px 0 20px; } body.fs-body-search .fs-p-productSearch { padding:14px; margin-bottom:18px; } body.fs-body-search .fs-p-productSearch__inputTable, body.fs-body-search .fs-p-productSearch__inputTable tbody, body.fs-body-search .fs-p-productSearch__inputTable tr, body.fs-body-search .fs-p-productSearch .fs-c-inputTable__headerCell, body.fs-body-search .fs-p-productSearch .fs-c-inputTable__dataCell { display:block; width:100%; } body.fs-body-search .fs-p-productSearch .fs-c-inputTable__headerCell { padding:14px 0 6px; border:0; } body.fs-body-search .fs-p-productSearch .fs-c-inputTable__dataCell { padding:0 0 14px; } body.fs-body-search .fs-p-productSearch__searchButton { width:100%; } } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__imageContainer, body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__image, body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__image>a { height:auto; min-height:0; aspect-ratio:auto; padding:0; background:transparent; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__image__image { display:block; width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:auto; object-fit:initial; margin:0; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__control :is(.fs-c-button--addToWishList--icon,.fs-c-button--removeFromWishList--icon) { display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; min-height:44px; padding:0; margin:0; border:1px solid #e0e6ea; border-radius:6px; background:#fff; line-height:1; } body:is(.fs-body-category,.fs-body-search) .fs-c-productListItem__control :is(.fs-c-button--addToWishList--icon,.fs-c-button--removeFromWishList--icon)::before { position:static; inset:auto; display:block; margin:0; padding:0; transform:none; line-height:1; font-size:22px; } body:not(.ar-home) .header .top-label .top-label-block { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:32px; } body:not(.ar-home) .header .top-label .top-label-block>h1 { margin:0; padding:0; font-size:inherit; line-height:1; } body:not(.ar-home) .header .top-label #header-shipping { float:none; display:flex; align-items:center; margin:0; padding:0; line-height:1.5; } body:not(.ar-home) .header .top-label .right { float:none; overflow:visible; align-items:center; gap:0; } body:not(.ar-home) .header .top-label .right :is(a,p) { float:none; display:flex; align-items:center; margin:0; padding:0; min-height:32px; line-height:1.5; } body:not(.ar-home) .header .top-label .right a { padding:0 12px; border-left:1px solid #ffffff35; } body:not(.ar-home) .header .top-label .right .guide { border:0; } body:not(.ar-home) .header .top-label #header-point { padding-right:14px; } @media(max-width:800px) { body:not(.ar-home) .header .top-label .top-label-block { justify-content:center; min-height:28px; padding:4px 8px; } body:not(.ar-home) .header .top-label #header-shipping { justify-content:center; text-align:center; } body:not(.ar-home) #sp_menu *, body:not(.ar-home) #sp_menu *::before, body:not(.ar-home) #sp_menu *::after { box-sizing:border-box; } body:not(.ar-home) #sp_menu .section-search .section-contents .trendwords ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; gap:10px; overflow:visible; } body:not(.ar-home) #sp_menu .section-search .section-contents .trendwords ul li { height:auto; min-height:0; max-height:none; width:auto; float:none; margin:0; padding:0; line-height:1.6; } body:not(.ar-home) #sp_menu .section-search .section-contents .trendwords ul li a { height:auto; min-height:52px; max-height:none; width:100%; white-space:normal; overflow-wrap:anywhere; line-height:1.6; margin:0; padding:12px 8px; } body:not(.ar-home) #sp_menu .section-search .section-contents .trendwords ul li a span { display:block; line-height:inherit; } body:not(.ar-home) #sp_menu .btns ul li, body:not(.ar-home) #sp_menu .acordion-menu>li { height:auto; max-height:none; line-height:1.6; } body:not(.ar-home) #sp_menu .btns ul li a, body:not(.ar-home) #sp_menu .acordion-menu>li>a { height:auto; white-space:normal; overflow-wrap:anywhere; } body:not(.ar-home) #sp_menu .section-contents { height:auto; max-height:none; } body:not(.ar-home) #sp_menu .section-search .section-contents .trendwords { clear:both; } } .ar-u-ready .ar-u-old-header { display:none!important; } body.ar-u-ready { padding-top:0!important; } #ar-site-header,#ar-site-header *, .ar-u-dialog,.ar-u-dialog * { box-sizing:border-box; } #ar-site-header { position:relative; z-index:110; width:100%; background:#fff; color:#213343; border-bottom:1px solid #e0e6ea; font:14px/1.6 Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif; } #ar-site-header .ar-u-notice { display:flex; align-items:center; justify-content:center; min-height:30px; padding:5px 12px; background:#213343; color:#fff; font-size:10px; text-align:center; } #ar-site-header .ar-u-bar { display:flex; align-items:center; gap:18px; max-width:1200px; min-height:78px; margin:auto; padding:12px 24px; } #ar-site-header .ar-u-logo { display:block; flex:0 0 175px; width:175px; margin:0; padding:0; } #ar-site-header .ar-u-logo img { display:block; width:100%; height:auto; } #ar-site-header .ar-u-desktop { display:flex; flex:1; align-items:center; justify-content:flex-end; gap:20px; } #ar-site-header a { text-decoration:none; color:#213343; } #ar-site-header .ar-u-desktop>a { flex:none; font-size:12px; font-weight:600; } #ar-site-header .ar-u-icon,.ar-u-dialog .ar-u-icon { display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; margin:0; padding:10px; background:#f0f3f5; color:#213343; border:0; border-radius:7px; cursor:pointer; } #ar-site-header svg,.ar-u-dialog svg { display:block; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; } #ar-site-header .ar-u-bar>button { display:none; } #ar-site-header .ar-u-search,.ar-u-dialog .ar-u-search { display:flex; align-items:stretch; min-width:0; border:1px solid #d4dee5; border-radius:8px; background:#fff; overflow:hidden; margin:0; padding:0; } #ar-site-header .ar-u-search { flex:1; max-width:300px; } #ar-site-header .ar-u-search input,.ar-u-dialog .ar-u-search input { display:block; flex:1; min-width:0; width:100%; height:48px; padding:12px; margin:0; border:0; border-radius:0; background:#fff; color:#213343; font-size:16px; line-height:1.5; } #ar-site-header .ar-u-search button,.ar-u-dialog .ar-u-search button { flex:0 0 48px; width:48px; height:48px; border-radius:0; background:#213343; color:#fff; } .ar-u-dialog { position:fixed; inset:0 auto 0 0; width:min(420px,calc(100% - 20px)); max-width:none; height:100%; height:100dvh; max-height:100dvh; margin:0; padding:24px 20px calc(28px + env(safe-area-inset-bottom)); border:0; border-radius:0 14px 14px 0; background:#f7f8f9; color:#213343; overflow-y:auto; overscroll-behavior:contain; font:14px/1.6 Arial,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif; } .ar-u-dialog::backdrop { background:#10233280; } body.ar-u-menu-open { overflow:hidden!important; } .ar-u-dialog .ar-u-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; } .ar-u-dialog strong { font-size:23px; letter-spacing:.07em; } .ar-u-dialog .ar-u-close { display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; margin:0; padding:0; border:1px solid #dce3e8; border-radius:50%; background:#fff; color:#213343; font:26px/1 Arial; cursor:pointer; } .ar-u-dialog .ar-u-intro { padding:0; margin:0 0 20px; font-size:12px; line-height:1.8; color:#697c8b; text-align:left; } .ar-u-dialog h2 { display:block; margin:24px 0 12px; padding:0; background:none; border:0; font-size:12px; line-height:1.6; font-weight:700; letter-spacing:.06em; color:#526777; text-align:left; } .ar-u-dialog h2::before,.ar-u-dialog h2::after { content:none; } .ar-u-dialog .ar-u-accounts,.ar-u-dialog .ar-u-categories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; gap:10px; margin:0; padding:0; } .ar-u-dialog .ar-u-categories { margin:16px 0 28px; } .ar-u-dialog a { text-decoration:none; } .ar-u-dialog .ar-u-accounts a,.ar-u-dialog .ar-u-categories a { display:flex; align-items:center; justify-content:center; min-width:0; min-height:52px; height:auto; margin:0; padding:12px 8px; border:1px solid #e0e6eb; border-radius:7px; background:#fff; color:#314b60; font-size:12px; font-weight:600; line-height:1.6; text-align:center; overflow-wrap:anywhere; } .ar-u-dialog .ar-u-categories a:nth-child(-n+2) { background:#213343; border-color:#213343; color:#fff; } .ar-u-dialog .ar-u-categories a:nth-child(3) { background:#eee7dd; border-color:#eee7dd; color:#66533a; } .ar-u-dialog .ar-u-shops { display:block; margin:0; padding:0; border-top:1px solid #dce3e8; } .ar-u-dialog .ar-u-shops a { display:flex; align-items:center; min-height:52px; margin:0; padding:14px 4px; border-bottom:1px solid #e1e6ea; color:#213343; font-size:14px; line-height:1.6; } #ar-site-header :is(a,button,input):focus-visible,.ar-u-dialog :is(a,button,input):focus-visible { outline:2px solid #8a7351; outline-offset:-3px; } @media(max-width:999px) { #ar-site-header { position:sticky; top:0; } #ar-site-header .ar-u-bar { display:grid; grid-template-columns:44px minmax(0,1fr) 44px 44px; gap:6px; min-height:62px; padding:8px; } #ar-site-header .ar-u-bar>button { display:flex; } #ar-site-header .ar-u-desktop { display:none; } #ar-site-header .ar-u-logo { width:min(175px,100%); margin:auto; } #ar-site-header .ar-u-notice { font-size:9px; min-height:28px; } } .ar-card-notices { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:8px; } .ar-card-notice { display:inline-block; padding:4px 7px; background:#eee7dd; border-radius:4px; color:#66533a; font-size:10px; font-weight:500; line-height:1.6; } .ar-card-title { display:block; } .ar-card-variants { margin:0 0 14px; padding:12px 0; border-top:1px solid #edf0f2; color:#344b5d; text-align:left; } .ar-card-label { margin:0 0 6px; font:700 10px/1.6 Arial,sans-serif; letter-spacing:.12em; color:#7b858c; } .ar-card-colors { display:flex; flex-wrap:wrap; gap:6px 10px; margin-bottom:12px; } .ar-card-color { display:inline-flex; align-items:center; gap:5px; font-size:11px; line-height:1.6; overflow-wrap:anywhere; } .ar-card-color i { display:inline-block; flex:0 0 13px; width:13px; height:13px; border:1px solid #b6bec4; border-radius:50%; } .ar-card-sizes { display:flex; flex-wrap:wrap; gap:5px; } .ar-card-sizes span { display:flex; align-items:center; justify-content:center; min-width:30px; min-height:30px; padding:4px 7px; border-radius:20px; background:#eef0ed; font-size:11px; line-height:1.5; } .ar-card-stock-note { display:block; margin-top:8px; color:#7b858c; font-size:10px; line-height:1.5; } body [class^="fs-c-document"]:is(section,article) { color:#304354; } body .fs-c-documentColumn { padding:24px 0; border-bottom:1px solid #e1e7eb; } body .fs-c-documentColumn__heading { display:block; padding:0 0 12px; margin:0; font-size:19px; line-height:1.7; font-weight:600; color:#213343; background:none; } body .fs-c-documentColumn__content { font-size:14px; line-height:2; } body .fs-c-documentColumn__content p { text-align:left; line-height:inherit; } body.ar-info-page .fs-l-main { max-width:1040px; width:100%; margin:24px auto; padding:0 24px; } body.ar-info-page .fs-l-pageMain { display:block; max-width:100%; width:100%; padding:24px 0; font-size:14px; line-height:2; } body.ar-info-page .ar-info-content { color:#304354; font-size:14px; line-height:2; } body.ar-info-page .ar-info-content center { display:block; text-align:left; } body.ar-info-page .ar-info-content p { text-align:left; line-height:2; } body.ar-info-page .ar-info-content img { max-width:100%; height:auto; border-radius:8px; } body.ar-info-page .ar-info-heading { display:block!important; padding:16px 20px!important; margin:28px 0 16px!important; background:#edf2f5!important; color:#213343!important; border-radius:8px; font-size:20px!important; font-weight:600; line-height:1.7; text-align:left!important; } body.ar-info-page .fs-c-heading--page { color:#213343; font-size:28px; line-height:1.7; padding:0 0 18px; margin:0 0 24px; border:0; border-bottom:1px solid #dce3e8; background:none; } body.ar-info-page .fs-c-heading--page:empty { display:none; } body.ar-info-page .ar-info-content table { max-width:100%; font-size:13px; line-height:1.8; } body.ar-info-page .ar-info-content td,body.ar-info-page .ar-info-content th { padding:12px; overflow-wrap:anywhere; } @media(max-width:767px) { body.ar-info-page .fs-l-main { padding:0 16px; margin:16px auto; } body.ar-info-page .ar-info-heading { font-size:18px!important; padding:14px!important; } body.ar-info-page .fs-c-heading--page { font-size:23px; } } body.ar-home.ar-u-ready .main { margin-top:0!important; } body.ar-info-page .container3.ar-info-content { width:100%; max-width:1000px; margin:24px auto; padding:24px; } body.ar-info-page .ar-info-heading { border:0!important; } body.ar-info-page .fs-c-noResultMessage { display:none; } @media(max-width:767px) { body.ar-info-page .container3.ar-info-content { padding:16px; margin:16px auto; } }