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

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
table,td{border-collapse:collapse; border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
*,
*::before,
*::after{box-sizing: border-box;}

html{-webkit-overflow-scrolling: touch; overflow: auto; height: 100%;}
body{
    font-size:16px; line-height: 1.5;
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    -webkit-text-size-adjust: 100%; color:#333; margin: 0; padding: 20px 0 50px 0;
}


@media screen and (max-width: 767px){.pc{display:none!important;} .w100{width:100%}}
@media screen and (min-width: 768px){.sp{display:none!important;}}
@media print{.sp{display:none!important;}　.print{display:none!important;}}

.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

@media screen and (min-width: 768px){
	.hover{opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
	.hover:hover{opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */}}

/*float*/
.fL{float:left;}.fR{float:right;}
@media screen and (max-width: 767px){
	.fL_PC,.fR_PC{float:none !important;}.fL_SP{float:left!important;}.fR_SP{float:right!important;}
}
@media screen and (min-width: 768px){
	.fL_PC{float:left!important;}.fR_PC{float:right!important;}
}

/*margin・padding*/
.mt5{margin-top:5px !important;}.mt10{margin-top:10px !important;}.mt15{margin-top:15px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}
.mr5{margin-right:5px !important;}.mr10{margin-right:10px !important;}.mr15{margin-right:15px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mr40{margin-right:40px !important;}.mr50{margin-right:50px !important;}
.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}
.ml5{margin-left:5px !important;}.ml10{margin-left:10px !important;}.ml15{margin-left:15px !important;}.ml20{margin-left:20px !important;}.ml30{margin-left:30px !important;}.ml40{margin-left:40px !important;}.ml50{margin-left:50px !important;}.ml1{margin-left: 1em;}
.m_auto{margin:0 auto; display:block;}
.pt10{padding-top:10px !important;}.pt15{padding-top:15px !important;}.pt20{padding-top:20px !important;}.pt30{padding-top:30px !important;}.pt40{padding-top:40px !important;}.pt50{padding-top:50px !important;}
.pr10{padding-right:10px !important;}.pr15{padding-right:15px !important;}.pr20{padding-right:20px !important;}.pr30{padding-right:30px !important;}.pr40{padding-right:40px !important;}.pr50{padding-right:50px !important;}
.pb10{padding-bottom:10px !important;}.pb15{padding-bottom:15px !important;}.pb20{padding-bottom:20px !important;}.pb30{padding-bottom:30px !important;}.pb40{padding-bottom:40px !important;}.pb50{padding-bottom:50px !important;}
.pl10{padding-left:10px !important;}.pl15{padding-left:15px !important;}.pl20{padding-left:20px !important;}.pl30{padding-left:30px !important;}.pl40{padding-left:40px !important;}.pl50{padding-left:50px !important;}

/*font*/
.font_ss{font-size:0.75rem;}.font_s{font-size:0.875rem;}.font_l{font-size:1.25rem;}.lh150{line-height:150%;}.bold{font-weight:bold;}.font_n{font-size: 1rem;}
.textL{text-align:left !important;}.textC{text-align:center !important;}.textR{text-align:right !important;}.f18{font-size:18px;}
.s-1{padding-left:1em; text-indent:-1em;}.s-2{padding-left:2em; text-indent:-2em;}
.blue{color:#0B4DA2;}.red{color:#ff0000;}.white{color:#FFF;}.ore{color:#FF8400;}.green{color:#009245;}.yellow{color:#FFFF00;}.text_up{vertical-align: super; font-size: 75%;}.text_down{vertical-align: sub; font-size: 75%;}

/*link*/
a:link,a:visited{color: #1a6c9e;}
.hover{
	opacity:1.0;
	}
	
.hover:hover{
	opacity:0.7;
	}

@media (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

#pageTOP{
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:99999;
	}

@media screen and (max-width: 767px){
	#pageTOP{
	bottom:30px;
	right:10px;
	}
	
	#pageTOP img{
	width:40px;
	height:40px;
	}
}

/*content*/
.content{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2%;
}

.content > div{
	width:100%;
}

.kigyo{
	width:100%;
	padding:1em;
	border:1px solid #005EAC;
}

.flex{
	display:flex;
	justify-content:center;
}
	
.flex > img{
	margin:0 20px 0 0;
}

.flex02{
	display:flex;
	justify-content: space-between;
	}
	
.flex02 > img{
	width:83%;
	height:auto;
	margin:0 5% 0 0;
	}
	
.flex03{
	display:flex;
	align-items:center;
	width:12%;
	margin:0;
	padding:0;
 	}

.flex03 > a:link,.flex03 > a:visited{
	width:100%;
	color:#005EAC;
	font-size:0.75rem;
	text-align:center;
	padding:0.5em 1em;
	border:1px solid #005EAC;
	border-radius:6px;
	}
	
.flex03 > a:hover{
	background:#005EAC;
	color:#fff;
	}
	
table.qr td{
	text-align:center;
	}
	
table.qr td img{
	width:100%;
	}
	
table.qr td:nth-child(even){
	width:20px;
	}
	
table.qr td:nth-child(odd){
	width:150px;
	}
	
/*day*/
.gaiyo{
	width:450px;
	border:2px solid #0B4DA2;
	padding:1em;
	font-size:18px;
	line-height:110%;
	font-feature-settings: "palt";
	}
	
.gaiyo p:first-letter{
	color:#0B4DA2;
	}
	
.gaiyo p{
	text-indent:-5em;
	padding-left:5em;
	}
	
	
.day > img{
	width:80%;
	vertical-align:top;
	}
	
.schedule{
	width:900px !important;
	margin:0 auto 20px;
	}

@media screen and (max-width: 767px) {
	.content{
	max-width: 767px;
	}
	
	.w100{
	width:100%;
	}
	
	.flex{
	display:block;
	}
	
	.flex > img{
	margin:0 0 20px 0;
	}
	
	.flex > iframe{
	width:100%;
	}
	
	.flex02{
	display:block;
	}
	
	.flex02 > img{	
	display:block;
	width:100%;
	margin:0 0 10px 0;
	}
	
	.flex03{
	display:block;
	width:auto;
	text-align:center;
	}
	
	.gaiyo{
	width:100%;
	font-size:16px;
	margin:0 0 20px 0 !important;
	}
	
	.schedule{
	width:100% !important;
	}
	
	.f18{font-size:16px;}
}

/*info*/
.title_main{
	font-size:2rem;
	font-weight:bold;
	text-align:center;
	}

.title{
	font-size:1.375rem;
	color:#fff;
	background:#005eac;
	font-weight:bold;
	padding:0.5em;
	margin:0 0 20px 0;
	}
	
.title02{
	width:auto;
	display:inline-block;
	font-size:1.25rem;
	color:#fff;
	background:#005eac;
	font-weight:bold;
	padding:0.5em;
	margin:0 0 20px 0;
	}
	
ul.list{
	margin:0 0 0 2em;
	}
	
.title_icon i{
	font-size:60px;
	}
	
.title_sub{
	text-align:center;
	font-size:28px;
	font-weight:bold;
	margin:0 0 10px 0;
	}
	
.movieBox{
	width:100%;
	background:#D9E7F3;
	margin:0 0 50px;
	padding:20px 20px 30px;
	}
	
.movie{
	max-width: 1000px;
    position:relative;
    padding-bottom:56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height:0;
    overflow:hidden;
	margin:0 auto;
}

.movie iframe{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
}


	
@media screen and (max-width: 767px) {
	.title_main{
	font-size:1.75rem;
	}
	
	ul.list{
	margin:0 0 0 1em;
	}
	
	.title_icon i{
	font-size:48px;
	}
	
	.title_sub{
	font-size:22px;
	}
	
	.movieBox{
	padding:10px 16px 20px;
	}
}