header h1{
display: block;
}
header .headInfo .gNav{
width: 100%;
}

h2{
padding: 0;
font-size: 4.5rem;
}
h3{
margin: 64px 0 0 0;
font-size: 3.6rem;
}

.txt{
display: block;
margin: 32px 0 0 0;
text-align: left;
}
.txtList,
.txtList2,
.attList{
display: block;
margin: 32px 0 0 0;
text-align: left;
}
.txtList li{
display: block;
padding: 0 0 0 20px;
position: relative;
}
.txtList li:before{
content:"・";
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.txtList li.attItem:before{
content:"※";
display: inline-block;
position: absolute;
top: 0;
left: 0;
}

.txtList2 li{
display: block;
padding: 0 0 0 20px;
position: relative;
}
.txtList2 li:before{
content:"●";
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.txtList2 li.sub{
display: block;
padding: 0 0 0 32px;
position: relative;
}
.txtList2 li.sub:before{
content:"・";
display: inline-block;
position: absolute;
top: 0;
left: 20px;
}

.attList li{
display: block;
padding: 0 0 0 20px;
position: relative;
}
.attList li:before{
content:"※";
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.infoComing{
display: block;
margin: 72px 0 0 0;
text-align: left;
}
.txtList a,
.attList a{
text-decoration: underline;
}

/* mainBlock */
#mainBlock{
display: block;
padding: 64px 2.5vw 122px 2.5vw;
position: relative;
text-align: center;
}

#mainBlock h2{
display: inline-block;
padding: 0 0 10px 0;
color: #231815;
border-bottom: 3px solid #231815;
}


/* livestanger */
#livestanger{
display: block;
margin: 0;
padding: 54px 2.5vw 122px 2.5vw;
background-color: #ffffff;
text-align: center;
}
#livestanger h2{
display: inline-block;
margin: 0 auto 0 auto;
text-align: center;
position: relative;
z-index: 5000;
letter-spacing: 0.5px;
}
#livestanger h2 span{
background: url(../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 20px;
}
#livestanger p.txt{
display: block;
margin: 24px 0 0 0;
}
#livestanger .col3.stanger{
margin: 36px 0 0 0;
}
#livestanger .col3.stanger li{
padding: 10px 5px 5px 5px;
background: linear-gradient( -90deg, rgb(242,157,166) 0%, rgb(250,191,27) 50%, rgb(115,198,190) 100%);
box-sizing: border-box;
padding: 0;
background: none;
}
#livestanger .col3.stanger li img{
width: 100%;
height: auto;
}
#livestanger .col3.stanger li p{
display: block;
margin: 0 0 16px 0;
font-weight: 700;
font-style: italic;
line-height: 1;
}


/* news */
#news{
display: block;
padding: 64px 0 122px 0;
background-color: #ffffff;
}
#news h2{
display: inline-block;
margin: 0 auto 0 auto;
text-align: center;
position: relative;
z-index: 5000;
letter-spacing: 0.5px;
}
#news h2 span{
background: url(../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 20px;
}
.newsList{
display: block;
margin: 32px 0 0 0;
padding: 0 0 22px 0;
border-bottom: 2px solid #231815;
}
.newsList li{
display: block;
margin: 22px 0 0 0;
padding: 22px 0 0 0;
border-top: 2px solid #231815;
}
.newsList li:first-child{
margin: 0 0 0 0;
}
.newsList li dl{
display: block;
}
.newsList li dt{
display: block;
padding: 0 5px 0 5px;
font-weight: 900;
font-style: italic;
text-align: left;
}
.newsList li dt span{
display: inline-block;
margin-left: 18px;
}
.newsList li dt span.tokyo{
color: #eb442e;
}
.newsList li dt span.osaka{
color: #0079ad;
}
.newsList li dt span.fukuoka{
color: #00ae6b;
}
.newsList li dd{
display: block;
text-align: left;
}
.newsList li dd a{
display: block;
padding-right: 40px;
background: url(../img/arr_r.svg) no-repeat right center;
background-size: auto 12px;
text-align: left;
}


#news .btn{
width: 460px;
display: block;
margin: 42px auto 0 auto;
text-align: center;
}
#news .btn a{
display: block;
background: url(../img/arr_r.svg) no-repeat right 20px center;
background-size: auto 12px;
background-color: #ffffff;
color: #231815;
border: 2px solid #231815;
font-size: 2.8rem;
font-weight: 700;
font-style: italic;
line-height: 62px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}


