@charset "UTF-8";
#main > section + section .observe {transform: translateY(2em);opacity: 0;}
#main > section + section .observe.staging {transform: translateY(0);transition: 0.4s;opacity: 1;}
#menu {transform: translateX(-101%);}
#billboard {height: 140svh;position: relative;/*overflow: hidden;*/}
#billboard::after {content: '';width: 16em;height: 53em;margin: 0 auto;background: url("../img/top/mv/mv_img00_pc.webp") no-repeat center/contain;position: absolute;top: 36%;left: 53em;right: 0;z-index: 102;opacity: 0;}
#billboard > p:nth-of-type(1) {width: 90%;max-width: 650px;margin: 0 auto;position: absolute;top: 4%;left: 0;right: 0;z-index: 101;overflow: hidden;}
#billboard > p:nth-of-type(1) img {transform: translateY(100%);}
#billboard > p:nth-of-type(2) {width: 90%;max-width: 650px;margin: 0 auto;position: absolute;top: 23%;left: 0;right: 0;z-index: 102;opacity: 0;transform: scale(30);pointer-events: none;}
#billboard .imgWrap {width: 90%;max-width: 450px;padding-top: 14.5%;position: absolute;top: 39%;left: 50%;transform: translate(-50%,-50%);z-index: 110;opacity: 0;}
#billboard .imgWrap img {width: 100%;position: absolute;top: 0;left: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: 0.4s;}
#billboard .imgWrap img:nth-child(1) {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);z-index: 118;}
#billboard .imgWrap img:nth-child(2) {-webkit-transform: rotateY(0);transform: rotateY(0);z-index: 117;}
#billboard .imgWrap img:nth-child(3) {z-index: 116;}
#billboard .txtWrap {color: #fff;text-align: center;position: absolute;top: 53%;left: 0;right: 0;z-index: 110;opacity: 0;transform: translateY(2em);}
#billboard .txtWrap p {font-weight: 600;}
#billboard .txtWrap p:nth-child(1) {font-size: 250%;line-height: 1.25;text-shadow: 2px 2px 2px rgba(0,0,0,0.75);}
#billboard .txtWrap p:nth-child(2) {font-size: 250%;font-family: Arial, sans-serif;line-height: 1.25;margin-top: 0.5em;}
#billboard .txtWrap p:nth-child(2) {text-shadow: 2px 2px 2px rgba(0,0,0,0.85);}
#billboard .txtWrap p:nth-child(2) small {font-size: 60%;}
#billboard .txtWrap p:nth-child(3) {color: #5b4734;font-size: 187.5%;font-weight: 600;line-height: 1.5;margin-top: 2em;}
#billboard .txtWrap p:nth-child(3) small {display: block;font-size: 60%;margin-top: 1em;}
#billboard .bg {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;}
#billboard .bg01 {background: url("../img/top/mv/mv_img02_pc.webp") no-repeat center/cover;z-index: 100;}
#billboard .bg02 {background: url("../img/top/mv/mv_img01_pc.webp") no-repeat center/cover;z-index: 100;}
#menu {transform: translateX(0);transition: 0.7s;transition-delay: 5s;}
/*body.loaded #menu {transform: translateX(0);transition: 0.7s;transition-delay: 5s;}*/
body.loaded #billboard::after {opacity: 1;transition: 0.4s;}
body.loaded #billboard > p:nth-of-type(1) img {animation: mvAnimetion01 1.6s ease-out forwards;animation-delay: 0s;transition-delay: 0.4s;}
body.loaded #billboard > p:nth-of-type(2) {animation: mvAnimetion02 2s ease-in-out forwards;animation-delay: 0.4s;transition-delay: 0s;opacity: 0;}
/*body.loaded #billboard > p:nth-of-type(2) {animation: mvAnimetion02 2s ease-in-out forwards;animation-delay: 2.4s;transition-delay: 0.4s;opacity: 0;}*/
body.loaded #billboard .txtWrap {transform: translateY(0);transition: 0.6s linear 5s;opacity: 1;}
/*body.loaded #billboard .txtWrap {transform: translateY(0);transition: 0.6s linear 5s;opacity: 1;}*/
body.loaded #billboard .imgWrap {animation: mvAnimetion03 3s ease-in-out forwards;animation-delay: 0.4s;transition-delay:  0.4s;opacity: 1;}
body.loaded #billboard .imgWrap img:nth-child(1) {-webkit-transform: rotateY(0);transform: rotateY(0);transition-delay: 4s;}
body.loaded #billboard .imgWrap img:nth-child(2) {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);transition-delay: 4s;}
@keyframes mvAnimetion01 {
  100% {transform: translateY(0%);}
}

@keyframes mvAnimetion02 {
  0% {transform: scale(30);opacity: 0;}
  100% {transform: scale(1);opacity: 1;}
}
@keyframes mvAnimetion03 {
  0% {transform: translate(-50%, 0) rotate(0deg);}
  30% {transform: translate(-60%, -40px) rotate(3deg);}
  60% {transform: translate(-40%, -80px) rotate(-3deg);}
  100% {transform: translate(-50%, -120px) rotate(0deg);}
}
body.loaded #billboard .bg {opacity: 1;transition: 0.4s;}
#topics {width: 100%;padding: 5em 0;overflow: hidden;}
#topics .sliderWrap-bnr {position: relative;}
#topics .sliderWrap-bnr ul li a {display: block;border-radius: 0.5em;box-shadow: 0 0 6px #aaa;overflow: hidden;}
#topics .sliderWrap-bnr .swiper-navigation-bnr {display: flex;flex-wrap: wrap;justify-content: space-between;width: 84vw;max-width: 1280px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;pointer-events: none;}
#topics .sliderWrap-bnr .swiper-navigation-bnr button {display: block;width: 2.1em;height: 2em;background: url("../img/common/cursor.svg") no-repeat center/contain;border: none;pointer-events: auto;cursor: pointer;}
#topics .sliderWrap-bnr .swiper-navigation-bnr button:nth-child(2) {}
#topics .sliderWrap-bnr .swiper-navigation-bnr button:nth-child(1) {transform: rotate(180deg);}

#topics .sliderWrap-bnr ul li.forum a {cursor: default;}
#topics .sliderWrap-bnr ul li.forum span {display: block;width: 100%;height: 50%;position: absolute;left: 0;z-index: 1;}
#topics .sliderWrap-bnr ul li.forum span:nth-child(1) {height: 30%;bottom: 0;}

