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

/* ----------------------------------------------------------------
  default
----------------------------------------------------------------- */

body{margin:0;padding:0;color:#000;background:#fff;
font-family:'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic Pro','YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, Osaka,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;font-size:100%;line-height:100%;}

h1,h2,h3,h4,h5,h6,p,div,ul,ol,dl,li,dt,dd,img,form,fieldset{margin:0;padding:0; border:0; box-sizing: border-box;}
ul,ol,dl{list-style:none;}

h1,h2,h3,h4,h5,h6,.ttl,dt,th,button{font-family:'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic Pro','YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, Osaka,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;}

a { color: #880002; text-decoration: none;}

/*.last{  border-bottom:none!important; margin-bottom:0!important; }*/
.first{ margin-left:0!important; border-top:none!important; margin-top:0!important; padding-left:0!important; }

div, ul, li, dl, dt, dd, p{zoom:1;}
ol li{zoom:0;}

#footer h4:after,
#top #calendar .head:after,
.clfix:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#footer h4,
#top #calendar .head,
.clfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clfix,* html #top #calendar .head { height: 1%; }
.clfix,#top #calendar .head { display: block; }
/* End hide from IE-mac */

.cl { clear: both;}

.img-l , .img-r {
	float: none;
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.sup {
	    vertical-align: super;
}


/* ----------------------------------------------------------------
  共通
----------------------------------------------------------------- */
.pcdisplay { display: none!important;}
body{ width:100%; }

#footer{ background:#000; width:100%; padding:30px 20px 70px 20px; color:#fff;}
#footer .company h4{ font-size:100%; margin-bottom:10px;width:240px;}
#footer .company .detail{ font-size:90%; line-height:140%; margin-bottom:10px;}
#footer dl{ display:none;}
#footer .subt{ font-size:11px;padding-bottom:3px;}
#footer a{ color:#ffffaa;}
#footer .copyright{ text-align:right;color:#fff;font-size:0.6em;}

.gnavi{ clear:both;width:100%; display:none;}
.gnavi dt{ background:#E8E8E8; padding:10px; font-size:100%; font-weight:bold; color:#555555; border-top:#CCCCCC solid 1px; }
.gnavi dt br{display:none;}
.gnavi dd li{ width:50%; border-top:1px dotted #aaa;  border-left:1px dotted #aaa; float:left; padding:10px 10px 10px 22px; font-size:80%; background:url(../img/icn_arrow02.png) 10px center no-repeat #fff; background-size:5px;}
.gnavi dd li span{ display:none;}
.gnavi dd li.last{ width:100%;}
.gnavi dd li.db{ width:100%;}
.spmenulast{ clear:both;width:100%;border-top:#CCCCCC solid 1px; }

.gnavi.en{ border-bottom: 1px solid #cccccc; }
.gnavi.en dd li{ width:100%;}

.gnavi dd.sns{ background:#fff;padding:5px;text-align:right;}
.gnavi dd.sns a{ padding:5px;}
.gnavi dd.sns a img{ width:40px;}


#vacancy{ border:3px solid #DDDDDD; margin:20px auto; width:90%;}
#vacancy h2{ background:#DDDDDD ;color:#504C40; text-align:center; padding:5px; font-size:100%;}
#vacancy .month{ width:90%; margin:10px auto;}
#vacancy .month a,#top #maincontainer #newsarea #vacancy .month span{ display:inline-block; font-weight: bold; width:33.3%;}
#vacancy .month  span{ text-align:center;}
#vacancy .month  .next{ text-align:right;}
#vacancy table{ width:95%; margin:0 auto 15px;}
#vacancy th{ background:#f6f6f6; padding:7px 0; text-align:center; color:#999; font-size:80%;}
#vacancy td{ text-align:center; padding:5px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:110%;}
#vacancy td.active{ background:#FBC2BC;}
#vacancy .attention{ text-align:right; margin:0 15px 10px 0; font-size:80%; color:#999;}
#vacancy .attention span { color:#FBC2BC; font-size:120%;}
.vacancycaution{ font-size:82%; line-height:130%; color:#990200; margin:20px auto 30px; width:90%;}


#counter {margin:20px auto; width:90%;}
#counter h2{ font-size:100%; margin-bottom:10px; background:url(../img/line2.png)  0  bottom repeat-x; padding-bottom:10px;} 
#counter .tel{ font-size:100%; font-weight:bold;line-height:140%; margin-bottom:10px; }
#counter .date{ font-size:90%; margin-bottom:10px;margin-bottom:10px; background:url(../img/line2.png)  0  bottom repeat-x; padding-bottom:10px;}
#counter .date br{ display:none;}
#counter .attention{font-size:80%; line-height:140%;}

#counter .detaillink{ text-align: right; padding:0 10px; background:none;font-size:86%;} 
#counter .detaillink img{ width:10px; margin-right:6px;}

#top #maincontainer #fbarea{ margin:20px auto; width:90%;}
#top #maincontainer #fbarea img{ width:100%;}


#page-top {position: fixed;bottom:20px;right:20px;font-size:87%;}
#page-top a {background: rgba(95,5,7,0.73);text-decoration: none;color: #fff;width:150px;padding: 15px 0;text-align: center;display: block;border-radius: 5px;}

/* ----------------------------------------------------------------
  TOP
----------------------------------------------------------------- */
#top{ background:url(../img/mainimage.jpg)  center 0 no-repeat; background-size:230%; width:100%;}

#top #header{ width:100%;}
#top #header h1 img{width:60%; padding-top:60px;padding-bottom:20px;}
#top #header .spbg{ background:url(../img/mainimage.jpg)  center 0 no-repeat; background-size:230%; width:100%;}

#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 { width:23.3%; float:left;}
#top #header #headnavi li.spmenu{ width:15%;}
#top #header #headnavi li a{ display:block; background:#720100; text-align:center; padding:14px 0; width:100%; font-size:80%; color:#fff;}
#top #header #headnavi li.even a{ background:#510000;}
#top #header #headnavi li a img{ display:none;}
#top #header #headnavi li.active a{ background:#831512;}

#top #header .snsicn{ position:absolute; top:50px; right:10px; text-align:right;}
#top #header .snsicn a{ padding-left:10px;}

#top #header #headnavi li.searchbtn{ width:15%; }
#top #header #headnavi li.searchbtn a{ padding:12px 0 7px;}
#top #header #headnavi li.searchbtn img{ display:inline; width:14px;}
#top #header #headnavi li.english{  width:15%;}
#top #header #headnavi li.english a{ !important;}
#top #header #headnavi li.search{ display:none;}
#top #header #headnavi li.sns{ display:none;}

#top #header #headnavi li.cld_menu{ border-right: 1px solid #510000;}

#top #header #slider { margin:35px auto 10px; width: 70%; border: none; border-radius: 0; background: inherit; font-size: 12px;}
#top #header #slider ul.slides { border: 1px solid #fff;}
#top #header #slider ul.slides {border-top:5px solid #720100; border-bottom:5px solid #720100;}
#top #header #slider ul.slides li{ background: #eee; position: relative;min-height:180px;}
#top #header #slider ul.slides li .photo{ margin: 10px 10px 5px 10px;}
#top #header #slider ul.slides li .photo img { width: 100% !important;}
#top #header #slider ul.slides li .date{ margin: 10px;}
#top #header #slider ul.slides li .ttl{ font-weight: bold; font-size: 14px; margin: 0 10px 10px;}
#top #header #slider ul.slides li .link { text-align: right; padding: 0 10px 10px 0;}
#top #header #slider ul.slides li .link a{ background: #d5d5d5 url(../img/icn_arrow02.png) no-repeat 5px; background-size: 9px; display: inline-block; padding: 5px 5px 5px 15px; color: #8a0200;}
#top #header #slider .flex-direction-nav li a { width: 12%;}
#top #header #slider .flex-direction-nav .flex-prev { left: -12%; opacity: 1; background: url(../img/slidearr_l.png) no-repeat 0;}
#top #header #slider .flex-direction-nav .flex-next { right: -12%; opacity: 1; background: url(../img/slidearr_r.png) no-repeat 0;}
#top #header #slider .flex-control-paging { text-align: center; padding: 10px 0;}
#top #header #slider .flex-control-paging li a { background: #888; width: 13px; height: 13px;}
#top #header #slider .flex-control-paging li a.flex-active { background: #ddd;}

#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 #calendar{ width:90%; margin:20px auto 40px;}
#top #calendar .bt_back{ display:block; width:10%; text-align:left;  float:left;}
#top #calendar h2{width:80%; text-align:center; font-size:100%; float:left;}
#top #calendar .bt_next{ display:block; width:10%; text-align:right;float:right;}
#top #calendar img{ width:12px;}

#top #calendar table{ clear:both; width:100%; margin-top:10px; border-bottom:1px solid #ccc;}
#top #calendar th { color:#666666; text-align:center; padding:10px;}
#top #calendar 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 #calendar td.first{ border-left:1px solid #ccc; border-top:1px solid #ccc!important;}
#top #calendar td.blank{ background:#EEEEEE;}
#top #calendar a.event_balloon{ color:#DF595B;}

#top #maincontainer #performancelist{ width:86%; margin:auto;}
#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 .photo img{ width:100%;}
#top #maincontainer #performancelist h3{ font-size:100%;margin-bottom:15px;line-height:120%;}
#top #maincontainer #performancelist .detail{ font-weight:bold; font-size:90%; margin-bottom:15px; }
#top #maincontainer #performancelist .detail span{ color:#AD0002; padding-left:10px;}
#top #maincontainer #performancelist .read{ font-size:86%; line-height:130%; color:#333; margin-bottom:15px;}
#top #maincontainer #performancelist .linkarea{ text-align:right;}
#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 #newsarea #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 #newsarea #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 #newsarea #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 #newsarea #ticket .sobtn{ display:inline-block; padding:2px 10px 2px 10px; font-size:65%; color:#fff; background-color:#b81111;}
#top #maincontainer #newsarea #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:0.9em;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 #newsarea #ticket h2{ background:#F4F4F4; padding:10px; font-size:90%; color:#545454; margin-bottom:20px;}
#top #maincontainer #newsarea #ticket li{ width:90%; margin:0 auto 20px; border-bottom:1px dotted #999; padding-bottom:20px; }
#top #maincontainer #newsarea #ticket li .photo{ width:30%; float:left;}
#top #maincontainer #newsarea #ticket li .photo img{ width:100%;}
#top #maincontainer #newsarea #ticket li .textbox{ width:65%; float:right; margin-bottom:10px;}
#top #maincontainer #newsarea #ticket li h3{ font-size:90%; margin-bottom:10px;}
#top #maincontainer #newsarea #ticket li .read{ font-size:80%;}
#top #maincontainer #newsarea #ticket li .chbtn{display:block; padding:5px 10px 5px 18px; font-size:70%; color:#fff; clear:both; float:right;
background: url(../img/icn_arrow03.png) 7px  center no-repeat #720100; background-size: 7px; }
#top #maincontainer #newsarea #ticket .detaillink{ background:#E8E8E8; text-align: right; padding:10px; font-size:84%;} 
#top #maincontainer #newsarea #ticket .detaillink img{ width:10px; margin-right:7px;}

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

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

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


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


#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:20px; }
#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:10px; font-size:84%; font-weight:bold;}
#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:80%;}

#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_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:#777;}
#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;}

#top #maincontainer #newsarea .bn{ margin:20px auto; width:90%;}
#top #maincontainer #newsarea .bn img{ width:100%;}

#acMenu{
display:none;
}

/* ----------------------------------------------------------------
  下層共通
----------------------------------------------------------------- */
#under #wrapper{ width:100%; margin:auto;}
#under .detaillink{  text-align:right; font-size:86%; margin-top:20px;}
#under .detaillink a{ background:url(../img/icn_arrow04.png) 0 4px no-repeat; background-size:5px; padding-left:10px;}

#topnavi{ width:100%;background:#720100;}
#topnavi a{ color:#fff;}
#topnavi li { width:23.3%; float:left;}
#topnavi li a{ display:block; background:#720100; text-align:center; padding:14px 0; width:100%; font-size:80%; color:#fff;}
#topnavi li.even a{ background:#510000;}
#topnavi li a img{ display:none;}
#topnavi li.active a{ background:#831512;}

#topnavi li.searchbtn{ width:15%; }
#topnavi li.searchbtn a{ padding:12px 0 7px;}
#topnavi li.searchbtn img{ display:inline; width:14px;}
#topnavi li.english{ width:15%;}
/*#topnavi li.english a{ background:#720100!important;}*/
#topnavi li.search{ display:none;}
#topnavi li.sns{ display:none;}
#topnavi li.spmenu { width:15%; }
#topnavi li.spmenu .hanbicn{ font-size:20px; }
.hanbicn{ font-size:30px;}

#under #header{ background: url(../img/mainimage02.jpg) center center no-repeat; width:100%; clear:both; background-size:300%;}
#under #header h1{ width:50%; padding:20px;}
#under #header h1 img{ width:100%;}

#under #breadcrumb{  width:100%; padding:15px 10px; font-size:90%;}
#under #breadcrumb span{ margin:0 10px;}

#under #vacancy{ width:100%;} 
#under .vacancycaution{ width:100%;} 

#under #counter {margin:20px auto; width:100%;}

#under #maincontainer { margin: 15px auto 40px; clear:both;padding:0 10px;}
#under #maincontainer .maincontents{ width:100%;}
#under #maincontainer .maincontents h2{ border-bottom:3px solid #eee; padding-bottom:10px; font-size:140%; margin-bottom:20px; line-height: 1.4em;}
#under .maincontents h2 span{ font-size:18px;color:#777;}
#under #maincontainer .maincontents h3{ font-size:1.2em;}
#under .maincontents .mt20 {margin-top:20px;}
#under .maincontents .mt30 {margin-top:30px;}

#under #leftmenu{ width:94%; margin:auto;}
#under #leftmenu .bn{ width:100%; margin-bottom:20px;}
#under #leftmenu .bn img{ width:100%;}

#under .selection{ margin:0 auto 20px; width:96%; text-align:center;}
#under .selection a { display:inline-block; background:url(../img/bg_hukidashi.png) center bottom no-repeat; width:32%; text-align:center;vertical-align:middle; font-weight:bold; font-size:80%; padding:10px 0 20px; line-height:120% ; background-size:120%;}

#under .detailbox h3{ font-size:100%; padding:10px 20px;  background:url(../img/bg_dot.png) 0 0 ; clear:both; line-height: 1.4em;}
#under .detailbox .contents{ width:90%; margin:20px auto 30px;}

#under .detailbox ol{ list-style-type: decimal; margin:auto; } 
#under .detailbox ol li{ font-size:100%; font-weight:bold; margin-left:20px;line-height:130%; margin-bottom:10px; }
#under .detailbox ol li .read{ font-size:80%; font-weight:normal; margin:20px 0 20px -20px;}
#under .detailbox ol li .attention,
#under .detailbox ol li div,
#under .detailbox ol li dl,
#under .detailbox ol li ul li{ margin-left:-20px;}

#under .information{ background:url(../img/bg_dot2.png) 0 0; padding:15px; margin-bottom:20px;margin-top:25px;}
#under .information dt{ color:#B64635; font-weight:bold; font-size:110%; margin-bottom:15px;}
#under .information dd{ background:#FBF3F1; padding:15px; line-height:140%; font-size:90%;}
#under .information dd p{ padding-top:4px;}

#under .heed{ color:#C00003;font-size:12px;padding:0 10px;}
#under .attention{ color:#C00003;}

#under #calendar a.event_balloon{ color:#DF595B;}

/* ----------------------------------------------------------------
  スライダーメニュー
----------------------------------------------------------------- */
.slide_tic_btn a{ color:#fff;}

.slide_tic_btn{ background:#831512; width:100%; margin:0 0 0 0; clear:both; padding:10px 0;}
.slide_tic_btn p{ text-align:right; font-weight:bold; font-size:80%; padding-right:10px; }
.slide_tic_btn img{ width:12px; margin-right:10px; }

.slide_tic_btn .icn_down{ background:url(../img/icn_down03.png) 0 2px no-repeat; background-size:14px; padding-left:20px;}
.slide_tic_btn .icn_up{ background:url(../img/icn_up03.png) 0 2px no-repeat; background-size:14px; padding-left:20px;}

#slide_container{ background:#831512; width:100%; padding:20px 0;display:none;}

/*----チケットインフォメーション----*/
#slide_container #ticketinfo{ width:96%; margin:auto; color:#fff;} 
#slide_container h2{ font-size:100%; margin-bottom:0px; padding-bottom:0px;}

#slide_container #calendar{ width:90%; margin:0px auto 40px;}
#slide_container #calendar .bt_back{ display:block; width:10%; text-align:left;  float:left;}
#slide_container #calendar h3{width:80%; text-align:center; font-size:90%; float:left;}
#slide_container #calendar .bt_next{ display:block; width:10%; text-align:right;float:right;}
#slide_container #calendar img{ width:12px;}
#slide_container #calendar table{ clear:both; width:100%; margin-top:10px; border-bottom:1px solid #AB0300;}
#slide_container #calendar th { color:#fff; font-weight:normal; text-align:center; padding:10px;}
#slide_container #calendar td{ font-size:100%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:10px 0;  background:#720100;
 border-top:1px solid #AB0300; border-right:1px solid #AB0300;}
#slide_container #calendar td.first{ border-left:1px solid #AB0300; border-top:1px solid #AB0300!important;}
#slide_container #calendar td.blank{ background:#9A0300;}
#slide_container #calendar a{ color:#fff;}

#slide_container dl{ width:96%; margin:auto;}
#slide_container dt{ color:#D4ADAC; margin-bottom:10px; font-weight:bold;}

#slide_container .reception dd{ width:100%; background:#750906; border:1px solid #AB0300; padding:15px;  margin-bottom:10px;}
#slide_container .reception .ttl{ font-size:100%; margin-bottom:10px; font-weight:bold;}
#slide_container .reception .read{ font-weight:normal; font-size:80%; line-height:160%;}
#slide_container .reception .read span{ font-size:140%; font-weight:bold; color:#ffffcc;}
#slide_container .reception .read span a{ color:#ffffcc;}
#slide_container .reception .detaillink { margin-top:10px;}
#slide_container .reception .detaillink a{ background:#FAB5AF; display:block; text-align:center; padding:7px; font-size:120%; font-weight:bold;}
#slide_container .reception .detaillink a img{ width:7px; vertical-align:middle; margin-right:10px; padding-bottom:3px;}


#slide_container .view p{ background:#750906; border:1px solid #AB0300; padding:10px;  margin-bottom:10px; vertical-align:middle; }
#slide_container .view p.second{ margin-bottom:0;}
#slide_container .view p img{ vertical-align:middle; width:30%;}
#slide_container .view p a{ color:#fff; font-size:100%;  width:65%; display: inline-block; margin-left:10px; background:url(../img/icn_arrow03.png) right center no-repeat; background-size:13px; vertical-align: middle; font-weight:bold; letter-spacing:1px;}
#slide_container .view p span{ font-size:80%; font-weight:normal;}

/* ----------------------------------------------------------------
  チケット受け取り方法
----------------------------------------------------------------- */

#under #ticket .detailbox .member{ float:right; margin:10px 10px 10px 0 ;background: url(../img/icn_arrow02.png) 0 center no-repeat ; padding-left:15px; background-size:8px; font-size:90%; font-weight:bold;}
#under #ticket .detailbox .member a{ color:#900;}

#under #ticket .detailbox .attention{ font-size:82%; line-height:160%; text-indent:-13px; padding-left:13px; clear:both; margin-bottom:5px;}

#under #ticket .detailbox .receipt{ background:#F4F4F4; padding:20px; margin-bottom:20px;}
#under #ticket .detailbox .receipt dt{ font-weight:bold; margin-bottom:15px;}
#under #ticket .detailbox .receipt dd{ font-size:84%; line-height:140%; color:#444;}
#under #ticket .detailbox .receipt .attention{ font-size:100%; margin-left:0px;}
#under #ticket .detailbox .receipt .account{ background:#fff; border:1px solid #ddd; padding:10px 5px; text-align:center; margin:20px 0; font-weight:bold;}
#under #ticket .detailbox .receipt .account span{ display: block;}

#under #ticket .detailbox .mado_box .contents { margin-bottom:20px;}
#under #ticket .detailbox .mado_box .contents .photo{ width:40%; float:left;}
#under #ticket .detailbox .mado_box .contents .photo img{ width:100%;}
#under #ticket .detailbox .mado_box .contents .textbox{ float:right; width:55%;}
#under #ticket .detailbox .mado_box .contents .read{ font-size:82%; line-height:140%;}

#under #ticket .detailbox .tel_box .tel{ width:100%; border-bottom:1px solid #CBC8BB; margin-bottom:15px;}
#under #ticket .detailbox .tel_box .tel dt{ width:25%; float:left; font-size:80%; margin-bottom:15px;}
#under #ticket .detailbox .tel_box .tel dd{ width:75%; float:left; font-size:100%;font-weight:bold;margin-bottom:15px;}
#under #ticket .detailbox .tel_box .tel .num{ font-size:120%;}
#under #ticket .detailbox .tel_box .tel span{ font-size:90%; display:block; font-weight:normal; margin-top:5px;}
#under #ticket .detailbox .tel_box .read{border-top:1px solid #CBC8BB; margin:15px 0; padding-top:15px; font-size:90%; }

#under #ticket .detailbox .web_box .read{font-size:90%; }
#under #ticket .detailbox .web_box ol{ border-top:1px solid #CBC8BB; margin:15px 0 0; padding-top:15px ; } 
#under #ticket .detailbox .web_box ol li dl{margin:20px 0 20px -20px;}
#under #ticket .detailbox .web_box ol li dt{ font-size:86%;}
#under #ticket .detailbox .web_box ol li dd{ font-weight:normal;}
#under #ticket .detailbox .web_box ol li .attention{ margin-top:15px;}


/* ----------------------------------------------------------------
  ご利用料金
----------------------------------------------------------------- */


#under #price .detailbox>li{ border:none; padding:0 0 40px;}
#under #price .unit{ margin:10px; text-align:right; color:#777; font-size:90%;}

#under #price li table{ width:100%; margin-bottom:20px;}
#under #price li table th{ font-weight:bold; padding:10px 5px; text-align:center; vertical-align:middle;}
#under #price li table td{ font-size:80%; padding:10px 5px; border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6; text-align:right; }
#under #price li table caption{ font-size:100%; font-weight:bold; margin-bottom:10px; text-align:left;}

#under #price li table .ttl01{ background:#F4F4F4; border-right:1px solid #E6E6E6; color:#545454;}
#under #price li table .ttl02{ background:#EEEEEE; border-right:1px solid #E6E6E6; color:#919191; font-size:70%}
#under #price li table .ttl03{ background:#999; border-bottom:1px solid #ccc; color:#fff; font-size:120% }
#under #price li table .ttl04{ background:#fff; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; color:#878787;font-size:12px;}
#under #price li table .ttl05{ background:#E4E4E4; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; color:#878787; text-align:left; font-size:80%; padding-left:10px;}

#under #price .price_parking th.ttl03{ font-size:90%;}
#under #price .price_parking td{ text-align:left;border:1px solid #E6E6E6;}

#under #price .price_facility th{ font-size:70%;}
#under #price .price_facility .ttl02{ text-align:left;}
#under #price .price_facility .ttl04,#under #price .price_facility .ttl05{ font-weight:normal;}
#under #price .price_facility td{ font-size:80%;}

#under #price .note{ margin:0 auto 20px; width:96%;}
#under #price .note li{ background:#F4F4F4; padding:15px; line-height:160%; font-size:80%; margin-bottom:5px;}
#under #price .note span{ font-weight:bold; color:#999; margin-right:10px;}

#under #price .attention{ color:#993D2D;  text-indent:-13px; padding-left:13px; clear:both; margin-bottom:5px; font-size:80%;}

#under #price .opitin_box .linkarea{ margin:0 auto 20px; width:90%;}
#under #price .opitin_box .linkarea a{ background:url(../img/icn_arrow04.png) 0 5px no-repeat; background-size:5px; padding:0 15px 0 10px; line-height:160%;}


/* ----------------------------------------------------------------
  助成金
----------------------------------------------------------------- */
#under #subsidy .selection a{ width:23%!important;}

#under #subsidy .detailbox ol li .read{  font-weight:normal; margin:20px 0 20px 0!important; font-size:100%;}
#under #subsidy .detailbox ol{ list-style-type: none!important; margin:auto!important; } 
#under #subsidy .detailbox ol li,
#under #subsidy .detailbox ol li .attention,
#under #subsidy .detailbox ol li div,
#under #subsidy .detailbox ol li dl,
#under #subsidy .detailbox ol li ul li{ margin-left:0px!important;}


#under #subsidy .catcharea { width:96%; margin:auto;}
#under #subsidy .catcharea h3{ color:#831412; font-size:120%; margin-bottom:15px; line-height:130%;}
#under #subsidy .catcharea .read{ font-size:94%; line-height:140%; margin-bottom:20px;}
#under #subsidy .catcharea dl{ background:#FAEFE9 ; border:5px solid #F3E4CD; padding:25px; margin-bottom:40px;}
#under #subsidy .catcharea dd{ color:#934545; margin-bottom:15px; font-weight:bold; font-size:90%;}
#under #subsidy .catcharea dd.detaillink{ margin-bottom:-30px; text-align:center; padding-top:10px; }
#under #subsidy .catcharea dd.detaillink a{ color:#fff; background:none;background:#EF928F; padding:7px 15px ;text-align:center; }

#under #subsidy .registration_box .ttl{ font-size:100%; line-height:140%; font-weight:bold; margin-bottom:20px;}
#under #subsidy .registration_box dl{ background:#F4F4F4; padding:20px 20px 10px; font-size:96%;}
#under #subsidy .registration_box dt{ color:#919191;font-weight:bold; padding-bottom:10px;}
#under #subsidy .registration_box dd{font-size:90%;padding-bottom:10px; font-size:90%;}
#under #subsidy .registration_box .attention{ margin-top:10px;line-height:160%;}

#under #subsidy .target_box ol .attention{ margin:15px 0; font-size:86%; font-weight:normal; line-height:160%;}
#under #subsidy .target_box ol span{ font-size:90%; }

#under #subsidy .terms_box .write{ border:3px #DDDDDD solid; padding:10px; margin:20px 0; width:100%;}
#under #subsidy .terms_box .write li{ color:#DF6E6B; margin-bottom:8px; font-size:90%;} 
#under #subsidy .terms_box .ttl{ color:#AB0300; border-top:1px solid #ccc; padding-top:15px; margin-top:20px; font-weight:bold; font-size:94%;}
#under #subsidy .terms_box .read{ margin:15px 0; line-height:140%;}
#under #subsidy .terms_box .caution{ background:#F4F4F4; padding:20px;}
#under #subsidy .terms_box .caution li{ margin-bottom:8px; background:url(../img/icn_check.png) 0 0 no-repeat; background-size:14px 13px; padding-left:20px; font-size:90%;}

#under #subsidy .flow_box dl{ background:#F4F4F4; padding:15px; margin:20px 0 0; }
#under #subsidy .flow_box dt{ color:#919191;font-weight:bold; font-size:90%;}
#under #subsidy .flow_box dd{ font-size:90%;padding-bottom:7px; font-weight:normal;}
#under #subsidy .flow_box .attention{  width:100%;padding:0;}

#under #subsidy .flow_box .printlink{ border:3px solid #F4F4F4; padding:0px 15px 10px 15px; text-align:left;background:#F4F4F4; }
#under #subsidy .flow_box .printlink a{ font-size:80%;}
#under #subsidy .flow_box .printlink a img{ width:14px; margin-right:5px;}
#under #subsidy .flow_box .printlink span{ font-weight:normal;  padding-left:10px;}

#under #subsidy .flow_box .read{ font-weight:normal; margin-top:15px;}


/* ----------------------------------------------------------------
  フロアマップ
----------------------------------------------------------------- */
#under #floormap img.floor_map{ width:100%; }


/* ----------------------------------------------------------------
  アクセスマップ
----------------------------------------------------------------- */

#under #access .train_box .ttl{font-size:100%; line-height:130%; margin-bottom:15px; font-weight:bold;}
#under #access .train_box dl{ background:#F4F4F4; padding:20px; margin:20px 0 0; width:96%; }
#under #access .train_box dt{ color:#919191;font-weight:bold; padding-bottom:12px; font-size:90%;}
#under #access .train_box dd{ font-size:90%;padding-bottom:15px; font-weight:normal; line-height:140%;}

#under #access .car_box dt{ font-size:100%; margin-bottom:15px; font-weight:bold;}
#under #access .car_box dd{ margin-bottom:20px;line-height:160%;font-size:90%;}
#under #access .car_box dd .photo{ width:20%; float:left;}
#under #access .car_box dd .photo img{ width:100%;}
#under #access .car_box dd .read{ width:75%; float:right; line-height:120%;margin-bottom:10px;}
#under #access .car_box span{ font-weight:bold;}


#under #access .map_box .read{ font-size:90%; font-weight:bold; line-height:160%; margin-bottom:20px;}
#under #access .map_box .read span{ font-size:80%;}
#under #access .map_box .img{ margin:20px auto;}
#under #access .map_box .img img{ width:100%;}
#under #access iframe{ width:100%; height:300px;}


#under #access1,#under #access3,#under #access3e{
	clear:both;
	border:1px #ccc solid;
	padding:7px;
	margin-bottom:3px;
	font-size:14px;
	margin-top:10px;
}

#under #access .accsessroot li {
	clear:both;;
	text-align:center;
	margin-bottom: 10px auto;
	padding-top:30px;
	background: url(../img/accsess_root_arr_sp.png);
	background-position: center top 5px;
	background-repeat: no-repeat;
	font-size:14px;
}
#under #access .accsessroot li.start {
	background: none;
	padding-top:10px;
}
#under #access .accsessroot li.last {
	padding-bottom:30px;
}
#under #access .accsessroot li div {
	text-align: center;
	width:230px;
	margin:0 auto;
}
#under #access .accsessroot li div img {
	width: 100%;
	height: auto;
}

/* ----------------------------------------------------------------
  お申し込みの流れ
----------------------------------------------------------------- */
#under #flow .selection a{ width:23%; }
#under #flow .attention{ font-size:80%; font-weight:normal; margin-top:10px;} 

#under #flow .howto_box .printlink{ border:3px solid #F4F4F4; padding:10px 0; text-align:center; margin:auto; }
#under #flow .howto_box .printlink a{ font-size:90%; font-weight:bold;}
#under #flow .howto_box .printlink span{ display:block; font-size:80%; text-align:center; margin-top:5px;}

#under #flow .howto_box .ttl{ margin:20px 0 10px; font-size:94%; font-weight:bold;}
#under #flow .howto_box  li{ font-size:90%;}
#under #flow .howto_box  dl{ background:#F4F4F4; padding:20px; }
#under #flow .howto_box  dt{ color:#919191;font-weight:bold; padding-bottom:7px; font-size:90%;line-height:130%;}
#under #flow .howto_box  dd{ font-size:90%; padding-bottom:10px; font-weight:normal; line-height:130%;}

#under #flow .decision_box .notification{ margin-top:20px;}
#under #flow .decision_box .notification li{ background:#f4f4f4; padding:15px;}
#under #flow .decision_box .notification li .ttl{ color:#999;}
#under #flow .decision_box .notification li .name{ font-size:90%; margin:10px 0 5px;}
#under #flow .decision_box .notification li .detail{ font-size:90%; font-weight:normal; line-height:130%;}

#under #flow .other_box dt{ font-size:94%; margin-bottom:10px; font-weight:bold;}
#under #flow .other_box dd{ margin-bottom:20px;}

#under #flow .restriction_box dt{ font-size:94%; margin-bottom:10px; font-weight:bold; line-height:120%;}
#under #flow .restriction_box span{ color:#CF0003;}
#under #flow .restriction_box dd{line-height:130%; font-size:90%;}
#under #flow .restriction_box dd ul{ background:#f4f4f4; padding:20px;margin:20px 0 ;list-style-type: disc;}
#under #flow .restriction_box dd li{ margin-bottom:10px; line-height:130%; color:#333;margin-left:15px;padding-right:20px;}


/* ----------------------------------------------------------------
  応募フォーム
----------------------------------------------------------------- */
#subscription .detailbox { width:100%; margin-bottom:20px;border-bottom:1px solid #ddd;}
#subscription .detailbox h3{ font-size:20px; padding:10px 20px;}
#subscription table{ width:100%; border-left:1px solid #E6E6E6;border-top:1px solid #E6E6E6;margin:20px 0;}
#subscription table th{ font-weight:bold; padding:10px 3px; text-align:center; vertical-align:middle;background:#EEEEEE;font-size:13px;}
#subscription table td{ font-size:12px; padding:10px; border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6; text-align: left;}
#subscription input[type="submit"] { display:block;margin:20px auto;width:100px;padding:5px 15px;font-size:14px;text-align:center;}
#subscription input[type="text"] { border-color:#ccc;font-size:14px; }
#subscription select { font-size:14px;padding:5px;margin-bottom:5px; }
#subscription .contents{ padding-bottom:0px;}
#subscription form #age{ width:40px;}
#subscription form #address{ width:70%;}
#subscription .event_title { font-weight:bold;line-height:1.3em; font-size:16px;}
#subscription .event_title span{ font-weight:bold;line-height:1.3em; font-size:12px;}
#subscription .info{ line-height:1.3em; padding:10px 10px;color:#555;font-size:13px;}
#subscription .errormsg{ color:#cc0000;padding:5px;}
#subscription .sendmsg{ font-size:16px;text-align:center;margin:10px auto; font-weight:bold;}

/* ----------------------------------------------------------------
  トピックス
----------------------------------------------------------------- */
#under #topics h2{ margin-bottom:0px!important;}
#under #topics #topicindex{ width:100%;}
#under #topics #topicindex li{ background:#F4F4F4; border-bottom:1px solid #fff; padding:10px;}
#under #topics #topicindex li span{ display:inline-block; margin-right:10px; }
#under #topics #topicindex li .cate{ font-size:70%; font-weight:bold; padding:3px; width:60px; text-align:center; background:#fff; border:1px solid #ccc;}
#under #topics #topicindex li .date{ font:Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold; color:#7F7F7F;}
#under #topics #topicindex li a{ display:block; line-height:140%; font-size:82%; font-weight:bold; margin-top:5px; padding-left:3px;}
#under #topics #topicindex .last{ text-align:center;padding:20px 0 0; background:none;}
#under #topics #topicindex .last a{ padding:5px; font-size:110%;font:Arial, Helvetica, sans-serif; font-weight:bold; display:inline;}
#under #topics #topicindex .last a img{ width:14px;}

#under #topics .topicdetail{ margin:40px 0;}
#under #topics .topicdetail li{ margin-bottom:20px;}
#under #topics .topicdetail .ttlarea{ background:#F4F4F4; padding:15px 20px; margin-bottom:20px;}
#under #topics .topicdetail .ttlarea .date{ font:Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold; color:#7F7F7F;}
#under #topics .topicdetail .ttlarea .cate{ font-size:90%; font-weight:bold; padding:2px; width:60px; text-align:center; background:#fff; display:inline-block; margin-left:10px;border:1px solid #ccc; }
#under #topics .topicdetail .ttlarea h3{ margin-top:5px; line-height:130%; font-size:90%;}
#under #topics .topicdetail .ttlarea h3 a{ text-decoration:underline; }
#under #topics .topicdetail .ttlarea h3 br{ display:none;}
#under #topics .topicdetail .detail{ color:#444; line-height:160%; width:90%; margin:auto; font-size:90%;}
#under #topics .topicdetail .detail .ttl{ font-weight:bold; margin-bottom:10px;}
#under #topics .topicdetail .detail .read img{ float:left; margin:5px 10px 5px 0; width:40%;}







/* ----------------------------------------------------------------
  カレンダー
----------------------------------------------------------------- */
#under #calendar .month{ margin-bottom:10px; text-align:center; font-size:20px; font-weight:bold; width:100%; font-size:16px; padding:10px; }
#under #calendar .month a,#under #calendar .month span{display:inline-block; width:33%; }
#under #calendar .month a.back{ text-align:left; color:#B50003;}
#under #calendar .month a.next{ text-align:right; color:#B50003;}

#under #calendar #calendar_main { width:95%; margin:0 auto 35px;}
#under #calendar #calendar_main th{ background:#f6f6f6; padding:7px 0; text-align:center; color:#999; font-size:80%;}
#under #calendar #calendar_main td{ text-align:center; padding:7px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:120%; height:40px;}
#under #calendar #calendar_main td.active{ background:#FBC2BC;}
#under #calendar #calendar_main td .event{ display:none;}

#under #calendar .detailbox .ttlarea,#under #calendar .detailbox .ttlarea2 { background:url(../img/bg_dot.png) 0 0 ;padding:15px 10px 10px 10px ;}
#under #calendar .detailbox .ttlarea .date,#under #calendar .detailbox .ttlarea2 .date{ font-size:140%; margin-bottom:10px; }
#under #calendar .detailbox .ttlarea .date span,#under #calendar .detailbox .ttlarea2 .date span{ font-size:70%;}
#under #calendar .detailbox .ttlarea h3,#under #calendar .detailbox .ttlarea2 h3{ font-size:100%; line-height:130%; margin:0; padding:0; background:none;}

#under #calendar .detailbox li{ margin-bottom:40px;}
#under #calendar .detailbox table{ margin:20px auto;}
#under #calendar .detailbox th{ width:20%; color:#7A7A7A; font-size:76%; padding:5px 10px;background:#f7f7f7; border-bottom:1px solid #fff;}
#under #calendar .detailbox td{ width:80%; padding:10px 0px 10px 10px; font-size:82%;}
#under #calendar .detailbox .detail{ line-height:140%;}
#under #calendar .detailbox .ticket a{ margin-left:10px; display:inline-block; background:#AD4547; text-align: center; padding:3px 10px; color:#fff; font-size:76%; font-weight:bold;}
#under #calendar .detailbox .ticket a img{ width:8px; margin-right:5px; vertical-align: middle;}
#under #calendar .detailbox .inq span{ font-weight:bold; font-size:130%; display:block; margin-top:5px;} 
#under #calendar .box_ttlarea2{ background:#ffe8f4;}
#under #calendar .box_ttlarea2 th{ background:#ffdde5;}
/* #under #calendar .calendar_submenu a{color:#111;display:inline-block;padding:10px 20px;background:#ddd;border-radius: 20px;-webkit-border-radius: 5;-moz-border-radius: 5px;font-size:14px;margin:-10px 0 10px 0;}*/
#under #calendar .calendar_submenu_b a{color:#111;display:inline-block;padding:10px 20px;background:#ddd;border-radius: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;font-size:14px;margin:-10px 0 10px 0;}
#under #calendar .calendar_submenu a{color:#111;display:inline-block;padding:10px 20px;background:#ddd;border-radius: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;font-size:14px;margin:-10px 0 10px 0;}


/* ----------------------------------------------------------------
  パイプオルガン
----------------------------------------------------------------- */
#under #pipeorgan li table{ width:100%; margin-bottom:20px; border-left:1px solid #E6E6E6;border-top:1px solid #E6E6E6;}
#under #pipeorgan li table th{ font-weight:bold; padding:10px 3px; text-align:center; vertical-align:middle;background:#EEEEEE;}
#under #pipeorgan li table td{ font-size:13px; padding:10px; border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6; text-align: center;}
#under #pipeorgan li table.txtleft th , #under #pipeorgan li table.txtleft td{ text-align:left !important;}
#under #pipeorgan li h3{ font-size:20px; padding:10px 20px;}
#under #pipeorgan li h4{ font-size:18px; font-weight:bold; margin-bottom:10px; text-align:left;}
#under #pipeorgan li p { margin-bottom: 20px; line-height: 1.6em; }
#under #pipeorgan .ttlarea{ background:url(../img/bg_dot.png) 0 0 ; width:710px; margin-bottom: 20px;}
#under #pipeorgan .selection a { font-size: 92%;}

#under #pipeorgan .selection a {
    height: auto !important;
		font-size: 86%;
}
#under #pipeorgan .unit {
	text-align: right;
}



/* ----------------------------------------------------------------
  京都市ジュニアオーケストラ
----------------------------------------------------------------- */
#under #juniororchestra li table{ width:100%; border-left:1px solid #E6E6E6;border-top:1px solid #E6E6E6;}
#under #juniororchestra li table th{ font-weight:bold; padding:10px 3px; text-align:center; vertical-align:middle;background:#EEEEEE;}
#under #juniororchestra li table td{ font-size:13px; padding:10px; border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6; text-align: left;}
#under #juniororchestra li p { margin-bottom: 20px; line-height: 1.6em; }
#under #juniororchestra li .ttl{ font-size:18px; clear: both; margin-bottom: 10px !important;}
#under #juniororchestra .caution{ background:#F4F4F4; padding:20px; margin-bottom: 20px;}
#under #juniororchestra .caution li{ margin-bottom:8px; background:url(../img/icn_check.png) 0 0px no-repeat; background-size:14px 13px; padding-left:20px; line-height: 1.4em;}
#under #juniororchestra li .link { margin-bottom: 0 !important;}
#under #juniororchestra .txtr {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 0 !important;
}


/* ----------------------------------------------------------------
  施設紹介・ご利用料金
----------------------------------------------------------------- */
#under #institution p { margin-bottom: 10px; line-height: 1.4em; }
#under #institution table{ width:100%; border-left:1px solid #E6E6E6;border-top:1px solid #E6E6E6;}
#under #institution table th{ font-size:13px; font-weight:bold; padding:10px 3px; text-align:center; vertical-align:middle;background:#EEEEEE;}
#under #institution table td{ font-size:13px; padding:10px; border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6; text-align: left;}
#under #institution li img { max-width: 100%; margin-bottom: 15px; }
#under #institution .three_box { float:left; width:50%; margin:0 5px 10x 5px;text-align:center; }
#under #institution .three_box img { width:140px;margin-bottom: 5px; }
#under #institution .three_box p { text-align:center;margin-bottom:10px;font-size:12px;line-height:1.1em;padding-top:3px; }
#under #institution .three_box p span{ font-size:10px; }

#under #institution .two_box { margin:0 5px 10x 5px; }
#under #institution .two_box img { width:305px; }
#under #institution .two_box p { text-align:center;margin-bottom:10px; }
#under #institution .last { margin-right:0px; }

/* ----------------------------------------------------------------
  Club会員
----------------------------------------------------------------- */
#under #club h3 { font-size: 120%; }
#under #club h4 { clear: both; margin-bottom: 5px; line-height: 1.4em;padding:5px;background-color:#eee; }
#under #club p { margin-bottom: 20px; line-height: 130%;font-size: 100%; }
#under #club li li { margin-bottom: 10px; line-height: 160%; list-style: circle; margin-left: 15px; }
#under #club table{ width:100%; margin-bottom:20px;}
#under #club table th , #under #club table td {	border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;font-size:12px; }
#under #club table th{ font-weight:normal; padding:10px 3px; text-align:center; vertical-align:middle;background:#F4F4F4;}
#under #club table td{ font-size:13px; padding:10px;  text-align: center;}

/* ----------------------------------------------------------------
  各種ダウンロード
----------------------------------------------------------------- */

#under #download p {
	margin-bottom: 10px;
}
#under #download p a {
	display: block;
	border: 1px solid #D3D3D3;
	padding: 10px;
	font-size:12px;
	background: url(../img/icn_arrow04.png)  no-repeat 98% center;
}
#under #download p a.off{
	display: block;
	border: 1px solid #D3D3D3;
	padding: 10px;
	background-color: #eeeeee;
	background-image:none;
}
#under #download p a span{
	color:#666;
}
#under #download p a img {
	vertical-align: middle;
	margin-right: 10px;
	width:20px;
}
#under #download h3{ margin-bottom:10px;font-size:16px;}

