@charset "utf-8";

/*-------------------------
	全体共通項目
-------------------------*/
* {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
body {
	font-size: 14px;
	line-height: 1.5;
	/*font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif, Osaka;*/
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	background-color: #000000;
	color: #ffffff;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #fff;
/*	text-decoration: underline;*/
}
li {
	list-style: none;
}
img {
	border: none;
  height: auto;
  max-width: 100%;
  width: auto;
}
.clr:after {
	content : '';
	display : block;
	clear : both;
	height:0;
}

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

	pc環境

---------------------------------------------------------------------------*/
@media screen and (min-width: 641px) {
/* header */
header {
	position: relative;
	width: 100%;
}
header h1 {
	text-align: center;
}
header h1.sp {
	display: none;
}
header .close {
	display: block;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: 435px;
}
header .close:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
header #headerInner {
	width :100%;
	background: url(../images/bg_01.gif) repeat-x center left;
	position: relative;
	height: 60px;
}
header #headerInner:after {
	content: url(../images/bg_02.gif);
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: 430px;
}

#headerInner ul {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 0;
  overflow: hidden;
	text-align: center;
}
#headerInner li {
	display: inline-block;
	font-size: 14px;
	overflow: hidden;
	padding-left: 25px;
	margin: 0 24px;
	background: url(../images/icon_04.png) no-repeat left center ;
	background-size: 15px;
}
#headerInner li a {
	color: #000;
	font-weight: bold;
}


#wrapper .areaInner {
	text-align: center;
	margin: 0;
  font-size: 20px;
  font-weight: normal;
}
#wrapper .areaInner dl dt {
  background: url(../images/bg_03.gif) repeat-x left center;
  float: left;
	height: 40px;
	color: #888;
}
#wrapper .areaInner h2 {
	margin: 50px 0;
}
#wrapper dl {
  width: 95%;
  max-width: 980px;
  margin: 15px auto 0;
  overflow: hidden;
  font-size: 12px;
  color: #fff;
  text-align: left;
  line-height: 1.4em;
	background: url(../images/line_01.gif) repeat-x left bottom;
}
#wrapper dl dt span br.sp {
  display: none;
}
#wrapper dl dt span {
  display: block;
  padding: 15px 10px;
}
#wrapper dl dt.prefecture {
  width: 10%;
	clear: both;
}
#wrapper dl dt.theater {
  width: 35%;
}
#wrapper dl dt.telephone {
  width: 15%;
}
#wrapper dl dt.from {
  width: 14%;
}
#wrapper dl dt.end {
  width: 14%;
}
#wrapper dl dt.sale {
  width: 12%;
  text-align: center;
}
#wrapper dl dd {
  float: left;
}
#wrapper dl dd span {
  display: block;
  padding: 15px 10px;
	word-wrap: break-word;
}
#wrapper dl dd.prefecture {
  width: 10%;
	clear: both;
  background: url(../images/line_01.gif) repeat-x left top;
}
#wrapper dl dd.theater {
  width: 35%;
  background: url(../images/line_01.gif) repeat-x left top;
}
#wrapper dl dd.theater span {
	background: url(../images/icon_arw.jpg) no-repeat left center;
	background: url(../images/icon_arw_ie8.gif) no-repeat left center\9;
	background-size: 12px;
  padding: 15px 10px 15px 20px;
}
#wrapper dl dd.ml {
	margin-left: 10%;
	clear: both;
}

#wrapper dl dd.telephone {
  width: 15%;
  background: url(../images/line_01.gif) repeat-x 1px top;
}
#wrapper dl dd.from {
  width: 14%;
  background: url(../images/line_01.gif) repeat-x 1px top;
}
#wrapper dl dd.end {
  width: 14%;
  background: url(../images/line_01.gif) repeat-x 1px top;
}

#wrapper dl dd.sale {
  width: 12%;
  text-align: center;
  background: url(../images/line_01.gif) repeat-x left top;
}
#wrapper dl dd.none {
	background: none;
}
#wrapper dl dd.sale span.none {
  visibility: hidden;
}
#wrapper dl dd span.star{
	background: url(http://gekijourei.jp/theater/images/icon_star.jpg) no-repeat center center;
	background: url(../images/icon_star_ie8.gif) no-repeat center center\9;
	background-size: 15px;
}
.pagetop {
	text-align: center;
	margin: 50px;
}
.pagetop a.sp {
	display: none;
}
}
/*** END PC ***/

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

	SP環境

---------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
/* header */
header {
	position: relative;
	width: 100%;
}
header h1 {
	text-align: center;
}
header h1.pc {
	display: none;
}
header .close {
	display: block;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: 435px;
}
header .close:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
header #headerInner {
	width :100%;
	background: url(../images/bg_01.gif) repeat-x center left;
	position: relative;
	height: 60px;
}
header #headerInner:after {
  content: "";
  position: absolute;
  top: 100px;
  right: 0;
  background: url(../images/bg_02.gif) no-repeat center left;
  background-size: 67%;
  height: 32px;
  width: 38px;
}