#news .container:nth-child(1) {}
#news .container:nth-child(1) h2::after {display: none;}
#news .container:nth-child(1) > ul {border-top: 1px solid var(--color-07);border-bottom: 1px solid var(--color-07);}
#news .container:nth-child(1) > ul > li:nth-child(n + 3) {display: none;}
#news .container:nth-child(1) > ul > li > a {display: block;padding: 2em 0;}
#news .container:nth-child(1) > ul > li + li > a::before {display: block;content: '';width: 100%;height: 1px;background-size: 6px 1px;background-image: linear-gradient(to right, #777, #777, transparent 1px, transparent 6px);position: absolute;top: 0;left: 0;pointer-events: none;}
#news .container:nth-child(1) > ul > li > a p:nth-child(1) {color: #868686;}
#news .container:nth-child(1) > ul > li > a p:nth-child(2) {font-size: 125%;line-height: 1.5;margin-top: 0.25em;}
#news .container:nth-child(1).open > ul > li:nth-child(n + 3) {display: block;}
#news .container:nth-child(1) > ul > li > a .modalDetail > div {background: #e4f1f3;}
#news .container:nth-child(1) > ul > li > a .modalDetail > div .date::before {display: block;content: "What's NEW";color: #000;font-size: 125%;font-family: 'Montserrat', sans-serif;position: absolute;left: 0;bottom: calc(100% + 0.25em);}
#news .container:nth-child(1) > ul > li > a .modalDetail > div .date::after {display: block;content: '';width: 4em;height: 3.5em;background: url("../img/common/icon05.svg") no-repeat center/contain;position: absolute;right: -1em;bottom: calc(100% - 0.75em);}
#news .container:nth-child(1) > ul > li > a .modalDetail > div .date {color: #868686;width: calc(100% - 1em);padding-top: 0.5em;margin-top: 2em;border-top: 1px solid #000;position: relative;}
#news .container:nth-child(1) > ul > li > a .modalDetail > div .large {color: #5c6b7c;font-size: 150%;font-weight: 600;line-height: 1.5;padding: 1.5em 0;}
#news .container:nth-child(1) > ul > li > a .modalDetail > div .middle {line-height: 1.5;}
#news .container:nth-child(1) > ul > li.bikke > a .modalDetail > div .middle {color: #000;font-weight: 600;}
#news .container:nth-child(1) > ul > li.bikke > a .modalDetail > div .middle strong {color: #da0000;font-weight: 600;}
#news .container:nth-child(1) > ul > li.bikke > a .modalDetail > div img {width: 24%;max-width: 7em;margin: 2em auto 0;}


#news .container:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;padding: 7em 0;width: 90%;max-width: 675px;}
#news .container:nth-child(2) a {max-width: 330px;margin-bottom: 15px;box-shadow:  0 0 10px #aaa;}
#about {padding: 0 0 5em;}
#about .container:nth-child(1) > h2 {margin-top: 2em;}
#about .container:nth-child(1) .detail {display: none;width: 90%;max-width: 900px;margin: 0 auto;}
#about .container:nth-child(1) .detail h2 {color: var(--color-02);font-size: 200%;font-weight: bold;text-align: center;margin-top: 2em;padding-top: 2em;}
#about .container:nth-child(1) .detail h2::after {display: block;content: attr(data-title)"";font-size: 100%;font-weight: 500;font-family: 'Montserrat', sans-serif;padding-top: 0.5em;}
#about .container:nth-child(1) .detail h2 + p {color: #fff;font-size: 150%;font-weight: bold;text-align: center;line-height: 1.5;max-width: 14em;margin: 2em auto 0;background: var(--color-02);}
#about .container:nth-child(1) .detail p:nth-of-type(n + 2) {line-height: 2;margin-top: 4em;}
#about .container:nth-child(1) .detail img {width: 50%;max-width: 200px;margin: 5em auto 0;}
#about .container:nth-child(1) .detail div {text-align: center;}
#about .container:nth-child(1) .detail div a {margin-top: 2em;}
#about .container:nth-child(1) .detail div p {font-size: 125%;margin-top: 2em;}
#about .container:nth-child(2) {padding: 6em 0 2em;}
#about .container:nth-child(2) p {color: #928475;font-size: 200%;font-weight: 600;text-align: center;}
#about .container:nth-child(2) img:nth-child(1) {width: 84%;max-width: 500px;margin: 0 auto;}
#about .container:nth-child(2) img:nth-child(2) {width: 46%;max-width: 250px;margin: 3em auto 0;}
#about .container.open > h2,
#about .container.open + .container {display: none;}
#about .container.open .detail {display: block;}
#character {padding: 7em 0 10em;margin-bottom: 4em;background: #f1f6ec;position: relative;overflow: hidden;}
#character .container::after {display: block;content: '';width: 90%;height: 6em;max-width: 1200px;background: url("../img/top/chara_img01_pc.svg") no-repeat center bottom/contain;position: absolute;left: 1em;bottom: -0.1em;pointer-events: none;}
#character .container h2 {color: var(--color-02);font-size: 200%;font-weight: bold;text-align: center;margin-bottom: 2em;}
#character .container h2::before {display: block;content: attr(data-title)"";font-size: 100%;font-weight: 500;font-family: 'Montserrat', sans-serif;padding-bottom: 0.5em;}
#character .container .imgWrap {width: 50%;max-width: 200px;margin: 4em auto;position: relative;transform: none;}
#character .container .imgWrap img {position: relative;;}
#character .container .imgWrap img:nth-child(1) {z-index: 100;}
#character .container .imgWrap img:nth-child(2) {z-index: 99;transform: rotateY(90deg);}
#character .container .imgWrap img:nth-child(3) {z-index: 98;transform: rotateY(0deg);opacity: 0;}
#character .container .imgWrap img:nth-child(n + 2) {position: absolute;top: 0;left: 0;right: 0;}
#character .container .imgWrap.staging img:nth-child(1) {transform: rotateY(90deg);transition: 0.4s linear 0.5s;}
#character .container .imgWrap.staging img:nth-child(2) {animation: rotateAnimation 2s linear forwards;}
#character .container .imgWrap.staging img:nth-child(3) {opacity: 1;transition: 0s linear 1.6s;/*transform: rotateY(0deg);transition: 0.4s linear 1.2s;*/}
@keyframes rotateAnimation {
  0% {transform: rotateY(90deg);}
  55.5% {transform: rotateY(90deg);}
  77.7% {transform: rotateY(0deg);}
  84% {opacity: 1;transform: rotateY(0deg);}
  84.1% {opacity: 0;transform: rotateY(0deg);}
  100% {opacity: 0;transform: rotateY(0deg);}
}
#character .container p {font-size: 125%;text-align: center;line-height: 2;}
#character .container p:nth-of-type(2) {margin-top: 3em;}
#character .container p:nth-of-type(2) span {display: block;text-decoration: underline;}
#guests {padding: 4em 0;}
#guests .container:nth-child(1) h2 {max-width: 600px;margin: 0 auto;}
#guests .container:nth-child(1) h2 + p {font-size: 125%;text-align: center;line-height: 2;margin-top: 2em;}
#guests .container:nth-child(1) ul {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;margin: 5em -2em 0;}
#guests .container:nth-child(1) ul li {display: flex;flex-wrap: wrap;justify-content: flex-start;width: calc(100% - 4em);margin: 2em 2em 6em;}
#guests .container:nth-child(1) ul li h3 {font-size: 250%;font-weight: 600;width: 100%;margin-bottom: 1em;border-bottom: 1px solid #333;position: relative;}
#guests .container:nth-child(1) ul li h3::after {font-size: 175%;font-family: 'Montserrat', sans-serif;font-weight: 700;position: absolute;top: -0.25em;right: 0;transform: rotate(-10deg);}
#guests .container:nth-child(1) ul li div {text-align: center;width: 23.5%;}
#guests .container:nth-child(1) ul li div + div {margin-left: 2%;}
#guests .container:nth-child(1) ul li div figure {position: relative;}
#guests .container:nth-child(1) ul li div figure figcaption {font-size: 125%;line-height: 1.5;white-space: nowrap;margin-top: 0.5em;}
#guests .container:nth-child(1) ul li div figure figcaption.cap {display: block;
    content: attr(data-cap);
    color: #b0b0b0;
    font-size: 10px;
    position: absolute;
    right: 1em;
    bottom: 2.5em;
    z-index: 100;
    transform: scale(0.8);
    transform-origin: right;}
