html{
	height: 100%;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}
.inner{
	max-width: 1000px;
	/*min-width: 1000px;*/
	position: relative;
	margin:0 auto;
}
a,p,li,dt,dd{
	font-size: 14px;
	color:#333;
	line-height: 1.5;
}
a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.sp-element{
	display: none;
}

/*----------------------------
PC要素
----------------------------*/
.pcx,.pc-item{ display: none !important;}
.spx,.sp-item{ display: block !important;}


/*----------------------------
header
----------------------------*/
header {
}
header .inner {
	max-width: 100%;
}
	header h1 {
		float: left;
    padding: 5px 0 0 10px;
	}
		header h1 img { width: 100px; vertical-align: middle;}
		header h1 a {
			color: #333;
			font-size: 10px;
			font-weight: bold;
		}
			header h1 a span {
				display: inline-block;
				margin: 5px 0 0 5px;
			}
	header .gnavi {
		float: right;
	    height: 34px;
	}
		header .gnavi ul {
			font-size: 0;
			position: relative;
			max-height: 80px;
		text-align: right;
		}
		
header .gnavi ul li { display: none;}
			header .gnavi ul li {
				/*background: url("../../img/common/gnavi-line.png") no-repeat 0 0;*/
				box-sizing: border-box;
				padding-top: 27px;
			}
			header .gnavi ul li::before {
				content: url("../../img/common/gnavi-line.png");
    			position: relative;
			}
				header .gnavi li a {
					display: inline-block;
    				font-size: 12px;
    				margin:;
					vertical-align: top;
				}
			header .gnavi ul li.cv-btn {
display: inline-block !important;
				background-image: url("../../img/common/gnavi-bg-green.png")  ;
				background-repeat: no-repeat;
				background-position: right;
				background-size: contain ;
				width: 87px;
				position: relative;
    			top: -8px;
			text-align: center;
			}
			header .gnavi ul li.cv-btn::before {
				content: "";
			}
				header .gnavi li.cv-btn a {
					font-size: 12px;
					color: #fff;
					line-height: 0;
				}
			header .gnavi ul li.menu-btn {
display: inline-block !important;
				 width: 40px;
				position: relative;
    			top: -8px;
    			cursor: pointer;
				cursor: hand;
				padding-top: 0 !important;
			}
			header .gnavi ul li.menu-btn::before {
				content: "";
			}
			
header .gnavi ul li.menu-btn img{ width: 100%;}


/*----------------------------
footer
----------------------------*/
footer{
	clear: both;
	padding:0 0 0 0 ;
	background: url(../../img/common/bg_foot.png) repeat;
	color: #FFF;
}

footer a{ 	color: #FFF;}

footer a.bt{
	padding: 2em 0; 
	background: #e9f4d2 url(../../img/common/pagetop.png) no-repeat center;
}

footer a.bt { display: block; text-align:center;cursor: pointer; width: 100%;}
footer a.bt:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
footer .list{ overflow: hidden; padding: 2em 0 2em 0; border-bottom: 1px solid #c9e596;
margin-bottom: 2em;}
footer .list ul{ width: 19.2%; float: left; margin-right: 1%; padding-top: 1em;
}
footer .list ul:last-child{ margin-right: 0;}
footer .list ul li{ padding: 0; margin: 0;}
footer .list a{ font-size: 90%;}

footer .bnrlist{ overflow: hidden;max-width: 1000px; padding-bottom: 30px;
    min-width: 1000px;
    margin: 0 auto 2em auto;     font-size: 0;}
footer .bnrlist a{ display: inline-block; width: 19.2%; margin-right: 1%;}
footer .bnrlist a:last-child{ margin-right: 0;}
footer .bnrlist a img{ width: 100%;}

footer .copyright{ background: #8cc81f; overflow: hidden; padding: 1.5em 0;
 font-size: 70%;}

footer .fl{ float: left; width: 60%;} 
footer .fr{ width: 100%; text-align: center;} 

footer .copyright a{ display: inline-block; margin: 0 1em; font-size: 90%; text-align: left;}
footer .copyright a:first-child{ margin: 0 1em 0 0 ;}

/*----------------------------
contents
----------------------------*/

#contents img{ width: 100%;}

#contents{
	position: relative;
}
	#contents h2{
		font-size: 22px;
		text-align: center;
		margin-bottom: 10px;
	}
	#contents .eng-txt{
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		letter-spacing: 2px;
		margin-bottom: 20px;
		font-size: 75%;
	}
	
