@charset "utf-8";
/* CSS Document */


/* ==========================================================================
theater_page
========================================================================== */
body.theater_page {
	background:#fff;
}
body.theater_page .container {
	width: 100%;
	max-width:1800px;
    padding: 0;
	margin:0 auto;
}

body {
	width:100%;
	background:#FFF;
	overflow-x:hidden !important;
	background:url(../img/bg_01.png) 50% 50%;
}

.contains{
	width:86%;
	max-width:1600px;
	margin:0 auto;
}

a:link { color:#000; text-decoration:none; }
a:visited { color:#111; text-decoration:none; }
a:hover { color:#d6001e; text-decoration:underline; }
a:active { color:#f00; text-decoration:none; }

#container {
	position:relative;
	width:1000px;
	max-width:1000px;
	margin:0 auto;
	padding:0;
	z-index:100;
	background:#000;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#dd333333,EndColorStr=#dd333333);
	background-color: rgba(50, 50, 50, 0.9);
	*/
	*zoom:1;

}

li{
	list-style:none;
}

/*h1 {
	border-bottom:5px solid #fff000;
	max-width:1000px;
	margin:0 auto;
}*/

.question{
	margin:40px 0;
	padding:0;
}

.question h2{
	margin:0;
	padding:0;
	text-align:center;
}

.question h2 img{
	width:10%;
	display:block;
	margin:0 auto;
	height:auto;
}

.question h3{
	margin:20px 0 0 0;
	padding:0;
	text-align:center;
	color:#b08437;
	font-size:25px;
}

.question .bd{
	display:block;
	height:4px;
	width:50px;
	background-color:#d3001d;
	margin:28px auto 38px auto;
}

.question p{
	text-align:center;
	font-size:20px;
	color:#000;
	margin:0 0 30px 0;
	line-height:1.8em;
}

.question ul{
	width:90%;
	margin:0 auto;
	max-width:600px;
}

.question li{
	width:45%;
	margin:0 0 0 5%;
	float:left;
	text-align:center;
	color:#b08437;
}

.question a{
	display:block;
	width:100%;
	height:100%;
	color:#b08437;
	border:1px #b08437 solid;
	padding:23px 0;
	font-size:15px;
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */ 
}

.question a:hover{
	text-decoration:none;
	color:#d3001d;
	border-color:#d3001d;
}

.question li:first-child{
	margin:0 5% 0 0;
}

.mov{
	background:url(../img/mov.jpg) #000 center left;
	background-size:cover;

}

.if_youtube{
	width:57%;
	float:right;
	padding:150px 0;
	margin:0 0 0 5%;
	color:#fff;
}

.if_youtube p{
	font-size:22px;
}

.if_youtube img{
	display:none;
}


.if_youtube hr{
	margin-top:-32px;
	margin-left:32em;
	overflow:hidden;
}


iframe{
	display:block;
	margin:0 auto;
}

.twitter{
	padding:120px 0 80px 0;
	text-align:center;
	background:url(../img/twiiter_bg.jpg) center #000;
	background-size:cover;
	color:#fff;
}

.twitter p{
	margin:0;
	text-indent: -1em;
	padding-left:1em;
	margin-bottom:1.6em;
}


.syouhin{
	width:48%;
	margin:0 4% 0 0;
	float:left;
	text-align:center;
}

.syouhin img{
	border:3px #b08437 solid;
	width:75%;
	
}

.toko_sp{
	display:none;
}

.toko_pc{
	margin:0 0 70px 0;
}


.back{
	display:block;
	margin:30px auto;
	width:100px;
	padding:10px 0;
	text-align:center;
	background:#fff;
	color:#b08437 !important;
	border:1px #b08437 solid;
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */ 
}

.back:hover{
	border:1px #b08437 solid;
	background:#b08437;
	color:#fff !important;
	text-decoration:none;
}


.twitter_toko{
	width:48%;
	margin:0;
	float:right;
	text-align:left;
}

.tweet{
	background:#00aeef;
	margin-top:40px;
	font-size:20px;
	display:block;
	text-align:center;
	padding:22px 10px;
	max-width:350px;
	color:#fff !important;
	border-radius: 2px;        /* CSS3草案 */  
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 2px;   /* Firefox用 */ 
}

.tweet:hover{
	background:#fff;
	color:#00aeef !important;
	text-decoration:none;
	border:none;
}

.aka{
	color:#fff !important;
}

.aka:hover{
	color:#00aeef !important;
	text-decoration:none;
}

.twitter h4{
	font-size:20px;
	margin:0 0 1.8em 0;
	padding:0;
}

.twitter i{
	font-size:180%;
	vertical-align:middle;
}

.point{
	background:url(../img/point_bg.jpg) bottom right #fff;
	background-size:cover;
	padding-top:60px;
	margin-bottom:-20px;

}

.point p{
	padding-bottom:20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight:700;
	color:#000;
	transform: rotate(0.01deg);
}













#flashContent {
	position:absolute;
	top:13px;
	right:13px;
	z-index:0;
	height:300px;
}
#item {
	position:absolute;
	top:208px;
	right:15px;
	width:318px;
	font-size:8px;
	text-align:right;
	line-height:11px;
}
#item1108 {
	position:absolute;
	top:20px;
	right:15px;
	width:318px;
	font-size:8px;
	text-align:right;
	line-height:11px;
}
#item img,
#item1108 img {
	margin:0 0 5px;
}

