.anchor {display: block;position: absolute;left: 0;right: 0;bottom: 2em;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);z-index: -1;pointer-events: none;cursor: default;opacity: 0;}
.anchor img {width: 0.5em;margin: 0 3em 0 auto;-webkit-animation: scrollarrow 2s cubic-bezier(.19,1,.22,1) 1s infinite;animation: scrollarrow 2s cubic-bezier(.19,1,.22,1) 1s infinite;}
@-webkit-keyframes scrollarrow {
    0% {-webkit-clip-path: inset(0 0 100% 0);clip-path: inset(0 0 100% 0)}
    25% {-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0)}
    75% {-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0)}
    to {-webkit-clip-path: inset(100% 0 0 0);clip-path: inset(100% 0 0 0 0)}
}
@keyframes scrollarrow {
    0% {-webkit-clip-path: inset(0 0 100% 0);clip-path: inset(0 0 100% 0)}
    25% {-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0)}
    75% {-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0)}
    to {-webkit-clip-path: inset(100% 0 0 0);clip-path: inset(100% 0 0 0 0)}
}
body {overflow: hidden;}
body.skipped,
body.slideEnd {height: auto !important;overflow-y: auto;}
#billboard {width: 100vw;height: 100svh;position: relative;overflow: hidden;}
#billboard #skip {display: none;color: #777;font-size: 87.5%;line-height: 2;text-align: center;padding: 0 2em;background: rgba(255,255,255,0.1);border: 1px solid rgba(0,0,0,0.2);position: absolute;top: 1.5em;right: 1.5em;z-index: 1000;mix-blend-mode: difference;}
body.slideEnd #skip,
body.skipped #billboard #skip {display: none;}
body.skipped #billboard ul li:not(:last-child) {opacity: 0 !important;-webkit-transition: 0.6s;transition: 0.6s;}
body.skipped #billboard ul li.slide03 {opacity: 1 !important;-webkit-transition: opacity 0.6s;transition: opacity 0.6s;}
body.skipped #billboard ul li.slide03 div {-webkit-transform: translate(-50%,-50%) scale(1.1);transform: translate(-50%,-50%) scale(1.1);-webkit-transition: 5s ease-out 0.5s;transition: 5s ease-out 0.5s;}
body.skipped #billboard ul li.slide03 .anchor {pointer-events: auto;opacity: 1;-webkit-transition: opacity 0.5s ease-out 2.0s;transition: opacity 0.5s ease-out 2.0s;z-index: 100;cursor: pointer;}
#billboard ul {}
#billboard ul li {width: 100%;height: 100svh;background: #161515;position: relative;overflow: hidden;}
#billboard ul li.slide01 {background: #f5f2ec;}
#billboard ul li.slide01 p {color: #8b745b;font-size: 175%;white-space: nowrap;line-height: 2.2;letter-spacing: 0.2em;text-align: center;position: absolute;top: 50%;left: 50%;z-index: 100;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: 1.0s;transition: 1.0s;opacity: 0;}
#billboard ul li.slide01.swiper-slide-active p {opacity: 1;-webkit-transition: 1s ease-out 1s;transition: 1s ease-out 1s;}
#billboard ul li.slide02 > div {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -4px;height: 100%;}
#billboard ul li.slide02 > div > div {width: calc(33.333% - 4px);height: calc(100% - 8px);margin: 4px 2px;position: relative;opacity: 0;}
#billboard ul li.slide02 > div > div:nth-child(1) {background: url("../img/top/top_img10_pc.webp")no-repeat center/cover;}
#billboard ul li.slide02 > div > div:nth-child(2) {background: url("../img/top/top_img11_pc.webp")no-repeat center/cover;}
#billboard ul li.slide02 > div > div:nth-child(3) {background: url("../img/top/top_img12_pc.webp")no-repeat center/cover;}
#billboard ul li.slide02 > div > div img {width: 45%;position: absolute;top: 0;left: 0;mix-blend-mode: overlay;}
#billboard ul li.slide02 > div > div p {color: #cdc3b1;position: absolute;left: 0;right: 0;bottom: 2em;}
#billboard ul li.slide02 > div > div p span {display: block;text-align: center;}
#billboard ul li.slide02 > div > div p span:nth-child(1) {display: block;font-size: 300%;margin-bottom: 0.5em;}
#billboard ul li.slide02 > div > divp span:nth-child(1)::first-letter {font-size: 133.33%;}
#billboard ul li.slide02 > div > div p span:nth-child(2) {font-size: 137.5%;letter-spacing: 0.2em;}
#billboard ul li.slide02 > div > div p span:nth-child(2)::before,
#billboard ul li.slide02 > div > div p span:nth-child(2)::after {display: inline-block;content: '';width: 2.5em;height: 1px;margin: 0 1em;background: #cdc3b1;vertical-align: super;opacity: 0.6;}
#billboard ul li.slide02.swiper-slide-prev > div > div:nth-child(1),
#billboard ul li.slide02.swiper-slide-active > div > div:nth-child(1) {opacity: 1;-webkit-transition: 1.0s ease-out 0.5s;transition: 1.0s ease-out 0.5s;}
#billboard ul li.slide02.swiper-slide-prev > div > div:nth-child(2),
#billboard ul li.slide02.swiper-slide-active > div > div:nth-child(2) {opacity: 1;-webkit-transition: 1.0s ease-out 1.5s;transition: 1.0s ease-out 1.5s;}
#billboard ul li.slide02.swiper-slide-prev > div > div:nth-child(3),
#billboard ul li.slide02.swiper-slide-active > div > div:nth-child(3) {opacity: 1;-webkit-transition: 1.0s ease-out 2.5s;transition: 1.0s ease-out 2.5s;}
#billboard ul li.slide02.swiper-slide-prev > div,
#billboard ul li.slide02.swiper-slide-active > div {opacity: 0;-webkit-transition: 1.0s ease-out 4.5s;transition: 1.0s ease-out 4.5s;}
#billboard ul li.slide03 figure {width: 30%;max-width: 20em;height: auto;position: absolute;top: 50%;left: 80%;z-index: 100;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#billboard ul li.slide03 div {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%) scale(1.3);transform: translate(-50%,-50%) scale(1.3);background: url("../img/top/top_mv01_img01_pc.webp")no-repeat center/cover;}
#billboard ul li.slide03.swiper-slide-active div {-webkit-transform: translate(-50%,-50%) scale(1.1);transform: translate(-50%,-50%) scale(1.1);-webkit-transition: 7s ease-in-out 0.5s;transition: 7s ease-in-out 0.5s;}
#billboard ul li.slide03.swiper-slide-active .anchor {pointer-events: auto;opacity: 0.7;-webkit-transition: 0.5s ease-out 2.0s;transition: 0.5s ease-out 2.0s;z-index: 100;cursor: pointer;}

