@charset "utf-8";

@import url("./default.css");
@import url("./assets.css");

/* ===================================================================
 style info : 個別css
=================================================================== */

body {
	background:#fff ; /*f1eeea*/
}

#page {
	width: 100%;
	min-width:1000px;
	max-width:1600px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
}

#header {
	position: relative;
	width: 796px;
	margin: 0 auto;
	height: 84px;
}

#header h1 {
	float:left;
	padding: 0;
	width:89px;
	height:21px;
	padding: 40px 0 0;
}

#header #official {
	float:right;
	width:174px;
	height:64px;
	padding: 20px 0px 0px;
}

#header #official a{
	display:block;
	overflow:hidden;
	width:174px;
	height:64px;
	background:url("../img/item_theaters_logo_20160828.png") no-repeat 100% 50%;
	background-size: cover;
	text-indent:-9999px;
}

#wrapper {
	margin: 20px auto;
	background: #FFF;
	width: 796px;
	padding: 0 0 20px;
	position: relative;
	z-index: 2;
}


/* maeuri */
.maeuri { border-bottom: none ;}
.maeuri img { width:100%;}

/* =Content-- */
#content {
	margin: 0 auto;
	padding: 0px;
	border-top:2px solid #000;
}
#engMsg {
	width: auto;
	margin: 0px auto;
	text-align: center;
	padding: 100px 0 40px;
}
#engMsg p {
	width: auto;
	color: #222;
	font-weight: 400;
	font-size: 13px;
	display: inline-block;
	padding: 15px;
	background: #ececec;
	border-radius:2em;
}
#bn_voluntary {
	width:408px;
	margin:0 auto 100px;
}
#bn_voluntary p {
	padding:10px 0;
	font-size:1.2em;
	font-weight:400;
	text-align:center;
}

#container {
}

/* タブ */
ul#tabNav {
	overflow: hidden;
	margin:0 0px;
	background:#b57640;
}

ul#tabNav li {
	float: left;
	display: inline-block;
	text-align: center;
	width: 16.66%;
}

ul#tabNav li.last {
	border-right:none;
}

ul#tabNav li a {
	display:block;
	width:100%;
	height:auto;
	color:#FFF;
	font-size:1.05em;
	font-weight:bold;
	padding:10px 0;
	text-decoration:none;
	background:#df2577;
}

ul#tabNav li.tab1 a { background:#dfaa38; }
ul#tabNav li.tab2 a { background:#b57640; }
ul#tabNav li.tab3 a { background:#dfaa38; }
ul#tabNav li.tab4 a { background:#b57640; }
ul#tabNav li.tab5 a { background:#dfaa38; }
ul#tabNav li.tab6 a { background:#b57640; }
ul#tabNav li a:hover { color:#FFF; background:#7a4208;}


/* リスト */

div.panes {
	position: relative;
	overflow: hidden;
}
div.theaters { position: relative; width:100%; display:block; margin-bottom:10px; }
div.theaters ul { border-bottom: 1px solid #ccc; overflow: hidden; border-right:1px solid #ccc;}
div.theaters ul.koumoku { color:#333 !important; background:#ececec; }
div.theaters ul.area { border-right: none; font-size:1.2em; }
div.theaters li.th00 { padding :10px 0px 10px; color:#df2577 !important; font-size:1.1em; font-weight:bold; border:none;}
#tab1 li.th00 { color:#d79700 !important;}
#tab2 li.th00 { color:#7a4208 !important;}
#tab3 li.th00 { color:#d79700 !important;}
#tab4 li.th00 { color:#7a4208 !important;}
#tab5 li.th00 { color:#d79700 !important;}
#tab6 li.th00 { color:#7a4208 !important;}

div.theaters ul.koumoku li{ padding:6px 0; font-size:1em; font-weight: normal !important; height:40px;}
div.theaters ul p a { text-decoration:underline; color:#e96902;}
div.theaters ul p a:hover { color:#7c450c; }
div.theaters li { padding:6px 0; float: left; border-left:1px solid #ccc;  }
div.theaters li p label{ display:none !important; }
div.theaters li.th01 { width:8%; text-align: center; }
div.theaters li.th02 { width:8%; text-align:center }
div.theaters li.th03 { width:30%; font-weight:bold; text-indent:8px; }
div.theaters li.th04 { width:6%; text-align: center; }
div.theaters li.th05 { width:18%; text-indent:15px; }
div.theaters li.th06 { width:25%; text-indent:15px; }
div.theaters li.kmkS { font-size:10px !important}
div.theaters ul.koumoku li.th02 p,
div.theaters ul.koumoku li.th03 p,
div.theaters ul.koumoku li.th05 p,
div.theaters ul.koumoku li.th06 p { padding:4px 0 0;}

/*-----------------------------------------*/

.sp,
#menuLink,
#nav,
#footer {
	display:none;
}

.pc { display:block;}


/*  ---------------------------
			TOP
---------------------------  */

#top{
	width:100%;
	position:relative;
}

#top_date {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 302px;
	height: 226px;
	z-index: 1;
}

#top .social {
	position: absolute;
	top: 13px;
	right: 13px;
	width: 300px;
	height: 30px;
	z-index: 100;
}

/*  ---------------------------
			credit
---------------------------  */

#credit{
	width: 100%;
	z-index: 1000;
	position: relative;
	min-width: 1000px;
	padding: 36px 0 36px;
}

#credit .contbox{
	width: 796px;
	padding: 0px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#credit .logo{
	width:270px;
	height:105px;
	margin:0 auto 30px;
}

#credit .logo a{
	width:270px;
	height:105px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background: url("../img/txt_credit_01.png") no-repeat 50% 0;
}

#credit .date{
	width:414px;
	height:42px;
	margin:0 auto 30px;
	text-indent:-9999px;
	background: url("../img/txt_credit_02.png") no-repeat 50% 0;
}

#credit .copyright {
	font-size:10px;
	color:#666;
	text-align:center;
}

/* page-top */

#page-top2 {
	position: fixed;
	bottom: 0px;
	right: 10px;
}

#page-top2 a {
	width: 60px;
	height:60px;
	display: block;
	background: url("../img/btn_pagetop.png") no-repeat 0 0; 
}

#page-top2 a:hover {
	background-position: 0px -60px;
}