@charset "UTF-8";
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.sp {
  display: none;
}

.pc {
  display: block;
}

.spil {
  display: none;
}

.pcil {
  display: inline;
}

@media only screen and (max-width: 768px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  .spil {
    display: inline;
  }
  .pcil {
    display: none;
  }
}
div, p, h1, h2, h3, ol, ul, li, dl, dt, dd, table {
  box-sizing: border-box;
}

#coolcalual2024 {
  width: 100%;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#coolcalual2024 img {
  width: 100%;
}
#coolcalual2024 div.mainvisual {
  width: 100%;
}
#coolcalual2024 div.mainvisual h2 {
  width: 100%;
  margin: 0;
  padding: 0;
}
#coolcalual2024 ol, #coolcalual2024 ul, #coolcalual2024 li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#coolcalual2024 section {
  width: 100%;
}
#coolcalual2024 section.leadmovie {
  width: 100%;
  padding: min(6.25%, 100px) 0;
}
#coolcalual2024 section.leadmovie .section_inner {
  width: 72.5%;
  max-width: 1160px;
  margin: auto;
}
#coolcalual2024 section.leadmovie .section_inner p {
  text-align: center;
  margin-bottom: 4em;
  font-size: min(1.25vw, 20px);
  line-height: 2em;
}
#coolcalual2024 section.slidernavi {
  position: relative;
  margin-bottom: min(6.25%, 100px);
}
#coolcalual2024 section.slidernavi::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 63%;
  top: 28.5%;
  background: #F7F7F7;
}
#coolcalual2024 section.slidernavi .section_inner {
  width: 72.5%;
  max-width: 1160px;
  margin: auto;
}
#coolcalual2024 section.slidernavi .section_inner h3 {
  max-width: 780px;
  width: 67.2413793103%;
  margin: 0 auto 5%;
}
#coolcalual2024 section.slidernavi .section_inner .navi_slider {
  width: 100%;
  margin: auto;
}
#coolcalual2024 section.slidernavi .section_inner .navi_slider li {
  width: 100%;
  display: block;
  position: relative;
  padding: 0 4%;
}
#coolcalual2024 section.slidernavi .section_inner .navi_slider li .campainglogo {
  position: absolute;
  width: 7.9310344828%;
  left: 27.8448275862%;
}
#coolcalual2024 section.slidernavi .section_inner .navi_slider li .stylingno {
  position: absolute;
  width: 7.5862068966%;
  left: 59.4827586207%;
  top: 65.8064516129%;
}
#coolcalual2024 section.slidernavi .section_inner .navi_slider li .imgbox {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#coolcalual2024 section.slidernavi .section_inner .navi_slider li .imgbox a {
  display: block;
}
#coolcalual2024 section.slidernavi .section_inner .navi_slider li .imgbox .flxmodel {
  order: 1;
  width: 24.1379310345%;
}
#coolcalual2024 section.slidernavi .section_inner .navi_slider li .imgbox .flxshirt {
  order: 0;
  width: 19.8275862069%;
}
#coolcalual2024 section.slidernavi .section_inner .navi_slider li .imgbox .flxpants {
  order: 2;
  width: 19.8275862069%;
}
#coolcalual2024 section.slidernavi .section_inner .navi_slider .slick-arrow {
  width: 6.0344827586%;
  height: auto;
}
#coolcalual2024 section.item_section .section_inner {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto min(6.25%, 100px);
}
#coolcalual2024 section.item_section .section_inner div.itemblock {
  position: relative;
  width: min(86.25%, 1380px);
  aspect-ratio: 1380/730;
}
#coolcalual2024 section.item_section .section_inner div.itemblock::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 82%;
  background: #E5F3F8;
  bottom: 0;
}
#coolcalual2024 section.item_section .section_inner div.itemblock h4, #coolcalual2024 section.item_section .section_inner div.itemblock a.model, #coolcalual2024 section.item_section .section_inner div.itemblock a.item, #coolcalual2024 section.item_section .section_inner div.itemblock a.price {
  position: absolute;
}
#coolcalual2024 section.item_section .section_inner div.itemblock h4 {
  width: 6.3768115942%;
  z-index: 10;
}
#coolcalual2024 section.item_section .section_inner div.itemblock a.model {
  display: block;
  height: 90.4109589041%;
  width: auto;
}
#coolcalual2024 section.item_section .section_inner div.itemblock a.model img {
  height: 100%;
  width: auto;
}
#coolcalual2024 section.item_section .section_inner div.itemblock a.item {
  display: block;
  width: 36.231884058%;
}
#coolcalual2024 section.item_section .section_inner div.itemblock a.price {
  display: block;
  font-size: min(1vw, 16px);
}
#coolcalual2024 section.item_section .section_inner div.itemblock a.price:hover p {
  text-decoration: underline !important;
}
#coolcalual2024 section.item_section .section_inner div.itemblock a.price p {
  display: inline;
}
#coolcalual2024 section.item_section .section_inner div.itemblock a.price span.btn_buy {
  margin-left: 10px;
  display: inline;
  border: 1px solid #666;
  background: #fff;
  padding: 0 1em;
}
#coolcalual2024 section.item_section .section_inner div.itemblock a.price::before {
  content: "";
  position: absolute;
  display: block;
  background: #000;
  width: 0.5px;
  height: min(5vw, 80px);
  left: 3em;
  top: max(-6.25vw, -100px);
}
#coolcalual2024 section.item_section .section_inner div.itemblock.right {
  margin: min(6.25%, 100px) 0 min(6.25%, 100px) auto;
}
#coolcalual2024 section.item_section .section_inner div.itemblock.right h4 {
  left: 0;
  top: -5px;
}
#coolcalual2024 section.item_section .section_inner div.itemblock.right a.model {
  bottom: 0;
}
#coolcalual2024 section.item_section .section_inner div.itemblock.right a.item {
  left: 47.8260869565%;
}
#coolcalual2024 section.item_section .section_inner div.itemblock.right a.price {
  left: 47.8260869565%;
  top: 90%;
}
#coolcalual2024 section.item_section .section_inner div.itemblock.left {
  margin: min(6.25%, 100px) auto min(6.25%, 100px) 0;
}
#coolcalual2024 section.item_section .section_inner div.itemblock.left h4 {
  right: 0;
  top: -5px;
}
#coolcalual2024 section.item_section .section_inner div.itemblock.left a.model {
  bottom: 0;
  right: 0;
}
#coolcalual2024 section.item_section .section_inner div.itemblock.left a.item {
  left: 15.9420289855%;
}
#coolcalual2024 section.item_section .section_inner div.itemblock.left a.price {
  left: 15.9420289855%;
  top: 90%;
}
#coolcalual2024 section.item_section.pants_section .section_inner div.itemblock::before {
  background: #E4EDFA;
}
#coolcalual2024 section.item_section.pants_section .section_inner div.itemblock::before {
  bottom: auto;
  top: 9.55%;
}
#coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.right {
  margin: min(6.25%, 100px) 0 min(13.125%, 210px) auto;
}
#coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.right a.item {
  bottom: 0;
}
#coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.right a.price {
  top: 108%;
}
#coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.left {
  margin: min(6.25%, 100px) auto min(13.125%, 210px) 0;
}
#coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.left a.item {
  bottom: 0;
}
#coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.left a.price {
  top: 108%;
}

