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

@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');

	
.clearfix::after {
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0;
	line-height: 0;
}

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}

img{max-width: 100%;height: auto;}

body{
	background:#000;
	color:#fff;
}

a {
    outline: none;
}

.t-c{
	text-align:center !important;}


#section-02{
	background:url(../../images/lightbg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
	text-align:center;
	font-size:1.1rem;
	line-height:1.8;}


#section-02 .flt-l{
	float:left;}


#section-02 .flt-r{
	float:right;}


.english{

	text-shadow:0px 0px 5px #000000,5px 2px 4px #000000;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:0.08em;}


.area01,.area02,.area03{
	margin:0;
	position:relative;}


.area01{
	margin-top:50px;}

.area01 .photoarea1{
	display:flex;}




.area01 .copy{
	background: rgba(1,106,143,0.9);
	box-shadow:0px 0px 13px 3px #000000;
	position:absolute;
	left:2%;
	top:2%;
	padding:0 3% 3%;
	max-width:38%;
	text-align:left;
	}

.area02 .copy{
	background: rgba(132,27,88,0.9);
	box-shadow:0px 0px 13px 3px #000000;
	position:absolute;
	right:2%;
	top:2%;
	padding:0 3% 3%;
	max-width:38%;
	text-align:left;
	}


.area03 .copy{
	background: rgba(14,89,30,0.9);
	box-shadow:0px 0px 13px 3px #000000;
	position:absolute;
	left:2%;
	top:2%;
	padding:0 3% 3%;
	max-width:38%;
	text-align:left;
	}


#section-02 .copy span{
	text-align:center;
	display:block;
	margin:5px 0 10px;
	padding:0;
	font-size:16px;
	line-height:1.5;}
	
.area01 .copy img,
.area02 .copy img,
.area03 .copy img{
	margin-top:-5%;}


.area01 img .flt-l{
	margin-top:0;}



#section-03{
	background: url(../../images/mapbg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	padding:150px 0;}


#section-03 .map{
	margin-bottom:100px;
	margin-top:100px;}


.fireshedule{
  background-image: -moz-linear-gradient( 90deg, rgb(255,243,220) 0%, rgb(153,138,79) 50%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,243,220) 0%, rgb(153,138,79) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,243,220) 0%, rgb(153,138,79) 100%);
  color:#000;
  font-size:17px;
  padding-bottom:30px;
  position:relative;
  line-height:1.4;
  margin-bottom:130px;}

.fireshedule h3{
  background-image: -moz-linear-gradient( 90deg, rgb(126,97,9) 0%, rgb(75,57,4) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(126,97,9) 0%, rgb(75,57,4) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(126,97,9) 0%, rgb(75,57,4) 100%);
  color:#fff;
}


.fireshedule table{ width:100%; max-width:780px; margin:30px auto; font-size:1.1rem;}
.fireshedule th{ width:12%; margin:1%; }
.fireshedule th p{padding:10px; background:#886a0b; color:#fff; border-radius:15px; box-sizing:border-box; margin:1%; }
.fireshedule td{ width:80%; text-align:left; padding:12px 2%;}

.fireimg{
	position:absolute;
	right:30px;
	bottom:10%;}
	
.box-profice{
	text-align:left;
	line-height:1.6;
	background:#000;
	padding:40px;
	margin:50px auto 100px;
	font-size:0.9rem;}

.box-profice a{
	color:#19d1db;}

.box-profice h5{
	font-size:1.2rem;}

.box-profice h6{
	font-size:1.1rem;
	margin:10px 0;}

.box-profice .box-text{
	width:75%;
	float:left;}
	
.box-profice .box-image{
	width:22%;
	float:right;}


#section-04{
  background-image: -moz-linear-gradient( 63deg, rgb(228,206,163) 0%, rgb(255,255,255) 51%, rgb(228,206,163) 100%);
  background-image: -webkit-linear-gradient( 63deg, rgb(228,206,163) 0%, rgb(255,255,255) 51%, rgb(228,206,163) 100%);
  background-image: -ms-linear-gradient( 63deg, rgb(228,206,163) 0%, rgb(255,255,255) 51%, rgb(228,206,163) 100%);
  color:#000;
  line-height:1.6;
}

#section-04 h2{
  background-image: -moz-linear-gradient( 0deg, rgb(14,62,71) 0%, rgb(8,110,130) 50%, rgb(14,62,71) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(14,62,71) 0%, rgb(8,110,130) 50%, rgb(14,62,71) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(14,62,71) 0%, rgb(8,110,130) 50%, rgb(14,62,71) 100%);
  padding:20px;
  text-align:center;
  font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size:35px;
  color:#fff;}

#section-04 h3{
background:#134b56;
color:#fff;
padding:10px 20px;
border-radius:30px;
margin:10px 0;}

