@charset "UTF-8";
/* 
	劇場トップページ用スタイルシート

	01, Utilities
	02, BODY
	03, CONTAINER
	04, theater_main
	05, .important_notice
	06, .recommend_banners
	07, .theater_notice
	08, .theater_schedule
	09, メインコンテンツ & セカンダリーコンテンツ
	10, .mod_box
	11, .theater_info_section
	12, .theater_banner_section
	13, #disp
	14, .theater_theatus_section
	15, ランキング
	16, .theater_banner_section
	17, .theater_guid_area

*/

/* =================================
	Utilities
================================= */
html{
	border-bottom:15px solid #000000;
}
/* =================================
	BODY
================================= */

/* =================================
	CONTAINER
================================= */

/* =================================
	CONTENTS
================================= */
#SECOND-CONTAINER{
	width:300px;
	margin:0 auto;
	padding:0 10px;
}

/* =================================
	theater_main
================================= */
.theater_main{
	width:300px;
	margin:0 auto;
	padding:0 10px;
}

/* =================================
	重要なお知らせ
	.important_notice
================================= */
.important_notice{
	margin-top:10px;
	padding:8px 10px;
	border:3px solid #ff0000;
	background:#ffe3f2;
}
.important_notice dt{
	font-weight:bold;
	color:#ff0000;
}
.important_notice dt span{
	display:block;
	padding:6px 0;
	font-weight:bold;
	color:#333;
}
.important_notice dd.link{
	margin-top:8px;
	text-align:right;
}
.important_notice dd.link a{
	padding-left:15px;
	background:url(/common/images/contents_common_blt_04_mql.png) 0 center no-repeat;
	background-size:11px 11px;
	-webkit-background-size:11px 11px;
}


/* =================================
	ページ上部のバナー3つ
	.recommend_banners
================================= */
.recommend_banners{
	padding-top:20px;
}
.recommend_banners li{
	overflow:hidden;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e5e5e5;
}
.recommend_banners li a{
	display:block;
	overflow:hidden;
}
.recommend_banners img{
	display:block;
	width:120px;
	float:left;
	margin-right:10px;
}
.recommend_banners span{
	display:block;
	overflow:hidden;
}


/* =================================
	劇場からのお知らせ
	.theater_notice
================================= */
.theater_notice{
	padding:15px;
	background-color:#fdffdf;
}
.theater_notice .hdr{
	font-weight:bold;
	color:#ff0000;
}
.theater_notice .notice_contents dt{
	margin-top:5px;
	font-weight:bold;
}
.theater_notice .notice_contents dd{
	margin-top:5px;
    word-break:break-all;
    word-wrap: break-word;
}
.theater_notice dd.link{
	text-align:right;
}
.theater_notice dd.link a{
	padding-left:15px;
	background:url(/common/images/contents_common_blt_04_mql.png) 0 0.1em no-repeat;
	background-size:11px 11px;
	-webkit-background-size:11px 11px;
}


/* =================================
	近日の上映スケジュール
	.theater_schedule
================================= */
.theater_schedule{
	display:none;
}


/* =================================
	メインコンテンツ &
	セカンダリーコンテンツ
================================= */


/* =================================
	ボックスモジュール
	.mod_box
================================= */
.first_contents{
	position:relative;
	height:auto;
	margin-top:26px;
}


/* =================================
	劇場からのお知らせ
	.theater_info_section
================================= */
.theater_info_section .mod_box_inner{
	padding-top:14px;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}
.theater_info_section .heading{
	display:none;
}

.theater_info_section .heading.cur{
	background:url(/common/images/contents_common_tab_01_mql.png) 0 0 no-repeat;
	background-size:150px 46px;
	-webkit-background-size:150px 46px;
	color:#333;
	margin-top:-4px;
}

