@charset "UTF-8";

/*----------------------------------------------------------------------------------header----------*/

#header{ 
width:100%;
background-color:#2c96d4;
padding:40px 0 0;
}

#header h1{
max-width: 500px;
margin: -30px auto 0;
}

.logo{
width: 100%;
height: auto;
margin:0px 0 0;
	}


#wrapper{ 
width:100%;
overflow:hidden;
font-size:10px;
}

/*----------------------------------------------------------------------------------gnav----------*/

#gnav{ display:none; }

/*----------------------------------------------------------------------------------ticket----------*/

#ticket{ 
width:100%;
padding:10px 0 40px;
position:relative;
background-color:#fff;
}

#ticket p{
width:80%;
text-align:center;
margin-top:0px;
line-height:1.8em;
margin:20px auto 0;
}

#ticket p img{
width: 100%;
height: auto;
margin:0px 0 0;
	}



/*----------------------------------------------------------------------------------contents----------*/

#contents{ 
width:100%;
background-color:#2c96d4;
padding:60px 0 40px;
position:relative;
line-height:1.9em;
}


#contents h3{ 
text-align: center;
}

#contents p{
width:80%;
text-align:center;
line-height:1.8em;
}

#contents h3 img{
width: 100%;
height: auto;
}


#cont{
width:98%;
margin:10px auto 0;
height: auto;
padding:0px 0;
max-width: 100%;

}


.cont-left{
margin:0 auto;
padding:0 10px;
}

.cont-left p{
margin-top:15px;
line-height:2.0;
text-align:center;
}

.cont-right{
margin:0 auto;
padding:0 10px;
}


.banner{
width:100%;
margin:40px auto 30px;	
}

.banner img{
width: 100%;
height: auto;
max-width: 100%;
padding-top:10px;
}



/*----------------------------------------------------------------------------------communication----------*/

#communication{ 
width:100%;
background-color:#fff;
padding:60px 0 40px;
position:relative;
line-height:1.9em;
}


#communication h3{ 
text-align: center;
}

#communication p{
width:90%;
text-align:center;
margin-top:20px;
line-height:1.8em;
}

#communication h3 img{
width: 100%;
height: auto;
}


.twi{
width:100%;
margin:40px auto 0;	
}

.twi img{
width: 100%;
height: auto;
max-width: 100%;
padding-top:40px;
}


#comm{
width:98%;
margin:10px auto 0;
height: auto;
padding:0px 0;
max-width: 100%;

}

.comm-left{
margin:0 auto;
padding:0 10px;
}

.comm-left p{
margin-top:15px;
line-height:2.0;
text-align:center;
}

.comm-right{
margin:0 auto;
padding:0 10px;
}


/*-----------------------------------------------------------------------------------special---------*/

#special{ 
width:100%;
background-color:#2c96d4;
padding:60px 0 50px;
position:relative;
}

#special h3{ 
text-align: center;
}

#special p{ 
text-align: center;
}

#special p img{
width: 100%;
height: auto;
	}

#special h3 img{
width: 100%;
height: auto;
margin-top:-500px;
	}

#special p{
text-align:center;
margin-top:20px;
padding: 0 10px;
}




/*----------------------------------------------------------------------------------message----------*/

#message{ 
width:100%;
padding:80px 0 60px;
position:relative;
background-color:#fff;
}


#message h3{ 
text-align: center;
}

#message h3 img{
width: 100%;
height: auto;
margin-top:-500px;
	}

#message p{
text-align:center;
margin-top:20px;
padding: 0 10px;
color:#000;
}


/*----------------------------------------------------------------------------------cast----------*/

#cast{ 
width:100%;
background-color:#2c96d4;
padding:80px 0 30px;
position:relative;
}


#cast h3{ 
text-align: center;
}

#cast h3 img{
width: 100%;
height: auto;
margin-top:-500px;
	}

#cast p{
text-align:center;
margin-top:20px;
padding: 0 10px;
}

.name{
font-size:13px;
}


.staff{
line-height:1.6em;
}


/*-----------------------------------------------------------------------------------schedule---------*/

#schedule{ 
width:100%;
padding:80px 0 50px;
position:relative;
background-color:#dfff;
}

#schedule h3{ 
text-align: center;
}

#schedule h3 img{
width: 100%;
height: auto;
margin-top:-500px;
	}

