@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

a:link {
	color:#000;
}

a:visited {
	color:#000;
}

a:hover {
	text-decoration: none;
	color:#000;
}

a:active {
	color:#000
}



.taihu{
	background-color:#091114;
	padding:30px 0;
	color:#000;
}

.taihu .inner{
	background-color:#fff;
	width:700px;
	margin:0 auto;
	border:#F00 1px solid;
	padding:15px 20px;
	font-size:16px;
}

.taihu .inner .title{
	margin-bottom:20px;
	font-size:20px;
	color:#F00;
	font-weight:bold;
}

.taihu .inner a{
	color:#F00;
}

/* =========================================================
event
========================================================= */
div#event {
}

div#event div.bg {
	background:#091114 center 840px no-repeat;
}

div#event div.bg div.wrap {
	width:1000px;
	margin:0 auto;
	padding:0 0 50px 0;
}

div#event div.bg div.wrap div.text {
	margin:80px 0 160px 0;
}

div#event div.bg div.wrap div.text p.img {
	margin-left:95px;
}

div#event div.bg div.wrap div.datail {
	width:820px;
	margin:0 auto;
	color:#fff;
}

div#event div.bg div.wrap div.datail h2 {
	text-align:center;
}

div#event div.bg div.wrap div.datail div.main {
	font-size:16px;
	letter-spacing:0.08em;
	line-height:180%;
}

div#event div.bg div.wrap div.datail div.main dl.cf {
	border-bottom:#676767 1px solid;
}

div#event div.bg div.wrap div.datail div.main dl.cf dt {
	width:155px;
	float:left;
	display:table;
	background-color:#0d181c;
	
}

div#event div.bg div.wrap div.datail div.main dl.cf dt h3{
    vertical-align: middle;
	text-align:center;
	display: table-cell;
	
}

div#event div.bg div.wrap div.datail div.main dl.cf dd {
	width:630px;
	float:right;
	padding:25px 0;
	margin-right:10px;
}

div#event div.bg div.wrap div.datail div.main dl.cf dd a {
	color:#fff;
}

div#event div.bg div.wrap div.datail div.main dl.cf dd ul.ticket li {
	margin:55px 0;
}

div#event div.bg div.wrap div.datail div.main dl.cf dd.day {
	font-size:16px;
	width:640px;
}

div#event div.bg div.wrap div.datail div.main dl.cf dd.day p {
	padding-bottom:10px;
}

div#event div.bg div.wrap div.datail div.main dl.cf dd.day .br {
	display:block;
}


div#event div.bg div.wrap div.datail div.main .step1 {
	border:#FFF solid 3px;
	padding:30px 20px;
}

div#event div.bg div.wrap div.datail div.main .step1 .t_title {
	font-size:2.4em;
	font-weight:bold;
	color:#fff;
	padding:3px 10px;
	letter-spacing:0.12em;
}

div#event div.bg div.wrap div.datail div.main .step1 .title_sub {
	font-size:1.05em;
	padding:5px 0 0 15px;
	font-weight:bold;
}

div#event div.bg div.wrap div.datail div.main .step1 .btn{
	margin:15px;
}

div#event div.bg div.wrap div.datail div.main .step1 .price1_big{
	font-size:2.2em;
	font-weight:bold;
	padding:10px 0 0 10px;
	margin:30px 0 0 0;
}

div#event div.bg div.wrap div.datail div.main .step1 .price1_big .before{
	font-size:0.8em;
}

div#event div.bg div.wrap div.datail div.main .step1 .price1_small{
	font-size:1.4em;
	font-weight:bold;
	padding:5px 0;
}

div#event div.bg div.wrap div.datail div.main .step1 .maru{
	color:#f5ff7a;
	font-size:0.9em;
}




div#event div.bg div.wrap div.datail div.main .step2{
	border-bottom:#666 dashed 1px;
	padding-bottom:20px;
}


div#event div.bg div.wrap div.datail div.main .step2 .t_title {
	font-size:1.3em;
	font-weight:bold;
	color:#fff;
	padding:3px 0px;
	letter-spacing:0.12em;
}

