@charset "utf-8";
/* CSS Document */

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	-webkit-text-size-adjust : 100%; /* iPhoneの自動拡大を防ぐ */
	font-size:12px;
	background:url(../img/common/bg/bg_contents.png) repeat;
	color:#424242;
	}

/* 共通の指定
--------------------------------------------------------*/

/* リンク */
a {
	color:#424242;
	text-decoration:underline;
	}
	a:hover {
		color:#819d1e;
		text-decoration:none;
		}

/* クリアー */
.clearfix,
#main .movielist .box,
#area-info {
	zoom:1;
	}
.clearfix:after,
#main .movielist .box:after,
#area-info:after {
	content: ""; display: block; clear: both;
	}


.inner { width:980px; margin:0 auto; padding:0 14px; }

/* 見出し */
h1,h2,h3,h4,h5,h6 { font-weight:bold; }
h1 { font-size:2em; }
h2 { font-size:1.5em; }


/* パンくずリスト
--------------------------------------------------------*/
#breadcrumb {
	position:absolute; top:-25px;
	}
#breadcrumb ul {}
#breadcrumb ul li {
	float:left;
	font-size:11px;
	font-weight: bold;
	}
	#breadcrumb ul li span {
		margin:0 5px;
		font-weight: normal;
		}
#breadcrumb ul li a {
	text-decoration:none;
	color:#666;
	font-size:11px;
	font-weight: normal;
	}
#breadcrumb ul li a:hover {
	color:#819d1e;
	font-weight: normal;
	}

/* wrapper	
--------------------------------------------------------*/
#wrapper {
}

/* 背景画像指定 */

/* btn
--------------------------------------------------------*/
.btn {
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  font-size: 13px;
  transition: 0.4s;
}

.btn-green {
  background-color: #8FB11D;
}
.btn-orange {
  background-color: #F48C00;
}

.btn:hover {
  color: #FFF;
  opacity: 0.7;
}

/* icon
--------------------------------------------------------*/
.icon {
  width: 25px;
  height: 25px;
  display: inline-block;
}
.icon.icon-info {
  background-image: url(../img/common/icon/icon-info.svg);
}
.icon.icon-ticket {
  background-image: url(../img/common/icon/icon-ticket.svg);
}
.icon.icon-site {
  background-image: url(../img/common/icon/icon-site.svg);
}

/* header
--------------------------------------------------------*/
header {
  background:url(../img/common/header/bg_pattern.png) center;
  height: 90px;
	box-shadow: 0px 0px 5px 0px #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
	}
	header .inner { padding-top:4px; position:relative; }
	
header .logo {
	float:left;
	margin-top:24px;
	}
	
header .logo a img {
	-webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
	}
header .logo a:hover img {
	opacity:0.5;
	position:relative;
	zoom:1;
	}

/* sub-nav
--------------------------*/
ul.sub-nav {
	position:absolute; top:3px; right:14px;
	}
ul.sub-nav li {
	padding-left:18px;
	float:left;
	color:#a6a6a6;
	}
#snav_01 {
	background:url(../img/common/header/icon_header_subnav.png) left 3px no-repeat;
	}
	#snav_01 span { margin-left:4px; }
#snav_02 {
	background:url(../img/common/header/icon_header_subnav.png) left -12px no-repeat;
	margin-left:4px;
	}

