@charset "UTF-8";
img {
	vertical-align: bottom;
}
a {
	color: #004898;
}
a:hover {
	text-decoration: none;
}
a:focus {
	outline: none;
}
body {
	width: 100%;
	background: #badafc;
}

/*------------------------------------------------------
  wrapp
------------------------------------------------------*/

.wrapp {
	width: 986px;
	margin: 30px auto;
	border: 7px solid #97c3f1;
	background: #fff;
}

/*------------------------------------------------------
  wrapp
------------------------------------------------------*/

header {
	width: 100%;
	padding: 58px 0 30px;
}
.logo {
	width:100%;
	font-size: 0;
	line-height: 0;
	text-align:center;
	margin:0px 0px 30px 0px;

}
.logo img {
	margin:10px 0px 0px 893px;
	display:block;
}
.logo img:first-child {
	margin:0px;
	display:inline;
	clear:both;
}
h1 {
	text-align:center;
	margin: 0 auto 15px;
	padding: 0 0 5px;
	font-size: 40px;
	color: #8c8c8c;
	font-weight: normal;
	border-bottom: 2px solid #8c8c8c;
	left: 50%;
	position: absolute;
	-webkit-transform: translateY(0%) translateX(-50%);
	transform: translateY(0%) translateX(-50%);
	line-height:40px;
}
h2 {
	margin: 95px 0 0;
	font-size: 16px;
	line-height: 30px;
	color: #8c8c8c;
	text-align: center;
	font-weight: normal;
}
.h2small {
	font-size: 13px;
}
.update {
	width: 254px;
	height: 28px;
	margin: 0 auto;
	font-size: 13px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	vertical-align: bottom;
	border-radius: 14px;
	background: #004898;
}

/*------------------------------------------------------
  BANNER
------------------------------------------------------*/

.banner {
	width: 895px;
	margin: 0 auto;
	text-align:center;
}
.banner ul{
	margin-bottom:15px;
}
.banner li{
	margin-bottom:15px;
}

/*------------------------------------------------------
  ATTENTION
------------------------------------------------------*/

.attention {
	width: 813px;
	margin: 30px auto 16px;
	padding: 38px;
	border: 3px solid #1e84d2;
	font-size: 14px;
	line-height: 30px;
	color: #141414;
}
/*
.attention li, .attention p {
	font-size: 14px;
	line-height: 30px;
	color: #141414;
}
*/
.mb30 {
	margin: 0 0 30px;
}

/*------------------------------------------------------
  LOCAL NAV
------------------------------------------------------*/

.local_navi {
	width: 865px;
	height: 80px;
	margin: 0 auto 26px;
	padding: 0 0 0 30px;
	overflow: hidden;
	background: #004898;
}
.local_navi li {
	float: left;
	margin: 0 19px;
	font-size: 0;
	line-height: 0;
}
.local_navi li:first-child {
	margin: 0 19px 0 0;
}
.local_navi li:last-child {
	margin: 0 0 0 19px;
}

/*------------------------------------------------------
  theater_list
------------------------------------------------------*/

.theater_list {
	width: 895px;
	margin: 0 auto 80px;
}
.theater_list>h3 {
	margin: 0 0 16px;
	font-size: 30px;
	line-height: 1;
	color: #004898;
	font-weight: normal;
}
.theater_list>table {
	width: 100%;
	font-size: 13px;
	line-height: 15px;
}
.theater_list th {
	padding: 10px 0;
	color: #fff;
	font-weight: normal;
	vertical-align: middle;
	background: #1e84d2;
}
.theater_list td {
	padding: 20px 0;
	vertical-align: top;
	border-bottom: 1px solid #1e84d2;
}
.todofuken {
	width: 84px;
	text-align: center;
}
.theater_name {
	width: 204px;
	text-align: left;
}
.tel_number {
	width: 130px;
	text-align: left;
}
.maeuri {
	width: 70px;
	text-align: center;
}
.m_card {
	width: 70px;
	text-align: center;
}
.m_online {
	width: 80px;
	text-align: center;
}
.bikou {
	text-align: left;
}
th.bikou {
	text-indent: 1em;
}
.on {
	display: table-cell;
}
.off {
	display: none;
}
.btn_top {
	width: 40px;
	height: 40px;
	margin: 20px -25px 20px auto;
	cursor: pointer;
}

