
/************************************************************






2022/11/07以降、このCSSは触らないこと！
CSSを追加する場合は、パーツ機能にCSSを記載し、レイアウト機能から必要なページにCSSを割り当てること！






*************************************************************/
.hide-tag{
display:none;
}
/************************************************************
現在登録されている商品はありませんの文言を非表示
*************************************************************/
.fs-body-category-goods .fs-c-noResultMessage {
    display: none;
}
.fs-body-category-books .fs-c-noResultMessage {
    display: none;
}
.fs-body-category-jihishuppan .fs-c-noResultMessage {
    display: none;
}
.fs-body-category-sale .fs-c-noResultMessage {
    display: none;
}
/*↓テスト終了後消す*/
.fs-body-category-test .fs-c-noResultMessage {
    display: none;
}
/*↓テスト終了後消す*/
.fs-body-category-test2 .fs-c-noResultMessage {
    display: none;
}

/************************************************************
	 PC、スマホで画像切り替え(2021/8/26)
<img class="pc" src="../img/forPc.png" alt="パソコン用の画像">
<img class="sp" src="../img/forSp.png" alt="スマートフォン用の画像">
*************************************************************/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
/************************************************************
	 定期購入ページのリンク文字(2021/8/25)
*************************************************************/
a.teiki:link {
text-decoration : underline;
color : #ff7f50;
}
a.teiki:visited {
text-decoration : underline;
color : #ff7f50;
}
a.teiki:active {
text-decoration : underline;
color : #ff7f50;
}
a.teiki:hover {
text-decoration : underline;
color : #ff7f50;
}
/************************************************************
	 定期購入ページ　タイトルバー(2021/8/25)
*************************************************************/
.teiki-documentArticle__heading {
    background: #e4a679;
    color: #664528;
    font-size: 2.4rem;
    font-weight: 400;
    margin: 0 0 16px;
    padding: 4px 8px;
    text-align: center;
}
/************************************************************
	 一回のみ購入するボタン(2021/8/22)
*************************************************************/
.cart_button {
    color: #fff;
    font-size: 1.6rem;
}
/************************************************************
	 定期購入する・一回のみ購入するボタン(2021/8/22)
*************************************************************/
.teikicart_button {
    background: #38b48b;
    color: #fff;
    font-size: 1.6rem;
}
/************************************************************
	 商品価格 パーツ（定期）を非表示に
*************************************************************/
.fs-c-subscriptionPriceTable__label, .fs-c-subscriptionPriceTable__price {
display:none
}
/************************************************************
	定期販売のマークの色（商品グループページ）
*************************************************************/
.fs-c-mark--subscription {
    background: orange;
    color: #fff;
}
/************************************************************
ショッピングカート（書籍のみ（レターパック）の場合は送料無料です）の上を詰める
*************************************************************/
.fs-c-cartDiscountInfo {
    margin-bottom: 2px;
}
.fs-p-announcement {
    margin-top: 10px;
}
.fs-body-cart .fs-l-cart__contentsArea {
    margin-bottom: 2px;
}
/************************************************************
	バナー画像の下にボーダーライン
*************************************************************/

.border_line {
    border-bottom: 2px solid #6ba9af;
}
/************************************************************
	各ページの見出しのうえの空間を狭く
*************************************************************/
.fs-c-heading--page {
    padding: 1.0em 0;
}

.fs-l-main {
    padding: 5px;
}

/************************************************************
	定期購入ページ内　よくああるご質問
*************************************************************/
.faq {
  margin-bottom: 30px; /* 各Q&Aの下に余白 */
}

.faq__dt, .faq__dd {
  position: relative;
  padding-left: 30px;
}

