@charset "UTF-8";

a{
	text-decoration:none !important;
}

/* 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;
}

/* ----------------------------------------------------------
 スマホ対応
---------------------------------------------------------- */

.navi_links {
	display: none;
}
.width300{
	width: 300px;
	margin:auto;
}
div.main .navi_inner{
	border-bottom: 2px solid #e85d00;
	margin-top: 5.333%;
}
div.main ul.navi_list{

}
div.main ul.navi_list li{
	float: left;
	width: 32.9%;
	margin-right: 0.4%;
	height: 50px;
}
div.main ul.navi_list li a{
	display: block;
}
div.main ul.navi_list li.on{

}

div.main ul.navi_list:after{
	content: '';
	clear: both;
	display: table;
}

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;
	}

.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_sp{
	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 20px;
	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:last-child{
	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;
}



/* 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;
	margin:0 0 10px !important;
	padding:0 0 0 10px;
	float:right;
}
.digital_caption dl dt span{
	padding:0 0 0 0px;
}
.digital_caption dl.dbox_cap dt:nth-of-type(1) span:before {
	content:"[D-BOX] マークの劇場は、D-BOX導入劇場です。";
}

.digital_caption dl.ultira_cap dt:nth-of-type(1) span:before {
	content:"[ULTIRA] マークの劇場は、ULTIRA導入劇場です。";
	float:right;
}

.digital_caption dl.thx_cap dt:nth-of-type(1) span:before {
	content:"[THX] マークの劇場は、THX導入劇場です。";
}
.digital_caption dl.fourdx_cap dt:nth-of-type(1) span:before {
	content:"[4DX] マークの劇場は、4DX導入劇場です。";
}

.digital_caption dl.atmos_cap dt:nth-of-type(1) span:before {
	content:"[ATMOS] マークの劇場は、ATMOS導入劇場です。";
}

.digital_caption dl.g_theater_cap dt:nth-of-type(1) span:before {
	content:"[GRAN THEATER] マークの劇場は、GRAN THATER導入劇場です。";
}
.digital_caption dl.vive_audio_cap dt:nth-of-type(1) span:before {
	content:"[VIVE AUDIO] マークの劇場は、VIVE AUDIO導入劇場です。";
}
.digital_caption dl.imax_cap dt:nth-of-type(1) span:before {
	content:"[IMAX] マークの劇場は、IMAX導入劇場です。";
}
.digital_caption dl dd ul li{
	text-align:right;11
	padding:3px 10px 10px 0;
}
.digital_caption dt span img{
	display:none;
}
.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 .area01 h2:nth-of-type(1){
	margin:0;
	padding:0;
	border-top:3px solid #003399;
	font-weight:bold;
}
.theater .bot .area01 h2:nth-of-type(1) span{
	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;
}
.theater .bot .area01 h2:nth-of-type(1) span:before{
	content:"北海道・東北";
}

/*関東*/
.theater .bot .area02 h2:nth-of-type(1){
	margin:0;
	padding:0;
	border-top:3px solid #003399;
	font-weight:bold;
}
.theater .bot .area02 h2:nth-of-type(1) span{
	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;
}
.theater .bot .area02 h2:nth-of-type(1) span:before{
	content:"関東";
}

/*中部・北越*/
.theater .bot .area02 h2:nth-of-type(2){
	margin:0;
	padding:0;
	border-top:3px solid #003399;
	font-weight:bold;
}
.theater .bot .area02 h2:nth-of-type(2) span{
	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;
}
.theater .bot .area02 h2:nth-of-type(2) span:before{
	content:"中部・北越";
}

/*近畿*/
.theater .bot .area03 dl h2{
	margin:0;
	padding:0;
	border-top:3px solid #003399;
	font-weight:bold;
}
.theater .bot .area03 dl h2 span{
	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;
}


/*中国・四国・九州*/
.theater .bot .area04 h2:nth-of-type(1){
	margin:0;
	padding:0;
	border-top:3px solid #003399;
	font-weight:bold;
}
.theater .bot .area04 h2:nth-of-type(1) span{
	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;
}
.theater .bot .area04 h2:nth-of-type(1) span:before{
	content:"中国・四国・九州";
}

.theater .bot dl dt{
	background:#999999;
	color:#FFFFFF;
	font-size:110%;
	padding:5px 10px 5px 5px;
}
.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{
	padding:15px 10px 15px 15px;
	display:block;
	text-align:left;
	background: url(/common/images/contents_common_blt_l_02_mql.png) 96% center no-repeat;
	background-size:17px 17px;
	-webkit-background-size:17px 17px;
}



/* 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,
.lead,
.lead_wrapper,
.digital_caption,
.lead_cinemaAllList,
.theater,
#top_area_navi,
.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;
}
}




/* ----------------------------------------------------------
 スマホ対応
---------------------------------------------------------- */

/* main
---------------------------------------------------------- */
.main h1 {
	display: none;
}
.navi_Anchor 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;
}
.navi_Anchor 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: 15px 10px;
}
.navi_Anchor ul li:first-child,
.navi_Anchor ul li:nth-child(2) {
	border-bottom: 1px solid #E6E6E6;
}