#headerInner ul {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 0;
  overflow: hidden;
	text-align: center;
}
#headerInner li {
	display: inline-block;
	font-size: 14px;
	overflow: hidden;
	padding-left: 25px;
	margin: 0 24px;
	background: url(../images/icon_04.png) no-repeat left center ;
	background-size: 15px;
}
#headerInner li a {
	color: #000;
	font-weight: bold;
}

#wrapper .areaInner  {
  text-align: center;
  margin: 35px 0;
  font-size: 26px;
  font-weight: normal;
}
#wrapper .areaInner dl dt {
  background: url(../images/bg_03.gif) repeat-x left center;
  float: left;
	height: 40px;
	color: #888;
}
#wrapper dl {
  width: 95%;
  max-width: 980px;
  margin: 16px auto 80px auto;
  overflow: hidden;
  font-size: 12px;
  color: #fff;
  text-align: left;
  line-height: 1.4em;
	background: url(../images/line_01.gif) repeat-x left bottom;
}
#wrapper dl dt span br.sp {
  display: none;
}
#wrapper dl dt span {
  display: block;
  padding: 15px 10px;
}
#wrapper dl dt.prefecture {
  width: 10%;
	clear: both;
}
#wrapper dl dt.theater {
  width: 35%;
}
#wrapper dl dt.telephone {
  width: 15%;
}
#wrapper dl dt.from {
  width: 14%;
}
#wrapper dl dt.end {
  width: 14%;
}
#wrapper dl dt.sale {
  width: 12%;
  text-align: center;
}
#wrapper dl dd {
  float: left;
}
#wrapper dl dd span {
  display: block;
  padding: 15px 10px;
	word-wrap: break-word;
}
#wrapper dl dd.prefecture {
  width: 10%;
	clear: both;
  background: url(../images/line_01.gif) repeat-x left top;
  clear: both;
}
#wrapper dl dd.theater {
  width: 35%;
  background: url(../images/line_01.gif) repeat-x left top;
}
#wrapper dl dd.theater span {
	background: url(../images/icon_arw.jpg) no-repeat left center;
	background: url(../images/icon_arw_ie8.gif) no-repeat left center\9;
	background-size: 12px;
  padding: 15px 10px 15px 20px;
}
#wrapper dl dd.ml {
	margin-left: 10%;
	clear: both;
}
#wrapper dl dd.telephone {
  width: 15%;
  background: url(../images/line_01.gif) repeat-x 1px top;
}
#wrapper dl dd.from {
  width: 14%;
  background: url(../images/line_01.gif) repeat-x 1px top;
}
#wrapper dl dd.end {
  width: 14%;
  background: url(../images/line_01.gif) repeat-x 1px top;
}
#wrapper dl dd.sale {
  width: 12%;
  text-align: center;
  background: url(../images/line_01.gif) repeat-x left top;
}
#wrapper dl dd.none {
	background: none;
}
#wrapper dl dd.sale span.none {
  visibility: hidden;
}
#wrapper dl dd span.star{
	background: url(http://gekijourei.jp/theater/images/icon_star.jpg) no-repeat center center;
	background: url(../images/icon_star_ie8.gif) no-repeat center center\9;
	background-size: 15px;
}
.pagetop {
	text-align: center;
	margin: 50px 0;
}
.pagetop img {
  width: 100px;
  height: auto;
}
.pagetop a.pc {
	display: none;
}








#wrapper .areaInner h2 {
  text-align: center;
  margin: 35px 0 30px;
  font-size: 20px;
  font-weight: normal;
}
header .close {
	display: block;
	position: absolute;
  top: 5%;
  left: 90%;
  margin-left: 0;
}
header .close img {
	width: 80%;
}

header #headerInner {
	width :100%;
	background: url(../images/sp/bg_01.gif) repeat-x center left;
	position: relative;
	height: 100px;
}
/*header #headerInner:after {
	content: url(../images/bg_02.gif);
	position: absolute;
  top: 100px;
  margin-left: 0;
  left: 90%;
}*/

#headerInner ul {
	width: 95%;
	margin: 0 auto;
	padding-top: 15px;
	overflow: hidden;
	text-align: center;
}
#headerInner li {
	font-size: 12px;
	overflow: hidden;
	padding-left: 13px;
  background-size: 11px;
	margin:8px 4px;
}
#wrapper dl {
  width: 100%;
  max-width: 640px;
  margin: 0 auto 0px auto;
  overflow: hidden;
  font-size: 18px;
  color: #fff;
  text-align: left;
  line-height: 1.4em;
  font-size: 12px;
}
#wrapper .areaInner dl dt {
	height: 95px;
	background: url(../images/sp/bg_03.gif) repeat-x left center;
	font-size: 14px;
}
#wrapper dl dt span {
  display: block;
  padding: 25px 2px;
  line-height: 1.8;
}
#wrapper .areaInner dl dt.theater span{
  padding: 36px 0 0 3px;
}
/*#wrapper .areaInner dl dt.telephone span {
  padding: 36px 0 0 10px;
}*/
#wrapper dl dt span br.sp {
  display: inline;
}
/*** END SP ***/
}