.faq__dt::before, .faq__dd::before {
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.faq__dt {
  font-weight: bold; /* 質問文は太字 */
  border-bottom: 1px solid #999;
  margin-bottom: 4px; /* 下にちょい余白 */
}

.faq__dt::before {
  content: 'Q.';
  color: #a4d5bd; /* 「Q」の文字色 */
}

.faq__dd::before {
  content: 'A.';
  color: #ff3333; /* 「A」の文字色 */
}

/************************************************************
	デバイスによって左に寄るカラム内の画像、文字を中央に
*************************************************************/
.fs-pt-column > *:nth-child(1) {
    margin: 0 auto;
}
.fs-pt-column > *:nth-child(2) {
    margin: 0 auto;
}
.fs-pt-column > *:nth-child(3) {
    margin: 0 auto;
}
.fs-pt-column > *:nth-child(4) {
    margin: 0 auto;
}
.fs-pt-column {
    text-align: center;
}
/************************************************************
	バーガーメニュー（表示・非表示）
*************************************************************/

/* 横幅769px以上でバーガーメニュー非表示 */
@media screen and (min-width: 769px) {
    .fs-p-drawerButton {
        display: none;
    }
}
/* 左メニューを非表示 */
@media screen and (min-width: 1200px) {
  .fs-l-sideArea {
    max-width: initial;
    box-shadow: 1px 1px 5px #b2b2b2;
    position: fixed;
    transform: translateX(-101%)
  }
  .fs-l-sideArea + .fs-l-pageMain {
    max-width: 1216px;
  }
}

/************************************************************
	新ヘッダーナビゲーション（ドロップダウン）
*************************************************************/
/* パソコン　スマホの切り替え */
.pc-dsp {
display:block;
background: #8a9b0f;/*両脇のはみ出し部分にメニューと同じ背景色*/
}
.sp-dsp { display: none; }

/* 画面幅768px未満の場合*/
@media only screen and (max-width : 768px){
.pc-dsp { display:none; }
.sp-dsp {
display:block;
background: #8a9b0f;/*両脇のはみ出し部分にメニューと同じ背景色*/
}
}

#dropmenu{
  list-style-type: none;
  max-width: 1200px;
  width: 100%;
  height: 40px;
  margin: auto;
  padding: 0;
  background: #8a9b0f;
  border-bottom: 5px solid #535d09;
  border-radius: 3px 3px 0 0;
}
#dropmenu li{
  position: relative;
  width: 14%;/*100%を7つのメニューで割る*/
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #6e7c0c;
  color: #eff7b1;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
  z-index: 100;  /*前面に表示*/
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #6e7c0c;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}


/************************************************************
	全体のリンクの色（2021/3/19）

a:link{
  color: #948388;
  text-decoration:none;
}
a:visited{
  color: #948388;
  text-decoration:none;
}
a:hover{
  color: #948388;
  text-decoration:underline;
}
a:active{
  color: #948388;
  text-decoration:none;
}
*************************************************************/
/************************************************************
	てつがくカードページ用ボタン（2021/3/12）
*************************************************************/
.btn {
    background-color: #c00;
    padding: 10px;
    border-radius: 10px;
    color: white;
    display: inline-block;
}
a.btn {
    text-decoration: none;
    font-size:1.4rem;
    color: white;
}
a.btn:hover, 
a.btn:active, 
a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active {
  color: white;
}

/************************************************************
	会社概要のレスポンシブなグーグルマップ（2021/3/5）
*************************************************************/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


/************************************************************
	会社概要のテーブル（2021/3/5）
*************************************************************/
.kaisha {
width: 100%;
}

.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 20px;
}

.kaisha th {
font-weight: bold;
background-color: #dedede; 
}

@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {display:block;}
.kaisha th {width:auto;}
}

/************************************************************
	見出しh2の背景色変更（2021/3/3）
*************************************************************/
.fs-c-documentArticle__heading {
     background:#e4a679;
}

/************************************************************
	ご利用ガイド3カラム横並び（2021/3/2）
*************************************************************/
/* カードレイアウト部分をラッピングし、
Flexboxを指定"space-between"で各アイテムを均等に配置し、
最初と最後のアイテムを端に寄せます。*/
#cardlayout-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 2em auto;
    max-width: 960px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
/* リンクテキストの下線を非表示 */
a.card-link {
    text-decoration: none;
}
.card-figure {
    margin: 0;
    padding: 0;
}

/* カードレイアウトのタイトル部分 */
.card-title {
    margin: 2em 0 0;
    color: #333;
    text-align: center;
    font-size: 1.9rem;
}

/* カードレイアウトの説明文部分 */
.card-text-tax {
    margin: 0;
    padding: 1.0rem;
    font-size: 1.6rem;
    color: #818181;
    text-align: center;
}

/* カードレイアウトを1カラムで配置 */
.card-list {
    margin: 1.0rem auto;
    padding: 0;
    width: 92%;
    border: solid 1px #808080;
}

/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 768px) {
    .card-list {
        margin: 1.0rem 0;
        width: calc(92% / 2); /* 96%幅を2で割るという指定 */
    }
}

