@charset "utf-8";

/*****************************************************
 .top 
 http://autoc-one.jp/special/2757155/index.thtml
*****************************************************/

/* ===== title ===== */
.top .bar h1 {
	font-weight: normal;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	color: #111;
}
.top nav span.ja, 
.top h2, 
.top h3, 
.top .goToNext {
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight: bold;
	font-style: oblique;
}
.top h2 span {
	font-size: 36px;
	color: #999;
}
.top .bar {
	background: #fff;
	height: 30px;
}
.top h2 {
	padding: 20px 0 0;
	text-align: center;
	font-size: 42px;
}

/* ===== sec-main ===== */
.top .sec-main .report ul.img li div ,
.top .sec-main .report ul li div {
	background: #f0f0ea;
}
.top .sec-main .report li {
	float: left;
	margin-right: 22px;
	width: 300px;
	border: 0;
	box-shadow: 0 0 10px 2px #c5c5c5;
	-webkit-box-shadow: 0 0 10px 2px #c5c5c5;
	-moz-box-shadow: 0 0 10px 2px #c5c5c5;
}
.top .sec-main p {
	padding-bottom: 20px;
}
.top p.text-right {
	display: block;
	text-align: right;
	font-size: 100%;
}
.top p.text-sponsored {
	font-size: 120%;
	font-weight: bold;
	color: #2a96c1;
	padding-bottom: 0 !important;
}

/* ===== nextpage, pageLink ===== */
.nextPage01, 
.nextPage02 {
	position: relative;
}
.nextPage01 img, 
.nextPage02 img {
	display: block;
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
}
.nextPage01 span, 
.nextPage02 span {
	border-width: 1px;
	border-style: solid;
	border-color: #c3c3c3;
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #fff;
	font-size: 170%;
	font-weight: normal;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.5);
}
.nextPage01 a span:hover, 
.nextPage02 a span:hover {
	text-decoration: none;
	background-color: rgba(0, 174, 215, 1.0);
}
.pageLink {
	box-shadow: 0 0 7px 1px #666;
	-webkit-box-shadow: 0 0 7px 1px #666;
	-moz-box-shadow: 0 0 7px 1px #666;
	margin-top: 30px;
}
.pageLink-main01 {
	background: url(http://fsv-static.autoc-one.jp/pr/2757155/images/background_top_menu01.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.pageLink-main02 {
	background: url(http://fsv-static.autoc-one.jp/pr/2757155/images/background_top_menu02.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.pageLink-main01 .inner,
.pageLink-main02 .inner {
	width: 950px;
	margin: 0 auto;
}

/************************/
/*      smartphone      */
/************************/
@media screen and (max-width: 768px) {
	.top .bar h1 {
		font-size: 10px;
		padding: 0 5px;
		background: #f0f0ea;
		color: #111;
	}
	.top .bar .sns {
		padding: 5px 5px 0;
		background: #fff;
		float: none;
		position: static;
		margin: 0;
	}
	.top h2 span {
		font-size: 22px;
		padding: 0 3px;
		line-height: 1.3;
	}
	.top h2 span span, 
	h3 span span.carModel {
		font-size: 18px;
		padding-bottom: 5px;
	}
	.top .sec-main p, 
	.top .sec-main {
		padding-bottom: 0;
		margin-top: 0;
	}
	.top .sec-main .right {
		text-align: right;
	}
	.top p.text-sponsored {
		font-size: 100%;
		font-weight: normal;
		color: #2a96c1;
		margin-bottom: 30px !important;
		padding-bottom: 0 !important;
	}
	.top .pageLink {
		margin-top: 0;
	}
	.top .sec-main p.goToNext {
		padding-bottom: 0;
	}
	.pageLink-main01 .inner,
	.pageLink-main02 .inner {
		width: auto;
		margin: 0 auto;
	}
	.nextPage01 span, 
	.nextPage02 span {
		border-width: 1px;
		border-style: solid;
		border-color: #c3c3c3;
		position: absolute;
		left: 5px;
		bottom: 5px;
		color: #fff;
		font-size: 100%;
		font-weight: bold;
		padding: 10px 0 10px 0;
		background-color: rgba(0,0,0,0.6);
		letter-spacing: -0.7px;
		width: 95%;
		text-align: center;
	}
}