@charset "UTF-8";

body{
	padding-bottom:20px;
}

.mql_hide{
	display:none;
}
.mql_show{
	display:block !important;
}

img{
	height:auto;
}

#cinema_header{

background: #00116e; /* Old browsers */
background: -moz-linear-gradient(top,  #00116e 0%, #002a8e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00116e), color-stop(100%,#002a8e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00116e 0%,#002a8e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00116e 0%,#002a8e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00116e 0%,#002a8e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00116e 0%,#002a8e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00116e', endColorstr='#002a8e',GradientType=0 ); /* IE6-9 */

}

#masthead{
	width:300px;
	margin:0 auto;
}
#cinema_header .logo{
	padding:15px 0 12px 10px;
}
#cinema_header .logo a {
	display:block;
	width:194px;
	height:22px;
	background:transparent url(/cms_images/images/head_logo_mql.png) 0 0 no-repeat;
	background-size: 194px 22px;
	-webkit-background-size: 194px 22px;
	text-indent:-9999px;
}


#DETAIL{
	width:300px;
	margin:0 auto;
}

.title{
	margin:10px 0;
	text-align:center;
}

.pho{
	text-align:center;
}
.txt{
	margin-top:10px;
}
.btn{
	margin-top:10px;
	text-align:right;
}
.mql_btn_close{
	display:block;
	margin:20px auto 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #ECEBE2;
	background:-ms-linear-gradient(top, #FFFFFF, #E6E6E6);
	background:-moz-linear-gradient(top, #FFFFFF, #E6E6E6);
	background:-o-linear-gradient(top, #FFFFFF, #E6E6E6);
	background:-moz-linear-gradient(top, #FFFFFF, #E6E6E6);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E6E6E6));
	background:linear-gradient(top, #FFFFFF, #E6E6E6);
	color:#333333;
}
.mql_btn_close a{
	display:block;
	padding:12px 0 12px 15px;
	padding-right:27px;
	background: url(/common/images/contents_common_blt_closeX_mql.png) 220px center no-repeat;
	background-size:17px 17px;
	-webkit-background-size:17px 17px;
	font-size: 1.14286em;
	color:#333333;
}

.block > div{
	text-align:center;
}


.list table,
.list tbody,
.list th,
.list td{
	display:block;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float:left;
    clear:left;
	overflow:hidden;
}
.list{
	overflow:hidden;
}
.list th{
	width:300px;
	margin-top:10px;
	margin-bottom:13px;
	padding:6px 0 1px 10px;
	font-size:114.2857%;
	font-weight:normal;
	background:url(/common/images/bg_title_tip.png) left center no-repeat;
	background-size:4px 20px;
	-webkit-background-size:4px 20px;
	text-align:left;

}
.list td{
	padding-bottom:10px;
	border-bottom:1px solid #C6C6C6;
}
/* テーブルリスト
.list table{
width:100%;
border-collapse: separate;
border-spacing: 1px;
border-color: gray;
}


#CONTENTS div.list{
	margin:15px 0 0 0;
	padding:1px;
	background-color:#666666;
}
#CONTENTS div.list table{
	width:100%;
}
#CONTENTS div.list table th{
	padding:10px 5px;
	width:20%;
	background-color:#e2fffd;
	text-align:left;
	font-weight:bold;
}
#CONTENTS div.list table td{
	padding:10px 5px;
	width:80%;
	background-color:#ffffff;
} */

/* =================================
	MediaQuery
================================= */
@media screen and (min-width: 480px){
	#masthead,
	#DETAIL,
	.list th{
		width:460px;
	}
	.mql_btn_close a{
		background-position:300px center;
	}
}

/* 初期化
--------------------------------------------------------------
html { height:100%; }

body {
	height:100%;
	min-height:100%;
	background-color:#ffffff;
}*/

/* 全体サイズと背景
-------------------------------------------------------------------------
#DETAIL {
	width:100%;
	height:100%;
	min-height:100%;
	position:relative;
}
html>body div#DETAIL { height:auto; }

#INFO div.header,
#INFO div.footer{
	background-color:#003a7d;
}
#SCHEDULE div.header,
#SCHEDULE div.footer{
	background-color:#003a7d;
}
div.footer{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}*/

/* コンテンツエリア（id:CONTENTS）
---------------------------------------------------------------------------
#CONTENTS {
	margin:0;
	padding:0 20px 20px;
}*/

/* スクリーン
#CONTENTS div.screen {
	margin:20px 0 0 0;
	text-align:center;
}
#CONTENTS div.idx {
	margin:20px 0 0 0;
	padding:3px 0 3px 5px;
	color:#ffffff;
	font-weight:bold;
	background-color:#5385e8;
	border-left:4px solid #ff6600;
} */

/* アイコン
div.idx_icon {
	margin:0;
	padding:0;
	height:34px;
	background:#5385e8 url(../cms_images/mark_idx03.gif) no-repeat 10px 7px;
}
div.idx_icon h2 {
	margin:0;
	padding:10px 0 0 20px;
	color:#ffffff;
	font-weight:bold;
}
#CONTENTS table.icon {
	width:100%;
}
#CONTENTS table.icon tr.line th,
#CONTENTS table.icon tr.line td{
	border-bottom:1px solid #838383;
}
#CONTENTS table.icon tr.dline th,
#CONTENTS table.icon tr.dline td{
	background:transparent url(../cms_images/line_dot02.gif) repeat-x bottom left;
}
#CONTENTS table.icon th,
#CONTENTS table.icon td{
	padding:10px 0 10px 10px;
	text-align:left;
}
#CONTENTS table.icon td{
	width:99%;
} */

/* タイトル 
#CONTENTS div.title {
	margin:0 0 5px 0;
	padding:10px 0;
	width:100%;
	border-bottom:1px solid #838383;
}*/

/* 写真付きコメント 
#CONTENTS div.block {
	width:100%;
	margin-top:5px;
	text-align:center;
}
#CONTENTS div.pho {
	float:left;
	margin-right:10px;
}
#CONTENTS p.txt {
	text-align:left;
}*/

/* 基本テキスト 
#CONTENTS dl.txt{
	margin:0;
	padding:0;
	width:100%;
}
#CONTENTS dl.txt dd{
	clear:left;
	margin:5px 0 0 0;
	padding:0;
	width:100%;
}
#CONTENTS dl.txt dd span{
	width:12px;
	float:left;
}
#CONTENTS dl.txt dd p{
	width:95%;
	float:left;
}*/

/* テーブルリスト 
#CONTENTS div.list{
	margin:15px 0 0 0;
	padding:1px;
	background-color:#666666;
}
#CONTENTS div.list table{
	width:100%;
}
#CONTENTS div.list table th{
	padding:10px 5px;
	width:20%;
	background-color:#e2fffd;
	text-align:left;
}
#CONTENTS div.list table td{
	padding:10px 5px;
	width:80%;
	background-color:#ffffff;
}*/

/* 詳細ボタン 
#CONTENTS div.btn {
	margin-top:10px;
	text-align:right;
}*/