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


/*** ------------------------------------------------------------------------------ 

見出し

-----------------------------------------------------------------------------  ***/
.headline_temp01{
	margin-bottom:25px;
	padding-bottom:10px;
	text-align:center;
	font-size:21px;
	font-weight:bold;
	color:#002c52;
	position:relative;
}
.headline_temp01:after{
	content: "";
	width: 25px;
	height: 3px;
	background:#002c52;
    position: absolute;
    left: 50%;
    bottom: 0;
}


/*** ------------------------------------------------------------------------------ 

各パーツ

-----------------------------------------------------------------------------  ***/
/* link-btn */
.link-btn,
.link-btn_w{ text-align:center;}
.link-btn a,
.link-btn_w a{
	display:inline-block;
	background:url("../img/arrow01.png") no-repeat right 20px center #001527;
	padding:15px 65px;
	border-radius:30px;
	text-decoration: none;
	color:#fff;
}
.link-btn_w a{
	background:#fff;
	color:#001527;
}
.link-btn a:hover,
.link-btn_w a:hover{
	opacity:0.7;
}


/* price-btn */
.price-btn a{
	display:block;
	padding:14px 0;
	background: url(../img/icon_price01.png) no-repeat left top #c00000;
	text-align:center;
	font-size:28px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
.price-btn a span{
	padding-left:50px;
	background: url(../img/icon01.png) no-repeat left center;
}
.price-btn a:hover{
	background: url(../img/icon_price01.png) no-repeat left top #eb0000;
}

@media screen and (max-width:737px){
	.price-btn a{
		font-size:20px;
		background-size:80px;
	}
	.price-btn a span{
		padding-left:35px;
		background: url(../img/icon01.png) no-repeat left center;
		background-size:24px;
	}
	.price-btn a:hover{
		background-size:80px;
	}
}


/* list-box_temp01 */
.list-box_temp01 li{
	width: 318px;
	float:left;
	background:#fff;
	margin:0 20px 20px 0;
	border-bottom: 3px solid #263f5e;
}
.list-box_temp01 li:nth-child(3n){ margin:0 0 20px 0;}
.list-box_temp01 li .text{ padding:15px 15px 5px 15px;}

@media screen and (max-width:737px){
	.list-box_temp01{
		/*margin:0 0 10px;
		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;*/
		
    width:100%;
    margin:0 0 10px;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-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;		
		
	}
	.list-box_temp01 li{
		/*width: 48%;
		float: left;
		border-bottom: 3px solid #263f5e;
		margin: 0 3% 3% 0;
		list-style:none;*/
		
	width: 48%;
	border-bottom: 3px solid #263f5e;
    list-style: none;
    padding-bottom: 65px;
    margin: 0 3% 3% 0;
    position: relative;
		
	}	
	.list-box_temp01 li:nth-child(2n) { margin: 0 0 3% 0;}
	.list-box_temp01 li:nth-child(3n){ margin: 0 3% 3% 0;}
	.list-box_temp01 li:nth-child(6n){ margin: 0 0 3% 0;}

	.list-box_temp01 li .img{
		text-align: center;
		padding: 10px 10px 0 10px;
	}
	.list-box_temp01 li .img img{
		max-width: 100%;
	}
	.list-box_temp01 li .text{ padding:10px;}
}

/* 181218 list-box_temp02 */
.list-box_temp02 li{
	width: 318px;
	float:left;
	background:#fff;
	margin:0 20px 20px 0;
	border-bottom: 3px solid #263f5e;
}
.list-box_temp02 li:nth-child(3n){ margin:0 0 20px 0;}
.list-box_temp02 li .text{ padding:15px 15px 5px 15px;}

@media screen and (max-width:737px){
	.list-box_temp02{
    width:100%;
    margin:0 0 10px;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-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;		
		
	}
	.list-box_temp02 li{
	width: 48%;
	border-bottom: 3px solid #263f5e;
    list-style: none;
    padding-bottom: 10px;
    margin: 0 3% 3% 0;
    position: relative;
		
	}	
	.list-box_temp02 li:nth-child(2n) { margin: 0 0 3% 0;}
	.list-box_temp02 li:nth-child(3n){ margin: 0 3% 3% 0;}
	.list-box_temp02 li:nth-child(6n){ margin: 0 0 3% 0;}

	.list-box_temp02 li .img{
		text-align: center;
		padding: 10px 10px 0 10px;
	}
	.list-box_temp02 li .img img{
		max-width: 100%;
	}
	.list-box_temp02 li .text{ padding:10px;}
}

/* 181218 list-box_temp03 */
.list-box_temp03 li{
	width: 318px;
	min-height:412px;
	float:left;
	background:#fff;
	margin:0 20px 20px 0;
	border-bottom: 3px solid #263f5e;
}
.list-box_temp03 li:nth-child(3n){ margin:0 0 20px 0;}
.list-box_temp03 li:nth-of-type(11):nth-last-of-type(1){ height: 410px;}
.list-box_temp03 li .text{ padding:15px 15px 5px 15px;}

@media screen and (max-width:737px){
	.list-box_temp03{
    width:100%;
    margin:0 0 10px;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-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;		
		
	}
	.list-box_temp03 li{
	width: 48%;
	min-height:auto;
	border-bottom: 3px solid #263f5e;
    list-style: none;
    padding-bottom: 65px;
    margin: 0 3% 3% 0;
    position: relative;
		
	}	
	.list-box_temp03 li:nth-child(2n) { margin: 0 0 3% 0;}
	.list-box_temp03 li:nth-child(3n){ margin: 0 3% 3% 0;}
	.list-box_temp03 li:nth-child(6n){ margin: 0 0 3% 0;}
	.list-box_temp03 li:nth-of-type(11):nth-last-of-type(1){ height: auto;}

	.list-box_temp03 li .img{
		text-align: center;
		padding: 10px 10px 0 10px;
	}
	.list-box_temp03 li .img img{
		max-width: 100%;
	}
	.list-box_temp03 li .text{ padding:10px;}
}

/* 手洗い・プレミアム洗車バナー */
.sp-show{
	display: none;
}
.pc-show{
	display: block;
}
.tearai_premium{
	margin-top: 20px;
}
.tearai_premium a:hover {
	opacity:0.7;
}

@media screen and (max-width:737px){
.sp-show{
	display: block;
}
.pc-show{
	display: none;
}
.sp-show img{
	max-width: 100%;
}
}


/*** ------------------------------------------------------------------------------ 

181017 コーティングTOPサービス一覧に「詳しくはこちら」追加

-----------------------------------------------------------------------------  ***/

.service_kwsk{
	text-align: center;
    border-radius: 3px;
	margin: 20px 10px;
}
.service_kwsk a{
	background: url("../img/arrow01.png") no-repeat right 20px center #001527;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
    text-decoration: none;
	display: block;
	padding: 10px 80px 10px 80px;
}
.service_kwsk a:hover {
	opacity: 0.7;
}
@media screen and (max-width:737px){
	.service_kwsk {
    padding:1% 1%;
    display: block;
    position: absolute;
    bottom: 5px;
    width:88%;
	margin: 3% 5%;
}
	
	.service_kwsk a{
		/*padding: 5% 10% 5% 10%;
		margin-top: 5%;
		text-align: center;
		color: #FFF;
		font-weight: normal;
		font-size: 14px;*/
	background: #001527;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	padding: 10px 20px;
    display: inline-block;
	}	

}


/* 店舗案内にGoogleマップボタン追加 */

.gmap{
	text-align: center;
	margin-top: 40px;
}
	
.gmap a{
    text-decoration: none;
	padding: 10px 90px;
	font-weight: bold;
	color: #c00000;
    border: solid 2px #c00000;
    border-radius: 3px;
	background: url(../img/arrow01r.png) no-repeat right 20px center #fff;
}
.gmap a:hover {
    color: #fff;
	background: url(../img/arrow01.png) no-repeat right 20px center #c00000;
}
@media screen and (max-width:737px){
	.gmap {
    padding:1% 1%;
    display: block;
    position: absolute;
    bottom: 5px;
    width:100%;
	margin: 5% 0;
}
	
	.gmap a{
	padding: 10px 20px;
    display: inline-block;
	background:none;
	}	
	.gmap a:hover {background:#c00000;}
}

.gmap_last{
	text-align: center;
	margin-top: 20px;
}
.gmap_last a{
    text-decoration: none;
	padding: 10px 90px;
	font-weight: bold;
	color: #c00000;
    border: solid 2px #c00000;
    border-radius: 3px;
	background: url(../img/arrow01r.png) no-repeat right 20px center #fff;
}
.gmap_last a:hover {
    color: #fff;
	background: url(../img/arrow01.png) no-repeat right 20px center #c00000;
}
@media screen and (max-width:737px){
	.gmap_last {
    padding:1% 1%;
    display: block;
    position: absolute;
    bottom: 5px;
    width:100%;
	margin: 5% 0;
}
	.gmap_last a{
	padding: 10px 20px;
    display: inline-block;
	background:none;
	}	
	.gmap_last a:hover {background:#c00000;}
}