div#event div.bg div.wrap div.datail div.main .step2 .btn{
}

div#event div.bg div.wrap div.datail div.main .step2 .btn a{
	padding:5px 20px;
	border:#fff solid 1px;
	border-radius:5px;
	margin:5px 0 10px 10px;
	text-decoration:none;
}

div#event div.bg div.wrap div.datail div.main .step2 .price1{
	font-size:1.3em;
	padding-left:10px;
	margin:5px 0;
}

div#event div.bg div.wrap div.datail div.main .step2 .price1 .big_price{
	font-weight:bold;
	font-size:1.2em;
}

div#event div.bg div.wrap div.datail div.main .step2 .price2{
	font-size:1.3em;
	padding:0 0 15px 10px;
}

div#event div.bg div.wrap div.datail div.main .step2 .price2 .big_price{
	font-weight:bold;
	font-size:1.2em;
}


div#event div.bg div.wrap div.datail div.main .step2 .title_sub {
	font-size:0.95em;
	padding:5px 0 15px 0;
}

div#event div.bg div.wrap div.datail div.main .step2 .text_sub {
	font-size:0.82em;
	padding:5px 0 15px 10px;
	line-height:1.6em;
}

div#event div.bg div.wrap div.datail div.main .last_step {
	border-bottom:none;
}




.pc{
	display:block;
}
.m,.m2{
	display:none;
}
.sumaho{
	display:none;
}
.fs{font-size:35px;}
.onlysm{
	display:none;
}



/* =========================================================
copy
========================================================= */

.copy_area{
	display:table;
	margin:30px auto 0 auto;
	padding-bottom:20px;
	color:#FFF;
}

.copy_area p{
	padding:10px 0;
}



/* =========================================================
	2017.7.25　追加フォトエリア
========================================================= */

.photo_area {
	width:1000px;
	margin:0 auto 30px auto;
	background:url(../img/meiro_bg.png) bottom right no-repeat;
	padding-bottom:70px;
}

.photo_area h2 {
	text-align:center;
}

.photo_area h2 img {
}

.photo_area .inner {
	width:830px;
	margin:0 auto;
}

.photo_area .inner .step1 {
	padding:30px 0 80px 0;
}

.photo_area .inner .step1 .left {
	float:left;
}

.photo_area .inner .step1 .left img {
}

.photo_area .inner .step1 .right {
	float:right;
}

.photo_area .inner .step1 .right img {
}

.photo_area .inner .step2 {
	text-align:center;
}

.photo_area .inner .step2 p {
}

.photo_area .inner .step2 p img {
}




.movie_step{
	height:320px;
	padding-top:20px;
	margin: 50px 0 0 0;
	position:relative;
}

.movie_area {
	background:#0d1c22;
	border:#615299 solid 3px;
	padding:20px;
	display:table;
	margin:0 auto;
	position:absolute;
	left:10px;
	bottom:10px;
}

.movie_area .inner {
	width:244px;
	margin:0 auto;
}

.movie_area .inner .title {
	margin-bottom:20px;
	text-align:center;
}

.movie_area .inner .title img {
}

.movie_area .inner .movie_img {
	width:244px;
	position:relative;
}

.movie_area .inner .movie_img img {
	width:100%;
}

.movie_area .inner .movie_img .btn {
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
}

.movie_area .inner .movie_img .btn img {

}



.map_area{
	margin:0 0 50px 0;
	text-align:center;
}


.uketuke_atte{
	color:#FFF;
	font-weight:bold;
	font-size:1.4em;
	padding:10px 0 0 0;
}


#ticket_btn {
	position: fixed;
	top: 20px;
	right: 20px;
}




.ticket_info_area {
	padding:40px 0;
	margin-top:10px;
}

.ticket_info_area .ticket_title {
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:10px;
}

.ticket_info_area .ticket_title .title_atte {
	font-weight:normal;
	font-size:0.8em;
}


.ticket_info_area .table_area {
	border-left:#676767 solid 1px;
	border-right:#676767 solid 1px;
	border-top:#676767 solid 1px;
	margin:0 0 40px 0;
}

.ticket_info_area .table_area dl {
	border-bottom:#676767 solid 1px;
}