ul.sub-nav li a { font-size:11px; color:#a6a6a6; text-decoration:none; }
ul.sub-nav li a:hover { text-decoration: underline; }

/* ticket-btn
--------------------------*/
.ticket-btn {
  position: absolute;
  top: 0;
  right: 14px;
}
.ticket-btn li {
  display: inline-block;
  background-color: #FFF;
}
.ticket-btn li a {
  display: block;
  line-height: 1;
  padding: 9px 20px;
  position: relative;
  min-width: 180px;
  box-sizing: border-box;
  text-align: center;
  text-indent: 1em;
}
.ticket-btn .icon {
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
}
.ticket-btn .icon.icon-ticket {
  left: 4px;
}

/* nav
--------------------------------------------------------*/
nav {
	float:right;
	margin-top:29px;
	padding-right:1px;
	background:url(../img/common/nav/line_nav.png) right top no-repeat;
}
nav ul {
}
nav ul li {
	float:left;
	}

nav ul li a {
	width:121px; height:57px; display:block; overflow:hidden;
	}
/*nav ul li a:hover img { display:none; }
nav ul li a:hover img {
	position:relative; bottom:57px;
	}
*/

/* naviの画像指定 */


/* #wrapper
--------------------------------------------------------*/
#wrapper {
	background:url(../img/common/bg/bg_contents.png) repeat;
	padding:35px 0px;
  margin-top: 90px;
}

/* #contents
--------------------------------------------------------*/
#contents {
	position:relative;
}

#contents .box-base {
	background-color:#FFF;
	box-shadow: 0px 0px 5px 0px #999;
	position:relative;
}

/* ページの先頭へ
--------------------------------------------------------*/
#pagetop { position:fixed; bottom:60px; right:0; background-color:#FFF; }
#pagetop a { width:70px; height:70px; display:block;
	}
#pagetop a img {
	transition: opacity 0.4s;
	}
#pagetop a:hover img {
	opacity:0.5;
	position:relative;
	}

/* footer
--------------------------------------------------------*/
.footer {
	width:100%;
  height:30px;
	position:fixed;
  left: 0;
  bottom:0;
	background:url(../img/common/bg/00.png) repeat;
  display: -ms-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-txt {
  line-height: 1;
  padding-left: 1em;
}

.footer p.copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
  display: inline-block;
  
}
.footer-link {
  display: inline-block;
}
.footer-link:before {
  content: "｜";
  display: inline-block;
  color: rgba(255,255,255,0.3);
}
.footer-link a {
  font-size:10px;
  color: #FFF;
  text-decoration: none;
}
.footer-link a:hover {
  opacity: 0.6;
}

ul#sns {
	}
ul#sns li {
	list-style:none;
	float:left;
	}
ul#sns li iframe {
  vertical-align: top;
}

.sflink a { color:#FFF; text-decoration:none; }
.sflink a:hover { color:#FFF; text-decoration:none; }

/*
wp-pagenavi
--------------------------------------------------------*/
.wp-pagenavi {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(../img/common/line/dot_gray.gif) left top repeat-x;
	clear:both;
	}
.wp-pagenavi span,.wp-pagenavi a {
	float:left;
	margin-left:5px;
	}
.wp-pagenavi .pages {
	padding-top:2px;
	}
.wp-pagenavi .current,
.wp-pagenavi a {
	width:18px; height:16px; display:block;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
	}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	width:40px;
	display:block;
	padding-top:0px;
	}
.wp-pagenavi a.first,
.wp-pagenavi .last {
	white-space: nowrap;
	}

.wp-pagenavi .current {
	background:url(../img/common/bg/bg_pagelink.png) no-repeat;
	color:#FFF;
	}
.wp-pagenavi a.page,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink {
	background:url(../img/common/bg/bg_pagelink.png) left 18px;
	color:#959595;
	}
	.wp-pagenavi a.page:hover,
	.wp-pagenavi a.nextpostslink:hover,
	.wp-pagenavi a.previouspostslink:hover {
		background:url(../img/common/bg/bg_pagelink.png) left top no-repeat;
		color:#FFF;
		}

/* インフォメーション用
--------------------------------------------------------*/
.page-template-information-php .line {
	background:url(../img/common/line/dot_gray.gif) left bottom repeat-x;
	padding-bottom:30px;
	margin-bottom:30px;
	}
table.postlist  {
	font-size:14px;
	background:#ededed;
	width:100%;
	}
table.postlist th,
table.postlist td {
	padding:8px 10px;
	border:1px solid #FFF;
	font-weight:bold;
	}
table.postlist th {
	width:84px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #FFF;
	text-align:center;
	/*background-color:#959595;*/
	}
table.postlist td {
	padding:8px 15px;
	}
table.postlist td a {
	color:#1b425e;
	}

table.postlist tr:nth-child(even) {
    background:#f8f8f8;
}

/* エラー
--------------------------------------------------------*/
.error404 #txt-area {
	text-align:center;
	padding:70px;
	font-size:14px;
	}
