@media only screen and (max-width: 750px){

#counter h2{ font-size:100%; margin-bottom:10px; background:url(../img/line2.png)  0  bottom repeat-x; padding-bottom:10px;} 
#counter .detaillink{ text-align: right; padding:0 10px; background:none;font-size:86%;} 

/* ----------------------------------------------------------------
  TOP
----------------------------------------------------------------- */
#top.en #header #headnavi{ width:auto; float:right;}
#top.en #header #headnavi li { width:auto; width:70px;}
#top.en #header #headnavi li.spmenu{ width:40px;}
#top.en #header #headnavi li.english{  width:90px;}
#top #header #headnavi{ width:100%; }
#top #header #headnavi li a{ display:block; background:#720100; text-align:center; padding:14px 0; width:100%; font-size:90%; color:#fff;}
#top .covid19btn{ margin:0 10px 20px 10px;text-align:center;}
#top .covid19btn a{ color:#000; border:1px solid #000; padding:5px 20px; display:inline-block; font-size:0.8em;}
#top .covid19btn a:active{ color:#000;}
#top #maincontainer #performancelist li { clear:both; margin-bottom:20px;position:relative;padding-bottom:10px;border-bottom:1px dashed #aaa;}
#top #maincontainer #performancelist li.last{ }
#top #maincontainer #performancelist .photo{ margin-bottom:10px; border:1px solid #ccc;}
#top #maincontainer #performancelist .linkarea a{ display:inline-block; padding:5px 10px 5px 18px; font-size:70%; color:#fff; background: url(../img/icn_arrow03.png) 7px  center no-repeat; background-size: 7px; }
#top #maincontainer #performancelist .linkarea .pfbtn{ background-color:#444444;}	
#top #maincontainer #performancelist .linkarea .chbtn{ background-color:#720100;}	
#top #maincontainer #performancelist .linkarea .flbtn{ background-color:#314088;}	
#top #maincontainer #ticket .pfbtn{ display:inline-block; padding:2px 10px 2px 18px; font-size:65%; color:#fff; background: url(../img/icn_arrow03.png) 7px  center no-repeat; background-size: 7px;background-color:#444444;}
#top #maincontainer #ticket .chbtn{ display:inline-block; padding:2px 10px 2px 18px; font-size:65%; color:#fff; background: url(../img/icn_arrow03.png) 7px  center no-repeat; background-size: 7px;background-color:#720100;}
#top #maincontainer #ticket .flbtn{ display:inline-block; padding:2px 10px 2px 18px; font-size:65%; color:#fff; background: url(../img/icn_arrow03.png) 7px  center no-repeat; background-size: 7px;background-color:#314088;}
#top #maincontainer #ticket .sobtn{ display:inline-block; padding:2px 10px 2px 10px; font-size:65%; color:#fff; background-color:#b81111;}
#top #maincontainer #ticket .nsbtn{ display:inline-block; padding:2px 10px 2px 10px; font-size:65%; color:#fff; background-color:#dc8613;}
#top #maincontainer #performancelist .ticket_sale,#top #maincontainer #performancelist .ticket_soldout{ position:absolute;top:1px;right:1px; padding:7px 20px;}
#top #maincontainer #performancelist .ticket_sale{ background-color:#dc8613;color:#fff; }
#top #maincontainer #performancelist .ticket_soldout{ background-color:#b81111;color:#fff; }

#top #maincontainer #performancelist li .label{ z-index: 1; position:absolute;top:1px;left:1px;width: 0;height: 0;border-style: solid;border-width: 75px 75px 0 0;}
#top #maincontainer #performancelist li p.month{ z-index: 2; position:absolute;font-size:1.0em;color:#fff;font-weight:bold;}
#top #maincontainer #performancelist li p.month span{ font-size:1.5em;letter-spacing:-0.2em;display:inline-block;padding-right:5px;}
#top.en #maincontainer #performancelist li p.month span{ font-size:1.3em;letter-spacing:0em;display:inline-block;padding-right:5px;}

#top #maincontainer #performancelist li .l1{ border-color: #8b3638  transparent transparent transparent;}
#top #maincontainer #performancelist li .l2{ border-color: #b75955  transparent transparent transparent;}
#top #maincontainer #performancelist li .l3{ border-color: #d36485  transparent transparent transparent;}
#top #maincontainer #performancelist li .l4{ border-color: #5da8bb transparent transparent transparent;}
#top #maincontainer #performancelist li .l5{ border-color: #46afaa  transparent transparent transparent;}
#top #maincontainer #performancelist li .l6{ border-color: #80a86c  transparent transparent transparent;}
#top #maincontainer #performancelist li .l7{ border-color: #b8c162  transparent transparent transparent;}
#top #maincontainer #performancelist li .l8{ border-color: #d0af40  transparent transparent transparent;}
#top #maincontainer #performancelist li .l9{ border-color: #a57200  transparent transparent transparent;}
#top #maincontainer #performancelist li .l10{ border-color: #be5c3c  transparent transparent transparent;}
#top #maincontainer #performancelist li .l11{ border-color: #b63510  transparent transparent transparent;}
#top #maincontainer #performancelist li .l12{ border-color: #ba2636  transparent transparent transparent;}

#top #maincontainer #performancelist li .m1,#top #maincontainer #performancelist li .m2,#top #maincontainer #performancelist li .m3,#top #maincontainer #performancelist li .m4,#top #maincontainer #performancelist li .m5,#top #maincontainer #performancelist li .m6,#top #maincontainer #performancelist li .m7,#top #maincontainer #performancelist li .m8,#top #maincontainer #performancelist li .m9{ top:10px;left:8px; !important;}
#top #maincontainer #performancelist li .m10,#top #maincontainer #performancelist li .m11,#top #maincontainer #performancelist li .m12{ top:10px;left:3px !important;}

#top.en #maincontainer #performancelist li .m1,#top #maincontainer #performancelist li .m2,#top #maincontainer #performancelist li .m3,#top #maincontainer #performancelist li .m4,#top #maincontainer #performancelist li .m5,#top #maincontainer #performancelist li .m6,#top #maincontainer #performancelist li .m7,#top #maincontainer #performancelist li .m8,#top #maincontainer #performancelist li .m9,#top.en #maincontainer #performancelist li .m10,#top #maincontainer #performancelist li .m11,#top #maincontainer #performancelist li .m12{ top:8px;left:6px !important;}
#top #maincontainer #ticket .detaillink{ background:#E8E8E8; text-align: right; padding:10px; font-size:84%;} 
#top #maincontainer #ticket{ background-color:#fff;border:1px solid #dddddd;margin-bottom:20px;}
#top #maincontainer #ticket .noevent{ padding:15px 0 30px;text-align:center;}


#top #maincontainer #ticket h3{background-color:#fff;padding:10px;border-bottom:1px dashed #dddddd;text-align:center;color: #000;font-size:1.1em;} 
#top #maincontainer #ticket h3.subt{background-color:#7f0032;color: #fff;font-size:1em;border:none;} 
#top #maincontainer #ticket #mainhall,#top #maincontainer #ticket #muratahall{	padding:8px 15px 0;}

#top #maincontainer #ticket #mainhall h4{ background-color:#bb3355;color:#fff;margin-bottom:3px; 
	padding:3px;text-align:center;
}

