.colorbl01{color:#3374ca;}
.bgcolorbl01{background:#3374ca;}
.bgcolorbl02{background:#d3ddeb;}
.bgcolorgr01{background:#909090;}
.bgcolorgr02{background:#f5f7f7;}
.box{
    padding:15px;
    margin-bottom:15px;
}
.box ul>ul{
    margin-left:1em;}

h4{
    padding-left:1em;
    margin-bottom:2px;
    line-height:32px;
    color:#fff;
}

#center_contents{
}
#center_contents .contents_in{
	width:100%;}

.ticket .ticketBoxl{
    width:46.46098%;
    margin-right:2.54083%;
    margin-bottom: 40px;
    float:left;}
.ticket .ticketBoxr{
    width:49.0018149%;
    margin-bottom: 40px;
    float:left;}

.ticket .ticketBoxr p.title{
    font-weight: bold;
}

.ticket .ticketBoxr p.title a{
    text-decoration:none;
    color:#3374ca;   
}

.ticket .ticketBoxr p.icon{
    margin-right:5px;
}

.ticket .ticketBoxr p.finish{
    color:#c7254e;
    margin-botom:5px;
    font-weight: bold;
}

.ticket table{width:100%;margin-bottom: 5px;}
.ticket table tr{
}
.ticket table th{
    text-align:left;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    width:22.22323%;
    background:#909090;
    color:#fff;
    padding: 5px 10px;}
.ticket table td{
    background:#f5f7f7;
    border-bottom:2px solid #fff;
    padding: 5px 0 5px 2em;}
.ticket table th.th{background:#3374ca;}
.ticket table td.th{background:#d3ddeb;}

.ticket table th.margin.first{
    background:#777;
    border:none;
}

.ticket table th.area{
    background:#f5f7f7;
    color:#000000;
    
}

.ticket table td.area{
    background:#f5f7f7;

}

.ticket table th.margin{
    width:5%;
    background:#777;
    border:none;
    }
.ticket table th.margin.last{
    border-bottom:2px solid #fff;
    }
.ticket p.cap span{
    font-size:13px;
    font-weight:bold;   
}

.ticket table td.playguide{
    width:30%;
    padding-left:10px;
    
}

.ticket table td.ticketcode{
    width:70%;
    
}

.ticket table td.ticketcode a{
    text-decoration:none;
    color:#3374ca;
    
}

.ticket table td.th a{
    text-decoration:none;
    color:#3374ca;    
}

.ticket table td a{
    text-decoration:none;
    color:#3374ca;    
}


/*
.ticket dt,.ticket dd{
padding:10px;}
.ticket dl dt{
    float:left;
    clear:left;
    width:27.22323%;
    margin-right:0.90744%;
    margin-bottom:5px;
    background:#909090;
    color:#fff;}
.ticket dl dd{
    margin-left:27.5%;
    margin-bottom:5px;
    background:#f5f7f7;}
.ticket dl dt.th{background:#3374ca;}
.ticket dl dd.th{background:#d3ddeb;}
*/
.topicsPage{}
.topicsTitle{
    background:#3374ca;
    color:#fff;
    padding:10px;}
.topicsPage .day{
    color:#666;
    font-size:11px;
    text-align:right;   
    margin:0 10px 0 0;
    padding-top:10px;}
.topicsMain{
    background:#ebf1fa;}
.topicsMain .topicsText{
    padding:10px 15px 40px 15px;}

.topicsMain .topicsText p em{
    font-style:oblique; 
}

.topicsMain .topicsText p em strong{
    font-style:oblique;
    font-weight: bold;
}

.topicsMain .topicsText ul li{
    list-style-type: disc;
    margin-left:20px;
}

.topicsMain .topicsText ol li{
    list-style-type: decimal;
    margin-left:20px;
}

.newspressPage{}
.newspressTitle{
    background:#EFEFEF;
    color:#000;
    font-weight: bold;
    padding:10px;}

.newspressPage .category{
    font-size:12px;
    padding:5px 0 0 10px;
}

.newspressPage .day{
    color:#666;
    font-size:11px;
    text-align:right;   
    margin:0 10px 0 0;
    padding-top:10px;}

.newspressMain{
    background:#FFF;}

.newspressMain .topicsText{
    padding:10px 15px 40px 15px;}

.newspressMain .topicsText p em{
    font-style:oblique; 
}

.newspressMain .topicsText p em strong{
    font-style:oblique;
    font-weight: bold;
}

.newspressMain .topicsText ul li{
    list-style-type: disc;
    margin-left:20px;
}

.newspressMain .topicsText ol li{
    list-style-type: decimal;
    margin-left:20px;
}

ul.schMonth{
	background:#ddd;
	width:80%;
    text-align:center;
    margin-bottom:10px;
    padding: 3px;
    float:left
}
ul.schMonth li{
	float:left;
	width:9.2%;
	display:block;
	background:#eee;
	height:27px;
	margin-right:0.18%;
}
ul.schMonth li a{
    display:block;
}

ul.schMonth li.current a,ul.schMonth li a:hover{
    background:#d3ddeb;
    color:#3374ca;
}

ul.schMonth .year{
	background:#3e3a39;
    color:#fff;
    width:50px;
}

li.nextMonth{
    font-size:20px;
    width:6% !important;
    background:#ddd !important;
}

.schCtrl{
    float:left;
    font-size:18px;
    text-align: center;
    width:4.5% !important;
    background:#ddd !important;
    height: 30px;
}

.schCtrl a{
    text-decoration:none;
}



.contents_in{
    margin:20px 0 20px 0;
}

.contents_in .bx-wrapper{
    margin: 0;
    float:left;
    height: 30px;
    background:#ddd !important;

}

.scheduleBox {
    width:100%;
    height:auto;
    margin-bottom:10px;
}
.schedule .day {
    width:6.363636%;
    float:left;
    background:#3e3a39;
    color:#fff;
    text-align:center;
    position:relative;
}
.schedule .day p{
    position: absolute;
    top: 50%;
    margin-top: -2em;
    width:100%;}
.day .pink{
    color:#fe8bcc;}

.day .blue{
    color:#66afe9;
}

.scheduleBoxr{
    background:#eee;
    float:left;
    margin-left:0.9%;
    width:92.730%;
}
.scheduleBoxr .photo{
    float:left;
    width:30.8529%;
    margin-top:5px;
    margin-bottom: 5px;
}
.scheduleBoxr .photo img{
    margin-top:10px;
}
.scheduleBoxr .text{
    float:left;
    width:65%;
    margin-left:2.54%;
    margin-top:5px;
    margin-bottom: 5px;
}
.scheduleBoxr .text a{
    color:#3374ca;
}

.scheduleBoxr .text p.icon img{
    margin-right:5px;
}

.hall_all{}

ul.hallall{
	background:#ddd;
	width:50.635%;
    text-align:center;
    margin-bottom:10px;
    padding: 3px;
}
ul.hallall li{
	float:left;
	width:17.921%;
	display:block;
	background:#eee;
	height:27px;
	margin-right:0.18%;
}
ul.hallall li a{
    display:block;}
ul.hallall li.current a,ul.hallall li a:hover{
    background:#d3ddeb;
    color:#3374ca;}
ul.hallall li.year{
	width:24.73%;
	background:#3e3a39;
    color:#fff;
    margin-right:1%;
    padding:0 0.3%;}

.hallallBox{
    margin-bottom:10px;
}
.hall_all .hallalltab {
    width:6.363636%;
    float:left;
    color:#fff;
    text-align:center;
    max-height:142px;
}
.hallallBoxr {
    background:#eee;
    float:right;
    margin-left:0.9%;
    width:92.730%;
}

/*

.hallallBoxr .photo{
    float:left;
    margin:10px 0 0 1.9569%;
    width:33.268%;
    text-align:center;
}


.hallallBoxr .photo img{
}
.hallallBoxr .text{
    float:right;
    width:62%;
    margin-top:10px;
    padding-right:1.9569%;
    line-height:1.5em;
}
*/
.hallallBoxr .text{
    float:left;
    width:92%;
    margin-left:15px;
    margin-top:10px;
    margin-bottom:10px;
    line-height:1.5em;
}


.hallallBoxr p.text a{
    color:#3374ca;
}


.hall{}

.hallBox{
    margin-bottom:30px;}

/* .hallBox .photo{
    float:left;
    width:46.46%;
}
.hallBox .text{
    float:right;
    width:50.81%;
    padding-right:1.9569%;
    line-height:1.5em;
}

*/

.hallBox .text{
    float:left;
    width:100%;
    line-height:1.5em;
}

.hallBox p.text a{
    color:#3374ca;
}

.hallBox p.text {
    font-weight: bold;
}

.hallBox ul.text{
    margin-top:10px;
}

.hall .hallBox li.btn{
    margin-top:1em;
}

.hallBoxtable{}
.hallBoxtable table{
    table-layout: fixed;
    width:100%;
    }
    

.hall table tr{
    border-bottom:2px solid #fff;}
.hall table th{
    width:30%;
    text-align:left;
    padding-left:2%;
    background:#909090;
    color:#fff;
    border-right:2px solid #fff;}
.hall table td{
    width:70%;
    background:#f5f7f7;
    padding:5px;
    padding-left:2%;}
.hall table .bg01{background:#3374ca;}
.hall table .bg02{background:#d3ddeb;}

.hall .google-maps {
margin-top:25px;
position: relative;
padding-bottom: 75%; 
height: 0;
overflow: hidden;
}
.hall .google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.hall .hall_performance{
    margin-top:35px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size:14px;
}

.artist{}

.artist .box{
    padding-top:0px;
}

.artist .artist_header{
    font-size:16px;
    font-weight: bold;
    margin-bottom:10px;
}

.artist .artist_info{
    font-size:14px;
    font-weight: bold;
    margin-top:15px;
}

.artist ul li a{
    color:#3374ca;
}

.artist .artist_infobox{
    margin-bottom: 25px;
}
.artist .artist_infobox a{
    text-decoration: none;
    color:#3374ca;
}

.artist table{
    table-layout: fixed;
    width:100%;
    margin-bottom:2px;
    }
.artist table tr{
    border-bottom:2px solid #fff;}
.artist table th{
    width:30%;
    text-align:left;
    padding-left:2%;
    background:#909090;
    color:#fff;
    border-right:2px solid #fff;}
.artist table td{
    width:70%;
    background:#f5f7f7;
    padding:5px;
    padding-left:2%;}
.artist table .bg01{background:#3374ca;}
.artist table .bg02{background:#d3ddeb;}

.artist span.btndetail{
    float: right;
    margin-bottom:10px;
}

.artist .artist_performance{
    margin-top:10px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size:14px;
}

.pickup{
}
.pickup .box{
    padding-top:0px;
}
.pickup{
}

.recruit{
}
.recruit .box{
}
.recruit .box ul>ul{
    margin-left:1em;}

h5.bg05{
    width:200px;
	height:46px;
    margin:0 auto;
    text-align:center;
	background:url(../images/h2_bg05.jpg)  repeat-x;}
h5.bg05 a{
    color:#fff;
	line-height:46px;
    display:block;
    
}
h5.bg05 a:before{
	content:url(../images/arrow02.png);
	margin-right:5px;
}
.memberProf ul li{
    text-indent:-1em;
    margin-left:1em;
}

.privacypolicy{
}
.privacypolicy h5{
    font-weight:bold;
    margin:10px 0; 
}
.privacypolicy p{
    margin-left:1em;
}
.privacypolicy ul{
    margin-left:1em;
}
.privacypolicy ul>ul{
    margin-left:1em;
    
}
.privacypolicy ul>ul li{
    }
.company table{
    width:100%;}
.company table tr{
    border-bottom:2px solid #fff;}
.company table th{
    width:30%;
    background:#3374ca;
    color:#fff;
    border-right:2px solid #fff;}
.company table td{
    width:70%;
    background:#d3ddeb;
    padding:5px;}

.faq{}
.faq dl dt{
    background:url(../images/faq_q.jpg) 0 3px no-repeat;
    padding-left:9%;
}
.faq dl dd{
    background:url(../images/faq_a.jpg) 0 3px no-repeat;
    padding-left:9%;
    border-bottom:1px solid #838383;
    padding-bottom:15px;
    margin-bottom:15px;
}

.faq dd:last-child{
    border:none;}
	

.inquiry{
}
.inquiry p{
    color:#333;
    line-height:1em;
    margin-bottom:25px;
}
.inquiry table{
    table-layout: fixed;
    width:100%;
    margin-bottom:10px;
    }
.inquiry table tr{
    border-bottom:2px solid #fff;}
.inquiry table th{
    width:30%;
    text-align:left;
    padding-left:2%;
    background:#909090;
    color:#fff;
    border-right:2px solid #fff;}
.inquiry table td{
    width:70%;
    background:#f5f7f7;
    padding:5px;
    padding-left:2%;}

.inquiry input{
    width:95%;
    margin:12px 0;
}
.inquiry input img{
    width:100%;
    margin:12px 0;
}
.inquiry textarea{
    width:95%;
    height:175px;
}
.inquiry .btn{
    width:36.36%;
    height:46px;
    margin:0 auto;
}
.inquiry .btn_box{
    width:76.225%;
    height:46px;
    margin:25px auto 0;
}
.inquiry .btn_box .btnback {
    float:left;
    width:47.6%;
}
.inquiry .btn_box .btngo {
    float:right;
    width:47.6%;
}

.inquiry .btn_box .btnback input ,.inquiry .btn_box .btngo input{
    width:100%;
    }

.recommend{}
.recommend p.headertxt{
    margin-bottom:15px;
    padding:0 2%;
}


#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}



/* PC用のスタイル記述 
*********************************************************************************************************/
@media screen and (min-width: 769px) {


}



/* タブレット用のスタイル記述　
*********************************************************************************************************/
@media screen and (max-width: 768px) {


}


/* スマートフォン用のスタイル記述 
*********************************************************************************************************/

@media screen and (max-width: 620px) {
.box{
    padding:2%;
}
   
.ticket table th{
    padding: 5px;}

.ticket table td{
    padding: 5px 0 5px 0.5em;}
	
ul.schMonth li{
	width:18%;
	display:block;
	background:#eee;
	height:27px;
	margin-right:0.5%;
}

li.nextMonth{}    
.scheduleBox {
    width:100%;
    margin-bottom:10px;
}
.schedule .day {
    width:10%;
}
.schedule .day p{}

.scheduleBoxr{
    margin-left:0.5%;
    width:89.5%;
}
.scheduleBoxr .photo{
    width:100%;
    text-align:center;
}
.scheduleBoxr .photo img{
}
.scheduleBoxr .text{
    width:95%;
}

.scheduleBoxr .text p.icon img{
    margin-right:5px;
}

.schCtrl{
    display: none;
}

.inquiry .btn{
    width:47.6%;
    margin:0 auto;
}
.inquiry .btn_box{
    width:100%;
    margin:25px auto 0;
}
.inquiry .btn_box .btnback {
    float:left;
    width:47.6%;
}
.inquiry .btn_box .btngo {
    float:right;
    width:47.6%;
}

.inquiry .btn_box .btngo input{
    width:100%;
    }
	
ul.hallall{
    width:100%;} 
ul.hallall li{
	display:block;
	background:#eee;
	height:27px;
	margin-right:0.5%;
}



}