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

body{
	background: #fff;
}

#wrapper{
	background:url(../img/bg_ticket.png) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	z-index:-10;
}

.btn{
	width:450px;
	background:#FFF;
}
.btn_w01{
	width:80%;
}
.btn_w02{
	width:450px;
}
.btn_r{
	width:500px;
	text-align:center !important;
	margin:0 auto 50px;
}

ul{
	margin-bottom:20px;
}
li{
	text-align:left;
	list-style: disc;
	list-style-position: inside;
	line-height:1.6;
	margin-bottom:5px;
}
li.non_disc{
	text-align:left;
	list-style: none;
}

.box_in,.box_in_b{
	width:940px;
	margin:0 auto 0;
	padding-bottom:30px;
}

.box_in h3,.box_in_b h3{
	font-size:30px;
	font-weight:bold;
	color:#d80c18;
	line-height:1.6;
	margin-bottom:20px;
}
.box_in h3 span,.box_in_b h3 span{
	font-size:24px;
	font-weight:bold;
}
.en_ticket_h3{
	letter-spacing:0 !important;
	line-height:1.4 !important;
}
.box_in h4,.box_in_b h4{
	font-size:30px;
	font-weight:bold;
	color:#d80c18;
	letter-spacing:2px;
	line-height:1.6;
	margin-bottom:30px;
}
.box_in h5,.box_in_b h5{
	font-size:16px;
	line-height:1.6;
	margin-bottom:40px;
}

.note{
	width: 100%;
	text-align:left;
}
.note h3{
	width:100%;
}
.note h5{
	font-size:22px;
	font-weight:bold;
	vertical-align: middle;
	margin-bottom:5px;
}
.note h5 span{
	font-size:14px;
	color:#FFF;
	vertical-align: middle;
	padding:8px;
	background:#d80c18;
}
.note h6{
	font-size:16px;
	line-height:1.6;
	margin-bottom:20px;
	display:inline-block;
}
.note p{
	font-size:16px;
	margin-bottom:10px;
}
.note ul{
	margin-top:-5px;
}
.note li{
	font-size:14px;
}
.ticket_img{
	text-align:right;
	margin-bottom:50px;
}
.ticket_img img{
	width:100%;
	margin-bottom:5px;
}
.ticket_img h6{
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:#d80c18 3px dashed;
	display:inline-block;
}
.ticket_img p{
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
}

.ticket_detail{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom:#d80c18 3px solid;
}
.ticket_detail h5{
	font-weight:bold;
}

.ticket_ex,.ticket_coupon,.buy_caution,.visit_caution{
	width:86%;
	font-size:14px;
	margin:40px 0 40px 0;
	padding:30px 7% 40px 7%;
}
.ticket_ex{
	padding-bottom:60px;
	border-bottom:#d80c18 3px solid;
}
.ticket_ex p,.ticket_coupon p{
	font-size:14px;
	margin-bottom:30px;
}
.ticket_coupon{
	margin-bottom:0;
}
.buy_caution{
	background:#f6f6f6;
}
.visit_caution{
	background:#ffffff;
}
.ticket_ex h5,.ticket_coupon h5,.buy_caution h5,.visit_caution h5{
	font-size:30px;
	font-weight:bold;
	color:#d80c18;
	letter-spacing:2px;
	line-height:1.6;
	margin-bottom:20px;
}
.ticket_ex h6,.ticket_coupon h6,.buy_caution h6,.visit_caution h6{
	font-size:20px;
	font-weight:bold;
	color:#d80c18;
	letter-spacing:2px;
	line-height:1.6;
	margin-bottom:20px;
}

