/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700');
@import url(navi.css);
@import url(common.css);


body {
margin:0;
padding:0;
font-size:14px;
color:#333;
line-height:180%;
background:url(../img/contents/back_cont.jpg) repeat-x;
font-family:"Noto Sans JP","游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
}

.orik {display: inline-block;}

#header {
	width:980px;
	margin:0 auto;
	height:238px;
	background:url(../img/common/back_h.gif) no-repeat center top;
}

#back {
	width:100%;
	background:url(../img/contents/yama_cont.jpg) no-repeat center top;
}

.red {color:#F00;}


@media screen and (max-width: 550px) {
	
body {background-image:none; font-size:14px;}
#header {
	width:100%;
	height:267px;
	background:url(../img/sphone/tel.gif) no-repeat bottom #33CCFF;
	}

#header #headr {padding: 150px 10px 10px 10px;
line-height: 140%;}
}


/* --共通事項----------------------------------------------------------------*/

#map h1,
#outline h1,
#smap h1,
#staff h1,
#contact h1,
#school h1,
#family h1,
#vol h1 {
	width:756px;
	height:160px;
}

	#cth1 {background:url(../img/contact/title.jpg) no-repeat;}
	#maph1 {background:url(../img/access/title.jpg) no-repeat;}
	#olh1 {background:url(../img/outline/title.jpg) no-repeat;}
	#smh1 {background:url(../img/map/title.jpg) no-repeat;}
	#sth1 {background:url(../img/staff/title.jpg) no-repeat;}
	#sch1 {background:url(../img/guide_school/title.jpg) no-repeat;}
	#fmh1 {background:url(../img/guide_family/title.jpg) no-repeat;}
	#vlh1 {background:url(../img/vol/title.jpg) no-repeat;}
	#pmh1 {background:url(../img/premiumtour/title2.jpg) no-repeat;}


@media screen and (max-width: 550px) {
	
#map h1,
#outline h1,
#smap h1,
#staff h1,
#contact h1,
#school h1,
#family h1,
#vol h1 {
	width:100%;
	height:auto;
	padding:10px 20px 20px 20px;
	box-sizing: border-box;
}


	#cth1 {background:url(../img/sphone/bar.gif) no-repeat bottom;}
	#maph1 {background:url(../img/sphone/bar.gif) no-repeat bottom;}
	#olh1 {background:url(../img/sphone/bar.gif) no-repeat bottom;}
	#smh1 {background:url(../img/sphone/bar.gif) no-repeat bottom;}
	#sth1 {background:url(../img/sphone/bar.gif) no-repeat bottom;}
	#sch1 {background:url(../img/sphone/bar.gif) no-repeat bottom;}
	#fmh1 {background:url(../img/sphone/bar.gif) no-repeat bottom;}
	#vlh1 {background:url(../img/sphone/bar.gif) no-repeat bottom;}
	#pmh1 {background:url(../img/sphone/bar.gif) no-repeat bottom;}
	
}



#map h2,
#outline h2,
#staff h2,
#contact h2,
#school h2,
#family h2,
#vol h2,
#smap h2 {
		width:756px;
		height:70px;
	}
	
		#mph21 {background:url(../img/access/st1.gif) no-repeat;}	
		#olh21 {background:url(../img/outline/st1.gif) no-repeat;}	
		#olh22 {background:url(../img/outline/st2.gif) no-repeat;}
		#sth21 {background:url(../img/staff/st1.gif) no-repeat;}
		#sth22 {background:url(../img/staff/st2.gif) no-repeat;}
		#sth23 {background:url(../img/staff/st3.gif) no-repeat;}
		#cth21 {background:url(../img/contact/st1.gif) no-repeat;}
		#sch21 {background:url(../img/guide_school/st1.gif) no-repeat;}
		.pdfbtn{margin: 0 30px;display: inline-block;width: 16em;box-sizing: border-box;}
		.pdfbtn a{display: block;text-decoration: none;background-color: #e4e4e4;color: #565656;padding: 4px 7px;border: 1px solid #CCC;}
		#sch22 {background:url(../img/guide_school/st2.gif) no-repeat;}	
		#fmh21 {background:url(../img/guide_family/st1.gif) no-repeat;}	
		#fmh22 {background:url(../img/guide_family/st2.gif) no-repeat;}	
		#vlh21 {background:url(../img/vol/st1.gif) no-repeat;}	
		#vlh22 {background:url(../img/vol/st2.gif) no-repeat;}
		#smh21 {background:url(../img/map/st1.gif) no-repeat;}	
		#smh22 {background:url(../img/map/st2.gif) no-repeat;}	
		#smh23 {background:url(../img/map/st3.gif) no-repeat;}	
		#smh24 {background:url(../img/map/st4.gif) no-repeat;}	
		#smh25 {background:url(../img/map/st5.gif) no-repeat;}	
		#prh21 {background:url(../img/premiumtour/st2.jpg) no-repeat;}	

@media screen and (max-width: 550px) {
	
#map h2,
#outline h2,
#staff h2,
#contact h2,
#school h2,
#family h2,
#vol h2,
#smap h2 {
	width:auto;
	height:auto;
	padding:10px 20px 20px 20px;
	text-align:left;
	margin:20px 0 0 0;
	font-size:16px;
}


	#mph21 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}	
	#olh21 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}	
	#olh22 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}	
	#sth21 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}	
	#sth22 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}	
	#sth23 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}	
	#cth21 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}	
	#sch21 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}
	#sch22 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}
	#fmh21 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}
	#fmh22 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}
	#vlh21 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}	
	#vlh22 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}
	#smh21 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}
	#smh22 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}
	#smh23 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}
	#smh24 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}
	#smh25 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}
	#prh21 {background:url(../img/sphone/bar2.gif) no-repeat bottom;}
	
#smap img {
    cursor: default;
    pointer-events: none;
	text-decoration: none;
}
	
}