.ticket_info_area .table_area dl.em dt {
	font-weight:bold;
	font-size:1.6em !important;
}
.ticket_info_area .table_area dl.em dd {
	font-weight:bold;
	font-size:1.6em !important;
}



.ticket_info_area .table_area dl dt{
	padding:10px 0;
	text-align:center;
	font-size:1.4em;
}

.ticket_info_area .table_area dl dd{
	padding:10px 0;
	font-size:1.4em;
}


.ticket_info_area .table_area dl .first {
	width:126px;
	float:left;
	display:table;
}

.ticket_info_area .table_area dl .first p{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.ticket_info_area .table_area dl .second {
	border-left:#676767 solid 1px;
	width:345px;
	float:left;
	display:block;
	text-align:center;
}

.ticket_info_area .table_area dl .third {
	border-left:#676767 solid 1px;
	width:345px;
	float:left;
	display:block;
	text-align:center;
}


.ticket_info_area .table_area dl .second_third {
	border-left:#676767 solid 1px;
	width:691px;
	float:left;
	display:block;
	text-align:center;
}

.ticket_info_area .table_area dl .ticket_atte {
	font-size:12px;
}

.ticket_info_area .table_area dl .third .ticket_atte {
}


.ticket_attention{
	font-size:0.6em;
}


.denomination_title{
	border:#676767 dotted 1px;
	padding:10px 0;
	text-align:center;
	margin-bottom:20px;
	font-size:1.6em;
}






.review_area                              {padding:20px; background:#272041; color:#000; margin-bottom:40px;}
.review_area a                            {color:#000;}
.review_detail_container                  {padding:20px; background:#fff;}
.review_detail_container .box             {margin-bottom:1em; border-bottom:1px dashed #046cbe;}
.review_detail_container .review_head     {color:#046cbe; font-size:20px;}
.review_detail_container .name_area       {position:relative; display:inline; padding-left:1.5em; font-weight:bold;}
.review_detail_container .name_area:before{position:absolute; left:0; top:.15em; width:1em; height:1em; background:#046cbe; content:"";}
.review_detail_container .date_area       {display:inline-block; text-indent:1em;}
.review_detail_container .review_comment  {padding:1.25em 0 .8em .5em; font-size:18px;}

.review_title 							  {text-align:center; margin-bottom:20px;}
.review_copy 							  {text-align:center; margin-bottom:20px;}



/*-----------------------
	追加チケット販売用
-------------------------*/

.add_ticket{
	border-top:#FFF dashed 1px;
	padding:20px 10px 10px;
	margin-top:50px;
}

.add_ticket .copy{
	font-size:1.4em;
	background:#999;
	padding:0 20px;
	color:#000;
	border-radius:10px;
}

.add_ticket_btn {
	padding-top:10px;
}

.add_ticket_btn a{
	padding:5px 20px;
	border:#fff solid 1px;
	border-radius:5px;
	margin:5px 0 10px 20px;
	text-decoration:none;
}




.add_ticket_sub{
	border-top:#302c2c solid 1px;
	padding:20px 10px 10px;
	margin-top:20px;
}

.add_ticket_sub .copy{
	font-size:1.2em;
	background:#999;
	padding:0 10px;
	color:#000;
	border-radius:3px;
	display:inline;
}

.add_ticket_sub_btn {
	padding-top:10px;
	display:inline;
}

.add_ticket_sub_btn a{
	margin:5px 0 10px 10px;
	text-decoration:none;
	font-size:1.0em;
}



/*-----------------------
	プレイガイド導線
-------------------------*/

.sp_ticket_text{
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:0.14em;
	padding:30px 0;
	line-height: 2.2em;
}

.sp_ticket_text .sp_text{
	font-size:2.4em;
	padding:3% 0;
	color:#FF0;
	line-height:1.4em;
}

.sp_area{
	border:#FF0 dashed 2px;
	padding:5%;
	background:rgba(255,255,0,0.1);
}

.sp_ticket_title{
	border:#ff0 dotted 1px;
	padding:10px 0;
	text-align:center;
	margin:0 0 20px 0;
	font-size:1.6em;
	background:#fff;
	color:#F00;
	font-weight:bold;
}

.sp_btn_area{
	width:800px;
	margin:0 auto;
}

.sp_btn_area div {
	padding:3% 2%;

}


.sp_btn_area .takarush {
	display:table;
	margin:0 auto;
}

.sp_btn_area .pg_title {
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}


.pg_btn_area {
	width:800px;
	margin:0 auto;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content:flex-start; 
}

.pg_btn_area div {
	padding:3% 2%;

}


.pg_btn_area .takarush {
	width:46%;
}

.pg_btn_area .pg_title {
	margin-bottom:10px;
	font-weight:bold;
	font-size:1.2em;
}

.pg_btn_area .takarush p {
}

.pg_btn_area .takarush p img {
}

.pg_btn_area .eplus {
	width:46%;
}

.pg_btn_area .eplus .pg_title {
}

.pg_btn_area .eplus p {
}

.pg_btn_area .eplus p img {
}

.pg_btn_area .pia {
	width:46%;
}

.pg_btn_area .pia .pg_title {
}

.pg_btn_area .pia p {
}

.pg_btn_area .pia p img {
}

.pg_btn_area .passmarket {
}

.pg_btn_area .passmarket .pg_title {
}

.pg_btn_area .passmarket p {
}

.pg_btn_area .passmarket p img {
}



.main_top {
	background: url(../img/top_bg.jpg)#000 top center no-repeat;
	
	height:838px;
}

.main_top .main_wrap {
	width:1000px;
	margin:0 auto;
	text-align:center;
	position:relative;
}

.main_top .main_wrap .logo_area{
	position:absolute;
	top:30px;
	left:50px;
}


.main_top .main_wrap .movie_step {
}

.main_top .main_wrap .movie_step .movie_area {
}

.main_top .main_wrap .movie_step .movie_area .inner {
}

.main_top .main_wrap .movie_step .movie_area .inner .title {
}

.main_top .main_wrap .movie_step .movie_area .inner .title img {
}

.main_top .main_wrap .movie_step .movie_area .inner .popup-iframe {
}

.main_top .main_wrap .movie_step .movie_area .inner .popup-iframe .movie_img {
}

.main_top .main_wrap .movie_step .movie_area .inner .popup-iframe .movie_img img {
}

.main_top .main_wrap .movie_step .movie_area .inner .popup-iframe .movie_img .btn {
}

.main_top .main_wrap .movie_step .movie_area .inner .popup-iframe .movie_img .btn img {
}




.main_text_area {
	background:url(../img/bg_chath.png);
	padding:40px 0;
}

.main_text_area .main_text_wrap {
	width:1000px;
	margin:0 auto;
}

.main_text_area .main_text_wrap p {
	text-align:center;
}

.main_text_area .main_text_wrap p img {
}


.line_sp{
	background:#FFF;
	padding:2%;
	margin-bottom:30px;
}

.line_sp .pr{
	background:#000;
	text-align:center;
	padding:1% 0;
}

.line_sp .main_text {
	padding:2% 0;
}

.line_sp .main_text img{
	width:100%;
}

.line_sp .line_btn{
	padding:20px 0;
	text-align:center;
}

.line_sp .line_howto{
	color:#000;
	border:#F60 solid 1px;
	border-radius:5px;
	padding:2%;
}

.line_sp .line_howto .word{
	font-size:1.3em;
	font-weight:bold;
}

h1{
	text-align: left;
}




.header_news {
	background:#FFF;
	border-bottom:#F00 solid 2px;
	padding:2% 0;

}


.header_news .header_news_title {
	margin:0 auto;
	display:table;
	border-radius:10px;
	background:#F00;
	text-align:center;
	font-size:1.8em;
	padding:0 4%;
	color:#FFF;
	font-weight:bold;

}

.header_news dl {
	width:800px;
	margin:0 auto;
	display:flex;
	justify-content:flex-start;
	font-size:1.2em;
	padding:2% 0;
}

.header_news dl dt {
	font-weight:bold;
	padding-right:2%;
}

.header_news dl dd {
}