@charset "UTF-8";

/* top */

/*--------------------------------------
	common
---------------------------------------*/

.contents .top_mono_contents {
	clear: both;
	width: 100%;
}

.contents .top_main_contents {
	float: left;
	width: 700px;
}

.contents .top_side_contents {
	float: right;
	width: 250px;
}

a.archivelink {
	background: #FFF url(../../images/common/sidenavi_bg.png) no-repeat right top -5px;
    padding-right: 30px;
    color: #333;
    text-decoration: none;
}
a.archivelink:hover {
    color: #D30019;
}


.top_main_area {
}

.heading_top {
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 30px;
	font-size: 3.0rem;
	color: #000;
	font-weight: bold;
}

.heading_top span {
	border-bottom: 3px solid #F1D54E;
	font-weight: bold;
}

.heading_sub {
	margin-bottom: 35px;
	padding-bottom: 15px;
	text-align:center;
	font-size: 14px;
	font-size: 1.4rem;
}

#top_intro_area {
	margin: 0 auto;
	width: 940px;
}

.top_main_area {
	margin: 0 auto;
	padding: 60px 0 0;
	width: 900px;
}

.pic.link_btn {
	text-align: center;
}

.pic.link_btn img{
	display: inline-block;
	width: 340px;
}

.pic.link_btn img.recommemd_pic {
	width: 260px;

}

/*--------------------------------------
	promo
---------------------------------------*/

/* top_promo_main_cont */

#top_promo_main_cont .promo_cont {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 300px;
}

#top_promo_main_cont .promo_cont .pic img{
	width: 980px;
	height: 300px;
}

	/* bkup 不要なCSS削除予定 170928 O

	.promo_cont .text_area .text01 {
		position: absolute;
		padding-left: 80px;
		font-size: 30px;
		font-size: 3.rem;
		color: #FFF;
		line-height: 0.7em;
		height: 65px;
		top: 38px;
		left: 30px;
		text-align: left;
	}

	.promo_cont .text_area .text01 span {
		font-size: 26px;
		font-size: 2.6rem;
	}

	.promo_cont .text_area .brand_icon_mercedes {
		background: url(../../images/common/logo_brand_mercedes.png) no-repeat left top;
	}

	.promo_cont .text_area .brand_icon_bmw {
		background: url(../../images/common/logo_brand_bmw.png) no-repeat left top;
	}

	.promo_cont .text_area .brand_icon_porsche {
		background: url(../../images/common/logo_brand_porsche.png) no-repeat left top;
	}

	.promo_cont .text_area .brand_icon_audi {
		background: url(../../images/common/logo_brand_audi.png) no-repeat left top;
	}

	.promo_cont .text_area .brand_icon_lexus {
		background: url(../../images/common/logo_brand_lexus.png) no-repeat left top;
	}

	.promo_cont .text_area .brand_icon_wagen {
		background: url(../../images/common/logo_brand_wagen.png) no-repeat left top;
	}

	.promo_cont .text_area .brand_icon_volvo {
		background: url(../../images/common/logo_brand_volvo.png) no-repeat left top;
	}

	.promo_cont .text_area .text_inner {
		position: absolute;
		top: 130px;
		left: 30px;
		min-width: 365px;
	}

	*/

/* top_promo_info_cont */

#top_promo_info_cont {
	position: absolute;
	top: 15px;
	left : 15px;
	padding: 10px;
	width: 260px;
	height: 250px;
	background-color: rgba(255,255,255,0.9);
	text-align: center;
	z-index: 10;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 7px;
}

#top_promo_info_cont .top_promo_info_catch_img img {
	width: 250px;
}

#top_promo_info_cont .top_promo_info_total_car {
	/* background: url(../../images/top/promo_info_total_car_bg.png) no-repeat left 10px; */
	display: flex;
	align-items: baseline;
}

#top_promo_info_cont .top_promo_info_total_car span.top_promo_info_number {
	font-size: 55px;
	font-size: 5.5rem;
	line-height: 1.0em;
	font-weight: bold;
	color: #AD1F24;
}

#top_promo_info_cont .top_promo_info_total_car span.top_promo_info_unit {
	font-size: 2rem;
	font-weight: bold;
	color: #AD1F24;
}

#top_promo_info_cont .top_promo_info_total_car span.top_promo_info_unit.nomal {
	font-size: 1.8rem;
	font-weight: bold;
	color: #AD1F24;
}

#top_promo_info_cont .top_promo_info_date {
}

#top_promo_info_cont .top_promo_info_daily {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}