/*赤枠ピックアップ*/
.ticket_pickup{
	width:80%;
	margin:30px auto 0;
	padding:20px;
	border:#e7242e 2px solid;
}
.ticket_pickup h5{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
.ticket_pickup p{
	font-size:14px;
	line-height:1.6;
}

.caution_catch{
	font-size:16px !important;
	font-weight:bold;
	margin-bottom:5px !important;
}

/*アプリ*/
.corona_app{
	width:60%;
	margin:0 auto 0;
	padding:40px 10% 20px 10%;
	background:#f6f6f6;
}
.corona_app h6{
	font-size:18px;
	font-weight:bold;
	line-height:1.6;
	margin-bottom:20px;
}
.corona_app h6 span{
	font-size:14px;
}
.corona_app img{
	width:180px;
	margin-bottom:15px;
}
.corona_app p{
	margin-bottom:5px;
}
.corona_app .app {
	display:  inline-block; 
	width: 48%;
}
.corona_app a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.frame_red{
	width:400px;
	color:#e7242e;
	margin:15px auto 10px;
	padding:3px;
	border:#e7242e 2px solid;
}

.ticket_box{
	width:100%;
	background:linear-gradient(90deg,#fafafa 0%,#fafafa 50%,#f6f6f6 50%,#f6f6f6 100%);
	overflow:hidden;
	margin:0;
	padding:40px 0 0 0;
}

.box_c{
	width:100%;
	overflow:hidden;
	text-align:center;
	display: block;
	background:#f6f6f6;
}

.t_box,.t_box02{
	float:left;
	width:50%;
}
.t_box03{
	width:100%;
}
.t_box ul,.t_box02 ul{
	width:86%;
	margin:0 auto 0;
}
.t_box03 ul{
	width:96%;
	margin:0 auto 0;
}
.t_box li,.t_box02 li{
	height:auto;
	background:#FFF;
	text-align:center;
}
.t_box li{
	min-height:200px;
	margin:0 2% 30px 2%;
	padding:40px 5% 40px 5%;
}
.t_box02 li{
	min-height:200px;
	margin:0 2% 30px 2%;
	padding:20px 5% 20px 5%;
}
.t_box03 li{
	text-align:center;
	margin:0 2% 30px 2%;
	padding:30px 5% 30px 5%;
	background:#fff;
}
.t_box h5{
	margin-bottom:30px !important;
	padding-bottom:30px;
	border-bottom:#F3F3F3 4px solid;
}
.t_box02 h5,.t_box03 h5{
	margin-bottom:20px;
}
.t_box h5 img,.t_box02 h5 img{
	width:80%;
	text-align:center;
}
.t_box03 h5 img{
	width:40%;
}
.t_box p{
	font-size:15px;
	line-height:1.6;
	margin-top:0px;
}
.t_box02 p,.t_box03 p{
	font-size:14px;
	line-height:1.5;
	margin-bottom:20px;
}
.t_box  a:hover{
	  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
 .loppi{
	width:70px;
}

/*英語版注釈*/
.en_ticket_ann{
	width:900px;
	margin:0 auto 30px;
	line-height:1.6;
}
.en_ticket_ann p{
	font-size:16px;
}
.en_ticket_day{
	width:80%;
	margin:30px auto 0;
	padding:30px 5%;
	background:#FFF;
}
.en_ticket_day h6{
	font-size:20px;
	font-weight:bold;
	color:#d80c18;
	margin-bottom:15px;
	/*border-bottom:#d80c18 solid 3px;*/
	/*text-decoration:underline;
	text-decoration-color:#d80c18;
	text-decoration-thickness: 3px;
	text-decoration-skip-ink: none;
	text-underline-offset:8px;*/
}
.en_ticket_day p{
	font-size:14px;
}

/*公式チケット販売サイト*/
.ticket_official_box{
	width:100%;
	padding:50px 0 40px 0;
	background:#f6f6f6;
	/*background:#fff;*/
}
.ticket_official_box .box_bana{
	width:80% !important;
	max-width:800px;
	margin:0 auto 0;
}

/*ポップアップ*/
.white-popup{
	width:300px;
	font-size:13px;
	text-align:center;
	margin:0 auto 0;
	padding:30px;
	background:#FFF;
}
.white-popup img{
	width:80%;
	margin-bottom:10px;
}

@media screen and (max-width: 834px) {
	.btn,.btn_r{
		font-size:15px;
	}
	#wrapper{
	background:url(../img/bg_ticket_sp.png) no-repeat top center;
	background-size: contain;
	}
	
	.box_in{
	width:90%;
	margin:0 auto 0;
	}
	.box_in_b{
	width:100%;
	margin:0 auto 0;
	}
.box_in h3,.box_in_b h3{
	font-size:24px;
}
.box_in h4,.box_in_b h4{
	font-size:20px;
}
.box_in h5,.box_in_b h5{
	font-size:16px;
}
.note h5{
	font-size:20px;
}
.note h6{
	font-size:14px;
}
.note p{
	font-size:14px;
}
.ticket_img h6{
	font-size:18px;
}
.ticket_ex h5,.ticket_coupon h5,.buy_caution h5,.visit_caution h5{
	font-size:20px;
}

/*赤枠ピックアップ*/
.ticket_pickup{
	width:80%;
	margin:30px auto 10px;
}
.ticket_pickup p{
	font-size:16px;
	line-height:1.6;
}


/*アプリ*/
.corona_app{
	width:80%;
}
.corona_app p{
	font-size:14px;
}

.t_box li{
	min-height:190px;
	margin:0 2% 30px 2%;
	padding:31px 5% 31px 5%;
}
.t_box h5{
	padding-bottom:30px;
	border-bottom:#F3F3F3 4px solid;
}
	.btn,.btn_r{
	width:80%;
}

/*英語版注釈*/
.en_ticket_ann{
	width:90%;
}
.en_ticket_day{
	width:90%;
}
}
@media screen and (max-width: 768px) {
.t_box li{
	min-height:180px;
	margin:0 2% 30px 2%;
	padding:30px 5% 32px 5%;
}
.t_box p{
	font-size:15px;
	line-height:1.6;
	margin-top:30px;
}
}
@media screen and (max-width: 640px) {
.btn,.btn_r{
		font-size:12px;
}
.btn_r{
	line-height:1.4;
	margin-bottom:30px;
}
.box_in{
	width:90%;
	margin:0 auto 0;
}
.box_in_b{
	width:100%;
	margin:0 auto 0;
}
.box_in h3,.box_in_b h3{
	font-size:20px;
	letter-spacing:0;
	margin:0 auto 15px;
}
.box_in h3 span,.box_in_b h3 span{
	font-size:14px;
	margin-top:-5px;
}
.box_in h4,.box_in_b h4{
	font-size:18px;
	letter-spacing:0;
	margin-bottom:20px;
}
.box_in h5,.box_in_b h5{
	font-size:12px;
	margin:0 auto 20px;
}
.note h5{
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}
.note h5 span{
	font-size:10px;
	padding:4px;
}
.note h6{
	font-size:12px;
	margin-bottom:20px;
}
.note p{
	font-size:12px;
	margin-bottom:10px;
}
.note li{
	font-size:12px;
}
.ticket_box{
	width:100%;
	margin:-50px 0 0 0;
	background: none;
}
.t_box,.t_box02,.t_box03{
	float:l none;
	width:100%;
	margin:0;
	padding-top:30px;
}
.t_box{
	background:#fafafa;
}
.t_box02{
	background:#f6f6f6;
	margin-top:0;
}
.t_box03{
	margin:0 auto 0;
	padding-top:0;
}
.t_box li,.t_box02 li,.t_box03 li{
	float: none;
	width:80%;
	height:auto;
	min-height:100px;
	margin:0 5% 20px 5%;
	padding:30px 5% 30px 5%;
}
.t_box h5 img,.t_box02 h5 img,.t_box03 h5 img{
	width:90%;
}
.t_box p,.t_box02 p,.t_box03 p{
	font-size:13px;
}

.ticket_img{
	margin-bottom:30px;
}
.ticket_img h6{
	font-size:10px;
	letter-spacing:0;
	margin-bottom:5px;
	padding-bottom:2px;
	border-bottom:#d80c18 2px dashed;
}
.ticket_img p{
	font-size:8px;
	letter-spacing:0;
}

.ticket_detail{
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:#d80c18 3px solid;
}
.ticket_detail h5{
	font-weight:bold;
}

.ticket_ex,.ticket_coupon,.buy_caution,.visit_caution{
	width:86%;
	font-size:12px;
	margin:20px 0 20px 0;
	padding:20px 7% 20px 7%;
}
.ticket_ex{
	padding-bottom:30px;
}
.ticket_coupon{
	margin-bottom:0;
}
.ticket_ex p,.ticket_coupon p{
	font-size:12px;
	margin-bottom:20px;
}
.buy_caution{
	background:#f6f6f6;
}
.visit_caution{
	background:#ffffff;
}
.ticket_ex h5,.ticket_coupon h5,.buy_caution h5,.visit_caution h5{
	font-size:20px;
	letter-spacing:0;
	line-height:1.4;
	margin-bottom:20px;
}
.ticket_ex h6,.ticket_coupon h6,.buy_caution h6,.visit_caution h6{
	font-size:14px;
	letter-spacing:0;
	line-height:1.4;
	margin-bottom:20px;
}

/*赤枠ピックアップ*/
.ticket_pickup{
	width:80%;
	margin:20px auto 10px;
	padding:15px 5%;
}
.ticket_pickup h5{
	font-size:14px;
	margin-bottom:10px;
}
.ticket_pickup p{
	font-size:12px;
	line-height:1.4;
}

.corona_app{
	width:80%;
	margin:0 auto 0;
	padding:40px 10% 20px 10%;
	background:#f6f6f6;
}
.corona_app h6{
	font-size:18px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:20px;
}
.corona_app img{
	width:180px;
	margin-bottom:15px;
}
.corona_app p{
	margin-bottom:5px;
}
.corona_app .app {
	display:block; 
	width:100%;
	margin-bottom:15px;
}

.frame_red{
	width:90%;
}

/*英語版注釈*/
.en_ticket_ann{
	width:90%;
}
.en_ticket_ann p{
	font-size:12px;
}
.en_ticket_day{
	width:90%;
	margin-bottom:0;
}
.en_ticket_day h6{
	font-size:16px;
	line-height:1.6;
	margin-bottom:15px;
}
.en_ticket_day p{
	font-size:12px;
}

/*公式チケット販売サイト*/
.ticket_official_box{
	width:100%;
	padding:30px 0 30px 0;
}
.ticket_official_box .box_bana_sp{
	width:80% !important;
	margin:0 auto 0;
}

/*ポップアップ*/
.white-popup{
	width:60%;
	font-size:13px;
	text-align:center;
	margin:0 auto 0;
	padding:30px;
	background:#FFF;
}
.top_img img{
	width:100%;
}
}