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


/*==================================================
	
==================================================*/

body {
	background:#FFF;
}


.end {
	text-decoration:line-through;
}

.water{
color:#276fad;
}

/*--------------------------------------------------
  ○ header
--------------------------------------------------*/

header {
	background:#F497C3;
}

#header_innner .menuarea {
	background:#F497C3;
	display:none;
}

#header_innner .menuarea ul li {
	font-size:140%;
	letter-spacing: 3px;
	font-family: 'Amiri', serif;
	margin-bottom:15px;
}

#header_innner .menuarea ul li a {
	color:#fff;
}



/***** menu *****/


header .hamburger span {
  background-color: #fff;
}

header .active span:nth-of-type(1) {
  background-color: #fff;
 
}
header .active span:nth-of-type(3) {
  background-color: #fff;
}





/*--------------------------------------------------
  ○ contents
--------------------------------------------------*/

#contents {
	background:#fff;
}

#contents h4 {
	font-size:240%;
	font-family: 'Amiri', serif;
	color:#F497C3;
}

#contents h4.jpfont {
	font-size:160%;
	font-family:"メイリオ",Meiryo,"HiraKakuProN-W3","ヒラギノ角ゴ ProN W3",sans-serif;
}


#contents .read {
	margin:30px 3% 0px;
	box-sizing: border-box;
	font-size:105%;
}




/***** ABOUT *****/

#about .schedule .ttl {
	color:#FFF;
	background:#F497C3;
	border-radius:3rem;
	padding:5px 1em;
	margin:1.5em auto 0;
}


/***** HOW TO BUY *****/

#how_to_buy {
	overflow:hidden;
	clear:both;
}

#how_to_buy .lead {
	font-weight:bold;
	margin-bottom:1em;
}

#how_to_buy .lead2 {
	margin-bottom:50px;
}

#how_to_buy .how_box {
	overflow:hidden;
	clear:both;
	margin-bottom:80px;
}

#how_to_buy .how_box h5 {
	font-size: 120%;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
	margin-bottom:30px;
}

#how_to_buy .disc dl {
	overflow:hidden;
	clear:both;
	margin-bottom:2em;
}

#how_to_buy .disc dt {
	max-width:450px;
	background:#F497C3;
	border-radius:3rem;
	padding:5px 1em;
	margin-bottom:0.5em;
}

#how_to_buy .buy_box {
	padding:10px;
	border:solid 1px #F497C3;
	border-radius:5px;
	margin-bottom:1em;
}

#how_to_buy .buy_box .title {
	padding-right:20px;
	position:relative;
	cursor:pointer;
}

#how_to_buy .buy_box .title:after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-top: 4px solid #707070;
	border-right: 4px solid #707070;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -5px;
	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
	transition-delay: .1s;

}

#how_to_buy .buy_box .title.select:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 60%;
}

#how_to_buy .buy_box .title .ticket_ttl {
	font-size:110%;
	font-weight:bold;
}

#how_to_buy .buy_box .title .ticket_ttl .period {
	font-size:80%;
}

#how_to_buy .buy_box .title .status {
	width:150px;
	padding:3px 0px;
	color:#FF0004;
	border:solid 1px #FF0004;
	text-align:center;
	line-height:2;
}

#how_to_buy .buy_box .txt {
	margin:1.5em auto;
	padding-top:1.5em;
	border-top:solid 1px #ccc;
}

#how_to_buy .buy_box .txt dl {
	margin-bottom:50px;
}

#how_to_buy .buy_box .txt dt {
	font-weight:bold;
}



/***** ENTRY *****/

#entry .attention_txt {
	margin-top:50px;
}

#entry .entry_how {
	overflow:hidden;
	clear:both;
	margin-bottom:80px;
}

#entry .entry_how h5 {
	font-size: 120%;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
	margin-bottom:30px;
}

#entry .entry_how dl {
overflow: hidden;
clear: both;
margin-bottom: 2em;
}