#section-04 .map_left{ float:left; width:48%;}

#section-04 .map_right{ float:right; width:48%; text-align:left;}


#section-05{
  background:url(../../images/eigyoubg.jpg) #000;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center 10% ;	
  color:#fff;
  line-height:1.6;
}

#section-05 a{ color:#f6f30c;}


#section-05 h2{
  background-image: -moz-linear-gradient( 0deg, rgb(108,78,19) 0%,rgb(191,139,34) 50%, rgb(108,78,19) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(108,78,19) 0%,rgb(191,139,34) 50%, rgb(108,78,19) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(108,78,19) 0%,rgb(191,139,34) 50%, rgb(108,78,19) 100%);
  padding:20px;
  text-align:center;
  font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size:35px;
  color:#fff;}

#section-05 .tiket{
	margin-top:30px;
	}

#section-05 .tiket li{
	display:inline-block;
	 vertical-align: top;
	 padding:10px;
	}

#section-05 .planimg li{
	list-style:none;
	display:inline-block;
	width:32%;
	padding:0.2%;}


.ditbox{
	border:;
	padding:25px;
	max-width:870px;
	margin:50px auto;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#fff;
	font-size:23px;
	text-align:left;
	overflow:hidden;
	
	}

.ditbox .caption{
	font-size:16px;}


.ditbox p{
	font-size:18px;
	margin-bottom:20px;}

.ditbox p.sttl{
	margin-bottom:10px;
	position:relative;
	margin-top:30px;
	font-size:26px;}


.ditbox p.sttl:before {
  content: url(../../images/maru.png);
  position: absolute;
  top: 0%;
  left:-32px;
  display: inline-block;
  width: 100%;
  height: 1px;
}



.ditbox p.sttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color:#fff;
}

.top{
	position:fixed;
	right:2%;
	bottom:2%;}

.cvbtn{ text-align:center;
margin:30px auto;}

.twinkle{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}


