summary::-webkit-details-marker{
display:none !important;
}

@font-face {
        src: url("https://ops777.itembox.design/item/font/NotoSerifJP-ExtraLight.otf") format("opentype");
        font-family: 'Noto Serif JP';
        font-style: normal;
        font-display: swap;
        font-weight:200;
      }
.serif {

-webkit-font-smoothing: antialiased;
  }

body#fs_Checkout,body#fs_ShoppingCart{
font-family: 'Montserrat',helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}

a.more_btn {
    display: block;
    border: 1px solid;
    max-width: 260px;
    padding: 20px;
    margin: 15px auto;
    text-decoration: none;
    text-align: center;
}

.itemlist .fs-c-productListCarousel__list, .itemlist .fs-c-productListCarousel__list__itemTrack.slick-initialized.slick-slider,.itemlist .slick-list.draggable, .itemlist .slick-track {
    max-width: 100% !important;
}

.itemlist .slick-track {
    display: flex !important;
    flex-wrap: wrap;
}
.itemlist .slick-slide {
margin-bottom: 4em !important;
}
.fs-c-productListItem__productName{
margin: 0px 0px 8px;
line-height: 1.5em;
font-size:1rem;
}
.fs-c-productName__copy, .fs-c-productName__variation{
font-size:0.9rem;
}

@media screen and (min-width: 1200px){
.fs-p-drawerButton {
display: block;
padding: 8px 18px 0px 8px;
}

.fs-c-productNumber {
    display: none;
}

.fs-p-drawer {
width:300px;
    background: #ffffff !important;
    box-shadow: 1px 1px 5px #b2b2b2;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 8px;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
left:auto;
    padding-bottom: 24px;
    transform: translateX(101%);
    z-index: 2;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: linear;
    transition-delay: 0s;
}
}
@media screen and (min-width: 768px){
.fs-p-headerNavigation__listItem {
    display: flex;
    min-width:65px;
}
}

.fs-pt-carousel img {
    width: 100vw;
    max-height: 90vh;
    object-fit: cover;
}

span.block {
    display: block;
}
span.hidden {
    display: none;
}
.fs-p-snsArea {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.fs-body-top span.fs-c-productPrice__main__label,.fs-body-category span.fs-c-productPrice__main__label,.fs-body-search span.fs-c-productPrice__main__label {
    display: none;
}
.fs-body-top .fs-c-productPrice--member {
    display: none;
}
.fs-body-category .fs-c-productPrice.fs-c-productPrice--member , .fs-body-search .fs-c-productPrice.fs-c-productPrice--member{
    display: none;
}
body:not(#fs_ProductDetails)　.fs-c-productPrice.fs-c-productPrice--selling span.fs-c-productPrice__addon {
    display: none;
}
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
    font-size: 1.8rem;
}
.fs-c-productPrice__addon{
font-size:9px;
}

button.fs-c-button--addToCart--variation.fs-c-button--primary {
    font-size: 1rem;
    padding: 10px;
    
}
p.red-bold {
    color: red;
    font-weight: bold;
}

#ops_top_popup {
    position: fixed;
    bottom: 8px;
    left: 8px;
    z-index: 980;
    width: 270px;
}
#ops_top_popup_close {
    position: absolute;
    top: -30px;
    right: 0;
    padding: 0;
    z-index: 981;
    width: 30px;
    height: 30px;
    text-align: center;
    background: rgba(49, 49, 49, 0.42);
    font-size: 18px;
    line-height: 30px;
    color: white;
cursor: pointer;
}

.fs-preview-header{
display:none;
}
body{
color:black;
}

header.fs-l-header {

align-items:center;
justify-content: space-between;

}
@media screen and (min-width: 1200px){
.fs-p-drawer{
background:none;
max-width:100% !important;
}
}
.fs-p-sideMenu .fs-pt-menu__heading--lv1{
border:none;
}

.fs-p-headerNavBar {
    background:white;
    border: none;
    color: black;
}
#fs_Top .fs-p-headerNavBar{
 background:none;
}

ul.fs-p-sideMenu.fs-pt-menu.fs-pt-menu--lv1 {
    display: flex;
flex-direction: column;
    align-items: baseline;
    justify-content: space-around;
width: 70%;
   margin: 0 auto;
}
@media screen and (max-width: 1025px){
ul.fs-p-sideMenu.fs-pt-menu.fs-pt-menu--lv1{
display: inline-block;
width: 300px;
}
}
h2.fs-p-drawer__heading {
    display: none;
}
.fs-p-sideMenu .fs-pt-menu__link--lv1::after {
    content: "" !important;
}
aside.fs-p-drawer.fs-l-sideArea {
    overflow: scroll;
}
ul.fs-pt-menu__submenu.fs-pt-menu--lv2 {
    
    width: 240px;
background: #00000085;
    color: #fff;
}

.fs-p-headerNavigation__link:visited {
    color: #000000;
}
.fs-p-headerNavigation__link:visited, .fs-p-headerNavigation__link:active, .fs-p-headerNavigation__link:hover, .fs-p-headerNavigation__link:focus, .fs-p-headerNavigation__link:link {
color: #000000;
font-size: 12px;
letter-spacing: 3px;
}

.fs-p-headerNavigation {
    justify-content: space-around;
}

@media screen and (min-width: 1200px){
body:not(.fs-body-top) .fs-l-main {
    
    /max-width: calc(100vw - 500px);/
}

body.fs-body-top section.fs-l-pageMain {
    max-width: 100%;
}
body.fs-body-top section.fs-l-pageMain div:not(.full-width),body.fs-body-top section.fs-l-pageMain ul:not(.full-width) {
    max-width: 1200px;
    margin: 0 auto;
}

}

.fs-p-heading--lv2 {
margin-top: 4em;
margin-bottom:2em;
border-bottom:none;
letter-spacing:5px;
text-align:center;
}

@media screen and (min-width:1200px){
.fs-body-top .fs-c-productListCarousel__list__item {
    flex-basis: calc((100vw - 500px) / 3 - 22px);
    max-width: calc((100vw - 500px) / 3 - 22px);
    min-width: calc((100vw - 500px) / 3 - 22px);
}
.fs-body-top .fs-c-productListItem__image__image {
    max-width: 100%;
    object-fit: cover;
    height: calc((100vw - 500px) / 3 - 22px);
    width: calc((100vw - 500px) / 3 - 22px);
}
}
@media screen and (max-width:1199px){
.fs-body-top .fs-c-productListCarousel__list__item {
    flex-basis: calc((100vw / 3) - 22px);
    max-width: calc((100vw / 3) - 22px);
    min-width: calc((100vw / 3) - 22px);
}
.fs-body-top .fs-c-productListItem__image__image {
    max-width: 100%;
    object-fit: cover;
    height: calc((100vw / 3) - 22px);
    width: calc((100vw / 3) - 22px);
}
}

.fs-body-top .fs-c-productListCarousel__ctrl{
display:none !important;
}

.fs-body-top .fs-c-productListCarousel .slick-track{
width:100% !important;
transform: none !important;
}

body.fs-body-top main.fs-l-main {
    max-width: 100%;
}

h2 span.fs-c-productName__copy{
display:none;
}

span.fs-c-productName__copy {
    letter-spacing: 2px;
}

span.fs-c-productName__name {
    letter-spacing: 2px;
}

ul.fs-p-dateList.fs-pt-list.fs-pt-list--noMarker {
    margin: 10px auto 100px auto;
}

.fs-c-productPostage {
    display: none;
}

 p.link a {
    text-align: left;
    color: blue !important;
    text-decoration: underline;
    display: block;
    line-height: 2em;
    letter-spacing: 1.8;
    font-size: 90%;
}

button.fs-c-button--subscribeToArrivalNotice--variation.fs-c-button--secondary span.fs-c-button__label{
border-bottom:0.5px solid;
}
.fs-c-button--secondary.fs-c-button--subscribeToArrivalNotice--variation{
padding: 0.8em 0.6em 0.8em;
}

button.fs-c-button--subscribeToArrivalNotice--variation.fs-c-button--secondary span.fs-c-button__label:before {
content: "\e900";
font-family: 'email' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    padding-right: 0.5em;
}

.fs-p-productDescription.fs-p-productDescription--short p {
    font-size: 12px;
}

h1.fs-c-productNameHeading.fs-c-heading {
    margin-bottom: -20px !important;
}
span.jpn-itemname {
    display: block;
    font-size: 80%;
    margin-bottom: 30px !important;
}

nav.fs-c-breadcrumb {
    padding-top: 0px;
}

h1.fs-c-productNameHeading.fs-c-heading {
    margin: 0px auto 50px;
    text-align:left;
    font-size:1.8rem;
    font-weight: normal;
letter-spacing: 3px;
}
h1.fs-c-productNameHeading.fs-c-heading .fs-c-productNameHeading__copy{
font-size:10px;
letter-spacing:2px;
}
span.fs-c-productNameHeading__name {
    display: block;
    line-height: 4em;
}
span.fs-c-reviewer__profile__status {
    display: none;
}

@media screen and (max-width:767px){
.fs-l-productLayout.fs-system-product {
    display: block;
}

.fs-l-product4 .fs-l-productLayout {
grid-template-columns: calc(50% - 18px / 2) calc(50% - 18px / 2);
    grid-gap: 18px;
}
header.fs-l-header {
    position: relative;
    padding-top: 0;
    padding-left:0;
}
.fs-p-headerNavigation{
margin-right:80px;
}

.fs-l-header__drawerOpener {
    position: absolute;
    right: 10px;
    top: 10px;
}
nav.fs-c-breadcrumb {
    padding-top: 0px;
}
}

.fs-c-variationAndActions{
font-size:80%;
}
.fs-c-variationList__item {
    display: flex;
    justify-content: space-between;
    border-bottom: #ececec dashed;
    align-items: center;
}
.fs-c-variationList__item__title{
background:none;
}
.fs-c-variationCart__variationName {
    width: 150px;
}

button.fs-c-button--inquiryAboutProduct.fs-c-button--plain{
font-size:13px;
}

