/* summer 2025 */
h1.fs-c-heading.fs-c-heading--page {
  display: none;
}

.f-special-feature {
  @import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&family=Noto+Serif+JP:wght@200..900&display=swap');
  font-size: 1.6rem;
  color: #333;
}

.f-special-feature figure {
  margin: 0;
  padding: 0;
}

.feature-mv {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  text-align: center;
}
.feature-mv img {
  width: min(100%, 1200px);
}

.introduction {
  padding: calc(80 / 16 * 1em) 0 calc(90 / 16 * 1em);
}
.intro_headline {
  margin-bottom: calc(40 / 16 * 1em);
  font-family: "Noto Serif JP", serif;
  color: #959C30;
}
.introduction .intro_headline p {
  margin-bottom: 5px;
  font-size: calc(24 / 16 * 1em);
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: calc(35 / 24);
  word-break: auto-phrase;
}
.introduction .intro_headline h2 {
  width: fit-content;
  margin: 0 auto;
  padding: 0;
  font-size: calc(32 / 16 * 1em);
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: calc(46 / 32);
  word-break: auto-phrase;
}
.introduction p {
  width: fit-content;
  margin: 0 auto;
  letter-spacing: 0.12em;
  line-height: calc(19 / 16);
}
.introduction p + p {
  margin-top: 1em;
}

.inpage-link {
  display: grid;
  /*grid-template-columns: repeat(auto-fit, calc((100% - 10px) / 3));*/
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  row-gap: 1rem;
  column-gap: 5px;
  justify-content: center;
  width: min(100%, 610px);
  margin: calc(35 / 16 * 1em) auto 0;
  padding: 0;
  list-style: none;
}
.inpage-link > li {
  letter-spacing: 0.075em;
  line-height: calc(19 / 16);
  color: #959C30;
}
.inpage-link .inpage-lin__type {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  padding-left: 32px;
  font-family: "Hina Mincho", serif;
  font-size: calc(29 / 16 * 1em);
  word-break: auto-phrase;
}
.inpage-link > li .inpage-lin__type::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 27px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
.inpage-link > li:nth-of-type(1) .inpage-lin__type::before {
  top: 5px;
  aspect-ratio: 27 / 26;
  background-image: url(https://importrossa8189.itembox.design/item/images/summer-2025/icon_leaf.svg);
}
.inpage-link > li:nth-of-type(2) .inpage-lin__type::before {
  top: 5px;
  aspect-ratio: 1 / 1;
  background-image: url(https://importrossa8189.itembox.design/item/images/summer-2025/icon_suitcase.svg);
}
.inpage-link > li:nth-of-type(3) .inpage-lin__type::before {
  top: 4px;
  aspect-ratio: 27 / 26;
  background-image: url(https://importrossa8189.itembox.design/item/images/summer-2025/icon_cutlery.svg);
}
.inpage-link .inpage-lin__btn {
  position: relative;
  display: block;
  margin-top: -5px;
  padding: 1.4rem 1rem 3.4rem;
  border: 1px solid #959C30;
  font-weight: 700;
  color: #959C30;
  word-break: auto-phrase;
}
.inpage-link .inpage-lin__btn::before,
.inpage-link .inpage-lin__btn::after {
  content: "";
  position: absolute;
  bottom: 11px;
  left: calc(50% - 2px);
  display: block;
  width: 4px;
  height: 14px;
  aspect-ratio: 1;
  border-radius: 0;
  background-color: #959C30;
  transform-origin: 50% calc(100% - 2px);
}
.inpage-link .inpage-lin__btn::before {
  transform: rotate(45deg);
}

.inpage-link .inpage-lin__btn::after {
  transform: rotate(-45deg);
}
.inpage-link .inpage-lin__coordinate {
  font-size: 2rem;
}
@media (hover: hover) {
  .inpage-link .inpage-lin__btn:hover {
    text-decoration: none;
  }
  .inpage-link .inpage-lin__btn::before,
  .inpage-link .inpage-lin__btn::after {
    transition: .3s;
  }
  .inpage-link .inpage-lin__btn:hover::before,
  .inpage-link .inpage-lin__btn:hover::after {
    bottom: 6px;
  }
}

.coordinate {
  position: relative;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding: 0 calc(50vw - 50%) calc(105 / 16 * 1em);
}
#coordinate01.coordinate {
  background-color: #E9F2E3;
}
#coordinate02.coordinate {
  background-color: #FBF4D6;
}
#coordinate03.coordinate {
  background-color: #E1F1E7;
}
.coordinate-leadarea {
  position: relative;
  word-break: auto-phrase;
}
/*.coordinate-leadarea::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
}
#coordinate01.coordinate .coordinate-leadarea::before {
  width: 101px;
  aspect-ratio: 101 / 100;
  background-image: url(images/icon_leaf.svg);
  opacity: 0.2;
}*/
.coordination-tips {
  position: relative;
  width: min(100%, 610px);
  margin: 0 auto;
  padding-bottom: calc(25 / 16 * 1em);
}
.coordination-tips::before {
  content: "";
  position: absolute;
  bottom: -18px;
  right: 0;
  width: min(calc(101 / 610 * 100%),101px);
  aspect-ratio: 101 / 100;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  opacity: 0.2;
}
#coordinate01.coordinate .coordination-tips::before {
  background-image: url(https://importrossa8189.itembox.design/item/images/summer-2025/icon_leaf.svg);
}
#coordinate02.coordinate .coordination-tips::before {
  background-image: url(https://importrossa8189.itembox.design/item/images/summer-2025/icon_suitcase.svg);
}
#coordinate03.coordinate .coordination-tips::before {
  background-image: url(https://importrossa8189.itembox.design/item/images/summer-2025/icon_cutlery.svg);
}
.coordination-tips .tips {
  font-family: "Hina Mincho", serif;
  font-size: calc(120 / 16 * 1em);
  color: rgba(149 156 48 / 0.2);
}
.coordination-tips .coordinate-headline {
  margin: calc(-64 / 32 * 1em) auto 0;
  padding: 0;
  font-family: "Noto Serif JP", serif;
  font-size: calc(32 / 16 * 1em);
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: calc(46 / 32);
  color: #959C30;
  word-break: auto-phrase;
}
.coordinate-lead {
  margin-bottom: calc(21 / 20 * 1em);
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: calc(24 / 20);
  word-break: auto-phrase;
}
.coordinate-text {
  width: fit-content;
  margin: 0 auto;
}
.f-special-feature .choose-outfit {
  position: relative;
  width: min(100%, 610px);
  margin: calc(28 / 16 * 1em) auto 10px;
  z-index: 1;
}
.coordinate-panel {
  position: relative;
  width: min(100%, 610px);
  margin: 0 auto;
  column-count: 2;
  column-gap: 10px;
}
.coordinate-panel::before {
  content: "";
  position: absolute;
  top: calc(-261 / 16 * 1em);
  left: calc(50% - 350px);
  width: min(calc(440 / 610 * 100%), 440px);
  aspect-ratio: 1 / 1;
  background-color: rgba(149 156 48 / 0.1);
  border-radius: 50%;
}
.coordinate-panel > li:not(:last-of-type) {
  position: relative;
  margin-bottom: 10px;
}

