@charset "utf-8";

/*見出しの文字サイズ・・・スマホはPCの約4/5にする*/

/* for Common & Smartphone*/
#contents{
	}
.secCon{
	}

/*top
#########################################*/
/*スライダー画像*/
.topMv{
	width:100% !important;
	}
.topMv div{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	height:70.7vw;
	}
.topMv #topMv01{
	background-image:url(../images/mv01.jpg);
	}
.topMv #topMv02{
	background-image:url(../images/mv02.jpg);
	}
.topMv #topMv03{
	background-image:url(../images/mv03.jpg);
	}





/*コンテンツ
#########################################*/
.topTtl01{
	font-size:30px;
	font-family: 'Lato', sans-serif;
	font-weight:100;
	line-height:1.2;
	margin-bottom:50px;
	text-align:center;
	letter-spacing:0.2em;
}


/*brand*/
.brandList{
	width:100%;
	max-width:700px;
	margin:0 auto;
	overflow:hidden;
}
.brandList li{
	float:left;
	width:48%;
	margin-right:4%;
	margin-bottom:40px;
}
.brandList li:nth-child(2n){
	margin-right:0;
}
.brandList li a{
	display:block;
	text-decoration:none;
}
.brandList li .brandListLogo{
	border:1px solid #e6e6e6;
	width:100%;
	padding:15px 0;
	margin-bottom:20px;
	text-align:center;
}
.brandList li .brandListName{
	text-algin:center;
	font-size:93%;
}

/*news*/
#topNewsShort{
	width:100%;
	max-width:600px;
	border:0;
}







/**/
footer{
	margin-top:-50px;
	padding-top:100px;
	z-index:100;
}


/*お問い合わせ*/
#fContact{
	margin-top:0;
	border-top:0;
}






/* for Smartphone 横とか*/
@media screen and (min-width: 480px) {
}

/* for Smartphone*/
/*横向きの際に適用*/
@media screen and (orientation : landscape) { 
}

/* for PC*/
@media print, screen and (min-width:768px) {

#contents{
	}
.secCon{
	}
/*top
#########################################*/
#topMv{
	}
.topMv div{
	height:70.7vw;
	}

/* 画像の表示指定 */
.topMv01{
	}



/*コンテンツ
#########################################*/
/*brand*/
.brandList{
	width:100%;
	max-width:700px;
	margin:0 auto;
	overflow:hidden;
}
.brandList li{
	float:left;
	width:200px;
	margin-right:50px;
	margin-bottom:50px;
}
.brandList li:nth-child(2n){
	margin-right:50px;
}
.brandList li:nth-child(3n){
	margin-right:0;
}
.brandList li .brandListLogo{
	padding:75px 0;
}
.brandList li .brandListName{
	font-size:108%;
}














}