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

body{
	font-family:"メイリオ","microsoft YaHei","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.6;
	color:#333;
	background:#fff;
}

/*Main Visual*/

#containerMV{
  width: 100%;
  height: 0;
  padding-top: calc(380 / 1620 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background:url(../images_common/mainVisual_skiresorts_top.jpg) center center / cover no-repeat;
  position:relative;
  border-top:3px solid #3399CC;
  border-bottom:3px solid #3399CC;
  
}

#title_MV{
	width:800px;
	background:rgba( 54,156,207,0.70);
	line-height:90px;
	color:#fff;
	font-size:48px;
	position:absolute;
	top: 30%;
	left: 0px;
	padding:0px 2px;
	text-align:center;
}
#MV_h1{
	margin:0 auto;
	}
#MV_subtitle{
	font-size:22px;
	
	line-height:50px;
}


#logo_MV{
	
	position:absolute;
	bottom:10%;
	right:7%;
}


/*コンテンツ共有*/
.container_one_para{
	width:100%;
	margin:0 auto;
	padding-bottom:20px;
}

.container_detail{
	width:1150px;
	margin:0 auto;
	padding-top:20px;
	
}


.explain_960{
	line-height:1.8;
}
#bf_footer{
	line-height:100px;
}

.para{
	margin:40px 0px;
}
.para h2{
	font-size:24px;
	margin-bottom:2px;
}
.para h3{
	font-size:20px;
	margin-bottom:2px;
}

#contact{
	margin:50px 0px 50px;
	font-size:18px;
}

.site_admin{
	margin:30px 0px 30px;
	font-size:18px;
	font-style:inherit;
	line-height:36px;
}



/*サブタイトル*/

.subtitle_h2{
	font-size:28px;
	margin:30px 0 20px;
	padding-left:10px;
}



.subtitle_h3{
	font-size:28px;
	text-align:center;
	margin:0 0 30px 0;
}
.subtitle_h3_left{
	font-size:26px;
	margin:0 0 20px 0;
}

.subtitle_h4{
	font-size:24px;
}




/*サイドコンテンツ*/

#contents_side{
	width:310px;
	float:left;
}

.subtitle_side{
	border-bottom: 2px solid #666;
	font-size: 24px;
	padding-left: 15px;
	margin-bottom:15px;
}
.box_side{
	width:300px;
	float:left;
	margin-bottom:50px;
	background:#fff;
	
}
.box_side h3{
	width:296px;
	background:#3399cc;
	padding-left:5px;
	color:#fff;
}
.box_side img{
	float:left;
}
.box_side .explain_box_side{
	width:196px;
	float:left;
	font-size:16px;
	line-height:1.5;
	padding-left:4px;

}
.box_side a{
	text-decoration:none;
	color:#333;
}
.box_side:hover{
	opacity:0.4;  
	filter:alpha(opacity=60); 
}

.box_side{
	-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out

}



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

#title_MV{
	position:absolute;
	top: 30%;
	left: 0px;
	font-size:130%;
	width:80%;
	line-height:120%;
}


#container_topics{
	width:100%;
}
#contents{
	width:100%;
	margin:3% 0 5% 0;
	overflow:hidden;
}
.container_one_para{
	width:100%;
}
.container_detail{
	width:97%;
	margin:0 2% 0% 1%;
}


.para{
	width:100%;

}
.para h2{
	width:100%;
	font-size:120%;
	padding-left:2%;
	margin:5% 0% 2%;
}
.para h3{
	width:100%;
	font-size:120%;
	padding-left:2%;
	margin:5% 0% 2%;
}
.para p{
	font-size:90%;
	padding:0% 3%;
	line-height:150%;
}
#contact{
	width:92%;
	font-size:100%;
    padding-left:3%;
}
.site_admin{
	width:92%;
	font-size:100%;
    padding-left:3%;

}


.subtitle_h2{
	width:100%;
	font-size:130%;
	margin:10% 0 0 0;
}
.subtitle_h3{
	width:98%;
	font-size:110%;
	margin:2% 1% 3% 1%;
}
.subtitle_h3_left{
	width:100%;
	font-size:110%;
	margin:2% 1% 3% 1%;

}
.subtitle_h4{
	width:100%;
	font-size:100%;
	margin:2% 1% 1% 1%;
}

.table{
	width:98%;
	margin:5% 1% 5% 1%; 
	font-size:90%;
	}

.table td{
	padding:1% 1% 1% 3%;  
	
}

}