@import url("reset.css");
@import url("main.css");
@import url("motion.css");
#thirdMagazine2025 {
  overflow: hidden;
  width: 100vw;
}
#thirdMagazine2025 figure.img {
  overflow: hidden;
}
#thirdMagazine2025 figure.img img {
  transform-origin: center bottom;
  will-change: transform;
}
#thirdMagazine2025 .sec {
  padding: 11.7vw 0 0 0;
  padding-top: 6.25vw;
}
#thirdMagazine2025 .green {
  margin-top: 6.25vw;
  margin-bottom: 6.25vw;
  padding-bottom: 6.25vw;
  background-color: #d9eae3;
}
#thirdMagazine2025 .green.greenNoTop {
  margin-top: 0;
}
#thirdMagazine2025 .green.greenNoBottom {
  margin-bottom: 0;
}
#thirdMagazine2025 .secFull {
  margin-top: 6.25vw;
}
#thirdMagazine2025 .secFull .captionBox {
  width: 73.5vw;
  margin: 0 auto;
}
#thirdMagazine2025 .btnArea {
  padding-top: 5.25vw;
  padding-bottom: 8vw;
  text-align: center;
}
#thirdMagazine2025 a.bigBtn {
  font-size: 26px;
  display: inline-block;
  padding: 30px 0;
  min-width: 23vw;
  font-weight: 500;
  color: #000000;
  border: 1px solid #000000;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  position: relative;
  overflow: hidden;
}
#thirdMagazine2025 a.bigBtn:after {
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
#thirdMagazine2025 a.bigBtn:hover {
  color: #fff;
}
#thirdMagazine2025 a.bigBtn:hover:after {
  transform: scale(1, 1);
}
#thirdMagazine2025 .backToTop {
  text-align: center;
  padding-bottom: 6.25vw;
}
#thirdMagazine2025 .backToTop a.scrollBtn {
  font-size: 17px;
  font-weight: 400;
  padding-top: 50px;
  color: #000000;
  display: inline-block;
  background-image: url("../images/arr_up.png");
  background-repeat: no-repeat;
  background-size: 48px auto;
  background-position: center 10px;
  transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
}
#thirdMagazine2025 .backToTop a.scrollBtn:hover {
  background-position: center 0px;
}
#thirdMagazine2025 .flowBox {
  padding-top: 6.25vw;
}
#thirdMagazine2025 .flowBox .flow {
  animation: infinity-scroll-left 40s infinite linear 0.5s both;
}
#thirdMagazine2025 .captionBox {
  font-weight: 500;
  font-size: 12px;
  line-height: 1, 8;
  color: #000000;
}
#thirdMagazine2025 .captionBox a {
  color: #000000;
}
#thirdMagazine2025 .captionBox a .buy {
  font-style: italic;
  text-decoration: underline;
  display: inline-block;
}
#thirdMagazine2025 .contentBox1 {
  max-width: 100%;
  width: 42.1vw;
  margin: 0 auto;
}
#thirdMagazine2025 .contentBox2 {
  max-width: 100%;
  width: 73.5vw;
  margin: 0 auto;
}
#thirdMagazine2025 .contentBox3 {
  max-width: 100%;
  width: 78.75vw;
  margin: 0 auto;
  padding-top: 5vw;
}
#thirdMagazine2025 .contentBoxFull {
  width: 100vw;
  margin: 0 auto;
}
#thirdMagazine2025 .contentBoxBig {
  max-width: 100%;
  width: 59.3vw;
  margin: 0 auto;
  padding-top: 5vw;
}
#thirdMagazine2025 #sec1 {
  margin-top: -23vw;
  position: relative;
  z-index: 2;
}
#thirdMagazine2025 #sec14 {
  margin-top: -23vw;
  position: relative;
  z-index: 2;
}
#thirdMagazine2025 .pcSlider div {
  vertical-align: top;
}
#thirdMagazine2025 header {
  text-align: center;
  padding-top: 7.8vw;
  padding-bottom: 6.5vw;
}
#thirdMagazine2025 header h1.logo {
  padding-top: 30px;
}
#thirdMagazine2025 header h1.logo.active img {
  -webkit-clip-path: inset(0 0% 0 0);
          clip-path: inset(0 0% 0 0);
}
#thirdMagazine2025 header h1.logo img {
  width: 40vw;
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#thirdMagazine2025 .thumbnailBox {
  overflow: hidden;
}
#thirdMagazine2025 .navList {
  position: fixed;
  left: 30px;
  top: 50%;
  transform: rotate(90deg) translate(-50%, 0%);
  transform-origin: left center;
  z-index: 10;
  font-size: 17px;
  color: #000000;
  display: flex;
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
}
#thirdMagazine2025 .navList li {
  margin: 0 5px;
}
#thirdMagazine2025 .navList li a {
  color: #000000;
}
#thirdMagazine2025 #season {
  position: fixed;
  right: 30px;
  top: 50%;
  transform: rotate(90deg) translate(50%, 0%);
  transform-origin: right center;
  z-index: 10;
  font-size: 17px;
  color: #000000;
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
}
#thirdMagazine2025 .mainVisual {
  width: 59.3vw;
  margin: 0 auto;
}
#thirdMagazine2025 .mainVisual .topSlider {
  margin-bottom: 4.9vw;
  opacity: 0;
  top: 40px;
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#thirdMagazine2025 .mainVisual .topSlider.active {
  opacity: 1;
  top: 0;
}
#thirdMagazine2025 .mainVisual .topSlider div {
  width: 100%;
}
#thirdMagazine2025 .conceptBox {
  position: relative;
  z-index: 10;
  text-align: center;
  margin-bottom: -4.5vw;
}
#thirdMagazine2025 .conceptBox .ttl {
  margin-bottom: -0.8vw;
}
#thirdMagazine2025 .conceptBox .ttl img {
  width: 31.25vw;
}
#thirdMagazine2025 .conceptBox .ttl2 img {
  width: 100%;
}
#thirdMagazine2025 .videoBox {
  text-align: center;
  position: relative;
  height: 35vw;
  overflow: hidden;
}
#thirdMagazine2025 .videoBox video {
  transform: scale(1.01);
}
#thirdMagazine2025 .videoBox .despBox {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 50%;
  transform: translate(0, -50%) scale(0.8, 1);
  letter-spacing: 0.03em;
  width: 100%;
  color: #fff;
  line-height: 2;
  font-size: 22px;
  font-family: "adobe-garamond-pro", serif;
  font-weight: 400;
  font-style: normal;
}
#thirdMagazine2025.videoBox1 {
  margin-bottom: 5.45vw;
}
#thirdMagazine2025 .photoList {
  margin-bottom: 20px;
  gap: 20px;
  display: flex;
  width: 100%;
}
#thirdMagazine2025 .photoList li {
  width: 100%;
  position: relative;
}
#thirdMagazine2025 .photoList li .overArea {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%) scale(0.8, 1);
  letter-spacing: 0.03em;
  z-index: 2;
  color: #fff;
  text-align: center;
  line-height: 2;
  font-size: 22px;
  font-size: 19px;
  font-family: "adobe-garamond-pro", serif;
  font-weight: 400;
  font-style: normal;
}
#thirdMagazine2025 .photoList.photoList2 li {
  width: calc(50% - 10px);
}
#thirdMagazine2025 .photoList.photoList2 li:nth-child(2n) {
  transition-delay: 0.3s;
}
#thirdMagazine2025 .photoList.photoList3 li {
  width: calc(33.33% - 14px);
}
#thirdMagazine2025 .photoList.photoList3 li:nth-child(3n+2) {
  transition-delay: 0.2s;
}
#thirdMagazine2025 .photoList.photoList3 li:nth-child(3n) {
  transition-delay: 0.4s;
}
#thirdMagazine2025 .photoList.photoList1Big li {
  width: 100%;
}
#thirdMagazine2025 footer {
  text-align: center;
  border-top: 0.5px solid #000000;
  padding: 8vw 0 3vw 0;
  color: #000000;
}
#thirdMagazine2025 footer .creditBox .logo {
  margin-bottom: 30px;
}
#thirdMagazine2025 footer .creditBox .logo img {
  width: 3.2vw;
  width: 390px;
  max-width: 90%;
}
#thirdMagazine2025 footer .creditBox .showroom {
  font-size: 22px;
  margin-bottom: 10px;
}
#thirdMagazine2025 footer .creditBox .area {
  font-size: 32px;
  margin-bottom: 30px;
}
#thirdMagazine2025 footer .creditBox address {
  line-height: 2;
  font-size: 14px;
  letter-spacing: 0.1em;
}
#thirdMagazine2025 footer .creditBox .ftImgBox {
  margin-bottom: 8.25vw;
  text-align: left;
}
#thirdMagazine2025 footer .creditBox .ftImgBox .ftImg img {
  margin-bottom: 20px;
}
#thirdMagazine2025 footer .creditBox .logoMini {
  margin-bottom: 40px;
}
#thirdMagazine2025 footer .creditBox .logoMini img {
  width: 3.2vw;
  width: 345px;
  max-width: 90%;
}
#thirdMagazine2025 footer .creditBox .credit {
  font-weight: 400;
  font-size: 10px;
  line-height: 1.6;
  color: #000;
}
#thirdMagazine2025 footer .creditBox .copyright {
  font-weight: 400;
  font-size: 12px;
  color: #000;
}
#thirdMagazine2025 footer .creditBox .ftNavList {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 60px 0 40px 0;
}
#thirdMagazine2025 footer .creditBox .ftNavList li a {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: left;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center center;
}
#thirdMagazine2025 footer .creditBox .ftNavList li a:hover {
  opacity: 0.6;
}
#thirdMagazine2025 footer .creditBox .ftNavList li.facebook a {
  background-image: url("../images/ico_facebook_black.png");
  background-size: auto 30px;
}
#thirdMagazine2025 footer .creditBox .ftNavList li.instagram a {
  background-image: url("../images/ico_instagram_black.png");
  background-size: auto 30px;
}
#thirdMagazine2025 footer .creditBox .ftNavList li.x a {
  background-image: url("../images/ico_x_black.png");
  background-size: auto 27px;
}
#thirdMagazine2025 footer .creditBox .ftNavList li.line a {
  background-image: url("../images/ico_line_black.png");
  background-size: auto 28px;
}

