/*title*/

.title {
    min-height: 200px;
    padding: 20px 0;
}

.title h2 {
	
    margin:0 80px;
}

.t1,.t2,.t3,.t4,.t5,.t6,.t7{min-width:1300px;}

.t1{ background: url(../images/t1-bg.png) no-repeat center top;background-size: cover;}
.t2{ background: url(../images/t2-bg.png) no-repeat center top;background-size: cover;}
.t3{ background: url(../images/t4-bg2.png) no-repeat center top;background-size: cover;}
.t4{ background: url(../images/t3-bg.png) no-repeat center top;background-size: cover;}
.t5{ background: url(../images/t5-bg3.png) no-repeat center top;background-size: cover;}
.t6{ background: url(../images/t6-bg.png) no-repeat center top;background-size: cover;}
.t7{ background: url(../images/t7-bg2.png) no-repeat center top;background-size: cover;}


.title-sp {
    min-height: 150px;
    padding: 20px 0;
}

.title-sp h2 {
	
    margin:0px;
}

.title-sp h2 img {
	margin-top:10px;
	 width:130px
}

.ts1,.ts2,.ts3,.ts4,.ts5,.ts6,.ts7{width:100%;}

.ts1{ background: url(../images/t1-bg.png) no-repeat center top;background-size: cover;background-position: 40% 20%}
.ts2{ background: url(../images/t2-bg.png) no-repeat center top;background-size: cover;background-position: 45% 20%}
.ts3{ background: url(../images/t4-bg2.png) no-repeat center top;background-size: cover;background-position: 42% 20%}
.ts4{ background: url(../images/t3-bg.png) no-repeat center top;background-size: cover;background-position: 35% 25%}
.ts5{ background: url(../images/t5-bg3.png) no-repeat center top;background-size: cover;background-position: 45% 20%}
.ts6{ background: url(../images/t6-bg.png) no-repeat center top;background-size: cover;}
.ts7{ background: url(../images/t7-bg2.png) no-repeat center top;background-size: cover;background-position: 35% 20%}


.ind{text-indent:-1.0em;margin-left:1.0em;}


/*プログラム*/