p.nml {margin:0; padding:0 30px 30px 35px;}	
p.thin {margin:0; padding:0 30px 10px 35px;}	
.red {color:#FF0000;}
.greenb {color:#096; font-size:26px;}
	
	
#outline h3 {
	width:678px;
	height:62px;
	background:url(../img/outline/sst.gif) no-repeat;
	padding:6px 20px;
	line-height:50px;
	font-size:18px;
	margin:0 0 20px 20px;
	color:#739726;
}

a.tel {
display: inline-block;
pointer-events: none;
}

@media screen and (max-width: 550px) {
a.tel {
pointer-events: auto;
}	
	
p.nml {margin:0; padding:10px 5%;}	
p.thin {margin:0; padding:10px 5%;}

#outline h3 {
	width:90%;
	height:auto;
	background-color:#EDF6DB;
	border:1px solid #d6d6d6;
	background-image:none;
	line-height:150%;
	font-size:18px;
	padding:15px 3%;
	margin:10px 2% 0 2%;
	color:#739726;
}

	
}

/* --アクセス----------------------------------------------------------------*/		
		
				
#map_canvas {
	width:700px;
	height:500px;
	margin:0 0 20px 30px;
}


@media screen and (max-width: 550px) {
	
#map_canvas {
		width:90%;
		height:350px;
		margin:0 5%;
	}

}



/* --総合ガイド----------------------------------------------------------------*/		

#school h3 {
	width:386px;
	height:70px;
	margin:0 0 10px 30px;
}

	
	#sch31 {background:url(../img/guide_school/sst1.gif) no-repeat;}
	#sch32 {background:url(../img/guide_school/sst2.gif) no-repeat;}
	#sch33 {background:url(../img/guide_school/sst3.gif) no-repeat;}
	#sch34 {background:url(../img/guide_school/sst4.gif) no-repeat;}


	#school .ybox {
		width:238px;
		float:left;
		background:url(../img/guide_school/yb.jpg) no-repeat bottom;
	}
	
	#school .yboxl {
		width:238px;
		float:left;
		margin-left:30px;
		background:url(../img/guide_school/yb.jpg) no-repeat bottom;
	}
	
	
	#school h4 {
	width:238px;
	height:150px;
	}

	
	#sch41 {background:url(../img/guide_school/y1_2.jpg) no-repeat;}
	#sch42 {background:url(../img/guide_school/y2_2.jpg) no-repeat;}
	#sch43 {background:url(../img/guide_school/y3.jpg) no-repeat;}
	#sch44 {background:url(../img/guide_school/k1.jpg) no-repeat;}
	#sch45 {background:url(../img/guide_school/k2.jpg) no-repeat;}
	#sch46 {background:url(../img/guide_school/k3.jpg) no-repeat;}
	#sch47 {background:url(../img/guide_school/h1.jpg) no-repeat;}
	#sch48 {background:url(../img/guide_school/h2.jpg) no-repeat;}
	#sch49 {background:url(../img/guide_school/h3.jpg) no-repeat;}
	#sch50 {background:url(../img/guide_school/i1.jpg) no-repeat;}
	#sch51 {background:url(../img/guide_school/i2.jpg) no-repeat;}
	#sch52 {background:url(../img/guide_school/i3.jpg) no-repeat;}
	
	
	#school .yboxl p,
	#school .ybox p {padding:0 25px 25px 25px; margin:0;}
	
	#school .clrsc {
		margin:0 0 0 35px;
		padding:10px 0 30px 10px;
		clear:both;
	}
	
	#school .clrsc p {
		padding:10px 20px;
		margin:0;
	}

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

#school h3 { 
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	width:100%;
	background-position:left;
	margin:10px 0 10px 0;
}


#sch31 {background-size: 100% auto;}
#sch32 {background-size: 100% auto;}
#sch33 {background-size: 100% auto;}
#sch34 {background-size: 100% auto;}


	#school .ybox {
		width:auto;
		margin:0 5% 10px 5%;
		float:none;
		padding:20px 0 0 0;
		background-image:none;
		border:3px solid #D5EAAB;
	}
	
	#school .yboxl {
		width:auto;
		margin:0 5% 10px 5%;
		padding:20px 0 0 0;
		background-image:none;
		float:none;
		border:3px solid #D5EAAB;
	}

