/* ---------------------------------------------------------------------------------
common */

.exList{ width: 800px; margin: 0 auto;border-top: 1px solid #ccc;}
.exList li{ display: table; width: 100%; border-bottom: 1px solid #ccc; }
.exList li .imgBox{display: table-cell; width: 250px; vertical-align: top;}
.exList li .txtBox{ display: table-cell; vertical-align: top;padding-left: 30px;}
.exList li >.inner{padding:50px;}


@media(max-width:750px){

.exList{ width: auto; margin: 0 auto;border-top: 1px solid #ccc;}
.exList li{ display: block; width: 100%; border-bottom: 1px solid #ccc; }
.exList li .imgBox{display: block; width: auto; text-align: center; vertical-align: top; margin-bottom: 30px;}
.exList li .txtBox{ display: block; vertical-align: top;padding-left: 0;}
.exList li >.inner{padding:50px;}

.entryDesc{ display: none;}

}


.pastEx{}
.pastEx h1{ padding: 50px 0;text-align: center; font-weight: normal;}

.exDetailHeader{ width: auto; max-width:800px; margin: 50px auto 50px;}
.exList .exDetailHeader{ width: auto; margin: 0 auto 20px;}

.exDetailHeader .kaisai{}
.exDetailHeader .kaisai span{ width: 130px;padding: 2px 5px; background-color: #6a6a6a; color: #fff; font-weight: normal; font-size: 12px; letter-spacing: 0.1em;}
.exDetailHeader .kaisai span.kaisaiYotei{ background-color: #87752c;}
.exDetailHeader .kaisai span.kaisaiChu{ background-color: #3481a5;}
.exDetailHeader .kaisai span.kaisaiShuryo{ background-color: #6a6a6a;}

.exDetailHeader .title_sub{ margin-bottom: 10px; font-size:22px; line-height: 1.4em;}
.exDetailHeader .title_main{margin-bottom: 5px; line-height: 1.4em; font-size:16px;}
.exDetailHeader .date{margin-top: 10px; font-size: 14px;}
.entryDesc{ font-size: 12px;}

.exMvCaption{ text-align: center; font-size: 80%;}

.exMainVisual{ width: auto; max-width: 800px; margin: 0 auto 50px;}

@media screen and (max-width: 750px) {
.exDetailHeader{ width: auto; margin: 50px 30px;}
.exDetailHeader .kaisai span{ width: 250px;padding: 5px 10px; background-color: #6a6a6a; color: #fff; font-weight: normal; font-size: 24px; letter-spacing: 0.1em;}
.exDetailHeader .title_sub{ margin-bottom: 5px; font-size: 27px;}
.exDetailHeader .title_main{margin-bottom: 5px; font-size: 33px;}
.exDetailHeader .date{margin-top: 10px; font-size: 27px;}

.exMainVisual{ width: auto;margin:0 30px 50px; max-width: 800px; }
}



.ticketMenu{ width: auto; max-width: 800px; margin: 0 auto 50px;}
.ticketMenu p.ticketTopTxt{ text-align: center; font-size: 14px; margin-bottom: 20px;}
.ticketMenu p.ticketUnderTxt{ text-align: center; font-size: 12px;}


@media screen and (max-width: 750px) {
.ticketMenu p.ticketTopTxt{ text-align: center; font-size: 22px; margin-bottom: 20px;}
.ticketMenu p.ticketUnderTxt{ text-align: center; font-size: 22px;}

}



.ticketShopList{
    width: auto;
	max-width: 600px;
    margin: 0 auto 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 30px;
}
.ticketShopList img{ border: 1px solid #ccc;}

.ticketShopList.gr1{grid-template-columns: repeat(1, 1fr);max-width: 300px;}
.ticketShopList.gr2{grid-template-columns: repeat(2, 1fr);}
.ticketShopList.gr3{grid-template-columns: repeat(3, 1fr);}
.ticketShopList.gr4{grid-template-columns: repeat(4, 1fr);}

@media screen and (max-width: 750px) {
.ticketShopList{grid-template-columns: repeat(1, 1fr) !important;}
}







@media(min-width:751px){


}





@media(max-width:750px){




}








/* ---------------------------------------------------------------------------------
INTRO */