@charset 'UTF-8';
.u-lineup-ttl .ttl-area {
	background : #1b1b1b;
	color : #fff;
	padding : 30px 20px 40px;
	min-height : 200px;
	position : relative;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area {
		padding : 80px 20px 75px;
		min-height : 350px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area {
		padding : 70px 20px 85px;
		min-height : 400px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area {
		padding : 70px 0 85px;
	}
}
.u-lineup-ttl .ttl-area.area-f {
	padding-bottom : 130px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area.area-f {
		padding-bottom : 230px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area.area-f {
		padding-bottom : 70px;
	}
}
.u-lineup-ttl .ttl-area .ttl-sub {
	padding-left : 10px;
	position : relative;
	font-family : SuzukiPROHeadline;
	font-size : 20px;
	font-size : 32px;
	font-size : 2rem;
	line-height : 1;
	z-index : +1;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-sub {
		font-size : 36px;
		font-size : 3.6rem;
		padding-right : 330px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-sub {
		padding-left : 28px;
		padding-right : 450px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-sub {
		width : 1080px;
		margin : 0 auto;
	}
}
.u-lineup-ttl .ttl-area .ttl-sub:before {
	content : '';
	display : inline-block;
	position : absolute;
	top : 0;
	left : 0;
	bottom : 0;
	width : 2px;
	background : #fff;
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-sub:before {
		width : 5px;
		bottom : 2px;
	}
}
.u-lineup-ttl .ttl-area .ttl-sub .sub-txts {
	font-size : 12px;
	font-size : 19.2px;
	font-size : 1.2rem;
	margin-bottom : 6px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-sub .sub-txts {
		font-size : 16px;
		font-size : 1.6rem;
	}
}
.u-lineup-ttl .ttl-area .ttl-sub + .ttl-main {
	margin-top : 30px;
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-sub + .ttl-main {
		margin-top : 40px;
	}
}
.u-lineup-ttl .ttl-area .ttl-main {
	position : relative;
	z-index : +1;
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-main {
		width : 1080px;
		margin-right : auto;
		margin-left : auto;
	}
}
.u-lineup-ttl .ttl-area .ttl-main .ttl-h1 {
	padding-right : 170px;
	font-family : SuzukiPROHeadline;
	font-size : 30px;
	font-size : 48px;
	font-size : 3rem;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-main .ttl-h1 {
		font-size : 60px;
		font-size : 6rem;
		padding-right : 330px;
		line-height : 1;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-main .ttl-h1 {
		font-size : 76px;
		font-size : 7.6rem;
		padding-right : 450px;
	}
}
.u-lineup-ttl .ttl-area .ttl-main .ttl-h1.ttl-w {
	padding-right : 80px;
	line-height : 1;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-main .ttl-h1.ttl-w {
		padding-right : 330px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-main .ttl-h1.ttl-w {
		padding-right : 450px;
	}
}
.u-lineup-ttl .ttl-area .ttl-main .ttl-h1.ttl-f {
	padding-right : 0;
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-main .ttl-h1.ttl-f {
		padding-right : 520px;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-main .ttl-h1 .ttl-sp {
		display : none;
	}
}
.u-lineup-ttl .ttl-area .ttl-main .ttl-h1 .ttl-pc {
	display : none;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-main .ttl-h1 .ttl-pc {
		display : inline;
	}
}
.u-lineup-ttl .ttl-area .ttl-logo, .u-lineup-ttl .ttl-area .ttl-catch {
	margin-top : 5px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-logo, .u-lineup-ttl .ttl-area .ttl-catch {
		margin-top : 10px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-logo, .u-lineup-ttl .ttl-area .ttl-catch {
		margin-top : 15px;
		width : 1080px;
		margin-right : auto;
		margin-left : auto;
	}
}
.u-lineup-ttl .ttl-area .ttl-logo figure, .u-lineup-ttl .ttl-area .ttl-catch figure {
	margin : 0 0 0 -7px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-logo figure, .u-lineup-ttl .ttl-area .ttl-catch figure {
		margin-left : -10px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-logo figure, .u-lineup-ttl .ttl-area .ttl-catch figure {
		margin-left : -15px;
	}
}
.u-lineup-ttl .ttl-area .ttl-logo figure img, .u-lineup-ttl .ttl-area .ttl-catch figure img {
	width : 117px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-logo figure img, .u-lineup-ttl .ttl-area .ttl-catch figure img {
		width : 185px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-logo figure img, .u-lineup-ttl .ttl-area .ttl-catch figure img {
		width : 254px;
	}
}
.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo {
	margin-top : 0;
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo {
		margin-bottom : 0;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo figure, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo figure {
		-webkit-transform : translateY(-30px);
		    -ms-transform : translateY(-30px);
		        transform : translateY(-30px);
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo figure, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo figure {
		margin-left : -80px;
		-webkit-transform : translateY(-30px);
		    -ms-transform : translateY(-30px);
		        transform : translateY(-30px);
	}
}
.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo figure img, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo figure img {
	width : 150px;
	-webkit-transform : translateX(-5px);
	    -ms-transform : translateX(-5px);
	        transform : translateX(-5px);
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo figure img, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo figure img {
		width : 230px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo figure img, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo figure img {
		width : 318px;
	}
}
.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo + .ttl-sub, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo + .ttl-sub {
	margin-top : 10px;
}
.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo + .ttl-sub + .ttl-main, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo + .ttl-sub + .ttl-main {
	margin-top : 10px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo + .ttl-sub, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo + .ttl-sub {
		margin-right : auto;
	}
	.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo + .ttl-sub + .ttl-main, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo + .ttl-sub + .ttl-main {
		margin-top : 20px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo + .ttl-sub, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo + .ttl-sub {
		margin-right : auto;
	}
	.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo + .ttl-sub + .ttl-main, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo + .ttl-sub + .ttl-main {
		margin-top : 20px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo + .ttl-sub, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo + .ttl-sub {
		margin-right : auto;
	}
	.u-lineup-ttl .ttl-area .ttl-logo.logo-cargo + .ttl-sub + .ttl-main, .u-lineup-ttl .ttl-area .ttl-catch.logo-cargo + .ttl-sub + .ttl-main {
		margin-top : 20px;
	}
}
.u-lineup-ttl .ttl-area .ttl-catch {
	margin-top : 0;
}
.u-lineup-ttl .ttl-area .ttl-catch p {
	font-weight : 700;
	font-family : SuzukiPROHeadline;
	font-size : 32px;
	font-size : 2.0rem;
	margin : 0 0 0 -7px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-catch p {
		margin-left : -10px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-catch p {
		margin-left : -15px;
	}
}
.u-lineup-ttl .ttl-area .ttl-catch p span {
	-webkit-transform : translateX(-5px);
	    -ms-transform : translateX(-5px);
	        transform : translateX(-5px);
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-catch {
		margin-bottom : 0;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-catch p {
		font-size : 3.0rem;
		-webkit-transform : translateY(-30px);
		    -ms-transform : translateY(-30px);
		        transform : translateY(-30px);
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-catch p {
		font-size : 3.0rem;
		margin-left : -60px;
		-webkit-transform : translateY(-30px);
		    -ms-transform : translateY(-30px);
		        transform : translateY(-30px);
	}
}
.u-lineup-ttl .ttl-area .ttl-catch + .ttl-sub {
	margin-top : 10px;
}
.u-lineup-ttl .ttl-area .ttl-catch + .ttl-sub + .ttl-main {
	margin-top : 10px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-catch + .ttl-sub {
		margin-right : auto;
	}
	.u-lineup-ttl .ttl-area .ttl-catch + .ttl-sub + .ttl-main {
		margin-top : 20px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-catch + .ttl-sub {
		margin-right : auto;
	}
	.u-lineup-ttl .ttl-area .ttl-catch + .ttl-sub + .ttl-main {
		margin-top : 20px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-catch + .ttl-sub {
		margin-right : auto;
	}
	.u-lineup-ttl .ttl-area .ttl-catch + .ttl-sub + .ttl-main {
		margin-top : 20px;
	}
}
.u-lineup-ttl .ttl-area .ttl-img {
	position : relative;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-img {
		position : absolute;
		top : 30px;
		left : 20px;
		right : 20px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-img {
		top : 60px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-img {
		width : 1080px;
		left : 50%;
		right : auto;
		margin-left : -540px;
	}
}
.u-lineup-ttl .ttl-area .ttl-img figure {
	margin : 0;
	width : 115px;
	position : absolute;
	right : 0;
	bottom : -100px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-img figure {
		width : 285px;
		bottom : auto;
		top : 0;
		text-align : right;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-img figure {
		width : 420px;
	}
}
.u-lineup-ttl .ttl-area .ttl-img.img-w figure {
	width : 160px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-img.img-w figure {
		width : 380px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-img.img-w figure {
		width : 544px;
	}
}
.u-lineup-ttl .ttl-area .ttl-img.img-f {
	position : absolute;
	bottom : -50px;
	right : 0;
	width : 190px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-img.img-f {
		top : auto;
		left : 20px;
		right : 20px;
		bottom : 220px;
		width : auto;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-img.img-f {
		bottom : 330px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-img.img-f {
		width : 1080px;
		left : 50%;
		right : auto;
		margin-left : -540px;
		top : 60px;
		bottom : auto;
	}
}
.u-lineup-ttl .ttl-area .ttl-img.img-f figure {
	width : auto;
	bottom : 0;
}
.u-lineup-ttl .ttl-area .ttl-img.img-f figure img {
	height : 172px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-img.img-f figure img {
		height : 330px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-img.img-f figure img {
		height : 440px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-img.img-f figure img {
		height : 550px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-img.img-f figure img.img-fex {
		height : 490px;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area .ttl-img.img-d {
		top : 80px;
	}
}
.u-lineup-ttl .ttl-area .ttl-lead-s {
	font-weight : bold;
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area .ttl-lead-s {
		font-size : 20px;
		font-size : 2rem;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-area .ttl-lead-s {
		width : 1080px;
		margin-right : auto;
		margin-left : auto;
	}
}
.u-lineup-ttl .ttl-area.bg01 {
	background : url(../../images/bg_lineup_01_sp.jpg) center center no-repeat;
	background-size : cover;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area.bg01 {
		background : url(../../images/bg_lineup_01_pc.jpg) center center no-repeat #000;
		background-size : auto;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area.bg01 {
		background-size : auto;
	}
}
.u-lineup-ttl .ttl-area.bg02 {
	background : url(../../images/bg_lineup_02_sp.jpg) center center no-repeat;
	background-size : cover;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area.bg02 {
		background : url(../../images/bg_lineup_02_pc.jpg) center center no-repeat #000;
		background-size : auto;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area.bg02 {
		background-size : auto;
	}
}
.u-lineup-ttl .ttl-area.bg03 {
	background : url(../../images/bg_lineup_03_sp.jpg) center center no-repeat;
	background-size : cover;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area.bg03 {
		background : url(../../images/bg_lineup_03_pc.jpg) center center no-repeat #000;
		background-size : auto;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area.bg03 {
		background-size : auto;
	}
}
.u-lineup-ttl .ttl-area.bg04 {
	background : url(../../images/bg_lineup_04_sp.jpg) center center no-repeat;
	background-size : cover;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area.bg04 {
		background : url(../../images/bg_lineup_04_pc.jpg) center center no-repeat #000;
		background-size : auto;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area.bg04 {
		background-size : auto;
	}
}
.u-lineup-ttl .ttl-area.bg05 {
	background : url(../../images/bg_lineup_05_sp.jpg) center center no-repeat;
	background-size : cover;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area.bg05 {
		background : url(../../images/bg_lineup_05_pc.jpg) center center no-repeat #000;
		background-size : auto;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area.bg05 {
		background-size : auto;
	}
}
.u-lineup-ttl .ttl-area.bg06 {
	background : url(../../images/bg_lineup_06_sp.jpg) center center no-repeat;
	background-size : cover;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area.bg06 {
		background : url(../../images/bg_lineup_06_pc.jpg) center center no-repeat #000;
		background-size : auto;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area.bg06 {
		background-size : auto;
	}
}
.u-lineup-ttl .ttl-area.bg07 {
	background : url(../../images/bg_lineup_07_sp.jpg) center center no-repeat;
	background-size : cover;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-area.bg07 {
		background : url(../../images/bg_lineup_07_pc.jpg) center center no-repeat #000;
		background-size : auto;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-area.bg07 {
		background-size : auto;
	}
}

.u-lineup-ttl .ttl-lead {
	margin : 65px 10px 0;
	font-family : SuzukiPROBold;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-lead {
		font-size : 23px;
		font-size : 2.3rem;
		margin : 30px 330px 0 20px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-lead {
		margin : 60px 450px 0 20px;
		min-height : 4em;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-lead {
		width : 1080px;
		margin : 60px auto 0;
		padding-right : 600px;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-lead.lead-f {
		margin-right : 430px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-lead.lead-f {
		margin-right : 500px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-lead.lead-f {
		margin-right : auto;
		padding-right : 650px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-lead.lead-n {
		padding-right : 500px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-lead.lead-m {
		padding-right : 630px;
	}
}

.u-lineup-ttl .ttl-price {
	margin : 20px 10px 0;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-price {
		margin : 20px 20px 0;
		*zoom : 1;
	}
	.u-lineup-ttl .ttl-price:after {
		content : ' ';
		display : table;
		clear : both;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-price {
		margin : 80px 20px 0;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-ttl .ttl-price {
		width : 1200px;
		margin : 80px auto 0;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-price .price-area {
		display : table;
		float : right;
	}
}
.u-lineup-ttl .ttl-price .price-area dl {
	font-family : SuzukiPROHeadline;
	font-size : 20px;
	font-size : 32px;
	font-size : 2rem;
}
.u-lineup-ttl .ttl-price .price-area dl dd {
	display:none;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-price .price-area dl {
		font-size : 30px;
		font-size : 3rem;
		display : table-row;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-price .price-area dl {
		font-size : 36px;
		font-size : 3.6rem;
	}
}
.u-lineup-ttl .ttl-price .price-area dl dt {
	color : #8d8d8d;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-price .price-area dl dt {
		display : table-cell;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-price .price-area dl dd {
		display : table-cell;
		padding-left : 30px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-price .price-area dl dd {
		padding-left : 60px;
		padding-right : 20px;
		display:none;
	}
}
.u-lineup-ttl .ttl-price .price-area dl dd .price-att {
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
	margin-right : 7px;
	vertical-align : middle;
}
@media screen and (min-width: 768px), print {
	.u-lineup-ttl .ttl-price .price-area dl dd .price-att {
		font-size : 20px;
		font-size : 2rem;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-price .price-area dl dd .price-att {
		font-size : 23px;
		font-size : 2.3rem;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-price .price-area dl + dl dt {
		padding-top : 20px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-ttl .ttl-price .price-area dl + dl dd {
		padding-top : 20px;
	}
}

.u-lineup-tab {
	margin-top : 35px;
	position : relative;
}
@media screen and (min-width: 768px), print {
	.u-lineup-tab {
		background : #003145;
		border-bottom : 3px solid #e1261c;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-tab {
		margin-top : 85px;
	}
}
.u-lineup-tab .tab-spselect {
	border-bottom : 4px solid #d2d2d2;
}
@media screen and (min-width: 768px), print {
	.u-lineup-tab .tab-spselect {
		display : none;
	}
}
.u-lineup-tab .tab-spselect .spselect-btn {
	display : block;
	margin : 0 60px;
	background : #003145;
	color : #fff;
	font-family : SuzukiPROBold;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
	padding : 15px 37px 15px 17px;
	position : relative;
}
.u-lineup-tab .tab-spselect .spselect-btn:before {
	content : '';
	display : inline-block;
	width : 10px;
	height : 10px;
	border-top : 3px solid #e1261c;
	border-right : 3px solid #e1261c;
	-webkit-transform : rotate(135deg);
	    -ms-transform : rotate(135deg);
	        transform : rotate(135deg);
	position : absolute;
	right : 18px;
	top : 50%;
	margin-top : -8px;
}
.u-lineup-tab .tab-spselect.is-open .spselect-btn:before {
	display : none;
}
.u-lineup-tab .tab-spselect.is-open .spselect-btn:after {
	content : '×';
	line-height : 1;
	font-size : 21px;
	font-size : 33.6px;
	font-size : 2.1rem;
	color : #e1261c;
	position : absolute;
	right : 15px;
	top : 50%;
	margin-top : -11px;
}
.u-lineup-tab .tab-list {
	position : absolute;
	left : 0;
	right : 0;
	background : #003145;
	padding : 0 10px;
	z-index : +10;
	display : none;
}
@media screen and (min-width: 768px), print {
	.u-lineup-tab .tab-list {
		display : -webkit-box !important;
		display : -ms-flexbox !important;
		display : flex !important;
		position : relative;
		padding : 0 20px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-tab .tab-list {
		width : 1200px;
		margin : 0 auto;
		padding : 0;
	}
}
.u-lineup-tab .tab-list li {
	color : #fff;
	font-family : SuzukiPROBold;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
	padding : 18px 10px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-tab .tab-list li {
		width : calc(100% / 3);
		text-align : center;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-tab .tab-list li {
		cursor : pointer;
	}
}
.u-lineup-tab .tab-list li + li {
	border-top : 1px solid #d2d2d2;
}
@media screen and (min-width: 768px), print {
	.u-lineup-tab .tab-list li + li {
		border-top : none;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-tab .tab-list li:hover {
		text-decoration : underline;
	}
}
.u-lineup-tab .tab-list li.is-selected {
	color : #e1261c;
}
@media screen and (min-width: 768px), print {
	.u-lineup-tab .tab-list li.is-selected {
		background : #e1261c;
		color : #fff;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-tab .tab-list li.is-selected:hover {
		text-decoration : none;
	}
}
.u-lineup-tab.sync .tab-spselect {
	border-bottom : none;
	border-top : 4px solid #d2d2d2;
}
@media screen and (min-width: 768px), print {
	.u-lineup-tab.sync {
		display : block;
		border-top : 3px solid #e1261c;
		border-bottom : none;
	}
}
.u-lineup-tab + .dealer-area {
	margin-top : 35px;
}
@media screen and (min-width: 1024px), print {
	.u-lineup-tab + .dealer-area {
		margin-top : 85px;
	}
}

@media screen and (min-width: 768px), print {
	.u-lineup-techlist {
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
	}
}

.u-lineup-techlist dl {
	border-bottom : 1px solid #a0a0a0;
	padding-bottom : 15px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-techlist dl {
		width : 26.5%;
		padding-bottom : 0;
		border-bottom : none;
		border-right : 1px solid #a0a0a0;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-techlist dl {
		width : 280px;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-techlist dl:last-child {
		border-right : none;
		padding-right : 0;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-techlist dl.techlist-s {
		width : 17%;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-techlist dl.techlist-s {
		width : 202px;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-techlist dl.techlist-l {
		width : 30%;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-techlist dl.techlist-l {
		width : 280px;
	}
}
.u-lineup-techlist dl dt {
	font-family : SuzukiPROHeadline;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
}
@media screen and (min-width: 1024px), print {
	.u-lineup-techlist dl dt {
		font-size : 28px;
		font-size : 2.8rem;
	}
}
.u-lineup-techlist dl dd ul {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	    flex-wrap : wrap;
	margin : 2px -3.5px 0;
}
@media screen and (min-width: 768px), print {
	.u-lineup-techlist dl dd ul {
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
		margin : 2px 0 0;
	}
}
.u-lineup-techlist dl dd ul li {
	width : calc(100% / 6);
	padding : 0 3.5px;
	margin-top : 7px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-techlist dl dd ul li {
		width : calc(7vw);
		padding : 0;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-techlist dl dd ul li {
		padding : 0;
		width : 80px;
		margin-top : 5px;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-techlist dl dd ul li + li {
		margin-left : 7px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-techlist dl dd ul li + li {
		margin-left : 5px;
	}
}
@media screen and (min-width: 768px), print {
	.u-lineup-techlist dl dd ul li:nth-child(3n+1) {
		margin-left : 0;
	}
}
.u-lineup-techlist dl dd ul li a {
	outline : none;
	display : block;
}
.u-lineup-techlist dl dd ul li a .techlist-txt {
	display : block;
	text-align : center;
	margin-top : 2px;
	font-size : 10px;
	font-size : 16px;
	font-size : 1rem;
}
@media screen and (min-width: 1024px), print {
	.u-lineup-techlist dl dd ul li a .techlist-txt {
		font-size : 12px;
		font-size : 1.2rem;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-techlist dl dd ul li a:hover img {
		opacity : 0.6;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	}
}
.u-lineup-techlist dl + dl {
	margin-top : 15px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-techlist dl + dl {
		margin-top : 0;
		margin-left : 10px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-techlist dl + dl {
		margin-left : 30px;
	}
}

.u-lineup-youtube {
	margin : 0 10px 35px;
}
@media screen and (min-width: 768px), print {
	.u-lineup-youtube {
		margin : 0 20px 35px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-lineup-youtube {
		width : 1200px;
		margin : 0 auto 80px;
	}
}
.u-lineup-youtube .youtube-area {
	margin : 10px 35px 0;
	/*
		iframe{
			width: 100%;
			height: calc(56.25vw - 50px);
			@include viewTB() {
				width: 654px;
				height: 368px;
			}
		}
		span{
			display: none;
			@include viewTB() {
				display: block;
				background: #323232;
				color: #a1a1a1;
				text-align: center;
				font-family: SuzukiPROBold;
				padding: 10px;
				line-height: $lineHeight;
				@include fz(14px,1.4rem);
			}
		}
		*/
}
@media screen and (min-width: 768px), print {
	.u-lineup-youtube .youtube-area {
		width : 654px;
		margin : 17px auto 0;
	}
}
.u-lineup-youtube .youtube-area .area-item a {
	display : block;
	outline : none;
}
.u-lineup-youtube .youtube-area .area-item a figure {
	margin : 0;
}
.u-lineup-youtube .youtube-area .area-item a figure .item-img {
	display : block;
	position : relative;
}
.u-lineup-youtube .youtube-area .area-item a figure .item-img img {
	width : 100%;
}
.u-lineup-youtube .youtube-area .area-item a figure .item-img.mov .mov-play {
	display : none;
}
.u-lineup-youtube .youtube-area .area-item a figure .item-img.mov:before {
	content : '';
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	background : url(../../images/ico_play.png) center center no-repeat;
	background-size : 55px 55px;
}
@media screen and (min-width: 1024px), print {
	.u-lineup-youtube .youtube-area .area-item a figure .item-img.mov:before {
		background-size : 70px 70px;
	}
}
.u-lineup-youtube .youtube-area .area-item a figcaption {
	display : table;
	width : 100%;
}
.u-lineup-youtube .youtube-area .area-item a figcaption .item-ttl {
	display : table-cell;
	vertical-align : middle;
	background : #003145;
	text-align : center;
	color : #fff;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
	padding : 10px;
}
@media screen and (min-width: 1024px), print {
	.u-lineup-youtube .youtube-area .area-item a figcaption .item-ttl {
		padding : 13px 10px;
		font-size : 23px;
		font-size : 2.3rem;
	}
}
@media screen and (min-width: 1024px), print {
	.u-lineup-youtube .youtube-area .area-item a:hover figure .item-img.mov .mov-play {
		display : inline-block;
		position : absolute;
		top : 50%;
		left : 50%;
		-webkit-transform : translate(-50%, -50%);
		    -ms-transform : translate(-50%, -50%);
		        transform : translate(-50%, -50%);
		border : 1px solid #fff;
		color : #fff;
		font-family : SuzukiPROBold;
		font-size : 14px;
		font-size : 1.4rem;
		padding : 7px 47px 7px 33px;
	}
	.u-lineup-youtube .youtube-area .area-item a:hover figure .item-img.mov .mov-play:after {
		content : '';
		display : inline-block;
		width : 8px;
		height : 8px;
		border-top : 2px solid #fff;
		border-right : 2px solid #fff;
		-webkit-transform : rotate(45deg);
		    -ms-transform : rotate(45deg);
		        transform : rotate(45deg);
		position : absolute;
		top : 50%;
		right : 32px;
		margin-top : -4px;
	}
	.u-lineup-youtube .youtube-area .area-item a:hover figure .item-img.mov:before {
		background : rgba(0, 49, 69, 0.25);
	}
}