#school h4 {
	width:210px;
	height:130px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-left:20px;
	}

	#sch41 {background-position:center;}
	#sch42 {background-position:center;}
	#sch43 {background-position:center;}
	#sch44 {background-position:center;}
	#sch45 {background-position:center;}
	#sch46 {background-position:center;}
	#sch47 {background-position:center;}
	#sch48 {background-position:center;}
	#sch49 {background-position:center;}
	#sch50 {background-position:center;}
	#sch51 {background-position:center;}
	#sch52 {background-position:center;}

}

/* --総合ガイド----------------------------------------------------------------*/		

#family h3 {
	width:386px;
	height:70px;
	margin:0 0 10px 30px;
}

	
	#fmh31 {background:url(../img/guide_family/sst1.gif)no-repeat;}
	#fmh32 {background:url(../img/guide_family/sst2.gif) no-repeat;}

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

#family h3 { 
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	width:100%;
	background-position:left;
	margin:10px 0 10px 0;
}


}



/* --お問合せ----------------------------------------------------------------*/		

#contact .mori {
	width:580px;
	border:3px solid #CADEA2;
	background-color:#EDF6DB;
	padding:20px 30px;
	margin:0 0 30px 40px;
	line-height:200%;
}

#contact .btn {
	width:345px;
	height:56px;
	margin:0 0 20px 30px;
}

	#contact .btn a {
		width:345px;
		height:56px;
		display:block;
		background:url(../img/contact/btn.jpg) no-repeat left top;
	}
	
	#contact .btn a:hover {
		background-position:0 -56px;}
		
		

@media screen and (max-width: 550px) {
	
#contact {padding-bottom:30px;}

#contact .mori {
	width:auto;
	padding:20px 5%;
	margin:0 3% 30px 3%;
}
	

#contact .btn {
	width:90%;
	margin:0 5%;
	height:40px;
	line-height:40px;
	text-align:center;
	border:1px solid #F63;
	border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

}

#contact .btn a {
	background-image:none;
	width:100%;
	margin:0;
	display:block;
	background-color:#FF9900;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
}

#contact .btn a:hover {
	background-color:#F30;

}
}


/* --スタッフ紹介----------------------------------------------------------------*/		
		
#staff .box {
	width:190px;
	padding:17px;
	border:1px solid #d6d6d6;
	float:left;
	margin:0 0 20px 10px;
}

	#staff .box p,
	#staff .boxl p {
		margin:0;
		padding:0;
	}

#staff .boxl {
	width:190px;
	padding:17px;
	border:1px solid #d6d6d6;
	float:left;
	margin:0 0 20px 30px;
}

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

#staff {padding-bottom:20px;}
	
#staff .box {
	width:auto;
	padding:17px;
	border:1px solid #d6d6d6;
	float:none;
	margin:0 5% 10px 5%;
	text-align:center;
}

	#staff .box p,
	#staff .boxl p {
		text-align:left;
	}

#staff .boxl {
	width:auto;
	padding:17px;
	border:1px solid #d6d6d6;
	float:none;
	margin:0 5% 10px 5%;
	text-align:center;
}
	
}

/* --プレミアムツアー----------------------------------------------------------------*/	

.prem {padding:20px 60px 40px 40px; margin:0 auto;}

.prem p.year {
	font-size:2em;
	color:#91383E;
	line-height:100%;
	margin:0;
	padding:0;
	font-family:"游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
}

	.prem dl {
		padding:0;
		font-size:1.1em;
		margin:10px 20px;
		font-family:"游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
		color:#000000;
	}

	.prem dt {
		float:left;  
		width:180px;  
		padding:10px 0 10px 0;  
		clear:both;
		line-height:145%;
		border-top:1px dotted #cccccc;
	}
	
	.prem h3,
	.prem h3 a {
		color:#3AA400;
		padding:0;
		margin:0 0 10px 0;
	}

	.prem dd {  
		margin-left:180px;  
		padding:10px 0 10px 0;
		line-height:145%;
		border-top:1px dotted #cccccc;
	}
	
	.prem dd.yr,
	.prem dt.yr {
		border-top:none;}
	

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

.prem {padding:20px 5px 40px 5px; margin:0 auto;}

.prem p.year {
	font-size:2em;
	color:#91383E;
	line-height:100%;
	margin:0;
	padding:0;
	font-family:"游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
}

	.prem dl {
		padding:0;
		font-size:1.1em;
		margin:10px 20px;

		color:#000000;
	}

	.prem dt {
		float:none;  
		width:100%;  
		padding:10px 0 10px 0;  
		clear:both;
		line-height:145%;
		border-top:none;
	}
	
	.prem h3,
	.prem h3 a {
		color:#3AA400;
		padding:0;
		margin:0 0 10px 0;
	}

	.prem dd {  
		margin-left:0;  
		padding:10px 0 10px 0;
		line-height:145%;
		border-top:1px dotted #cccccc;
	}
	
	.prem dd.yr,
	.prem dt.yr {
		border-top:none;}


}