#schedule p{
text-align:center;
margin-top:20px;
padding: 0 10px;
color:#000;
}


#schedule ul{
max-width: 470px;
width: 90%;
margin: 20px auto 40px;
}

#schedule p.read{
text-align:center;
margin-top:20px;
}


.day{
text-align: center;
font-weight:bold;
margin-bottom:-5px;
font-size:14px;
}

.time{
text-align: center;
font-size:11px;
}

.btn-sheet{
margin:20px 0;
}

.f-10{
font-size:10px;	
	}
	

#small{
width:90%;
margin:0 auto;
}

.small_box-l{
width:100%;
max-width:310px;
margin:0 auto;
margin-top:40px;
border:1px solid #000;
}

.small_box-r{
width:100%;
max-width:310px;
margin:0 auto;
margin-top:40px;
border:1px solid #000;
}

.small_wrapper{
padding:15px;
border-top:none;
}

.small_box-l h4{
font-weight:bold;
font-size:14px;
padding-bottom:8px;
border-bottom:1px dotted #000;
text-align: center;
}

.small_box-r h4{
font-weight:bold;
font-size:14px;
padding-bottom:8px;
border-bottom:1px dotted #000;
text-align: center;
}


.small_box-l p{
margin-top:11px;
line-height:1.5em;
}

.small_box-r p{
margin-top:11px;
line-height:1.5em;
}


.tit img{
width: 100%;
height: auto;
margin:0px 0 0;
}

table{
	margin:0 auto;
	letter-spacing:-1px;
    border: 1px #2785ff solid;
    border-collapse: collapse;
    border-spacing: 0;
	color:#000;
	}

.table-1{
	margin:10px 0 0 0;
	}

.table-1 tr{
	font-size:10px;
    padding: 2px;
    border: 1px #2785ff solid;
    border-width: 0 0 1px 1px;
    background: #FFFFFF;
    font-weight: bold;
    height: 20px;
    text-align: center;
	}

.table-1 th{
	font-size:10px;
    padding: 1px;
    border: 1px #2785ff solid;
    border-width: 1px;
    background: #65c3ff;
    font-weight: bold;
    height: 20px;
    text-align: center;
	color:#fff;
	}
	
.table-1 th .th-center{
    border: 1px #fff solid;
	} 	
	
.table-1 td{
    padding: 1px;
    border: 1px #2785ff solid;
    border-width: 0 0 1px 1px;
    text-align: center;
	}

.vacant{
	font-size:14px;
	}

.f-10p{
	font-weight: normal;
	font-size: 10px;
	color:#2785ff;
	letter-spacing:-0.5px;
	line-height:1.5em;
	}

.f-10p-r{
	font-weight: bold;
	font-size: 10px;
	color: #ed3192;
	}


/*----------------------------------------------------------------------------------flier----------*/

#flier{ 
width:100%;
background-color:#2c96d4;
padding:40px 0 30px;
position:relative;
line-height:1.9em;
}


#flier p{
width:70%;
text-align:center;
line-height:1.8em;
margin:0 auto;
}


#fli{
width:98%;
margin:10px auto 0;
height: auto;
padding:0px 0;
max-width: 100%;

}


.fli-left{
margin:0 auto;
padding:0 10px;
}

.fli-left p{
margin-top:15px;
line-height:2.0;
text-align:center;
}

.fli-right{
margin:0 auto;
padding:0 10px;
}


.captcha{
width:100%;
margin:40px auto 30px;	
}

.captcha img{
width: 100%;
height: auto;
max-width: 100%;
padding-top:10px;
}





/*----------------------------------------------------------------------------------footer----------*/

#footer{ 
width:100%;
text-align:center;
font-size:11px;
padding:10px 0 20px;
background-color:#e60012;
}

#footer img{
width: 70%;
height: auto;
}

#footer nav{ 
margin:20px 0 15px;
padding-top:20px;
}

#footer p{ 
color:#fff;
font-size:10px;
line-height:10px;
}


/*----------------------------------------------------------------------------------detail_premium----------*/

.lightbox-wrap {
display:none;
}

.lightbox-content {
background-color:#fff;
max-width:440px;
width:100%;
margin: 0 auto;  
}

.detail_txt{
margin:0 auto;
padding:5%;
}

.detail_txt p{
margin-bottom:15px;
}

.lightbox-content img{
max-width:100%;
}