/* 画面幅992px以上の場合カードレイアウトを3カラムで配置 */
@media all and (min-width: 992px) {
    .card-list {
        width: calc(92% / 3); /* 96%幅を3で割るという指定 */
}
    
/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
    #cardlayout-wrap::after{
        content: "";
        display: block;
        width: calc(92% / 3);
    }
}
/*詳細はこちらボタン*/
P.blocktext {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    color: #ffffff;
    width: 18rem;
}

/* 詳細はこちらの後にマーク　※使用しない
.blocktext a:after {
　　padding:0rem;
   content: url(https://orders.itembox.design/item/baseline_arrow_right_white_18dp.png?t=20230110184720);
}*/

.btn_a {
display:block;
max-width: 18rem;
background-color: #E3C792;
text-decoration: none;
color:#fff;
font-size: 1.6rem;
/*font-weight: bold;*/
padding:0.3rem;
text-align: center;
border-radius: 0.4rem;
transition: .4s;
}
a.btn_a:active, 
a.btn_a:link,
a.btn_a:visited,
a.btn_a:active {
  color: white;
}
a.btn_a:hover {
background-color: #ffffff;
border: solid 1px #E3C792;
outline-offset: -1px;
text-decoration: none;
color: #000000;
}


/************************************************************
	全体のフォント（2021/1/29）
*************************************************************/
body {
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-size: 1.8rem;
}
/************************************************************
	商品名のフォントサイズ（2021/1/29,2/21）
*************************************************************/
.fs-c-productNameHeading__copy {
    font-size: 1.6rem;
}
.fs-c-productNameHeading {
    font-size: 2.2rem;
 }
.fs-c-productListItem__productName {
    font-size: 1.8rem;
    margin: 8px 0;
}
h2 {
    font-weight: 700;
    line-height: 1.2;
}

/************************************************************
	商品グループページ　ラベル・コメント非表示（2021/1/29）
*************************************************************/

.fs-c-subgroupList__label {
display: none;
}
.fs-c-subgroupList__comment {
display: none;
}
/************************************************************
	商品詳細ページ　タブ機能
*************************************************************/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 5rem;
  padding-bottom: 4rem;
  width: 100%;
  max-width:1200px;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
    width: calc(60%/3);
    height: 5rem;
    background: #f5f5f5;
    line-height: 5rem;
    font-size: 1.8rem;
    text-align: center;
    color: #333;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
	margin: 0 0.5%!important;
    border-color: #CCC;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    box-sizing: border-box;
}
.tab_item:hover {
  opacity: 0.75;
}
	@media only screen and (max-width: 767px){
		.tab_item {
			width: calc(100%/3 - 1rem);
			height: 3rem;
			line-height: 3rem;
			font-size: 1.2rem;
		}
	}
	@media only screen and (max-width: 350px){
		.tab_item {
			font-size: 1rem;
		}
	}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 4rem 2rem 0;
	clear: both;
	overflow: hidden;
    border-top: 1px solid #CCC;
}
	@media only screen and (max-width: 767px){
		.tab_content {
			padding: 3rem 1.5rem 0;
		}
	}


/*選択されているタブのコンテンツのみを表示*/
#explain:checked ~ #explain_content,
#detail:checked ~ #detail_content,
#note:checked ~ #note_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
    background: #FFF;
}

/*タブコンテンツ*/
.tab_content_description {
	font-size:1.8rem;
	line-height: 1.6;
}
.tab_content_description table {
	width:100%;
}
.tab_content_description table {
	width:100%;
}
.tab_content_description table th,
.tab_content_description table td {
	padding:1rem;
}
.tab_content_description table th {
	color:#669933;
	font-weight:bold;
}
.tab_content_description table td {
}

/************************************************************
		トップページ　コラムの見出し（2020/3/23）
*************************************************************/
	.fs-p-heading--lv2 {
		font-family:游ゴシック;
		text-align:center;
		font-size:1.2rem;
		margin-bottom:4rem;
		font-weight:bold;
		letter-spacing: 2px;
		border-bottom: none;
	}
	.fs-p-heading--lv2 span {
		font-family:Yu Gothic;
		font-weight:normal;
		display:block;
		font-size: 4rem;
		letter-spacing: 4px;
	}
	.fs-p-heading--lv2 span:after {
		content:"";
		width:100px;
		display:block;
		margin:0 auto 0.5rem;
		border-bottom:1px solid #333;
	}
		@media only screen and (max-width: 999px) {
			.fs-p-heading--lv2 span {
				font-size: 3rem;
			}
		}
		@media only screen and (max-width: 767px){
			.fs-p-heading--lv2 {
				font-size:1rem;
				margin-bottom:2rem;
			}
			.fs-p-heading--lv2 span {
				font-size: 2.6rem;
			}
		}
