@charset "utf-8";

/* BASE_STYLE */
html {height:100%;box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, 
p, blockquote, th, td{margin:0;padding:0;}
a {outline: none; color:#1B95E0;}
img { border:none }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
body{
	width:100%;
	height:100%;
	font-family: 'Staatliches', 'Noto Sans JP', sans-serif;
	font-size:23px;
	text-decoration: none;
}
/* Clearfix */
.cf:after {
	content: "";
	clear: both;
	display: block;
}
#wrapper{
	width:100%;
	padding-bottom:55px;
}

/*	HEADER
------------------------------------------------------ */
#wrapper header{
	width:100%;
	height:55px;
}
header .header_inner{
	width:92%;
	line-height:1.0;
	background:#FFF;
	margin:0 auto;
}
.header_inner .header_logo{
	float:left;
	padding:15px 0 0 0;
}
.header_inner .header_pcnav{display:none;}

/* DRAWER */
.drawer-hamburger{
	top:-4px !important;
	right:-4px !important;
}
.drawer-nav{
	padding:0 !important;
	margin:0 !important;
}
ul.drawer-menu{
	padding:0 !important;
	margin:0 0 0 0 !important;
}
ul.drawer-menu li{
	font-size:19px;
	border-bottom:#CCC 1px solid !important;
	width:100% !important;
	float:none !important;
	display:block !important;
}
ul.drawer-menu li a{
	width:100% !important;
	height:100% !important;
	display:block !important;
	text-decoration: none !important;
	height:50px !important;
	line-height:50px !important;
	color:#111 !important;
	padding:0 20px !important;
}
ul.drawer-menu li span{
	color:#555;
	font-size:10px;
	margin-left:8px;
}

/* MAIN
------------------------------------------------------ */
#wrapper main{}
main section{
	text-align:center;
	padding:8% 0 10% 0;
}
main section.mv{
	height:300px;
	background:url(../images/sample1.jpg) top center repeat;
	background-size:cover;
	padding:10% 0;
}
main section.mv h1{
	font-size:40px;
	color:#FFF;
	margin-top:30%;
}
main section.mv h1.shibuharafes2019{
	font-size:42px;
	color:#FFF;
	margin-top:70px;
}
h1.shibuharafes2019 span{
	font-size:25px;
	display:block;
}
main section.bg1{background:url(../images/bg1.jpg) center no-repeat;background-size:cover;}
main section.bg2{background:url(../images/bg2.jpg) top center repeat;background-size:cover;}
main section.bg3{background:url(../images/bg3.jpg) top center repeat;background-size:cover;}
main section.bg4{background:url(../images/bg4.jpg) top center repeat;background-size:cover;}
main h2{margin-bottom:8px;}
main h2 img{
	width:55%;
	height:auto;
}
main h3 img{
	width:92%;
	height:auto;
	margin:0 auto;
}
#ticket h3{
	font-size:35px;
	color:#222;
	line-height:1.3;
	margin:5% 0 3% 0;
}
#ticket span{
	font-size:20px;
	display:block;
}
#ticket table{
	width:90% !important;
	font-family: Helvetica , YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:15px;
	line-height:1.5;
	text-align:left;
	border-collapse:collapse;
	border-spacing:0;
	border-top: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-left: solid 1px #CCC;
	background:#FFF;
	margin:0 auto;
}
#ticket table th{
	display:block;
	font-weight:normal;
 	background:#f9f9f9;
	border-bottom: solid 1px #CCC;
	padding:3% 5%;
	margin:0;
}
#ticket table td{
	display:block;
	border-bottom: solid 1px #CCC;
	padding:5%;
	margin:0;
}
#ticket table td.date{
	font-size:20px;
}
#ticket table td.schedule{text-align:center;}
#ticket table td.schedule img{margin:10px 0;}
#ticket table td.date span{
	font-size:16px;
	display:inline-block;
}
#ticket table img{
	width:100%;
	height:auto;
}
#ticket table img.schedule{
	width:50%;
	height:auto;
}
#ticket table iframe{
	width:100%;
	display:block;
	height:300px;
	margin:8% 0 1% 0;
}


/* FOOTER
------------------------------------------------------ */
#wrapper footer{
	line-height:1.0;
	color:#FFF;
	text-align:center;
	background:#000;
	padding:18px 0 16px 0;
}
footer p.copyright{
	font-family: sans-serif;
	font-size:11px;
	margin-top:17px;
}

/* 固定リンク */
#wrapper .fixed-link{
	width: 100%;
	position: fixed;
	bottom:0;
}
.fixed-link a{
	float:left;
	font-family: 'Noto Sans JP', sans-serif;
	height:55px;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration: none;
	text-align:center;
	display:block;
	padding-top:17px;
}
.fixed-link a.fl-left{
	width:50%;
	font-size:12px;
	background:#1DA1F3;
}
.fixed-link a.fl-left img{
	width:auto;
	height:18px;
	display:inline-block;
	margin:-5px 4px 0 0;
}
.fixed-link a.fl-right{
	width:50%;
	background:#55BE1D;
}
.fixed-link a.fl-right img{
	width:auto;
	height:20px;
	display:inline-block;
	margin:-5px 4px 0 0;
}


/* 出演者エリア */
.performer_area{
	width:90%;
	font-size:16px;
	font-family: Helvetica , YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	margin:0 auto;
}
.performer_area p{
	margin-top:20px;
}
.performer_area p img{
	width:100%;
	height:240px;
	object-fit: cover;
	margin-bottom:5px;
}