/*------------------------------------------------------
  Footer
------------------------------------------------------*/

footer {
	width: 100%;
	margin: 30px 0 48px;
	text-align: center;
}
.calendar {
	width: 986px;
	margin: 0 auto 20px;
	background: #fff;
}
.calendar>ul {
	width: 895px;
	height: 90px;
	margin: 0 auto 20px;
}
.calendar>ul:after {
	display: block;
	content: "";
	clear: left;
	height: 0;
}
.calendar li {
	font-size: 20px;
}
.calendar li:last-child {
	margin: 0;
}
.calsmall {
	font-size: 13px;
}
.wd {
	float: left;
	width: 93px;
	height: 46px;
	margin: 0 5px 0 0;
	padding: 30px 0 0;
	text-align: center;
	border-top: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 3px solid #6f6f6f;
}
.wd>a {
	display: block;
	width: 83px;
	height: 19px;
	margin: 0 auto;
	color: #6f6f6f;
	text-decoration: none;
}
.wd>a:hover {
	text-decoration: none;
	border-bottom: 1px solid #6f6f6f;
}
.sat {
	float: left;
	width: 93px;
	height: 46px;
	margin: 0 5px 0 0;
	padding: 30px 0 0;
	text-align: center;
	border-top: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 3px solid #0154d0;
}
.sat>a {
	display: block;
	width: 83px;
	height: 19px;
	margin: 0 auto;
	color: #0154d0;
	text-decoration: none;
}
.sat>a:hover {
	text-decoration: none;
	border-bottom: 1px solid #0154d0;
}
.sun {
	float: left;
	width: 93px;
	height: 46px;
	margin: 0 5px 0 0;
	padding: 30px 0 0;
	text-align: center;
	border-top: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 3px solid #e50101;
}
.sun>a {
	display: block;
	width: 83px;
	height: 19px;
	margin: 0 auto;
	color: #e50101;
	text-decoration: none;
}
.sun>a:hover {
	text-decoration: none;
	border-bottom: 1px solid #e50101;
}
.calendar .on {
	background: #1e84d2;
	border-top: 1px solid #1e84d2;
	border-right: 1px solid #1e84d2;
	border-left: 1px solid #1e84d2;
	border-bottom: 3px solid #1e84d2;
}
.calendar .on:after {
	display: block;
	width: 95px;
	height: 10px;
	margin: 29px 0 0;
	content: "";
	background: url(../../img/pc/blue/under_arrow.png) no-repeat left top;
}
.on>a {
	display: block;
	width: 83px;
	height: 19px;
	margin: 0 auto;
	color: #fff;
	text-decoration: none;
}
.on>a:hover {
	height: 18px;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
.off {
	display: block;
	color: #d9d9d9;
	background: #f0f0f0;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-bottom: 3px solid #d6d6d6;
}
.date {
	width: 895px;
	margin: 0 auto;
	font-size: 40px;
	color: #6f6f6f;
}
.datesmall {
	font-size: 20px;
}
.calFixed {
	position: fixed;
	margin: 0 auto 0;
	top: 0;
	left: 0;
	right: 0;
}

/*------------------------------------------------------
  Barrier Free
------------------------------------------------------*/
.barrier_free_btn {
	cursor: pointer;
	background: #004898;
	padding: 20px;
	width: 480px;
	color: #fff;
	margin: auto;
	text-align: center;
}
.barrier_free_btn::after {
	content: '▼';
	float: right;
}
.barrier_free_btn.open::after {
	content: '▲';
}
.barrier_free_content {
	width: 813px;
	margin: 30px auto 16px;
	padding: 0 38px;
	color: #000;
}
.barrier_free_content ul {
	display: flex;
	justify-content: center;
}
.barrier_free_content ul li {
	list-style: none;
	float: left;
	margin: 0 10px 0;
    width: 100px;
    height: 100px;
    line-height: 100px; 
}
.barrier_free_content ul li img {
	width: 100%;
	vertical-align: middle;
}
.barrier_free_content p {
	padding: 5px 0;
}