#top_promo_info_cont .top_promo_info_daily .top_promo_info_icon {
	margin-right: .25em;
	padding: .25em .5em;
	width: 4em;
	background: #AD1F24;
	border-radius: .25em;
	font-size: 1.1rem;
	line-height: 1.2em;
	color: #FFF;
}

#top_promo_info_cont .top_promo_info_daily .top_promo_info_message {
	flex: 1;
	padding: .25em .5em .25em 1.75em;
	background: url("../../images/common/decoration/icon_exclamation.png") no-repeat 1px 1px;
	font-size: 1.1rem;
	line-height: 1.25em;
	text-align: left;
}

#top_promo_info_cont .top_promo_info_btn {
	/* position: absolute;
	left: 10px;
	bottom: 10px; */
}

#top_promo_info_cont .top_promo_info_btn img {
	width: 260px;
}

#top_promo_info_cont .small_text {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.3;
}

/*--------------------------------------
	top_mono_contents
---------------------------------------*/

/* common */

.top_main_area {
	clear: both;
}

/* top_intro_wrap */

#top_intro_wrap {
	padding-top: 20px;
	background: #E9E9E9;
}

#top_intro_wrap .top_mono_contents,
#top_intro_wrap .contents {
	padding-bottom: 0;
	margin-bottom: 0;
}

/* top_intro_banner_box */

#top_intro_banner_box .top_intro_banner_part {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 15px;
}

#top_intro_banner_box .top_intro_banner_part li {
	flex-basis: 49%;
	max-width: 49%;
}

#top_intro_banner_box .top_intro_banner_part li:nth-child(2n) {
	margin-left: 2%;
}

#top_intro_banner_box .top_intro_banner_part li a .pic {
	margin-bottom: 0;
}

/* top_intro_box */

#top_intro_box {
	position: relative;
	margin-bottom: 20px;
}

#top_intro_box .part {
	margin-bottom: 0;
}

#top_intro_box .heading_top_intro_brand img {
	width: 220px;
}

#top_intro_box .top_intro_brand_ul * {
	box-sizing: border-box;
}

#top_intro_box .top_intro_brand_ul {
	display: flex;
	flex-wrap: wrap;
	width: 99.9%;
}

#top_intro_box .top_intro_brand_ul li {
	flex-basis: 9.09%;
	max-width: 9.09%;
	position: relative;
}

#top_intro_box .top_intro_brand_ul li:not(:nth-child(11n)) {
	border-right: 1px solid #ccc;
}

#top_intro_box .top_intro_brand_ul li:nth-child(n+12) {
	border-top: 1px solid #ccc;
}

#top_intro_box .top_intro_brand_ul li a {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 5px;
	height: 100%;
	background: linear-gradient( #fff, #d5d5d5 );
	text-decoration: none;
	color: inherit;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
}

#top_intro_box .top_intro_brand_ul li a:hover {
	opacity: 0.8;
	cursor: pointer;
}

#top_intro_box .top_intro_brand_ul li a img {
	width: 70%;
}

#top_intro_box .top_intro_brand_ul li a .brand_name {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	margin-top: auto;
	height: 2em;
	line-height: 1.2rem;
	text-align: center;
}

#top_intro_box .top_intro_brand_ul li a .brand_name::after {
	content: "\0bb";
	padding-left: .2em;
}

#top_intro_box .top_intro_brand_ul li span.car_number {
	color: #D30019;
	font-size: 0.6rem;
	font-weight: bold;
	position: absolute;
	top: 3px;
	right: 3px;
}
#top_intro_box .top_intro_brand_ul li span.car_number_cont {
	font-size: 1.2rem;
	font-weight: bold;
}

#top_intro_box #top_intro_now_part {
	position: absolute;
	top: -5px;
	left: 235px;
}

#top_intro_box #top_intro_now_part span.car_number {
	font-size: 32px;
	font-size: 3.2rem;
	color: #AC1E23;
	line-height: 1.0em;
	font-weight: bold;
}

#top_intro_box #top_intro_now_part .top_intro_caution {
	font-size: 12px;
	margin-left: 10px;
}

#top_intro_box #top_intro_now_part .top_intro_now_coment {
	padding-top: 5px;
	font-size: 17px;
	font-size: 1.7rem;
}

#top_intro_box #top_intro_search_part {
	position: absolute;
	top: -5px;
	right: 0;
}

#top_intro_box #top_intro_search_part .search_form_input {
	background: #FFF;
	border: 1px solid #ccc;
}