/*▼グランドトップ用*/

#top header h1 {
    width: 27%;
/*    height: 34px;
	padding: 8px 0 0 3%;*/
	
}
#top header h1 img{ width: 100%;}
/*#top header .gnavi {
    width: 70%;
    height: 34px;
}

#top header .gnavi ul li { display: inline-block !important; }

#top header .gnavi ul li{ padding-top: 5px;}
#top header .gnavi li a{ font-size: 10px;padding: 0 10px 0 5px;line-height: 1.3em;}
*/

#top #contents .block1{ z-index: 1;}
#top #contents .block2{ z-index: 10; padding-top: 40px;
	margin-top: -50px;
	background-image: url(../../img/sp/top_block2_bg_sp.png) ;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;}
	
@media screen and (max-width: 400px){
	#top #contents .block2{margin-top: -30px;}
}
	
#top #contents .block2 .box{ width: 100%; padding-bottom: 10px;
text-align: center;}
	
#top #contents .block2 h2{ color: #FFF;}

#top #contents .block2 p{ display: block; width: 80%; margin: 0 auto 1em auto;}

#top #contents .block2 p .note{
	color: #fff;
	font-size: 2.4vw;
	line-height: 1.4;
	display: block;
	margin-top: 5px;
}

#top #contents .block3{
	margin-top: 0;
	padding-top: 50px;
	padding-bottom: 20px;
    background-image: url(../../img/top_block3_top_bg.png), 
 url(../../img/top_block3_bottom_bg.png);
    background-repeat: no-repeat,
 no-repeat;
    background-position: left top, left bottom;
    background-size: contain;
}


#top #contents .block3 h3{ color: #fc7f03; font-size: 100%; margin: 0.5em 0;
font-weight: bold; padding: 0.5em 0 0.5em 0.8em; display: block;
border-bottom: 1px solid #fc7f03;}


#top #contents .block3 .box01,
#top #contents .block3 .box02,
#top #contents .block3 .box03{ margin: 0 auto 2em auto; width: 90%; text-align: center;}

#top #contents .block3 img{ width: 90%;}
#top #contents .block3 .tx{ text-align: left;}
#top #contents .block3 p{ padding: 0 1em;}


#top #contents .block4 { background: #fffbe7;
    padding: 40px 0;min-height: auto;}
#top #contents .block4 .inner{ text-align: center;}
#top #contents .block4 h2{	color:#333;}
#top #contents .block4 .eng-txt {
    	color: #8cc81f;
	}
	
#top #contents .block4 a{ display: inline-block; margin-bottom: 1em; width: 80%;}

#top #contents .block4 a.bts{ width: 50%;}

#top footer .bnrlist{ padding: 30px 0;}
#top footer .copyright { text-align: center;}

/*▲グランドトップ用*/

/*---block1---*/
#contents .block1{
	z-index: 999999;
	position: relative;
}
#contents .block1 .inner{
	max-width: 100%;
}
	#contents .block1 li img{
		max-width: 100%;
	}
	#contents .block1 .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{
		bottom: 0;
	}
	#contents .block1 .bx-wrapper .bx-controls-direction {
		display: none;
	}
	
	#contents .block1 .bx-pager{ height: 40px; padding-top: 35px;
	background-image: url(../../img/sp/block1-bg_sp.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	
	}
	
#contents .block1 .bt01{ position: absolute; bottom: -30px; right:60px;}
#contents .block1 .tx{ position: absolute; top: 0; color: #FFF; z-index: 999999;
padding: 3px 0 3px 0; background: rgba(0,0,0,0.4); width: 100% !important; font-size: 75%; text-align: center; line-height: 1.2em;}