/************************************************************
　　　トップページ　お知らせ・イベント情報ボタン（2020/3/26）
*************************************************************/
.oshirase {
    /* 文字サイズを1.0emに指定 */
    font-size: 1.0em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に2px、
     * 横方向に2pxの余白を指定 */
    padding: 2px 2px;

    /* 背景色を濃い朱色に指定 */
    background-color: #cc3300;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* 角丸の指定 */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 5px;
}
.event {
    /* 文字サイズを1.0emに指定 */
    font-size: 1.0em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に2px、
     * 横方向に2pxの余白を指定 */
    padding: 2px 2px;

    /* 背景色を濃い水色に指定 */
    background-color: #6633cc;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* 角丸の指定 */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 5px;
}

/************************************************************
　　商品詳細ページ　書籍の送料設定[送料込]を非表示に（2020/5/29）
*************************************************************/
.fs-c-productPostage{
	display :none;
}

/************************************************************
　　商品詳細ページ　パーツの下にマージン（2020/8/22）
*************************************************************/

.margin_bottom{
margin-bottom: 8px;
}

/************************************************************
　　商品詳細ページ　商品名の上のキャッチコピーの文字色指定（2020/9/23）
*************************************************************/
.fs-c-productNameHeading__copy{
/* display: none;*/
color:red;
}




/************************************************************
　　商品グループページ　商品名の上のキャッチコピーの文字色指定（2020/9/23）
*************************************************************/
.fs-c-productName__copy{
/* display: none;*/
color:red;
}

