@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%;}

/*	HEADER
------------------------------------------------------ */
#wrapper header{
	width:100%;
	height:63px;
	position:fixed;
	background:#FFF;
	filter: drop-shadow(0 1px 3px rgba(0,0,0,0.2));
}
header .header_inner{
	width:980px;
	line-height:1.0;
	background:#FFF;
	margin:0 auto;
}
.header_inner .header_logo{
	float:left;
	padding:17px 0 0 0;
}
.header_inner .header_pcnav{
	float:right;
	padding:12px 0 0 0;
}
.header_pcnav ul{
	list-style:none;
	padding:0;
	margin:0;
}
.header_pcnav li{
	text-align:center;
	display:inline-block;
	margin:0 0 0 32px;
}
.header_pcnav li a{
	font-family: 'Staatliches', cursive;
	font-size:23px;
	/*color:#333;*/
	text-decoration: none;
}
.header_pcnav li a span{
	font-family: 'Noto Sans JP', sans-serif;
	color:#000;
	display:block;
	font-size:10px;
	padding:3px 0 0 0;
}
.header_pcnav li a:hover,
.header_pcnav li a:hover span{opacity: 0.5}

/* DRAWER */
.header_inner .header_spnav{display:none;}


/* MAIN
------------------------------------------------------ */
#wrapper main{}
main section{
	text-align:center;
	padding:5% 0 5.5% 0;
}
main section.mv{
	height:650px;
	background:url(../images/sample1.jpg) top center repeat;
	padding:63px 0 0 0;
}
main section.mv h1{
	font-size:120px;
	color:#FFF;
	margin-top:220px;
}
main section.mv h1.shibuharafes2019{
	font-size:105px;
	color:#FFF;
	margin-top:200px;
}
h1.shibuharafes2019 span{
	font-size:35px;
	display:block;
}
main section.bg1{background:url(../images/bg1.jpg) #FBFCFF top center no-repeat;}
main section.bg2{background:url(../images/bg2.jpg) top center repeat;}
main section.bg3{background:url(../images/bg3.jpg) top center repeat;}
main section.bg4{background:url(../images/bg4.jpg) top center repeat;}
main h2{margin-bottom:20px;}
main h2 img{
	width:360px;
	height:auto;
}
#ticket h3{
	font-size:75px;
	color:#222;
	line-height:1.3;
	margin:3.5% 0 2% 0;
}
#ticket span{
	font-size:30px;
	display:block;
}
#ticket table{
	width:750px;
	font-family:'Noto Sans JP', sans-serif;
	font-size:17px;
	line-height:1.6;
	text-align:left;
	border-collapse:collapse;
	border-spacing:1px;
	background:#FFF;
	margin:0 auto;
}
#ticket table th{
	min-width:150px;
	font-weight:normal;
 	text-align:center;
 	background:#f9f9f9;
	border: solid 1px #CCC;
	padding:4% 3%;
	margin:0;
}
#ticket table td{
	border: solid 1px #CCC;
	padding:4% 5%;
	margin:0;
}
#ticket table td.date{font-size:26px;}
#ticket table td.date span{font-size:20px;}
#ticket table iframe{
	width:100%;
	height:450px;
	margin:5% 0 3% 0;
}


/* FOOTER
------------------------------------------------------ */
#wrapper footer{
	line-height:1.0;
	color:#FFF;
	text-align:center;
	background:#000;
	padding:30px 0 25px 0;
	margin-bottom:60px;
}
footer p.copyright{
	font-family: sans-serif;
	font-size:12px;
	margin-top:23px;
}

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


/* 出演者エリア */
.performer_area{
	width:810px;
	font-family: Helvetica , YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:17px;
	font-weight:bold;
	margin:0 auto;
}
.performer_area p{
	float:left;

	margin:20px 10px;
}
.performer_area p img{
	width:380px;
	height:281px;
	display:block;
	margin-bottom:10px;
}