@charset "utf-8";
/* CSS Document */

body{
	font-family:"メイリオ","ヒラギノ角ゴ 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(350 / 1620 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background:url(../../images/gear/ski/mainVisual_new_kiso_2023.jpg) center center / cover no-repeat;
  position:relative;
  border-top:3px solid #3399CC;
  border-bottom:3px solid #3399CC;
  
}




/*コンテンツ共有*/


#main_title{
	width:960px;
	margin:0 auto;
	font-size:40px
	
}

#container_main_side{
	width:100%;
	padding-top:100px;
	background:#eee;
}


#contents{
	width:960px;
	margin:0 auto;
	background:#eee;
}

.subtitle{
	width:960px;
	border-bottom: 2px solid #3399cc;
	font-size: 28px;
	margin-bottom:10px;
	
}

.subtitle_h3{
	width:960px;
	font-size: 26px;
	padding-left: 0px;
	line-height:1.5;
	margin:30px 0 0px 0px;
	
}

.container_onePara{
	width:960px;
	margin:20px 0 20px 0;
	
}


/*メインコンテンツ*/


#contents_main{
	width:960px;
	float:left;
	margin:0 0px 0px 0px;
}





/*common*/
.explain_460{
	width:440px;
	margin-left:20px;
	float:left;
	line-height:2.3;
	
}
.explain_960{
	width:960px;
	line-height:2.3;
	margin:0 0 20px 0;
}
.explain_960_MS{
	width:960px;
	line-height:2.3;
	margin:0 0 5px 0;
}
.photo_960{
		width:960px;
		margin:0 0 10px 0px;
	
}


.photo_460{
	width:460px;
	float:left;
}




/*ブランド一覧*/

#box_brandName{
	width:960px;
	margin:30px auto 100px;
}
#box_brandName img{
	margin:30px 25px 0 0;
}

#box_brandName{
	-webkit-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out
}
#box_brandName a{
	text-decoration:none;
}

#box_brandName a:hover{
	opacity: 0.4;  
	filter: alpha(opacity=60); 
}

/*製品・仕様の味方*/
.box_one_para{
	width:960px;
	margin:30px 0 100px;
	
}
.box_one_para h3{
	font-size:22px;
	border-bottom:2px solid #666666;
	margin-top:50px 0px 0px 0px;
}
.to_skiSelect{
	padding:30px 0px 15px 25px;
}


/*分類*/
.type{
	width:170px;
	color:#fff;
	font-size:14px;
	line-height:25px;
	text-align:center;
	background:rgba(21,122,253,1.00);
	margin:30px 0 10px;
}
.type #touring{
	background:rgba(5,187,20,1.00)
}



/*形状*/

.shape{
	width:170px;
	color:#fff;
	font-size:14px;
	line-height:25px;
	text-align:center;
	background:rgba(249,177,41,1.00);
	margin:30px 0 10px;
}
.shape #tt_rocker{
	background:rgba(239,78,0, 1.00);
}
.shape #t_rocker{
	background:rgba(232,0,62, 1.00)
}
.shape #full_rocker{
	background:rgba(71,59,133,1.00);
}
.shape #tt_zero{
	background:rgba(1,106,163,1.00);
}
.shape #t_zero{
	background:rgba(1,147,82,1.00);
}
.box_shape{
	padding-bottom:50px;
}

.shape_explain{
	float:left;
	}
.shape_explain p{
	width:420px;
	float:left;
	padding-right:20px;
}





/*サイドコンテンツ*/

#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){
	
#container_main_side{
	width:100%;
	overflow:hidden;
}


#main_title{
	width:98%;
	margin:1% 0% 1%;
	font-size:120%;
	word-wrap:break-word;
	
}


#title_MV{
	position:absolute;
	top: 10%;
	left: 0px;
	font-size:80%;
	width:100%;
	line-height:120%;
}


#container_main_side{
	width:100%;
	padding-top:10%;
	overflow:hidden;
	
}

#contents{
	width:100%;
}

#contents_main{
	width:100%;
	margin-bottom:10%;
	
}

.container_onePara{
	width:100%;
	margin:5% 0% 12%;

}


.subtitle{
	width:98%;
	padding-left:2%;
	font-size:110%;
}
.subtitle_h3{
	width:100%;
	font-size:120%;
}


.photo_960{
	width:100%;
}
.photo_960 img{
	width:100%;
	height:auto;
}
.photo_460{
	width:100%;
}
.photo_460 img{
	width:100%;
    height:auto;
}

.explain_460{
	width:96%;
	font-size:90%;
	line-height:170%;
	margin:3% 2% 5% 2%;
}

.explain_960{
	width:96%;
	font-size:90%;
	line-height:170%;
	margin:3% 2% 5% 2%;
}
.explain_960_MS{
	width:96%;
	font-size:90%;
	line-height:170%;
	margin:3% 0% 5% 2%;
}


.box_topics{
	width:46%;
	margin:2% 2% 5% 2%;

}
.box_topics img{
	width:100%;
	height:auto;
}
.box_topics_title{
	width:94%;
	font-size:100%;
	line-height:150%;

}
.box_topics p{
	font-size:80%;
}

.box_topics_460{
	width:96%;
	margin:2% 2% 7% 2%;
	position:relative;
}
.box_topics_460 img{
	width:100%;
	height:auto;
}

.box_topics_title_460{
	width:90%;
	font-size:100%;
	position:absolute;
	top: 60%;
	left: 0%;
}

#contents_side{
	width:100%;
}
.subtitle_side{
	width:98%;
	padding-left:2%;
	font-size:140%;
}

.box_side{
	width:96%;
	margin:2% 2% 5% 2%;
}
.box_side h3{
	width:98%;
}
.box_side img{
	width:30%;
	height:auto;
}
.box_side .explain_box_side{
	width:67%;
	font-size:90%;
}

/*skirelated*/
#box_brandName{
	width:94%;
	margin:3% 3% 10% 3%;
}
#box_brandName img{
	width:30%;
	height:auto;
	margin:2% 0% 2% 1%;
}

.box_one_para{
	width:98%;
	font-size:80%;
	padding:0% 1%;
}
.box_one_para h3{
	width:100%;
	font-size:100%;
}
.subTitle_explain{
	width:100%;
	font-size:80%;
	line-height:120%;
}

.to_skiSelect{
	width:100%;
	text-align:center;
	padding:10% 0% 0% 0%;	
}

.box_shape{
	width:100%;
}
.shape{
	width:60%;
	font-size:90%;
}
.shape_explain{
	width:100%;
}
.shape_explain p{
	width:98%;
	font-size:70%;
	padding-left:1%;
}

.shape_img img{
	width:95%;
	height:auto;
	margin-top:3%;
}


}