#entry .entry_how dt {
font-weight: bold;
}

/***** EVENT FLOW *****/

#event_flow .flow {
	margin-bottom: 50px;
}

#event_flow .event_flow {
	overflow:hidden;
	clear:both;
	margin-bottom:80px;
}

#event_flow h5 {
	font-size: 120%;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
	margin-bottom:30px;
}

#event_flow dl {
overflow: hidden;
clear: both;
margin-bottom: 2em;
}

#event_flow dt {
	font-weight:bold;
}




/***** IMPORTANT *****/

#important .lead {
	margin-bottom:50px;
}

#important dt{
	font-size: 120%;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
	margin-bottom:30px;
}


/***** SUPPORT *****/

#support {
	overflow:hidden;
	clear:both;
}

#support dl {
	margin-bottom:50px;
}

#support dt {
	font-weight:bold;
}




/*--------------------------------------------------
  ○ footer
--------------------------------------------------*/

footer {
	background:#F497C3;
	color:#fff;
}

footer a{
	color:#fff;
	
}

footer a:hover {
	color:#fff;
}




/*--------------------------------------------------
  ○ ABOUT
--------------------------------------------------*/

#about .btn_box ul {
	text-align:center;
}

#about .btn_box li {
	margin-bottom:20px;
	width:100%;
}



#about .btn_box .btn {
	width:100%;
	max-width:500px;
	padding:15px;
	border-radius:5rem;
	color:#fff;
	letter-spacing:normal;
}

#about .btn_box .btn:hover {
	color:#fff;
}



#about .btn_box .call {
	color:#ef94bd;
	border-color:#ef94bd;
}

#about .btn_box .call:hover {
	background:#ef94bd;
	border-color:#ef94bd;
}

#about .btn_box .viewing {
	color:#f4b3c1;
	border-color:#f4b3c1;
}

#about .btn_box .viewing:hover {
	background:#f4b3c1;
	border-color:#f4b3c1;
}

#ticket .ticket_box{
	padding:10px;
	border:solid 1px #F497C3;
	border-radius:5px;
	margin-bottom:1em;
}


/*--------------------------------------------------
  ○ GOODS
--------------------------------------------------*/

#goods_modal_box dd .txt .btn {
	width: 100%;
	padding:10px;
	font-size: 90%;
	margin: 0 auto;
	box-sizing:border-box;
	letter-spacing:normal;
}



/*---------------------------
  ○GOODS
---------------------------*/

#goods {
	overflow:hidden;
	clear:both;
}

#goods .live_ttl {
	font-size:120%;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}

#goods .goods_rebox {
	margin-bottom:80px;
	overflow:hidden;
	clear:both;
}

#goods .goods_rebox h5 {
	background:#F497C3;
	color:#fff;
	text-align:center;
	padding:10px 0px;
	font-weight:bold;
	font-size:120%;
	margin-bottom:30px;
}

/* goods list */

#goods .goods_list {
	overflow:hidden;
	clear:both;
	margin-bottom:15px;
}
#goods .goods_list ul {
	overflow:hidden;
	clear:both;
}

#goods .goods_list li {
	width:32.3%;
	border: solid 2px #F497C3;
	float:left;
	line-height:0;
	margin:0.5%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	cursor:pointer;
	box-sizing:border-box;
}

#goods .goods_list li:hover {
	opacity:0.8;
}

#goods .goods_list li img {
	width:100%;
}

#goods .goods_list li dd {
	display:none;
}


/* order info */

#goods .order_info {
}

#goods .order_info .order_box {
	padding: 10px;
	border: solid 1px #F497C3;
	border-radius: 5px;
	margin-bottom: 1em;
}

#goods .order_info .order_box .title {
	padding-right: 20px;
	position:relative;
	cursor:pointer;
}

#goods .order_info .order_box .title:after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-top: 4px solid #707070;
	border-right: 4px solid #707070;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -5px;
	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
	transition-delay: .1s;

}