table.program {  margin-left:-40px;margin-bottom:20px;}
table.program tr{ border-bottom:#6E6E9F 1px solid;}
table.program td{padding:5px 10px;}

@media screen and (max-width: 481px) {
table.program{margin:auto;margin-bottom:20px;}
table.program td.sp{ display:none;}
table.program td{ display: table-cell;padding:10px 20px;}
}

/*チケット*/
.zbt{margin-top:5px;
display:inline-block;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: #F60;
	padding:2px 10px;
	font-size:15px;
	color:#FFF;
	 font-weight:bold;
	
}



table.zaseki{margin-left:-40px;}
table.zaseki tr{ border-bottom:#CE9E6D 1px solid;}
table.zaseki td{ padding:5px;}
table.zaseki td:nth-child(3){ text-align:right}


.seki{font-size:22px; font-weight:bold}
.price{font-size:22px;}

.zsk{margin-right:3px; 
display:inline-block;
margin-bottom:2px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px 10px;
	font-size:14px;
	color:#FFF;
	font-weight:normal;
	margin-bottom:5px;
}

.z1{background-color: #8DC221}
.z2{background-color: #8DC221}
.z3{background-color: #8DC221}
.z4{background-color: #8DC221}

.z5{background-color: #64BAE6}
.z6{background-color: #64BAE6}

.z7{background-color: #5F1984}
.z8{background-color: #5F1984}

.z9{background-color: #F19600}
.z10{background-color: #F19600}

.z11{background-color: #C51C22}
.z12{background-color: #C51C22}

.z13{background-color: #171D61}
.z14{background-color: #171D61}

.z15{background-color: #C31B24}

.z16{background-color: #CC4E3D}
.z17{background-color: #EE7B40}
.z18{background-color: #77868D}

@media screen and (max-width: 481px) {
.seki{font-size:19px; font-weight:bold}
.price{font-size:19px;}
table.zaseki{margin-left:auto;width:100%;margin-bottom:20px;}
table.zaseki td.sp{ display:none;}
table.zaseki td{ display: table-cell;padding:10px 0px;}
table.zaseki td:nth-child(3){ display: table-cell;padding:10px 0px;text-align:right}
}


@media screen and (max-width: 481px) {
table{margin-bottom:20px;}
}
					

/*プレイガイド*/

.playg{font-size:18px; background:#fff; padding:15px 80px 0 90px; border:#639 2px solid}
table.res{ border:none}
table.res tr{ border-bottom:1px #fff solid;margin-bottom:0px}
table.res td{ background-color:none;padding:15px 5px 0 15px;}
table.res td.sp{ width:220px;}


table.res2{ margin:left:0;border:none}
table.res2 tr{ border-bottom:1px #CCC solid;margin-bottom:0px}
table.res2 td{ background-color:none;padding:15px 0px 15px 0px;font-size:95%}
table.res2 td.sp{ width:280px;}

table.yusen{ width:100%}
table td.yusen-text{width:440px}
table td.yusen-btn{width:300px}


.m{ display:none}


@media screen and (max-width: 960px) {
	table.res td{ font-size:95%}
	table.res td.sp{ width:200px;}
	table.yusen{ width:100%;margin-top:80px}
	
table td.yusen-text{width:600px}
table td.yusen-btn{width:100%;padding-top:30px;}
table.yusen td{ display:block;margin-top:-50px;margin-bottom:40px}
}

@media screen and (max-width: 481px) {
.playg{font-size:18px; background:#fff; padding:15px 15px 0 15px; border:#639 2px solid}

table.res td{ font-size:100%}
table.res tr{ border-bottom:none;}
table.res td.sp{ width:auto;background-color:#FFF;padding:5px 0;border-bottom:none;margin-bottom:0px}
table.res td { border-bottom:none;display:block;word-break: break-all;margin-bottom:10px;padding-left:0}
table.res{margin-bottom:-30px;}


table.res2 td{ font-size:100%}
table.res2 tr{ border-bottom:none;}
table.res2 td.sp{ background-color:#EEF;padding:5px 10px;border-bottom:none;margin-bottom:0px}
table.res2 td.sp a{color:#000; font-weight:normal}
table.res2 td { border-bottom:none;display:block;word-break: break-all;margin-bottom:-10px;padding-left:0}
table.res2{margin-bottom:-30px;}
table.res2 td.row3{margin-bottom:10px;}

.p{ display:none}
.m{ display:inline;}
}
/*弁当*/
ul.bento li{float:left; border:#CCC 1px solid;margin-right:25px;padding:10px 20px;}

@media screen and (max-width: 481px) {
ul.bento li{float:none; width:100%;border:#CCC 1px solid;margin:0;padding:10px;margin-bottom:10px;}

}


/*FAQ*/

.faq dl{  margin-bottom:0px; border:#CCC 1px solid;

    border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	margin-bottom:30px; }

.faq dt{
	 background-color:#F3FFFF;
	 padding:5px 10px;
	 margin-bottom:10px;
	 border-bottom:#CCC 1px solid;
	 color:#333;
	 
}

.faq dd{ padding:10px 10px;}

.faq dt span{color:#639;padding:5px 0}
.faq dd span.a{color:#933}

.faq dt span,
.faq dd span.a{ display:inline-block;width:70px; font-weight:bold;}      

.faq dd span.ans{ display:block;margin-left:70px;padding-right:20px;margin-top:-30px;width:93%;font-weight:normal;color:#333;}



.faq dt{

background: rgba(237,248,252,1);
background: -moz-linear-gradient(top, rgba(237,248,252,1) 0%, rgba(205,238,247,1) 80%, rgba(240,247,250,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,248,252,1)), color-stop(80%, rgba(205,238,247,1)), color-stop(100%, rgba(240,247,250,1)));
background: -webkit-linear-gradient(top, rgba(237,248,252,1) 0%, rgba(205,238,247,1) 80%, rgba(240,247,250,1) 100%);
background: -o-linear-gradient(top, rgba(237,248,252,1) 0%, rgba(205,238,247,1) 80%, rgba(240,247,250,1) 100%);
background: -ms-linear-gradient(top, rgba(237,248,252,1) 0%, rgba(205,238,247,1) 80%, rgba(240,247,250,1) 100%);
background: linear-gradient(to bottom, rgba(237,248,252,1) 0%, rgba(205,238,247,1) 80%, rgba(240,247,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf8fc', endColorstr='#f0f7fa', GradientType=0 );


}

@media screen and (max-width: 481px) {
.faq dt span,
.faq dd span.a,
.faq dd span.ans 
{ display:block;margin:0;}	

.faq dd span.ans {padding-right:0;width:100%;}

}


@media (min-width: 768px) { 
 .content-section{min-width:100%;}
.container-full{width:100%}
.container { 
width: 750px; 
} 
.title {
    min-height:inherit;
    padding: 20px 0;
}

.t1,.t2,.t3,.t4,.t5,.t6,.t7{min-width:750px;}
.ts1,.ts2,.ts3,.ts4,.ts5,.ts6,.ts7{width:100%}
} 

@media (min-width: 992px) { 
 .content-section{min-width:100%;}
.container-full{width:100%}
.container { 
width: 980px; 
} 
.title {
    min-height:inherit;
    padding: 20px 0;
}
.t1,.t2,.t3,.t4,.t5,.t6,.t7{min-width:980px;}
.ts1,.ts2,.ts3,.ts4,.ts5,.ts6,.ts7{width:100%}
} 

@media (min-width: 1100px) { 
 .content-section{min-width:100%;}
.container { 
width: 980px;
}
.title {
    min-height:inherit;
    padding: 20px 0;
}
.t1,.t2,.t3,.t4,.t5,.t6,.t7{min-width:980px;}
.ts1,.ts2,.ts3,.ts4,.ts5,.ts6,.ts7{width:980px;}
}

@media (min-width: 1200px) { 
.container { 
width: 980px;
}
}