#top #maincontainer #ticket #mainhall li{
	border-bottom:1px #ccc solid;padding-bottom:5px;
}
#top #maincontainer #ticket #muratahall li{
	border-bottom:1px #ccc solid;padding-bottom:5px;
}
#top #maincontainer #ticket #mainhall li:last-child{
	border-bottom:none;
}
#top #maincontainer #ticket #muratahall li:last-child{
	border-bottom:none;
}


#top #maincontainer #ticket #mainhall h3,#top #maincontainer #ticket #muratahall h3{ font-size:1.0em;text-align:left; padding-left:0;padding-right:0px; }
#top #maincontainer #ticket #mainhall h3 span,#top #maincontainer #ticket #muratahall h3 span{ display:inline-block;padding-right:5px; }
#top #maincontainer #ticket p {font-size:1.0em;padding:0px 0px 3px 0;}
#top #maincontainer #ticket #muratahall h4{ background-color:#3557ab;color:#fff;margin-bottom:3px; 
	padding:3px;text-align:center;
}
#top #maincontainer .top_movie{margin: 20px auto 40px;text-align: center;}
#top #maincontainer .top_movie .subt{background-color: #7f0032;color: #fff;font-size: 1em;border: none;padding: 10px;margin-bottom: 10px;}
#top #maincontainer iframe{padding: 0 0px;width: 86%;height: 180px;}

#top #maincontainer #topics{ margin-bottom:20px;}
#top #maincontainer #topics h2{ background:#F4F4F4; padding:10px; font-size:90%; color:#545454; margin-bottom:20px;}
#top #maincontainer #topics li{ width:90%; margin:0 auto 20px; border-bottom:1px dotted #999; padding-bottom:15px; }
#top #maincontainer #topics .detaillink{ background:#E8E8E8; text-align: right; padding:10px; font-size:84%;} 
#top #maincontainer #topics .detaillink img{ width:10px; margin-right:7px;}
#top #maincontainer #topics .date{ margin-bottom:5px; font-size:84%; font-weight:bold; display:inline-block;}
#top #maincontainer #topics .date span{ background:#D5D5D5; padding:3px 5px; margin-left:10px; font-size:74%; vertical-align:top;}
#top #maincontainer #topics .read{ line-height:140%; font-size:100%;}