#goods .order_info .order_box .title.select:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 60%;
}

#goods .order_info .order_box .title .order_ttl {
	font-size: 110%;
	font-weight: bold;
}

#goods .order_info .order_box .txt {
	margin: 1.5em auto;
	padding-top: 1.5em;
	border-top: solid 1px #ccc;
}

#goods .order_info .order_box .txt dl {
	margin-bottom:50px;
}

#goods .order_info .order_box .txt dt {
	font-weight:bold;
}

#goods .order_info .order_box .txt dd .table_box {
	overflow:hidden;
	clear:both;
}

#goods .order_info .order_box .txt dd .table_box .table {
	margin-bottom:1em;
}

#goods .order_info .order_box .txt dd .table_box .table table {
	width:100%;
	font-size:90%;
}

#goods .order_info .order_box .txt dd .table_box .table table th {
	text-align:center;
	background:#f3f3f3;
	border:solid 1px #ccc;
	padding:5px;
}

#goods .order_info .order_box .txt dd .table_box .table table td {
	border:solid 1px #ccc;
	padding:5px;
}

#goods .order_info .order_box .txt dd .table_box .table table td:first-child {
	text-align:center;
}


/* order contact */
#goods .order_contact dl {
	margin-bottom:50px;
}

#goods .order_contact dt {
	font-weight:bold;
}


/* goods present */
#goods .goods_present .present_image {
	max-width:500px;
	margin:0px auto;
}


/* goods schedule */
#goods .goods_schedule dl {
	margin-bottom:50px;
}

#goods .goods_schedule dt {
	font-weight:bold;
}

/*---------------------------
  modal
---------------------------*/

.modal{
	display:none;
}
.mdl_inner dl dt{
	width:100%;
	margin-bottom:20px;
	border-bottom:dotted 1px #aaa;
}
.mdl_inner table{
	width:100%;
}
.mdl_inner th{
	border:solid 1px #ccc;
	padding:5px;
	text-align:center;
}
.mdl_inner td{
	border:solid 1px #ccc;
	padding:5px;
}
/** modal **/
#cover{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	background:rgba(0,0,0,0.5);
	z-index:999998;
}
#modal_box{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	margin:0;
	background:#FFFFFF;
	z-index:999999;
    -moz-transition: -moz-transform 0.2s ease-out;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
#modal_box.scaleout{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#modal_box .mdl_inner{
	padding:2%;
	height:96%;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	overflow:scroll;
}
#modal_box .mdl_inner p.modal_close{
	display: block;
	width: 40%;
	margin: 30px auto 30px auto;
	border: 1px solid #F497C3;
	background: #F497C3;
	padding: 5px;
	text-align: center;
	font-size: 110%;
	cursor: pointer;
	border-radius: 20px;
	color: #fff;
}



/*goods*/

.goods_mdl_inner dl dt{
	width:90%;
	margin:0px auto 20px;
	border:solid 1px #ddd;
	line-height:0;
}

.goods_mdl_inner dd .ttl{
	font-weight:bold;
	border-bottom:solid 1px #ddd;
	margin-bottom:15px;
}

#goods_modal_box .goods_mdl_inner dd .txt .order{
	color:#F497C3;
	font-weight:bold;
}

#goods_modal_box{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	margin:0;
	background:#FFFFFF;
	z-index:999999;
    -moz-transition: -moz-transform 0.2s ease-out;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
#goods_modal_box.scaleout{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#goods_modal_box .goods_mdl_inner{
	padding:30px 3%;
	height:96%;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	overflow:scroll;
}
#goods_modal_box .goods_mdl_inner p.modal_close{
	display: block;
	width: 40%;
	margin: 30px auto 30px auto;
	border: 1px solid #F497C3;
	background: #F497C3;
	padding: 5px;
	text-align: center;
	font-size: 110%;
	cursor: pointer;
	border-radius: 20px;
	color: #fff;
}