#guests .container:nth-child(1) ul li div figure figcaption small {display: block;font-size: 70%;}
#guests .container:nth-child(1) ul li div a {display: inline-block;color: #979797;margin-top: 1em;border-bottom: 1px solid #979797;}
/*#guests .container:nth-child(1) ul li.column4 {width: calc(100% - 4em);}
#guests .container:nth-child(1) ul li.column4 div {width: 23.5%;}*/
#guests .container:nth-child(1) ul li.stage h3 {color: #de912f;border-color: #de912f;}
#guests .container:nth-child(1) ul li.stage h3::after {color: #de912f;content: 'ON STAGE';}
#guests .container:nth-child(1) ul li.run h3 {color: #5c88a7;border-color: #5c88a7;}
#guests .container:nth-child(1) ul li.run h3::after {color: #5c88a7;content: 'with RUN';}
#program {width: 100%;padding: 10em 0 12em;box-sizing: border-box;background: #c1d7d9;overflow: hidden;}
#program .container:nth-child(1) {padding: 5em 0 4em;position: relative;}
#program .container:nth-child(1) h2 {position: absolute;left: 0;right: 0;bottom: calc(100% - 1em);z-index: 100;transform: rotate(-16deg);}
#program .container:nth-child(1) h2 span {display: block;font-size: 700%;font-weight: 700;position: absolute;left: 0;bottom: 0;opacity: 0;}
#program .container:nth-child(1) h2 span:nth-child(1) {color: #8da4a8;opacity: 1;}
#program .container:nth-child(1) h2 span small {display: inline-block;font-size: 50%;font-weight: 700;transform: translateY(-0.5em);}
#program .container:nth-child(1) > div:nth-of-type(1) {}
#program .container:nth-child(1) > div:nth-of-type(1) ul {width: 100%;max-width: 400px;height: 22vw;max-height: 320px;margin: 0 auto;position: relative;}
#program .container:nth-child(1) > div:nth-of-type(1) ul li {margin: 0 auto;border: 10px solid #fff;position: absolute;top: 110vh;left: 0;right: 0;}
#program .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(1) {transform: rotate(-7deg);z-index: 101;}
#program .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(2) {transform: rotate(15deg);z-index: 102;}
#program .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(3) {transform: rotate(-14deg);z-index: 103;}
#program .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(4) {transform: rotate(2deg);z-index: 104;}
#program .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(5) {transform: rotate(4deg);z-index: 105;}
#program .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(6) {transform: rotate(-6deg);z-index: 106;}
#program .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(7) {transform: rotate(7deg);z-index: 107;}
#program .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(8) {transform: rotate(-14deg);z-index: 108;}
#program .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(9) {transform: rotate(10deg);z-index: 109;}
#program .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(10) {transform: rotate(-10deg);z-index: 110;}
/*
body.animationEnd #contentsWrap {overflow-y: scroll;}*/
/*#contentsWrap {height: 100svh;overflow: hidden;}*/
/*#contentsWrap {height: auto !important;overflow: auto !important;}*/
/*#contentsWrap.photoEnd {height: auto !important;overflow: auto !important;}*/
#contentsWrap.photoEnd #program .container:nth-child(1) > div:nth-of-type(1) ul li,
#program.photo10 .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(-n+10),
#program.photo09 .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(-n+9),
#program.photo08 .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(-n+8),
#program.photo07 .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(-n+7),
#program.photo06 .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(-n+6),
#program.photo05 .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(-n+5),
#program.photo04 .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(-n+4),
#program.photo03 .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(-n+3),
#program.photo02 .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(-n+2),
#program.photo01 .container:nth-child(1) > div:nth-of-type(1) ul li:nth-child(-n+1) {top: 0 !important;transition: 1.0s ease-out !important;}
#program .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02 {width: 100%;height: 100%;pointer-events: none;background: #fff;position: absolute;top: 0;z-index: 1;transform: skew(0deg, -16deg);overflow: hidden;}
#program .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix02 {opacity: 0;}
#program .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02::after {content: '';width: 100%;position: absolute;top: 0;left: 0;transition: 2.0s ease-out;}
#program .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix01 {background: #d7e4e6;transition: 0.6s;}
#program .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix01::after {height: 1200%;background: url(../img/common/bg_img01_pc.webp) repeat-y top;}
#program .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix02 {background: #11113b;transition: 1.0s;}
#program .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix02::after {height: 500%;background: url(../img/common/bg_img03_pc.webp) no-repeat top/cover;top: 0;}

#program.night .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix01::after,
#program.photo04 .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix01::after {top: -400%;}
#program.photo03 .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix01::after {top: -300%;}
#program.photo02 .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix01::after {top: -200%;}
#program.photo01 .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix01::after {top: -100%;}

