@charset "utf-8";


.SP{display:none !important;}
@media only screen and (max-width:667px){
	.PC{display:none !important;}
	.SP{display:block !important;}
}

/* =======================================
	ポップアップメニュー
======================================= */

ul.child{
	background: #ffffff;
  display: none;
  position: absolute;
	width: 1059px;
	padding:20px 25px 15px 25px;
	box-sizing: border-box;
	z-index: 100;
	font-size: 80%;
	line-height: 150%;
}

#dNav.mCenter ul.child{
	margin:0 0 0 -364px!important;
}

#dNav.mRight ul.child{
	margin:0 0 0 -728px!important;
}


ul.child li a{
  padding: 5px 20px 10px 10px;
  color: #000000;
	width: 300px!important;
	float:left;
	background: url(/img/common/arrowRight.png) no-repeat left 10px!important;
}

ul.child.short li a{
	width:auto!important;
	margin-right:20px;
}



/* =======================================
	ページトップ
======================================= */
#pagetop{
    position: fixed;
    bottom: 20px;
    right: 20px;
		z-index:500;
}


/* =======================================
	PCヘッダー
======================================= */

#header{
	width:100%;
	background: url(/img/common/head_bg.jpg) no-repeat center top #ffffff;
}

	#header .headerInner{
		width:1060px;
		margin:auto;
	}

		#header .headerInner h1{
			width:263px;
			float:left;
		}

		#header .headerInner .headerRight{
			width:217px!important;
			float:right;
		}

			#header .headerInner .headerRight ul li{
				float:left;
				margin:15px 0 0 20px;
			}
				#header .headerInner .headerRight ul li img{
					vertical-align:top!important;
				}

			#header .headerInner .headerRight ul.sMenu{
				margin:30px 0 0 0;
			}

			#header .headerInner .headerRight ul.sns{
				margin:5px 0 0 123px;
			}

			#header .headerInner .headerRight ul.sns li{
				margin-left:20px;
			}


	#header .menuWrap{
		width:100%;
		background:#004280;
	}


	#header .menuWrap .menu{
		width:1060px;
		margin:auto;
	}
		#header .menuWrap .menu ul li{
			float:left;
		}


		#header .menuWrap .menu ul li a{
			display:block;
			height:54px;
			text-indent:-999px;
			overflow:hidden;
		}



		#header .menuWrap .menu ul.child li a{
			display:block!important;
			height:auto!important;
			text-indent:0!important;
			background: url(/img/common/arrowRight.png) no-repeat left 10px!important;
			padding-left:10px;
		}



			#header .menuWrap .menu ul li.m01 a{
				background: url(/img/common/menu01.png) no-repeat center top;
				width:64px;
			}
				body#home #header .menuWrap .menu ul li.m01 a{
				background-position:bottom;
			}


			#header .menuWrap .menu ul li.m02 a{
				background: url(/img/common/menu02.png) no-repeat center top;
				width:157px;
			}
				body#about #header .menuWrap .menu ul li.m02 a{
				background-position:bottom;
			}
			#header .menuWrap .menu ul li.m02 ul.child{
				margin-left:-63px!important;
			}



			#header .menuWrap .menu ul li.m03 a{
				background: url(/img/common/menu03.png) no-repeat center top;
				width:162px;
			}
				body#heli_ski #header .menuWrap .menu ul li.m03 a{
				background-position:bottom;
			}
			#header .menuWrap .menu ul li.m03 ul.child{
				margin-left:-220px!important;
			}



			#header .menuWrap .menu ul li.m04 a{
				background: url(/img/common/menu04.png) no-repeat center top;
				width:182px;
			}
				body#cat_ski #header .menuWrap .menu ul li.m04 a{
				background-position:bottom;
			}
			#header .menuWrap .menu ul li.m04 ul.child{
				margin-left:-382px!important;
			}



			#header .menuWrap .menu ul li.m05 a{
				background: url(/img/common/menu05.png) no-repeat center top;
				width:161px;
			}
				body#bc_hat #header .menuWrap .menu ul li.m05 a{
				background-position:bottom;
			}
			#header .menuWrap .menu ul li.m05 ul.child{
				margin-left:-564px!important;
			}



			#header .menuWrap .menu ul li.m06 a{
				background: url(/img/common/menu06.png) no-repeat center top;
				width:156px;
			}
				body#ski_area #header .menuWrap .menu ul li.m06 a{
				background-position:bottom;
			}
			#header .menuWrap .menu ul li.m06 ul.child{
				margin-left:-725px!important;
			}



			#header .menuWrap .menu ul li.m07 a{
				background: url(/img/common/menu07.png) no-repeat center top;
				width:178px;
			}
				body#inquiry #header .menuWrap .menu ul li.m07 a{
				background-position:bottom;
			}

			#header .menuWrap .menu ul li a:hover{
				background-position:bottom;
			}