#top_intro_wrap #top_other_area {
	text-align: center;
	padding: 0 0 30px;
}
#top_intro_wrap #top_other_area a {
	background: url(../../images/common/sidenavi_bg.png) no-repeat right top -5px;
	font-weight: bold;
}

/* top_headnews_wrap */

#top_headnews_area {
	padding-top: 0 ;
}

#top_headnews_wrap .top_headnews_box {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 900px;
	border-bottom: 1px dotted #CCC;
}
#top_headnews_wrap .top_headnews_box p {
	padding-left: 50px;
	background: url(../../images/common/decoration/icon_new.png) no-repeat left 2px;;
}

#top_headnews_wrap .top_mono_contents {
	margin-bottom: 0;
	padding-bottom: 0;
}

#top_headnews_wrap .headnews_date {
	margin-right: 10px;
}

/* top_pickup_wrap */

#top_pickup_area .heading_top02 {
	margin-bottom: 20px;
}

#top_pickup_area {
	padding-top: 0;
}

#top_pickup_wrap {
	background: #fff;
}

#top_pickup_wrap .contents {
	padding-bottom: 0;
}

#top_pickup_wrap .top_mono_contents {
	margin-bottom: 0;
}


#top_pickup_box {
	margin-bottom: 10px;
	padding-top: 30px;
}

#top_pickup_box .part.clm2 {
	margin-bottom: 0;
}

#top_pickup_box .clm2 .list_cont {
	width: 440px;
	margin-right: 20px;
}


#top_pickup_box .clm2 .list_cont .pickup_title {
	margin-bottom: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4em;
}

#top_pickup_box .clm2 .list_cont .pickup_title span {
	color: #C00;
	font-weight: bold;
}

#top_pickup_box .clm2 .list_cont .caption{
	color: #999;
	font-size: 12px;
}

/* top_research */

#top_research_area {
	width: 960px;
}

#top_research_box .heading_sub {
	margin-bottom: 0;
}

#top_research_box .list_cont {
	min-height: 930px;
}

#top_research_box ul.car_detail_ul {
	margin-bottom: 10px;
}

#top_research_box .staff_massage .image_cont {
	width: 100px;
}

#top_research_box .staff_massage  .image_cont .caption {
	text-align: center;
}

#top_research_box .staff_massage .texts_cont {
	width: 190px;
}

#top_research_box .staff_massage .texts_cont .heading03 {
	margin-bottom: 5px;
}

#top_research_box .staff_massage .texts_cont p {
	font-size: 1.3rem;
	line-height: 1.4em;
}


/* top_monthlyrecommend */

#top_monthlyrecommend_area {
	width: 960px;
}

#top_monthlyrecommend_area .heading_sub {
	margin-bottom: 0;
}

#top_monthlyrecommend_box .list_cont {
	min-height: 700px;
}

#top_monthlyrecommend_box ul.car_detail_ul {
	margin-bottom: 10px;
}

#top_monthlyrecommend_box .staff_massage .image_cont {
	width: 100px;
}

#top_monthlyrecommend_boxl .staff_massage  .image_cont .caption {
	text-align: center;
}

#top_monthlyrecommend_box .staff_massage .texts_cont {
	width: 190px;
}

#top_monthlyrecommend_box .staff_massage .texts_cont .heading03 {
	margin-bottom: 5px;
}

#top_monthlyrecommend_box .staff_massage .texts_cont p {
	font-size: 1.3rem;
	line-height: 1.4em;
}

/* top_ranking */

#top_ranking_area {
	width: 960px;
}

#top_ranking_area .heading_sub {
	margin-bottom: 70px;
}

#top_ranking_box .list_cont {
	min-height: 530px;
}

#top_ranking_box .ranking_num {
	position: absolute ;
	top: -20px;
	left: 0;
}


/* top_recommended_wrap */

#top_recommended_area {
	padding-top: 0;
	width: 960px;
}

#top_recommended_wrap {
	background: #fff;
}

#top_recommended_wrap .top_mono_contents {
	padding-bottom: 0;
	margin-bottom: 0;
}

#top_lineup_pickup_box {
	margin-bottom: 0;
}

#top_recommended_wrap .lineup_part {
	margin-bottom: 60px;
}

#top_recommended_wrap .top_recommended_btn {
	text-align: center;
}

#top_recommended_wrap .box {
	padding-bottom: 0;
	border-bottom: none;
}

/* top_news_wrap */
#top_news_wrap {

}
#top_news_box {
	margin-bottom: 0;
}

#top_news_box .heading_top02 {
	margin-bottom: 20px;
}

#top_news_box .part {
	margin-bottom: 0;
}

#top_news_box .part ul{
	margin-bottom: 2rem;
}