/* .theater_news01 */
.theater_news01 li{
	padding:15px 14px;
	border-top:1px solid #e5e5e5;
}
.theater_news01 .thumbnail{
	width:96px;
	float:left;
	margin-right:10px;
	padding-bottom:10px;
}
.theater_news01 dt{
	overflow:hidden;
}
.theater_news01 dd{
	clear:both;
}
.theater_info_section .theater_news02 li{
	padding:15px 14px;
	border-top:1px solid #e5e5e5;
}
.theater_info_section .theater_news02 .label,
.theater_info_section .theater_news02 .txt{
	display:block;
}
.theater_info_section .theater_news02 .txt{
	margin-top:5px;
}


/* =================================
	キャンペーン・おすすめ情報
	.theater_banner_section
================================= */
.theater_banner_section .heading01{
	display:none;
}
.theater_banner_section .mod_box02_inner{
	margin-top:-11px;
	padding-top:11px;
	border:1px solid #e6e6e6;
	border-top:0;
	text-align:center;
}
.theater_banner_section .bnr{
	margin-top:10px;
}
.theater_banner_section .outlook{
	margin-top:15px;
}
.theater_banner_section .outlook li{
	text-align:left;
	background:url(/common/images/contents_common_bg_02_mql.png) 0 bottom repeat-x;
	background-size:100% 35px;
	-webkit-background-size:100% 35px;
}
.theater_banner_section .outlook a{
	display:block;
	padding:9px 14px 9px 30px;
	background:url(/common/images/contents_common_blt_04_mql.png) 14px center no-repeat;
	background-size:11px 11px;
	-webkit-background-size:11px 11px;
	color:#333;
}

/* =================================
	正方形バナー
	#disp
================================= */
#disp{
	display:none;
}
.target_navigation{
	letter-spacing:-.3em;
}
.target_navigation li{
	width:150px;
	float: left;
	vertical-align:top;
	letter-spacing:normal;
}
.target_navigation a{
	display:block;
	height:auto;
	background:url(/common/images/contents_common_tab_02_mql.png) 0 0 no-repeat;
	background-size:150px 47px;
	-webkit-background-size:150px 47px;
	color:#FFF;
	text-align:center;
}
.target_navigation a.active{
	margin:0;
	padding:0;
	background:url(/common/images/contents_common_tab_01_mql.png) 0 0 no-repeat;
	background-size:150px 47px;
	-webkit-background-size:150px 47px;
	color:#333;
}
.target_navigation li:nth-child(1) a{
	padding:18px 0 13px;
}
.target_navigation li:nth-child(2) a{
	padding:10px 5px 5px;
}
.target_navigation li:nth-child(1) a.active{
	padding:18px 0 13px;
}
.target_navigation li:nth-child(2) a.active{
	padding:12px 5px 5px;
}
/* =================================
	
	.theater_theatus_section
================================= */
.theater_theatus_section{
	margin-top:30px;
	padding-top:6px;
	background:url(/common/images/contents_common_bg_01_mql.png) 0 0 repeat-x;
	background-size:100% 6px;
	-webkit-background-size:100% 6px;
}
.theater_theatus_section .mod_box_inner{
	border:1px solid #e6e6e6;
	background:url(/common/images/contents_common_bg_02_mql.png) 0 bottom repeat-x;
	background-size:100% 35px;
	-webkit-background-size:100% 35px;
}
.theater_theatus_section .heading01{
	padding:14px;
	font-size:1.214em;
	font-weight:bold;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	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 );
}
.theater_theatus_section .heading01 .link{
	display:none;
}
.theater_theatus_section .lead01{
	width:100%;
	height:30px;
	padding: 15px 14px;
}
.theater_theatus_section li{
	padding:10px 14px;
	border-top:1px solid #e6e6e6;
	overflow:hidden;
}
.theater_theatus_section .img{
	float:left;
	margin-right:10px;
}

.theater_theatus_section .txt{
	overflow:hidden;
}
.theater_theatus_section p.date{
	color:#b60081;
}
.theater_theatus_section ul+a{
	display:block;
	padding:9px 14px 9px 30px;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	background:url(/common/images/contents_common_blt_04_mql.png) 14px center no-repeat;
	background-size:11px 11px;
	-webkit-background-size:11px 11px;
	color:#333;
}