/*---block2---*/
#contents .block2{
	background: url(../../img/sp/block2-bg_sp.png) no-repeat center top;
	position: relative;
	z-index: 1;
}
.block2 .inner {
    padding: 1.5em 0.5em 0.5em 0.5em;
}
	.block2 .eng-txt {
    	color: #8cc81f;
	}
	#contents .block2 ul{
		font-size: 0;
	}
		#contents .block2 ul li{
			display: inline-block;
			margin: 1% 1%;
						width: 48%;
		}
		#contents .block2 ul li:last-of-type{
			margin-right: 0;
		}
			#contents .block2 dl{
				background: #fff;
				box-shadow: 3px 3px 3px #e7e791;
				border-radius: 10px;
				padding: 0.5em 0.5em 0.7em 0.5em;

				box-sizing: border-box;
			}
			#contents .block2 dl dt:nth-of-type(1){
				margin-bottom: 10px;
			}
			#contents .block2 dl dt:nth-of-type(2){
				text-align: center;
				font-weight: bold;
				margin-bottom: 10px;
				font-size: 16px;
			}
			#contents .block2 dl dd:nth-of-type(1){
				margin-bottom: 10px;
				font-size: 14px;
			}
			#contents .block2 dl dd:nth-of-type(2) a{
				color: #8cc81f;
				font-size: 12px;
				display: inline-block;
				border: 1px solid;
				padding: 7px 0;
				width: 100%;
				text-align: center;
				border-radius: 18px;
			}

/*---block3---*/
#contents .block3{
	background: #fff;
}
.block3 .inner {
    padding: 1.5em 0.5em 0.5em 0.5em;
}
	#contents .block3 ul{
		font-size: 0;
	}
		#contents .block3 ul li{
			display: inline-block;
			margin: 1% 1%;
			width: 48%;
		}
		#contents .block3 ul li:last-of-type{
			margin-right: 0;
		}

/*---block4---*/
#contents .block4{
	background: url("../../img/block4-bg.png") no-repeat 50% 0;
	min-height: 400px;
	padding-top: 110px;
}
/*.block4 .inner {
    padding-top: 0;
    max-width: 1200px;
}*/
	.block4 h2 {
    	color: #fff;
	}
	.block4 .eng-txt {
    	color: #fff;
	}
	.block4 .bt-l {
    	margin-bottom: 20px;
	}
	#contents .block4 ul{
		font-size: 0; margin-bottom: 3em;
	}
		#contents .block4 ul li{
			display: inline-block;
			margin-right: 3px;
		}
		#contents .block4 ul li:last-of-type{
			margin-right: 0;
		}
			#contents .block4 ul li .img-box{
				background: #000;
				margin-bottom: 15px;
			}
			#contents .block4 ul li .txt-box{
				text-align: center;
			}
			#contents .block4 ul li .txt-box a{
				color: #fff;
				display: inline-block;
				text-align: center;
				text-decoration: underline;
			}
			#contents .block4 ul li .txt-box a:hover{
				text-decoration: none;
			}