#under #maincontainer #download  h3 {font-size:16px;}


/* ----------------------------------------------------------------
  英語サイト
----------------------------------------------------------------- */
#under #en .toptxt {
	padding: 20px;
}
#under #en li img {
	max-width: 100%;
}
#under #en p { margin-bottom: 20px; line-height: 1.6em; }
#under #en h3{ font-size:18px !important; padding:8px 10px !important}
#under #en h4{ font-size:16px !important; font-weight:bold; margin-bottom:10px; text-align:left;}

#under #en table{ width:100%; border-left:1px solid #E6E6E6;border-top:1px solid #E6E6E6;}
#under #en table th{ font-weight:bold; padding:10px 3px; text-align:center; vertical-align:middle;background:#EEEEEE;}
#under #en table td{ font-size:13px; padding:10px; border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6; text-align: left;}

#under #en .railway dt {
	font-weight: bold;
	margin-bottom: 5px;
}
#under #en .railway dd {
	margin-bottom: 15px;
	line-height: 1.6em;
}

#under #en_ticket .toptxt { clear: both; }
#under #en_ticket li { line-height: 1.3em; }
#under #en_ticket p { margin-bottom: 20px; line-height: 1.6em; }
#under #en_ticket h3{ font-size:18px !important; padding:8px 10px !important}
#under #en_ticket h4{ font-size:16px !important; font-weight:bold; margin-bottom:10px; text-align:left;}
#under #en_ticket ul.list {    list-style-type: disc;padding-left:5px; }
#under #en_ticket ul.list li{    border: none;  margin-bottom: 10px; width: 100%;}
#under #en_ticket ul.howto {    list-style-type: square;padding-left:5px; }
#under #en_ticket ul.howto li{    border: none;  margin-bottom: 40px; width: 100%;}
#under #en_ticket dl.step { margin:20px 0;}
#under #en_ticket dl.step dt{ background-color:#ccc;margin:10px 0 5px;padding:3px;font-size:15px;font-weight:bold;}
#under #en_ticket dl.step dd{ padding:5px;font-size:15px;line-height:1.3em;}
#under #en_ticket span.buyticket {display:inline-block;width:100px; padding:1px; font-size:12px; text-align:center;border-radius: 10px;	-webkit-border-radius: 10px;-moz-border-radius: 10px;background-color:#7f0002;color:#fff;}
#under #en_ticket a.buyticket {display:block;width:150px; font-size:16px; margin:5px auto 10px;padding:4px; text-align:center;border-radius: 30px;	-webkit-border-radius: 30px;-moz-border-radius: 30px;background-color:#7f0002;color:#fff;}
#under #en_ticket a.buyticket:hover { background-color:#dcbb68;color:#7f0002; }
#under #en_ticket .cardlist{ padding:15px 0;font-size:14px;line-height:1.2em;}
#under #en_ticket dl.halldata { margin:20px 0;}
#under #en_ticket dl.halldata dt{ font-size:16px;margin-top:10px;padding:3px 0;}
#under #en_ticket dl.halldata dd{ padding:5px 0;font-size:14px;line-height:1.3em;}
#under #en_ticket a.map {display:inline-block;line-height:1.4em;font-size:12px;margin:0px 5px;padding:0px 10px; text-align:center;border-radius: 10px;	-webkit-border-radius: 10px;-moz-border-radius: 10px;background-color:#7f0002;color:#fff;}
#under #en_ticket a.map:hover { background-color:#dcbb68;color:#7f0002; }