/************************************************************
　　「商品一覧」画面（4列表示）（2020/11/20）
*************************************************************/
@media screen and (min-width: 960px) {
  .fs-c-productList__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 25% 25% 25% 25%;
  }
  .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: 4;
    grid-column: 4;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .fs-c-productList__list > *:nth-child(5) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-c-productList__list > *:nth-child(6) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-c-productList__list > *:nth-child(7) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-c-productList__list > *:nth-child(8) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-c-productList__list > *:nth-child(9) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-c-productList__list > *:nth-child(10) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-c-productList__list > *:nth-child(11) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-c-productList__list > *:nth-child(12) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-c-productList__list > *:nth-child(13) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .fs-c-productList__list > *:nth-child(14) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .fs-c-productList__list > *:nth-child(15) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .fs-c-productList__list > *:nth-child(16) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .fs-c-productList__list > *:nth-child(17) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 5;
    grid-row: 5;
  }
  .fs-c-productList__list > *:nth-child(18) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 5;
    grid-row: 5;
  }
  .fs-c-productList__list > *:nth-child(19) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 5;
    grid-row: 5;
  }
  .fs-c-productList__list > *:nth-child(20) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 5;
    grid-row: 5;
  }
  .fs-c-productList__list > *:nth-child(21) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 6;
    grid-row: 6;
  }
  .fs-c-productList__list > *:nth-child(22) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 6;
    grid-row: 6;
  }
  .fs-c-productList__list > *:nth-child(23) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 6;
    grid-row: 6;
  }
  .fs-c-productList__list > *:nth-child(24) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 6;
    grid-row: 6;
  }
  .fs-c-productList__list > *:nth-child(25) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 7;
    grid-row: 7;
  }
  .fs-c-productList__list > *:nth-child(26) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 7;
    grid-row: 7;
  }
  .fs-c-productList__list > *:nth-child(27) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 7;
    grid-row: 7;
  }
  .fs-c-productList__list > *:nth-child(28) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 7;
    grid-row: 7;
  }
  .fs-c-productList__list > *:nth-child(29) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 8;
    grid-row: 8;
  }
  .fs-c-productList__list > *:nth-child(30) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 8;
    grid-row: 8;
  }
  .fs-c-productList__list > *:nth-child(31) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 8;
    grid-row: 8;
  }
  .fs-c-productList__list > *:nth-child(32) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 8;
    grid-row: 8;
  }
  .fs-c-productList__list > *:nth-child(33) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 9;
    grid-row: 9;
  }
  .fs-c-productList__list > *:nth-child(34) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 9;
    grid-row: 9;
  }
  .fs-c-productList__list > *:nth-child(35) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 9;
    grid-row: 9;
  }
  .fs-c-productList__list > *:nth-child(36) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 9;
    grid-row: 9;
  }
  .fs-c-productList__list > *:nth-child(37) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 10;
    grid-row: 10;
  }
  .fs-c-productList__list > *:nth-child(38) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 10;
    grid-row: 10;
  }
  .fs-c-productList__list > *:nth-child(39) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 10;
    grid-row: 10;
  }
  .fs-c-productList__list > *:nth-child(40) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 10;
    grid-row: 10;
  }
  .fs-c-productList__list > *:nth-child(41) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 11;
    grid-row: 11;
  }
  .fs-c-productList__list > *:nth-child(42) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 11;
    grid-row: 11;
  }
  .fs-c-productList__list > *:nth-child(43) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 11;
    grid-row: 11;
  }
  .fs-c-productList__list > *:nth-child(44) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 11;
    grid-row: 11;
  }
  .fs-c-productList__list > *:nth-child(45) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 12;
    grid-row: 12;
  }
  .fs-c-productList__list > *:nth-child(46) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 12;
    grid-row: 12;
  }
  .fs-c-productList__list > *:nth-child(47) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 12;
    grid-row: 12;
  }
  .fs-c-productList__list > *:nth-child(48) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 12;
    grid-row: 12;
  }
  .fs-c-productList__list > *:nth-child(49) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 13;
    grid-row: 13;
  }
  .fs-c-productList__list > *:nth-child(50) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 13;
    grid-row: 13;
  }
  .fs-c-productList__list > *:nth-child(51) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 13;
    grid-row: 13;
  }
  .fs-c-productList__list > *:nth-child(52) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 13;
    grid-row: 13;
  }
  .fs-c-productList__list > *:nth-child(53) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 14;
    grid-row: 14;
  }
  .fs-c-productList__list > *:nth-child(54) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 14;
    grid-row: 14;
  }
  .fs-c-productList__list > *:nth-child(55) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 14;
    grid-row: 14;
  }
  .fs-c-productList__list > *:nth-child(56) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 14;
    grid-row: 14;
  }
  .fs-c-productList__list > *:nth-child(57) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 15;
    grid-row: 15;
  }
  .fs-c-productList__list > *:nth-child(58) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 15;
    grid-row: 15;
  }
  .fs-c-productList__list > *:nth-child(59) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 15;
    grid-row: 15;
  }
  .fs-c-productList__list > *:nth-child(60) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 15;
    grid-row: 15;
  }
  .fs-c-productList__list > *:nth-child(61) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 16;
    grid-row: 16;
  }
  .fs-c-productList__list > *:nth-child(62) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 16;
    grid-row: 16;
  }
  .fs-c-productList__list > *:nth-child(63) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 16;
    grid-row: 16;
  }
  .fs-c-productList__list > *:nth-child(64) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 16;
    grid-row: 16;
  }
  .fs-c-productList__list > *:nth-child(65) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 17;
    grid-row: 17;
  }
  .fs-c-productList__list > *:nth-child(66) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 17;
    grid-row: 17;
  }
  .fs-c-productList__list > *:nth-child(67) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 17;
    grid-row: 17;
  }
  .fs-c-productList__list > *:nth-child(68) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 17;
    grid-row: 17;
  }
  .fs-c-productList__list > *:nth-child(69) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 18;
    grid-row: 18;
  }
  .fs-c-productList__list > *:nth-child(70) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 18;
    grid-row: 18;
  }
  .fs-c-productList__list > *:nth-child(71) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 18;
    grid-row: 18;
  }
  .fs-c-productList__list > *:nth-child(72) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 18;
    grid-row: 18;
  }
  .fs-c-productList__list > *:nth-child(73) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 19;
    grid-row: 19;
  }
  .fs-c-productList__list > *:nth-child(74) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 19;
    grid-row: 19;
  }
  .fs-c-productList__list > *:nth-child(75) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 19;
    grid-row: 19;
  }
  .fs-c-productList__list > *:nth-child(76) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 19;
    grid-row: 19;
  }
  .fs-c-productList__list > *:nth-child(77) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 20;
    grid-row: 20;
  }
  .fs-c-productList__list > *:nth-child(78) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 20;
    grid-row: 20;
  }
  .fs-c-productList__list > *:nth-child(79) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 20;
    grid-row: 20;
  }
  .fs-c-productList__list > *:nth-child(80) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 20;
    grid-row: 20;
  }
  .fs-c-productList__list > *:nth-child(81) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 21;
    grid-row: 21;
  }
  .fs-c-productList__list > *:nth-child(82) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 21;
    grid-row: 21;
  }
  .fs-c-productList__list > *:nth-child(83) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 21;
    grid-row: 21;
  }
  .fs-c-productList__list > *:nth-child(84) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 21;
    grid-row: 21;
  }
  .fs-c-productList__list > *:nth-child(85) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 22;
    grid-row: 22;
  }
  .fs-c-productList__list > *:nth-child(86) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 22;
    grid-row: 22;
  }
  .fs-c-productList__list > *:nth-child(87) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 22;
    grid-row: 22;
  }
  .fs-c-productList__list > *:nth-child(88) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 22;
    grid-row: 22;
  }
  .fs-c-productList__list > *:nth-child(89) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 23;
    grid-row: 23;
  }
  .fs-c-productList__list > *:nth-child(90) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 23;
    grid-row: 23;
  }
  .fs-c-productList__list > *:nth-child(91) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 23;
    grid-row: 23;
  }
  .fs-c-productList__list > *:nth-child(92) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 23;
    grid-row: 23;
  }
  .fs-c-productList__list > *:nth-child(93) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 24;
    grid-row: 24;
  }
  .fs-c-productList__list > *:nth-child(94) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 24;
    grid-row: 24;
  }
  .fs-c-productList__list > *:nth-child(95) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 24;
    grid-row: 24;
  }
  .fs-c-productList__list > *:nth-child(96) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 24;
    grid-row: 24;
  }
  .fs-c-productList__list > *:nth-child(97) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 25;
    grid-row: 25;
  }
  .fs-c-productList__list > *:nth-child(98) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 25;
    grid-row: 25;
  }
  .fs-c-productList__list > *:nth-child(99) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 25;
    grid-row: 25;
  }
  .fs-c-productList__list > *:nth-child(100) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 25;
    grid-row: 25;
  }
  .fs-c-productList__list > *:nth-child(101) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 26;
    grid-row: 26;
  }
  .fs-c-productList__list > *:nth-child(102) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 26;
    grid-row: 26;
  }
  .fs-c-productList__list > *:nth-child(103) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 26;
    grid-row: 26;
  }
  .fs-c-productList__list > *:nth-child(104) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 26;
    grid-row: 26;
  }
  .fs-c-productList__list > *:nth-child(105) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 27;
    grid-row: 27;
  }
  .fs-c-productList__list > *:nth-child(106) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 27;
    grid-row: 27;
  }
  .fs-c-productList__list > *:nth-child(107) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 27;
    grid-row: 27;
  }
  .fs-c-productList__list > *:nth-child(108) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 27;
    grid-row: 27;
  }
  .fs-c-productList__list > *:nth-child(109) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 28;
    grid-row: 28;
  }
  .fs-c-productList__list > *:nth-child(110) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 28;
    grid-row: 28;
  }
  .fs-c-productList__list > *:nth-child(111) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 28;
    grid-row: 28;
  }
  .fs-c-productList__list > *:nth-child(112) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 28;
    grid-row: 28;
  }
  .fs-c-productList__list > *:nth-child(113) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 29;
    grid-row: 29;
  }
  .fs-c-productList__list > *:nth-child(114) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 29;
    grid-row: 29;
  }
  .fs-c-productList__list > *:nth-child(115) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 29;
    grid-row: 29;
  }
  .fs-c-productList__list > *:nth-child(116) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 29;
    grid-row: 29;
  }
  .fs-c-productList__list > *:nth-child(117) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 30;
    grid-row: 30;
  }
  .fs-c-productList__list > *:nth-child(118) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 30;
    grid-row: 30;
  }
  .fs-c-productList__list > *:nth-child(119) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 30;
    grid-row: 30;
  }
  .fs-c-productList__list > *:nth-child(120) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 30;
    grid-row: 30;
  }
  .fs-c-productList__list > *:nth-child(121) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 31;
    grid-row: 31;
  }
  .fs-c-productList__list > *:nth-child(122) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 31;
    grid-row: 31;
  }
  .fs-c-productList__list > *:nth-child(123) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 31;
    grid-row: 31;
  }
  .fs-c-productList__list > *:nth-child(124) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 31;
    grid-row: 31;
  }
  .fs-c-productList__list > *:nth-child(125) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 32;
    grid-row: 32;
  }
  .fs-c-productList__list > *:nth-child(126) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 32;
    grid-row: 32;
  }
  .fs-c-productList__list > *:nth-child(127) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 32;
    grid-row: 32;
  }
  .fs-c-productList__list > *:nth-child(128) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 32;
    grid-row: 32;
  }
  .fs-c-productList__list > *:nth-child(129) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 33;
    grid-row: 33;
  }
  .fs-c-productList__list > *:nth-child(130) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 33;
    grid-row: 33;
  }
  .fs-c-productList__list > *:nth-child(131) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 33;
    grid-row: 33;
  }
  .fs-c-productList__list > *:nth-child(132) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 33;
    grid-row: 33;
  }
  .fs-c-productList__list > *:nth-child(133) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 34;
    grid-row: 34;
  }
  .fs-c-productList__list > *:nth-child(134) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 34;
    grid-row: 34;
  }
  .fs-c-productList__list > *:nth-child(135) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 34;
    grid-row: 34;
  }
  .fs-c-productList__list > *:nth-child(136) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 34;
    grid-row: 34;
  }
  .fs-c-productList__list > *:nth-child(137) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 35;
    grid-row: 35;
  }
  .fs-c-productList__list > *:nth-child(138) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 35;
    grid-row: 35;
  }
  .fs-c-productList__list > *:nth-child(139) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 35;
    grid-row: 35;
  }
  .fs-c-productList__list > *:nth-child(140) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 35;
    grid-row: 35;
  }
  .fs-c-productList__list > *:nth-child(141) {
    -ms-grid-column: 1;

    grid-column: 1;
    -ms-grid-row: 36;
    grid-row: 36;
  }
  .fs-c-productList__list > *:nth-child(142) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 36;
    grid-row: 36;
  }
  .fs-c-productList__list > *:nth-child(143) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 36;
    grid-row: 36;
  }
  .fs-c-productList__list > *:nth-child(144) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 36;
    grid-row: 36;
  }
  .fs-c-productList__list > *:nth-child(145) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 37;
    grid-row: 37;
  }
  .fs-c-productList__list > *:nth-child(146) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 37;
    grid-row: 37;
  }
  .fs-c-productList__list > *:nth-child(147) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 37;
    grid-row: 37;
  }
  .fs-c-productList__list > *:nth-child(148) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 37;
    grid-row: 37;
  }
  .fs-c-productList__list > *:nth-child(149) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 38;
    grid-row: 38;
  }
  .fs-c-productList__list > *:nth-child(150) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 38;
    grid-row: 38;
  }
  .fs-c-productList__list > *:nth-child(151) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 38;
    grid-row: 38;
  }
  .fs-c-productList__list > *:nth-child(152) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 38;
    grid-row: 38;
  }
  .fs-c-productList__list > *:nth-child(153) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 39;
    grid-row: 39;
  }
  .fs-c-productList__list > *:nth-child(154) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 39;
    grid-row: 39;
  }
  .fs-c-productList__list > *:nth-child(155) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 39;
    grid-row: 39;
  }
  .fs-c-productList__list > *:nth-child(156) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 39;
    grid-row: 39;
  }
  .fs-c-productList__list > *:nth-child(157) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 40;
    grid-row: 40;
  }
  .fs-c-productList__list > *:nth-child(158) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 40;
    grid-row: 40;
  }
  .fs-c-productList__list > *:nth-child(159) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 40;
    grid-row: 40;
  }
  .fs-c-productList__list > *:nth-child(160) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 40;
    grid-row: 40;
  }
  .fs-c-productList__list > *:nth-child(161) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 41;
    grid-row: 41;
  }
  .fs-c-productList__list > *:nth-child(162) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 41;
    grid-row: 41;
  }
  .fs-c-productList__list > *:nth-child(163) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 41;
    grid-row: 41;
  }
  .fs-c-productList__list > *:nth-child(164) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 41;
    grid-row: 41;
  }
  .fs-c-productList__list > *:nth-child(165) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 42;
    grid-row: 42;
  }
  .fs-c-productList__list > *:nth-child(166) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 42;
    grid-row: 42;
  }
  .fs-c-productList__list > *:nth-child(167) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 42;
    grid-row: 42;
  }
  .fs-c-productList__list > *:nth-child(168) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 42;
    grid-row: 42;
  }
  .fs-c-productList__list > *:nth-child(169) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 43;
    grid-row: 43;
  }
  .fs-c-productList__list > *:nth-child(170) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 43;
    grid-row: 43;
  }
  .fs-c-productList__list > *:nth-child(171) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 43;
    grid-row: 43;
  }
  .fs-c-productList__list > *:nth-child(172) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 43;
    grid-row: 43;
  }
  .fs-c-productList__list > *:nth-child(173) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 44;
    grid-row: 44;
  }
  .fs-c-productList__list > *:nth-child(174) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 44;
    grid-row: 44;
  }
  .fs-c-productList__list > *:nth-child(175) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 44;
    grid-row: 44;
  }
  .fs-c-productList__list > *:nth-child(176) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 44;
    grid-row: 44;
  }
  .fs-c-productList__list > *:nth-child(177) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 45;
    grid-row: 45;
  }
  .fs-c-productList__list > *:nth-child(178) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 45;
    grid-row: 45;
  }
  .fs-c-productList__list > *:nth-child(179) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 45;
    grid-row: 45;
  }
  .fs-c-productList__list > *:nth-child(180) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 45;
    grid-row: 45;
  }
  .fs-c-productList__list > *:nth-child(181) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 46;
    grid-row: 46;
  }
  .fs-c-productList__list > *:nth-child(182) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 46;
    grid-row: 46;
  }
  .fs-c-productList__list > *:nth-child(183) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 46;
    grid-row: 46;
  }
  .fs-c-productList__list > *:nth-child(184) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 46;
    grid-row: 46;
  }
  .fs-c-productList__list > *:nth-child(185) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 47;
    grid-row: 47;
  }
  .fs-c-productList__list > *:nth-child(186) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 47;
    grid-row: 47;
  }
  .fs-c-productList__list > *:nth-child(187) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 47;
    grid-row: 47;
  }
  .fs-c-productList__list > *:nth-child(188) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 47;
    grid-row: 47;
  }
  .fs-c-productList__list > *:nth-child(189) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 48;
    grid-row: 48;
  }
  .fs-c-productList__list > *:nth-child(190) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 48;
    grid-row: 48;
  }
  .fs-c-productList__list > *:nth-child(191) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 48;
    grid-row: 48;
  }
  .fs-c-productList__list > *:nth-child(192) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 48;
    grid-row: 48;
  }
  .fs-c-productList__list > *:nth-child(193) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 49;
    grid-row: 49;
  }
  .fs-c-productList__list > *:nth-child(194) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 49;
    grid-row: 49;
  }
  .fs-c-productList__list > *:nth-child(195) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 49;
    grid-row: 49;
  }
  .fs-c-productList__list > *:nth-child(196) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 49;
    grid-row: 49;
  }
  .fs-c-productList__list > *:nth-child(197) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 50;
    grid-row: 50;
  }
  .fs-c-productList__list > *:nth-child(198) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 50;
    grid-row: 50;
  }
  .fs-c-productList__list > *:nth-child(199) {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 50;
    grid-row: 50;
  }
  .fs-c-productList__list > *:nth-child(200) {
    -ms-grid-column: 4;
    grid-column: 4;
    -ms-grid-row: 50;
    grid-row: 50;
  }
}
/************************************************************
　　商品グループページ　グループ画像横並び2列にする（2020/11/20）
*************************************************************/
@media screen and (min-width: 768px) {
  .fs-c-subgroupList__item {
    flex-basis: calc(50% + 1px);
  }
}

