@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
/* -----------------------------------------------
common
----------------------------------------------- */
main :is(h1,h2,h3,h4,h5,h6,p) {
  margin-top: 0;
  margin-bottom: 0;
}
main :is(picture, img) {
  width: 100%;
}
header .logo svg {
  fill: #fff;
}

/* 任意商品表示パーツ */
.fs-c-productListItem__control {
  display: none;
}
.fs-c-productName__copy {
  display: none;
}
.fs-c-productPrice {
  line-height: 1;
  letter-spacing: 0;
  font-family: 'Noto Sans JP', sans-serif;
  display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.fs-c-productPrice__addon__label:before {
  content: '（';
}
.fs-c-productPrice__addon__label::after {
  content: '）';
}
.fs-c-productPrice--subscription .fs-c-productPrice__main__label {
  display: none;
}
/* ログイン状態によって価格を切り替える */
.false .fs-c-productPrice--member {
  display: none; /* ログイン中は会員価格非表示 */
}
.true .fs-c-productPrices .fs-c-productPrice:nth-last-child(2) {
  display: none;
}

@media screen and (max-width: 750px) {
  header + main {
    padding-top: 0;
  }
  #nav_toggle span {
    background: #fff;
  }
  #nav_toggle .text svg {
    fill: #fff;
  }
}

@media screen and (min-width: 751px) {
  main > section > div {
    max-width: 1340px;
    margin-inline: auto;
  }
}

/* -----------------------------------------------
lead_wrap
----------------------------------------------- */
.lead_wrap .text strong {
  display: block;
  margin-inline: auto;
}
.lead_wrap .text p {
  margin-inline: auto;
  font-family: "hiragino-mincho-pron", sans-serif;
}
.lead_wrap .img_list {
  display: grid;
}
.lead_wrap .shop_img_01 { grid-area: shop_img_01; }
.lead_wrap .shop_img_02 { grid-area: shop_img_02; }
.lead_wrap .shop_img_03 { grid-area: shop_img_03; }
.lead_wrap .shop_img_04 { grid-area: shop_img_04; }
.lead_wrap .shop_img_05 { grid-area: shop_img_05; }

@media screen and (max-width: 750px) {
  .lead_wrap {
    padding: 70px 0 0;
  }
  .lead_wrap .text strong {
    width: 88.98%;
  }
  .lead_wrap .text p {
    width: 68.11%;
    font-size: 14px;
    line-height: 1.96;
    letter-spacing: 0;
    margin-top: 50px;
  }
  .lead_wrap .img_wrap {
    margin-top: 74px;
  }
  .lead_wrap .img_list {
    padding-inline: 1.6vw;
    grid-template-columns: 49.17% 49.17%; 
    grid-template-rows: auto auto auto auto; 
    gap: 1.6vw 1.6vw; 
    grid-template-areas: 
      "shop_img_03 shop_img_03"
      "shop_img_04 shop_img_02"
      "shop_img_04 shop_img_05"
      "shop_img_01 shop_img_05"; 
    justify-content: center; 
  }
}

@media screen and (min-width: 751px) {
  .lead_wrap {
    padding: 105px 0 0;
  }
  .lead_wrap .text strong {
    width: 496px;
  }
  .lead_wrap .text p {
    width: 475px;
    font-size: 15px;
    line-height: 2.33;
    letter-spacing: 0;
    margin-top: 67px;
  }
  .lead_wrap .img_wrap {
    margin-top: 130px;
  }
  .lead_wrap .img_list {
    grid-template-columns: 23.58% 48.28% 23.58%;
    grid-template-rows: auto auto auto;
    gap: min(1.12vw, 15px) min(1.12vw, 15px);
    justify-content: center;
    grid-template-areas:
      "shop_img_01 shop_img_03 shop_img_04"
      "shop_img_01 shop_img_03 shop_img_05"
      "shop_img_02 shop_img_03 shop_img_05";
  }
}

/* -----------------------------------------------
link_wrap
----------------------------------------------- */


@media screen and (max-width: 750px) {
  .link_wrap {
    margin-top: 111px;
    margin-bottom: 49px;
  }
}

@media screen and (min-width: 751px) {
  .link_wrap {
    margin-top: 198px;
    margin-bottom: 100px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 0 2px;
  }
  .link_wrap .link_item {
    width: calc((100% - 4px) / 3);
  }
}

