html,
body {
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  transition: all 1.6s ease 0s;
  background-color: #fff;
}

img {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

a {
  display: block;
  text-decoration: none;
  transition: all 0.4s;
  color: #000;
}
@media screen and (min-width: 769px) {
  a:hover {
    opacity: 0.6;
    transition: all 0.4s;
  }
}
a[href=""] {
  pointer-events: none;
}

#loading-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 999;
}

.ja {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.ja_l {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.ja_b {
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.en {
  font-family: "garamond-premier-pro", serif;
  font-weight: 500;
  font-style: normal;
}
.en_italic {
  font-family: "garamond-premier-pro-subhead", serif;
  font-weight: 500;
  font-style: italic;
}

.fv .container {
  padding: 10px;
}
.fv .grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 5px;
}
.fv .grid li {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.fv .grid li:nth-child(1) {
  background-image: url(../img/fv_1.jpg);
}
.fv .grid li:nth-child(2) {
  background-image: url(../img/fv_2.jpg);
}
.fv .grid li:nth-child(3) .s1 {
  background-image: url(../img/fv_3a.jpg);
}
.fv .grid li:nth-child(3) .s2 {
  background-image: url(../img/fv_3b.jpg);
}
.fv .grid li:nth-child(4) .s1 {
  background-image: url(../img/fv_4a.jpg);
}
.fv .grid li:nth-child(4) .s2 {
  background-image: url(../img/fv_4b.jpg);
}
.fv .grid li:nth-child(6) {
  background-image: url(../img/fv_5.jpg);
}
.fv .grid li:nth-child(7) {
  background-image: url(../img/fv_6.jpg);
}
.fv .grid li:nth-child(8) {
  background-image: url(../img/fv_7.jpg);
}
.fv .grid li:nth-child(9) .s1 {
  background-image: url(../img/fv_8a.jpg);
}
.fv .grid li:nth-child(9) .s2 {
  background-image: url(../img/fv_8b.jpg);
}
.fv .grid .slider {
  position: relative;
}
.fv .grid .slider .box {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  animation-iteration-count: infinite;
  animation-duration: 7s;
}
.fv .grid .slider .box:nth-child(1) {
  animation-name: slider_1;
  animation-delay: 1s;
}
.fv .grid .slider .box:nth-child(2) {
  animation-name: slider_1;
  animation-delay: 4.5s;
  opacity: 0;
}
.fv .grid .slider1 .box:nth-child(1) {
  animation-delay: 0.1s;
}
.fv .grid .slider1 .box:nth-child(2) {
  animation-delay: 3.6s;
}
.fv .grid .slider2 .box:nth-child(1) {
  animation-delay: 1.9s;
}
.fv .grid .slider2 .box:nth-child(2) {
  animation-delay: 5.4s;
}

@keyframes slider_1 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lead p {
  font-size: clamp(12px, 3.2vw, 14px);
  text-align: center;
  padding: clamp(80px, 21.3333333333vw, 130px) 0;
  margin: 0 auto;
  line-height: 2.8181818182;
}

.link .container {
  width: clamp(330px, 88vw, 622px);
  margin: 0 auto;
}
.link .flex {
  display: flex;
  text-align: center;
  gap: clamp(5px, 1.3333333333vw, 56px);
}
.link .number {
  font-size: clamp(20px, 5.3333333333vw, 30px);
  padding-bottom: clamp(8px, 2.1333333333vw, 16px);
}

.contents .title_wrap {
  border-top: 1px solid #fff;
  padding-top: clamp(105px, 28vw, 200px);
  text-align: center;
}
.contents .title_wrap .number_wrap {
  position: relative;
  width: fit-content;
  margin: 0 auto;
}
.contents .title_wrap .number_wrap span {
  position: absolute;
  transform: translateY(-50%);
  top: 45%;
  left: -12%;
  width: 45%;
}
.contents .title_wrap .number_wrap .number {
  font-size: clamp(94px, 25.0666666667vw, 127px);
}
.contents .title_wrap .item {
  font-size: clamp(25px, 6.6666666667vw, 44px);
}
.contents .title_wrap .line {
  display: block;
  width: 1px;
  height: clamp(46px, 12.2666666667vw, 60px);
  background-color: #000;
  margin: clamp(35px, 9.3333333333vw, 40px) auto;
}
.contents .month_wrap .month {
  text-align: center;
  font-size: clamp(33px, 8.8vw, 42px);
  padding-top: clamp(105px, 28vw, 200px);
}
.contents .month_wrap .main {
  width: clamp(375px, 100vw, 630px);
  margin: clamp(36px, 9.6vw, 55px) auto clamp(53px, 14.1333333333vw, 100px);
}
.contents .october .month {
  padding-top: 0;
}
.contents .november .bottom {
  display: flex;
  max-width: 753px;
  margin: 0 auto;
}
.contents .december .bottom {
  background-color: #fff;
  padding-top: clamp(55px, 14.6666666667vw, 93px);
  max-width: 632px;
  margin: 0 auto;
}
.contents .december .bottom figure:nth-child(1) {
  width: clamp(322px, 85.8666666667vw, 543px);
  margin: 0 auto;
}
.contents .december .bottom figure:nth-child(2) {
  width: clamp(273px, 72.8vw, 461px);
  margin: clamp(43px, 11.4666666667vw, 73px) auto 0 0;
}
.contents .december .bottom.active {
  position: sticky;
  top: 0;
}
.contents .credit {
  width: clamp(270px, 72vw, 330px);
  margin: clamp(53px, 14.1333333333vw, 90px) auto 0;
  font-size: clamp(12px, 3.2vw, 14px);
}
.contents .credit li:not(li:last-child) {
  margin-bottom: clamp(12px, 3.2vw, 20px);
}
.contents .credit li a {
  display: flex;
  justify-content: space-between;
}
.contents .credit li a span {
  display: block;
  border: 1px solid #000;
  padding: 2px clamp(14px, 3.7333333333vw, 18px);
  font-size: clamp(11px, 2.9411764706vw, 12px);
}

.sec .december .sticky {
  position: sticky;
  top: 0;
  padding-bottom: 10px;
}
.sec .december .bottom {
  position: sticky;
  top: 0;
}

.all_btn {
  font-size: 20px;
  text-align: center;
  margin: 105px auto 160px;
  width: 300px;
  padding: 18px 0;
  border: 1px solid #000;
}

footer .sns {
  display: flex;
  justify-content: center;
  gap: 35px;
}
footer .sns li {
  width: 30px;
}
footer .logo {
  margin: 75px auto 35px;
  width: 115px;
}
footer .copy {
  text-align: center;
  font-size: 12px;
  padding-bottom: 40px;
}

.slide_wrap {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .fv .grid li,
  .fv .box {
    height: min(212px, 56.5333333333vw);
  }
  .fv .grid li:nth-child(5) {
    display: flex;
    align-items: center;
  }
  .fv .grid li:nth-child(5) figure {
    width: 100px;
    margin: 0 auto;
    position: relative;
    left: -1.5vw;
  }
  .contents .october .bottom figure:nth-child(1) {
    width: max(244px, 65.0666666667vw);
    margin: 0 auto 0 max(19px, 5.0666666667vw);
  }
  .contents .october .bottom figure:nth-child(2) {
    width: max(233px, 62.1333333333vw);
    margin: max(35px, 9.3333333333vw) max(29px, 7.7333333333vw) 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .fv .grid li,
  .fv .box {
    height: max(221px, 31.5714285714vh);
  }
  .fv .container {
    padding: 17px;
  }
  .fv .grid li:nth-child(1) {
    background-image: url(../img/pc/fv_1.jpg);
  }
  .fv .grid li:nth-child(2) {
    background-image: url(../img/pc/fv_2.jpg);
  }
  .fv .grid li:nth-child(3) .s1 {
    background-image: url(../img/pc/fv_3a.jpg);
  }
  .fv .grid li:nth-child(3) .s2 {
    background-image: url(../img/pc/fv_3b.jpg);
  }
  .fv .grid li:nth-child(4) .s1 {
    background-image: url(../img/pc/fv_4a.jpg);
  }
  .fv .grid li:nth-child(4) .s2 {
    background-image: url(../img/pc/fv_4b.jpg);
  }
  .fv .grid li:nth-child(6) {
    background-image: url(../img/pc/fv_5.jpg);
  }
  .fv .grid li:nth-child(7) {
    background-image: url(../img/pc/fv_6.jpg);
  }
  .fv .grid li:nth-child(8) {
    background-image: url(../img/pc/fv_7.jpg);
  }
  .fv .grid li:nth-child(9) .s1 {
    background-image: url(../img/pc/fv_8a.jpg);
  }
  .fv .grid li:nth-child(9) .s2 {
    background-image: url(../img/pc/fv_8b.jpg);
  }
  .fv .grid li:nth-child(2) {
    background-position: center 14%;
  }
  .fv .grid li:nth-child(5) {
    display: flex;
    align-items: center;
  }
  .fv .grid li:nth-child(5) figure {
    width: min(177px, 12.2916666667vw);
    margin: 0 auto;
    position: relative;
    left: -1.5vw;
  }
  .contents .october .bottom {
    position: relative;
    margin: 100px auto 260px;
    max-width: 1440px;
  }
  .contents .october .bottom figure:nth-child(1) {
    width: min(405px, 28.125vw);
    margin: 0 auto 150px min(293px, 20.3472222222vw);
  }
  .contents .october .bottom figure:nth-child(2) {
    width: min(297px, 20.625vw);
    position: absolute;
    right: min(344px, 23.8888888889vw);
    bottom: max(-190px, -13.1944444444vw);
  }
  .sec .december .sticky {
    top: -300px;
  }
  .all_btn {
    width: 400px;
  }
}/*# sourceMappingURL=style.css.map */