.select-item {
  display: grid;
  grid-template-columns: repeat(auto-fit, calc((100% - 10px) / 2));
  /*grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));*/
  grid-template-rows: auto 1fr;
  /*gap: calc(40 / 16 * 1em) 10px;*/
  gap: 0 10px;
  width: min(100%, 610px);
  margin: calc(40 / 16 * 1em) auto 0;
  padding: 0;
}
.select-item .product-item {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  row-gap: 0;
  margin: 0;
}
.select-item .product-item:not(:last-of-type) {
  margin-bottom: calc(40 / 16 * 1em);
}
.select-item .product-item .item {
  margin-bottom: calc(17 / 16 * 1em);
}
.select-item .product-item .product-name {
  margin-bottom: calc(8 / 16 * 1em);
  letter-spacing: 0.075em;
  line-height: calc(24 / 20);
  word-break: auto-phrase;
}
.select-item .product-item .price {
  font-size: calc(14 / 16 * 1em);
  letter-spacing: 0.12em;
  line-height: calc(17 / 14);
  color: #808080;
}
.select-item .product-item .purchase-btn {
  margin-top: calc(26 / 16 * 1em);
  font-size: calc(18 / 16 * 1em);
  letter-spacing: 0.16em;
  line-height: calc(22 / 18);
}
.select-item .product-item .purchase-btn a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: calc(15 / 18 * 1em) calc(25 / 18 * 1em);
  background-color: #959C30;
  border: 1px solid#959C30;
  border-radius: 28px;
  box-sizing: border-box;
  color: #fff;
}
.select-item .product-item .purchase-btn a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(25 / 18 * 1em);
  transform: translateY(-50%);
  width: 25px;
  background: url(https://importrossa8189.itembox.design/item/images/summer-2025/icon_cart.svg) no-repeat 0 0 / 100% auto;
  aspect-ratio: 1 / 1;
}
@media (hover: hover) {
  .select-item .product-item .purchase-btn a:hover {
    text-decoration: none;
    background-color: rgba(149 156 48 / 0.75);
  }
}

.figure-lead {
  font-family: "Noto Serif JP", serif;
  font-size: calc(32 / 16 * 1em);
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: calc(46 / 32);
  color: #959C30;
  word-break: auto-phrase;
}
.select-item + .figure-lead {
  margin-top: calc(40 / 16 * 1em);
}