#btn_close_top {
	position:absolute;
	top:5px;
	right:5px;
	max-width:1000px;
}
#btn_close_btm {
	display:block;
	width:100%;
	max-width:1000px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#000;
	background:#f4f4f4;
	z-index:5000;
}
#btn_close_btm:hover {
	background:#000;
	color:#fff;
}

#content {
	width:100%;
	max-width:1000px;
	/*background:#000;*/
	margin:45px auto 0;
	padding:0 0 1px;
	
}

#caution { 
	width: 825px;
	margin:0 auto;
	padding: 20px 5px 0;
	font-size:10px;
	color: #fff;
	position:relative;
	text-align: right;
	line-height: 1.3;
}
#update {
	font-size:10px;
	text-align:right;
	color:#000;
	position:absolute;
	top:285px;
	right:10px;
}

#nav {
	clear:both;
	width:100%;
	max-width: 825px;
	text-align:center;
	margin:0 auto 20px;
	color:#000;
}
#nav a {
	color:#000;
}
#nav a:hover {
	color:#CC143A;
}
.tableWrap {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 0;
	/*background: #333;*/
}
table {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	border-collapse:collapse;
	/*border:1px dotted #000;*/
	/*border-spacing: 2px;*/
}
table tr th,
table tr td {
	padding:5px;
	text-align:center;
	white-space:nowrap;
	/*letter-spacing:-0.1em;*/
	font-size:100%;
}
table tr th {
	/*background:#CC143A;*/
	background:#856423;
	color: #fff;
	font-weight:bold;
	
	/*border:1px dotted #555;*/
	
}
table tr th.t_area {
	width:10%;
}
table tr th.t_theater {
	width:50%;
}
table tr th.t_date {
	width:13%;
}

table tr th.t_ticket {
	width:13%;
}

table tr th.t_area_full {
	background:#ddd;
	color:#555;
	font-weight:bold;
	/*border:1px dotted #000;*/
}
table tr th.t_area_full span {
	color:#555;
}

table tr td {
	color:#000;
	/*border:1px dotted #000;*/
	/*background:#f4f3ec;*/
	background:#fff;
}

.pagetop {
	display:block;
	height:30px;
	line-height:30px;
	margin:0 0 0 30px;
	text-align:right;
	font-size: 85%;
	color:#000 !important;
}

#copyright {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:10px 0;
	/*background: #222;*/
	/*color:#fff;*/
	text-align:center;
	/*height:60px;*/
	font-size:10px;
	
	
}
#copyright p {
	line-height: 1.3;
	margin:0 auto;
}


.banner_img{
	max-width:2000px;
	margin: 0;
}

.tokuten_sp{
	display:none;
}


.tikect_img{
	max-width:550px;
	margin:0 auto;
	padding:40px 0 40px 0;
}

/*.caption{
	
}

.caption p{
	line-height:50%;
	font-size:12px;
}

.caption p .align{
	float:right;
}
*/

.chui{
	/*padding:0px 0 5px 40px;*/
	font-size:12px; 
	line-height:16px;
	text-align:left;
}

.genzai {
	/*padding:0 45px 0 0;*/
	font-size:12px;
	color:#000000;
	float: right;
}

.dboder{
	margin: 0;
	padding: 0 0 5px 0;
	border-bottom: #CCC dotted 1px;
}

.movieticket p{
	line-height:75%;
}

.movieticket p .cp{
	margin:40px 0 0 0 ;
}

@media screen and (min-width:760px){
	.aaa{
		display:none;
	}
	
	.question i{
	padding-right:1em;
	}
	
	.twitter i{
	padding-right:0.5em;
	}
}
@media screen and (min-width:1017px){
	.bbb{
		display:none;
	}
}

@media screen and (max-width:1017px){
.if_youtube hr{
	margin-top:-32px;
	margin-left:20em;
	overflow:hidden;
}
}

@media screen and (max-width:910px){
	
	iframe{
	display:none;
}

.if_youtube img{
	display:block;
}

}

@media screen and (max-width:760px){
	
	.question i{
	margin-bottom:0.5em;
	}
	
	.question h2 img{
	width:30%;
}

	.twitter i{
	margin-bottom:0.3em;
	}

.mov{
	background:url(../img/mov.jpg) #000 bottom left;
	background-size:cover;
}

.point{
	background:url(../img/point_bg.jpg) bottom right #fff no-repeat;
	background-size: 150%;

}

}


@media (max-width:640px){
	.tokuten_pc{
		display:none;
	}
	
		.tokuten_sp{
		display:block;
	}
	
body.theater_page .container {
	width: 100%;
    padding: 0;
	margin:0 auto;
}

.if_youtube{
	width:100%;
	max-width:640px;
	float: none;
	padding:250px 0 50px 0;
	margin:0;
}

.syouhin{
	width:100%;
	margin:30px 0 0 0;
	float:none;
	text-align:center;
}

.twitter_toko{
	width:100%;
	margin:30px auto;
	float:none;
	text-align:left;
}

.syouhin img{
	border:1px #b08437 solid;
	width:100%;
}

.toko_sp{
	display:block;
	margin:0 auto;
}

.toko_pc{
	display:none;
}

.twitter a{
	width:100%;
}
}

@media (max-width:480px){
	table {
		font-size:75%;
	}
}

@media screen and (max-width: 465px){
.am {
    text-align: center;
    margin: 0 auto;
    margin-top:0 !important;
    margin-bottom: 20px;
    display: block;
}
}