/* =======================================
	SPヘッダー
======================================= */
header.SP{
	width:100%;
	position:fixed;
	z-index:1000!important;
	min-width:0!important;
}

body#home header.SP{
	border:none;
}

	header.SP .head01{
		padding:0 0 0 15px;
		z-index:1!important;
		background:#ffffff;
	}

	header.SP .spMenu{
		position:absolute;
		width:100%;
		background: url(/img/head_back_sp.png) repeat left bottom;
	}

		header.SP .spMenu #menu{
			border-bottom:none;
			display:none;
		}

			header.SP .spMenu #menu li{
				padding:10px 5px 10px 10px;
				border-top:1px dotted #bbbbbb;
			}
				header.SP .spMenu #menu li a{
					margin-left:10px;
					color:#000000;
					display:block;
					text-decoration:none;
				}

				header.SP .spMenu #menu li a.newwin{
					margin-right:10px;
					background: url(/img/icon.png) no-repeat right center;
				}

					header.SP .spMenu #menu li .menu_sns{
						width:200px;
						float:left;
					}
						header.SP .spMenu #menu li .menu_sns li{
							float:left;
							padding:5px 3px 3px 0;
							border:none;
						}

					header.SP .spMenu #menu li .english_sp{
						margin:3px 5px .0 0;
						float:right;
					}


	.menuBtn{
		position:absolute;
		right:7px;
		top:7px;
	}

	.logo_sp{
		position:absolute;
		right:75px;
		top:20px;
	}


/* =======================================
	スクロールメニュー
======================================= */
header {
	background: url(/img/head_back.png) repeat-x left bottom;
  width: 100%;
  color: #000000;
	z-index:300!important;
	min-width:1010px!important;
}

.cb-header {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}

header .menuLeft{
	float:left;
}

header .menuLeft h1{
	float:left;
}

	header .menuLeft ul.navi{
		margin:28px 0 0 35px;
		border-left:1px dotted #000000;
		float:left
	}

		header .menuLeft ul.navi li{
			line-height:105%;
			border-right:1px dotted #000000;
			padding:0 15px 0 15px;
			float:left;
		}


		header .menuLeft ul.navi li a{
			text-decoration:none;
			color:#000000;
		}
			header .menuLeft ul.navi li a.active{
				color:#065506;
			}

			header .menuLeft ul.navi li a.newwin{
				padding-right:18px;
				background: url(/img/icon.png) no-repeat right center;
			}


header .menuRight{
	float:right;
	margin:0 5px 0 0;
}


	header .menuRight .menu_sns{
		margin:22px 10px 0 0;
		float:left;
	}
		header .menuRight .menu_sns p{
			margin-right:18px;
			float:left;
		}

	header .menuRight .menu_english{
		margin:21px 30px 0 0;
		float:left;
	}

		header .menuRight .menu_logo{
			margin:19px 0 0 0;
			float:left;
		}




/* =======================================
	topmain
======================================= */

#main .about{
	background: url(/img/sabg.jpg) no-repeat left top;
	background-size:cover;
	padding:0 0 75px 0;
}


#main .area{
	background: url(/img/ambg.jpg) no-repeat left bottom;
	padding:0 0 75px 0;
	background-size:cover;
}