@media screen and (min-width: 960px) {
  .fs-c-subgroupList__item {
    flex-basis: calc(50% + 1px);
  }
}

/************************************************************
　　商品グループページ　グループ名・コメントを表示しない（2020/11/20）
************************************************************/
.fs-c-subgroupList__label {
  display: none;
  }

.fs-c-subgroupList__comment {
  display: none;
  }
/************************************************************
　　商品グループページ　枠線・背景色　矢印マーク（>）なくす（2020/11/20）
*************************************************************/
.fs-c-subgroupList__link {
  background: none;
  border: none;
}
.fs-c-subgroupList__link:hover {
  background:: none;
}

.fs-c-subgroupList__link::after {
  display: none;
}

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

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


/************************************************************
ページ見出しに背景・背景高さ変更（2020/11/24）※無効（2021/2/26）
*************************************************************
.fs-c-heading--page {
background-image:url(https://orders.itembox.design/item/background_Image.jpg?t=20230110184720);
background-repeat: repeat;
background-position:center;
background-size:100% 100%;
text-align:center;
}
.fs-c-heading--page {
    padding: 3.0em 0 3.0em;
}
*/
/************************************************************
ヘッダーナビゲーション　アイコン画像（2021/1/）
*************************************************************/
/*新着商品箇所のアイコン指定*/
.fs-icon--newProduct:before {
  content: "\e92d";
}





/*プレビュー非表示ボックス永続非表示*/
.fs-preview-header { display: none; }