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

/* 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.ssf{
	font-size:40px;
	color:#FFF;
	margin-top:70px;
}
h1.ssf span{
	font-size:20px;
	display:block;
}
main section.bg1{background:url(../images/bg1.jpg) top center no-repeat;background-size:100%;}
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%;
	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:15px auto 0 auto;
}
#ticket table th{
	display:block;
	font-weight:normal;
 	background:#f9f9f9;
	border-bottom: solid 1px #CCC;
	padding:2.5% 5%;
	margin:0;
}
#ticket table td{
	display:block;
	border-bottom: solid 1px #CCC;
	padding:4% 5%;
	margin:0;
}
#ticket table td.date{
	font-size:20px;
}
#ticket table td.date span{
	font-size:16px;
	display:inline-block;
}
#ticket table iframe{
	width:100%;
	display:block;
	height:300px;
	margin:8% 0 1% 0;
}
td.ticket{
	padding:7% 3% !important;
}
td.ticket a{
	font-size:19px;
	display:block;
	margin:5px 0 0 10px;
}

/* 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:15px;
	font-weight:bold;
	color:#FFF;
	text-decoration: none;
	text-align:center;
	display:block;
	padding-top:17px;
}
.fixed-link a.fl-left{
	width:44%;
	background:#1DA1F3;
}
.fixed-link a.fl-left img{
	width:auto;
	height:20px;
	display:inline-block;
	margin:-5px 4px 0 0;
}
.fixed-link a.fl-right{
	width:56%;
	background:#55BE1D;
}
.fixed-link a.fl-right img{
	width:auto;
	height:20px;
	display:inline-block;
	margin:-5px 4px 0 0;
}