.other {
  padding: calc(93 / 16 * 1em) 0 calc(140 / 16 * 1em);
}
.headline {
  margin: 0 auto 0;
  padding: 0;
  font-family: "Noto Serif JP", serif;
  font-size: calc(32 / 16 * 1em);
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: calc(46 / 32);
  color: #959C30;
  word-break: auto-phrase;
}
.other .new-arrivals {
  display: grid;
  grid-template-columns: repeat(auto-fit, calc((100% - 10px) / 2));
  /*grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));*/
  row-gap: 1rem;
  column-gap: 1rem;
  width: min(100%, 610px);
  margin: calc(35 / 16 * 1em) auto 0;
  padding: 0;
  list-style: none;
}
.other .new-arrivals > li {
  position: relative;
}
.other .new-arrivals > li a {
}
.other .new-arrivals > li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0 0 0 / 0.2);
}
.other .new-arrivals > li .category {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  font-size: calc(18 / 16 * 1em);
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: calc(22 / 18);
  color: #fff;
  word-break: auto-phrase;
}
@media (hover: hover) {
  .other .new-arrivals > li a::before {
    transition: .3s;
  }
  .other .new-arrivals > li a:hover::before {
    opacity: 0;
  }
  .other .new-arrivals > li a:hover img {
    opacity: 1;
  }
}

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

@media screen and (max-width: 600px) {
  .f-special-feature {
    font-size: 1.4rem;
  }

  .introduction {
    padding: calc(80 / 16 * 0.875 * 0.875em) 0 calc(90 / 16 * 0.875em);
  }
  .intro_headline {
    margin-bottom: calc(40 / 16 * 0.875em);
  }
  .introduction .intro_headline p {
    font-size: calc(24 / 16 * 0.875em);
  }
  .introduction .intro_headline h2 {
    font-size: calc(32 / 16 * 0.875em);
  }

  .inpage-link {
    margin-top: calc(35 / 16 * 0.875em);
  }
  .inpage-link .inpage-lin__type {
    padding-left: calc(48 / 32 * 0.875em);
  }
  .inpage-link > li .inpage-lin__type::before {
    width: 0.875em;
  }
  .inpage-link > li:nth-of-type(1) .inpage-lin__type::before {
    top: 5px;
  }
  .inpage-link > li:nth-of-type(2) .inpage-lin__type::before {
    top: 5px;
  }
  .inpage-link > li:nth-of-type(3) .inpage-lin__type::before {
    top: 4px;
  }
  .inpage-link .inpage-lin__coordinate {
    font-size: calc(20 / 16 * 0.875em);
  }

  .coordination-tips {
    padding-bottom: calc(25 / 16 * 0.875em);
  }
  .coordination-tips::before {
    bottom: calc(-18 / 25 * 0.875em);
  }
  .coordination-tips .tips {
    font-size: calc(110 / 16 * 0.875em);
  }
  .coordination-tips .coordinate-headline {
    margin-top: calc(-58 / 32 * 1em);
    font-size: calc(32 / 16 * 0.875em);
  }
  .coordinate-lead {
    margin-bottom: calc(21 / 20 * 0.875em);
    font-size: 2rem;
  }

  .f-special-feature .choose-outfit {
    margin-top: calc(28 / 16 * 0.875em) auto 5px;
  }
  .coordinate-panel::before {
    top: calc(-261 / 16 * 0.875em);
    left: 0;
  }
  
  .select-item {
    margin-top: calc(40 / 16 * 0.875em);
  }
  .select-item .product-item:not(:last-of-type) {
    margin-bottom: calc(40 / 16 * 0.875em);
  }
  .select-item .product-item .item {
    margin-bottom: calc(17 / 16 * 0.875em);
  }
  .select-item .product-item .price {
    font-size: calc(14 / 16 * 1em);
  }
  .select-item .product-item .purchase-btn {
    margin-top: calc(26 / 16 * 0.875em);
    font-size: calc(18 / 16 * 0.875em);
  }
  .select-item .product-item .purchase-btn a {
    padding: calc(15 / 18 * 0.875em) calc(25 / 18 * 0.875em) calc(15 / 18 * 0.875em) calc(50 / 18 * 0.875em);
  }
  .select-item .product-item .purchase-btn a::before {
    left: calc(20 / 300 * 100%);
    width: 20px;
  }

  .figure-lead {
    font-size: calc(32 / 16 * 0.875em);
  }
  .select-item + .figure-lead {
    margin-top: calc(40 / 16 * 0.875em);
  }

  .other {
    padding: calc(93 / 16 * 0.875em) 0 calc(140 / 16 * 0.875em);
  }
  .headline {
    font-size: calc(32 / 16 * 0.875em);
  }

}

@media screen and (max-width: 400px) {
  .coordination-tips::before {
    bottom: calc(-68 / 25 * 0.875em);
  }
}