@media only screen and (max-width: 768px) {
  #coolcalual2024 section.leadmovie {
    width: 100%;
    padding: min(13.0208333333%, 100px) 0;
  }
  #coolcalual2024 section.leadmovie .section_inner {
    width: 89.1927083333vw;
    max-width: 685px;
    margin: auto;
  }
  #coolcalual2024 section.leadmovie .section_inner p {
    text-align: center;
    margin-bottom: 4em;
    font-size: min(3.125vw, 24px);
    line-height: 2em;
  }
  #coolcalual2024 section.leadmovie .section_inner .movieframe {
    width: 88.7591240876%;
    margin: auto;
  }
  #coolcalual2024 section.slidernavi {
    position: relative;
    margin-bottom: min(13.0208333333%, 100px);
  }
  #coolcalual2024 section.slidernavi::before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 73%;
    top: 27%;
    background: #F7F7F7;
  }
  #coolcalual2024 section.slidernavi .section_inner {
    width: 89.1927083333vw;
    max-width: 685px;
    margin: auto;
  }
  #coolcalual2024 section.slidernavi .section_inner h3 {
    max-width: 492px;
    width: 71.8248175182%;
    margin: 0 auto 5%;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider {
    width: 100%;
    margin: auto;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider li {
    width: 100%;
    display: block;
    position: relative;
    padding: 0 4% 5%;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider li .campainglogo {
    position: absolute;
    width: 21.0218978102%;
    left: 2%;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider li .stylingno {
    position: absolute;
    width: 12.8467153285%;
    left: 65%;
    top: 45%;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider li .imgbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider li .imgbox a {
    display: block;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider li .imgbox .flxmodel {
    order: 0;
    width: 40.8759124088%;
    margin: 0 20% 5%;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider li .imgbox .flxshirt {
    order: 1;
    width: 36.496350365%;
    margin: 0 5%;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider li .imgbox .flxpants {
    order: 2;
    width: 36.496350365%;
    margin: 0 5%;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider .slick-arrow {
    width: 10.2189781022%;
    height: auto;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider .slick-prev {
    left: 0;
  }
  #coolcalual2024 section.slidernavi .section_inner .navi_slider .slick-next {
    right: 0;
  }
  #coolcalual2024 section.item_section .section_inner {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto min(13.0208333333%, 100px);
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock {
    position: relative;
    width: min(89.84375vw, 690px);
    aspect-ratio: 690/1510;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 86%;
    background: #E5F3F8;
    bottom: auto;
    top: 9%;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock h4, #coolcalual2024 section.item_section .section_inner div.itemblock a.model, #coolcalual2024 section.item_section .section_inner div.itemblock a.item, #coolcalual2024 section.item_section .section_inner div.itemblock a.price {
    position: absolute;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock h4 {
    width: 19.7101449275%;
    z-index: 10;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock a.model {
    display: block;
    height: 48.940397351%;
    width: auto;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock a.model img {
    height: 100%;
    width: auto;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock a.item {
    display: block;
    width: 72.4637681159%;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock a.price {
    display: block;
    font-size: min(2.8645833333vw, 22px);
    display: inline;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock a.price p {
    display: inline;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock a.price span.btn_buy {
    margin-left: 10px;
    display: inline;
    border: 1px solid #666;
    background: #fff;
    padding: 0 1em;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock a.price::before {
    content: "";
    position: absolute;
    display: block;
    background: #000;
    width: 0.5px;
    height: min(10.4166666667vw, 80px);
    left: 3em;
    top: max(-13.0208333333vw, -100px);
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock.right {
    margin: min(13.0208333333%, 100px) 0 min(33.8541666667%, 260px) auto;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock.right h4 {
    left: -5.2083333333vw;
    top: -5px;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock.right a.model {
    bottom: auto;
    top: 5%;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock.right a.item {
    left: 20.8695652174%;
    bottom: 0;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock.right a.price {
    left: 20.8695652174%;
    top: 104%;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock.left {
    margin: min(13.0208333333%, 100px) auto min(33.8541666667%, 260px) 0;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock.left h4 {
    right: -5.2083333333vw;
    top: -5px;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock.left a.model {
    top: 5%;
    right: 0;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock.left a.item {
    left: 5.7971014493%;
    bottom: 0;
  }
  #coolcalual2024 section.item_section .section_inner div.itemblock.left a.price {
    left: 5.7971014493%;
    top: 104%;
  }
  #coolcalual2024 section.item_section.pants_section .section_inner div.itemblock {
    position: relative;
    width: min(89.84375vw, 690px);
    aspect-ratio: 690/1570;
  }
  #coolcalual2024 section.item_section.pants_section .section_inner div.itemblock::before {
    height: 85.2229299363%;
    background: #E5F3F8;
    bottom: auto;
    top: 9.5541401274%;
  }
  #coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.right {
    margin: min(13.0208333333%, 100px) 0 min(32.5520833333%, 250px) auto;
  }
  #coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.right a.model {
    top: 9.5541401274%;
    left: auto;
    right: 5.7971014493%;
  }
  #coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.right a.item {
    bottom: 0;
  }
  #coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.left {
    margin: min(13.0208333333%, 100px) auto min(32.5520833333%, 250px) 0;
  }
  #coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.left a.model {
    top: 9.5541401274%;
    right: auto;
    left: 5.7971014493%;
  }
  #coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.left a.item {
    bottom: 0;
  }

  #coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.right a.price {
    top: 104%;
  }
  #coolcalual2024 section.item_section.pants_section .section_inner div.itemblock.left a.price {
    top: 104%;
  }
}/*# sourceMappingURL=style.css.map */