#main .topContents{
	padding:60px 0 0 0;
	width:1060px;
	margin:auto;
}


	#main .topContents .titleSet{
		width:1060px;
		padding:0 0 30px 0;
	}


		#main .topContents .titleSet .titleLeft{
			float:left;
			width:650px;
		}


		#main .topContents .titleSet .titleRight{
			margin:48px 0 0 0;
			float:right;
			width:288px;
		}


		#main .topContents .titleSet .titleRight li{
			width:134px;
			float:left;
			margin-left:10px;
		}


	#main .topContents .menuSet{
		margin:30px 0 0 0;
		width:1060px;
	}

		#main .topContents .menuSet ul{
			margin:0 33px 33px 0;
			float:left;
		}


	#main .topContents .bannerSet{
		margin-top:40px;
		width:1059px;
		padding:14px;
		box-sizing: border-box;
		background-color: rgba(255,255,255,0.5);
	}

		#main .topContents .bannerSet ul li{
			background: #ffff;
			width: 23.9%;
			text-align: center;
			float:left;
			margin-right:15px;
		}




	#main .topContents .newsSet{
		margin-top:7px;
		width:1059px;
		padding:15px 20px 15px 20px;
		box-sizing: border-box;
		background-color: rgba(255,255,255,1.0);
	}

		#main .topContents .newsSet h2{
			font-weight: bold;
			margin:0 0 7px 0;
			color:#0c4898;
			font-size: 110%;
		}
		#main .topContents .newsSet .newsTitle{
			font-weight: bold;
			font-size: 110%;
			margin-bottom: 2px;
		}



















	#main .topContents .mapSet .specWrapper{
		background:#ffffff!important;
		float:left;
		width:283px;
		line-height:160%;
		padding:10px 10px 6px 10px;
	}


	#main .topContents .mapSet{
		position:relative;
		margin:30px 0 0 0;
		width:1060px;
	}

		#main .topContents .mapSet .mapArrow{
			position:absolute;
			left:303px;
			top:50px;
		}


		#main .topContents .mapSet .specWrapper .spec h3{
			font-weight:bold;
			font-size:100%;
			padding:12px 5px 5px 5px;
			line-height:150%;
		}
			#main .topContents .mapSet .specWrapper .spec h3 span{
				font-size:80%;
				display:block;
				font-family: Arial;
			}

		#main .topContents .mapSet .specWrapper .spec .txt{
			padding:0 5px 0 5px;
			line-height:165%;
		}



			#main .topContents .mapSet .specWrapper .spec .txt ul{
				margin-bottom:5px;
			}
				#main .topContents .mapSet .specWrapper .spec .txt ul li{
					font-size:90%;
				}
				#main .topContents .mapSet .specWrapper .spec .txt ul li a{
					font-size:90%;
					background: url(/img/common/arrowRight.png) no-repeat left center!important;
					padding:0 0 0 10px;
				}



		#main .topContents .mapSet .specWrapper .spec .btn{
			text-align:center;
			margin:10px 0 4px 0;
		}



		#main .topContents .mapSet .map{
			position:relative;
			margin:-50px 0 0 150px;
			padding:0 0 0 10px;
			float:left;
		}

			#main .topContents .mapSet .map li.map01{
				position:absolute;
				top:100px;
				right:30px;
			}
			#main .topContents .mapSet .map li.map02{
				position:absolute;
				top:170px;
				left:141px;
			}
			#main .topContents .mapSet .map li.map03{
				position:absolute;
				top:255px;
				left:47px;
			}
			#main .topContents .mapSet .map li.map04{
				position:absolute;
				top:250px;
				right:35px;
			}
			#main .topContents .mapSet .map li.map05{
				position:absolute;
				top:330px;
				right:191px;
			}
			#main .topContents .mapSet .map li.map06{
				position:absolute;
				bottom:30px;
				right:20px;
			}
			#main .topContents .mapSet .map li.map07{
				position:absolute;
				bottom:30px;
				left:155px;
			}


		#main .topContents .mapSet .banner{
			float:right;
			width:240px;
		}
			#main .topContents .mapSet .banner p{
				margin:-20px 0 15px 0;
			}


/* =======================================
	スライドショー
======================================= */


#container {
	height:700px;
	width: 100%;
	padding:0;
	margin:0;
  position: relative;
	min-width:1060px;
}

#container .title{
  top:40px;
	left:55px;
  position: absolute;
  z-index:120;
}

#container .sns{
	margin:0 0 0 0;
}
	#container .sns p{
		float:left;
		margin-right:15px;
	}