/* -----------------------------------------------
product_wrap
----------------------------------------------- */
.product_wrap .img_list {
  display: grid;
}
.product_wrap .product_img_01 { grid-area: product_img_01; }
.product_wrap .product_img_02 { grid-area: product_img_02; }
.product_wrap .product_img_03 { grid-area: product_img_03; }
.product_wrap .product_img_04 { grid-area: product_img_04; }
.product_wrap .product_img_05 { grid-area: product_img_05; }
.product_wrap .img_item a {
  display: block;
}

@media screen and (max-width: 750px) {
  .product_wrap {
    padding-top: 49px;
    margin-bottom: 20px;
  }
  .product_wrap .img_wrap {
    margin-top: 62px;
  }
  .product_wrap .img_list {
    padding-inline: 1.6vw;
    grid-template-columns: 49.17% 49.17%; 
    grid-template-rows: auto auto auto auto; 
    gap: 1.6vw 1.6vw; 
    grid-template-areas: 
      "product_img_01 product_img_01"
      "product_img_02 product_img_04"
      "product_img_02 product_img_05"
      "product_img_03 product_img_05"; 
    justify-content: center; 
  }
  .product_wrap .img_item a {
    padding-bottom: 22px;
  }
  .product_wrap .img_item strong {
    margin-top: 8px;
    display: block;
  }
  .product_wrap .img_item strong span {
    display: block;
    font-weight: normal;
  }
  .product_wrap .img_item strong span.en {
    font-family: century-gothic, sans-serif;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: 0;
  }
  .product_wrap .img_item strong span.ja {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0;
    margin-top: 0.1em;
  }
}

@media screen and (min-width: 751px) {
  .product_wrap {
    padding-top: 101px;
  }
  .product_wrap .img_wrap {
    margin-top: 62px;
  }
  .product_wrap .img_list {
    grid-template-columns: 48.28% 23.5% 23.5%;
    grid-template-rows: auto auto auto;
    gap: min(1.12vw, 15px) min(1.12vw, 15px);
    justify-content: center;
    grid-template-areas:
      "product_img_01 product_img_02 product_img_04"
      "product_img_01 product_img_03 product_img_04"
      "product_img_01 product_img_03 product_img_05";
  }
}

/* -----------------------------------------------
menu_wrap
----------------------------------------------- */
.menu_wrap .img_list {
  display: grid;
}
.menu_wrap .menu_img_01 { grid-area: menu_img_01; }
.menu_wrap .menu_img_02 { grid-area: menu_img_02; }
.menu_wrap .menu_img_03 { grid-area: menu_img_03; }
.menu_wrap .menu_img_04 { grid-area: menu_img_04; }
.menu_wrap .menu_img_05 { grid-area: menu_img_05; }
.menu_wrap .img_item a {
  display: block;
}

@media screen and (max-width: 750px) {
  .menu_wrap {
    padding-top: 50px;
  }
  .menu_wrap .img_wrap {
    margin-top: 46px;
  }
  .menu_wrap .img_list {
    padding-inline: 1.6vw;
    grid-template-columns: 49.17% 49.17%; 
    grid-template-rows: auto auto auto auto; 
    gap: 1.6vw 1.6vw; 
    grid-template-areas: 
      "menu_img_01 menu_img_01"
      "menu_img_02 menu_img_04"
      "menu_img_02 menu_img_05"
      "menu_img_03 menu_img_05"; 
  }
  .menu_wrap .img_item a {
    padding-bottom: 22px;
  }
  .menu_wrap .img_item strong {
    margin-top: 8px;
    display: block;
  }
  .menu_wrap .img_item strong span {
    display: block;
    font-weight: normal;
  }
  .menu_wrap .img_item strong span.en {
    font-family: century-gothic, sans-serif;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: 0;
  }
  .menu_wrap .img_item strong span.ja {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0;
    margin-top: 0.1em;
  }
}

@media screen and (min-width: 751px) {
  .menu_wrap {
    padding-top: 125px;
  }
  .menu_wrap .img_wrap {
    margin-top: 59px;
  }
  .menu_wrap .img_list {
    grid-template-columns: 48.28% 23.5% 23.5%;
    grid-template-rows: auto auto auto;
    gap: min(1.12vw, 15px) min(1.12vw, 15px);
    justify-content: center;
    grid-template-areas:
      "menu_img_01 menu_img_02 menu_img_04"
      "menu_img_01 menu_img_03 menu_img_04"
      "menu_img_01 menu_img_03 menu_img_05";
  }
}