#top #maincontainer #topics a {color: #aa0002; }
#top #maincontainer #topics .t_icon1,#top #maincontainer #topics .t_icon2,#top #maincontainer #topics .t_icon3,#top #maincontainer #topics .t_icon4,#top #maincontainer #topics .t_icon5,#top #maincontainer #topics .t_icon5,#top #maincontainer #topics .t_icon6,#top #maincontainer #topics .t_icon7{ color:#fff;padding:1px 5px; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;font-size:0.7em;width:55px; display:inline-block;text-align:center;}
#top #maincontainer #topics .t_icon1{ background-color:#af6062;}
#top #maincontainer #topics .t_icon2{ background-color:#548843;}
#top #maincontainer #topics .t_icon3{ background-color:#777777;}
#top #maincontainer #topics .t_icon4{ background-color:#990000;}
#top #maincontainer #topics .t_icon5{ background-color:#d07600;}
#top #maincontainer #topics .t_icon6{ background-color:#4376a9;}
#top #maincontainer #topics .t_icon7{ background-color:#884488;}

#top #tw {margin-bottom:20px; display:none;}
#top #tw h3{ background-color:#dddddd;padding:5px;text-align:center;color: #504c40;} 
#top #tw .box{	border:1px solid #dddddd;}

/* 修正 20240617 */
#top #subcontainer {font-size: 90%;}

/* calendar 20240617 */
#top #calendar2 #p-calendar-H{  margin-bottom: 10px;}
#top #calendar2 .head:after {  content: ""; display: block; clear: both;}
#top #calendar2 .head { height: 1%; }
#top #calendar2 .head { display: block; }

#top #subcontainer #calendar2 { width:90%; margin:20px auto 40px;}
#top #subcontainer #calendar2 .bt_back{ display:block; width:10%; text-align:left;  float:left;}
#top #subcontainer #calendar2 h2{width:80%; text-align:center; font-size:100%; float:left;}
#top #subcontainer #calendar2 .bt_next{ display:block; width:10%; text-align:right;float:right;}

#top #subcontainer #calendar2 table{ clear:both; width:100%; margin-top:10px; border-bottom:1px solid #ccc;}
#top #subcontainer #calendar2 th { color:#666666; text-align:center; padding:10px;}
#top #subcontainer #calendar2 td{ font-size:100%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:10px 0;  background:#F7F7F7; border-top:1px solid #ccc; border-right:1px solid #ccc;}
#top #subcontainer #calendar2 td.first{ border-left:1px solid #ccc; border-top:1px solid #ccc!important;}
#top #subcontainer #calendar2 td.blank{ background:#EEEEEE;}
#top #subcontainer #calendar2 a.event_balloon{ color:#DF595B;}

#top #subcontainer .detaillink{position: relative;}
#top #subcontainer .detaillink a { color: #fff; background: #720100; gap: 10px; padding: 15px 0; font-size: 1em; text-align: center; vertical-align: top; display: flex; justify-content: center; align-items: center;}
#top #subcontainer .detaillink a:hover { opacity: 0.8; }
#top #subcontainer .detaillink .p-calendar-H-calendar { width:16px;}
#top #subcontainer .detaillink .p-calendar-H-arrow { width:12px;}

/* ticket 20240617 */
#top #subcontainer #ticket .pfbtn{ display:inline-block; padding:2px 10px 2px 18px; font-size:65%; color:#fff; background: url(../img/icn_arrow03.png) 7px  center no-repeat; background-size: 7px;background-color:#444444;}
#top #subcontainer #ticket .chbtn{ display:inline-block; padding:2px 10px 2px 18px; font-size:65%; color:#fff; background: url(../img/icn_arrow03.png) 7px  center no-repeat; background-size: 7px;background-color:#720100;}
#top #subcontainer #ticket .flbtn{ display:inline-block; padding:2px 10px 2px 18px; font-size:65%; color:#fff; background: url(../img/icn_arrow03.png) 7px  center no-repeat; background-size: 7px;background-color:#314088;}
#top #subcontainer #ticket .sobtn{ display:inline-block; padding:2px 10px 2px 10px; font-size:65%; color:#fff; background-color:#b81111;}
#top #subcontainer #ticket .nsbtn{ display:inline-block; padding:2px 10px 2px 10px; font-size:65%; color:#fff; background-color:#dc8613;}

