@charset "utf-8";

/* CSS Document */

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

	追加

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

#naps_clm-container *:not(.breadcrumbs *){

	font-feature-settings: normal;

    font-family: Meiryo, fontFamily\.sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

    font-variation-settings: normal;

	line-height: 1.6;

	letter-spacing: 0;

}

#naps_clm-container p:not(#leadp){

	font-size: 14px;

	line-height: 1.6;

}

#naps_clm-container img {

    border: 0;

    height: auto;

    max-width: 100%;

    vertical-align: top;

}

#naps_clm-container .eclink,

#naps_clm-container .eclink a {

    line-height: 2;

}



@media screen and (max-width: 767px) {

}



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

	コンテナ

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



#naps_clm-container .slider {

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	height: 500px;

}

#naps_clm-container h1 {

	margin: 128px auto 0 auto;

	width: 970px;

}

#naps_clm-container h2 {

	font-size: 24px;

	font-weight: 700;

	text-align: center;

	border-bottom: 2px solid #333;

	padding-bottom: 5px;

	margin-top: 40px;

}

#naps_clm-container h3 {

	font-size: 20px;

	font-weight: 600;

}



#s_head, #leather, #offroad, #option {

	background-color: #f2f2f2;

}

#s_head, #casual, #leather, #racing, #offroad, #ladys, #option {

	padding: 10px 0 50px 0;

}



#leadp {

	text-align: center;

	font-size: 16px;

	font-weight: 600;

	margin-top: 40px;

}

.eclink {

	color: #ed1e79;

	border: 2px solid #ed1e79;

	border-radius: 5px;

	text-align: center;

	width: 38%;

	margin-top: 0px;

	margin-left: auto;

	line-height: 2;

}

#casual .eclink{

	margin-top: 50px;

}

.eclink a {

	color: #ed1e79;

	text-decoration: none;

	display: block;

}

.eclink a:hover {

	background-color: #ed1e79;

	color: white;

	transition: 0.7s;

	padding: 0;

}



@media screen and (min-width: 768px) {

.pcnon {

	display: none;

}

.inner {

	width: 1020px;

	margin: 0 auto;

}

#s_head ul {

	overflow: hidden;

	margin-top: 20px;

}

#s_head ul li {

	float: left;

	margin: 20px 2% 0 0;

	width: 32%

}

#s_head ul li:nth-child(3n) {

	margin-right: 0;

}

#s_head {

	padding: 0 0 80px 0;

}

.s1, .s2 {

	overflow: hidden;

	margin-top: 20px;

}

.s1 li {

	float: left;

}

.s1 li:first-child {

	width: 45%;

}

.s1 li:last-child {

	width: 53%;

	margin: 20px 0 0 2%;

}

.s2 li {

	float: left;

	width: 49%;

}

.s2 li:nth-child(2n) {

	margin-left: 2%;

}

.s2 li dl {

	overflow: hidden;

	margin-top: 20px;

}

.s2 li dt, .s2 li dd {

	float: left;

	width: 49%;

}

.s2 li dd {

	margin-top: 10px;

	margin-left: 2%;

}

}



@media screen and (max-width: 767px) {

.spnon {

	display: none;

}

	/* body{

		line-height: 1.35;

	} */

	.inner{

		width: 98%;

		margin: 0 1%;

	}

	#naps_clm-container .slider{

		height: 200px!important;

	}

	.eclink{

		width: 100%;

		margin-top: 40px;

	}

	#naps_clm-container h1{

		height: 100px;

		width: auto;

		margin: 50px auto;

	}

	#naps_clm-container h2{

		margin-top: 20px;

	}

	#leadp{

		margin: 20px 2% 0 2%;

		font-size: 14px;

		line-height: 1.3;

		text-align: left;

	}

	#s_head ul{

		overflow: hidden;

		margin-top: 20px;

	}

	#s_head ul li{

		float: left;

		width: 49%;

		margin: 2% 2% 0 0;

	}

	#s_head ul li:nth-child(2n){

		margin-right: 0;

	}

	#s_head {

	padding: 0 0 50px 0;

}

	.s1,.s2{

		margin-top: 20px;

}

	.s1 li{

		margin-top: 20px;

	}

	.s2 li dl{

		overflow: hidden;

		margin-top: 20px;

	}

	.s2 li dl dt, .s2 li dl dd{

		float: left;

	}

	.s2 li dl dt{

		width: 38%;

		margin-right: 2%;

	}

	.s2 li dl dd{

		width: 60%;

	}



}