#container .fb{
  top:30px;
	right:45px;
  position: absolute;
  z-index:120;
}

#container .camp{
  top:250px;
	right:45px;
  position: absolute;
  z-index:120;
}


.snsLogo{
  position: absolute;
  top:40px;
	right:30px;
  z-index:300;
}














/* =======================================
	contentsArea
======================================= */



#contentsArea{
	position: relative;
	width:1060px;
	margin:30px auto 50px auto;
}


.contentRight.scroll{position: absolute;top: 20px;right:0;}


#contentsArea .contentLeft{
	width:765px;
	float:left;
}


#contentsArea .contentRight{
	width:240px;
	margin-top: 20px;
	float:right;
}

	#contentsArea .contentRight .localMenu{
		font-weight:bold;
		font-size:85%;
		background:#b6cfe3;
		padding:5px 5px 5px 5px;
		box-sizing: border-box;
		margin:0 0 50px 0;
		line-height:160%;
	}
		#contentsArea .contentRight .localMenu ul{
			background:#ffffff;
		}

			#contentsArea .contentRight .localMenu ul li{
				border-top:1px dotted #9d9d9d;
			}

			#contentsArea .contentRight .localMenu ul li a{
				display:block;
				overflow:hidden;
				padding:10px 10px 10px 23px;
				background: url(/img/common/arrowLeft.png) no-repeat 10px center;
			}

			#contentsArea .contentRight .localMenu ul li a:hover{
				background: url(/img/common/arrowLeft.png) no-repeat 10px center #f1f8ff;
			}

.fixed {
    position: absolute;
}

	#contentsArea h2{
		font-family:Helvetica;
		font-weight:bold;
		padding-bottom:50px;
		margin-top:-30px;
		padding-top:50px;
	}

	#contentsArea h2 span{
		padding-top:5px;
		font-family:メイリオ;
		display:block;
		font-size:50%;
	}

	#contentsArea h3{
		font-weight:bold;
		font-size:150%;
		padding:40px 0 40px 0;
	}


	#contentsArea h4.title_bg{
		background: #f1f4f9;
		padding:2px 0 1px 10px;
		margin:35px 0 20px 0;
		font-weight:bold;
	}


	#contentsArea h4.title_flow{
		background: #f1f4f9;
		padding:10px 10px 10px 5px;
		margin:0 0 0 0!important;
		font-weight:bold;
	}

.arrow3{
  width: 30px;
	margin: 10px auto 0 auto;
}
.arrow3::after{
  content: "";
  display:block;
  border-top: 17px solid #2b5498;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  transform-origin: left top;
  transform: scaleY(.5);
}


	#contentsArea .banner{
		margin-bottom:15px;
	}


	.photoLeft{
		float:left;
		margin:10px 30px 20px 0;
	}

	.photoRight{
		float:right;
		margin:0 0 20px 30px;
	}

	.frameBox01{
		border:solid 1px #cfcfcf;
		box-sizing: border-box;
		padding:15px 15px 15px 20px;
	}

		.frameBox01 dt{
			font-weight:bold;
		}

	.frameBox02{
		background:#eef3f9;
		box-sizing: border-box;
		padding:15px 15px 15px 20px;
	}

		.frameBox02 dt{
			font-weight:bold;
		}



	.frameBox03{
		background:#f5f5f5;
		box-sizing: border-box;
		padding:15px 15px 15px 20px;
	}

		.frameBox03 dt{
			font-weight:bold;
		}
		.frameBox03 dd{
			text-indent:-1em;
			margin-left:1em;
		}

		.frameBox03 dd.noInd{
			text-indent:0;
			margin-left:0;
		}


	.frameBox03.bl{
		background:#faf7e7;

	}







		.btnInq{
			text-align:center;
			margin:50px 0 50px 0;
		}

#main{
	width: 100%;
	text-align:left;
	position:relative;
	z-index:120!important;
	overflow: hidden;
}



#contentsArea dl.heliList{
}
#contentsArea dl.heliList dt{
	width:50%;
	float:left;
}
#contentsArea dl.heliList dd{
	width:50%;
	float:left;
}



/* =======================================
	faq
======================================= */
.faqLeft{
	float:left;
	width: 520px;
}

