@charset "UTF-8";
/****************************************
	common.cssにあったもの
*****************************************/



/****************************************
	html内にあったもの
*****************************************/

a:link,
a:visited,
a:active {
	color: #000;
}
/*
a:hover {
	color: #000 !important;
}*/

.column {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

#undercolumn {
	background-color: inherit;
	width: 100%;
	line-height: 1.5em;
	margin-top: 0;
}

#undercolumn h4 {
	margin-bottom: 1em;
}

h2 {
padding: 0.4em 0.5em;
/*文字の上下 左右の余白*/
color: #333;
/*文字色*/
background: #f4f4f4;
/*背景色*/
border-left: solid 5px #da1818;
/*左線*/
border-bottom: solid 3px #d7d7d7;
/*下線*/
margin-bottom: 15px;
	font-size: 16px;
}
/* ページ専用 */
img.auto {
	width: 100%;
	height: auto;
}

.btn-square {
	position: relative;
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	color: #FFF;
	background: #736d71;
	/*色*/
	border: solid 1px #7d7d7d;
	/*線色*/
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	font-size: 16px;
	font-weight: bold
}

.btn-square:active {
	/*押したとき*/
	border: solid 1px #736d71;
	box-shadow: none;
	text-shadow: none;
}

a:link,
a:visited,
a:link:hover,
a[href]:hover {
	text-decoration: none;
}

.shop-rec {
	margin-bottom: 10em;
}

.shop-rec p {
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 2em;
}

.shop-rec a {
	color: #fff;
}

.sekoutentitle {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	border-bottom: 4px solid;
	border-image: linear-gradient(to right, #4169e1 0%, #fc0000 100%);
	border-image-slice: 1;
	padding-bottom: 0.5em;
	margin-bottom: 2em;
}

.sekouten3 .eria {
	border-bottom: none;
	background: #ddd;
	font-size: 16px;
	padding: 10px 0 10px 10px;
	margin: 20px 0;
	font-weight: bold;
	color: #fff;
	scroll-margin-top: 100px;/*車種別検索で隠れる為*/
}

.area {
	margin-bottom: 3em;
}

.area ul {
	font-size: 14px;
	line-height: 1.3;
	display: flex;
	flex-wrap: wrap;
}

.area ul li {
	list-style: circle;
	list-style-position: inside;
	margin-bottom: 1.8em;
	position: relative;
	text-indent: -1.5em;
	padding: 0 0 1em 2em;
	border-bottom: 1px solid #ddd;
}

.area ul li:nth-child(odd) {
	width: 70%;
}

.area ul li:nth-child(even) {
	display: flex;
	width: 30%;
}

.area ul li.sheeticon {
	display: flex;
	justify-content: flex-start;
	width: 30%;
}

.area ul li.sheeticon img {
	width: 4em;
	height: 4em;
	margin-right: 20px;
}

@media screen and (max-width: 880px) {
	.shop-rec {
		margin-bottom: 6em;
	}

	.shop-rec p {
		font-size: 16px;
		line-height: 1.5em;
		margin-bottom: 2em;
		text-align: justify;
	}

	.sekoutentitle {
		font-size: 20px;
	}


	.area ul li.sheeticon img {
		width: 3em;
		height: 3em;
	}

	.area ul li:nth-child(odd) {
		width: 100%;
		border-bottom: none;
		margin-bottom: 0;
	}

	.area ul li:nth-child(even) {
		width: 100%;
		justify-content: flex-end;
	}
	.sekouten3 {
		text-align: left;
	}


	#undercolumn h4 {
		font-weight: bold;
		background: #F00;
		color: #FFF;
		padding: 10px;
	}

}