/* Notice */
.venueSelect{
display: block;
margin: 42px 0 0 0;
position: relative;
z-index: 6000;
}
.venueSelect ul{
height: 62px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.venueSelect ul:after{
content:"";
width: 100%;
height: 4px;
display: block;
background-color: #e94630;
position: absolute;
bottom: 8px;
left: 0;
z-index: 6050;
}
.venueSelect.nowTokyo ul:after{
background-color: #e94630;
}
.venueSelect.nowOsaka ul:after{
background-color: #1877a9;
}
.venueSelect.nowFukuoka ul:after{
background-color: #57ac6f;
}
.venueSelect ul li{
width: 32%;
height: 50px;
display: block;
line-height: 42px;
position: relative;
font-size: 2rem;
font-weight: 500;
cursor: pointer;
z-index: 6100;
position: relative;
bottom: 8px;
}
.venueSelect ul li.on{
width: 30%;
height: 62px;
display: block;
line-height: 54px;
position: relative;
font-size: 2.4rem;
font-weight: 700;
cursor: default;
z-index: 6100;
}
.venueSelect ul li.selectTokyo{
border-top: 4px solid #e94630;
border-left: 4px solid #e94630;
border-right: 4px solid #e94630;
border-bottom: 4px solid #e94630;
background-color: #fafaed;
color: #e94630;
}
.venueSelect ul li.selectOsaka{
border-top: 4px solid #1877a9;
border-left: 4px solid #1877a9;
border-right: 4px solid #1877a9;
border-bottom: 4px solid #1877a9;
background-color: #fafaed;
color: #1877a9;
}
.venueSelect ul li.selectFukuoka{
border-top: 4px solid #57ac6f;
border-left: 4px solid #57ac6f;
border-right: 4px solid #57ac6f;
border-bottom: 4px solid #57ac6f;
background-color: #fafaed;
color: #57ac6f;
}
.venueSelect ul li.selectTokyo:hover{
background-color: #e94630;
color: #ffffff;
}
.venueSelect ul li.selectOsaka:hover{
background-color: #1877a9;
color: #ffffff;
}
.venueSelect ul li.selectFukuoka:hover{
background-color: #57ac6f;
color: #ffffff;
}
.venueSelect ul li.selectTokyo.on{
background-color: #e94630;
color: #ffffff;
}
.venueSelect ul li.selectOsaka.on{
background-color: #1877a9;
color: #ffffff;
}
.venueSelect ul li.selectFukuoka.on{
background-color: #57ac6f;
color: #ffffff;
}

#tokyoNotice,
#osakaNotice{
  display: none;
}

.txt_center{
display: block;
margin: 12px 0 0 0;
text-align: center;
}
.checkList{
max-width: 1000px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 32px auto 0 auto;
}
.checkList li{
width: 32%;
display: block;
}
.checkList.c4 li{
width: 24%;
display: block;
}
.checkList li img{
width: 100%;
height: auto;
}



/* overlay */
#overlay{
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background:rgba(0,0,0,0.85);
position: fixed;
top: 0;
left: 0;
z-index: 95000;
}
#overlayClose{
width: 72px;
height: 72px;
display: block;
background: url(../img/close.svg) no-repeat center center;
background-size: contain;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
}
#overlay .movieBlock{
width: 720px;
display: block;
padding: 10px;
background-color: #231815;
}

#overlay{
animation: overlay-display .5s forwards;
}
@keyframes overlay-display {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

#overlayClose{
animation: close-display .5s forwards;
}
@keyframes close-display {
0% {
transform: scale(0);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}

#overlay .popupBox{
width: auto;
max-height: 90vh;
display: block;
padding: 10px 10px 12px 10px;
background-color: #ffffff;
overflow-y: scroll;
}
#overlay .popupBox img{
width: auto;
height: 90vh;
}