/*アニメーション解除*/
#billboard ul li.slide02,
#billboard ul li.slide01 {display: none;}

#introduction {padding: 18em 0 25em;}
#introduction > p:nth-of-type(1) {color: #b3aca1;font-size: 175%;line-height: 2.4;letter-spacing: 0.2em;text-align: center;opacity: 0;}
#introduction.append > p:nth-of-type(1) {opacity: 1;-webkit-transition: 0.4s linear 0.5s;transition: 0.4s linear 0.5s;}
#introduction > p:nth-of-type(1)::before {display: block;content: '';width: 7em;height: 5em;margin: 0 auto 2em; background: url("../img/common/logo02.svg")no-repeat center/contain;}
#introduction > p:nth-of-type(1)::after {display: block;content: attr(data-title) "";letter-spacing: 0.1em;}
#introduction > p:nth-of-type(1)::before,
#introduction > p:nth-of-type(1)::after,
#introduction > p:nth-of-type(1) span {opacity: 0;}
#introduction.append > p::before {opacity: 1;-webkit-transition: 1.5s linear 0s;transition: 1.5s linear 0s;}
#introduction.append > p::after,
#introduction.append > p span {white-space: nowrap;opacity: 1;-webkit-transition: 1.5s linear 0s;transition: 1.5s linear 0s;}
#schedule {height: 100%;}
#schedule .box {height: 75em;margin-top: 0;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
#schedule .box + .box {margin-top: 8em;}
#schedule .box:not(:last-child) {margin-bottom: 8px;}
#schedule .box::after {display: block;content: '';width: 58%;height: 40em;position: absolute;top: 6em;right: 0;opacity: 0;}
#schedule .box:nth-of-type(1)::after {background: url("../img/top/top_img20_pc.webp")no-repeat center/cover;}
#schedule .box:nth-of-type(2)::after {background: url("../img/top/top_img21_pc.webp")no-repeat center/cover;}
#schedule .box:nth-of-type(3)::after {background: url("../img/top/top_img22_pc.webp")no-repeat center/cover;}
#schedule .box > div {width: 85%;max-width: 1380px;background: url("../img/top/top_bg01_pc.webp")no-repeat center/cover;position: absolute;left: 0;right: 0;bottom: 0;opacity: 0;}
#schedule .box.append::after {opacity: 1;-webkit-transition: 1.0s linear 0.5s;transition: 1.0s linear 0.5s;}
#schedule .box.append > div {opacity: 1;-webkit-transition: 0.6s linear 1.0s;transition: 0.6s linear 1.0s;}
#schedule .box > div > div {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 8em 0;max-width: 1400px;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
#schedule .box > div div img {width: auto;height: 9em;position: absolute;top: 0;left: 0;-webkit-transform: translate(0,-100%);transform: translate(0,-100%);}
#schedule .box > div div div {-webkit-box-sizing: border-box;box-sizing: border-box;}
#schedule .box > div div .left {width: 50%;max-width: 650px;}
#schedule .box > div div .left p {color: #cdc3b1;}
#schedule .box > div div .left p span {display: block;}
#schedule .box > div div .left p span:nth-child(1) {font-size: 350%;}
#schedule .box > div div .left p span:nth-child(1)::first-letter {font-size: 133.333%;}
#schedule .box > div div .left p span:nth-child(2) {font-size: 150%;letter-spacing: 0.2em;margin-top: 1em;}
#schedule .box > div div .right {padding-top: 14em;width: 47%;max-width: 600px;}
#schedule .box > div div .right p:nth-child(1) {font-size: 175%;letter-spacing: 0.1em;}
#schedule .box > div div .right p:nth-child(1) span {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
#schedule .box > div div .right p:nth-child(1) span::after {display: block;content: '';width:  9em;height: 1px;margin-left: 0.5em;background: #cdc3b1;}
#schedule .box > div div .right p:nth-child(2) {font-size: 150%;line-height: 2;letter-spacing: 0.1em;margin-top: 1.5em;}
#schedule .box > div div .right p:nth-child(3) {font-size: 106.25%;line-height: 2.2;margin-top: 1.5em;}
#schedule .box:nth-child(1) > div div .right p:nth-child(1) span::after {width: calc(100% - 6.5em);}
#schedule .box:nth-child(2) > div div .right p:nth-child(1) span::after {width: calc(100% - 9.2em);}
#schedule .box:nth-child(3) > div div .right p:nth-child(1) span::after {width: calc(100% - 9.2em);}
#recommended .inner01 {padding: 45em 0 4em 4em;-webkit-box-sizing: border-box;box-sizing: border-box;opacity: 0;}
body.loaded #recommended .inner01 {opacity: 1;-webkit-transition: 0.4s linear 0s;transition: 0.4s linear 0s;}
#recommended .inner01 > div {width: 72%;max-width: 1380px;padding: 6em 3em;-webkit-box-sizing: border-box;box-sizing: border-box;background: rgba(108,92,75,0.95);}
#recommended .inner01 > div h3 {color: #c6bcab;opacity: 0;}
#recommended.append .inner01 > div h3 {opacity: 1;-webkit-transition: 0.4s linear 0.5s;transition: 0.4s linear 0.5s;}
#recommended .inner01 > div ul {margin: 4em 0 0 auto;max-width: 63em;}
#recommended .inner01 > div ul li {color: var(--color-02);font-size: 137.5%;letter-spacing: 0.15em;position: relative;opacity: 0;}
#recommended.append .inner01 > div ul li:nth-child(1) {opacity: 1;-webkit-transition: 1.0s linear 0s;transition: 1.0s linear 0s;}
#recommended.append .inner01 > div ul li:nth-child(2) {opacity: 1;-webkit-transition: 1.0s linear 1s;transition: 1.0s linear 1s;}
#recommended.append .inner01 > div ul li:nth-child(3) {opacity: 1;-webkit-transition: 1.0s linear 2s;transition: 1.0s linear 2s;}
#recommended.append .inner01 > div ul li:nth-child(4) {opacity: 1;-webkit-transition: 1.0s linear 3s;transition: 1.0s linear 3s;}
#recommended.append .inner01 > div ul li:nth-child(5) {opacity: 1;-webkit-transition: 1.0s linear 4s;transition: 1.0s linear 4s;}
#recommended.append .inner01 > div ul li:nth-child(6) {opacity: 1;-webkit-transition: 1.0s linear 5s;transition: 1.0s linear 5s;}
#recommended .inner01 > div ul li + li {margin-top: 4em;}
#recommended .inner01 > div ul li:nth-child(even) {margin-left: 13em;}
#recommended .inner01 > div ul li > span {color: #4c3c2c;position: relative;z-index: 100;}
#recommended .inner01 > div ul li > span::after {display: block;content: '';width: calc(100% + 6em);height: calc(100% + 1.25em);background: -webkit-gradient(linear,left top, right top,from(transparent),color-stop(#f6f3eb),color-stop(#f6f3eb),color-stop(#f6f3eb),color-stop(#f6f3eb),to(transparent));background: linear-gradient(to right,transparent,#f6f3eb,#f6f3eb,#f6f3eb,#f6f3eb,transparent);opacity: 0.7;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: -1;}
#recommended .inner01 > div ul li > span span {font-size: 125%; }
#interlude1 {position: relative;}
#interlude1 .box p {color: #b3aca1;font-size: 175%;line-height: 2.2;letter-spacing: 0.3em;text-align: center;padding: 15em 0;opacity: 0;}
#interlude1 .box.append p {opacity: 1;-webkit-transition: 0.4s linear 0.5s;transition: 0.4s linear 0.5s;}
#interlude1 figure {opacity: 0;}
#interlude1 figure.append {opacity: 1;-webkit-transition: 0.4s linear 0.5s;transition: 0.4s linear 0.5s;}
#recommended2 {padding: 8em 0 67vw;background: url("../img/top/top_img41_02_pc.webp")no-repeat center bottom/100% auto;}
#recommended2 h2 {opacity: 0;}
#recommended2 h2.append {opacity: 1;-webkit-transition: 0.4s linear 0.5s;transition: 0.4s linear 0.5s;}
#recommended2 .inner01 {margin-top: 7em;}
#recommended2 .inner01 ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
#recommended2 .inner01 ul li {color: var(--color-02);width: 30%;margin-bottom: 5%;padding: 2em 3em 14em;border: 1px solid var(--color-05);-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;opacity: 0;}
#recommended2 .inner01 ul li:nth-child(1).append {opacity: 1;-webkit-transition: 1.0s linear 0s;transition: 1.0s linear 0s;}
#recommended2 .inner01 ul li:nth-child(2).append {opacity: 1;-webkit-transition: 1.0s linear 0.25s;transition: 1.0s linear 0.25s;}
#recommended2 .inner01 ul li:nth-child(3).append {opacity: 1;-webkit-transition: 1.0s linear 0.5s;transition: 1.0s linear 0.5s;}
#recommended2 .inner01 ul li:nth-child(4).append {opacity: 1;-webkit-transition: 1.0s linear 0.75s;transition: 1.0s linear 0.75s;}
#recommended2 .inner01 ul li:nth-child(5).append {opacity: 1;-webkit-transition: 1.0s linear 1.0s;transition: 1.0s linear 1.0s;}
#recommended2 .inner01 ul li::before,
#recommended2 .inner01 ul li::after {display: block;content: '';background: #fff;position: absolute;z-index: 100;}
#recommended2 .inner01 ul li:nth-child(n + 3)::before {display: none;}
#recommended2 .inner01 ul li:nth-child(2)::before,
#recommended2 .inner01 ul li:nth-child(1)::before {width: 13em;height: 13em;}
#recommended2 .inner01 ul li:nth-child(2)::after,
#recommended2 .inner01 ul li:nth-child(1)::after {width: 37em;height: 21.1em;}
#recommended2 .inner01 ul li:nth-child(1)::before {background: url("../img/top/top_img31_01_pc.webp")no-repeat center/cover;top: 19em;left: -10em;}
#recommended2 .inner01 ul li:nth-child(1)::after {background: url("../img/top/top_img31_02_pc.webp")no-repeat center/cover;top: 24em;right: -4em;}
#recommended2 .inner01 ul li:nth-child(2)::before {background: url("../img/top/top_img32_01_pc.webp")no-repeat center/cover;top: 14em;right: -10em;}
#recommended2 .inner01 ul li:nth-child(2)::after {background: url("../img/top/top_img32_02_pc.webp")no-repeat center/cover;left: -4em;bottom: 27em;}
#recommended2 .inner01 ul li:nth-child(5)::after,
#recommended2 .inner01 ul li:nth-child(4)::after,
#recommended2 .inner01 ul li:nth-child(3)::after {right: -3em;bottom: -10em;width: 28em;height: 22em;}
#recommended2 .inner01 ul li:nth-child(3)::after {background: url("../img/top/top_img33_01_pc.webp")no-repeat center/cover;}
#recommended2 .inner01 ul li:nth-child(4)::after {background: url("../img/top/top_img34_01_pc.webp")no-repeat center/cover;}
#recommended2 .inner01 ul li:nth-child(5)::after {background: url("../img/top/top_img35_01_pc.webp")no-repeat center/cover;}
#recommended2 .inner01 ul li:nth-child(2),
#recommended2 .inner01 ul li:nth-child(1) {width: 40%;padding-left: 5em;padding-right: 5em;}
#recommended2 .inner01 ul li:nth-child(1) {margin-bottom: 15%;}
#recommended2 .inner01 ul li:nth-child(2) {padding-top: 22em;padding-bottom: 3em;}
#recommended2 .inner01 ul li p:nth-of-type(1) {color: var(--color-05);font-size: 200%;}
#recommended2 .inner01 ul li p:nth-of-type(1) span {display: inline-block;font-size: 222%;line-height: 0.7;margin-left: 0.1em;}
#recommended2 .inner01 ul li p:nth-of-type(2) {font-size: 150%;line-height: 1.5;letter-spacing: 0.1em;margin-top: 0.5em;}
#recommended2 .inner01 ul li p:nth-of-type(3) {font-size: 106.25%;line-height: 2;margin-top: 2em;}
#recommended2 .inner02 {margin-top: 16em;}
#recommended2 .inner02 .swiper-container2 .swiper-wrapper {-webkit-transition-timing-function: linear;transition-timing-function: linear;}
#gallery {text-align: center;padding: 8em 0;background: #6c5c4b;opacity: 0;}
#gallery.append {opacity: 1;-webkit-transition: 1.0s linear 0s;transition: 1.0s linear 0s;}
#gallery h2 {color: #c6c0b6;line-height: 0.7;}
#gallery ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
#gallery ul li {width: calc(100% / 6);}
#gallery .btn-style-01 {margin-top: 3em;}
#gallery .btn-style-01 span::before {display: inline-block;content: '';width: 1em;height: 1em;margin-right: 0.5em; background: url("../img/common/icon_insta.svg")no-repeat center/contain;vertical-align: sub;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);opacity: 0.7;}
#fair {text-align: center;padding: 8em 0;background: url("../img/top/top_img60_01_pc.webp")no-repeat center/cover;opacity: 0;}
#fair.append {opacity: 1;-webkit-transition: 1.0s linear 0s;transition: 1.0s linear 0s;}
#fair h2 {color: #5a4d3f;font-size: 500%;}
#fair p:nth-of-type(1) {color: #453a2e;font-size: 137.5%;line-height: 2;letter-spacing: 0.1em;margin-top: 2em;}
#fair a:nth-of-type(1) {color: var(--color-02);font-size: 137.5%;margin: 4em auto 0;background: -webkit-gradient(linear,left top, right top,from(#453b31),color-stop(#8d755b),to(#453b31));background: linear-gradient(to right,#453b31,#8d755b,#453b31);}
@media only screen and (min-width: 1920px) {
  #recommended .inner01 {padding: 55vw 0 4em 4em;}
}
@media only screen and (min-width: 1400px) and (max-width: 1850px) {
  #recommended2 .inner01 ul li:nth-child(2),
  #recommended2 .inner01 ul li:nth-child(1) {width: 45%;}
  #recommended2 .inner01 ul li:nth-child(1)::before {top: 20.5em;left: -5vw;}
  #recommended2 .inner01 ul li:nth-child(2)::before {right: -5vw;}
}
@media only screen and (max-width: 1650px) {
  #recommended .inner01 > div {width: 85%;}
  #recommended2 .inner01 ul {padding-top: 3em;}
  #recommended2 .inner01 ul li:nth-child(5)::after,
  #recommended2 .inner01 ul li:nth-child(4)::after,
  #recommended2 .inner01 ul li:nth-child(3)::after {width: 27vw;}
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  #recommended2 .inner01 ul li:nth-child(2),
  #recommended2 .inner01 ul li:nth-child(1) {width: 47.5%;}
  #recommended2 .inner01 ul li:nth-child(2) {padding-top: 17em;}
  #recommended2 .inner01 ul li:nth-child(2)::after,
  #recommended2 .inner01 ul li:nth-child(1)::after {width: 39vw;height: 19.2em;left: auto;right: -2em;}
  #recommended2 .inner01 ul li:nth-child(1)::after {top: 22em;}
  #recommended2 .inner01 ul li:nth-child(5)::after,
  #recommended2 .inner01 ul li:nth-child(4)::after,
  #recommended2 .inner01 ul li:nth-child(3)::after {top: 29em;right: -2em;width: 26vw;height: 18em;}
  #recommended2 .inner01 ul li p:nth-of-type(2) {font-size: 125%;}
  #recommended2 .inner01 ul li p:nth-of-type(3) {font-size: 100%;margin-top: 1.5em;}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  #recommended2 .inner01 ul li {padding: 2em 2em 14em;}
  #recommended2 .inner01 ul li:nth-child(1)::after {top: 18em;}
  #recommended2 .inner01 ul li:nth-child(2)::after {bottom: 22em;}
}
@media only screen and (max-width: 1650px) {
  #recommended2 .inner01 ul li:nth-child(2)::before,
  #recommended2 .inner01 ul li:nth-child(1)::before {display: none;}
}
@media only screen and (max-width: 1300px) {
  #recommended .inner01 > div {padding: 4em 3em 4em 5em;}
  #recommended .inner01 > div ul {width: 48em;}
  #recommended .inner01 > div ul li {font-size: 125%;}
  #recommended .inner01 > div ul li:nth-child(even) {margin-left: 10em;}
}
@media only screen and (max-width: 1200px) {
  #recommended2 .inner01 ul li {padding: 3em 44% 3em 3em !important;margin-bottom: 11% !important;width: 100% !important;}
  #recommended2 .inner01 ul li::after {width: 39vw !important;height: 20em !important;top: -2em !important;bottom: auto !important;}
  #recommended2 .inner02 {margin-top: 0;}
}
@media only screen and (max-width: 1100px) {
  #billboard ul li.slide03 figure {left: auto;right: 2em;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);}
  #schedule .box {margin-top: 0;height: 44em;}
  #schedule .box::after {width: 90%;height: 15em;}
  #schedule .box > div {width: 95%;}
  #schedule .box > div > div {padding: 7em 1em 3em 2em;width: 100%;max-width: 1400px;}
  #schedule .box > div div img {height: 4em;top: 1.75em;left: auto;right: 7vw;z-index: 100;mix-blend-mode: color-burn;}
  #schedule .box > div div .left p span:nth-child(1) {white-space: nowrap;}
  #schedule .box > div div .left p span:nth-child(2) {font-size: 137.5%;letter-spacing: 0;white-space: nowrap;}
  #schedule .box > div div .right {padding-top: 3em;width: 90%;}
  #schedule .box > div div .right p:nth-child(1) {font-size: 137.5%;}
  #schedule .box > div div .right p:nth-child(2) {font-size: 125%;letter-spacing: 0;margin-top: 1em;}
  #schedule .box > div div .right p:nth-child(3) {font-size: 100%;line-height: 2;margin-top: 2em;}
  #recommended {}
  #recommended .inner01 {padding: 35em 0 2em 2em;}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
  #billboard ul li.slide02 > div > div p {font-size: 0.9vw;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #schedule .box:nth-child(1) {height: 63em;}
  #schedule .box:nth-child(2) {height: 63.5em;}
  #schedule .box:nth-child(3) {height: 63em;}
  #schedule .box::after {height: 30em;}
  #schedule .box > div div img {height: 6em;top: 4.7em ;right: 3vw;}
  #recommended .inner01 > div {font-size: 1.3vw;}
  #recommended .inner01 > div ul li:nth-child(even) {margin-left: 14em;}
}
@media only screen and (max-width: 1024px) {
  #billboard #skip {top: auto;bottom: 2em;}
  #billboard ul li.slide01 p {font-size: 150%;letter-spacing: 0;}
  #billboard ul li.slide02 > div {display: block;margin: 0;}
  #billboard ul li.slide02 > div > div {width: 100%;height: calc(33.333svh - 2.666px); margin: 0;}
  #billboard ul li.slide02 > div > div:nth-child(2) {margin: 4px 0;}
  #billboard ul li.slide02 > div > div:nth-child(1) {background: url("../img/top/top_img10_sp.webp")no-repeat center/cover;}
  #billboard ul li.slide02 > div > div:nth-child(2) {background: url("../img/top/top_img11_sp.webp")no-repeat center/cover;}
  #billboard ul li.slide02 > div > div:nth-child(3) {background: url("../img/top/top_img12_sp.webp")no-repeat center/cover;}
  #billboard ul li.slide02 > div > div img {width: 25%;left: auto;right: 0;mix-blend-mode: normal;opacity: 0.6;}
  #billboard ul li.slide02 > div > div p {left: 1em;bottom: 1em;}
  #billboard ul li.slide02 > div > div p span {text-align: left;}
  #billboard ul li.slide02 > div > div p span:nth-child(1) {font-size: 240%;}
  #billboard ul li.slide02 > div > div p span:nth-child(2) {font-size: 137.5%;}
  #billboard ul li.slide02 > div > div p span:nth-child(2)::after,
  #billboard ul li.slide02 > div > div p span:nth-child(2)::before {display: none;}
  #billboard ul li.slide02 > div > div:nth-child(1) p span:nth-child(2)::after {width: calc(100% - 8em);}
  #billboard ul li.slide02 > div > div:nth-child(2) p span:nth-child(2)::after {width: calc(100% - 11.5em);}
  #billboard ul li.slide02 > div > div:nth-child(3) p span:nth-child(2)::after {width: calc(100% - 10.5em);}
  #billboard ul li.slide03 figure {width: 40%;right: 1em;}
  #billboard ul li.slide03 div {background: url(../img/top/top_mv01_img01_sp.webp) no-repeat center / cover;}
}
@media only screen and (min-width: 768px) {
  #recommended {background: url("../img/top/top_img41_01_pc.webp")no-repeat top center/cover;}
  /*body.loaded #recommended {background: url("../img/top/top_img41_01_pc.webp")no-repeat top center/106%;transition: 8s;}*/
}
@media only screen and (max-width: 767px) {
  .anchor {bottom: 3em;}
  #billboard ul li,
  #billboard {height: 30svh;}
  #billboard ul li.slide03 figure {width: 30%;right: 2em;}
  #billboard ul li.slide01 p {font-size: 137.5%;}
  #billboard ul li.slide02 > div > div img {width: 45%;}
  #billboard ul li.slide02 > div > div p {left: 0.5em;bottom: 0.5em;}
  #billboard ul li.slide02 > div > div p span:nth-child(1) {font-size: 200%;}
  #billboard ul li.slide02 > div > div p span:nth-child(2) {font-size: 100%;}
  #billboard ul li.slide03 div {background: url(../img/top/top_mv01_img01_pc.webp) no-repeat center / cover;}
  #introduction {padding: 2em 0;}
  #introduction > p:nth-of-type(1) {font-size: 100%;line-height: 2;letter-spacing: 0.1em;white-space: nowrap;top: 45%;}
  #introduction > p:nth-of-type(1)::before {display: none;width: 6em;height: 5em;margin-bottom: 1em;}
  #introduction > p:nth-of-type(1)::after {font-size: 100%;letter-spacing: 0;}
  #schedule {margin-top: 3em;}
  #schedule .box + .box {margin-top: 5em;}
  #schedule .box:nth-child(1) {height: 44em;}
  #schedule .box:nth-child(2) {height: 44.5em;}
  #schedule .box:nth-child(3) {height: 44em;}
  #schedule .box::after {height: 15em;top: 0;}
  #schedule .box:nth-of-type(2)::after {background: url(../img/top/top_img21_pc.webp) no-repeat center / cover;}
  #schedule .box > div div img {top: 3.9em;right: 2vw;mix-blend-mode: normal;opacity: 0.8;}
  #schedule .box > div > div {padding: 6em 1em 3em 1.5em;}
  #schedule .box > div div .left {width: 100%;}
  #schedule .box > div div .left p span:nth-child(1) {font-size: 200%;}
  #schedule .box > div div .left p span:nth-child(2) {font-size: 137.5%;letter-spacing: 0;white-space: nowrap;margin-top: 0.5em;}
  #schedule .box > div div .right {width: 100%;}
  #schedule .box > div div .right p:nth-child(1) {font-size: 137.5%;}
  #schedule .box > div div .right p:nth-child(2) {font-size: 125%;letter-spacing: 0;white-space: nowrap;margin-top: 1em;}
  #schedule .box > div div .right p:nth-child(3) {font-size: 100%;line-height: 2;margin-top: 2em;}
  #schedule .box:nth-child(1) > div div .right p:nth-child(1) span::after {width: calc(100% - 9.25em);}
  #recommended {background: url("../img/top/top_img41_01_sp.webp")no-repeat top center/cover;}
  /*body.loaded #recommended {background: url("../img/top/top_img41_01_sp.webp")no-repeat top center/106%;transition: 5s;}*/
  #recommended .inner01 {padding: 28em 0 0;}
  #recommended .inner01 > div {width: 100%;padding: 3em 5vw 4em;}
  #recommended .inner01 > div h3::before {font-size: 250%;}
  #recommended .inner01 > div ul {max-width: 100%;margin-top: 3em;}
  #recommended .inner01 > div ul li {font-size: 100%;letter-spacing: 0;line-height: 2;}
  #recommended .inner01 > div ul li + li {margin-top: 3em;}
  #recommended .inner01 > div ul li:nth-child(even) {text-align: right;margin-left: 0;}
  #recommended .inner01 > div ul li:not(:first-child) {line-height: 3;margin-top: 4em;}
  #recommended .inner01 > div ul li > span {display: inline-block;padding: 0;position: relative;}
  #recommended .inner01 > div ul li:nth-child(even) > span {text-align: left;}
  #recommended .inner01 > div ul li > span::after {width: 100vw;height: calc(100% + 1.25em);background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#f6f3eb), color-stop(#f6f3eb), color-stop(#f6f3eb), color-stop(#f6f3eb), to(transparent));background: linear-gradient(to right, transparent, #f6f3eb, #f6f3eb, #f6f3eb, #f6f3eb, transparent);left: -5vw;-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);}
  #recommended .inner01 > div ul li:nth-child(even) > span::after {left: auto;right: -5vw;}
  #recommended .inner01 > div ul li:nth-child(odd) > span::after {background: -webkit-gradient(linear, left top, right top, from(#f6f3eb), color-stop(#f6f3eb), color-stop(#f6f3eb), color-stop(#f6f3eb), color-stop(#f6f3eb), to(transparent));background: linear-gradient(to right, #f6f3eb, #f6f3eb, #f6f3eb, #f6f3eb, #f6f3eb, transparent);}
  #recommended .inner01 > div ul li:nth-child(even) > span::after {background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#f6f3eb), color-stop(#f6f3eb), color-stop(#f6f3eb), color-stop(#f6f3eb), to(#f6f3eb));background: linear-gradient(to right, transparent, #f6f3eb, #f6f3eb, #f6f3eb, #f6f3eb, #f6f3eb);}
  #recommended .inner01 > div ul li:nth-child(1) > span::after {width: 95vw;}
  #recommended .inner01 > div ul li:nth-child(2) > span::after {width: 95vw;}
  #recommended .inner01 > div ul li:nth-child(3) > span::after {width: 85vw;}
  #recommended .inner01 > div ul li:nth-child(4) > span::after {width: 95vw;}
  #recommended .inner01 > div ul li:nth-child(5) > span::after {width: 85vw;}
  #recommended .inner01 > div ul li:nth-child(6) > span::after {width: 95vw;}
  #interlude1 .box {}
  #interlude1 .box p {font-size: 125%;letter-spacing: 0.1em;white-space: nowrap;padding: 10em 0;}
  #recommended2 {padding: 4em 0 68vw;overflow-x: hidden;}
  #recommended2 .inner01 {margin-top: 0;}
  #recommended2 .inner01 ul li {padding: 2em 1.5em 13.5em !important;margin-bottom: 9em !important;}
  #recommended2 .inner01 ul li::after {width: calc(95vw - 2em) !important;height: 17em !important;top: auto !important;right: -5vw !important;bottom: -6em !important;}
  #recommended2 .inner01 ul li:nth-child(even)::after {left: -5vw !important;right: auto !important;}
  #recommended2 .inner01 ul li p:nth-of-type(1) {font-size: 175%;}
  #recommended2 .inner01 ul li p:nth-of-type(2) {font-size: 125%;letter-spacing: 0;margin-top: 1em;}
  #recommended2 .inner01 ul li p:nth-of-type(3) {font-size: 100%;margin-top: 2em;}
  #recommended2 .inner02 {margin-top: 2em;}
  #gallery {padding: 4em 0;}
  #gallery h2 {font-size: 250% !important;line-height: 0.8;margin-bottom: -0.05em;}
  #gallery ul li {width: calc(100% / 3);}
  #gallery .btn-style-01 {margin-top: 2em;}
  #fair {padding: 4em 0;}
  #fair h2 {font-size: 250%;}
  #fair p:nth-of-type(1) {font-size: 125%;line-height: 1.5;margin-top: 1em;}
  #fair a:nth-of-type(1) {font-size: 125%;margin-top: 2em;max-width: 15.5em;}
}
@media only screen and (max-width: 450px) {
  body {font-size: 4vw;}
  #schedule .box > div div img {top: 4em;}
  #recommended .inner01 {padding: 20em 0 0;}
}
@media only screen and (max-width: 350px) {
  body {font-size: 4.3vw;}
}