@charset "utf-8";
/* CSS Document */

/*レイアウト構築用*/
/*div,img,a{  border: solid 1px #cccccc; }*/

/*---------------------------------------------
ヘッダー
----------------------------------------------*/
div#wrap{
padding-top: 0px;	
}
header#dealer_head{
	font:  'M PLUS 1';		
}
#header_box,#adb_foot{
	background: #188d6e;
	color: #ffffff;
	display: flex;
	justify-content: space-around;
	padding: 5px 0;
	
	ul{
		max-width: 1390px;
		display: flex;
		justify-content: space-between;
		width: 60%;
	}
	li{
		text-wrap: nowrap;
		font-size: 110%;
		font-weight: 500;
		text-align: center;
	}
	a{
		color: #ffffff;
		padding: 5px 0;
		letter-spacing: 1px;
	}
}
div#air_dan{
	width: 100%;
	margin-bottom: 45px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.air_dan01{
	width: 48%;
	height: 500px;
	/*    background-size: auto;
	background-size: cover;*/
	height: 250px;
	display: flex;
	justify-content: end;	
}
.ph{
  width: 52%;	
  background: url(../images/air_dan/ph01_2.jpg) no-repeat center center;
  background-size: cover;
  height: 250px;	
}
#air_dan .air_dan01 dt {
  line-height: 160%;
  /*margin-bottom: 50px;*/
  font-size: 130%;
}
#air_dan .air_dan01 dl {
  max-width: 650px;
 /* width: 48%;*/
	padding: 0 5%;
}
#air_dan .air_dan01 dd {
	color: #188D6E;
	font-size: 23px;
}
#air_dan .air_dan01 h6 {
	color: #188D6E;
	font-size: 32px;
	font-weight: 600;
}

#dealer_head h5{
	color: #188D6E;
  font-size: 230%;
  margin-top: 10px;
	margin-bottom: 25.5px;
}
/*---------------------------------------------
ヘッダーここまで
----------------------------------------------*/

/*---------------------------------------------
ディーラー店リンクリスト
----------------------------------------------*/
#dealer{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font:  'M PLUS 1';
	align-items: end;
}
h3#dealer_title{
	display: block;
	max-width: 1390px;
	width: 100%;
	font-size: 30px;
	font-weight: 500;
	flex-basis:100%;
	letter-spacing: 0px;
	color: #188D6E;
	border-bottom: 4px solid #188D6E;
	text-align: center;
}
#about_d{
	width: 44%;
  	margin-right: 20px;
	
	h5{
		font:'M PLUS 1';
		font-size: 150%;
		font-weight: 400;
		color: #666666;
		text-align: center;
	}
	
	div{
/*		background:url("../images/dealer/sample_d.png") no-repeat;
		background-size: cover;*/
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 56.25%;
		position: relative;		
	}
	iframe{
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;		
	}
	
	a{
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;			
	}
}
#infomation{
	width: 40%;
	display: flex;
	justify-content: center;
}
.info_link{
	background: url("../images/dealer/kengaku_link.png") no-repeat;
	width: 668px;
	height: 0;
	padding-top: 77.5%;
	display: block;
	background-size:contain;
}
.info_link:hover{ opacity: 0.7;}

#dealer_btnbox {
	max-width: 1390px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 37px;
}
#dealer span{
	display: block;
	width: 100%;
	flex-basis:100%;
	text-align: center;
}
#dealer span#dealer_supplement{
	font-size: 150%;
	font-weight: 400;
	color: #707070;
	margin-top: 30px;
	margin-bottom: 12px;	
}
.dealer_btn{
	display:block;
	width: 187px;
	height: 92px;
	background: #188D6E 0% 0% no-repeat padding-box;
	border-radius: 19px;
	color: #ffffff;
	font-size: 22.5px;
	font-weight: 500;
	text-align: center;
	padding-top: 22px;
	margin-bottom: 20px;
}
.dealer_btn:hover{
	color: #ffffff!important;
}

#dealer_cmbox{
	max-width: 1390px;
	background: #FFFAF1 0% 0% no-repeat padding-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 27px;
	padding:9px 77px 20px 77px;
}
h4.dealer_cm_title{
	display: block;
	width: 100%;
	font:'M PLUS 1';
	font-weight: 400;
	font-size: 150%;
	letter-spacing: 0px;
	color: #188D6E;
	opacity: 1;	
	text-align: center;
	margin-bottom: 10px;
}
.unbtm{
	margin-bottom: 0!important;
}

/*youtube埋め込み関連設定*/

/*youtubeレスポンシブ・モーダルウィンドウ対応用*/
div.dealer_cm_width{
	width:228px;
	margin-bottom: 20px;	
}
div.dealer_cm_item{
	margin-bottom: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 56.25%;
	/*padding-top: 71.25%;*/	
	position: relative;
	width: 100%;
	
	/*サンプル用*/
	/*background: url("../images/dealer/sample.png") no-repeat;
	background-size: cover;*/
	/*サンプル用ここまで*/

	iframe{
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	a{
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;	
		}
		
	/*↓サンプル用*/	
/*		img{
		height: 100%;
		left: 0;*/
		/*position: absolute;*/
/*		top: 0;
			
		}	*/
	
}	
	.dealer_cm_width h7{
		text-align: center;
		display: block;
		font-size: 16px;
		font-weight: 400;
		color: #188D6E;
		line-height: 1;
	}
	.cm_min{
		text-align: center;
		font-weight: normal;
	}
	.cm_min::after{
		content: "秒"
	}

/*---------------------------------------------
ディーラー店リンクリストここまで
----------------------------------------------*/
/*---------------------------------------------
メイン動画
----------------------------------------------*/
#movie{
width: 100%;
  background-color: #FFFAF1;
  margin: 0px;
  padding: 50px 0;
  padding: 5px 0;	
}
#movie #inner{
max-width: 1200px;
  width: 90%;
  margin: 0px auto;	
}
#movie #inner ul{
display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-around;	
}
#movie ul{
	border-bottom: 0;
	padding-bottom: 35px;	
}
#movie ul li{
	width: 30%;
	margin-bottom: 2%;
}
.noLeftSpc{ margin-right: 0 !important; }
#movie #inner ul li p{ text-align: center; }
.ondo_stl{
	color: firebrick;
	font-weight: 600;
	margin-bottom: 0 !important;
	padding-bottom: 0;
	line-height: 1;
	font-size: 150% !important;
}
#movie #inner ul li .youtube{
	display: block;	
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	
	iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;	
	}
	a{
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;			
	}
}

.topp_link{
background: #178D6D;
  display: block;
  margin: 0 auto;
  text-align: center;
  /*width: 687px;
  height: 357px;*/
  width: 410px;
  height: 136px;
  box-shadow: 5px 5px 0px #00000042;	
}

/*---------------------------------------------
メイン動画ここまで
----------------------------------------------*/
/*---------------------------------------------
問い合わせフォーム
----------------------------------------------*/
#link_erea{
}
#magazine_link{
	background-image: none !important;
  font-size: 130%;
  font-weight: 500;
  color: white;
  padding-top: 50px;
	
}
#magazine_link span{
}
/*---------------------------------------------
問い合わせフォームここまで
----------------------------------------------*/

/*---------------------------------------------
フッター
----------------------------------------------*/
footer .foot1{
margin-bottom: 0;
  padding: 0;
  background: #188d6e;
  color: #ffffff;	
}
footer .foot1 li {
	width: auto;
	margin-right: 0;
}
footer .foot1 li a{
	margin: 0;
}





/*---------------------------------------------
フッターここまで
----------------------------------------------*/