/* -- */
/* -- */
/* SP */
/* -- */
/* -- */
@media screen and (max-width: 768px) {
/* */
/* */



header h1{
display: block;
}
header .headInfo .gNav{
width: 100%;
}

h2{
padding: 0;
font-size: 3.4rem;
line-height: 1.3;
}
h3{
margin: 54px 0 0 0;
font-size: 2.2rem;
letter-spacing: 0.5px;
line-height: 1.3;
}

.txt{
margin: 32px 0 0 0;
}
.txtList,
.txtList2,
.attList{
margin: 32px 0 0 0;
}
.txtList li{
padding: 0 0 0 16px;
}
.txtList li:before{
content:"・";
display: inline-block;
position: absolute;
top: 0;
left: 5px;
}

.txtList2 li{
padding: 0 0 0 16px;
}
.txtList2 li:before{
content:"●";
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.txtList2 li.sub{
padding: 0 0 0 28px;
}
.txtList2 li.sub:before{
content:"・";
display: inline-block;
position: absolute;
top: 0;
left: 16px;
}

.attList li{
display: block;
padding: 0 0 0 20px;
position: relative;
}
.attList li:before{
content:"※";
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
.infoComing{
display: block;
margin: 72px 0 0 0;
text-align: left;
}
.txtList a,
.attList a{
text-decoration: underline;
}

/* mainBlock */
#mainBlock{
padding: 72px 2.5vw 92px 2.5vw;
position: relative;
text-align: center;
}

#mainBlock h2{
display: inline-block;
padding: 0 0 10px 0;
color: #231815;
border-bottom: 3px solid #231815;
}


/* news */
#news{
padding: 64px 2.5vw 92px 2.5vw;
}
#news h2{
}
#news h2 span{
background: url(../img/bar_tit.png) no-repeat center bottom;
background-size: 100% 15px;
}
.newsList{
margin: 32px 0 0 0;
padding: 0 0 18px 0;
}
.newsList li{
margin: 18px 0 0 0;
padding: 18px 0 0 0;
}
.newsList li:first-child{
}
.newsList li dl{
}
.newsList li dt{
padding: 0 2px 0 2px;
}
.newsList li dt span{
margin-left: 15px;
}
.newsList li dd{
padding: 0 2px 0 2px;
}
.newsList li dd a{
padding-right: 36px;
background: url(../img/arr_r.svg) no-repeat right center;
background-size: auto 10px;
text-align: left;
line-height: 1.4;
}


#news .btn{
width: 95%;
margin: 42px auto 0 auto;
}
#news .btn a{
background: url(../img/arr_r.svg) no-repeat right 16px center;
background-size: auto 10px;
background-color: #ffffff;
font-size: 2.5rem;
line-height: 54px;
filter: drop-shadow(3px 4px 0 rgba(35,24,21,1));
}


/* Notice */
.venueSelect{
margin: 32px 0 0 0;
}
.venueSelect ul{
height: 62px;
}
.venueSelect ul:after{
content:"";
width: 100%;
height: 3px;
display: block;
background-color: #e94630;
position: absolute;
bottom: 6px;
left: 0;
z-index: 6050;
}
.venueSelect.nowTokyo ul:after{
background-color: #e94630;
}
.venueSelect.nowOsaka ul:after{
background-color: #1877a9;
}
.venueSelect.nowFukuoka ul:after{
background-color: #57ac6f;
}
.venueSelect ul li{
width: 32%;
height: 50px;
display: block;
line-height: 42px;
position: relative;
font-size: 1.3rem;
bottom: 6px;
}
.venueSelect ul li.on{
width: 30%;
height: 62px;
display: block;
line-height: 54px;
font-size: 1.5rem;
}
.venueSelect ul li.selectTokyo{
border-top: 3px solid #e94630;
border-left: 3px solid #e94630;
border-right: 3px solid #e94630;
border-bottom: 3px solid #e94630;
background-color: #fafaed;
color: #e94630;
}
.venueSelect ul li.selectOsaka{
border-top: 3px solid #1877a9;
border-left: 3px solid #1877a9;
border-right: 3px solid #1877a9;
border-bottom: 3px solid #1877a9;
background-color: #fafaed;
color: #1877a9;
}
.venueSelect ul li.selectFukuoka{
border-top: 3px solid #57ac6f;
border-left: 3px solid #57ac6f;
border-right: 3px solid #57ac6f;
border-bottom: 3px solid #57ac6f;
background-color: #fafaed;
color: #57ac6f;
}
.venueSelect ul li.selectTokyo:hover{
background-color: #e94630;
color: #ffffff;
}
.venueSelect ul li.selectOsaka:hover{
background-color: #1877a9;
color: #ffffff;
}
.venueSelect ul li.selectFukuoka:hover{
background-color: #57ac6f;
color: #ffffff;
}
.venueSelect ul li.selectTokyo.on{
background-color: #e94630;
color: #ffffff;
}
.venueSelect ul li.selectOsaka.on{
background-color: #1877a9;
color: #ffffff;
}
.venueSelect ul li.selectFukuoka.on{
background-color: #57ac6f;
color: #ffffff;
}


/* overlay */
#overlay{
}
#overlayClose{
width: 60px;
height: 60px;
background: url(/img/close.svg) no-repeat center center;
background-size: contain;
top: 10px;
right: 10px;
}

#overlay .popupBox{
width: 75vw;
max-width: 500px;
max-height: 75vh;
padding: 10px 10px 20px 10px;
}

#overlay .popupBox img{
width: 100%;
height: auto;
}


/* */
/* */
}
/* -- */
/* -- */
/* SP */
/* -- */
/* -- */