.navi_Anchor ul li a.arrow_l {
	display: block;
	margin: 0 auto;
	background: url(/common/images/contents_common_blt_l_mql.png) 96% center no-repeat;
	background-size: 17px 17px;
	-webkit-background-size: 17px 17px;
	padding: 15px 10px;
}

.navi_Anchor ul li a:hover {
	background-color:#E6E6E6;
	background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
}
.navi_Anchor ul li:first-child,
.navi_Anchor ul li:nth-child(2) {
	border-bottom: 1px solid #E6E6E6;
}
.navi_Anchor ul li.current {
	background-color:#cacaca;
}


/*----------------------------------------------------------
 前売券情報		advance_featured
---------------------------------------------------------- */

#advance_featured {
	width: 300px;
	margin: 0 auto;
}
#advance_featured {
	padding-top: 6px;
	background: url(/common/images/contents_common_bg_01_mql.png) 0 0 repeat-x;
	background-size: 100% 6px;
	width: 300px;
	margin: 20px auto 0 auto;
}
#advance_featured h2 {
	padding: 14px;
	font-size: 1.2em;
	font-weight: bold;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );
	border-left: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
	font-size: 100%;
}

#advance_featured h2 span img {
	display: none;
}
#advance_featured h2 span:before {
	content: "前売券情報";
}


div.main #advance_featured h2 {
	margin-top:0px !important;
	margin-bottom:10px !important;
}

#advance_featured p {
	
}
.advance_featured ul li {
	border: 1px solid #E6E6E6;
	border-width: 0 1px 1px 1px;
	padding: 15px;
}
.advance_featured ul li .top .bot {
	overflow: hidden;
}
.advance_featured ul li .top .bot .photo {
	width: 148px;
	float: left;
}
.advance_featured ul li dl.lead dt {
	width: 110px;
	padding: 0 0 0 10px;
	float: left;
}

.lead {
	margin: 10px auto 30px;
}
.lead p {
	font-size: 1em;
	line-height: 1.7;
}
.lead p span {
	padding: 10px 0 0;
	font-size: 0.8em;
	line-height: 1.7;
}

img.sp{
    margin-top: 10px;
    margin-bottom: 5px;
    width: 100%;
    border: solid 1px #aaaaaa;
}




 @media screen and (min-width: 480px) {
ul#breadcrumbList li.current, ul#breadcrumbList3 li.current, .navi_Anchor ul, #advance_featured, .menu, #service, .lead, .serviceBottom, #CONTENTS .main .theater_pageTop, .area_table_foodAllergy {
	width: 460px;
}
}





.navi_links {
	display: none;
}

.sp_img{
	width: 100%;
	height:auto;
}
.sp_mt{
	margin-top:40px;
}





/* ----------------------------------------------------------
 スマホ対応　アドセンス広告
---------------------------------------------------------- */

div.side div.prime {
	display: none;
}

#CONTENTS .side div.prime.sp {
    height: 250px;
    padding: 10px 0 8px;
    background-color: #fff;
    border: 1px solid red;
}



/* ----------------------------------------------------------
 230215追加
---------------------------------------------------------- */

ul.tab_menu {
	display: flex;
	justify-content: space-between;
	width: calc(100% - 50px);
	background-color: #bfbfbf;
	border-radius: 5px;
	padding: 5px;
	margin: 30px auto 0;
}

ul.tab_menu * {
	font-family: "Noto Sans JP", "Noto Sans CJK JP", Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

ul.tab_menu li {
	position: relative;
	width: calc(100% / 3);
	background-color: #f3f3f3;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 5px;
}

ul.tab_menu li.current {
	background-color: #808080;
	color: #fff;
	padding: 14px 0 28px;
}

ul.tab_menu li:nth-child(2) {
	margin: 0 5px;
}

ul.tab_menu li a {
	display: block;
	color: #333;
	text-decoration: none;
	padding: 14px 0 28px;
}

ul.tab_menu li::before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 14px;
	background-color: #b60082;
	border-radius: 0 0 5px 5px;
}

ul.tab_menu li.current::before {
	background-color: #666666;
}

ul.tab_menu li::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width:  6.9px 4px 0 4px;
	border-color: #fff transparent transparent transparent;
	margin: auto;
}