/* ARMYRICH オリジナルCSS／編集しやすい整形版（元の並び順を維持） */
@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;
}
.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 {
}
.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;
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;
}
}

/* ==========================================================
COORDINATE / 独自コメント4・5
このブロックだけが新規追加CSSです。
========================================================== */
body.fs-body-product .product-description-and-spec-change-btn .change-btn[hidden] {
display:none !important;
}
body.fs-body-product .ar-coordinate-card {
width:100%;
max-width:100%;
margin:0 auto;
}
body.fs-body-product .ar-coordinate-photo {
position:relative;
overflow:hidden;
border-radius:5px;
background:#f0f2f4;
}
body.fs-body-product .ar-coordinate-photo img {
display:block;
width:100%;
height:auto;
margin:0;
}
body.fs-body-product .ar-coordinate-model {
position:absolute;
bottom:10px;
left:10px;
max-width:calc(100% - 20px);
padding:9px 11px;
border-radius:4px;
background:rgba(19, 29, 38, .78);
color:#fff;
font:500 12px/1.55 Arial, Meiryo, sans-serif;
letter-spacing:.01em;
overflow-wrap:anywhere;
}
body.fs-body-product .ar-coordinate-model-line + .ar-coordinate-model-line {
margin-top:3px;
}
body.fs-body-product .ar-coordinate-links {
display:grid;
grid-template-columns:repeat(var(--ar-coordinate-columns, 1), minmax(0, 1fr));
gap:5px;
margin-top:6px;
}
body.fs-body-product .ar-coordinate-link {
display:flex;
min-width:0;
min-height:38px;
align-items:center;
justify-content:center;
padding:8px 4px;
border-radius:3px;
background:#e5ebef;
color:#203648;
font:600 12px/1.3 Arial, Meiryo, sans-serif;
text-align:center;
text-decoration:none;
overflow-wrap:anywhere;
box-sizing:border-box;
}
body.fs-body-product .ar-coordinate-link:first-child {
background:#203648;
color:#fff;
}
body.fs-body-product .ar-coordinate-link:hover,
body.fs-body-product .ar-coordinate-link:focus-visible {
background:#314f65;
color:#fff;
text-decoration:none;
}
body.fs-body-product .ar-coordinate-link:focus-visible {
outline:2px solid #986c38;
outline-offset:2px;
}
@media (max-width: 480px) {
body.fs-body-product .ar-coordinate-model {
left:8px;
bottom:8px;
max-width:calc(100% - 16px);
padding:7px 9px;
font-size:11px;
}
body.fs-body-product .ar-coordinate-link {
font-size:11px;
min-height:34px;
}
}

/* コーディネート登録商品の見出し・タブ */
body.fs-body-product .product-description-and-spec-wrap[data-ar-coordinate="1"]::before {
content:"COORDINATE / 着用スタイル";
}
body.fs-body-product .product-description-and-spec-wrap[data-ar-coordinate="1"] .change-btn::after {
content:none;
display:none;
}
body.fs-body-product .product-description-and-spec-wrap[data-ar-coordinate="1"] .change-btn {
min-height:48px;
gap:0;
}