/*.block4 .bt { width: 80%; margin: 3em auto 0 auto; text-align:center;}			
.block4 .bt a{ display: inline-block; margin: 0 1em;
    font-size: 110%; font-weight: bold;
    display: inline-block;
    padding: 0.5em 0;
    border-radius: 50px;    width: 80%;}

.block4 .bt01{ color: #fff;  border: 1px solid #fff; }*/
.block4 .bt02{ background: #ffdc00;  border: 1px solid #ffdc00;}


.block4 .bt01{ display: block;
color: #fff;  border: 1px solid #fff;
    font-size: 110%; font-weight: bold;
	text-align: center;
    padding: 0.5em 0;
    border-radius: 50px; 
	width: 96%; position: absolute;
	    left: 3%;
		bottom: 90px;}


/*スライダー調整*/

* {margin: 0; padding: 0;}
body,html {width: 100%;height: 100%;}
	
.block4 .container2{ width: 100%; height: 100%; overflow-x: hidden;}
.block4 .slide_all{width: 80%; margin: 0 auto; height: 360px; position: relative;}
.block4 .slide_wrap{ width: 240% !important; position: absolute !important; left: 50%; margin-left: -120%;}
.block4 .bxslider{ width: 100%;}
.block4 .bxslider li{width: 80%;}
.block4 .bxslider li img {width: 100%; vertical-align: bottom;}

.block4 .bx-wrapper .bx-controls-direction{ width: 42%; margin: 0 auto; 
position: absolute;
    left: 29.5%;
    top: 35%;}


/*---block5---*/
.block5 { margin-top: 2em;}
	
	.block5 .eng-txt {
    	color: #8bc81d;
	}
	
.block5 table{ border: 5px solid #8bc81d; width: 90%; margin: 0 auto 1em auto;}
.block5 table:last-child{ border: 1px solid #8bc81d; margin: 0 auto 3em auto;}
.block5 td{ padding: 0.8em; border-bottom: 1px solid #8bc81d;font-weight: bold; text-align: center;}
.block5 th{ padding: 0.8em; border-bottom: 1px solid #8bc81d;
font-weight: bold; background: #e2f1c8; width: 52%;font-size: 110%;}

.block5 td{ font-size: 120%;}
.block5 td b{ font-size: 130%;}
.block5 td em{ font-size: 150%; font-style: normal; font-weight: normal;}

.block5 .bt01{     display: block;
    margin: 0 auto;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    padding: 0.5em 0;
    width: 80%;
    border-radius: 50px;
    text-decoration: none;
    color: #8bc81d;
    border: 1px solid #8bc81d;}


/*---block6---*/
#contents .block6 {
	background-image: url(../../img/sp/block7-bg_top_sp.png),url(../../img/sp/block6-bg_sp.png);
	background-repeat: no-repeat,no-repeat;
	background-position: bottom,top;
	background-size: contain,contain;	
	margin-top: 2em;
    padding-top: 70px;
	padding-bottom: 160px;}
	
	.block6 .eng-txt {
    	color: #8bc81d;
	}
.block6 .box { text-align: center; width: 70%; margin: 0 auto;}
.block6 a{ display: block; margin-bottom: 1em;}
.block6 .bt02{ width: 80%; margin: 0 auto;}
.block6 .bt02 a{display: inline-block;margin:0;}
.block6 .bt02 a img{ vertical-align: text-top;}
.block6 .bt02 .tel{ vertical-align: -30px !important;} 


#contents .block7{
margin-top: 0;
}


#contents .block7 .inner{
	max-width: 100%;
	overflow: hidden;
	margin-bottom: 4em;
}
	.block7 .eng-txt {
    	color: #ff8001;
	}
	#contents .block7 li img{
		max-width: 100%;
	}
	#contents .block7 .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{
		bottom: 10px;
	}
	#contents .block7 .bx-wrapper .bx-viewport .bxslider li{
		margin: 0 5px;
	}
	#contents .block7 .bx-wrapper .bx-viewport {
		width: 100%;
		position: relative;
		left: -17px;
	}

.block7 a b{ font-size: 110% !important; display: block; text-align: center; font-weight: bold;
padding: 1em 0 0.6em 0;} 
.block7 a p.txt-box{ color: #333; font-size: 90% !important; line-height: 1.4em;}

.block7 .bt01{ display: block; margin: 0 auto; width: 80%;
    font-size: 110%; font-weight: bold; text-align: center;
    padding: 0.5em 0;
    border-radius: 50px;
	color: #ff8000;  border: 1px solid #ff8000;}
	
/*スライダー調整*/

* {margin: 0; padding: 0;}
body,html {width: 100%;height: 100%;}
	
.block7 .container2{ width: 100%; height: 100%; overflow-x: hidden;}
.block7 .slide_all{width: 90%; margin: 0 auto; height: 300px; position: relative;}
.block7 .slide_wrap{ width: 270% !important; position: absolute !important; left: 50%; margin-left: -135%;}
.block7 .bxslider{ width: 100%;}
.block7 .bxslider li{width: 90%;}
.block7 .bxslider li img {width: 100%; vertical-align: bottom;}

.block7 .bx-wrapper .bx-controls-direction{ width: 60%; margin: 0 auto; 
position: absolute;
    left: 19.75%;
    top: 0;
	height: 50%;}
	
	
#contents .block8 {
    background: #f8f8f8 ;	
	margin-top: 0;
    padding-top: 2em;}
	
#contents .block8 .inner{ overflow: hidden; width: 90%; margin: 0 auto; padding-bottom: 1em;}
#contents .block8 .fl,#contents .block8 .fr{ padding: 2em 0 0 0; }
#contents .block8 .fl{width: 100%; border-right: 0.5% solid #FFF; 
background:#ffdc00; text-align: center; margin-bottom: 1em;}
#contents .block8 .fr{ width: 100%; background:#8cc81f; color: #FFF;text-align: 
center;}
#contents .block8 .fr img{ width: 40%; }