/* =================================
	ランキング
	>>Ranking
================================= */
.theater_ranking_section{
	margin-top:20px;
	padding-top:6px;
	background:url(/common/images/contents_common_bg_01_mql.png) 0 0 repeat-x;
	background-size:100% 6px;
	-webkit-background-size:100% 6px;
}
.ranking_gekijyo{
	background:url(/common/images/contents_common_bg_02_mql.png) 0 bottom repeat-x;
	background-size:100% 35px;
	-webkit-background-size:100% 35px;
}
.ranking_gekijyo .heading01{
	padding:14px;
	font-size:1.214em;
	font-weight:bold;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	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 );
}
.ranking_gekijyo .heading01 .link{
	display:none;
}
.ranking_gekijyo_inner{
	border:1px solid #e6e6e6;
	border-top:0;
}
.ranking_gekijyo li{
	padding:10px 0;
	border-top:1px solid #e6e6e6;
}
.ranking_gekijyo li a{
	width:66px;
	height:50px;
	display:inline-block;
	vertical-align:middle;
}
.ranking_gekijyo li p a{
	width:auto;
	height:auto;
	display:block;
}
.ranking_gekijyo li img{
	display:none;
}
.ranking_gekijyo .rank01{
	border-top:0;
}
.ranking_gekijyo .rank01>a{
	background:url(/cms_images/images/top/index_ranking_ico_01_mql.png) center 0 no-repeat;
	background-size:41px 34px;
	-webkit-background-size:41px 34px;
}
.ranking_gekijyo .rank02>a{
	background:url(/cms_images/images/top/index_ranking_ico_02_mql.png) center 0 no-repeat;
	background-size:41px 34px;
	-webkit-background-size:41px 34px;
}
.ranking_gekijyo .rank03>a{
	background:url(/cms_images/images/top/index_ranking_ico_03_mql.png) center 0 no-repeat;
	background-size:41px 34px;
	-webkit-background-size:41px 34px;
}
.ranking_gekijyo .rank04>a{
	background:url(/cms_images/images/top/index_ranking_ico_04_mql.png) center 0 no-repeat;
	background-size:41px 34px;
	-webkit-background-size:41px 34px;
}
.ranking_gekijyo .rank05>a{
	background:url(/cms_images/images/top/index_ranking_ico_05_mql.png) center 0 no-repeat;
	background-size:41px 34px;
	-webkit-background-size:41px 34px;
}
.ranking_gekijyo li .title{
 	width:220px;
	display:inline-block;
	vertical-align:middle;
}
.ranking_gekijyo li.new{
	background:url(/cms_images/images/top/index_ranking_ico_new_mql.png) 13px 47px no-repeat;
	background-size:41px 12px;
	-webkit-background-size:41px 12px;
}
.ranking_gekijyo li.stay{
	background:url(/cms_images/images/top/index_ranking_ico_stay_mql.png) 13px 47px no-repeat;
	background-size:41px 12px;
	-webkit-background-size:41px 12px;
}
.ranking_gekijyo li.down{
	background:url(/cms_images/images/top/index_ranking_ico_down_mql.png) 13px 47px no-repeat;
	background-size:41px 12px;
	-webkit-background-size:41px 12px;
}
.ranking_gekijyo li.up{
	background:url(/cms_images/images/top/index_ranking_ico_up_mql.png) 13px 47px no-repeat;
	background-size:41px 12px;
	-webkit-background-size:41px 12px;
}
.ranking_gekijyo_inner+.link{
	display:block;
	padding:9px 14px 9px 30px;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	background:url(/common/images/contents_common_blt_04_mql.png) 14px center no-repeat;
	background-size:11px 11px;
	-webkit-background-size:11px 11px;
	color:#333;
}