#under #topmenu { padding:10px 0 6px 10px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
#under #topmenu li{ padding:0px 0 4px 13px;background: rgba(0, 0, 0, 0) url("../img/icn_arrow04.png") no-repeat scroll 0 5px / 4px auto;}


/* ----------------------------------------------------------------
  モーダルウィンドウ
----------------------------------------------------------------- */

#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#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{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 20px;
  width: 800px;
	height: 90%;
	position: relative;
 }
*/

#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;
	*display: inline;  
    *zoom: 1;  
}


#sp_business{
	background-color: #510000;
	color:#fff;
}
#sp_business .title {
	font-weight: bold;
	font-size: 140%;
	margin-bottom: 20px;
	padding-bottom:20px;
	border-bottom:2px solid #813333;
	line-height:1.1em;
}
#sp_business .business_detail{
	overflow: auto;
	height: 100%;
	padding:20px 10px 50px 10px;
	line-height:1.3em;
	font-family:Meiryo, Osaka,'ＭＳ Ｐゴシック','MS PGothic', sans-serif;
	font-size:80%;
}
#sp_business .business_detail table{
	clear:both;
}
#sp_business .business_detail img{
		clear:both;
}


/* ----------------------------------------------------------------
  メンテナンス
----------------------------------------------------------------- */
#mente {padding:0px 10px; }
#mente h2{line-height:1.2em; font-size:20px;}
#mente .msg{padding:30px 0;font-size:16px;line-height:1.3em;font-size:14px;}
#mente .nextlink{padding:20px 0;}
#mente .url{font-size:16px;line-height:2em;}
#mente a.now{color:#fff;display:inline-block;padding:5px 10px;background:#510000;border-radius: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;background-image: none;}
#mente a.now:hover{	background-color: rgba(114, 1, 0, 0.8);	color:#fff;}


/* ----------------------------------------------------------------
座席ビュー／座席図　
----------------------------------------------------------------- */
#under #seat .hall {float:left;width:50%;padding:0 10px 0 0;text-align:center; }
#under #seat .hall img {width:100%;margin-bottom:20px; }
#under #seat .hall span {font-size:12px;}
#under #seat h4 {margin-top:10px; border-top:1px dotted #ccc;padding-top:10px;font-size:12px;}

/* ----------------------------------------------------------------
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; *display: inline; *zoom: 1; }
#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%; position:absolute; top:42px; border:4px solid #dd0000; solid 2px; background-color:#fff; color:#dd0000; font-weight:bold;font-size:0.8em;line-height:1.2em; }
#top .telopcontainer a{ color:#dd0000 !important; }
#top .telopcontainer p{ padding:5px 14px; }
*/
#top .telopcontainer { width:100%; position:absolute; 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; }