@media screen and (min-width: 1200px){
.fs-l-product4 .fs-l-productLayout {
grid-template-columns: calc(50% - 50px / 2) calc(50% - 50px / 2);
    grid-gap: 50px;
}
}
@media screen and (min-width: 960px) {
.fs-l-product4 .fs-l-productLayout{
        grid-template-columns: calc(50% - 16px / 2) calc(50% - 16px / 2);
    }
}

.rcmd-slick-slide img {
    height: 15vw;
    object-fit: cover;
}

.fs-c-featuredProduct img.fs-c-productListItem__image__image.fs-c-productImage__image {
    width: 100%;
    object-fit: cover;
    height: 200px;
}

.fs-c-featuredProduct h2.fs-c-productListItem__productName, div#fs-recommend--flick h3.fr2-listItem__productName{
font-size:10px;
}

.fs-c-featuredProduct__title{
border-bottom:none;
text-align:center;
letter-spacing:3px;
}

.fs-c-productListItem__control.fs-c-buttonContainer {
    display: none;
}

table.about_item {
    border-collapse: separate;
    border-spacing: 0 10px;
    margin-top: 30px;
width:90%;
}
table.about_item tr {
    background: whitesmoke;
}
table.about_item td {
    padding: 10px;
}

.fs-p-accountInfo__accountRank__rank{
font-size:20px;
}
.fs-p-accountInfo__accountRank {
    margin: 20px auto;
}

.fs-body-category .fs-c-productListItem__image__image , .fs-body-search .fs-c-productListItem__image__image{
    width: 100%;
    object-fit: cover;
    height: 25vw;
}
h2.fs-c-productListItem__productName.fs-c-productName {
letter-spacing: 2px;
}
h1.fs-c-heading.fs-c-heading--page {
    letter-spacing: 3px;
}

.fs-body-category span.fs-c-productPrice__addon:not(.fs-c-productPrice__addon--listed),.fs-body-category span.fs-c-productPrice__addon:before,.fs-body-category span.fs-c-productPrice__addon:after {
display: none;
}

.fs-c-listControl__status{
display:none;
}

.fs-c-subgroupList__item {
height: 5em;
}

.recommend_tag a{
border-radius: 0px !important;
}

body#fs_MyPageTop .fs-clientInfo:not(.is-ready) {
    display: block !important;
}

.fs-c-reviewer__status {
    display: none;
}