#contentsWrap.photoEnd #program .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix02::after,
#program.photo06 .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix02::after {top: -100%;}
#program.photo05 .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix02::after {top: -50%;}

#program.night {background: #11113b;transition: 1.8s;}
#program.night .container:nth-child(1) h2 span:nth-child(1) {opacity: 0;transition: 1.4s;}
#program.night .container:nth-child(1) h2 span:nth-child(2) {color: #000;text-shadow: 0 0 9px #fff, 0 0 9px #fff;opacity: 1;transition: 1.8s;}
#program.night .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix01 {opacity: 0;transition: 1.8s;}
#program.night .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix02 {opacity: 1;transition: 1.8s;}
#program .container:nth-child(1) > div:nth-of-type(1) > a {margin: 4em auto 0;background: var(--color-08);border-color: var(--color-08);position: relative;z-index: 100;}
#program .container:nth-child(2) {text-align: center;margin: -0.25em auto 0;position: relative;z-index: 100;}
body.modalOpen #program .container:nth-child(2) {z-index: 1001;}
body.modalOpen #program .container:nth-child(2) > a > span {opacity: 0.2;}
body.modalOpen #program .container:nth-child(2) > p {opacity: 0.5;}
#program .container:nth-child(2) > img {width: 30%;max-width: 8em;margin: 0 auto;}
#program .container:nth-child(2) > a {display: inline-block;margin-top: 1em;}
#program .container:nth-child(2) > a > span {display: inline-block;color: #fff;font-size: 125%;padding: 0 1em;border-bottom: 1px solid #fff;}
#program .container:nth-child(2) > p {color: #bc2228;line-height: 1.5;margin-top: 2em;}
#program .container:nth-child(2) a .modalDetail {max-width: 700px;}
#program .container:nth-child(2) a .modalDetail > div {text-align: left;background: #e4f1f3;}
#program .container:nth-child(2) a .modalDetail > div > div {padding-right: 10em;position: relative;}
#program .container:nth-child(2) a .modalDetail > div > div::after {content: '';width: 12em;height: 8em;background: url("../img/top/program_img02_1.svg") no-repeat center/contain;position: absolute;right: -1em;bottom: 0;}
#program .container:nth-child(2) a .modalDetail > div > div p {color: #5b4734;font-size: 125%;font-weight: 600;}
#program .container:nth-child(2) a .modalDetail > div > div p::before {content: attr(data-label);color: #8da4a8;font-size: 200%;font-family: Arial, sans-serif;margin-right: 0.5em;}
#program .container:nth-child(2) a .modalDetail > div > ul > li {margin-top: 4em;position: relative;}
#program .container:nth-child(2) a .modalDetail > div > ul > li p {color: #8da4a8;font-family: Arial, sans-serif;}
#program .container:nth-child(2) a .modalDetail > div > ul > li p strong {font-size: 300%;font-weight: 600;margin-right: 0.1em;}
#program .container:nth-child(2) a .modalDetail > div > ul > li p small {font-size: 175%;font-weight: 600;margin-right: 0.5em;}
#program .container:nth-child(2) a .modalDetail > div > ul > li p span {font-size: 125%;font-weight: 600;padding: 0.1em 1em 0.09em;border-radius: 1.5em;border: 1px solid #8da4a8;vertical-align: super;}
#program .container:nth-child(2) a .modalDetail > div > ul > li::after {content: '';position: absolute;right: -1em;bottom: 0;}
#program .container:nth-child(2) a .modalDetail > div > ul > li:nth-child(1)::after {width: 13em;height: 9em;background: url("../img/top/program_img02_2.svg") no-repeat center/contain;}
#program .container:nth-child(2) a .modalDetail > div > ul > li:nth-child(2)::after {width: 12em;height: 11em;background: url("../img/top/program_img02_3.svg") no-repeat center/contain;bottom: 3em;}
#program .container:nth-child(2) a .modalDetail > div > ul > li:nth-child(3)::after {width: 13em;height: 9em;background: url("../img/top/program_img02_4.svg") no-repeat center/contain;}
#program .container:nth-child(2) a .modalDetail > div > ul > li > ul li {line-height: 1.5;}
#program .container:nth-child(2) a .modalDetail > div > ul > li > ul li small {display: block;text-indent: 1.5em;margin-top: 0.5em;}
#program .container:nth-child(2) a .modalDetail > div > ul > li > ul li small span {display: block;text-indent: 2.8em;text-decoration: underline;}
#program .container:nth-child(2) a .modalDetail > div > ul > li:nth-child(2) > span {font-size: 100%;width: 9.5em;padding: 0.3em 0;position: absolute;right: 0;bottom: 0;}
#detail #information {padding: 8em 0 0;}
#detail #information dl {display: flex;flex-wrap: wrap;align-items: baseline;max-width: 550px;margin: 4em auto 0;}
#detail #information dl dd,
#detail #information dl dt {font-size: 125%;margin-bottom: 1em;box-sizing: border-box;}
#detail #information dl dt {color: #fff;line-height: 1.5;text-align: center;width: 6em;background: #aa7f85;}
#detail #information dl dd {line-height: 1.5;vertical-align: top;padding-left: 1em;width: calc(100% - 7em);}
#detail #information .container > div {color: #aa7f85;margin-top: 5em;padding: 2em;box-sizing: border-box;background-image:url("../img/common/icon04_rt.png"),url("../img/common/icon04_rb.png"),url("../img/common/icon04_lb.png"),url("../img/common/icon04_lt.png"),url("../img/common/icon04_t.png"),url("../img/common/icon04_r.png"),url("../img/common/icon04_b.png"),url("../img/common/icon04_l.png");background-position: right top,right bottom,left bottom,left top,top,right,bottom,left;background-repeat: no-repeat,no-repeat,no-repeat,no-repeat,repeat-x,repeat-y,repeat-x,repeat-y;}
#detail #information .container > div p:nth-of-type(1) {font-size: 112.5%;text-align: center;width: 6em;margin: -2em auto 0;background: #fff;}
#detail #information .container > div p:nth-of-type(n + 2) {line-height: 1.5;margin: 1em 0;}
#detail #information .container > div ul:nth-of-type(1) {margin-top: 2em;}
#detail #information .container > div .separate::before,
#detail #information .container > div ul:nth-of-type(1)::after {display: block;content: '';width: 100%;height: 2px;margin: 2em 0;background-size: 10px 2px;background-image: linear-gradient(to right, #bb8087 2px, transparent 2px);background-repeat: repeat-x;}
#detail #information .container > div ul li {text-indent: -1em;line-height: 1.5;padding-left: 1em;}
#detail #information .container > div strong {display: block;}
#detail #information .container > div ul:nth-of-type(3) li + li {margin-top: 1em;}
#detail #access {padding: 8em 0 0;}
#detail #access > div {margin-top: 4em;}
#detail #access .container + .container {margin-top: 8em;}
#detail #access .container > img {width: auto;height: 4em;margin: 0 auto;}
#detail #access .container:nth-child(2) img {height: 8em;}
#detail #access .container > p {font-size: 150%;text-align: center;line-height: 1.5;margin-top: 2em;}
#detail #access .container > p:nth-of-type(2) {margin-top: 3em;}
#detail #access .container > p strong {font-weight: 600;}
#detail #access .container > p small {font-size: 87.5%;}
#detail #access .container > p small.fix01 {display: block;color: #bc2228;font-size: 14px;font-weight: 600;margin-top: 1em;}
#detail #access .container > ul {max-width: 30em;margin: 2em auto 4em;}
#detail #access .container > ul::before {display: block;content: attr(data-title);color: #bc2228;font-size: 14px;font-weight: 600;text-align: center;}
#detail #access .container > ul li {color: #bc2228;font-size: 14px;font-weight: 600;line-height: 1.5;text-indent: -1em;padding-left: 1em;;margin-top: 0.5em;}
#detail #access .container:nth-child(3) > div,
#detail #access .container:nth-child(1) > div {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;margin-top: 2em;}
#detail #access .container:nth-child(3) > div > div,
#detail #access .container:nth-child(1) > div > div {width: 50%;}
#detail #access .container:nth-child(1) > div:nth-of-type(1) > div {margin-top: 0.3em;}
#detail #access .container:nth-child(1) > div:nth-of-type(2) > div {margin-top: -0.2em;}
#detail #access .container:nth-child(3) > div:nth-of-type(1) > div {margin-top: -0.2em;}
#detail #access .container:nth-child(3) > div > div > div,
#detail #access .container:nth-child(1) > div > div > div {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
#detail #access .container:nth-child(3) > div > div > div + div,
#detail #access .container:nth-child(1) > div > div > div + div {margin-top: 3em;}
#detail #access .container:nth-child(3) > div > div > div::before,
#detail #access .container:nth-child(1) > div > div > div::before {display: block;color: var(--color-07);content: attr(data-txt);font-size: 187.5%;font-weight: 600;width: 100%;margin-bottom: 0.25em;}
#detail #access .container:nth-child(3) > div:nth-of-type(1) {max-width: 850px;margin: 2em auto;padding-bottom: 4em;position: relative;}
#detail #access .container:nth-child(3) > div:nth-of-type(1) > div:nth-child(1) {width: 30%;}
#detail #access .container:nth-child(3) > div:nth-of-type(1) > div:nth-child(2) {width: 66%;}
#detail #access .container:nth-child(3) > div:nth-of-type(1) > div p.fix01 {display: flex;flex-wrap: wrap;justify-content: space-between; margin-bottom: 0.75em;}
#detail #access .container:nth-child(3) > div:nth-of-type(1) > div p.fix01 span {display: block;color: #33597f;font-size: 187.5%;font-weight: 600;}
#detail #access .container:nth-child(3) > div > div > div table,
#detail #access .container:nth-child(1) > div > div > div table {width: 49%;border: 1px solid #366056;position: relative;}
#detail #access .container:nth-child(3) > div > div > div table {width: 100%;}
#detail #access .container:nth-child(3) > div > div > div > p {line-height: 1.5;width: 100%;margin-top: 2.5em;}
#detail #access .container:nth-child(3) > div > div > div table::before,
#detail #access .container:nth-child(3) > div > div > div table::after,
#detail #access .container:nth-child(1) > div > div > div table::before,
#detail #access .container:nth-child(1) > div > div > div table::after {display: block;content: '';width: 1.5em;height: 1.5em;background: #366056;position: absolute;top: 100%;}
#detail #access .container:nth-child(3) > div > div > div table::before,
#detail #access .container:nth-child(1) > div > div > div table::before {left: 1.5em;}
#detail #access .container:nth-child(3) > div > div > div table::after,
#detail #access .container:nth-child(1) > div > div > div table::after {right: 1.5em;}
#detail #access .container:nth-child(3) > div > div > div table tr th,
#detail #access .container:nth-child(3) > div > div > div table tr td,
#detail #access .container:nth-child(1) > div > div > div table tr th,
#detail #access .container:nth-child(1) > div > div > div table tr td {font-size: 125%;font-weight: 600;text-align: center;padding: 0.5em 0;}
#detail #access .container:nth-child(3) > div > div > div table tr th,
#detail #access .container:nth-child(1) > div > div > div table tr th {color: #fff;background: #366056;}
#detail #access .container:nth-child(3) > div > div > div table tr th small,
#detail #access .container:nth-child(1) > div > div > div table tr th small {font-weight: 600;line-height: 1.5;}
#detail #access .container:nth-child(3) > div > div > div table tr td,
#detail #access .container:nth-child(1) > div > div > div table tr td {color: #366056;border-top: 1px solid #366056;}
#detail #access .container:nth-child(3) > div > img,
#detail #access .container:nth-child(1) > div > img {width: 48%;}
#detail #access .container:nth-child(3) > div > div + div {width: 48%;margin-top: 2.65% !important;}
#detail #access .container:nth-child(3) > div > div + div a {display: block;color: #979797;font-size: 125%;text-align: center;margin: 1.5em auto 0;max-width: 18em;border-bottom: 1px solid #979797;position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;}
#detail #access .container:nth-child(1) > div:nth-of-type(2) > img {margin-top: 3.25%;}
#detail #access .container:nth-child(3) > div > div > div::before {color: #33597f;}
#detail #access .container:nth-child(3) > div > div > div table {border-color: #33597f;}
#detail #access .container:nth-child(3) > div > div > div table::before,
#detail #access .container:nth-child(3) > div > div > div table::after {background: #33597f;}
#detail #access .container:nth-child(3) > div > div > div table tr th {background: #33597f;}
#detail #access .container:nth-child(3) > div > div > div table tr td {color: #33597f;border-color: #33597f;}
#detail #access .container:nth-child(2) > div {text-align: center;}
#detail #access .container:nth-child(2) > div p:nth-child(1) {font-size: 125%;font-weight: 600;padding: 0.5em;margin-top: 2em;background: #e4e4e4;}
#detail #access .container:nth-child(2) > div p:nth-child(3),
#detail #access .container:nth-child(2) > div p:nth-child(2) {font-size: 137.5%;margin-top: 2em;}
#detail #access .container:nth-child(2) > div p:nth-child(3)::before,
#detail #access .container:nth-child(2) > div p:nth-child(2)::before {display: inline-block;content: '';width: 3em;height: 3em;margin-right: 1em;background: url("../img/top/access_img11.svg") no-repeat center/contain;vertical-align: middle;}
#detail #access .container:nth-child(2) > div p:nth-child(3) {margin-top: 1em;}
#detail #access .container:nth-child(2) > div p:nth-child(3) > span {display: block;color: #bc2228;font-size: 14px;font-weight: 600;line-height: 1.5;margin-top: 1em;}
#detail #access .container:nth-child(2) > div p:nth-child(3) > span span {font-weight: 600;text-decoration: underline;padding: 0;}
#detail #access .container:nth-child(2) > div p:nth-child(4) {color: #bc2228;font-size: 14px;font-weight: 600;line-height: 1.5;margin-top: 1em;}
#detail #access .container:nth-child(2) > div a {display: block;text-align: center;margin: 3em auto 0;max-width: 14em;}
#detail #access .container:nth-child(2) > div a span {display: block;color: #979797;font-size: 125%;border-bottom: 1px solid #979797;}
#detail #access .container:nth-child(2) > div a span::before {display: block;content: '';width: 5em;height: 8em;margin: 0 auto 0.5em;background: url("../img/top/access_img12.svg") no-repeat center/contain;}
#detail #contact {padding: 8em 0 0;}
#detail #contact ul {text-align: center;width: 85vw;max-width: 600px;margin: 4em auto 0;}
#detail #contact ul li {}
#detail #contact ul li + li {margin-top: 3em;}
#detail #contact ul li p:nth-of-type(1) {font-size: 137.5%;font-weight: 600;line-height: 1.5;}
#detail #contact ul li p:nth-of-type(1) span {display: block;font-size: 87.5%;font-weight: 600;}
#detail #contact ul li p:nth-of-type(2) img {width: auto;height: 2em;margin: 1.5em auto 0;}
#detail #contact ul li p:nth-of-type(3) img {width: auto;height: 2em;margin: 1.5em auto 0;}
#detail #contact ul li table {color: #dc1c24;line-height: 1.5;margin: 1.5em auto 0;max-width: 22em;}
#detail #contact ul li table thead th {text-align: center;}
#detail #contact ul li table tbody th {text-align: right;}
#detail #contact ul li table tbody td,
#detail #contact ul li table tbody th,
#detail #contact ul li table thead th {font-weight: 600;}
#detail #credit {padding: 8em 0;}
#detail #credit dl {width: 85vw;max-width: 320px;margin: 4em auto 0;}
#detail #credit dl dd,
#detail #credit dl dt {display: inline-block;line-height: 1.5;vertical-align: top;margin-bottom: 1em;}
#detail #credit dl dt {width: 5em;}
#detail #credit dl dd {width: calc(100% - 5em);}
#detail #credit dl dd ul li + li {margin-top: 0.5em;}
#comingsoon .container {text-align: center;padding: 5em 0 10em;}
#comingsoon .container p:nth-child(1) {font-size: 300%;font-weight: 800;}
#comingsoon .container p:nth-child(2) {line-height: 2;margin-top: 3em;}
#comingsoon .container p:nth-child(3) {margin-top: 3em;}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #detail #access .container:nth-child(3) > div > div,
  #detail #access .container:nth-child(1) > div > div {font-size: 1.3vw;}
}
@media only screen and (min-width: 768px) and (max-width: 1400px) {
  #billboard > p:nth-of-type(2),
  #billboard > p:nth-of-type(1) {max-width: 600px;}
  #billboard > p:nth-of-type(1) {top: 80px;}
  #billboard > p:nth-of-type(2) {top: 300px;}
  #billboard .imgWrap {max-width: 400px;}
  #billboard .txtWrap {top: 50%;}
  #billboard .txtWrap p:nth-child(1) {font-size: 225%;}
  #program {padding: 7em 0;}
  #program .container:nth-child(1) {padding: 8em 0 4em;}
  #program .container:nth-child(1) h2 {bottom: calc(100% - 0.8em);}
  #program .container:nth-child(1) h2 span {font-size: 500%;}
  #program .container:nth-child(1) > div:nth-of-type(1) ul {width: 30vw;height: 28vw;max-height: 380px;}
  #program .container:nth-child(1) > div:nth-of-type(1) > a {margin-top: 1em;}
}
@media only screen and (max-width: 1000px) {
  #billboard::after {width: 20%;height: 80vw;top: auto;left: auto;right: 0;bottom: -5em;}
  #billboard .txtWrap p:nth-child(3) {font-size: 175%;margin-top: 1.5em;}
  #billboard .txtWrap p:nth-child(3) small {font-size: 50%;}
  #news .container:nth-child(2) a {width: 48%}
  #program .container:nth-child(1) {padding: 6em 0 3em;}
  #program .container:nth-child(1) > div:nth-of-type(1) ul {width: 38vw;}
  #program .container:nth-child(1) > div:nth-of-type(1) > a {margin-top: 4em;}
}
@media only screen and (min-width: 1250px) and (max-height: 900px) {
  #billboard > p:nth-of-type(2),
  #billboard > p:nth-of-type(1) {max-width: 400px;}
  #billboard > p:nth-of-type(1) {top: 40px;}
  #billboard > p:nth-of-type(2) {top: 190px;}
  #billboard .txtWrap p:nth-child(2),
  #billboard .txtWrap p:nth-child(1) {font-size: 200%;}
}
@media only screen and (min-width: 768px) {
  /* Topics2枚以下の場合 */
  /*#topics .sliderWrap-bnr {width: 100%;max-width: 800px;margin: 0 auto;}
  #topics .sliderWrap-bnr ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
  #topics .sliderWrap-bnr ul li {width: 48%;}
  #topics .sliderWrap-bnr .swiper-navigation-bnr {display: none;}*/
  /* Topics2枚以下の場合 */
  #program .container:nth-child(1) > div:nth-of-type(1) > a:hover {color: #fff;background: var(--color-08);opacity: 0.6;}
}
@media only screen and (max-width: 767px) {
  #billboard {font-size: 3.5vw;height: 110svh;}
  #billboard::after {width: 34%;height: 100vw;bottom: -7em;}
  #billboard .bg01 {background-image: url("../img/top/mv/mv_img02_sp.webp");}
  #billboard .bg02 {background-image: url("../img/top/mv/mv_img01_sp.webp");}
  #billboard > p:nth-of-type(1) {line-height: 1.25;width: 82%;top: 100px;}
  #billboard > p:nth-of-type(2) {width: 82%;top: 215px;}
  #billboard .txtWrap {top: 62%;}
  #billboard .txtWrap p:nth-child(1) {font-size: 175%;}
  #billboard .txtWrap p:nth-child(2) {font-size: 225%;}
  #billboard .imgWrap {width: 68%;padding-top: 60vw;top: 55%;}
  #billboard .bg02,
  #billboard .bg01 {background-position: top center;}
  #topics {padding: 2em 0 0;}
  #topics .sliderWrap-bnr .swiper-navigation-bnr {width: 95vw;}
  #topics .sliderWrap-bnr .swiper-navigation-bnr button {width: 1.2em;height: 1.4em;}
  #news {padding: 2em 0 0;}
  #news .container:nth-child(1) > ul > li > a {padding: 1em 0;}
  #news .container:nth-child(1) > ul > li > a p:nth-child(2) {font-size: 100%;}
  #news .container:nth-child(1) > ul > li > a .modalDetail > div .large {font-size: 100%;}
  #news .container:nth-child(1) > ul > li > a .modalDetail > div img {margin: 0 auto;}
  #news .container:nth-child(2) {padding: 4em 0 1em;}
  #news .container:nth-child(2) a {width: 48%;margin-bottom: 4%;}
  #about {padding: 2em 0 4em;}
  #about .container:nth-child(1) > h2 {margin-top: 0;}
  #about .container:nth-child(1) > p {margin-top: 0;}
  #about .container:nth-child(1) > a {margin-top: 1em;}
  #about .container:nth-child(1) .detail p:nth-of-type(n + 2) {margin-top: 2em;}
  #about .container:nth-child(1) .detail h2 {font-size: 150%;margin-top: 0;}
  #about .container:nth-child(1) .detail h2 + p {font-size: 125%;margin-top: 1em;}
  #about .container:nth-child(1) .detail img {margin-top: 4em;}
  #about .container:nth-child(2) {padding: 4em 0 0;}
  #about .container:nth-child(2) p {font-size: 150%;}
  #about .container:nth-child(1).open > a {margin-top: 2em;}
  #character {padding: 5em 0 3em;margin-bottom: 0;}
  #character .container::after {width: 14vw;height: 80%;background: url("../img/top/chara_img01_sp.svg") no-repeat left bottom/contain;left: 1em;bottom: 1em;}
  #character .container h2 {font-size: 150%;margin-bottom: 1em;}
  #character .container h2::before {left: 0;}
  #character .container p {font-size: 100%;}
  #character .container p:nth-of-type(2) {font-size: 87.5%;text-align: left;line-height: 1.5;margin-top: 2em;}
  #character .container .imgWrap {max-width: 100%;margin: 2em auto;}
  #guests {width: 100%;padding: 4em 0 2em;overflow: hidden;}
  #guests .container:nth-child(1) h2 + p {font-size: 100%;text-align: left;line-height: 1.5;}
  #guests .container:nth-child(1) ul {margin-top: 1em;}
  #guests .container:nth-child(1) ul li h3 {font-size: 137.5%;}
  #guests .container:nth-child(1) ul li h3::after {font-size: 162.5%;}
  #guests .container:nth-child(1) ul li {justify-content: space-between;margin-bottom: 1em;}
  #guests .container:nth-child(1) ul li div {width: 48%;margin: 0 0 2em !important;}
  #guests .container:nth-child(1) ul li div figure figcaption {font-size: 93.75%;white-space: nowrap;margin-top: 0.75em;}
  #guests .container:nth-child(1) ul li div figure figcaption.cap {letter-spacing: -0.1em;right: 0.5em;bottom: 11%;transform: scale(0.6);}
  #guests .container:nth-child(1) ul li div a {font-size: 87.5%;margin-top: 0.75em;}
  #program {padding: 6em 0 5em;}
  #program .container:nth-child(1) {}
  #program .container:nth-child(1) h2 {bottom: calc(100% - 0.5em);transform: rotate(-16deg);}
  #program .container:nth-child(1) h2 span {font-size: 300%;}
  #program .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02 {transform: skew(0deg, -16deg);}
  #program .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix01::after {background: url(../img/common/bg_img01_sp.webp) repeat-y top/100% auto;}
  #program .container:nth-child(1) > div:nth-of-type(1) .parallax-bg02.fix02::after {background: url(../img/common/bg_img02_sp.webp) repeat-y top/100% auto;}
  #program .container:nth-child(1) > div:nth-of-type(1) ul {width: 80vw;height: 65vw;}
  #program .container:nth-child(1) > div:nth-of-type(1) ul li {border-width: 7px;}
  #program .container:nth-child(2) > a {padding: 0 0.5em;}
  #program .container:nth-child(2) > a > span {font-size: 112.5%;padding: 0 0.5em;}
  #program .container:nth-child(2) p {font-size: 87.5%;}
  #program .container:nth-child(2) a .modalDetail > div > div::after {width: 10em;height: 6em;}
  #program .container:nth-child(2) a .modalDetail > div > ul > li {margin-top: 5em;}
  #program .container:nth-child(2) a .modalDetail > div > ul > li:nth-child(1)::after {width: 10em;height: 9em;right: 0;bottom: -3em;}
  #program .container:nth-child(2) a .modalDetail > div > ul > li:nth-child(2)::after {width: 9em;height: 8em;bottom: 2.3em;}
  #program .container:nth-child(2) a .modalDetail > div > ul > li:nth-child(3)::after {width: 10em;height: 9em;bottom: -3.5em;}
  #program .container:nth-child(2) a .modalDetail > div > div p {font-size: 100%;white-space: nowrap;}
  #program .container:nth-child(2) a .modalDetail > div > ul > li:nth-child(2) > span {font-size: 87.5%;width: 9em;}
  #detail #information {padding: 5.5em 0 0;}
  #detail #information .container > div {margin-top: 2em;padding: 1em;}
  #detail #information .container > div p:nth-of-type(1) {margin-top: -1.25em;}
  #detail #information .container > div p:nth-of-type(n + 2),
  #detail #information .container > div ul li {font-size: 87.5%;}
  #detail #information dl {margin-top: 4em;}
  #detail #information dl dd,
  #detail #information dl dt {font-size: 100%;}
  #detail #information dl dd {width: 100%;padding-left: 0;margin-bottom: 1.5em;}
  #detail #access {padding: 6em 0 0;}
  #detail #access .container + .container {margin-top: 4em;}
  #detail #access .container > p {font-size: 93.75%;text-align: left;text-indent: -1.25em;padding-left: 1.25em;margin-top: 2em;}
  #detail #access .container > p small.fix01 {font-size: 11px;}
  #detail #access .container > ul {max-width: 100%;margin: 1em auto 2em;}
  #detail #access .container > ul::before,
  #detail #access .container > ul li {font-size: 11px;letter-spacing: 0;text-align: left;}
  #detail #access .container > img {height: 3.5em;margin: 0;}
  #detail #access .container:nth-child(2) img {height: 8em;}
  #detail #access .container:nth-child(3) > div > div,
  #detail #access .container:nth-child(1) > div > div {width: 100% !important;}
  #detail #access .container:nth-child(3) > div > div > div::before,
  #detail #access .container:nth-child(1) > div > div > div::before {font-size: 125%;width: 100%;}
  #detail #access .container:nth-child(3) > div > div > div,
  #detail #access .container:nth-child(1) > div > div > div {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;width: 100%;}
  #detail #access .container:nth-child(3) > div > div > div {flex-direction: row-reverse;align-items: flex-start;}
  #detail #access .container:nth-child(3) > div:nth-of-type(1) {margin: 0;}
  .phase1 #detail #access .container:nth-child(3) > div:nth-of-type(1) > div {margin: 1em 0 0 !important;}
  #detail #access .container:nth-child(3) > div > div > div > p {font-size: 81.25%;margin-top: 0;}
  #detail #access .container:nth-child(3) > div > div > div > p,
  #detail #access .container:nth-child(3) > div > div > div table,
  #detail #access .container:nth-child(1) > div > div > div table {width: 49%;}
  #detail #access .container:nth-child(3) > div > div > div table::before,
  #detail #access .container:nth-child(3) > div > div > div table::after,
  #detail #access .container:nth-child(1) > div > div > div table::before,
  #detail #access .container:nth-child(1) > div > div > div table::after {width: 1em;height: 1em;}
  #detail #access .container:nth-child(3) > div > div > div table::before,
  #detail #access .container:nth-child(1) > div > div > div table::before {left: 1em;}
  #detail #access .container:nth-child(3) > div > div > div table::after,
  #detail #access .container:nth-child(1) > div > div > div table::after {right: 1em;}
  #detail #access .container:nth-child(3) > div > div > div table + table,
  #detail #access .container:nth-child(1) > div > div > div table + table {margin-top: 0;}
  #detail #access .container:nth-child(3) > div > div > div table tr th,
  #detail #access .container:nth-child(3) > div > div > div table tr td,
  #detail #access .container:nth-child(1) > div > div > div table tr th,
  #detail #access .container:nth-child(1) > div > div > div table tr td {font-size: 87.5%;white-space: nowrap;}
  #detail #access .container:nth-child(3) > div > div > div table tr th small,
  #detail #access .container:nth-child(1) > div > div > div table tr th small {font-size: 75%;}
  #detail #access .container:nth-child(3) > div > img,
  #detail #access .container:nth-child(1) > div > img {width: 100%;margin-top: 2em;}
  #detail #access .container:nth-child(2) > p {font-size: 100%;text-indent: 0;text-align: center;padding: 0;}
  #detail #access .container:nth-child(2) > div p:nth-child(1) {font-size: 100%;line-height: 1.5;margin: 1em auto  0;padding: 0.5em 0;width: 82%;}
  #detail #access .container:nth-child(3) > div:nth-of-type(1) > div p.fix01 {margin: 0 0 0.5em auto;width: 49%;}
  #detail #access .container:nth-child(3) > div:nth-of-type(1) > div p.fix01 span {font-size: 125%;line-height: 1;}
  #detail #access .container:nth-child(3) > div > div + div {width: 100%;margin-top: 2em !important;}
  #detail #access .container:nth-child(3) > div > div + div a {white-space: nowrap;}
  #detail #access .container:nth-child(2) > div p:nth-child(3),
  #detail #access .container:nth-child(2) > div p:nth-child(2) {font-size: 100%;text-align: left;margin-top: 1.5em;}
  #detail #access .container:nth-child(2) > div p:nth-child(3)::before,
  #detail #access .container:nth-child(2) > div p:nth-child(2)::before {width: 2.5em;height: 2.5em;margin-right: 0.75em;}
  #detail #access .container:nth-child(1) > div:nth-of-type(2) > img {margin-top: 3em;}
  #detail #access .container:nth-child(2) > div p:nth-child(3) {margin-top: 0.5em;}
  #detail #access .container:nth-child(2) > div p:nth-child(3) span,
  #detail #access .container:nth-child(2) > div p:nth-child(4) {font-size: 11px;text-align: left;line-height: 1.5;text-indent: -1em;padding-left: 1em;margin-top: 1.5em;}
  #detail #access .container:nth-child(2) > div p:nth-child(3) > span {padding-left: 5em;margin-top: 0;}
  #detail #access .container:nth-child(2) > div a {margin-top: 2em;max-width: 13em;}
  #detail #access .container:nth-child(2) > div a span::before {width: 3.5em;height: 4.5em;margin-bottom: 1em;}
  #detail #access .container:nth-child(3) > p {text-indent: 0;padding: 0;}
  #detail #contact {padding: 5.5em 0 0;}
  #detail #contact ul li p:nth-of-type(1) {font-size: 100%;}
  #detail #contact ul li p:nth-of-type(2) img {width: 80%;height: auto;margin-top: 0.75em;}
  #detail #contact ul li:nth-child(1) p:nth-of-type(1) img {width: 100%;height: auto;margin: 1.5em auto 0;}
  #detail #contact ul li:nth-child(1) p:nth-of-type(2) img {width: 100%;height: auto;margin: 1.5em auto 0;}
  #detail #contact ul li:nth-child(2) p:nth-of-type(2) img {width: 86%;}
  #detail #contact ul li + li {margin-top: 2em;}
  #detail #credit {padding: 6em 0;}
  #detail #credit dl {max-width: 14em;}
  #detail #credit dl dt {text-indent: -0.5em;}
  #detail #credit dl dd:last-child {width: 100%;margin-top: -0.5em;}
  #comingsoon .container {padding: 3em 0 6em;}
}
@media only screen and (max-width: 370px) {
  #billboard > p:nth-of-type(1) {top: 70px;}
  #billboard > p:nth-of-type(2) {top: 175px;}
}