#contents .block8 .fr p{ color: #FFF; }
#contents .block8 .fl p{ font-size: 110%; margin-bottom: 1em;}
#contents .block8 .fr p.pb{ font-size: 110%; padding: 1em 0;}

.block8 .movie,.block8 .movie img{ width: 100%;}


#contents .block9 {margin-bottom: 1em;
padding-top: 1em;
	}
	.block9 .eng-txt {
    	color: #8bc81d;
	}
	
.block9 span,.block9 b{ display: inline-block;}
.block9 span.day{ font-size: 85%; margin-right: 0.5em; display: inline;}
.block9 span.tx{  }
.block9 b{ color: #FFF; padding: 0.2em 0.3em; font-size: 90%; margin: 0 0.5em 0 0;}
.block9 b.icon01{ background: #8cc81f;}
.block9 b.icon02{ background: #ff8000;}

.block9 ul{ border-top: 1px solid #8cc81f; margin-bottom: 2em;}
.block9 li{ border-bottom: 1px solid #8cc81f; padding: 1em;
background: rgba(140,200,31,0.3) url(../../img/arrow_green.png) no-repeat 99% center ;}

.block9 a{ color: #1b80be; text-decoration: underline; }

.block9 .bt01{ display: block; margin: 0 auto; width: 14%;
    font-size: 110%; font-weight: bold; text-align: center;
    padding: 0.5em 0;
	width: 80%;
    border-radius: 50px; text-decoration: none;
	color: #8bc81d;  border: 1px solid #8bc81d;}
	
#contents .block10{
	background-image: url(../../img/sp/kitayamata/block10-bg_bottom_sp.png),url(../../img/sp/kitayamata/block10-bg_top_sp.png);
	background-repeat:no-repeat,no-repeat;
	background-position:bottom,top;
	background-size: contain,contain;
	    margin-top: -50px;
		margin-bottom: 3em;
		padding-top: 50px;
		padding-bottom: 50px;
		    height: 950px;
   color: #FFF;}
	
	.block10 .inner{ width: 90%; margin: 0 auto;    padding-bottom: 50px;}
	
	.block10 .eng-txt,.block10 h2 {
    	color: #fff;
	}

.block10 .map{ margin-bottom: 2em;}

.block10 a,.block10 p{ color: #FFF !important;}

.block10 p{ margin-bottom: 0.5em;}
	
.block10 a.link01{ color: #FFF; display: block; text-align: right;
 text-decoration: underline; font-size: 95%; margin-bottom: 1em;}

.block10 .fl{ width: 100%; line-height: 1.5em;font-size: 95%; margin-bottom: 2em;}
.block10 .fr{ width: 100%; text-align:right}

.block10 .bt01{display: block; margin: 0 auto; width: 80%;
    font-size: 110%; font-weight: bold; text-align: center;
    padding: 0.5em 0;
    border-radius: 50px; text-decoration: none;
	color: #fff;  border: 1px solid #fff;}
	
.floatbnr{ position: fixed; right: 20px; bottom: 20px; z-index: 99; width: 25%;}
.floatbnr img{ width: 100%;}