@charset "UTF-8";
a {
	color: #004898;
}
body {
	background: #fff;
}

/*------------------------------------------------------
  HEADER
------------------------------------------------------*/
header>h2 {
	color: #1e84d2;;
}
.header_title {
	color: #777;
}
.header_kokai {
	color: #777;
}
.header_date {
	color: #fff;
	background: #004898;
}

/*------------------------------------------------------
  ATTENTION
------------------------------------------------------*/
.attention {
	color: #777;
	border: 2px solid #1e84d2;
}

/*------------------------------------------------------
  THEATER LIST
------------------------------------------------------*/
.theater_list {
	width: 92.2%;
	margin: 0 auto 7.8%;
}
.theater_list>h2 {
	margin: 0 0 0.7%;
	padding: 4.8% 0;
	font-size: 1.3rem;
	line-height: 1;
	color: #fff;
	text-align: center;
	background: url(../../img/sp/blue/area_lbl_01.png) no-repeat left top;
	background-size: 100%;
}

/* AREA LABEL ------------------------------------*/
.theater_list h3 {
	margin: 0 0 0.7%;
	padding: 4.8% 0;
	font-size: 1.3rem;
	line-height: 1;
	color: #004898;
	text-align: center;
	background: url(../../img/sp/blue/area_lbl_02_off.gif) no-repeat left top;
	background-size: 100%;
}

/* THEATER TABLE ---------------------------------*/
.listWrapp {
	display: none;
	padding: 0 0 5%;
}
.listWrapp>h4 {
	padding: 5.1% 0 3.4%;
	font-size: 1.3rem;
	color: #777;
	font-weight: normal;
}
.theater_cal {
	width: 100%;
	top: 0;
	left: 0;
}
.theater_cal:after {
	display: block;
	content: "";
	clear: left;
	height: 0;
}
.theater_cal>div {
	float: left;
	width: 10.8%;
	padding: 1.5% 0;
	font-size: 0.8rem;
	text-align: center;
	border-right: 1px solid #d6d6d6;
}
.youbi {
	font-size: 0.6rem;
}
.wd {
	color: #7e7e7e;
	background: #fff;
	border-bottom: 3px solid #7e7e7e;
}
.wd a {
	color: #7e7e7e;
}
.sat {
	color: #0154d0;
	background: #fff;
	border-bottom: 3px solid #0154d0;
}
.sat a {
	color: #0154d0;
}
.sun {
	color: #e50000;
	background: #fff;
	border-bottom: 3px solid #e50000;
}
.sun a {
	color: #e50000;
}
.wd_off {
	color: #d9d9d9;
	background: #f0f0f0;
	border-bottom: 3px solid #d6d6d6;
}
.cal_on {
	position: relative;
	color: #fff;
	background: #004898;
	border-bottom: 3px solid #004898;
}
.cal_on a {
	color: #fff !important;
}
.cal_on:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 10px;
	bottom: -10px;
	left: 0;
	content: "";
	background-color: transparent;
	background: url(../../img/sp/blue/cal_arrow.png) no-repeat left top;
	background-size: 100% 100%;
}
.theater {
	border-bottom: 1px dashed #1e84d2;
}
.theater_header, .theater_table {
	display: table;
	width: 100%;
	font-size: 0.6rem;
	line-height: 1.6;
	border-collapse: separate;
	border-spacing: 2px 0;
}
.theater_header {
	margin: 0 0 2%;
}
.theater_header_cell01 {
	display: table-cell;
	width: 66.2%;
	margin: 0 0.8% 0 0;
	padding: 4.2% 0;
	color: #fff;
	vertical-align: middle;
	text-indent: 1.5em;
	background: #1e84d2;
}
.theater_header_cell02, .theater_header_cell03 {
	display: table-cell;
	width: 15.6%;
	margin: 0 0.8% 0 0;
	padding: 4.2% 0;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	background: #1e84d2;
}

/* cell*/
.theater_cell01 {
	display: table-cell;
	width: 66.2%;
	margin: 0 0.8% 0 0;
	padding: 1.7% 0;
	font-size: 0.8rem;
	color: #004898;
	vertical-align: middle;
}
.theater_cell01:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
}
.theater_cell01>.theater_name {
	float: left;
	width: 90%;
}
.theater_name>a {
	color: #004898;
}
.theater_cell01>.tell_icon {
	float: right;
	width: 8%;
}
.theater_cell02, .theater_cell03 {
	display: table-cell;
	width: 15.6%;
	margin: 0 0.8% 0 0;
	padding: 1.7% 0;
	color: #4a4a4a;
	vertical-align: middle;
	text-align: center;
}
.movieMethod {
	width: 100%;
	margin: 0 0 2%;
	padding: 2% 0;
	font-size: 0.7rem;
	line-height: 1.3rem;
	color: #4a4a4a;
	text-indent: 3.9%;
	background: #dfefff;
}

/*------------------------------------------------------
  Barrier Free
------------------------------------------------------*/
.barrier_free_btn {
	background: #004898;
	color: #fff;
}
.barrier_free_content {
	color: #000;
}
