@charset "UTF-8";

a{
	text-decoration:none !important;
}

#wmc_masthead {
	background: url("/common/images/bg_head_mql_top.png") repeat-x left top #000C68;
}

/* non display
---------------------------------------------------------- */
hr,
#PAGE,
#SWFbanner,
.side .prime,
.side .inner,
.side .frame,
.side .ranking_gekijyo,
#adsense_type_c,
.adsense_unit_box_t,
.mql_sp_hide
{
	display:none;
}


/* CONTENTS
---------------------------------------------------------- */
#CONTENTS{
	margin: 0 auto;
	background:#FFF;
}
.lead_cinemaAllList,
.theater{
	margin:0 auto;
	padding:0;
	width: 300px;
}

.lead_wrapper{
		margin:0 auto;
	padding:15px 0 15px;
	width: 300px;
	}

p.lead{
	margin:0 auto;
	padding:15px 0 15px;
	width: 300px;
}

ul.lead_arrow {
	padding-left:10px;
	text-align:left;
	background:transparent url("/common/images/contents_common_blt_03_mql.png") no-repeat;
	background-size: 4px 5px;
	background-position: 0 0.35em;
}

/* breadcrumbList
---------------------------------------------------------- */
ul#breadcrumbList{
	background:#F2F2F2;
}
ul#breadcrumbList li{
	display:none;
}
ul#breadcrumbList li.current{
	display:block;
	color: #333333;
	display:block;
	margin:0 auto;
	padding:10px;
	width:300px;
	font-size:1.2em;
	font-weight:bold;
}


/* main
---------------------------------------------------------- */
.main h1{
	display:none;
}
.eventAnchor ul{
	width:300px;
	margin:0 auto;
	margin:20px auto 8px auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #E6E6E6;
}
.eventAnchor ul li a{
	display:block;
	margin:0 auto;
	background:url(/common/images/contents_common_blt_dwn_mql.png) 96% center no-repeat;
	background-size:17px 17px;
	-webkit-background-size:17px 17px;
	padding:10px;
}
.eventAnchor ul li:first-child{
	border-bottom:1px solid #E6E6E6;
}

/* top_area_navi
---------------------------------------------------------- */
.top_area_navi{
	width:300px;
	margin:0 auto;
	padding:0 0 10px;
}
.top_area_navi ul{
	border:1px solid #E5E5E5;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	overflow:hidden;
}
.top_area_navi ul li{
width:148px;
float:left;
border-bottom:1px solid #E5E5E5;
}
.top_area_navi ul li:nth-child(odd){
	border-right:1px solid #E5E5E5;
}
.top_area_navi ul li:nth-child(even){
	width:149px;
}
.top_area_navi ul li:nth-of-type(7),
.top_area_navi ul li:nth-of-type(8) {
	border-bottom:none;
}
.top_area_navi ul li a{
	display:block;
	margin:0 auto;
	background:url(/common/images/contents_common_blt_dwn_mql.png) 126px center no-repeat;
	background-size:17px 17px;
	-webkit-background-size:17px 17px;
	padding:15px 10px;
}

/* theater_related_promotion */
.theater_related_promotions{
	width: 300px;
	margin:10px auto 0;
}
.theater_related_promotions > li{
	padding: 12px 11px;
}
.theater_related_promotions > li > a{
	display: block;
	padding: 1px 0 1px 24px;	
	background: url(/common/images/contents_common_blt_l_mql.png) no-repeat;
	background-size:17px 17px;
	-webkit-background-size:17px 17px;
}	 



/* facility_description_toggle */
.facility_description_toggle {
	width: 300px;
	margin: 20px auto 10px;
	color: #5385e8;
	font-weight: bold;
	background-color: #E1E1E1;
	border-radius: 6px;
	cursor: pointer;
}
.facility_description_toggle p {
	position: relative;
	padding: 20px;
}
.facility_description_toggle p:after {
	position: absolute;
	right: 20px;
	width: 0;
	height: 0;
	content: " ";
	top: 25%;
	border-top: 10px solid transparent;
	border-bottom: 12px solid #4A7AE6;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	margin-top: 0;
}
.facility_description_toggle.open p:after {
	top: 50%;
	border-top: 12px solid #4A7AE6;
	border-bottom: 10px solid transparent;
	margin-top: -6px;	
}

/* digital_caption
---------------------------------------------------------- */
.digital_caption{
	width:300px;
	margin:0 auto;
	font-size:90%;
	padding:10px 0 20px;
	overflow:hidden;
}
.digital_caption dl{
	border-bottom:1px solid #EBEBEB;
	padding: 6px 0;
}
.digital_caption dl dt span{
	padding:0 0 0 0px;
}
.digital_caption dt img {
	vertical-align: bottom;
}
.digital_caption dl dd {
	text-align:right;
}
.digital_caption p{
	color:#777777;
	margin-left:1.0em;
}
.digital_caption p span{
	text-indent:-1.0em;
	display:block;
	padding:0 0 10px;
}