.faqRight{
	float:right;
	width: 520px;
}

.menu_faq ul li{
	text-indent: -2.5em;
	margin:0 0 7px 2.5em;
}

.menu_faq ul li.ind02{
	text-indent: -3em;
	margin-left: 3em;
}

/* =======================================
	flow
======================================= */
.flowSet{}

.flowSet .flowLeft{
	float:left;
	width:630px;
}

.flowSet .flowRight{
	float:right;
	width:400px;
}



/* =======================================
	about
======================================= */

#main_about{
	background: url(/img/about/main.jpg) no-repeat left top;
	background-size:cover;
	height:530px;
}

/* =======================================
	heli_ski
======================================= */

#main_heli{
	background: url(/img/heli_ski/main.jpg) no-repeat left top;
	background-size:cover;
	height:530px;
}

#contentsArea .company{margin:0 0 50px 0;letter-spacing: 0.05em;}
#contentsArea	.company h3{border-bottom: 3px solid #cecece;padding:0 0 8px 0;margin:0 0 12px 0;font-size:120%;font-weight: bold;line-height: 1.6;}
			#contentsArea	.company h3 span{display:block;font-size: 85%;font-weight: bold;letter-spacing: 0.07em;}
	#contentsArea	.company h4{font-weight: bold;margin:0 0 5px 0;}
	#contentsArea	.company p{margin:0 0 20px 0;font-size:95%;}

	#contentsArea	.company table{border-top: 1px solid #cacaca;font-size: 95%;margin:0 0 20px 0;width:100%;}
			#contentsArea	.company table tr{border-left: 1px solid #cacaca;}
			#contentsArea	.company table th{border-bottom: 1px solid #cacaca;border-right: 1px solid #cacaca;background: #f1f4f9;padding:7px 10px;line-height: 1.4;text-align: left;}
			#contentsArea	.company table td{border-bottom: 1px solid #cacaca;border-right: 1px solid #cacaca;padding:10px;line-height: 1.7;}
			#contentsArea .company table td a{color:#013491;}

#contentsArea .company p.button{text-align:right;}


/* =======================================
	cat_ski
======================================= */

#main_cat{
	background: url(/img/cat_ski/main.jpg) no-repeat left top;
	background-size:cover;
	height:530px;
}



/* =======================================
	bc_hat
======================================= */

#main_bc{
	background: url(/img/bc_hat/main.jpg) no-repeat left top;
	background-size:cover;
	height:530px;
}


/* =======================================
	ski_area
======================================= */

#main_area{
	background: url(/img/ski_area/main.jpg) no-repeat left top;
	background-size:cover;
	height:530px;
}




/* =======================================
	footer
======================================= */

#footer {
  border-top:dotted 1px #9d9d9d;
  padding:35px 0 35px 0!important;
  text-align:center;
	font-size:75%!important;
}

		#footer ul li{
			text-align:center;
			display:inline-block;
		  color:#1c1c1c;
			line-height:100%;
			margin-bottom:20px;
			padding:0 10px 0 10px;
			border-right:1px dotted #9d9d9d;
		}

			#footer ul li a{
				text-decoration:none;
				color:#1c1c1c;
			}

		#footer p{
			font-family:Arial;
			font-weight:bold;
			color:#3d6eae;
			font-size:110%!important;
		}


/******************************************************/
/* clear */
/******************************************************/

.clear:after,
.fullSlideShow ul:after,
#container .menu:after,
#container .sns:after,
header:after,
header .menuLeft:after,
header .menuLeft ul.navi:after,
header .menuRight:after,
header .menuRight .sns:after,
header.SP .spMenu #menu li .menu_sns:after,
header.SP .spMenu #menu li:after,
#header .headerInner:after,
#header .headerInner .headerRight ul:after,
#header .menu ul:after,
#footer ul:after,
#contentsArea:after,
#contentsArea .contentLeft:after,
#main .topContents .titleSet:after,
#main .topContents .titleSet .titleRight:after,
#main .topContents .menuSet,
#main .topContents .bannerSet ul:after,
#main .topContents .mapSet:after,
.flowSet:after,
#contentsArea dl.heliList:after,
.menu_faq:after{
	display:block;content:"";clear:both;overflow:hidden;
}