.u-top-mainslide {
	background : #000;
}
@media screen and (min-width: 1240px), print {
	.u-top-mainslide .mainslide-area {
		max-width : 1200px;
		margin : 0 auto;
	}
}
.u-top-mainslide .mainslide-area .item {
	outline : none;
}
.u-top-mainslide .mainslide-area .item a {
	outline : none;
}
.u-top-mainslide .mainslide-area .slick-arrow {
	display : none !important;
}
@media screen and (min-width: 1024px), print {
	.u-top-mainslide .mainslide-area .slick-arrow {
		display : inline-block !important;
		width : 40px;
		height : 50px;
		border : none;
		padding : 0;
		overflow : hidden;
		position : absolute;
		top : 50%;
		margin-top : -25px;
		z-index : +1;
		outline : none;
		text-indent : -999px;
		opacity : 0;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		-webkit-transition : all 0.3s ease;
		        transition : all 0.3s ease;
	}
	.u-top-mainslide .mainslide-area .slick-arrow.slick-prev {
		left : 0;
		background : url(../../images/slide_prev.png) no-repeat;
	}
	.u-top-mainslide .mainslide-area .slick-arrow.slick-prev:hover {
		background : url(../../images/slide_prev_on.png) no-repeat;
	}
	.u-top-mainslide .mainslide-area .slick-arrow.slick-next {
		right : 0;
		background : url(../../images/slide_next.png) no-repeat;
	}
	.u-top-mainslide .mainslide-area .slick-arrow.slick-next:hover {
		background : url(../../images/slide_next_on.png) no-repeat;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-mainslide .mainslide-area:hover .slick-arrow {
		opacity : 1;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}
.u-top-mainslide .mainslide-thumb {
	padding : 30px 0;
	position : relative;
}
@media screen and (min-width: 1024px), print {
	.u-top-mainslide .mainslide-thumb {
		width : 696px;
		margin : 0 auto;
		padding : 33px 0;
	}
}
.u-top-mainslide .mainslide-thumb .item {
	width : 120px;
	padding : 0 10px;
	outline : none;
	position : relative;
}
@media screen and (min-width: 768px), print {
	.u-top-mainslide .mainslide-thumb .item {
		width : 174px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-mainslide .mainslide-thumb .item {
		cursor : pointer;
	}
}
.u-top-mainslide .mainslide-thumb .item.slick-current:after {
	content : '';
	display : inline-block;
	position : absolute;
	top : 0;
	left : 10px;
	right : 10px;
	bottom : 0;
	background : rgba(0, 49, 69, 0.5);
}
.u-top-mainslide .mainslide-thumb .slick-arrow {
	-webkit-appearance : normal;
	   -moz-appearance : normal;
	        appearance : normal;
	display : inline-block;
	width : 21px;
	height : 21px;
	overflow : hidden;
	text-indent : -9999px;
	border : none;
	padding : 0;
	position : absolute;
	top : 50%;
	margin-top : -10px;
	z-index : +1;
	outline : none;
}
.u-top-mainslide .mainslide-thumb .slick-arrow.slick-prev {
	left : 0;
	background : url(../../../images/icon_prev.png) no-repeat;
	background-size : 21px 21px;
}
.u-top-mainslide .mainslide-thumb .slick-arrow.slick-next {
	right : 0;
	background : url(../../../images/icon_next.png) no-repeat;
	background-size : 21px 21px;
}

.u-top-models {
	padding : 20px 10px 30px;
}
@media screen and (min-width: 768px), print {
	.u-top-models {
		padding : 20px 20px 30px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-models {
		padding : 30px 20px 60px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-top-models {
		max-width : 1200px;
		margin : 0 auto;
		padding : 30px 0 60px;
	}
}
.u-top-models h1 {
	font-family : SuzukiPROBold;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
}
@media screen and (min-width: 1024px), print {
	.u-top-models h1 {
		font-size : 23px;
		font-size : 2.3rem;
	}
}
.u-top-models .models-baner {
	margin-top : 20px;
}
@media screen and (min-width: 768px), print {
	.u-top-models .models-baner {
		*zoom : 1;
		margin : 0 -12px;
	}
	.u-top-models .models-baner:after {
		content : ' ';
		display : table;
		clear : both;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-models .models-baner {
		margin-top : 7px;
	}
}
.u-top-models .models-baner li {
	margin-top : 10px;
}
@media screen and (min-width: 768px), print {
	.u-top-models .models-baner li {
		float : left;
		width : 33.6%;
		padding : 0 12px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-top-models .models-baner li {
		width : 408px;
	}
}
@media screen and (min-width: 768px), print {
	.u-top-models .models-baner li.banner-l {
		width : 66.4%;
	}
}
@media screen and (min-width: 1240px), print {
	.u-top-models .models-baner li.banner-l {
		width : 816px;
	}
}
.u-top-models .models-baner li a {
	display : block;
	overflow : hidden;
	position : relative;
}
.u-top-models .models-baner li a img {
	width : 100%;
}
.u-top-models .models-baner li a .pc-img {
	display : none;
}
@media screen and (min-width: 768px), print {
	.u-top-models .models-baner li a .pc-img {
		display : block;
		-webkit-transform : scale(1.05);
		    -ms-transform : scale(1.05);
		        transform : scale(1.05);
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-models .models-baner li a .pc-img {
		-webkit-transition : all 0.3s ease;
		        transition : all 0.3s ease;
	}
}
.u-top-models .models-baner li a .pc-txt {
	display : none;
}
@media screen and (min-width: 768px), print {
	.u-top-models .models-baner li a .pc-txt {
		display : inline-block;
		position : absolute;
		top : 0;
		left : 0;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-models .models-baner li a:hover .pc-img {
		-webkit-transform : scale(1);
		    -ms-transform : scale(1);
		        transform : scale(1);
	}
}

.u-top-news {
	background : #000;
	padding : 20px 0 30px;
}
@media screen and (min-width: 1024px), print {
	.u-top-news {
		padding : 30px 0;
	}
}
.u-top-news h1 {
	margin : 0 10px;
	color : #fff;
	font-family : SuzukiPROBold;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
}
@media screen and (min-width: 768px), print {
	.u-top-news h1 {
		margin : 0 20px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-news h1 {
		font-size : 23px;
		font-size : 2.3rem;
	}
}
@media screen and (min-width: 1240px), print {
	.u-top-news h1 {
		width : 1200px;
		margin : 0 auto;
	}
}
.u-top-news .news-list {
	margin : 20px 0 0;
}
@media screen and (min-width: 1240px), print {
	.u-top-news .news-list {
		width : 1200px;
		margin : 20px auto 0;
	}
}
.u-top-news .news-list li {
	background : #1b1b1b;
}
.u-top-news .news-list li:nth-child(even) {
	background : #323232;
}
.u-top-news .news-list li a {
	display : block;
	color : #878787;
	padding : 14px 20px 14px 30px;
	font-size : 12px;
	font-size : 19.2px;
	font-size : 1.2rem;
	position : relative;
}
@media screen and (min-width: 768px), print {
	.u-top-news .news-list li a {
		padding : 14px 20px 14px 50px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-news .news-list li a {
		padding : 14px 20px;
	}
}
.u-top-news .news-list li a strong {
	display : block;
}
@media screen and (min-width: 1024px), print {
	.u-top-news .news-list li a strong {
		display : inline-block;
		width : 120px;
	}
}
.u-top-news .news-list li a:before {
	content : '';
	display : inline-block;
	width : 8px;
	height : 8px;
	border-top : 2px solid #878787;
	border-right : 2px solid #878787;
	position : absolute;
	top : 50%;
	margin-top : -4px;
	left : 7px;
	-webkit-transform : rotate(45deg);
	    -ms-transform : rotate(45deg);
	        transform : rotate(45deg);
}
@media screen and (min-width: 768px), print {
	.u-top-news .news-list li a:before {
		left : 17px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-news .news-list li a:before {
		left : auto;
		width : 10px;
		height : 10px;
		margin-top : -5px;
		right : 27px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-news .news-list li a:hover {
		text-decoration : underline;
	}
}
.u-top-news .news-more {
	margin : 30px 0 0;
	text-align : center;
}
@media screen and (min-width: 1024px), print {
	.u-top-news .news-more {
		margin : 20px 0 0;
	}
}
@media screen and (min-width: 1240px), print {
	.u-top-news .news-more {
		width : 1200px;
		margin : 20px auto 0;
	}
}

.u-top-topics {
	background : #000;
	padding : 20px 10px 30px;
}
@media screen and (min-width: 768px), print {
	.u-top-topics {
		padding : 20px 20px 30px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-topics {
		padding : 30px 20px 60px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-top-topics {
		padding : 30px 0 60px;
	}
}
.u-top-topics h1 {
	color : #fff;
	font-family : SuzukiPROBold;
	font-size : 15px;
	font-size : 24px;
	font-size : 1.5rem;
}
@media screen and (min-width: 1024px), print {
	.u-top-topics h1 {
		font-size : 23px;
		font-size : 2.3rem;
	}
}
@media screen and (min-width: 1240px), print {
	.u-top-topics h1 {
		width : 1200px;
		margin : 0 auto;
	}
}
.u-top-topics .topics-more {
	margin : 30px 0 0;
	text-align : center;
}
@media screen and (min-width: 1024px), print {
	.u-top-topics .topics-more {
		margin : 20px 0 0;
	}
}
@media screen and (min-width: 1240px), print {
	.u-top-topics .topics-more {
		width : 1200px;
		margin : 20px auto 0;
	}
}

.u-top-special {
	background : url(../../../images/bg_special.jpg) center center no-repeat;
	background-size : cover;
	padding : 30px 10px;
}
@media screen and (min-width: 768px), print {
	.u-top-special {
		background : url(../../../images/bg_special_pc.jpg) center center no-repeat;
		background-size : cover;
		padding : 30px 20px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-special {
		padding : 60px 20px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-top-special {
		padding : 60px 0;
	}
}
@media screen and (min-width: 768px), print {
	.u-top-special .special-list {
		*zoom : 1;
	}
	.u-top-special .special-list:after {
		content : ' ';
		display : table;
		clear : both;
	}
}
@media screen and (min-width: 1240px), print {
	.u-top-special .special-list {
		width : 1200px;
		margin : 0 auto;
	}
}
@media screen and (min-width: 768px), print {
	.u-top-special .special-list li {
		width : calc(50% - 12px);
		float : left;
	}
}
.u-top-special .special-list li + li {
	margin-top : 10px;
}
@media screen and (min-width: 768px), print {
	.u-top-special .special-list li + li {
		margin-top : 0;
	}
}
@media screen and (min-width: 768px), print {
	.u-top-special .special-list li:nth-child(even) {
		float : right;
	}
}
.u-top-special .special-list li a {
	display : block;
	background : #003145;
	color : #fff;
	padding-bottom : 15px;
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a {
		*zoom : 1;
		padding-bottom : 0;
	}
	.u-top-special .special-list li a:after {
		content : ' ';
		display : table;
		clear : both;
	}
}
.u-top-special .special-list li a .list-img {
	display : block;
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a .list-img {
		width : 50%;
		float : left;
		margin-right : 25px;
		overflow : hidden;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a .list-img .img-sp {
		display : none;
	}
}
.u-top-special .special-list li a .list-img .img-pc {
	display : none;
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a .list-img .img-pc {
		display : block;
	}
}
.u-top-special .special-list li a .list-img img {
	width : 100%;
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a .list-img img {
		-webkit-transition : all 0.3s ease;
		        transition : all 0.3s ease;
		-webkit-transform : scale(1.1);
		    -ms-transform : scale(1.1);
		        transform : scale(1.1);
	}
}
.u-top-special .special-list li a dl {
	padding : 10px 15px 0;
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a dl {
		padding-top : 15px;
	}
}
.u-top-special .special-list li a dl dt {
	font-family : SuzukiPROBold;
	font-size : 18px;
	font-size : 28.8px;
	font-size : 1.8rem;
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a dl dt {
		font-size : 28px;
		font-size : 2.8rem;
	}
}
.u-top-special .special-list li a dl dd {
	margin-top : 5px;
	font-family : SuzukiPROBold;
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a dl dd {
		margin-top : 10px;
	}
}
.u-top-special .special-list li a .list-more {
	display : block;
	margin : 10px 30px 0;
	text-align : center;
	border : 1px solid #fff;
	font-family : SuzukiPROBold;
	padding : 20px 0;
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a .list-more {
		display : inline-block;
		font-size : 12px;
		font-size : 1.2rem;
		padding : 8px 22px 7px 18px;
		width : auto;
		margin : 20px 0 0;
		position : relative;
		-webkit-transition : all 0.3s ease;
		        transition : all 0.3s ease;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a .list-more:before {
		content : '';
		display : inline-block;
		position : absolute;
		top : 0;
		left : 0;
		bottom : 0;
		right : 0;
		background : #fff;
		-webkit-transform-origin : right top;
		    -ms-transform-origin : right top;
		        transform-origin : right top;
		-webkit-transform : scale(0, 1);
		    -ms-transform : scale(0, 1);
		        transform : scale(0, 1);
		-webkit-transition : -webkit-transform 0.3s;
		        transition : -webkit-transform 0.3s;
		        transition :         transform 0.3s;
		        transition :         transform 0.3s, -webkit-transform 0.3s;
	}
}
.u-top-special .special-list li a .list-more span {
	display : inline-block;
	padding : 0 18px;
	position : relative;
}
.u-top-special .special-list li a .list-more span: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 : 2px;
	margin-top : -4px;
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a .list-more span:after {
		-webkit-transition : all 0.3s ease;
		        transition : all 0.3s ease;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-special .special-list li a:hover .list-img img {
		-webkit-transform : scale(1);
		    -ms-transform : scale(1);
		        transform : scale(1);
	}
	.u-top-special .special-list li a:hover .list-more {
		color : #003145;
	}
	.u-top-special .special-list li a:hover .list-more:before {
		-webkit-transform-origin : left top;
		    -ms-transform-origin : left top;
		        transform-origin : left top;
		-webkit-transform : scale(1, 1);
		    -ms-transform : scale(1, 1);
		        transform : scale(1, 1);
	}
	.u-top-special .special-list li a:hover .list-more span:after {
		border-top : 2px solid #003145;
		border-right : 2px solid #003145;
	}
}

.u-top-banner {
	padding : 20px 10px 30px;
}
@media screen and (min-width: 768px), print {
	.u-top-banner {
		padding : 20px 20px 30px;
	}
}
@media screen and (min-width: 1024px), print {
	.u-top-banner {
		padding : 60px 20px;
	}
}
@media screen and (min-width: 1240px), print {
	.u-top-banner {
		max-width : 1200px;
		margin : 0 auto;
		padding : 60px 0;
	}
}
@media screen and (min-width: 768px), print {
	.u-top-banner .banner-list {
		*zoom : 1;
	}
	.u-top-banner .banner-list:after {
		content : ' ';
		display : table;
		clear : both;
	}
}
@media screen and (min-width: 768px), print {
	.u-top-banner .banner-list li {
		width : calc(50% - 12px);
		float : left;
	}
}
@media screen and (min-width: 768px), print {
	.u-top-banner .banner-list li:nth-child(even) {
		float : right;
	}
}
.u-top-banner .banner-list li + li {
	margin-top : 10px;
}
@media screen and (min-width: 768px), print {
	.u-top-banner .banner-list li + li {
		margin-top : 0;
	}
}
@media screen and (min-width: 768px), print {
	.u-top-banner .banner-list li:nth-child(n+3) {
		margin-top : 25px;
	}
}
.u-top-banner .banner-list li img {
	width : 100%;
}
@media screen and (min-width: 1024px), print {
	.u-top-banner .banner-list li a {
		display : block;
		position : relative;
	}
	.u-top-banner .banner-list li a:after {
		content : '';
		display : inline-block;
		position : absolute;
		top : 0;
		bottom : 0;
		left : 0;
		right : 0;
		background : rgba(255, 255, 255, 0.25);
		-webkit-transform-origin : right top;
		    -ms-transform-origin : right top;
		        transform-origin : right top;
		-webkit-transform : scale(0, 1);
		    -ms-transform : scale(0, 1);
		        transform : scale(0, 1);
		-webkit-transition : -webkit-transform 0.3s;
		        transition : -webkit-transform 0.3s;
		        transition :         transform 0.3s;
		        transition :         transform 0.3s, -webkit-transform 0.3s;
	}
	.u-top-banner .banner-list li a:hover:after {
		-webkit-transform-origin : left top;
		    -ms-transform-origin : left top;
		        transform-origin : left top;
		-webkit-transform : scale(1, 1);
		    -ms-transform : scale(1, 1);
		        transform : scale(1, 1);
	}
}