div [id*=blzInitWraper_rss] > div{
display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

h2.fs-c-productListItem__productName.fs-c-productName a{
color:black;
}

.size-36 {
    font-size: 20px !important;
    height: 20px;
}

@media screen and (min-width: 768px) {
  .fs-c-productList__list {
    
    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;
  }
}
@media screen and (min-width: 960px) {
  .fs-c-productList__list {
    
    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;
  }
}

body{
  font-family:'Jost','Noto Sans JP',helvetica,arial,'hiragino kaku gothic pro',meiryo,sans-serif;
  font-weight:400;
  letter-spacing:.05em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.serif{
  font-family:'Jost','Noto Sans JP',sans-serif;
  letter-spacing:.08em;
}

.promo-banner{
  background:#1a1a1a;
  color:#efefef;
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-size:11px;
  letter-spacing:.26em;
  text-transform:uppercase;
}
.promo-slide{ padding:11px 0; }
.nav-btn{ color:#8a8a8a; }
.countdown{ font-size:10px; letter-spacing:.14em; color:#b0b0b0; margin-top:3px; }

header.fs-l-header{
  display:block;
  margin:0;
  padding:0;
  background:#ffffff;
  position:relative;
}

.ops-headerBar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:26px 56px 22px;
  background:#ffffff;
}
.ops-header__left{
  display:flex;
  gap:30px;
  align-items:center;
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#6b6b6b;
}
.fs-l-header__logo{ width:auto; justify-self:center; }
.fs-p-logo{ padding:0; }
.fs-p-logo__image{ width:130px; height:auto; display:block; }
.ops-header__right{
  display:flex;
  gap:28px;
  justify-content:flex-end;
  align-items:center;
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#6b6b6b;
}
.ops-header__left a,.ops-header__right a,
.ops-header__left .ops-textbtn,.ops-header__right .ops-textbtn{
  color:#6b6b6b;
  text-decoration:none;
  cursor:pointer;
  transition:color .25s ease;
  white-space:nowrap;
}
.ops-header__left a:hover,.ops-header__right a:hover,
.ops-header__left .ops-textbtn:hover,.ops-header__right .ops-textbtn:hover{ color:#8a8a8a; }

.fs-l-header__drawerOpener{ position:static; right:auto; top:auto; }
.fs-p-drawerButton{ padding:0; display:inline; cursor:pointer; }
.fs-p-drawerButton__icon{ display:none; }
.fs-p-drawerButton__label{
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#6b6b6b;
  transition:color .25s ease;
}
.fs-p-drawerButton:hover .fs-p-drawerButton__label{ color:#8a8a8a; }
.fs-p-cartItemNumber{ font-family:'Jost',sans-serif; letter-spacing:.06em; }

.fs-p-headerNavBar{ display:none; }
.glovalsite-btn{ display:none; }

.ops-gnav{
  display:flex;
  justify-content:center;
  gap:38px;
  padding:14px 0 22px;
  margin:0 56px;
  border-top:1px solid #e4e4e4;
  border-bottom:1px solid #e4e4e4;
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  background:#ffffff;
}
.ops-gnav a{
  color:#333333;
  text-decoration:none;
  transition:color .25s ease;
  white-space:nowrap;
}
.ops-gnav a:hover{ color:#8a8a8a; }
.ops-gnav a.is-current{ color:#8a8a8a; }

.ops-search__panel{
  max-height:0;
  opacity:0;
  overflow:hidden;
  background:#ffffff;
  transition:max-height .3s ease,opacity .3s ease;
}
.ops-search__panel.showUp{
  max-height:90px;
  opacity:1;
  border-bottom:1px solid #e4e4e4;
}
.ops-search__panel form{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  padding:20px 56px;
}
.ops-search__panel input{
  width:min(420px,70vw);
  border:none;
  border-bottom:1px solid #cccccc;
  background:transparent;
  padding:8px 2px;
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-size:13px;
  letter-spacing:.06em;
  color:#333333;
  outline:none;
}
.ops-search__panel input::placeholder{ color:#9a9a9a; letter-spacing:.08em; }
.ops-search__panel button{
  border:none;
  background:transparent;
  cursor:pointer;
  color:#8a8a8a;
  font-family:'Jost',sans-serif;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  transition:color .25s ease;
}
.ops-search__panel button:hover{ color:#1a1a1a; }

@media screen and (max-width:767px){
  .promo-banner{ font-size:10px; letter-spacing:.18em; }
  .promo-slide{ padding:9px 0; }

.ops-header__left{  font-size:11px; letter-spacing:.14em; }
.ops-header__right .ops-hide-sp{ display:none; }

  .ops-gnav{
    margin:0;
    padding:12px 16px 14px;
    gap:24px;
    justify-content:flex-start;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .ops-gnav::-webkit-scrollbar{ display:none; }

  .ops-search__panel form{ padding:16px 20px; }
}

/*
   ■ なぜ全部のセレクタに body.fs-body-top を付けているか
   ■ トップページ限定にしている理由
   ■ 触っていないもの
*/

body.fs-body-top .fs-p-heading--lv2{
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-weight:400;
  font-size:18px;
  color:#5a5a5a;
  letter-spacing:.18em;
  line-height:1.4;
}

body.fs-body-top div#_rcmdjp_display_1{
  max-width:100%;
  background:#ffffff;
  padding:96px 0 20px;
}

body.fs-body-top .FS2_Recommend2_ranking_horizontal{
  position:relative;
  padding:0 0 20px;
  margin-bottom:0;
  font-family:'Jost','Noto Sans JP',sans-serif;
  letter-spacing:normal;
}

body.fs-body-top .FS2_Recommend2_ranking_horizontal .CrossHead{
  margin:0 0 46px;
  padding:0;
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-weight:400;
  font-size:18px;
  color:#5a5a5a;
  letter-spacing:.18em;
  line-height:1.4;
  text-align:left;
}

body.fs-body-top .FS2_Recommend2_ranking_horizontal .more_btn{
  position:absolute;
  top:4px;
  right:0;
  display:inline-block;
  width:auto;
  max-width:none;
  height:auto;
  margin:0;
  padding:0 0 5px;
  border:none;
  border-bottom:1px solid #8a8a8a;
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#333333;
  line-height:1;
  transition:color .25s ease;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal .more_btn:hover{
  background:none;
  color:#8a8a8a;
}

body.fs-body-top .FS2_Recommend2_ranking_horizontal_inner{
  overflow:visible;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal table,
body.fs-body-top .FS2_Recommend2_ranking_horizontal tbody{
  display:block;
  width:100%;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal tr{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:24px;
}

body.fs-body-top .FS2_Recommend2_ranking_horizontal tr:first-child{
  position:relative;
  z-index:2;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal tr:first-child th{
  position:relative;
  width:auto;
  height:0;
  padding:0;
  overflow:visible;
  font-size:0;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal .outer{
  position:absolute;
  top:0;
  left:0;
  width:44px;
  padding-top:44px;
  background-color:rgba(255,255,255,.94);
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal .inner span{
  font-family:'Jost',sans-serif;
  font-size:11px;
  letter-spacing:.02em;
  color:#1a1a1a;
}

body.fs-body-top .FS2_Recommend2_ranking_horizontal tr:first-child th:nth-child(4)::before{ content:'No.4'; }
body.fs-body-top .FS2_Recommend2_ranking_horizontal tr:first-child th:nth-child(5)::before{ content:'No.5'; }
body.fs-body-top .FS2_Recommend2_ranking_horizontal tr:first-child th:nth-child(n+4)::before{
  position:absolute;
  top:0;
  left:0;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.94);
  color:#1a1a1a;
  font-family:'Jost',sans-serif;
  font-size:11px;
  letter-spacing:.02em;
}

body.fs-body-top .FS2_Recommend2_ranking_horizontal td{
  padding:0;
  vertical-align:top;
  line-height:1.6;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal td > a:first-child{
  display:block;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal td br:first-of-type{
  display:none;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal td a img{
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:4/5;
  object-fit:cover;
  margin:0 0 18px;
  background:#ffffff;
  display:block;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal td a{
  
  font-weight:400;
  font-size:13.5px;
  color:#222222;
  letter-spacing:.08em;
  line-height:1.6;
  text-decoration:none;
  transition:color .25s ease;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal td a:hover{
  color:#8a8a8a;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal .itemPrice{
  font-family:'Jost',sans-serif;
  font-size:13px;
  color:#6b6b6b;
  letter-spacing:.04em;
}
body.fs-body-top .FS2_Recommend2_ranking_horizontal .FS2_itemPrice_addition{
  font-family:'Jost',sans-serif;
  font-size:11px;
  color:#8a8a8a;
  letter-spacing:.04em;
}

@media screen and (max-width:767px){
  body.fs-body-top div#_rcmdjp_display_1{
    padding:56px 0 20px;
  }
  body.fs-body-top .FS2_Recommend2_ranking_horizontal .CrossHead{
    font-size:16px;
    letter-spacing:.14em;
    margin:0 16px 26px;
  }
  body.fs-body-top .FS2_Recommend2_ranking_horizontal .more_btn{
    position:static;
    margin:24px 16px 0;
  }
  body.fs-body-top .FS2_Recommend2_ranking_horizontal_inner{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:0 16px;
  }
  body.fs-body-top .FS2_Recommend2_ranking_horizontal_inner::-webkit-scrollbar{
    display:none;
  }
  body.fs-body-top .FS2_Recommend2_ranking_horizontal tr{
    grid-template-columns:repeat(5,44vw);
    gap:12px;
  }
  body.fs-body-top .FS2_Recommend2_ranking_horizontal td a{
    font-size:12.5px;
  }
}

/*
   ■ 自前クラス（.ops-promise*）だけを使うので、futureshopの既存CSSと
   ■ main の外に置くパーツなので全幅で出る。左右56pxはヘッダーと同じ外側余白
   ■ 数値はデザイン案1A の material strip の実値
*/

.ops-promise{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid #e4e4e4;
  background:#ffffff;
}

.ops-promise__item{
  padding:30px 56px;
  border-right:1px solid #e4e4e4;
}
.ops-promise__item:last-child{
  border-right:none;
}

.ops-promise__en{
  font-family:'Jost',sans-serif;
  font-size:11px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#8a8a8a;
  margin-bottom:8px;
}

.ops-promise__ja{
  font-family:'Noto Sans JP',sans-serif;
  font-weight:300;
  font-size:13px;
  color:#6b6b6b;
  line-height:1.8;
}

@media screen and (max-width:767px){
  .ops-promise{
    grid-template-columns:1fr;
  }
  .ops-promise__item{
    padding:14px 20px;
    border-right:none;
    border-bottom:1px solid #e4e4e4;
  }
  .ops-promise__item:last-child{
    border-bottom:none;
  }
  .ops-promise__en{
    font-size:10px;
    letter-spacing:.2em;
    margin-bottom:5px;
  }
  .ops-promise__ja{
    font-size:12.5px;
    line-height:1.7;
  }
}

/*
   ① エディトリアル ／ ② SERIES 3枠 ／ ③ FEATURE 4枠
   ■ 自前クラス（.ops-*）だけを使うので詳細度を上げる必要はない
   ■ 幅は既存の「トップページのセクションは1200px中央寄せ」ルールに任せる
   ■ 見出しは deploy-3 で統一済みの .fs-p-heading--lv2
*/

.ops-sechead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin:96px 0 40px;
}
.ops-sechead .fs-p-heading--lv2{
  margin:0;
  text-align:left;
}
.ops-morelink{
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#333333;
  border-bottom:1px solid #8a8a8a;
  padding-bottom:5px;
  line-height:1;
  text-decoration:none;
  transition:color .25s ease;
}
.ops-morelink:hover{ color:#8a8a8a; }

/*① エディトリアル（旧・独自スライド） */
.ops-editorial{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  height:480px;          
  margin-top:96px;
}
.ops-editorial__text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 40px;
  background:#1a1a1a;
  color:#ffffff;
}
.ops-editorial__eyebrow{
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#a8a8a8;
  margin-bottom:22px;
}
.ops-editorial__title{
  margin:0;
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-weight:300;
  font-size:38px;
  line-height:1.45;
  color:#ffffff;
}
.ops-editorial__btn{
  display:inline-flex;
  align-self:flex-start;
  margin-top:34px;
  padding:14px 34px;
  border:1px solid rgba(255,255,255,.55);
  color:#ffffff;
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  text-decoration:none;
  transition:background-color .3s ease,color .3s ease;
}
.ops-editorial__btn:hover{
  background:#ffffff;
  color:#1a1a1a;
}
.ops-editorial__img{
  display:block;
  overflow:hidden;
}
.ops-editorial__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform 1.2s ease;
}
.ops-editorial__img:hover img{ transform:scale(1.04); }

/*② SERIES 3枠（1大＋2小） */
.ops-series{
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:24px;
  height:440px;
}
.ops-series__sub{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:24px;
  min-height:0;
}
.ops-series__sub .ops-tile{ min-height:0; }

.ops-tile{
  position:relative;
  overflow:hidden;
  display:block;
  text-decoration:none;
}
.ops-tile--lg{ height:100%; }
.ops-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform 1.2s ease;   
}
.ops-tile:hover img{ transform:scale(1.04); }
.ops-tile::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.62));
}
.ops-tile__cap{
  position:absolute;
  left:32px;
  bottom:30px;
  z-index:2;
  color:#ffffff;
}
.ops-tile__en{
  display:block;
  font-family:'Jost',sans-serif;
  font-size:11px;
  letter-spacing:.28em;
  text-transform:uppercase;
  margin-bottom:10px;
  opacity:.9;
}
.ops-tile__ja{
  display:block;
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-weight:300;
  font-size:26px;
  line-height:1.4;
}
.ops-tile--sm .ops-tile__cap{ left:26px; bottom:22px; }
.ops-tile--sm .ops-tile__en{ font-size:10px; letter-spacing:.24em; margin-bottom:7px; }
.ops-tile--sm .ops-tile__ja{ font-size:19px; }

/*③ FEATURE 4枠（旧TOPICS） */
.ops-feature4{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.ops-f4{ display:block; text-decoration:none; }
.ops-f4__en{
  display:block;
  font-family:'Jost',sans-serif;
  font-size:10.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#8a8a8a;
  margin-bottom:7px;
}
.ops-f4__ja{
  display:block;
  font-family:'Noto Sans JP',sans-serif;
  font-weight:400;
  font-size:13.5px;
  color:#222222;
  letter-spacing:.04em;
  line-height:1.6;
  transition:color .25s ease;
}
.ops-f4:hover .ops-f4__ja{ color:#8a8a8a; }

/*🔴 既存バナーに文字が焼かれている枠は、背景画像として読み込み */
.ops-f4__ph{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  margin-bottom:16px;
  background-repeat:no-repeat;
  background-color:#f2f2f2;
}

.ops-f4__ph--setring{
  background-image:url(https://ops777.itembox.cloud/item/assets/coordinate/perledini_spina_gabiotab.jpg);
  background-size:230% auto;
  background-position:14% 34%;
}

.ops-f4__ph--ready{
  background-image:url(https://ops777.itembox.cloud/item/2ditem-mv.jpg?2);
  background-size:357% auto;
  background-position:10% 4%;
}

.ops-f4__ph--pearl{
  background-image:url(https://ops777.itembox.cloud/item/category_page/pearl_acce/scene-wedding.jpg);
  background-size:cover;
  background-position:center;
}
.ops-f4__ph--shortnk{
  background-image:url(https://ops-official.com/blog/wp-content/uploads/2026/07/image.webp);
  background-size:cover;
  background-position:32% center;
}

@media screen and (max-width:767px){
  .ops-sechead{ margin:56px 0 26px; }

  .ops-editorial{ grid-template-columns:1fr; height:auto; margin-top:56px; }
  .ops-editorial__text{ padding:44px 24px; }
  .ops-editorial__title{ font-size:24px; }
  .ops-editorial__img{ height:280px; }

  .ops-series{ grid-template-columns:1fr; height:auto; }
  .ops-series__sub{ grid-template-rows:220px 220px; }
  .ops-tile--lg{ height:300px; }
  .ops-tile__cap{ left:22px; bottom:20px; }
  .ops-tile__ja{ font-size:21px; }

  .ops-feature4{ grid-template-columns:1fr 1fr; gap:16px; }
  .ops-f4__ja{ font-size:12.5px; }
}

/*
   🔴 修正 2026-08-05（deploy-5 の不具合対応）
   ■ 原因
   ■ 実際に出ていた症状（テーマ9プレビューで確認）
   ■ 対策: 同じ (0,3,3) にして、ファイル後方に置くことで後勝ちさせる
*/

body.fs-body-top section.fs-l-pageMain div.ops-sechead{
  max-width:1200px;
  margin:96px auto 40px;
}
body.fs-body-top section.fs-l-pageMain div.ops-editorial{
  max-width:1200px;
  margin:96px auto 0;
}
body.fs-body-top section.fs-l-pageMain div.ops-series{
  max-width:1200px;
  margin:0 auto 96px;   
}
body.fs-body-top section.fs-l-pageMain div.ops-feature4{
  max-width:1200px;
  margin:0 auto;        
}

body.fs-body-top section.fs-l-pageMain div.ops-editorial__text{
  max-width:none;
  margin:0;
  padding:0 40px;       
}
body.fs-body-top section.fs-l-pageMain div.ops-series__sub{
  max-width:none;
  margin:0;
}
body.fs-body-top section.fs-l-pageMain div.ops-editorial__eyebrow{
  max-width:none;
  margin:0 0 22px;
}

@media screen and (max-width:767px){
  body.fs-body-top section.fs-l-pageMain div.ops-sechead{ margin:56px auto 26px; }
  body.fs-body-top section.fs-l-pageMain div.ops-editorial{ margin:56px auto 0; }
  body.fs-body-top section.fs-l-pageMain div.ops-series{ margin:0 auto 56px; }
  body.fs-body-top section.fs-l-pageMain div.ops-editorial__text{ padding:44px 24px; }
}

/*
   ■ なぜ NEW ITEM だけ全幅なのか
   ■ ついでに分かったこと（今回は直さない）
   ■ 数値の決め方（プレビュー実測で FEATURE 4枠と完全一致させた）
   ■ width に !important が要る理由
*/

@media screen and (min-width:768px){

  body.fs-body-top section.fs-l-pageMain div.itemlist.fs-c-productListCarousel{
    max-width:1224px;
    margin-left:auto;
    margin-right:auto;
  }

  body.fs-body-top div.itemlist.fs-c-productListCarousel .slick-slide{
    width:25%;
  }

  body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productListItem{
    min-width:0;
    width:calc(100% - 24px) !important;   
    max-width:none;
    margin:0 12px;
  }

}

/*
   ■ 直す理由
   ■ 合わせ先: WEEKLY RANKING（deploy-3）と1pxも違わない値にして統一する。
   ■ スコープ: .fs-c-productName__* / .fs-c-price__* はカテゴリページや商品ページでも
*/

body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productName__copy{
  display:block;
  
  font-size:11px;
  font-weight:400;
  letter-spacing:.04em;
  line-height:1.6;
  color:#8a8a8a;
  margin-bottom:4px;
}

body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productName__name{
  display:block;
  
  font-size:13.5px;
  font-weight:400;
  letter-spacing:.08em;
  line-height:1.6;
  color:#222222;
}

body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productPrice__main__price,
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-price__currencyMark,
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-price__value{
  font-family:'Jost',sans-serif;
  font-size:13px;
  font-weight:400;
  letter-spacing:.04em;
  color:#6b6b6b;
}

body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productPrice__addon__label{
  font-family:'Jost',sans-serif;
  font-size:11px;
  color:#8a8a8a;
}

/*
   🔴 1・2 を @media (min-width:768px) で囲う理由
   deploy-5 / deploy-6 のスマホ用ブロック（max-width:767px）がファイルの【前】にある。
*/

@media screen and (min-width:768px){

  /*① エディトリアル：38px。「花冠のエタニティリング」は約426px必要なので */
/*② SERIES：デザイン案どおり 32px / 22px / 10.5px .26em */
  .ops-tile__ja{ font-size:32px; }
  .ops-tile--sm .ops-tile__ja{ font-size:22px; }
  .ops-tile--sm .ops-tile__en{ font-size:10.5px; letter-spacing:.26em; }

}

/*③ JOURNAL：ブログ側の .dfont{font-family:"Times New Roman"} で日付がイタリックの */
body.fs-body-top .posts time.postTime,
body.fs-body-top .posts .postTime.dfont{
  font-family:'Jost',sans-serif !important;
  font-size:10.5px;
  font-weight:400;
  font-style:normal;
  letter-spacing:.2em;
  color:#8a8a8a;
}
body.fs-body-top .posts p.postTitle{
  font-family:'Noto Sans JP',sans-serif !important;
  font-size:15px;
  font-weight:400;
  letter-spacing:.04em;
  line-height:1.7;
  color:#1a1a1a;
}

/*
   ■ 直す前の状態（テーマ9プレビュー実測）
   ■ デザイン案1Aの指定
   ■ .ops-sechead の中の h2 を打ち消す理由
*/

body.fs-body-top section.fs-l-pageMain h2.fs-p-heading--lv2{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

body.fs-body-top section.fs-l-pageMain div.ops-sechead h2.fs-p-heading--lv2{
  max-width:none;
  margin-left:0;
  margin-right:0;
  text-align:left;
}

/*
   deploy-11  トップページ後半のセクションをデザイン案1A（v3）へ  2026-08-05
   ■ v3 で変わった点（旧 store-top-v2.html との差分）
   ■ 🔴 全体を通しての大前提（deploy-5 で踏んだ落とし穴の再発防止）
   ■ 🔴 もう一つの前提：パーツ内の <style> はテーマCSSより後に来る
   ■ 目次
   ① ITEM CATEGORY   … 3列均等グリッド → 1Aの非対称グリッド＋大文字ラベル
   ② VIEW ALL ITEM / タグ … 枠ボタンを見出し右のテキストリンクへ／グレーのタグチップを解除
   ③ Look Book       … 新規パーツの体裁 ＋ 旧 VIEW GALLERY 節を非表示
   ④ NEWS・INFORMATION … 破線リスト → 日付＋タイトルの静かな行
   ⑤ INSTAGRAM       … 正方形クロップのグリッド
   ⑥ NEWSLETTER＋LINE … 新規パーツ（ダーク2カラム帯）
   ⑦ FOOTER          … ダーク多カラム ※テーマ9の全ページに効く
*/

/*
   ① ITEM CATEGORY
   ■ 現物のDOM（パーツ「カテゴリーバナー」）
   ■ 自動配置だけで1Aの形になる
   ■ .cat_banner_wrapper は .full-width を持つので共通の1200pxルールの対象外。
   ■ ラベル
*/

body.fs-body-top div.cat_banner_wrapper{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  max-width:1200px;
  margin:0 auto;
  padding:96px 0 20px;   
}

body.fs-body-top div.cat_banner_wrapper h2.fs-p-heading--lv2{
  order:1;
  max-width:none;
  margin:0;
  text-align:left;
}

body.fs-body-top section.fs-l-pageMain div.cat_banner_wrapper div.cat_banner{
  order:3;
  flex-basis:100%;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-template-rows:240px 240px 200px;
  gap:20px;
  max-width:none;
  margin:48px 0 0;
}

body.fs-body-top div.cat_banner_wrapper div.cat_banner > a{
  position:relative;
  display:block;
  overflow:hidden;
  flex-basis:auto;   
  margin:0;          
}

body.fs-body-top div.cat_banner_wrapper div.cat_banner > a:first-child{
  grid-row:span 2;
}

body.fs-body-top div.cat_banner_wrapper div.cat_banner > a::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,0) 62%,rgba(0,0,0,.5));
}

body.fs-body-top div.cat_banner_wrapper div.cat_banner img{
  width:100%;
  height:100%;
  object-fit:cover;
}

body.fs-body-top div.cat_banner_wrapper div.cat_banner > a > span{
  position:absolute;
  z-index:2;
  top:auto;
  right:auto;
  left:22px;
  bottom:20px;
  text-align:left;
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-size:15px;
  font-weight:400;
  letter-spacing:.16em;
  line-height:1;
  color:#ffffff;
}

body.fs-body-top div.cat_banner_wrapper div.cat_banner > a:first-child > span{
  left:28px;
  bottom:26px;
  font-size:16px;
}

/*
   ② VIEW ALL ITEM ボタン ＋ タグの列
   ■ VIEW ALL ITEM
   ■ タグの列（.menutag）
   ⚠️ .menutag は要素に style="margin:3em auto;text-align:center;max-width:700px"
*/

body.fs-body-top div.cat_banner_wrapper > a.more_btn{
  order:2;
  display:inline-block;
  max-width:none;
  margin:0 0 0 auto;      
  padding:0 0 5px;
  border:none;
  border-bottom:1px solid #8a8a8a;
  font-family:'Jost',sans-serif;
  font-size:12px;
  font-weight:400;
  letter-spacing:.2em;
  line-height:1;
  text-transform:uppercase;
  text-decoration:none;
  color:#333333;
}
body.fs-body-top div.cat_banner_wrapper > a.more_btn::after{
  content:' →';
}
body.fs-body-top div.cat_banner_wrapper > a.more_btn:hover{
  color:#8a8a8a;
  background:none;
}

body.fs-body-top div.cat_banner_wrapper div.menutag{
  order:4;
  flex-basis:100%;
  max-width:none !important;    
  margin:56px 0 0 !important;   
  text-align:left !important;   
}
body.fs-body-top div.cat_banner_wrapper div.menutag a{
  display:inline-block;
  margin:0 20px 12px 0;
  padding:0 0 3px;
  border-radius:0;
  background:none;
  border-bottom:1px solid #e4e4e4;
  font-family:'Noto Sans JP',sans-serif;
  font-size:12px;
  font-weight:300;
  letter-spacing:.04em;
  line-height:1.6;
  color:#6b6b6b;
}
body.fs-body-top div.cat_banner_wrapper div.menutag a:hover{
  color:#1a1a1a;
  border-bottom-color:#8a8a8a;
}

/*
   ③ Look Book（新規パーツ「Ops.ルックブックCTA2026」）
   ■ なぜ新規パーツなのか
   ■ div は (0,3,3) で書く対象
*/

body.fs-body-top section.fs-l-pageMain div.ops-lookbook{
  display:grid;
  grid-template-columns:1.22fr .78fr;
  height:480px;
  max-width:1200px;
  margin:110px auto 20px;
}

.ops-lookbook__img{
  display:block;
  overflow:hidden;
}
.ops-lookbook__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 25%;
}

body.fs-body-top section.fs-l-pageMain div.ops-lookbook__text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:none;
  margin:0;
  padding:0 60px;
  background:#f2f2f2;
}

body.fs-body-top section.fs-l-pageMain div.ops-lookbook__eyebrow{
  max-width:none;
  margin:0 0 22px;
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#8a8a8a;
}

.ops-lookbook__title{
  margin:0;
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-weight:300;
  font-size:34px;
  line-height:1.5;
  color:#1a1a1a;
}

.ops-lookbook__lead{
  margin:22px 0 0;
  font-family:'Noto Sans JP',sans-serif;
  font-weight:300;
  font-size:13.5px;
  line-height:2;
  color:#6b6b6b;
}

.ops-lookbook__btn{
  display:inline-flex;
  align-self:flex-start;
  margin-top:34px;
  padding:16px 38px;
  background:#1a1a1a;
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.22em;
  text-transform:uppercase;
  text-decoration:none;
  color:#f4f4f4;
}
.ops-lookbook__btn:hover{
  background:#3a3a3a;
  color:#ffffff;
}

body.fs-body-top #jigsaw-area > section.jigsaw-box-wrapper:last-of-type{
  display:none;
}

/*
   ④ NEWS・INFORMATION
   ■ 現物のDOM（パーツ「お知らせフィード」）
   ■ v3との差（意図的な省略）
   ■ 見出しの右の「All News →」
   ■ !important が必要な箇所
*/

body.fs-body-top ul.wp-post{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  border-top:1px solid #e4e4e4;
  letter-spacing:normal;   
}

body.fs-body-top ul.wp-post > li{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:24px;
  align-items:center;
  padding:20px 0;
  border-bottom:1px solid #e4e4e4;
}

body.fs-body-top ul.wp-post > li > span{
  margin-right:0;          
  font-family:'Jost',sans-serif;
  font-size:12px;
  font-weight:400;
  font-style:normal;
  letter-spacing:.1em;
  line-height:1.7;
  color:#8a8a8a;
}

body.fs-body-top ul.wp-post > li > a{
  display:block;
  flex-basis:auto;
  text-decoration:none;
}

body.fs-body-top ul.wp-post > li a p{
  margin:0;
  font-family:'Noto Sans JP',sans-serif;
  font-size:13.5px;
  font-weight:300;
  letter-spacing:.04em;
  line-height:1.7;
  color:#222222;
}
body.fs-body-top ul.wp-post > li:hover a p{
  color:#8a8a8a;
}

.ops-cta__title{
  margin:0 0 20px;
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-weight:400;
  font-size:26px;
  letter-spacing:.18em;
  line-height:1.4;
  color:#d4d4d4;
}

.ops-cta__lead{
  margin:0 0 28px;
  font-family:'Noto Sans JP',sans-serif;
  font-weight:300;
  font-size:13.5px;
  line-height:1.9;
  color:#b0b0b0;
}

.ops-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:16px 40px;
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  text-decoration:none;
}

.ops-cta__btn--mail{
  background:#8a8a8a;
  border:1px solid #8a8a8a;
  color:#1a1a1a;
}
.ops-cta__btn--mail:hover{
  background:#b0b0b0;
  border-color:#b0b0b0;
  color:#1a1a1a;
}

.ops-cta__btn--line{
  background:none;
  border:1px solid #6b6b6b;
  color:#f4f4f4;
}
.ops-cta__btn--line:hover{
  border-color:#f4f4f4;
  color:#ffffff;
}

/*
   ⑦ FOOTER（旧・既存パーツをCSSだけでダーク化していたもの）
   deploy-12 で【新パネル「フッターエリア2026」(3097) ＋ 新パーツ
*/

footer.fs-l-footer{
  margin-top:0;
  padding:70px 20px 40px;
  border:none;
  background:#111111;
  font-family:'Noto Sans JP',sans-serif;
  font-size:12.5px;
  color:#9a9a9a;
}

footer.fs-l-footer a{
  color:#9a9a9a;
  text-decoration:none;
}

footer.fs-l-footer .fs-p-footerPageTop{
  position:static;
  max-width:1200px;
  margin:0 auto 34px;
  padding:0;
  text-align:right;
}
footer.fs-l-footer .fs-p-footerPageTop__link{
  display:inline-block;
  padding:0 0 4px;
  border-bottom:1px solid #3a3a3a;
  background:none;
  font-family:'Jost',sans-serif;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#7a7a7a;
}
footer.fs-l-footer .fs-p-footerPageTop__link:hover{
  border-bottom-color:#9a9a9a;
  color:#f4f4f4;
}

footer.fs-l-footer .fs-l-footer__utility{
  display:block;
  max-width:1200px;   
  margin:0 auto;
  padding:0;
}

footer.fs-l-footer .fs-p-footerNavigation{
  display:grid;
  max-width:none;   
  grid-template-columns:.8fr 1.9fr 1.5fr .9fr;
  gap:40px;
  margin:0;
  padding:0 0 50px;
  border-bottom:1px solid #2a2a2a;
}

footer.fs-l-footer .fs-p-footerNavigationItem{
  margin:0;
  padding:0;
  border:none;
}

footer.fs-l-footer .fs-p-footerNavigationItem__title{
  display:block;
  margin:0 0 18px;
  padding:0;
  border:none;
  background:none;
  font-family:'Jost',sans-serif;
  font-size:11px;
  font-weight:400;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#f4f4f4;
  cursor:default;
}

footer.fs-l-footer .fs-p-footerNavigationItem__ctrlIcon{
  display:none;
}

footer.fs-l-footer .fs-p-footerNavigationItem__body{
  padding:0;
  border:none;
}

footer.fs-l-footer .fs-p-footerNavigationItem__nav{
  display:flex;
  flex-direction:column;
  gap:11px;
  margin:0;
  padding:0;
  list-style:none;
}

footer.fs-l-footer .fs-p-footerNavigationItem__navItem{
  margin:0;
  padding:0;
  border:none;
  list-style:none;
  font-weight:300;
  font-size:12.5px;
  line-height:1.6;
}
footer.fs-l-footer .fs-p-footerNavigationItem__navItem a{
  color:#9a9a9a;
}
footer.fs-l-footer .fs-p-footerNavigationItem__navItem a:hover{
  color:#f4f4f4;
}

footer.fs-l-footer .fs-p-address{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0 0 16px;
  font-weight:300;
  font-size:11.5px;
  line-height:1.95;
  color:#7a7a7a;
}
footer.fs-l-footer .fs-p-address span{
  display:block;
}

footer.fs-l-footer .fs-p-footerNavigationItem__dataList{
  margin:0;
  font-weight:300;
  font-size:11.5px;
  line-height:1.95;
  color:#7a7a7a;
}
footer.fs-l-footer .fs-p-footerNavigationItem__dataList__title{
  margin:10px 0 0;
  font-family:'Jost',sans-serif;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#5a5a5a;
}
footer.fs-l-footer .fs-p-footerNavigationItem__dataList__data{
  margin:2px 0 0;
  padding:0;
}

footer.fs-l-footer .fs-p-footerCopyright{
  max-width:1200px;
  margin:0 auto;
  padding:26px 0 0;
  border:none;
  background:none;
  text-align:left;
}
footer.fs-l-footer .fs-p-footerCopyright__text{
  margin:0;
  font-family:'Jost',sans-serif;
  font-size:11px;
  letter-spacing:.12em;
  color:#6a6a6a;
}

@media screen and (min-width:1100px){
  footer.fs-l-footer .fs-p-footerNavigationItem:nth-child(2) .fs-p-footerNavigationItem__nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:28px;
    row-gap:11px;
  }
}

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

  /*① ITEM CATEGORY：2列。1枚目の縦2マスは解除する */
  body.fs-body-top div.cat_banner_wrapper{
    padding:56px 0 20px;
  }
  body.fs-body-top section.fs-l-pageMain div.cat_banner_wrapper div.cat_banner{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    gap:10px;
    margin:26px 0 0;
  }
  body.fs-body-top div.cat_banner_wrapper div.cat_banner > a{
    aspect-ratio:1;
  }
  body.fs-body-top div.cat_banner_wrapper div.cat_banner > a:first-child{
    grid-row:auto;
    grid-column:span 2;
    aspect-ratio:16/10;
  }
  body.fs-body-top div.cat_banner_wrapper div.cat_banner > a > span,
  body.fs-body-top div.cat_banner_wrapper div.cat_banner > a:first-child > span{
    left:14px;
    bottom:12px;
    font-size:12px;
  }
  body.fs-body-top div.cat_banner_wrapper div.menutag{
    margin:32px 0 0 !important;
  }

  /*③ Look Book：縦積み */
  body.fs-body-top section.fs-l-pageMain div.ops-lookbook{
    grid-template-columns:1fr;
    height:auto;
    margin:56px auto 20px;
  }
  .ops-lookbook__img img{
    height:260px;
  }
  body.fs-body-top section.fs-l-pageMain div.ops-lookbook__text{
    padding:36px 24px 40px;
  }
  .ops-lookbook__title{
    font-size:24px;
  }

  /*④ NEWS：日付を上に、タイトルを下に */
  body.fs-body-top ul.wp-post > li{
    grid-template-columns:1fr;
    gap:6px;
    padding:16px 0;
  }
  .ops-cta__title{
    font-size:20px;
  }
  .ops-cta__btn{
    width:100%;
    padding:15px 20px;
  }

  /*⑦ FOOTER：1カラムのアコーディオンに戻す */
footer.fs-l-footer .fs-p-footerNavigation{
    grid-template-columns:1fr;
    gap:0;
    padding:0 0 28px;
  }
  footer.fs-l-footer .fs-p-footerNavigationItem{
    border-bottom:1px solid #2a2a2a;
  }
  footer.fs-l-footer .fs-p-footerNavigationItem__title{
    margin:0;
    padding:16px 0;
  }
  footer.fs-l-footer .fs-p-footerNavigationItem__body{
    padding:0 0 16px;
  }
  footer.fs-l-footer .fs-p-footerCopyright{
    text-align:center;
  }
}

/*
   ⑧ 🔴 訪問済みリンク（:visited）で文字色が上書きされる  2026-08-05
   ■ 症状
   ■ 原因
   ■ 🔴 これが見つけにくい理由
   ■ 対処
*/

a.ops-editorial__btn,
a.ops-editorial__btn:visited{
  color:#ffffff;
}
a.ops-editorial__btn:hover{
  color:#1a1a1a;
}

a.ops-lookbook__btn,
a.ops-lookbook__btn:visited{
  color:#f4f4f4;
}
a.ops-lookbook__btn:hover{
  color:#ffffff;
}

a.ops-cta__btn--mail,
a.ops-cta__btn--mail:visited,
a.ops-cta__btn--mail:hover{
  color:#1a1a1a;
}

a.ops-cta__btn--line,
a.ops-cta__btn--line:visited{
  color:#f4f4f4;
}
a.ops-cta__btn--line:hover{
  color:#ffffff;
}

a.ops-morelink,
a.ops-morelink:visited{
  color:#333333;
}
a.ops-morelink:hover{
  color:#8a8a8a;
}

/*
   ⑨ ロゴの行を詰める  2026-08-05（令子さん指示）
   🔴 @media (min-width:768px) で囲う理由
*/
@media screen and (min-width:768px){
  .ops-headerBar{
    padding:18px 56px 16px;
  }
  .fs-p-logo__image{
    width:112px;
  }
}

/*
   ⑩ FOOTER（新）デザイン案1A v3 の5カラム  2026-08-05
   ■ なぜ新パーツにしたのか
   ■ 🔴 この節は body.fs-body-top を付けない
   ■ 🔴 リンクの色は :visited も併記する（§14 の落とし穴）
   ■ 幅
   ■ v3から外したもの
*/

footer.fs-l-footer .ops-footer{
  max-width:1200px;
  margin:0 auto;
}

footer.fs-l-footer .ops-footer__cols{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;
  gap:40px;
  padding:0 0 50px;
  border-bottom:1px solid #2a2a2a;
}

footer.fs-l-footer .ops-footer__logo{
  margin:0 0 16px;
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-weight:400;
  font-size:30px;
  letter-spacing:.06em;
  line-height:1;
  color:#f4f4f4;
}
footer.fs-l-footer .ops-footer__logo span{
  color:#8a8a8a;
}
footer.fs-l-footer .ops-footer__lead{
  margin:0 0 24px;
  font-family:'Noto Sans JP',sans-serif;
  font-weight:300;
  font-size:12.5px;
  line-height:1.9;
  color:#9a9a9a;
}
footer.fs-l-footer .ops-footer__corp{
  font-family:'Noto Sans JP',sans-serif;
  font-weight:300;
  font-size:11.5px;
  line-height:1.95;
  color:#7a7a7a;
}

footer.fs-l-footer .ops-footer__h{
  margin:0 0 18px;
  font-family:'Jost',sans-serif;
  font-weight:500;   
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#f4f4f4;
}

footer.fs-l-footer .ops-footer__links{
  display:flex;
  flex-direction:column;
  gap:11px;
}
footer.fs-l-footer .ops-footer__links a,
footer.fs-l-footer .ops-footer__links a:visited{
  font-family:'Noto Sans JP',sans-serif;
  font-weight:300;
  font-size:12.5px;
  line-height:1.6;
  text-decoration:none;
  color:#9a9a9a;
}
footer.fs-l-footer .ops-footer__links a:hover{
  color:#f4f4f4;
}

footer.fs-l-footer .ops-footer__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:26px 0 0;
}
footer.fs-l-footer .ops-footer__sns{
  display:flex;
  gap:26px;
}
footer.fs-l-footer .ops-footer__sns a,
footer.fs-l-footer .ops-footer__sns a:visited{
  font-family:'Jost',sans-serif;
  font-weight:500;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-decoration:none;
  color:#9a9a9a;
}
footer.fs-l-footer .ops-footer__sns a:hover{
  color:#f4f4f4;
}
footer.fs-l-footer .ops-footer__policy{
  display:flex;
  gap:22px;
}
footer.fs-l-footer .ops-footer__policy a,
footer.fs-l-footer .ops-footer__policy a:visited{
  font-family:'Noto Sans JP',sans-serif;
  font-weight:300;
  font-size:11.5px;
  text-decoration:none;
  color:#7a7a7a;
}
footer.fs-l-footer .ops-footer__policy a:hover{
  color:#b0b0b0;
}

footer.fs-l-footer .ops-footer__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 0 0;
}
footer.fs-l-footer .ops-footer__copy{
  margin:0;
  font-family:'Jost',sans-serif;
  font-size:11px;
  letter-spacing:.12em;
  color:#6a6a6a;
}
footer.fs-l-footer .ops-footer__pagetop,
footer.fs-l-footer .ops-footer__pagetop:visited{
  padding:0 0 4px;
  border-bottom:1px solid #3a3a3a;
  font-family:'Jost',sans-serif;
  font-weight:500;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-decoration:none;
  color:#7a7a7a;
}
footer.fs-l-footer .ops-footer__pagetop:hover{
  border-bottom-color:#9a9a9a;
  color:#f4f4f4;
}

@media screen and (max-width:767px){
  footer.fs-l-footer .ops-footer__cols{
    grid-template-columns:1fr 1fr;
    gap:28px 20px;
    
  }
  footer.fs-l-footer .ops-footer__brand{
    grid-column:span 2;
  }
}

/*
   ⑪ スマホのグローバルナビが重なって潰れる  2026-08-05
   ■ 症状（375px幅の実測）
   ■ 原因
   ■ 対処
   ■ ⚠️ 中間幅（768〜1000px前後）について
*/
@media screen and (max-width:767px){
  .ops-gnav a{
    flex:0 0 auto;
  }
}

/*
   deploy-13 ／ スマホのヘッダー・フッターをデザイン案 3A（Mobile Minimal）にする
   🔴 このファイルはテーマ9のオリジナルCSSの **末尾に追記** する。
   🔴 併せてフリーパーツ「Ops.フッター2026」(3096) に
*/

footer.fs-l-footer .ops-footer__sp{ display:none; }

/*🔴 body.fs-body-top を必ず付ける。外すと全ページの本文下の余白が消え、 */
body.fs-body-top main.fs-l-main{
  margin-bottom:0;
  padding-bottom:0;
}

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

  
  .ops-headerBar{
    height:56px;
    padding:0 20px;
    align-items:center;
  }
  .fs-p-logo__image{ width:66px; }

  
  .ops-header__left{ gap:0; }
  .ops-header__left .fs-l-header__drawerOpener{ display:flex; align-items:center; }
  .ops-header__left .fs-p-drawerButton{
    display:flex;
    align-items:center;
    height:44px;
    padding:0;
  }
  .fs-p-drawerButton__label{
    position:relative;
    display:block;
    width:15px;
    height:5px;
    font-size:0;
    letter-spacing:0;
    color:transparent;
  }
  .fs-p-drawerButton__label::before,
  .fs-p-drawerButton__label::after{
    content:'';
    position:absolute;
    left:0;
    width:15px;
    height:1px;
    background:#1a1a1a;
  }
  .fs-p-drawerButton__label::before{ top:0; }
  .fs-p-drawerButton__label::after{ top:4px; }

  
  .ops-header__left .search_btn{ display:none; }

  
  .ops-header__right{ gap:0; font-size:10px; letter-spacing:.16em; }
  .ops-header__left a,.ops-header__right a,
  .ops-header__left .ops-textbtn,.ops-header__right .ops-textbtn{ color:#1a1a1a; }

  
  .ops-gnav{ display:none; }

  
  footer.fs-l-footer{ padding:36px 20px 26px; }

  
  footer.fs-l-footer .ops-footer__cols{
    display:block;
    padding:0;
    border-bottom:none;
  }
  footer.fs-l-footer .ops-footer__logo{
    margin:0 0 24px;
    font-size:20px;
    letter-spacing:.14em;
  }
  footer.fs-l-footer .ops-footer__lead,
  footer.fs-l-footer .ops-footer__corp,
  footer.fs-l-footer .ops-footer__col{ display:none; }

  
  footer.fs-l-footer .ops-footer__sp{ display:block; }
  footer.fs-l-footer .ops-footer__splinks{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 20px;
    padding:0 0 24px;
    border-bottom:1px solid #2a2a2a;
  }
  footer.fs-l-footer .ops-footer__splinks a,
  footer.fs-l-footer .ops-footer__splinks a:visited{
    font-family:'Noto Sans JP',sans-serif;
    font-weight:300;
    font-size:12px;
    line-height:1.6;
    text-decoration:none;
    color:#9a9a9a;   /*🔴 :visited を併記しないと fs_theme.css の */
  }
  footer.fs-l-footer .ops-footer__splinks a:hover{ color:#f4f4f4; }

  footer.fs-l-footer .ops-footer__bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    padding:0;
  }
  footer.fs-l-footer .ops-footer__sns{
    flex-wrap:wrap;
    gap:18px;
    padding:20px 0;
  }
  footer.fs-l-footer .ops-footer__sns a,
  footer.fs-l-footer .ops-footer__sns a:visited{
    font-size:10.5px;
    letter-spacing:.16em;
  }
  
  footer.fs-l-footer .ops-footer__sns a.ops-hide-sp{ display:none; }
  footer.fs-l-footer .ops-footer__policy{
    flex-direction:row;
    flex-wrap:wrap;
    gap:12px;
    padding:0 0 14px;
  }
  footer.fs-l-footer .ops-footer__policy a,
  footer.fs-l-footer .ops-footer__policy a:visited{ font-size:10.5px; }

  footer.fs-l-footer .ops-footer__foot{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding:0;
  }
  footer.fs-l-footer .ops-footer__copy{
    font-size:10px;
    letter-spacing:.12em;
    color:#6a6a6a;
  }
}

/*
   deploy-14 ／ ① @ops_jewelry を6枠に（1A/3A）
   ② 購読CTAバンドを pageMain の外へ出したので指定を作り直す
   🔴 テーマ9オリジナルCSSの末尾に追記する（既存指定を後ろから上書きするため）
*/

/*🔴 div には `body.fs-body-top section.fs-l-pageMain div.xxx` の3点セットが必要。 */
body.fs-body-top section.fs-l-pageMain div.ops-insta{
  max-width:1200px;
  margin:110px auto 0;   
}
body.fs-body-top section.fs-l-pageMain div.ops-insta__head{
  max-width:none;
  margin:0 0 44px;
  text-align:center;
}
body.fs-body-top section.fs-l-pageMain div.ops-insta__eyebrow{
  max-width:none;
  margin:0 0 12px;
  font-family:'Jost',sans-serif;
  font-size:12px;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#8a8a8a;
}
.ops-insta__title{
  margin:0;
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-weight:300;
  font-size:40px;
  letter-spacing:.02em;
  line-height:1.2;
  color:#1a1a1a;
}
body.fs-body-top section.fs-l-pageMain div.ops-insta__grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
  max-width:none;
  margin:0;
}
.ops-insta__cell{
  display:block;
  aspect-ratio:1;
  overflow:hidden;
}
.ops-insta__cell img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/*
   🔴 なぜ移したか
   🔴 そのため既存の `body.fs-body-top section.fs-l-pageMain div.ops-cta…` 系は
*/
body.fs-body-top div.ops-cta{
  margin-top:96px;   
  padding:82px 56px;
  background:#1a1a1a;
  color:#f4f4f4;
}
body.fs-body-top div.ops-cta__inner{
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  gap:56px;
  align-items:center;
  max-width:1080px;
  margin:0 auto;
}
body.fs-body-top div.ops-cta__rule{
  height:100%;
  background:#3a3a3a;
}

@media screen and (max-width:767px){
  /*① スマホは3列×2段。3Aは見出しを「@ops_jewelry」だけにする */
  body.fs-body-top section.fs-l-pageMain div.ops-insta{
    margin:46px auto 0;
  }
  body.fs-body-top div.ops-cta{
    margin-top:46px;   
  }
  body.fs-body-top section.fs-l-pageMain div.ops-insta__head{
    margin:0 0 22px;
  }
  body.fs-body-top section.fs-l-pageMain div.ops-insta__eyebrow{
    display:none;
  }
  .ops-insta__title{
    font-weight:400;
    font-size:17px;
    letter-spacing:.18em;
    color:#5a5a5a;
  }
  body.fs-body-top section.fs-l-pageMain div.ops-insta__grid{
    grid-template-columns:repeat(3,1fr);
    gap:8px;
  }

  /*② CTAバンド */
  body.fs-body-top div.ops-cta{
    padding:46px 20px;
  }
  body.fs-body-top div.ops-cta__inner{
    grid-template-columns:1fr;
    gap:38px;
    max-width:none;
  }
  body.fs-body-top div.ops-cta__rule{
    height:1px;
  }
}

/*
   deploy-15 ／ 商品名のフォントをメニューと同じ Jost 始まりに揃える（PC・スマホ共通）
   🔴 テーマ9オリジナルCSSの末尾に追記する（同じセレクタを後ろから上書きするため）
*/

/*① トップの商品カルーセル（NEW ITEM 等）の商品名・キャッチコピー */
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productName__copy{
  font-family:'Jost','Noto Sans JP',sans-serif;
}
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productName__name{
  font-family:'Jost','Noto Sans JP',sans-serif;
}

/*② WEEKLY RANKING の商品名リンク */
body.fs-body-top .FS2_Recommend2_ranking_horizontal td a{
  font-family:'Jost','Noto Sans JP',sans-serif;
}

/*
   deploy-16 ／ 商品ページ：バリエーション見出しとカート投入ボタンの太字をやめる
   🔴 テーマ9オリジナルCSSの末尾に追記する（同じセレクタを後ろから上書きするため）
*/

.fs-c-variationList__item__title{
  font-weight:100;
}

.fs-c-variationCart__variationName__name{
  font-weight:100;
}

button.fs-c-button--addToCart--variation.fs-c-button--primary{
  font-weight:normal;
}

/* =========================================================================
   deploy-20 ／ テーマ9「試作中PC2026」— 商品名・コピー・価格のタイポグラフィ（B案）
   対象テーマ: 9 のみ（本番PCはテーマ7。触らない）

   決めたこと（2026-08-06 令子さん承認）
     方向性  = B案「余白を効かせた」＝小さく・細く・文字間と行間を広く
     コピー  = 一覧・カルーセルの日本語名は**非表示**／商品ページのH1では残す
     単位    = 文字間はすべて em。px固定（従来の 2px / 3px）はサイズを変えると比率が崩れる

   B案の原則
     英語名   Jost / 太さ300 / 大文字 / 文字間 .26em / 行間 1.9
     日本語名 Noto Sans JP / 太さ300 / 文字間 .14em / 行間 1.9（商品ページのみ）
     価格     Jost / 太さ300 / 文字間 .06em ← 数字は広げない（広げると不安定に見える）
     税込     Jost / 太さ400 / 文字間 .10em / #9a9a9a

   サイズ（PC）
                     日本語名   英語名   価格     税込
     一覧カード        非表示     11px    11.5px   8.5px
     トップのカルーセル 非表示     12px    12.5px   8.5px
     商品ページ        10.5px     20px    17px     8.5px

   🔴 直した既存の崩れ
     ・`span.fs-c-productNameHeading__name{line-height:4em}` ＝ 18pxの文字に行間72px。
       巨大な空白ができていたので 1.9 にする。
     ・一覧の英語名だけ `font-weight:500` で他は400。太さ300に統一する。
     ・「税込」の文字間が .064em〜.2em でばらばらだった。
   ========================================================================= */

/* ── 一覧カード（カテゴリ・検索結果・特集） ───────────────────────────── */

/* 日本語名は非表示。🔴 HTMLには残るので検索エンジンは読める（要素は消していない） */
h2.fs-c-productListItem__productName .fs-c-productName__copy,
.fs-c-productListItem__productName .fs-c-productName__copy{
  display:none;
}

h2.fs-c-productListItem__productName.fs-c-productName,
.fs-c-productListItem__productName{
  font-family:'Jost',sans-serif;
  font-size:11px;
  font-weight:300;
  letter-spacing:.26em;
  line-height:1.9;
  text-transform:uppercase;
}
h2.fs-c-productListItem__productName .fs-c-productName__name,
.fs-c-productListItem__productName .fs-c-productName__name{
  font-family:'Jost',sans-serif;
  font-size:11px;
  font-weight:300;
  letter-spacing:.26em;
  line-height:1.9;
  text-transform:uppercase;
}

.fs-c-productListItem__prices .fs-c-price__value,
.fs-c-productListItem__prices .fs-c-price__currencyMark{
  font-family:'Jost',sans-serif;
  font-size:11.5px;
  font-weight:300;
  letter-spacing:.06em;
  font-feature-settings:'tnum';
}
.fs-c-productListItem__prices .fs-c-productPrice__addon,
.fs-c-productListItem__prices .fs-c-productPrice__addon__label{
  font-family:'Jost',sans-serif;
  font-size:8.5px;
  font-weight:400;
  letter-spacing:.10em;
  color:#9a9a9a;
}

/* ── トップのカルーセル（2026デザイン） ─────────────────────────────── */
/* 🔴 既存の指定が `body.fs-body-top div.itemlist.fs-c-productListCarousel …`＝(0,3,3)
      なので、同じ形にして後ろに置いて勝たせる。 */
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productName__copy{
  display:none;
}
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productName__name{
  font-family:'Jost',sans-serif;
  font-size:12px;
  font-weight:300;
  letter-spacing:.26em;
  line-height:1.9;
  text-transform:uppercase;
}
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productPrice__main__price,
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-price__value,
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-price__currencyMark{
  font-family:'Jost',sans-serif;
  font-size:12.5px;
  font-weight:300;
  letter-spacing:.06em;
  font-feature-settings:'tnum';
}
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productPrice__addon,
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productPrice__addon__label{
  font-family:'Jost',sans-serif;
  font-size:8.5px;
  font-weight:400;
  letter-spacing:.10em;
  color:#9a9a9a;
}

/* ── 商品ページの見出し（H1） ───────────────────────────────────────── */
/* 日本語名はここだけ残す。英語名を主役にし、日本語名は上に小さく添える。 */
h1.fs-c-productNameHeading.fs-c-heading,
h2.fs-c-productNameHeading.fs-c-heading{
  font-family:'Jost','Noto Sans JP',sans-serif;
  font-weight:300;
  letter-spacing:.26em;
}
h1.fs-c-productNameHeading .fs-c-productNameHeading__copy,
h2.fs-c-productNameHeading .fs-c-productNameHeading__copy{
  display:block;
  font-family:'Noto Sans JP',sans-serif;
  font-size:10.5px;
  font-weight:300;
  letter-spacing:.14em;
  line-height:1.9;
  color:#6b6b6b;
}
h1.fs-c-productNameHeading span.fs-c-productNameHeading__name,
h2.fs-c-productNameHeading span.fs-c-productNameHeading__name,
span.fs-c-productNameHeading__name{
  display:block;
  font-family:'Jost',sans-serif;
  font-size:20px;
  font-weight:300;
  letter-spacing:.26em;
  /* 🔴 従来 4em（＝72px）。18pxの文字に行間72pxで巨大な空白ができていた */
  line-height:1.9;
  text-transform:uppercase;
  color:#1a1a1a;
}

/* ── 商品ページの価格 ─────────────────────────────────────────────── */
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price,
.fs-c-productPrices--productDetail .fs-c-price__value,
.fs-c-productPrices--productDetail .fs-c-price__currencyMark{
  font-family:'Jost',sans-serif;
  font-size:17px;
  font-weight:300;
  letter-spacing:.06em;
  font-feature-settings:'tnum';
}
.fs-c-productPrices--productDetail .fs-c-productPrice__addon,
.fs-c-productPrices--productDetail .fs-c-productPrice__addon__label,
.fs-c-productPrice__addon{
  font-family:'Jost',sans-serif;
  font-size:8.5px;
  font-weight:400;
  letter-spacing:.10em;
  color:#9a9a9a;
}

/* ── おすすめ・ランキングのウィジェット（JSが後から差し込む） ──────────── */
.fs-c-featuredProduct h2.fs-c-productListItem__productName,
div#fs-recommend--flick h3.fs-c-productListItem__productName,
.fr2-listItem__productName{
  font-family:'Jost',sans-serif;
  font-size:11px;
  font-weight:300;
  letter-spacing:.26em;
  line-height:1.9;
  text-transform:uppercase;
}
.fr2-listItem__productName .fs-c-productName__copy{ display:none; }
.fr2-listItem__productPrice.fr2-price,
body.fs-body-top .FS2_Recommend2_ranking_horizontal td a{
  font-family:'Jost',sans-serif;
  font-size:11.5px;
  font-weight:300;
  letter-spacing:.06em;
}

/* =========================================================================
   deploy-22 ／ テーマ9 — 商品ページの日本語名（H1内のコピー）を狙いの値にする
   対象テーマ: 9 のみ

   なぜ必要か
     deploy-20 で `h1.fs-c-productNameHeading .fs-c-productNameHeading__copy`＝(0,2,1)
     と書いたが、既存の
     `h1.fs-c-productNameHeading.fs-c-heading .fs-c-productNameHeading__copy`＝(0,3,1)
     に負けて **10px / letter-spacing:2px のまま**だった（実測で確認）。
     🔴 `.fs-c-heading` を足して同じ3クラスにし、後ろに置いて勝たせる。
     ※ スマホ（テーマ10）側は競合ルールが (0,1,0) だったので既に狙いどおり当たっている。

   狙い（B案）: Noto Sans JP / 10.5px / 太さ300 / 文字間 .14em / 行間 1.9
   ========================================================================= */

h1.fs-c-productNameHeading.fs-c-heading .fs-c-productNameHeading__copy,
h2.fs-c-productNameHeading.fs-c-heading .fs-c-productNameHeading__copy{
  display:block;
  font-family:'Noto Sans JP',sans-serif;
  font-size:10.5px;
  font-weight:300;
  letter-spacing:.14em;
  line-height:1.9;
  color:#6b6b6b;
}

/* =========================================================================
   deploy-24 ／ テーマ9「試作中PC2026」— JOURNAL の記事タイトルを12pxに
   対象テーマ: 9 のみ（本番PCはテーマ7。触らない）

   令子さん指示「journalのタイトルを12pxくらいに」。スマホ（deploy-23）と同じ値に揃える。
   太さは B案（deploy-20）に合わせて 400→300。

   🔴 既存は `body.fs-body-top .posts p.postTitle`＝(0,3,2) で 15px/400/.04em/1.7。
      同じ形にして後ろに置いて勝たせる。
   ※ お知らせフィード側の `ul.wp-post > li a p` は 13.5px のまま。
      揃えるかは見た目を確認してから判断する。
   ========================================================================= */

body.fs-body-top .posts p.postTitle{
  font-size:12px;
  font-weight:300;
  letter-spacing:.06em;
  line-height:1.8;
}

/* =========================================================================
   deploy-26 ／ 一覧カード・カルーセルの商品名を10pxに、価格をそれより小さくする
   対象テーマ: 9（PC）と 10（スマホ）の両方。本番テーマ7・2には触らない。

   令子さん指示（2026-08-06）
     「商品名を 10px にしてください／価格はそれよりも小さく」

   deploy-20/21（B案）では 商品名11px・価格11.5px で**価格のほうが大きかった**。
   商品名を主役にして価格を従にする。

                    変更前            変更後
     一覧カード      名11px 価11.5px   名10px 価9px 税込8px
     カルーセル      名12px 価12.5px   名10px 価9px 税込8px

   🔴 商品ページのH1は対象外。英語名18〜20px／価格16〜17pxで、
      すでに「価格＜商品名」の関係になっているため。

   🔴 テーマ10には `h2.fs-c-productListItem__productName{font-size:9px !important}` があり、
      deploy-21 も `!important` で当てている。よってここでも `!important` が必要。
      テーマ9側は競合に `!important` は無いが、同じファイルを両テーマに入れるため揃えている。
   ========================================================================= */

/* ── 一覧カード ─────────────────────────────────────────────────────── */
h2.fs-c-productListItem__productName,
h2.fs-c-productListItem__productName.fs-c-productName,
.fs-c-productListItem__productName,
.fr2-listItem__productName{
  font-size:10px !important;
  font-weight:300;
  letter-spacing:.26em;
  line-height:1.9;
}
h2.fs-c-productListItem__productName .fs-c-productName__name,
.fs-c-productListItem__productName .fs-c-productName__name{
  font-size:10px;
  font-weight:300;
  letter-spacing:.26em;
  line-height:1.9;
}

.fs-c-productListItem__prices .fs-c-price__value,
.fs-c-productListItem__prices .fs-c-price__currencyMark,
.fr2-listItem__productPrice.fr2-price{
  font-size:9px;
  font-weight:300;
  letter-spacing:.06em;
}
.fs-c-productListItem__prices .fs-c-productPrice__addon,
.fs-c-productListItem__prices .fs-c-productPrice__addon__label{
  font-size:8px;
  font-weight:400;
  letter-spacing:.10em;
  color:#9a9a9a;
}

/* ── トップのカルーセル ────────────────────────────────────────────────
   🔴 既存は `body.fs-body-top div.itemlist.fs-c-productListCarousel …`＝(0,3,3)。
      同じ形にして後ろに置いて勝たせる。 */
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productName__name{
  font-size:10px;
  font-weight:300;
  letter-spacing:.26em;
  line-height:1.9;
}
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productPrice__main__price,
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-price__value,
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-price__currencyMark{
  font-size:9px;
  font-weight:300;
  letter-spacing:.06em;
}
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productPrice__addon,
body.fs-body-top div.itemlist.fs-c-productListCarousel .fs-c-productPrice__addon__label{
  font-size:8px;
  font-weight:400;
  letter-spacing:.10em;
  color:#9a9a9a;
}

/* ── おすすめ・ランキングのウィジェット ─────────────────────────────── */
.fs-c-featuredProduct h2.fs-c-productListItem__productName,
div#fs-recommend--flick h3.fs-c-productListItem__productName,
body .FS2_Recommend2_ranking_horizontal td a{
  font-size:10px;
  font-weight:300;
  letter-spacing:.26em;
  line-height:1.9;
}

/* =========================================================================
   deploy-27 ／ カートの数字を黒丸白数字に ＋ お知らせの記事タイトルを11.5pxに
   対象テーマ: 9（PC）と 10（スマホ）の両方。本番テーマ7・2には触らない。

   令子さん指示（2026-08-06）
     「カートの数字を黒丸白数字に」「お知らせの記事タイトルフォントサイズを 11.5pxに」

   ① カートのバッジ
      現状 スマホ: オレンジ #e25b33 の丸 ＋ **黒い数字**（15×15px）
           PC    : オレンジ #e25b33 の丸 ＋ 白い数字（13×15px）
      → 両方とも **#1a1a1a の黒丸＋白数字**に統一する。

      🔴 PCでは親の <a> に `position:relative` が無く、バッジの
         `position:absolute` が **ページ全体を基準にしていた**（実測 left:1424.9px
         ＝1440px幅の右端）。アイコンの上ではなくページの右上隅に浮いていた。
         親に `position:relative` を付けて、アイコンの右上に載せる。
         `:has()` で「カート数字を直下に持つ <a>」だけを狙う（クラス名が無いため）。

      🔴 `left` と `right` が両方指定されていて幅が引き伸ばされていた（スマホ left:-0.98px）。
         `left:auto` にして、`min-width` と `padding` で形を決める。
         1桁＝15pxの正円、2桁以上＝横長の丸（カプセル）になる。

   ② お知らせフィードの記事タイトル
      13.5px → 11.5px。太さ300・文字間は現状のまま。
      ※ JOURNAL の記事タイトル（`p.postTitle`）は deploy-23/24 で12px。別物。
   ========================================================================= */

/* ── ① カートのバッジ ───────────────────────────────────────────────── */

/* 🔴 親を基準にする。これが無いとPCでページ右上に飛ぶ。 */
a:has(> span.fs-p-cartItemNumber){
  position:relative;
}

span.fs-p-cartItemNumber,
.fs-p-cartItemNumber{
  position:absolute;
  top:2px;
  right:2px;
  left:auto;          /* 🔴 left と right の両指定で幅が伸びていたのを止める */
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:15px;
  height:15px;
  padding:0 4px;
  margin:0;
  border-radius:999px;   /* 1桁＝正円 / 2桁＝カプセル */
  background:#1a1a1a;
  color:#ffffff;
  font-family:'Jost',sans-serif;
  font-size:9px;
  font-weight:400;
  letter-spacing:0;      /* 文字間があると1桁が中心からずれる */
  line-height:1;
}

/* ── ② お知らせフィードの記事タイトル ─────────────────────────────────
   🔴 既存は `body.fs-body-top ul.wp-post > li a p`＝(0,2,4)。同じ形で後ろに置く。 */
body.fs-body-top ul.wp-post > li a p{
  font-size:11.5px;
}

/* =========================================================================
   deploy-28 ／ カートバッジの数字を白にする（詳細度の当て直し）
   対象テーマ: 9（PC）と 10（スマホ）の両方

   なにが起きたか
     deploy-27 で `span.fs-p-cartItemNumber`＝(0,1,1) に
     `background:#1a1a1a; color:#ffffff; font-size:9px` を書いた。
     ところがテーマ10のヘッダーCSS（deploy-17）に
       header.fs-l-header .fs-p-cartItemNumber{ font-size:10px; color:#1a1a1a; margin-left:3px }
     ＝(0,2,1) があり、**背景だけ当たって文字色が当たらず、
     黒丸に黒い数字＝見えない**状態になっていた（スマホで実測）。
     背景は deploy-17 が指定していないので当たっていた、という食い違い。

   🔴 教訓（§28にも同じことを書いた）: 投入後に必ず getComputedStyle で
      「狙いの値になっているか」を1件ずつ確認する。今回は「背景は変わったのに
      文字色だけ変わらない」という部分適用だったので、色を見ていなければ気づけなかった。

   直し方: `body header.fs-l-header .fs-p-cartItemNumber`＝(0,2,2) で上から当てる。
   ========================================================================= */

body header.fs-l-header span.fs-p-cartItemNumber,
body header.fs-l-header .fs-p-cartItemNumber,
body span.fs-p-cartItemNumber{
  color:#ffffff;
  font-size:9px;
  letter-spacing:0;
  margin:0;
}