#top_news_box .part ul li {
	display: flex;
	flex-wrap: nowrap;
	padding: 1.5em 0;
}

#top_news_box .part ul li .news_date {
	margin-right: 1em;
	width: 6em;
	color: #C00;
}

#top_news_box .part ul li .news_title {
	flex: 1;
}

#top_news_box .part ul li .news_title .icon_new {
	display: inline-block;
	margin-right: 5px;
	padding: 0 5px;
	font-size: 12px;
	font-size: 1.2rem;
	background: #C00;
	font-weight: bold;
	color: #FFF;
}

/* top_brandnew_wrap */
#top_brandnew_wrap table {
	margin: 3em 0;
}
#top_brandnew_wrap table td,
#top_brandnew_wrap table th {
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
}
#top_brandnew_wrap table th {
	background: #d5d5d5;
}
#top_brandnew_wrap table td:first-child img {
	max-height: 30px;
}
#top_brandnew_wrap table td:first-child p.small {
	font-size: 1rem;
}

#top_brandnew_box,
#top_brandnew_box .part {
	margin-bottom: 0;
}

/* top_youtube_wrap */

#top_youtube_area {
	padding-top: 0;
}

#top_youtube_box .part .top_youtube_list {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
}

#top_youtube_box .part .top_youtube_list .top_youtube_list_item {
	flex-basis: 48%;
	max-width: 48%;
}

#top_youtube_box .part .top_youtube_list .top_youtube_list_item:nth-child(2n) {
	margin-left: 4%;
}

#top_youtube_box .part .top_youtube_list .top_youtube_list_item .heading_top02 {
	margin-bottom: 1em;
}

#top_youtube_box .part .top_youtube_list .top_youtube_list_item .iframe_wrap {
	position: relative;
	padding-top: 56%;
	width: 100%;
}

#top_youtube_box .part .top_youtube_list .top_youtube_list_item .iframe_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* top_choose_wrap */

#top_choose_area {
	padding-top: 0;
}

#top_choose_wrap .clm3.circle_clm {
	margin: 0 auto;
	margin-bottom: 40px;
	width: 780px;
}

#top_choose_wrap .clm3.circle_clm .list_cont {
	width: 220px;
	margin-right: 59px;
}

	/*
	#top_choose_wrap {
		background: linear-gradient(#fff, #E9E9E9);
	}
	*/

#top_choose_cover_part {
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 20px 40px;
	width: 700px;
	border: 2px solid #ddd;
	border-radius: 10px;
	background: #FFF;
}

#top_choose_cover_part .clm3 .list_cont {
	width: 210px;
	margin-left: 22px;
}

#top_choose_cover_part .caption {
	padding-left: 10px;
	margin-bottom: 10px;
}

#top_choose_navi_part.clm3 .list_cont{
	width: 280px;
	margin-right: 29px;
}

#top_choose_wrap .font_red.strong {
	-webkit-text-emphasis: filled dot #AD1F24;
   text-emphasis: filled dot #AD1F24;
}


/* top_quality_wrap */

#top_quality_box .clm2 ul {
	display: flex;
	justify-content: center;
}

#top_quality_box .clm2 ul li {
	width: 45%;
}

#top_quality_box .clm2 ul li.texts {
	padding-top: 2em;
}


/* top_transaction_wrap */

#top_transaction_wrap {
	background: #fff;
}

#top_transaction_wrap .heading_top_transaction .supple {
	border-bottom: none;
}

#top_transaction_wrap .top_transaction_part {
	margin-bottom: 40px;
	text-align: center;
}

#top_transaction_wrap .top_transaction_btn_part .list_cont {
	width: 48%;
	margin-right: 4%;
}

#top_transaction_wrap .top_transaction_cover {
	margin: 0 auto 60px;
	padding: 20px 25px 10px;
	border: 1px solid #CCC;
	width: 608px;
	text-align: center;
	font-size: 20px;
}

/* top_media_wrap */

#top_media_wrap {
	background: linear-gradient(#fff, #E9E9E9);

}

#top_media_wrap .media_part {
	margin-bottom: 50px;
}

#top_media_wrap .top_mono_contents {
	padding-bottom: 0;
	margin-bottom: 0;
}

#top_media_wrap .clm3 {
	margin: 0 auto 60px;
	width: 850px;
}

#top_media_wrap .clm3 .list_cont {
	margin-right: 34px;
	margin-bottom: 30px;
	width: 258px;
	border: 1px solid #CCC;
}