.freebn{
	margin:40px auto;
	background:#8C173B;
	max-width:540px;
	font-size:10px;
	border:1px solid #fff;}

.freebn{
	margin:40px auto 0;
	background:#8C173B;
	max-width:540px;
	font-size:10px;
	border:1px solid #fff;}


.freebntxt{
	text-align:left;
	padding:0 20px 20px;}

.freebntxt a{
	color:#fff;}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.twinkle2{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	-webkit-animation:blink2 0.8s ease-in-out infinite alternate;
    -moz-animation:blink2 0.8s ease-in-out infinite alternate;
    animation:blink2 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink2{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink2{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink2{
    0% {opacity:0;}
    100% {opacity:1;}
}


.twinkle3{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	-webkit-animation:blink3 0.3s ease-in-out infinite alternate;
    -moz-animation:blink3 0.3s ease-in-out infinite alternate;
    animation:blink3 0.3s ease-in-out infinite alternate;
}
@-webkit-keyframes blink3{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink3{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink3{
    0% {opacity:0;}
    100% {opacity:1;}
}



@media screen and (min-width:768px) {
#section-mainv .inner .copy{text-align: center; padding-top:50px;}
.sp_block{
	display:none;
}
.pc_block{
	display:block;
}

#header{width: 100%;height:100px;padding-top: 5px;box-sizing: border-box; z-index: 2; position:absolute;}
#header .inner{text-align: center;max-width: 1480px;margin: 10px auto; width:96%;}

#section-02 .inner{text-align: center; max-width: 1480px;margin: 0 auto;
padding:50px 10px;}

#section-03 .inner{text-align: center; max-width: 1000px;margin: 0 auto;
padding:20px;}

#section-04 .inner{text-align: center; max-width: 1000px;margin: 0 auto;
padding:100px; }

.fireshedule h3{
  padding:15px;
  font-size:25px;
  font-weight:100;}

.fireshedule h4{
  margin:30px auto 30px;
  font-size:18px;
  font-weight:100;}





#header .inner .logo{ float:left;}
#header .seo{color: #fff;text-align: right;font-size: 10px;margin-right: 10px;}

#header .inner .nav{ float:right; background:url(../images/nav_bg.png) no-repeat;}

#header .inner .nav ul{ padding-right:25px; box-sizing:border-box;}

#header .inner .nav ul li{ list-style:none; float:left; overflow:hidden;}

#header .inner .nav ul li a{ display:block; width:100%; padding:24px 24px; text-decoration:none; color:#fff;
font-size:18px;
font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }


#section-mainv{/*height:750px;
	height:100vh;*/
	position:relative;
	background: url(../../images/mainbg.jpg);
	background-size: cover;
	animation: bg-slider 11s ease 1;
	padding-bottom:50px;}


	
@keyframes bg-slider {
	from { background-position: 0 100%; }
    to { background-position: 0 0; } /* 1518pxとは使用した背景画像の長さ */
}	
	
#section-mainv .inner{position: relative;}

#section-fotter{}
#section-fotter .inner{width: 1000px;margin: 0 auto;}

.content-movie{}
.content-movie .inner{background:#000; max-width:960px; box-sizing:border-box; padding:20px;}
.content-movie h2{ text-align:left; margin-bottom:30px;}
#section-03 .content-movie .box-movie{color: #fff;}
#section-03 .content-movie .box-movie .box{float: left;margin-right: 1%; width:19%;}
#section-03 .content-movie .box-movie .box img{ width:100%;}
#section-03 .content-movie .box-movie .box:bth-child(3n){margin-right: 0px;}
#section-03 .content-movie .box-movie .box h3{font-size: 16px;margin-bottom: 5px;}
#section-03 .content-movie .box-movie .box img{border: 1px solid #999;}
#section-03 .content-movie .box-movie .box img:hover{border: 1px solid #ccc;}
#section-fotter .content-bottom{ clear: both;position: relative;width: 100%;margin: 0 auto 0; background: url(../images/footbg.png) center top no-repeat; background-size: cover; }


#section-fotter .content-bottom ul.kouen{
	max-width:650px;
	margin:0 auto;
	text-align:center;
	}


#section-fotter .content-bottom ul.kyosan{
	max-width:900px;
	margin:0 auto;
	text-align:center;
	}

#section-fotter .content-bottom ul.kyosan li{
	display:inline-block;
	padding:5px;
	text-align:left;
	font-size:14px;
	}

#section-fotter .content-bottom ul.kyosan li:after{
	content:"  /" ;}

#section-fotter .content-bottom ul.kouen li{
	display:inline-block;
	padding:20px 20px;
	}
	

#section-fotter .content-bottom .footbn{text-align:center; margin:20px auto 10px;}

#section-fotter .content-bottom .box-bottom{
max-width: 980px;
margin:0 auto 0;
position:relative;
padding-top:0;
 }
#section-fotter .content-bottom .logo1{}
#section-fotter .content-bottom .logo2{}
#section-fotter .content-bottom .logo3{}
#section-fotter .content-bottom .link{ position:absolute; top:130px; right:0; padding:20px; display:none;}
#section-fotter .content-bottom .link a{color: #fff;font-size: 10px;}
#section-fotter .content-bottom .copy{color: #fff;font-size: 10px; text-align:center; padding:30px 0 10px;}
#section-fotter .content-bottom .seo{color: #fff;font-size: 10px;}