/* ------------------------------------------
smartphone
------------------------------------------ */
@media screen and (max-width: 719px) {
  .onlyPc {
    display: none !important;
  }
  .onlySp {
    display: block !important;
  }
  .onlyPc2 {
    display: none !important;
  }
  .onlySp2 {
    display: flex !important;
  }
  #thirdMagazine2025 header h1.logo {
    padding-top: 30px;
  }
  #thirdMagazine2025 header h1.logo img {
    width: 60vw;
  }
  #thirdMagazine2025 .navList {
    left: 18px;
    font-size: 12px;
  }
  #thirdMagazine2025 #season {
    right: 16px;
    font-size: 12px;
  }
  #thirdMagazine2025 .mainVisual {
    width: calc(100% - 70px);
  }
  #thirdMagazine2025 .mainVisual .topSlider {
    width: 100%;
  }
  #thirdMagazine2025 .videoBox {
    height: 63vw;
    height: initial;
  }
  #thirdMagazine2025 .videoBox .despBox {
    font-size: 15px;
    line-height: 1.6;
  }
  #thirdMagazine2025 .videoBox video {
    transform: none;
    width: 100vw;
    height: 63vw;
    vertical-align: top;
  }
  #thirdMagazine2025 .sec {
    padding-top: 60px;
  }
  #thirdMagazine2025 .contentBox1 {
    width: calc(100% - 70px);
  }
  #thirdMagazine2025 .contentBox2 {
    width: calc(100% - 70px);
  }
  #thirdMagazine2025 .contentBox3 {
    width: calc(100% - 70px);
    padding-top: 0;
  }
  #thirdMagazine2025 .contentBoxBig {
    width: calc(100% - 70px);
    padding-top: 0;
  }
  #thirdMagazine2025 .conceptBox {
    margin-bottom: -6.1vw;
  }
  #thirdMagazine2025 .photoList {
    margin-bottom: 10px;
    flex-wrap: wrap;
    gap: 20px;
    gap: 10px;
  }
  #thirdMagazine2025 .photoList.photoList2 li {
    width: 100%;
  }
  #thirdMagazine2025 .photoList.photoList3 li {
    width: 100%;
  }
  #thirdMagazine2025 .photoList li.spWide {
    margin-left: -35px;
    margin-right: -35px;
    width: 100vw;
  }
  #thirdMagazine2025 .photoList li .overArea {
    font-size: 13px;
    top: 57%;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }
  #thirdMagazine2025 #sec1 {
    position: relative;
    z-index: 2;
    margin-top: -40vw;
    padding-top: 0;
  }
  #thirdMagazine2025 #sec12 {
    padding-top: 0;
    padding-bottom: 0;
  }
  #thirdMagazine2025 #sec12 .photoList {
    margin-bottom: 0;
  }
  #thirdMagazine2025 #sec13 {
    padding-top: 60px;
  }
  #thirdMagazine2025 #sec14 {
    margin-top: -40vw;
    padding-top: 0;
  }
  #thirdMagazine2025 .secFull {
    margin-top: 60px;
  }
  #thirdMagazine2025 .secFull .captionBox {
    width: calc(100% - 70px);
  }
  #thirdMagazine2025 .green {
    margin-top: 60px;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  #thirdMagazine2025 .flowBox {
    padding-top: 60px;
  }
  #thirdMagazine2025 .flowBox .flow {
    animation: infinity-scroll-left 30s infinite linear 0.5s both;
  }
  #thirdMagazine2025 .flowBox .flow img {
    height: 10vw;
  }
  #thirdMagazine2025 a.bigBtn {
    font-size: 22px;
    min-width: 60vw;
    padding: 20px 0;
  }
  #thirdMagazine2025 .backToTop {
    padding-bottom: 60px;
  }
  #thirdMagazine2025 footer {
    padding-top: 60px;
  }
  #thirdMagazine2025 footer .creditBox .logo img {
    width: 60vw;
  }
  #thirdMagazine2025 footer .creditBox .showroom {
    margin-bottom: 20px;
    margin-bottom: 10px;
    font-size: 18px;
  }
  #thirdMagazine2025 footer .creditBox .area {
    font-size: 24px;
  }
  #thirdMagazine2025 footer .creditBox address {
    font-size: 12px;
  }
  #thirdMagazine2025 footer .creditBox .ftImgBox {
    width: calc(100% - 70px);
    margin-bottom: 60px;
    padding-top: 40px;
  }
  #thirdMagazine2025 footer .creditBox .ftImgBox .ftImg img {
    margin-bottom: 10px;
  }
  #thirdMagazine2025 footer .creditBox .logoMini {
    margin-bottom: 25px;
  }
  #thirdMagazine2025 footer .creditBox .logoMini img {
    width: 60vw;
  }
  #thirdMagazine2025 footer .creditBox .ftNavList {
    padding-top: 40px;
  }
  #thirdMagazine2025 footer .creditBox .ftNavList li a {
    width: 30px;
    height: 30px;
    background-size: auto 25px !important;
  }
  #thirdMagazine2025 footer .creditBox .copyright {
    font-size: 9px;
    letter-spacing: 0.06em;
  }
}/*# sourceMappingURL=style.css.map */