@charset "UTF-8";

/* メーカー一覧 */

.page_title{background-image:url(../../link/img/page_title.jpg);}

.main h3{background:#a460c0;}
.main h4{border-bottom:solid 2px #a460c0; margin-bottom:8px;}

.maker_link{
	display:block;
	padding:12px;
	border-bottom:solid 1px #ccc;
	text-decoration:none;
	transition:.3s;
}
.maker_link:hover{background:#f5f5f5;}
.maker_link dl{display:table; width:100%;}
.maker_link dt{display:table-cell; width:22%; font-weight:bold;}
.maker_link dd{display:table-cell;}

.gas_link{overflow:hidden; width:100%; padding-left:1%; margin:0 auto;}
.gas_link li{
	display:block;
	width:24%;
	margin:20px 1% 0 0;
	float:left;
	text-align:center;
	border:solid 1px #ccc;
	border-radius:24px ;
	-moz-border-radius:24px ;
	-webkit-border-radius:24px ;
	line-height:36px;
}
.gas_link li a{
	display:block;
	width:100%;
	text-decoration:none;
	transition:.3s;
	border-radius:24px ;
	-moz-border-radius:24px ;
	-webkit-border-radius:24px ;
}
.gas_link li a:hover{background:#666; color:#fff;}

/* ▼768px以下の場合に適用（iPad portrait以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {

.maker_link{}
.maker_link dl{display:block;}
.maker_link dt{display:block; width:100%;}
.maker_link dd{display:block;}

.gas_link{}
.gas_link li{
	width:80%;
	float:none;
	margin:20px auto 0;
}

}