#top #subcontainer #ticket .detaillink{ background:#E8E8E8; text-align: right; padding:10px; font-size:84%;} 
#top #subcontainer #ticket{ border-bottom: 1px solid #dddddd; background-color:#fff; margin-bottom:20px;padding-bottom: 20px;}
#top #subcontainer #ticket h3{background-color:#fff;padding:10px;color: #000;font-size:1.1em;} 
#top #subcontainer #ticket h3.subt{background-color:#7f0032;color: #fff;font-size:1em;border:none;} 
#top #subcontainer #ticket #mainhall,#top #subcontainer #ticket #muratahall{	margin:20px 15px 0;}
#top #subcontainer #ticket #mainhall h4{ background-color:#bb3355;color:#fff;margin-bottom:3px; padding:3px;text-align:center;}
#top #subcontainer #ticket #mainhall li{border-bottom:1px #ccc solid;padding-bottom:5px;}
#top #subcontainer #ticket #muratahall li{border-bottom:1px #ccc solid;padding-bottom:5px;}
#top #subcontainer #ticket #mainhall li:last-child{border-bottom:none;}
#top #subcontainer #ticket #muratahall li:last-child{border-bottom:none;}

#top #subcontainer #ticket #mainhall h3,#top #subcontainer #ticket #muratahall h3{ font-size:1.0em;text-align:left; padding-left:0;padding-right:0px; }
#top #subcontainer #ticket #mainhall h3 span,#top #subcontainer #ticket #muratahall h3 span{ display:inline-block;padding-right:5px; }
#top #subcontainer #ticket p {font-size:1.0em; margin: 5px 0;}
#top #subcontainer #ticket #muratahall h4{ background-color:#3557ab;color:#fff;margin-bottom:3px; padding:3px;text-align:center;}




#modal{
    background: #510000 none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    height: 90%;
    color:#fff;
    overflow: auto;
    padding: 25px 10px 10px;
    width: 95%;
    line-height:1.2em;
}

#modal .title {
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 10px;
}

#modal .subt { font-weight:bold;color:#ffffaa;display:block; }
#modal .date,#modal .hall,#modal .date,#modal .program,#modal .price,#modal .ticket { padding:3px 0 6px;}
#modal .photo { margin:10px 0;display:block;text-align:center; }



#modal div.business_detail {
	overflow: auto;
	height: 95%;
}
#modal .modal_close {
	position: absolute;
	right: 10px;
	top: 0;
	padding: 5px;
	font-size: 160%;
	cursor: pointer;
	display: inline-block;
}


/* ----------------------------------------------------------------
Buy Tickets Btn
----------------------------------------------------------------- */
#top #header #headnavi li.english { border-left:1px solid #510000; }
#top #header #headnavi li.english a.en_btn {
	padding: 3px 0 
}
#top #header #headnavi li.english a.ticket_btn {
	padding: 3px 0 !important; font-size:10px;
	background-color:#720100;
}
#top #header #headnavi li a:hover{ background-color:#efcd78 !important; color:#720100 !important;}
#top #header #headnavi li.hanbicn {border-left:1px solid #510000;}
#top #header #headnavi li.hanbicn a {padding-top:13px;padding-bottom:15px;}

#modal_flyer {
	background-color: #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	padding: 25px 10px 10px 10px;
	width: 95%;
	height: 90%;
	overflow:auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#modal_flyer .modal_close {position: absolute; right: 10px; top: 0; padding: 5px; font-size: 160%; cursor: pointer; display: inline-block; }
#modal_flyer .flyerimg img{ width:100%; margin:0 auto;}
#modal_flyer .name{ width:100%;font-size:0.8em; margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #888;}

#top .telopcontainer { width:100%; background-color:#fff; color:#720100; font-weight:bold;font-size:0.8em;line-height:1.2em;top:42px;z-index: 2500; padding-right:45px; }
#top .telopcontainer a{ color:#720100 !important; }
#top .telopcontainer p{ padding:5px 14px; }

#topics ul{ overflow-y: scroll; overflow-x: hidden; height:185px; }
#top #maincontainer #topics .read{ max-width: 500px; }

#top .snsarea { display:block; width:100%; margin:10px 0 20px;　 }
#top .snsarea li div.fb_iframe_widget,#top .snsarea li iframe.twitter-timeline { margin:10px auto !important; text-align:center;display:block !important; }

.facebook {
  width: 100%;
  overflow: hidden;
}

.facebook iframe {
  max-width: 100% !important;
}

#top .calendar_submenu { text-align:right; padding-right:15px;}
#top .calendar_submenu a{ color:#990200;}