/* ランキングBGカラー修正 2016/06 */
.ranking_gekijyo li.rank01 {
    background-color: #ecead1;
}
.ranking_gekijyo li.rank02 {
    background-color: #e1e8ed;
}
.ranking_gekijyo li.rank03 {
    background-color: #efe2de;
}
.ranking_gekijyo li.rank04,
.ranking_gekijyo li.rank05 {
    background-color: #efefef;
}



/* =================================
	下部のバナーエリア
	.theater_banner_section
================================= */
.theater_bottom_banner_section{
	margin-top:20px;
	text-align:center;
}

/* =================================
	ご案内
	.theater_guid_area
================================= */
.theater_guid_area{
	width:300px;
	margin:20px auto 0;
	padding:0;
}
.theater_guid_area_inner{
	background-color:#ebebeb;
	border-top:4px solid #cccccc;
	border-bottom:4px solid #cccccc;
}
.theater_guid_area .heading01{
	padding:10px 0 10px 14px;
	font-size:1.142em;
}
.theater_guid_block01 .info li{
	padding:10px 5px;
	border-top:1px solid #e0ded1;
	display:block;
	overflow:hidden;
}
.theater_guid_block01 .info .dt{
	width:45px;
	padding-left:15px;
	float:left;
}
.theater_guid_block01 .info .addr{
	float:left;
	width:230px;
}
.theater_guid_block01 .info .tel{
	float:left;
}
.theater_guid_block01 .info .access{
	display:block;
	margin-top:5px;
	padding-left:15px;
	background: url(/common/images/contents_common_blt_04_mql.png) 0 0.1em no-repeat;
	background-size:11px 11px;
	-webkit-background-size:11px 11px;
}
.theater_guid_block01 .adbox{
	display:none;
}
.theater_guid_block02{
	display:none;
}


/* =================================
	コンテンツ下部の広告
	.theater_pr_01
================================= */
.theater_pr_01{
	padding-top:20px;
	text-align:center;
}

/* =================================
	コンテンツ下部の広告
	.theater_pr_02
================================= */
.theater_pr_02{
	margin-top:30px;
	text-align:center;
}

/* =================================
	アドセンス
	.adsense_unit_list_area
================================= */
.adsense_unit_list_area {
	display:none;
}

.google_ad320{
	margin-top:20px;
	margin-left:-10px;
	text-align:center;
}
.google_ad320 p{
	margin-bottom:5px;
}

/* =================================
	Flash
	#flash_top
================================= */
#flash_top{
	display:none;
}

/* =================================
	ページトップへ
	#flash_top
================================= */
.theater_pageTop{
	margin-top:30px;
}

/* =================================
	MediaQuery
================================= */
@media screen and (min-width: 480px){
	#SECOND-CONTAINER,
	.theater_main,
	.theater_guid_area{
		width:460px;
	}
	#masthead .login{
		margin-left:370px;
	}
	.recommend_banners img{
		width:188px;
	}
	.ranking_gekijyo li .title{
		width:380px;
	}
	.theater_info_section .heading{
		width:230px;
		padding-top:14px;
		padding-bottom:13px;
	}
	.target_navigation a,
	.target_navigation a.active{
		background-size:230px auto;
		-webkit-background-size:230px auto;
	}
	.theater_banner_section .heading01{
/* 		width:162px; */
		margin-left:230px;
		padding-top:14px;
		padding-bottom:13px;
	}
	.target_navigation li{
		width:230px;
	}
	.target_navigation a{
		padding:14px 0 13px;
	}
	.target_navigation li:nth-child(1) a{
		padding:18px 0 13px;
	}
	.target_navigation li:nth-child(2) a{
		padding:18px 0 13px;
	}
	.target_navigation li:nth-child(1) a.active{
		padding:18px 0 13px;
	}
	.target_navigation li:nth-child(2) a.active{
		padding:18px 0 13px;
	}
	.theater_guid_block01 .info .addr{
		width:390px;
	}
}