@charset "UTF-8";
/* ---------------------------------------------------------
	/lineup
------------------------------------------------------------ */
#lineup .gridCoatingLineup > li > a { display: block; padding: 0px; text-align: center; font-weight: 700; font-size: 114%; line-height: 1.2; color: #333; }
#lineup .gridCoatingLineup > li > a:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
#lineup .gridCoatingLineup > li > a > * { display: inline-block; vertical-align: middle; }
#lineup .gridCoatingLineup > li > a span { padding-right: 56px; font-size: 0.84rem; }
#lineup .gridCoatingLineup > li > a span img { margin: 0px -20px 10px 0px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #lineup .gridCoatingLineup > li > a span img { margin: 0px 0px 10px 0px; } }
@media screen and (min-width: 0px) and (max-width: 667px) { #lineup .gridCoatingLineup > li > a { padding: 0px; }
	#lineup .gridCoatingLineup > li > a:before { min-height: 54px; } }
#lineup .gridCoatingLineup > li > a:before { min-height: 118px; }
#lineup .gridCoatingLineup > li > a.active { position: relative; }
#lineup .gridCoatingLineup > li > a.active span:before { position: absolute; content: ''; top: -1px; bottom: -1px; left: -1px; right: -1px; border: 4px solid #0b3290; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li:first-child a { background: #e8f6fb url("../img/lineup/coating/p_coating01.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild2 a { background: #fff9d9 url("../img/lineup/coating/p_coating07.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild3 a { background: #f2edda url("../img/lineup/coating/p_coating02.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild4 a { background: #e5ecf4 url("../img/lineup/coating/p_coating03.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild5 a { background: #dffae9 url("../img/lineup/coating/p_coating06.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild6 a { background: #ffffff url("../img/lineup/coating/p_coating05.jpg") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.lastChild { border: none; }

/* ---------------------------------------------------------
	 /ecofresh
------------------------------------------------------------ */
.ecofresh {
	width: 934px;
	margin: 0 0 0 5px;
}
.ecofresh .ef-top { height:348px!important; }
.ecofresh .ef-merit {
	height:74px!important;
	background-color: #ffee00;
	padding:3em 3% 0;
}
.ecofresh .wrap-content {
	position:relative;
}
.ecofresh .wrap-content .car {
	position:absolute;
	top: 447px;
    left: 15%;
    z-index: 80;
    width: 650px;
    height: 152px;
	background-image:url(../img/lineup/coating/fresh/befor_after_car.png);
}
.ecofresh .ef {
	background-color: #ffee00;
	padding:3em 3%;
	display:flex;
	flex-flow: row wrap;
	justify-content:space-between;
}
.ecofresh .ef .item {
	flex-basis:23%;
	background-color: #fff;
}
.ecofresh .ef .item h2 img {
	padding:0.5rem 0 0 0.5rem;
	width:80%;
}
.ecofresh .ef .item h3 {
	color:#222;
	font-size:1.3rem;
	padding:0 0 0.5rem 0.5rem;
	font-weight: 600;
	font-style:oblique;
 }

.ecofresh .ef .item p {
	display:block;
	padding: 5% 5% 0 5%;
	height: 6rem;
	font-size: 0.86rem;
}
.ecofresh .ef .item img {
	vertical-align: bottom;
	padding:0 4%;
	width:92%;
}
.ecofresh .ef .item img.par0 {
	vertical-align: bottom;
	padding:0 0 0 8%;
	width:92%;
}
.ecofresh .bf-wrap {
	background-color: #fff;
	padding:1em 0 4.5em;
	border-bottom: 1rem solid #ffee00;
}
.ecofresh .bf-wrap h2 {
	color: #222;
	font-size: 2em;
	margin: 1em 0 0.5em;
}
.ecofresh .bf {
	display:flex;
	flex-flow: row wrap;
	padding:0;
}
.ecofresh .bf .item {
	flex-basis:50%;
}
.ecofresh .bf .item.first {
	background-color: #fff9d9;
	flex-basis:43.5%;
	padding:3em 3% 8em;
	border-radius:10px 0 0 10px;
	border-top:2px solid #e60013;
	border-bottom:2px solid #e60013;
	border-left:2px solid #e60013;
}
.ecofresh .bf .item.first h3 {
	color: #e60013;
	font-size: 2em;
	text-align: center;
	margin-bottom: 0.3em;
}
.ecofresh .bf .item.first .p-wrap {
	margin-top:0.5em;
	line-height: 1.5em;
	display: flex;
	flex-flow: row wrap;
}
.ecofresh .bf .item.first .p-wrap p {
	display:inline-block;
	flex-basis:48%;
	margin-right: 2%;
	font-size:0.9rem;
}
.ecofresh .bf .item.first .p-wrap p.after {
	display:inline-block;
	flex-basis:48%;
	margin-right: 0;
	margin-left: 2%;
}
.ecofresh .bf .item.second {
	background-color: #f0f9fe;
	flex-basis:43.5%;
	padding:3em 3% 8em;
	border-radius:0 10px 10px 0;
	border-top:2px solid #093090;
	border-bottom:2px solid #093090;
	border-right:2px solid #093090;
}
.ecofresh .bf .item.second h3 {
	color: #008cd7;
	font-size: 2em;
	text-align: center;
	margin-bottom: 0.3em;
}
.ecofresh .bf .item.second h3 span {
	background-color: #f9d3d3;
}
.ecofresh .bf .item.second p {
	margin-top:0.4em;
	line-height: 1.5em;
	font-size:0.9rem;
}
.ecofresh .bo {
	display: flex;
	flex-flow: row wrap;
	padding: 3em 3% 0.7em 3%;
	background-color: #eeefef;
}
.ecofresh .bo h3 {
	color: #222;
	font-size: 2em;
	text-align: left;
	margin-bottom: 0.7em;
	padding-bottom:0.3em;
	border-bottom: 1px solid #222;
	width:99%;
}
.ecofresh .bo .item-1 {
	flex-basis: 65%;
	margin-right: 3%;
	font-size: 1em;
	line-height: 1.8em;
}
.ecofresh .bo .item-1 img {
	width:100%;
}
.ecofresh .bo .item-2 {
	flex-basis:31%;
}
.ecofresh .bo .item-2 a {
	display: block;
	height: auto;
	width: 100%;
}
.ecofresh .bo .item-3 {
	flex-basis:45%;
}
.ecofresh .bo .item-4 {
	flex-basis:55%;
	margin-top:0.4rem;
	text-align: right;
}
.ecofresh h2.jikan {
	color: #222;
	font-size: 1.8em;
	margin: 0 0 0.2em 0;
}
.ecofresh h2.jikan span {
	background-color: #222;
	color: #fff;
	font-size: 1rem;
	padding: 0 1em;
	line-height: 1.8em;
	vertical-align: top;
	text-align: left;
	display: inline-block;
	margin-left: 1em;
	margin-top:0.4rem;
}
.ecofresh .list-wrap {
	width:100%;
	height:auto;
	display:flex !important;
	flex-flow: row wrap;
}
.ecofresh .list-wrap .size {
	background-color: #d3d9dc;
	flex-basis: 22%;
	padding: 5px 0;
	text-align: center;
	font-size: 1.0rem;
	border-right: 1px solid #afb3b5;
}
.ecofresh .top {
	border-top:1px solid #222;
}
.ecofresh .mid {
	border-top:1px solid #afb3b5;
}
.ecofresh .max {
	border-bottom:1px solid #222;
}
.ecofresh .list-wrap .size span {
	font-size: 0.6rem;
	vertical-align: middle;
	margin-left: 1em;
}
.ecofresh .list-wrap .name {
	background-color: #d3d9dc;
	flex-basis:47%;
	padding: 0.5rem 0 0 0.5rem;
	text-align: left;
	font-size: 0.6rem;
	vertical-align: middle;
}
.ecofresh .list-wrap .kakaku {
	background-color: #fff;
	flex-basis:26%;
	padding: 5px 0;
	text-align: center;
	font-size: 1.0rem;
}
.ecofresh .item-3 p {
	margin-top:0.5rem;
	text-align: right;
	margin-right: 3%;
	font-size: 0.7rem;
}
.ecofresh .bo-max {
	border-bottom:#ffee00 solid 1rem;
	padding-top:0!important;
}
.pc { display: block !important; }
.sp { display: none !important; }
/*-------------------------------------------------
------------------------------------------------ */
@media screen and (min-width: 0px) and (max-width: 667px) {
	#titleArea {
		background: url(../img/lineup/bg_main_lineup.jpg) 130% 50% no-repeat;
		background-size: 50% auto;
	}
	.ecofresh { margin:0; width:100%; }
	.ecofresh .ef-top { height:auto !important; }
	.pc { display: none !important; }
    .sp { display: block !important; font-size: 0.9rem; }
	.ecofresh .ef { padding-top:0; padding-bottom:0; }
	.ecofresh .ef .item {
		flex-basis: 48%;
		background-color: #fff;
		padding: 0;
		margin-bottom: 1rem;
	}
	.ecofresh .ef .item p {height: 10rem;}
	.ecofresh .bf-wrap h2,
	.ecofresh .bf .item.first h3,
	.ecofresh .bf .item.second h3,
	.ecofresh .bo h3 {font-size: 1.1rem; }
	.ecofresh .bf-wrap {padding-left:0; padding-right: 0; padding-bottom: 2rem;}
	.ecofresh .bf .item.first {
		flex-basis:100%;
		border-radius: 10px;
		border: 2px solid #e60013;
		padding: 3%;
	}
	#ecofresh .blockA .wrap h3 {text-align: left;}
	.ecofresh .wrap-content .car {display: none;}
	.ecofresh .bf .item.second {
		flex-basis:100%;
		border-radius: 10px;
		border: 2px solid #093090;
		padding: 3%;
		margin-top:1rem;
	}
	.ecofresh .bf .item.first h3,
	.ecofresh .bf .item.second h3 { text-align: left; }
	.ecofresh .bo {padding-top:0; font-size:1.2rem;}
	.ecofresh .bo span {
		font-size: 0.8rem;
		display: block;
		margin: 1rem 0 0 0;
		border-bottom: none;
	}
	.ecofresh .bo .item-1,
	.ecofresh .bo .item-2 {
		flex-basis: 100%;
		margin-right: 0;
		font-size: 0.9rem;
	}
	.ecofresh .bo .item-1 img {margin:1rem 0;}
	.sp_red {margin: 1rem 0 0.5rem 0;
		font-weight: normal;
		line-height: 1.5rem;
		color: #e60013!important;}
	.sp_red span {
		color: #008cd7;
		display: block !important;
		font-size: 1.2rem !important;
		margin-top:0;
	}
	.ecofresh .bo .item-3 {flex-basis: 100%;}
	.ecofresh h2.jikan {font-size:1.2rem;}
	.ecofresh h2.jikan span {line-height: 1.2rem;}
	.ecofresh .list-wrap .size {flex-basis: 19%; padding-left: 0.1rem;}
	.sp_inline {display:inline-block !important; margin:0!important;}
	.ecofresh .list-wrap .name {flex-basis: 59%; padding-left: 0.1rem;}
	.ecofresh .list-wrap .kakaku {flex-basis: 20%; padding-left: 0.1rem; font-size:0.9rem;}
	.ecofresh .item-3 p {font-size: 0.8rem; margin-right: 0;}
	.ecofresh .bo .item-4 {flex-basis:100%;}
}
/* ------------------------------------------------
------------------------------------------------ */
#lineup .coating .addGradient { background-position: 50% 152px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #lineup .coating .addGradient { background-image: none; } }
@media screen and (min-width: 0px) and (max-width: 667px) { #lineup .gridCoatingLineup { width: 100%; margin-left: 0%; }
	#lineup .gridCoatingLineup:before, #lineup .gridCoatingLineup:after { content: ""; display: table; }
	#lineup .gridCoatingLineup:after { clear: both; }
	#lineup .gridCoatingLineup > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; margin-left: 0%; }
	#lineup .gridCoatingLineup > *.gridCol02 { width: 200%; }
	#lineup .gridCoatingLineup > *.gridCol01 { width: 100%; }
	#lineup .gridCoatingLineup > *:first-child ~ * { margin-top: 12px; } }
#lineup .gridCoatingLineup > li > a { display: block; padding: 0px; text-align: center; font-weight: 700; font-size: 114%; line-height: 1.2; color: #333; }
#lineup .gridCoatingLineup > li > a:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
#lineup .gridCoatingLineup > li > a > * { display: inline-block; vertical-align: middle; }
#lineup .gridCoatingLineup > li > a span { padding-right: 56px; font-size: 0.84rem; }
#lineup .gridCoatingLineup > li > a span img { margin: 0px -20px 10px 0px; }
@media screen and (min-width: 0px) and (max-width: 667px) { #lineup .gridCoatingLineup > li > a span img { margin: 0px 0px 10px 0px; } }
@media screen and (min-width: 0px) and (max-width: 667px) { #lineup .gridCoatingLineup > li > a { padding: 0px; }
	#lineup .gridCoatingLineup > li > a:before { min-height: 54px; } }
#lineup .gridCoatingLineup > li > a:before { min-height: 118px; }
#lineup .gridCoatingLineup > li > a.active { position: relative; }
#lineup .gridCoatingLineup > li > a.active span:before { position: absolute; content: ''; top: -1px; bottom: -1px; left: -1px; right: -1px; border: 4px solid #0b3290; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li:first-child a { background: #ffffff url("../img/lineup/coating/p_coating05.jpg") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild2 a { background: #e7fb0b33 url("../img/lineup/coating/p_coating09.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild3 a { background: #f2edda url("../img/lineup/coating/p_coating02.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild4 a { background: #e5ecf4 url("../img/lineup/coating/p_coating03.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild5 a { background: #dffae9 url("../img/lineup/coating/p_coating06.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild6 a { background: #e8f6fb url("../img/lineup/coating/p_coating01.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild7 a { background: #fff9d9 url("../img/lineup/coating/p_coating07.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#lineup .gridCoatingLineup > li.nthChild8 a { background: #dfe7ec url("../img/lineup/coating/p_coating08.png") 100% 0 no-repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* #lineup .gridCoatingLineup > li.lastChild { border: none; } */
/*-------------------------------------------------*/
#containerThis { width: 978px; margin: 0 auto; position: relative; margin-bottom:3rem; }
#containerThis:after { content: ""; height: 12px; padding-bottom: 12px; display: block; position: absolute; left: 0; right: 0; bottom: -40px; background: #fefefe; }
#containerThis_lineup { width: 1240px; margin: 0 auto; position: relative; }
#containerThis_lineup:after { content: ""; height: 12px; padding-bottom: 12px; display: block; position: absolute; left: 0; right: 0; bottom: -40px; background: #fefefe; }

.headingCount h4 span:before {content: '';position: absolute;left: 0.8em;top: 0.75em;width: 2em;height: 2em;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-color: #063190!important;}
.headingLv03 span:before {position: absolute;top: 0;bottom: 0;left: 2px;content: '';border-left: 4px solid #063190!important;}
.this_spanc{color:#33b371!important;}
.this_rad {border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.this_h4{padding-top: 7px;font-size:1.5rem;width:100%;height:3rem;background: -moz-linear-gradient(top, #fedc00, #fff9d9);background: -webkit-linear-gradient(top, #fedc00, #fff9d9);background: linear-gradient(to bottom, #fedc00, #fff9d9);color:white;text-align:center;}
#mainArea .icoBlank {padding-right:0!important; margin-right:0!important; background:none!important;}
#meritArea {margin-top:24vh;}
.this-wrapp {margin-top: 0.5em;line-height: 1.5em;display: flex;flex-flow: row wrap;}
.this-wrapp p {display: inline-block;flex-basis: 46%;margin-right: 3%;}
.gridList02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 32.11715%!important; margin-left: 1.88285%; }
#lineup .coating .addGradient {background-position: 0 152px;background-repeat: repeat-x;}
.thi_lihei { width:48%!important; height: auto!important;/*368px;*/ }
.thi_lihei img {width:100%!important;}
.this_pwid {width:94%;}
@media screen and (min-width: 0px) and (max-width: 667px) {
	#containerThis { width: 95%; }
	#containerThis_lineup { width: 95%; }
	#meritArea { margin-top: 0; }
	.this_h4{padding-top: 7px;font-size:1.5rem;width:100%;height:3rem;background: -moz-linear-gradient(top, #fedc00, #fff9d9);background: -webkit-linear-gradient(top, #fedc00, #fff9d9);background: linear-gradient(to bottom, #fedc00, #fff9d9);color:white;text-align:center;}
	.this-wrapp p {display: inline-block;flex-basis: 48%;margin-right: 2%;}
	.thi_lihei { height: 300px; }
	.this_pwid { width: 100%; }
}