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

body{
font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
padding: 0px;
margin: 0px;
font-size: 16px}
figure{margin: 0px}

img.imgres{
	width: 100%;
	height: auto
}

.contents{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

header{
	background: #e60012
}
header p{
	margin: 0px;
	font-weight: 900;
font-size: 1.0rem;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	color: #ffffff

}
.w90{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.main_view{background-image: url( "../img/main_bg.png");
background-repeat: repeat-x;
padding-top: 30px;
padding-bottom: 30px}

.main_view h1{text-align: center;
margin: 0px}
.main_view h1 img{width: 90%;
height: auto}
.main_view h2{ color: #e60012;
text-align: center;
font-weight: 900;
font-size: 2.4rem;
margin: 0px}
.main_view h3{ color: #e60012;
text-align: center;
font-weight: 900;
font-size: 1.0rem;
margin: 0px;
margin-top: 15px;}


.main_view_coments{
	margin-top: 30px;
	display: flex;
	flex-direction: column
}
.main_view_coments div{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.main_view_coments div h4{
	text-align: center;
	color: #e60012;
	font-weight: 900;
font-size: 1.4rem;
	
}
.main_view_coments div p{
	text-align: center;
	color: #e60012;
font-size: 0.8rem;
	line-height: 2rem
	
}
.main_view_coments div p img{
	margin-top: 30px;
	width: 65%;
	height: auto;
}
.n_h2_icon{
	text-align: center;
}
.n_h2_icon img {
	width: 20%;
	height: auto
}
.n_h2{text-align: center;
	color: #e60012;
font-size: 1.4rem;
	font-weight: 900;
}
.n_h2_after{
	width: 2px;
	height: 150px;
		background-color: #e60012;
margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px
}
.n_h3{text-align: center;
	color: #e60012;
font-size: 1.2rem;
	font-weight: 900;
	margin-top: 50px
}
.list{background-color: #fbfaf3;
padding-top: 30px;
padding-bottom: 30px;}
.list table{
	width: 100%;
	font-size: 0.8rem
}
.list table th{
	padding-top: 8px;
	padding-bottom: 8px;
		background-color: #e60012;
	color: #fff;

}
.list table td{
	border-bottom:  #B2B2B2 1px solid;
	padding-top: 10px;
	padding-bottom: 10px
}
.list table td a{
	background-color: #e60012;
	color: #fff;
	padding: 3px;
	text-decoration: none;
	border-radius: 8px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 90%;
	text-align: center;

	
}
.link_btn a{
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;padding: 10px;
	margin-bottom: 20px;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	font-weight: 900;
	font-size: 1.0rem
}
.insta{background: linear-gradient(to right, #5478f2 0%, #f23f79 60%, orange 100%);}
.twitter{
	background-color: #1dade5
}
.facebook{background-color: #226db6}
.link_btn a i{
	margin-right: 40px;
	font-size: 1.6rem
}

/*クレジット*/
.cresit{padding: 20px 0 20px 0;
}
.cresit h3 {color: #e60012;
text-align: center;
	font-size: 1.2rem
}
.cresit p img{
	width: 20%
}
.cresit p{
text-align: center;}
.cre_sml{
	font-size: 0.8rem
}

footer{	background-color: #e60012;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
footer img {
	width: 30%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width:480px){
	.main_view_coments{flex-direction: row;
	width: 80%;
	margin-left: auto;
	margin-right: auto;}
	.main_view h1 img{width: 70%;
height: auto}
	img.imgres{
	width: 60%;
	height: auto;
		margin-left: auto!important;
		margin-right: auto!important;
}
	.cresit p img{
	width: 10%
}
	footer img {
	width: 15%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
	.w90{
	width: 60%;
}
	.n_h2_icon img {
	width: 8%;
	height: auto
}
	.link_btn {
		width: 50%;	margin-left: auto;
	margin-right: auto;
	}
	.main_view_coments div h4{

font-size: 2.2rem;
	
}
	.main_view_coments div p{
font-size: 1.1rem;
	line-height: 2.2rem
	
}
	.main_view h2{ 
font-size: 4.0rem;}
.main_view h3{ 
font-size: 2.0rem;
}
.list table{
	font-size: 0.9rem
}
}

/*チケット*/
.ticket{margin-top: 100px;
margin-bottom: 80px;
background: #ffffff;
padding-bottom: 80px;
}

.ticket .t_main_img{
	width: 100%;
	height: auto;
}
.ticket p{padding-left: 30px;
padding-right: 30px;
text-align: center;
	margin-bottom: 50px;
}

.ticket a{
	background: #e60012;
	    border-radius: 8px;
	width: 50%;
    text-decoration: none;
	color: yellow;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	padding: 10px
}