.maincopy{
	text-align:center;
	padding-top:5%;}

.maincopy2{
	margin-left:10%;}



.box-bottom ul{
	max-width:530px;
	margin:0 auto 0;
	}

.box-bottom ul li{
	display:inline-block;
	padding:20px 20px;
	}


.accessbtn{
	text-align:center;
	max-width:70%;
	margin:0 auto;
	position:relative;}

.accessbtn a{
	padding:5% 20%;
	font-size:40px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-decoration:none;
	color:#fff;
	border:1px solid #fff;
	margin:100px auto 0;
	}

.accessbtn a:hover{
	border:1px solid #00bdd6;
	transition: 0.5s ;}


.accessbtn:after{
	content:">";
	position:absolute;
	right:5%;
	top:30%;
	font-size:40px;}


}

@media screen and (max-width:1100px) {


#header .inner .nav{ background-image: -moz-linear-gradient( 0deg, rgb(11,84,152) 0%, rgb(17,143,169) 50%, rgb(11,84,152) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(11,84,152) 0%, rgb(17,143,169) 50%, rgb(11,84,152) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(11,84,152) 0%, rgb(17,143,169) 50%, rgb(11,84,152) 100%); border:1px solid #57c1d8; border-radius:50px;}

#header .inner .nav ul{ box-sizing:border-box; padding-right:0;}

#header .inner .nav ul li{ list-style:none; float:left; overflow:hidden; text-align:center;
 
  box-sizing:border-box;

  border-left:1px solid #57c1d8;
  padding:7px;}

#header .inner .nav ul li:first-child{
	border-left:none;
	}

#header .inner .nav ul li:last-child{
	background:#765515;
  border-left:1px solid #e1a733;
  border-radius: 0 50px 50px 0;}


#header .inner .nav ul li a{ display:block; width:100%; padding:10px 0; text-decoration:none; color:#fff;
font-size:13px;
font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
}

@media screen and (max-width:767px) {

.pc_block{
	display:none;
	
}


.sp_block{
	display:block;
}

.clearfix.pc_block{
	display:none;
}

.top{
	position:fixed;
	right:2%;
	bottom:2%;
	width:18%;}

.english{
	font-size:10px;
	text-shadow:1px 0px 2px #000000;}

.twinkle,.twinkle2,.twinkle3{
	margin-top:45%;}


#header{width: 100%;height: 70px; padding-top:10px;box-sizing: border-box; position: static;}
#header .seo{display:none;}
#header .inner{width: 100%;}
#header .inner .logo{width: 165px;margin: 0 auto; position:relative; z-index:9999;}

#header .inner .nav{ background:#0e71a0; width:100%; border-radius:0; border:none; position:static}

#header .inner .nav ul{ box-sizing:border-box;}

#header .inner .nav ul li{ list-style:none; float:left; overflow:hidden; text-align:center; width:50%;
  background-image: -moz-linear-gradient( 0deg, rgb(11,84,152) 0%, rgb(17,143,169) 50%, rgb(11,84,152) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(11,84,152) 0%, rgb(17,143,169) 50%, rgb(11,84,152) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(11,84,152) 0%, rgb(17,143,169) 50%, rgb(11,84,152) 100%);
  box-sizing:border-box;
  border-bottom:1px solid #57c1d8;
  border-left:none;
}

#header .inner .nav ul li:first-child{
	border-right:1px solid #57c1d8;}

#header .inner .nav ul li:last-child{
  background-image: -moz-linear-gradient( 0deg, rgb(108,78,19) 0%,rgb(191,139,34) 50%, rgb(108,78,19) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(108,78,19) 0%,rgb(191,139,34) 50%, rgb(108,78,19) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(108,78,19) 0%,rgb(191,139,34) 50%, rgb(108,78,19) 100%);
  border-left:1px solid #e1a733;
  border-radius:0;}


