:root{
--font-family-base: 'Yu Gothic',YuGothic,Helvetica,sans-serif;
--font-family-ttl: 'Nunito','M PLUS Rounded 1c',sans-serif;
--font-family-ttl-jp:'M PLUS Rounded 1c';
}

/* lang link */
#lang li:nth-child(2) a:before{
display: none;
}
#lang li:nth-child(3) a:before{
content: "";
width: 5px;
height: 5px;
display: block;
background-color: var(--black);
border-radius: 3px;
position: absolute;
top: 17px;
left: 10px;
}
#lang.on li:nth-child(2) a{
font-weight: 400;
}
#lang.on li:nth-child(3) a{
font-weight: 700;
}

.footerLinks{
width: 100%;
}
#copyright.photo_copy{
width: 100%;
margin-top: 10px;
text-align: left;
left: auto;
}

/* */
.contentsBoxRight ul.coop li:before{
content: "Partner:";
}
.contentsBoxRight ul.coop.coop2 li:before{
content: "Cooperate:";
}
.stageList li .eventCast:before {
content: "Cast:";
width: 3.5em;
display: block;
color: var(--orange);
font-weight: 700;
position: absolute;
top: 0;
left: 0;
}
.simplebar-vertical{
display: none !important;
}

/* top */
.concept_catch{
font-family: var(--font-family-ttl);
font-weight: 700;
}
.contentsBoxLeft img{
min-height: 970px;
}
.buildingBoxLeft h5{
line-height: 1.5;
}
/* .ticketBlock a span{
padding: 50px 120px 50px 400px;
}
.ticketBlock a:after{
left: 52%;
}
.ticketBlock a span:after{
right: 40px;
} */
.messageTxt{
padding: 0 80px 0 80px;
font-size: 48px;
}
.buildingBoxLeft ul li:before{
content: "*";
}

.contentsTop .catch{
font-family: var(--font-family-ttl);
font-weight: 700;
}
.pageLink2col{
width: 850px;
}
.pageLink2col li,
.pageLink2col li a{
width: 410px;
}
@media screen and (max-width: 1159px){
.concept_catch{
width: 100%;
display: block;
padding-left: 0;
font-size: 56px;
left: auto;
right: auto;
text-align:right;
}
.buildingBoxRight img{
min-height: auto;
}
#schedule .tit_exp{
padding-left: 100px
}
#building h2.subTit{
width: 84.4vw;
}
.buildingBoxLeft{
display: block;
}
.buildingBoxLeft div:nth-child(2){
margin-top: 40px;
}
/* .ticketBlock a span{
padding: 50px 100px 50px 400px;
}
.ticketBlock a:after{
left: 52%;
}
.ticketBlock a span:after{
right: 20px;
} */
.messageTxt{
padding: 0 60px 0 60px;
font-size: 40px;
}

.pageLink2col{
width: 100%;
display: block;
text-align: center;
}
.pageLink2col li{
margin: 0 auto 0 auto;
}
.pageLink2col li:last-child{
margin-top:20px;
}
.pageLink2col li,
.pageLink2col li a{
width: 410px;
}

.timetable ul li dl dd:nth-of-type(2){
line-height: 22px;
}
.timetable ul li dl dd:nth-of-type(2) span {
margin-top: 5px;
font-size: var(--font-s);
line-height: 19px;
}

}

@media screen and (max-width: 1000px){
/* .ticketBlock a span{
padding: 50px 100px 50px 360px;
}
.ticketBlock a:after{
left: 52%;
}
.ticketBlock a span:after{
right: 20px;
} */
}
@media screen and (max-width: 900px){
.contentsBoxLeft img{
min-height: auto;
}
}

@media screen and (max-width: 768px){
#gNav ul#langNav li:nth-child(2) a:before{
display: none;
}
#gNav ul#langNav.on li:nth-child(2) a{
font-weight: 400;
}
#gNav ul#langNav li:nth-child(3) a:before{
content: "";
width: 5px;
height: 5px;
display: block;
background-color: var(--black);
border-radius: 3px;
position: absolute;
top: 22px;
left: 16px;
}
#gNav ul#langNav.on li:nth-child(3) a{
font-weight: 700;
}
.br_dleft{
display: none;
}
.concept_catch{
width: 94.9vw;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0 20px;
font-size: 28px;
letter-spacing: 0;
left: auto;
right: auto;
text-align:right;
}
.buildingBoxRight img{
min-height: auto;
}
#schedule .tit_exp{
padding-left: 0;
}
#building h2.subTit{
width: 84.4vw;
}
.buildingBoxLeft{
display: block;
}
/* .ticketBlock a span{
padding: 140px 20px 0 20px;
}
.ticketBlock a span:after{
top: 87px;
right: 20px;
} */

.buildingBoxLeft div:nth-child(2){
margin-top: 40px;
}
/* .ticketBlock a:after{
left: 45%;
}
.ticketBlock a span:after{
right: 20px;
} */
.messageTxt{
padding: 0;
font-size: 30px;
line-height: 1.6;
}
.pageLink2col li:last-child{
margin-top: 20px;
}
.pageLink2col li,
.pageLink2col li a{
width: 100%;
}

#contents.inview_target .cube_contents{
top: 430px;
}

.timetable_select li{
padding: 5px 5px 0 5px;
font-size: var(--font-base);
line-height: 1.4;
}

}


@media screen and (max-width: 600px){
.br_dleft{
display: inline;
}
}
@media screen and (max-width: 480px) {
.photo_copy{
width: 325px;
}
}
@media screen and (max-width: 450px) {
.headerBtn{
display: none;
}
}
@media screen and (max-width: 420px){
.photo_copy{
width: 285px;
}
.openDate{
font-size: 24px;
}
}

@media screen and (max-width: 420px){
/* .ticketBlock a span{
padding: 120px 20px 0 20px;
}
.ticketBlock a span:after{
top: 85px;
right: 20px;
} */
}
@media screen and (max-width: 390px) {
.photo_copy{
width: 260px;
bottom: -36px;
}
}