/* theater
---------------------------------------------------------- */
.theater h2 span img{
	display:none;
}
.theater .bot h2{
	font-size:110%;
}
.theater .bot h2 span{
	display:block;
}

/*地域*/
.theater .bot .area_block {
	margin:0;
	padding:0;
	border-top:3px solid #000000;
}
.theater .bot .area_block h2 {
	border-top:1px solid #FFFFFF;
	background:-ms-linear-gradient(top, #E6E6E6, #FFFFFF);
	background:-moz-linear-gradient(top, #E6E6E6, #FFFFFF);
	background:-o-linear-gradient(top, #E6E6E6, #FFFFFF);
	background:-moz-linear-gradient(top, #E6E6E6, #FFFFFF);
	background:-webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#FFFFFF));
	background:linear-gradient(top, #E6E6E6, #FFFFFF);
	padding:15px 10px 15px 10px;
	font-weight:bold;
}
.theater .bot dl dt{
	background:#999999;
	color:#FFFFFF;
	font-size:110%;
	padding:5px 10px 5px 5px;
}
.theater .bot dl dt > span:before {
    content: "【";
}
.theater .bot dl dt > span:after {
    content: "】";
}

.theater .bot dl dd ul li{
	border-bottom:1px solid #F2F2F2;
	position:relative;
}
.theater .bot dl dd ul li span.ico_dbox{
	position:absolute;
	right:38px;
	top:12px;
}
.theater .bot dl dd ul li span.ico_ultira{
	position:absolute;
	right:75px;
	top:12px;
}
.theater .bot dl dd ul li span.ico_dbox_under{
	position:absolute;
	right:38px;
	top:20px;
}
.theater .bot dl dd ul li span.ico_ultira_top{
	position:absolute;
	right:38px;
	top:4px;
}
.theater .bot dl dd ul li span.ico_atmos{
	position:absolute;
	right:113px;
	top:12px;
}
.theater .bot dl dd ul li span.ico_atmos_okayama{
	position:absolute;
	right:75px;
	top:4px;
}
.theater .bot dl dd ul li span.ico_gt{
	position:absolute;
	right:75px;
	top:20px;
}
.icon-area{
	position: absolute;
	right: 38px;
	top: 12px;
}
.icon-area span img{
	vertical-align: middle;
}

.theater .bot dl dd ul li a{
	padding:15px 10px 15px 15px;
	display:block;
	text-align:left;
	background: url(/common/images/contents_common_blt_l_mql.png) 96% center no-repeat;
	background-size:17px 17px;
	-webkit-background-size:17px 17px;
}

.theater .bot dl dd ul li.oac a{
	background: url(/common/images/contents_common_blt_l_02_mql.png) 96% center no-repeat;
}



/* pageTop
---------------------------------------------------------- */
.theater .bot .theater_pageTop{
	margin:20px auto 0;
	padding:0 0 30px;
	text-align:right;
	width:300px;
}


/* AD
---------------------------------------------------------- */
.socialBanner{
	text-align:center;
	padding:10px 0 10px 0;
}
.adsense_type_c_box{
	display:none;
}
.adArea{
	width:300px;
	margin:0 auto;
	padding:20px 0 0;
}
.google_ad320_btm{
	margin:0 0 0 -10px;
}
.foot_adsense{
	display:none;
}
.sp_adplane_section{
	text-align:center;
}


@media screen and (min-width: 480px){
ul#breadcrumbList li.current,
.eventAnchor ul,
#present,
.present,
#service,
.service,
.serviceBottom,
p.lead,
.lead_wrapper,
.digital_caption,
.lead_cinemaAllList,
.theater,
.top_area_navi,
.facility_description_toggle,
.theater .bot .theater_pageTop
{
	width:460px;
}
.top_area_navi ul li {
	width:228px;
}
.top_area_navi ul li:nth-child(even){
	width:229px;
}
.theater .bot dl dd ul li span.ico_dbox{
	right:48px;
}
.theater .bot dl dd ul li span.ico_ultira{
	right:85px;
}
.top_area_navi ul li a{
	background:url(/common/images/contents_common_blt_dwn_mql.png) 92% center no-repeat;
	background-size:17px 17px;
	-webkit-background-size:17px 17px;
}
}


/*設備アイコン*/
ul.facility_block {
	position: absolute;
	top: 16px;
	right: 34px;
	width: auto;
}
ul.facility_block.sp_long {
	position: absolute;
	top: 8px;
	right: 34px;
	width: 112px;
}
ul.facility_block.sp_long.sp_long_ctm {
	width: 146px;
}
ul.facility_block li {
    width: 104px;
	display: inline;
	padding: 2px 0 0 2px;
	border-bottom: none !important;
}
ul.facility_block li.large {
	width: 70px;
}
ul.facility_block li img {
    width: 34px;
}
ul.facility_block li.large img {
    width: 70px;
}


@media screen and (min-width: 480px){
	ul.facility_block,
	ul.facility_block.sp_long {
		top: 16px;
		right:48px;
		width: auto;
	}
	ul.facility_block.sp_long.sp_long_ctm {
		width: auto;
	}
}