#header .inner .nav ul li a{ display:block; width:100%; padding:5px 0; text-decoration:none; color:#fff;
font-size:13px;
font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }


#section-mainv{width: 100%; padding: 20% 0; background:url(../../images/mainbg.jpg) center; background-size:cover;}
#section-mainv .inner{width: 100%;height: 600px;position:relative; }



.freebn{
	position:absolute;
	width:70%;
	margin:15%;
	bottom:-20%;}
	

#section-02{
	font-size:0.8rem;
	line-height:1.8;
	background:url(../../images/lightbg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: scroll;
	background-position: center;}


#section-02 .copy span{
	text-align:center;
	display:block;
	margin:5px 0 10px;
	padding:0;
	font-size:12px;
	line-height:1.5;}


#section-02 .inner{padding:0 10px;}
#section-fotter{}
#section-fotter .inner{width: 100%;margin: 0 auto;}
#section-fotter .inner h2{margin-bottom: 30px;}
#section-03 .content-movie{padding: 0 10px;box-sizing: border-box; margin-bottom: 80px; margin-top:50px;}
#section-03 .content-movie .box-movie{color: #fff; }
#section-03 .content-movie .box-movie .box{margin-bottom: 10px; width:48%; float:left; padding:1%;}
#section-03 .content-movie .box-movie .box:bth-child(3n){margin-right: 0px;}
#section-03 .content-movie .box-movie .box h3{font-size: 20px;margin-bottom: 5px;}
#section-03 .content-movie .box-movie .box img{border: 1px solid #999;}
#section-03 .content-movie .box-movie .box img:hover{border: 1px solid #ccc;}

#section-fotter .content-bottom{clear: both;padding-bottom:0;}
#section-fotter .content-bottom{ clear: both;position: relative;width: 100%;margin: 0 auto 0; background: url(../../images/footbg.png) center bottom no-repeat; background-size: cover; }
#section-fotter .content-bottom .logo1{padding: 0 40px; margin: 20px auto; text-align:center;}
#section-fotter .content-bottom .logo2{padding: 0 40px; margin: 20px auto; text-align:center;}
#section-fotter .content-bottom .logo3{padding: 0 60px; margin: 10px auto; text-align:center;}
#section-fotter .content-bottom .link{text-align: center; background:#0E5598; width:100%; padding:10px 0; box-sizing:border-box;}
#section-fotter .content-bottom .link a{color: #fff;font-size: 15px; text-decoration:none;}
#section-fotter .content-bottom .copy{color: #fff;font-size: 10px;text-align: center; }
#section-fotter .content-bottom .seo{color: #fff;font-size: 10px;text-align: center;}

#section-03 .inner,
#section-04 .inner, #section-05 .inner{width: 90%;margin: 10% auto;}

#section-fotter .content-bottom .footbn{text-align:center; width:90%; margin:0 auto;}



#section-03{
	padding:30px 0;}

#section-04{
	padding:0 0 30px;}


#section-03 .map{
	margin-bottom:50px;}

.fireshedule{
	margin-bottom:50px;}


.maincopy{
	text-align:center;
	padding-top:10%;
	}

.maincopy2{
	margin-left:0;
	width:80%;
	margin:0 auto;}


.ditbox{
	padding:20px;
	width:100%;
	margin:50px auto;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#fff;
	font-size:16px;
	text-align:left;
	box-sizing:border-box;	
	}

.ditbox p{
	margin-bottom:10px;
	font-size:16px;}

.ditbox div img{
	text-align:center;}

.box-bottom ul li{
	text-align:center;
	list-style:none;
	margin:20px;
	
	}


.area01{
	margin:30px 0;
	position:relative;}

.area01 .copy, .area02 .copy, .area03 .copy{
	position: static;
	padding:0 5% 3%;
	max-width:100%;
	}
	
.area01 .copy img, .area02 .copy img,.area03 .copy img{
	width:80%;
	margin:-5% 10% 0;
	text-align:center;}