#top_media_wrap .clm3 .list_cont p,
#top_media_wrap .clm3 .list_cont img{
	margin-bottom: 0;
}

#top_media_wrap .youtube_part {
	margin: 0 auto 60px;
	width: 850px
}

#top_media_wrap .youtube_part ul .list_cont {
	margin-right: 16px;
	width: 200px;
	text-align: center;
}

#top_media_wrap .youtube_part ul .list_cont .heading03 {
	margin-bottom: 10px;
	font-weight: normal;
}

#top_media_wrap .youtube_part ul .list_cont .caption {
	margin-bottom: 10px;
}

#top_media_wrap .youtube_part ul .list_cont iframe {
	width: 200px;
	height: 115px;
}

/* top_sns_wrap */

#top_sns_wrap #top_sns_box .part .top_sns_list {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

#top_sns_wrap #top_sns_box .part .top_sns_list .top_sns_list_item {
	flex-basis: 23%;
	max-width: 23%;
}

#top_sns_wrap #top_sns_box .part .top_sns_list .top_sns_list_item:not(:first-child) {
	margin-left: 2.6%;
}

/* top_laxuarycar_wrap */

#top_laxuarycar_wrap {
	background: linear-gradient(#fff, #E9E9E9);
}

#top_laxuarycar_area {
	width: 960px;
}

#top_laxuarycar_wrap .heading_top_laxuarycar {
	margin-bottom: 30px;
}

#top_laxuarycar_wrap .clm3 {
	margin-bottom: 70px;
}

#top_laxuarycar_wrap .top_laxuarycar_btn {
	text-align: center;
}

/* top_info_wrap */

#top_info_wrap {
	background: linear-gradient(#fff, #EFEFEF);
}

#top_info_box,
#top_info_wrap .contents,
#top_info_wrap .part.texts_image {
	margin-bottom: 0;
	padding-bottom: 0;
}

#top_info_wrap .texts_image .image_cont {
	padding-top: 30px;
	width: 280px;
}

#top_info_wrap .texts_image .image_cont p {
	margin-bottom: 0;
	padding-bottom: 0;
}

#top_info_wrap .texts_image .texts_cont {
	width: 600px;
}

#top_info_wrap .catch {
	font-size: 20px;
	font-weight: bold;
}

#top_info_wrap .info_tel {
	padding-left: 80px;
	background: url(../../images/common/decoration/icon_freedial_l.png) no-repeat left center;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 40px;
}

#top_info_wrap .info_tel_sub {
	margin-bottom: 10px;
}

#top_info_wrap .btn_ul li {
	float: left;
	margin-right: 10px;
}

#top_info_wrap .btn_ul li img {
	width: 260px;
}

/* top_concept_wrap */

#top_concept_wrap {
	background: #fff;
}

#top_concept_area {
	border-bottom: 2px solid #666;
}

#top_concept_wrap .clm4 .list_cont {
	width: 190px;
	margin-right: 45px;
}

#top_concept_wrap .clm4 .list_cont .top_concept_heading {
	margin-bottom: 30px;
	padding-top: 50px;
	text-align: center;
	background: url(../../images/top/point_dot.png) no-repeat center top;
	font-size: 14px;
	line-height: 1.8em;
}

#top_concept_wrap .clm4 .list_cont.first_list .top_concept_heading {
	margin-bottom: 40px;
	padding-top: 65px;
}

#top_lineup_pickup_box {
	border-bottom: 2px solid #666;
}

/* top_about_wrap */

#top_about_wrap .image_texts .image_cont {
	width: 175px;
}

#top_about_wrap .image_texts .image_cont .pic {
	margin-bottom: 2em;
}

#top_about_wrap .image_texts .image_cont .pic:last-child img {
	display: block;
	margin: 0 auto;
	width: 45%;
}

#top_about_wrap .image_texts .texts_cont {
	width: 680px;
	font-size: 16px;
}

#top_about_wrap .top_about_ul {
	margin-bottom: 10px;
}

#top_about_wrap .top_about_ul li {
	line-height: 1.6em;
}

/*--------------------------------------
	top_side_contents
---------------------------------------*/

.top_side_area {
	clear: both;
	margin-bottom: 30px;
	width: 100%;
}

.top_side_area h2 {
	margin: 0 0 10px;
	line-height: 1.3em;
	font-size: 122%;
	font-weight: bold;
	color: #000000;
}

/*--------------------------------------
	[module] clearfix
---------------------------------------*/

.top_main_area:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.top_main_area {
	display:inline-block;
}

/* \*/
* html .top_main_area {
	height:1%;
}

.top_main_area {
	display: block;
}
/* */