.error404 #txt-area ul {
	width:416px; margin:0 auto;
	}
.error404 #txt-area ul li {
	float:left;
	margin:0 2px;
	}
.error404 #txt-area ul li a {
	width:134px; height:44px; display:block;
	background:url(../img/common/bg/1d.png);
	color:#FFF;
	padding-top:20px;
	-webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
	}
.error404 #txt-area ul li a:hover {
	opacity:0.5;
	position:relative;
	}


/* PC switcher
--------------------------------------------------------*/
.pc-switcher {
	position:relative; bottom:0px;
	margin:0 auto;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	}
	.home .pc-switcher {
		position:relative; bottom:40px;
		}
.pc-switcher span.active,.pc-switcher a {
	}

.pc-switcher {
	clear: both;
	text-align: center;
	margin: 1.4em auto;
}
.pc-switcher a,
.pc-switcher span {
	padding: 0.4em 8%;
	text-align: center;
	border: 1px solid #5a6f10;
	border-left: none;
	font-weight: bold;
	text-decoration: none;
}

/* 色 */
.pc-switcher a {
	background-color:#dadada;
	/* background-color: #a2c138;
	background-image: -moz-linear-gradient(#a2c138, #91ae29);
	background-image: -o-linear-gradient(#a2c138, #91ae29);
	background-image: -ms-linear-gradient(#a2c138, #91ae29);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a2c138), to(#91ae29));
	background-image: -webkit-linear-gradient(#a2c138, #91ae29);
	background-image: linear-gradient(#a2c138, #91ae29); */
	color:#8e9092;
}
.pc-switcher a:hover {
	/* background-color: #0059A8;
	background-image: -moz-linear-gradient(#0059A8, #004A8D);
	background-image: -o-linear-gradient(#0059A8, #004A8D);
	background-image: -ms-linear-gradient(#0059A8, #004A8D);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0059A8), to(#004A8D));
	background-image: -webkit-linear-gradient(#0059A8, #004A8D);
	background-image: linear-gradient(#0059A8, #004A8D); */
}
.pc-switcher span.active {
	background-color: #a2c138;
	background-image: -moz-linear-gradient(#a2c138, #91ae29);
	background-image: -o-linear-gradient(#a2c138, #91ae29);
	background-image: -ms-linear-gradient(#a2c138, #91ae29);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a2c138), to(#91ae29));
	background-image: -webkit-linear-gradient(#a2c138, #91ae29);
	background-image: linear-gradient(#a2c138, #91ae29);
	color:#FFF;
	text-shadow:1px 1px 1px #6c8417;
}
.pc-switcher a:first-child,
.pc-switcher span:first-child {
	border-left: 1px solid #5a6f10;
	-webkit-border-radius: 2.4em 0 0 2.4em;
	-moz-border-radius: 2.4em 0 0 2.4em;
	border-radius: 2.4em 0 0 2.4em;
	-webkit-box-shadow: 0px 0px 5px 0px #999;  /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 5px 0px #999;  /* Firefox用 */
	box-shadow: 0px 0px 5px 0px #999;  /* CSS3草案 */
}
.pc-switcher a:last-child,
.pc-switcher span:last-child {
	-webkit-border-radius: 0 2.4em 2.4em 0;
	-moz-border-radius: 0 2.4em 2.4em 0;
	border-radius: 0 2.4em 2.4em 0;
	-webkit-box-shadow: 0px 0px 5px 0px #999;  /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 5px 0px #999;  /* Firefox用 */
	box-shadow: 0px 0px 5px 0px #999;  /* CSS3草案 */
}