#section-04 h2,#section-05 h2{
	font-size:24px;
  padding:10px;}

#section-04 .map_left{ float:none; width:100%; margin-bottom:10%;}

#section-04 .map_right{ float:none; width:100%; text-align:left;}

#section-05 h2{
	font-size:25px;
  padding:10px;}


#section-05 .planimg li{
	list-style:none;
	display:inline-block;
	width:46%;
	padding:1%;}

.ditbox{
	border:;
	padding:10px;
	margin:20px auto;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#fff;
	font-size:15px;
	text-align:left;
	overflow:hidden;
	
	}

.ditbox .caption{
	font-size:14px;
	text-align: left;}

.ditbox p.sttl{
	margin-bottom:10px;
	position:relative;
	margin-top:30px;
	font-size:18px;}


.ditbox p.sttl:before {
  content: "｜"

}

.ditbox p.sttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color:#fff;
}


.accessbtn{
	text-align:center;
	max-width:70%;
	margin:0 auto;
	position:relative;}

.accessbtn a{
	padding:5% 20%;
	font-size:20px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-decoration:none;
	color:#fff;
	border:1px solid #fff;
	margin:30px auto 50px;
	}

.accessbtn:after{
	content:">";
	position:absolute;
	right:5%;
	top:30%;
	font-size:20px;}

.fireshedule{
	font-size:0.8rem;}


.fireshedule h3{
  padding:5px;
  font-size:18px;
  font-weight:100;}

.fireshedule h4{
  margin:20px auto;
  font-size:16px;
  font-weight:100;
  width:90%;}

.fireshedule table{ width:96%; max-width:780px; margin:30px auto; font-size:0.8rem;}
.fireshedule th{ width:98%; margin:1%; display:block;}
.fireshedule th p{padding:3px; background:#886a0b; color:#fff; border-radius:15px; box-sizing:border-box; margin:1%; }
.fireshedule td{ width:100%; text-align:left; padding:12px 2%; display:block;}

.fireimg{
	display:none;}

.box-profice .box-text{
	width:100%;
	float:none;}

.box-profice h5{
	font-size:1.0rem;}
		
.box-profice .box-image{
	width:50%;
	margin:30px auto 0;
	text-align:center;
	float:none;}
	
.box-profice{
	padding:20px;
	margin:20px auto;
}

#section-fotter .content-bottom ul.kyosan li{
	display:block;
	padding:0;
	margin:5px;
	line-height:1.5;
	float:left;
	text-align:center;
	font-size:12px;
	}

#section-fotter .content-bottom ul.kyosan ,#section-fotter .content-bottom ul.kouen{
	width:90%;
	margin:0 auto;} 

#section-fotter .content-bottom ul.kyosan li:after{
	content:" / " ;}

#section-fotter .content-bottom ul.kouen li{
	display:block;
	padding:0;
	margin:5px;
	font-size:14px;
	display:block;
	float:left;
	text-align:center;
	line-height:1.5;
	}


}


#inline-wrap {
	position: relative;
	margin:10px auto;
	max-width: 700px;
	background: #fff;
	color:#000;
	padding: 40px;
	line-height:2.0;
}
#inline-wrap h1 {
	font-weight: bold;
	font-size: 25px;
	margin: 0 0 10px;
	text-align:center;
}
#inline-wrap .image img {
	width:100%;
	max-width: 600px;
}
#inline-wrap .image,
#inline-wrap .popup-modal-dismiss {
	text-align: center;
}


#youtubemv iframe{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}


#youtubemv{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 56% 0 0;
	background: #000;}

@media screen and (max-width:767px) {
	
#inline-wrap {
	position: relative;
	margin:10px auto;
	max-width: 700px;
	background: #fff;
	color:#000;
	padding: 10px;
	line-height:1.0;
	font-size:12px;
}
#inline-wrap h1 {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px;
	text-align:center;
}	

#youtubemv{
	width:100%;
	height:auto;}
	
	
	
	}