@charset "UTF-8";

/***** 印刷 *****/
@media print {
	a[href]:after {
		content: "" !important;
	}

	abbr[title]:after {
		content: "" !important;
	}

	.preview-information-container {
		display: none;
	}
}

/***** 要素 *****/
body {
	padding: 0;
	font-size: 13px;
	font-family: Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro,
		'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
	min-width: 1020px;
}

a:link {
	color: #1d668a;
}

a:visited {
	color: #4a7c9a;
}

.a-img-opacity a:hover img {
	opacity: 0.8;
}

/***** 基本コンテナ *****/
.ac1-container {
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	font-size: 13px;
}

.ac1-container-for-html-contents .wrapperinner {
	padding: 10px;
}

.ac1-container h1 {
	font-size: 22px;
	font-weight: bold;
	line-height: 28px;
	border-bottom: 1px solid #999;
	margin-bottom: 15px;
}

.ac1-container h2 {
	color: #333;
	font-size: 19px;
	font-weight: bold;
	margin-top: 10px;
	padding-bottom: 4px;
	border-bottom: 1px dashed #CECECE;
	margin-bottom: 15px;
}

.ac1-container h3 {
	font-size: 17px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left: 4px solid #135598;
	padding-left: 6px;
}

.ac1-container h4 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
}

.ac1-container h4.service-link {
	font-size: 15px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
}

.section-container h2 {
	background-color: #EEEEEE;
	color: #333;
	padding: 10px;
	border-top: 4px solid #135598;
	font-size: 19px;
	margin: 10px 0;
	border-bottom: none;
	font-weight: bold;
}

.section-container h3 {
	font-size: 16px;
	border-left: 4px solid #135598;
	margin: 20px 0 10px;
	padding: 0 0 2px 6px;
	background: none;
	border-top: none;
	border-bottom: 1px dashed #ccc;
	font-weight: bold;
}

.section-container h4 {
	font-size: 16px;
	font-weight: normal;
	margin: 20px 0 5px;
}

.section-container h4:before {
	content: "●";
	font-size: 18px;
	color: #135598;
	margin-left: -3px;
}

#toc_box {
	border: 1px solid #aaa;
	font-weight: bold;
	padding: 10px;
	display: table;
	font-size: 12px;
	width: 100%;
	margin-bottom: 10px;
}

.toc_title {
	text-align: center;
	background-color: #beceea;
	padding: 3px 0;
}

.toc_title:nth-child(n + 2) {
	margin: 20px 0 10px;
}

.toc_class li:before {
	content: "▼";
	color: #2281D2;
}

.toc_class li {
	margin: 0 0 5px;
}

.toc_class li:last-child {
	margin: 0;
}

.ac1-row {
	margin: 0;
}

.ac1-col {
	padding: 0;
	background-color: inherit;
	border: none;
}

.table {
	margin-bottom: 0;
}

.horizontal-container {
	display: table;
	width: 100%;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.horizontal-container div.cell {
	display: table-cell;
	width: 33%;
	border-right: 1px solid #ddd;
	padding: 10px;
}

.horizontal-container div.cell:last-child {
	border-right: none;
}

.more-container {
	padding: 10px;
	text-align: center;
	background-color: #f9f9f9;
	border-bottom: 1px solid #ddd;
}

.more-container a.more-grade {
	border-radius: 5px;
	background-color: #E2E2E2;
	padding: 2px 20px;
	font-weight: bold;
	border: 1px solid #D8D8D8;
}

/***** 共通部分 *****/
.gray-small {
	color: #a0a0a0;
	font-weight: normal;
	font-size: 11px;
}

.gray-middle {
	color: #a0a0a0;
	font-weight: normal;
	font-size: 13px;
}

.title-container {
	margin-bottom: 10px;
	border-bottom: 2px solid #135598;
}

.title-container img.star {
	width: 80px;
	margin-left: 10px;
}

.title-container .valuation-value {
	font-weight: normal;
	font-size: 14px;
}

h1 img.maker-logo {
	width: 48px;
	margin-right: 5px;
}

.model-detail-container {
	width: 710px;
}

.ad-container {
	width: 300px;
}

.image-container {
	float: left;
	margin-bottom: 10px;
	width: 355px;
	position: relative;
}

.image-container img {
	width: 350px;
	margin-bottom: 3px;
}

.image-container-small li {
	float: left;
	margin: 0 3px 5px 0;
	text-align: center;
	width: 47px;
	height: 31px;
	line-height: 31px;
}

.image-container-small img {
	max-width: 47px;
	max-height: 31px;
}

.service-link-container {
	width: 345px;
	margin-bottom: 0;
}

.service-link-container li.list-group-item {
	background-color: #f9f9f9;
}

h4.service-link {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
	border-left: 4px solid #135598;
	padding-left: 6px;
}

.price-container {
	text-align: center;
	margin: 8px 0 5px 0;
}

span.price {
	font-size: 16px;
	color: #A00;
	font-weight: bold;
}

.service-button img {
	width: 230px;
	height: 46px;
}

.horizontal-container .cell .service-button img {
	width: 180px;
	height: 36px;
}

a.image-source-link {
	color: #93CBFB;
	font-weight: bold;
}

/***** タブ *****/
ul.tab-bar {
	margin: 5px 0 15px 0;
	text-align: center;
	border-bottom: 4px solid;
}

ul.tab-bar.model,
ul.tab-bar.review {
	border-color: #E1893B;
}

ul.tab-bar.grade {
	border-color: #6AAC45;
}

ul.tab-bar.photo {
	border-color: #376C99;
}

ul.tab-bar li {
	width: 194px;
	height: 37px;
	padding: 0;
}

ul.tab-bar li img {
	width: 194px;
	height: 32px;
	margin-top: 5px;
}

ul.tab-bar li.active img {
	height: 37px;
	margin-top: 0;
}

/***** 旧 css 調整 *****/
#header #headerArea {
	width: 1020px !important;
}

#headerArea .notice {
	float: left;
	margin-left: 15px;
	width: 140px;
	padding-top: 10px;
}

#headerArea .notice img {
	width: 160px;
	margin-left: 5px;
}

#headerArea .function {
	width: 620px !important;
}

#headerArea .function #search {
	width: 376px !important;
}

#headerArea .function .inner form {
	width: 357px !important;
}

#headerArea #search input[type="text"] {
	width: 260px;
}

.naviContainer {
	width: 1020px;
}

#headerArea #search input[type="submit"] {
	font-size: 13px;
}

.hovering .largeNaviList:hover .largeNavichild,
.largeNaviList.hovered .largeNavichild,
#footer #menuBox #menuList .menuCol {
	font-size: 12px;
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
	-webkit-box-sizing: initial;
}

#footer #topLink .w970margin p {
	margin: 0;
	font-size: 12px;
}

#footer #menuBox #menuList .menuCol h4 {
	margin-top: 0;
	line-height: 1.2;
	color: #111;
}

#footer #menuBox #menuList .menuCol ul li {
	font-size: 12px;
}

#top_footer_last ul li {
	font-size: 12px;
}

#footer address,
#top_footer_last ul {
	margin-bottom: 0;
}

#footerArea #top_footer_last ul {
	margin-top: 0px;
}

#footerArea #top_footer_last {
	float: left;
}

#footerArea #top_footer_last #copyright {
	float: right;
}

#footer address.svglogo {
	float: right;
	padding-right: 3px;
	text-align: right;
	width: 165px;
	padding-top: 6px;
}

.shortcutnav {
	width: 1020px;
	font-size: 12px;
}

#headerArea #search input[type="text"] {
	font-size: 13px;
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}

#headerArea #logosvg {
	margin-top: 0 !important;
	padding-top: 20px;
	float: left;
	display: block;
	width: 202px;
	height: 54px;
}

#headerArea .function2018 {
	width: 800px !important;
	float: right;
	background: #eee;
	border-radius: 3px;
	margin-top: 10px;
	display: table;
}

#headerArea .function2018 .inner {
	padding: 10px;
}

#headerArea .function2018 .inner form {
	width: 536px !important;
	height: 39px;
}

#headerArea .function2018 #search2018 {
	border-right: 1px solid #fff;
	display: table-cell;
	width: 556px !important;
	vertical-align: middle;
}

#headerArea #search2018 input[type="text"] {
	float: left;
	background: #fff url("https://cdn.autoc-one.jp/static/common2/images/search/bg_search.png") no-repeat left center;
	background-position: 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	font-size: 108.3%;
	padding: 0 0 0 28px;
	width: 470px !important;
	border: 1px solid #c6c6c6;
	height: 39px;
}

#headerArea #search2018 input[type="submit"] {
	float: left;
	cursor: pointer;
	width: 66px;
	font-size: 108.3%;
	font-weight: bold;
	color: #000000;
	height: 39px;
	background: rgb(255, 235, 50);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 235, 50, 1) 0%,
			rgba(251, 210, 4, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,
					235, 50, 1)), color-stop(100%, rgba(251, 210, 4, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 235, 50, 1) 0%,
			rgba(251, 210, 4, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 235, 50, 1) 0%,
			rgba(251, 210, 4, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 235, 50, 1) 0%,
			rgba(251, 210, 4, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 235, 50, 1) 0%,
			rgba(251, 210, 4, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeb32',
			endColorstr='#fbd204', GradientType=0);
	/* IE6-9 */
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	border: 1px solid #d3a500;
	-moz-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1);
	-webkit-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1);
	text-shadow: 0px 1px 0px #fef71b;
}

#headerArea #search2018 input[type="submit"]:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	zoom: 1;
}

#headerArea .function2018 #account {
	border-left: 1px solid #d0d0d0;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

/***** カタログ情報 *****/

/***** グレード一覧 *****/
#mc-slider {
	margin: 0 auto 25px auto;
	width: 975px;
}

#mc-slider div.mc img {
	width: 100px;
	margin: 0 auto;
}

.mc-image-list li {
	width: 140px;
	margin: 0 5px 5px 0;
	float: left;
}

.mc-image-list li img {
	width: 140px;
}

.slick-list {
	outline: none !important;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}

.table-grade {
	font-size: 12px;
	border-top: 1px solid #ddd;
}

.table-grade>thead>tr>th {
	font-weight: bold;
	line-height: 1.2;
	padding: 4px 4px;
	text-align: center;
}

.table-grade>tbody>tr>td {
	padding: 4px 6px;
	vertical-align: middle !important;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.table-grade td.rank {
	color: #41AB00;
	font-weight: bold;
	text-align: right;
}

.table-grade td.grade-name {
	text-align: left;
}

span.unit {
	font-weight: normal;
	font-size: 10px;
}

.table-grade .estimate-button {
	background-image: none;
	background-color: #35B33B;
	padding: 2px;
	border-radius: 5px;
	border: none;
	font-weight: bold;
	color: #fff !important;
	box-shadow: 1px 1px 3px #aaa;
	display: block;
	width: 96px;
	margin: 0 auto;
}

.table-grade-detail {
	font-size: 12px;
}

.table-grade-detail>tbody>tr>th,
.table-grade-detail>tbody>tr>td {
	padding: 3px 6px;
	border-bottom: 1px solid #ddd;
}

.table-grade-detail>tbody>tr>th {
	vertical-align: middle;
	border-right: 1px solid #ddd;
	background-color: #f9f9f9;
	width: 220px;
}

.table-grade-detail>tbody>tr>td {
	background-color: #fff;
	width: 290px;
	text-align: left;
}

/***** 価格・性能比較 *****/

/***** クチコミ *****/
.review-list li {
	width: 33%;
	vertical-align: top;
}

.review-list div.review-title {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

img.icon-user {
	width: 13px;
}

.review-list p.body {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.review-list p.select {
	color: #7b7b7b;
}

/***** 写真ギャラリー *****/
ul.gallery-list li {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

ul.gallery-list li a.image-link {
	display: block;
	width: 165px;
	height: 110px;
	line-height: 110px;
	text-align: center;
}

ul.gallery-list li img {
	max-width: 165px;
	max-height: 110px;
}

ul.gallery-list li div.image-article-link {
	margin-top: 2px;
	font-size: 12px;
}

ul.gallery-list li:nth-child(6n) {
	margin-right: 0;
}

/***** ページング *****/
.result {
	padding-bottom: 25px;
}

.result-num {
	text-align: right;
	padding-bottom: 5px;
}

.result-num span.total {
	color: #cc0000;
	font-family: verdana, sans-serif;
	font-size: 150%;
	font-weight: bold;
	margin-right: 3px;
}

.result-num span.text {
	margin-left: 0.5em;
}

.paging-links {
	background: #EEE;
	border: 1px solid #dddddd;
	padding: 10px;
}

.paging-links p {
	margin-bottom: 0 !important;
}

.paging-links .prev {
	text-align: left;
	float: left;
	font-size: 16px;
	width: 14%;
}

.paging-links .mid {
	display: block;
	text-align: center;
	margin: 0 auto;
	float: left;
	width: 72%;
}

.paging-links .next {
	text-align: right;
	float: right;
	font-size: 16px;
	width: 14%;
}

.paging-links .sum {
	clear: both;
	padding-top: 5px;
	text-align: center;
	font-size: 12px;
}

.paging-links .mid .n {
	display: inline-block;
	width: 7%;
	text-decoration: none;
	font-size: 16px;
	padding: 0px 7px;
}

.new_pager {
	margin: 0 auto;
	display: table;
	font-size: 16px;
}

ul.new_pager li {
	display: table-cell;
	padding-right: 5px;
}

ul.new_pager li a {
	display: block;
	padding: 6px 10px;
	color: #FFF;
	background-color: #a6a6a6;
	border: 1px solid #787878;
}

ul.new_pager li.current span {
	background-color: #343434;
}

ul.new_pager li span {
	display: block;
	padding: 6px 10px;
	background-color: #A6A6A6;
	color: #FFF;
	border: 1px solid #787878;
}

ul.new_pager li a:hover {
	background-color: #343434;
	text-decoration: none;
}

ul.page-list {
	margin-bottom: 15px;
}

ul.page-list li {
	margin: 5px;
}

ul.page-list li span.page {
	margin-right: 5px;
	padding: 1px 4px;
	color: #fff;
	background-color: #a6a6a6;
}

ul.page-list li span.page:hover {
	background-color: #343434;
}

ul.page-list li span.current {
	background-color: #343434;
}

ul.page-list li span.page a,
ul.page-list li span.page a:hover {
	color: #fff;
	text-decoration: none;
}

div.next-page {
	margin: 20px 0;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
}

div.next-page img {
	margin-right: 5px;
}

/***** 記事 *****/
ul.article-list li {
	/*  float: left;
  width: 500px;
  margin: 0 20px 10px 0;
 */

}

ul.article-list li:after {
	content: "";
	clear: both;
	display: block;
}

ul.article-list li:nth-child(even) {
	margin-right: 0;
}

img.article-img {
	width: 160px;
	float: left;
	margin-right: 10px;
}

.article-block {
	float: left;
	width: 330px;
}

.article-block-label {
	margin-bottom: 4px;
}

.article-date {
	color: #888;
	font-size: 11px;
}

p.article-title {
	font-weight: bold;
}

/***** ユーザローカルコメント  ******/
.userLocalComments-link {
	background:
		url(https://cdn.autoc-one.jp/static/common2/images/article/comment_icon.png);
	background-size: 16px auto;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding: 0 0 0 25px;
	font-weight: bold;
	font-size: 14px;
	background-repeat: no-repeat;
}

#ulCommentH2 {
	font-size: 14px;
	border: none;
	margin: 0 0 0px;
	padding: 7px 0 7px 5px;
	border-top: 3px solid #BECEEA;
	background-color: #EEE;
}

#ulCommentWidget {
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
}

/* ul_override start */

.ul-comment-counter .ul-comment-counter-btn.ul-comment-wide .ul-comment-inner-counter {
	width: 70% !important;
}

.ul-comment-counter .ul-comment-counter-btn.ul-comment-wide {
	width: 100% !important;
}

/***** out　brain広告枠  ******/
.ob-smartfeed-wrapper {
	background-color: #fff;
}

.AR_1.ob-widget,
.AR_2.ob-widget,
.AR_3.ob-widget {
	padding: 0 !important;
}

.ob-smartfeed-wrapper .AR_1.ob-widget .ob-widget-section .ob-widget-items-container,
.ob-smartfeed-wrapper .AR_2.ob-widget .ob-widget-section .ob-widget-items-container,
.ob-smartfeed-wrapper .AR_3.ob-widget .ob-widget-section .ob-widget-items-container {
	padding: 0 5px !important;
}

/***** NEW アイコン *****/
.new {
	position: relative;
}

.new:after {
	position: absolute;
	content: " ";
	display: inline-block;
	background: url(../image/icon-new-4b799d9180710938103adf17a687e8f8.png) no-repeat;
	background-size: contain;
}

.image-container.new:after {
	top: -4px;
	right: -5px;
	width: 100px;
	height: 75px;
}

.article-list-row .new:after {
	top: -3px;
	right: -3px;
	width: 51px;
	height: 38px;
}

/***** ランキングアイコン *****/
img.ranking-icon {
	position: absolute;
	width: 33px;
	top: 3px;
	left: 3px;
	z-index: 100;
}

/***** ショーケース *****/
div.showcase-container-left {
	float: left;
	width: 710px;
}

div.showcase-container-right {
	float: right;
	width: 300px;
}

/***** ライバル *****/
ul.rival-list {
	margin-left: 0;
}

ul.rival-list li {
	width: 330px;
	margin: 0 7px 7px 0;
	padding: 0;
}

ul.rival-list li:nth-child(3) {
	margin-right: 0;
}

ul.rival-list li a {
	display: table;
}

img.rival-img {
	width: 110px;
}

p.rival-model-name {
	color: #238BE4;
	font-weight: bold;
}

p.rival-model-title {
	color: #999;
	font-size: 11px;
	margin-bottom: 0;
}

p.rival-model-price {
	color: #41AB00;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 13px;
}

p.rival-model-text {
	margin-bottom: 0;
	font-size: 13px;
}

/***** 中古車 *****/
ul.used-list {
	width: 975px;
	margin: 0 auto 5px auto;
}

ul.used-list li {
	border-right: 1px solid #E6E6E6;
	text-align: center;
	padding: 5px 10px;
}

ul.used-list li a:hover,
ul.rival-list li a:hover {
	text-decoration: none;
}

ul.used-list li a:hover .used-model-name,
ul.rival-list li a:hover .rival-model-name {
	text-decoration: underline;
}

img.used-img {
	width: 160px;
	margin: 0 auto 5px;
}

.used-model-price {
	color: #41AB00;
	font-weight: bold;
	margin-top: 4px;
}

p.used-model-name {
	color: #238BE4;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 1.2;
}

p.used-model-year {
	color: #333;
	margin-top: 1px;
}

/***** カー用品 *****/
.shop-advertise {
	background-color: #CCEFD9;
	padding: 6px;
	border: 1px solid #BDDEC9;
	color: #05752F;
	margin-bottom: 20px;
	text-align: center;
	font-size: 13px;
}

.shop-advertise-icon {
	margin: -2px 2px 0 0;
}

.studless-section {
	border-right: 1px solid #C3D2E0;
	padding-right: 12px;
}

.summer-section {
	border-right: 1px solid #C3D2E0;
	padding-right: 12px;
}

.navi-section {
	padding-right: 12px;
}

.studless-section .media-left,
.summer-section .media-left,
.navi-section .media-left {
	padding-right: 0;
}

img.shop-img {
	margin: 0 12px;
}

p.shop-matching {
	font-size: 12px;
	margin-bottom: 3px;
	color: #333;
}

.studless-section a:hover,
.summer-section a:hover,
.navi-section a:hover {
	text-decoration: none;
}

.studless-section a:hover p.shop-matching-item,
.summer-section a:hover p.shop-matching-item,
.navi-section a:hover p.shop-matching-item {
	text-decoration: underline;
}

/***** ソムリエ *****/
div.valuation {
	padding: 15px 20px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #F7F7F7;
	font-weight: bold;
}

div.valuation span,
div.valuation img {
	vertical-align: bottom;
}

div.valuation span.total {
	margin-left: 30px;
	margin-right: 50px;
	font-size: 16px;
}

div.valuation span.total img {
	margin-left: 10px;
	margin-right: 5px;
	width: 130px;
}

div.valuation span.total span {
	color: #990000;
}

div.valuation span.detail {
	margin-left: 12px;
	font-size: 12px;
}

div.valuation span.detail span {
	margin-right: 5px;
	color: #990000;
}

div.valuation span.detail img {
	margin-left: 10px;
	margin-right: 5px;
	width: 90px;
}

.report {
	padding-left: 0;
	padding-right: 5px;
	margin-bottom: 10px;
}

.report div.image {
	float: left;
	margin-right: 5px;
	border: 1px solid #ccc;
	background-color: #F7F7F7;
}

.report div.image a {
	width: 60px;
	height: 60px;
	line-height: 58px;
	text-align: center;
	display: block;
}

.report div.image img {
	max-width: 60px;
	max-height: 60px;
}

.report p.nickname {
	margin-bottom: 1px;
}

/***** ランキングリンク *****/
.maker-list li {
	width: 88px;
	text-align: center;
	vertical-align: top;
}

.maker-list li img {
	width: 60px;
}

.maker-list li span {
	display: block;
}

.bodytype-list li {
	width: 88px;
	text-align: center;
	vertical-align: top;
}

.bodytype-list li img {
	width: 65px;
}

.bodytype-list li span {
	display: block;
	margin-top: 5px;
}

.displacement-list li {
	margin-right: 15px;
}

/***** 広告 *****/
.ad-nissan-official {
	position: relative;
}

.ad-nissan-official>img {
	display: none;
}

.ad-nissan-official table.ad_title {
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	left: 175px;
}

.ad-nissan-official table.ad_title .ad_title1:before {
	content: "[PR]";
}

.ad-nissan-official table.ad_title .ad_title2 {
	display: none;
}

.ad-nissan-official table.ad_title,
.ad-nissan-official table.ad_box {
	border-collapse: separate;
	padding-top: 10px;
}

.ad-nissan-official table.ad_box {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 7px;
	border-top: 1px solid #C3D2E0;
	border-bottom: 1px solid #C3D2E0;
}

.ad-nissan-official .ad_area {
	padding-top: 1em;
}

.ad-nissan-official .ad_area,
.ad-nissan-official .ad_area2 {
	padding-left: 15px;
}

div.article-container .ad-nissan-official p {
	margin-bottom: inherit;
}

div.article-container .ad-toyota-test-drive img,
div.article-container .ad-nissan-exhibition img,
div.article-container .ad-nissan-official img {
	width: inherit;
	border: inherit;
	margin: inherit;
}

/***** 追従ボタン *****/
#floatingServiceLink {
	display: none;
	position: fixed;
	top: 20px;
}

#floatingServiceLink .service-link-container {
	width: 235px;
}

#floatingServiceLink .service-button img {
	width: 180px;
	height: auto;
}

#floatingServiceLink .service-button span,
#floatingServiceLink .list-group-item.model {
	display: none;
}

#floatingServiceLink .list-group-item.model+li {
	border-top: none;
}

#floatingServiceLink.small .service-link-container {
	width: 90px;
}

#floatingServiceLink.small h4.service-link,
#floatingServiceLink.small div.price-container,
#floatingServiceLink.small .service-button img {
	display: none;
}

#floatingServiceLink.small .service-button span {
	display: inherit;
}

#floatingServiceLink.small .list-group-item {
	padding: 5px 3px;
	border: none;
}

#floatingServiceLink.small .list-group-item:last-child {
	padding-top: 0;
}

#floatingServiceLink.small .list-group-item.model {
	display: inherit;
}

#floatingServiceLink.small .list-group-item.model h4 {
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	border-left: 4px solid #135598;
	padding-left: 6px;
}

#floatingServiceLink.small .service-button {
	background-image: none;
	padding: 2px;
	border-radius: 5px;
	border: none;
	font-weight: bold;
	color: #fff !important;
	box-shadow: 1px 1px 3px #aaa;
	display: block;
	margin: 0 auto;
}

#floatingServiceLink.small .service-button.newcar {
	background-color: #35B33B;
}

#floatingServiceLink.small .service-button.usedcar {
	background-color: #E67F12;
}

#floatingServiceLink.small .service-button.disable {
	background-color: #a6a6a6;
}

/***** エラー *****/
div.error-message {
	margin-bottom: 35px;
	padding: 140px 0;
	background-color: #f9f9f9;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
}

ul.error-message-list {
	width: 550px;
	margin: 0 auto 40px;
}

/***** リンク *****/
a.arrow {
	background: url(../image/icon-arrow-blue-4fb2ac3bdf95c77a925538e89b677b6b.png) 0 4.5px no-repeat;
	padding-left: 10px;
	color: #333 !important;
}

/***** ラベル *****/
.ac1-label-small {
	font-weight: normal;
	font-size: 11px;
	padding: 1px 5px;
	line-height: 2;
}

.ac1-label-middle {
	font-weight: bold;
	font-size: 13px;
	padding: 1px 5px;
}

.label-first {
	background-color: #CC9022;
}

.label-fmc {
	background-color: #D06B6B;
}

.label-recent {
	background-color: #2B8DE0;
}

.label-wait {
	background-color: #6aac45;
}

.label-welfare {
	background-color: #52A252;
}

.label-estimate {
	background-color: #CC9022;
}

.label-close {
	background-color: #D06B6B;
}

.label-userImpression {
	background-color: #2B8DE0;
}

.label-category {
	background-color: #8A8A8A;
}

/***** 上に戻る *****/
span#scrollTop {
	position: fixed;
	bottom: 20px;
	background: #666;
	text-decoration: none;
	color: #fff;
	padding: 15px 20px;
	text-align: center;
	border-radius: 5px;
	opacity: 0.7;
	cursor: pointer;
}

/***** ポジション *****/
.pos-r {
	position: relative;
}

/***** マージン パディング 幅 *****/
.w440 {
	width: 440px;
}

.w590 {
	width: 590px;
}

.w650 {
	width: 650px;
}

._mr10 {
	margin-right: 10px !important;
}

.mb3 {
	margin-bottom: 5px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.br-dashed {
	border-right: 1px dashed #CECECE;
	margin-right: -1px;
}

.bold {
	font-weight: bold;
}

/***** article プロジェクトで追加したもの(後でマージする) *****/
div.left-container {
	width: 710px;
	float: left;
}

div.right-container {
	width: 300px;
	margin-left: 10px;
	float: left;
}

.list-container h2 {
	margin-bottom: 8px;
}

img.category-label {
	margin-right: 5px;
}

div.article-container {
	font-size: 14px;
	line-height: 150%;
}

div.article-container p {
	margin-bottom: 10px;
}

div.gallery-link {
	background:
		url("https://cdn.autoc-one.jp/static/common2/images/article/camera_icon.png");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding: 0 0 0 25px;
	font-weight: bold;
	font-size: 14px;
	background-repeat: no-repeat;
}

div.section-container {
	margin-bottom: 10px;
}

div.section-container img {
	margin: 0 0 10px 0;
}

div.section-container table {
	width: 100%;
	margin-bottom: 15px;
	font-size: 13px;
}

div.section-container table th,
div.section-container table td {
	padding: 2px 6px;
	border: 1px solid #ccc;
}

div.section-container table th {
	background-color: #7b7b7b;
	color: #fff;
	font-weight: bold;
}

div.section-container table p {
	margin: 0;
}

div.oldest-section-container .rightbox {
	float: right;
	margin-left: 10px;
}

div.html-section-container img {
	border: none;
	margin: 0;
}

div.article-image-container {
	margin-bottom: 20px;
}

/* gallery */
div.gallery-container-large {
	margin-bottom: 10px;
	width: 710px;
}

div.gallery-container-large .large-image {
	margin-bottom: 10px;
	position: relative;
}

.large-image a.large-image-carousel {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
}

.large-image a.large-image-carousel img {
	margin: -25px 0 0 0;
	border: none;
	position: absolute;
	top: 50%;
}

.large-image a.large-image-carousel.carousel-left,
.large-image a.large-image-carousel.carousel-left img {
	left: 0;
}

.large-image a.large-image-carousel.carousel-right,
.large-image a.large-image-carousel.carousel-right img {
	right: 0;
}

div.gallery-container-large .large-image>img {
	display: block;
	margin: 0 auto;
	max-width: 720px;
	max-height: 480px;
}

div.gallery-container-small a img {
	border: none;
	margin: 0;
	max-width: 132px;
	max-height: 90px;
}

div.gallery-container-large div.caption {
	font-weight: bold;
}

div.gallery-container-small a {
	float: left;
	margin: 0 10px 10px 0;
	width: 134px;
	height: 90px;
	line-height: 88px;
	text-align: center;
	display: block;
	border: 1px solid #ccc;
}

div.gallery-container-small a:nth-child(5n) {
	margin-right: 0;
}

div.gallery-container-small a.current {
	border: 2px solid #ffa500;
	padding: 1px;
	line-height: 84px;
}

div.gallery-container-small a.current img {
	max-width: 132px;
	max-height: 88px;
	height: 100%;
}

/* horizontal large */
div.photo-container-large img {
	width: 710px;
	height: auto;
}

/* horizontal large */
div.photo-container-horizontal-large {
	margin-bottom: 10px;
	width: 710px;
}

div.photo-container-horizontal-large img {
	float: left;
	width: 134px;
	margin: 0;
}

/* vertical small */
div.photo-container-vertical-small {
	margin-left: 10px;
	float: right;
	width: 150px;
}

div.photo-container-vertical-small img {
	width: 150px;
	margin: 0 0 10px 0;
}

/* vertical middle */
div.photo-container-vertical-middle {
	margin-left: 10px;
	float: right;
	width: 230px;
}

div.photo-container-vertical-middle-left {
	margin-right: 10px;
	float: left;
	width: 230px;
}

div.photo-container-vertical-middle img,
div.photo-container-vertical-middle-left img {
	width: 230px;
	margin: 0 0 10px 0;
}

/* horizontal small */
div.photo-container-horizontal-small {
	width: 230px;
}

div.photo-container-horizontal-small img {
	width: 110px;
	margin: 0 0 10px 0;
}

/* first main */
.photo-container-first-large {
	background-color: #000;
}

div.photo-container-first-large img {
	width: 100%;
	height: auto;
	margin: 0;
}

/* first horizontal */
div.photo-container-first-horizontal {
	margin-bottom: 10px;
	background: #000;
}

div.photo-container-first-horizontal a {
	display: block;
	float: left;
	width: 142px;
	height: 95px;
	line-height: 94px;
	text-align: center;
}

div.photo-container-first-horizontal a:last-child {
	width: 142px;
	height: 95px;
	margin: 0;
	float: right;
}

div.photo-container-first-horizontal img {
	max-width: 142px;
	max-height: 95px;
}

/* 新 horizontal */
div.photo-container-horizontal {
	margin-bottom: 10px;
	width: 710px;
}

div.photo-container-horizontal a {
	float: left;
	display: block;
	margin-right: 5px;
}

div.photo-container-horizontal a:last-child {
	margin-right: 0;
}

div.photo-container-horizontal a img {
	width: 100%;
}

div.photo-container-horizontal a:first-child:nth-last-child(2),
div.photo-container-horizontal a:first-child:nth-last-child(2)~a {
	width: 351px;
}

div.photo-container-horizontal a:first-child:nth-last-child(3),
div.photo-container-horizontal a:first-child:nth-last-child(3)~a {
	width: 232px;
}

div.photo-container-horizontal a:first-child:nth-last-child(4),
div.photo-container-horizontal a:first-child:nth-last-child(4)~a {
	width: 173px;
}

div.photo-container-horizontal a:first-child:nth-last-child(5),
div.photo-container-horizontal a:first-child:nth-last-child(5)~a {
	width: 138px;
}

/* social book marks */
.social-button-article {
	width: 255px;
	margin-left: auto;
}

.social-button-article ul {
	float: right;
}

.social-button-article ul li {
	float: left;
	margin: 0 2px;
}

.social-button-article ul li.facebook {
	max-width: 120px;
}

.social-button-article ul li.twitter {
	max-width: 80px;
}

.social-button-article ul li.hatena {
	width: 20px;
}

.social-button-article .hatena img {
	width: initial !important;
}

/* ライター */
div.writer-container {
	margin-bottom: 25px;
	background-color: #eee;
	border: 1px solid #dddddd;
	padding: 15px;
}

div.writer-photo {
	width: 95px;
}

div.writer-photo img {
	max-width: 80px;
}

div.writer-detail {
	width: 582px;
}

div.writer-detail span.name {
	font-weight: bold;
	font-size: 16px;
}

div.writer-detail p.writer-description {
	margin-top: 7px;
	padding-top: 7px;
	width: 100%;
	border-top: 1px dashed #aaa;
}

/* ライターリスト */
.ac1-container .writer-list h2 {
	margin-right: 50px;
}

/* プレビュー情報 */
.preview-information-container {
	position: fixed;
	z-index: 1;
	width: 100%;
}

.preview-information-black {
	background-color: #000;
	color: #fff;
	padding: 4px;
}

span.preview-information-title {
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 4px;
}

span.preview-information-data {
	float: right;
}

.preview-information-green {
	background-color: #52A252;
	color: #fff;
	padding: 4px;
}

.preview-information-green a {
	text-decoration: underline;
}

.preview-information-green a:link,
.preview-information-green a:visited,
.preview-information-green a:hover,
.preview-information-green a:active {
	color: #fff;
}

a.rss-link {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 25px;
}

.related-link {
	font-size: 12px;
	text-align: right;
	margin-bottom: 4px;
}

.leadtext {
	font-size: 12px;
	text-align: right;
	margin-bottom: 10px;
}

.leadtext span:nth-child(n + 2) {
	margin-left: 10px;
}

.article-list-row .ac1-col .article-list-row-spacer {
	width: 170px;
	margin-bottom: 10px;
}

.article-list-row .ac1-col:nth-child(2) .article-list-row-spacer {
	margin-left: 2.5px;
}

.article-list-row .ac1-col:nth-child(3) .article-list-row-spacer {
	margin-left: 5px;
}

.article-list-row .ac1-col:last-child .article-list-row-spacer {
	margin-left: auto;
}

div.article-list-row .article-list-row-image {
	margin-bottom: 8px;
}

div.article-list-row .article-list-row-image a {
	display: block;
}

div.article-list-row .article-list-row-image a img {
	width: 100%;
}

div.article-list-row .article-list-row-title {
	margin-bottom: 4px;
}

img[src$="/article-assets/image/trans.gif"] {
	height: 82px;
}

div.summary-count {
	font-weight: bold;
	position: absolute;
	top: 5px;
	right: 0;
}

div.summary-count span {
	font-size: 22px;
	color: #c00;
}

/* サイドバー 新車人気ランキング */
.sidebar-modelRank {
	border: 1px solid #ccc;
}

.sidebar-modelRank-row {
	border-bottom: 1px dotted #ccc;
}

.sidebar-modelRank-col {
	position: relative;
	width: 50%;
	padding: 8px;
	float: left;
}

.sidebar-modelRank-col:nth-child(2n) {
	border-left: 1px dotted #ccc;
}

.sidebar-modelRank-col p.photo {
	text-align: center;
}

.sidebar-modelRank-col p.photo img {
	width: 104px;
}

/* 人気記事ランキング */
.article-ranking-row {
	margin-bottom: 10px;
}

.article-ranking-col {
	position: relative;
	width: 50%;
	float: left;
}

.article-ranking .photo {
	width: 144px;
}

.article-ranking .photo a {
	display: block;
}

.article-ranking .photo a img {
	width: 100%;
}

.article-ranking .info {
	width: 211px;
	padding-left: 10px;
}

.article-ranking .new:after {
	top: -3px;
	right: -3px;
	width: 51px;
	height: 38px;
}

.pickup-article {
	padding: 12px 12px 0 12px;
	background-color: #efefef;
}

.pickup-article h2 {
	margin-top: 0;
}

.pickup-article .article-list-row .ac1-col .article-list-row-spacer {
	width: 165px;
}

.related-model2 {
	font-size: 12px;
	margin-bottom: 10px;
}

/* 関連モデル */
.related-model2 h2 {
	font-size: 14px;
	border: none;
	margin: 0 0 10px;
	padding: 7px 0 7px 5px;
	border-top: 3px solid #BECEEA;
	background-color: #EEE;
}

.related-model2 img {
	width: 100%;
	margin-bottom: 0 !important;
}

.related-model2-left {
	float: left;
	width: 100px;
	padding: 0 9px 0 0;
	border-right: 1px solid #CCC;
}

.related-model2-left ul {
	margin-top: 5px;
}

.related-model2-left ul li {
	line-height: 1;
	margin: 0 0 8px;
	background: url(../image/icon-arrow-blue-4fb2ac3bdf95c77a925538e89b677b6b.png) 0 1px no-repeat;
	padding-left: 10px;
}

.related-model2-left ul li a.disabled {
	color: #aaa;
}

.related-model2-right {
	float: right;
	width: 500px;
}

.ac1-container .related-model2-right h3 {
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: inherit;
}

.related-model2-right ul {
	width: 100%;
	display: table;
}

.related-model2-right ul li {
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 12px;
	vertical-align: top;
}

.related-model2-right ul li:last-child {
	margin: 0;
}

.related-model2-right ul.used-ul li {
	width: 140px;
	line-height: 1.3;
	float: left;
}

.related-model2-right ul.used-ul li.ulloBanner {
	width: 300px;
	float: left;
	margin: 0;
}

.related-model2-right ul.used-ul li.ulloBanner img {
	border: solid 1px #CCC;
}

.related-model2-right ul.used-ul li h3 {
	border: none;
	padding: 0;
	margin: 5px 0 0;
	font-size: 12px !important;
	clear: both;
	display: inherit;
	line-height: 1.2;
	font-weight: normal;
}

.related-model2-right ul.used-ul li .related-model2-used-left {
	float: left;
	width: 80px;
	margin: 0 0 5px 0;
}

.related-model2-right ul.used-ul li .related-model2-used-right {
	float: left;
	margin-left: 3px;
	font-size: 10px;
	text-align: right;
}

.related-model2-right ul.used-ul li .related-model2-used-right .price {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.related-model3-right .nissanExhibition div,
.related-model3-right .toyotaExhibition div {
	width: 160px;
	float: left;
	margin: 0 10px 0 0;
}

.related-model3-right .nissanExhibition div:last-child,
.related-model3-right .toyotaExhibition div:last-child {
	margin: 0;
}

.related-model2-right ul.button-ul li {
	width: 160px;
}

.related-model2-right ul.button-ul li a {
	float: left;
	line-height: 1;
	text-align: center;
	color: #FFF !important;
	padding: 10px 0 10px 20px;
	font-weight: bold;
	border-radius: 3px;
	font-size: 12px;
	width: 160px;
}

.related-model2-right ul.button-ul li a.catalog {
	background-color: #527FD9;
	background-image: url("../image/catalog-fc0e430a45083e84692c9f7892d004d3.png");
	background-repeat: no-repeat;
	background-position: 40px 9px;
	background-size: 18px;
}

.related-model2-right ul.button-ul li a.estimate {
	background-color: #26A28B;
	background-image: url("../image/estimate-d235bc3d5a9df5ec416b8550a9b5314f.png");
	background-repeat: no-repeat;
	background-position: 33px 9px;
	background-size: 13px;
}

.related-model2-right ul.button-ul li a.satei {
	background-color: #D95353;
	background-image: url("../image/satei-6b7fd2e891d96cff43c8dc1a99923f96.png");
	background-repeat: no-repeat;
	background-position: 58px 9px;
	background-size: 13px;
}

.related-model2-right ul.button-ul li a.disabled {
	background-color: #bbb;
}

/* フォトギャラリー内、オフィシャルAD */
.photoGalleryAdOfficialButton {
	margin-top: 20px;
}

.photoGalleryAdOfficialButton h3 {
	font-size: 13px;
	margin-top: 0;
	margin-bottom: 5px;
	border-left: 3px solid #135598;
	padding-left: 4px;
	line-height: 1.4;
}

.photoGalleryAdOfficialButton div.nissanExhibition,
.photoGalleryAdOfficialButton div.toyotaExhibition {
	margin-bottom: 20px !important;
}

.photoGalleryAdOfficialButton div.nissanExhibition div,
.photoGalleryAdOfficialButton div.toyotaExhibition div {
	float: left;
	margin-right: 10px;
}

/* 車のカスタムパーツ（カー用品） */
.ac1-container.tieup {
	margin-bottom: 20px;
}

.ac1-container.tieup>div {
	position: relative;
}

.ac1-container.tieup .gray-small.clientName {
	color: #333;
	font-size: 12px;
}

.ac1-container.tieup .pr-mark {
	position: absolute;
	top: 28px;
	right: 0;
	padding: 4px 6px;
	background: #f1f1f1;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #111;
	border: 1px solid #e0e0e0;
}

.ac1-container .pr-mark_list {
	display: inline-block;
	padding: 0 5px 0px 5px;
	margin: 0 0 0 5px;
	height: 25px;
	line-height: 1.7;
	background: #f1f1f1;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #111;
	border: 1px solid #e0e0e0;
}

.ac1-container.tieup .social-button-article {
	position: absolute;
	right: 0;
	top: 0px;
}

.ac1-container.tieup h1 {
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
	width: 980px;
	border-bottom: none;
}

.ac1-container.tieup .leadtext {
	border-top: 1px solid #999;
	margin: 0px 0 10px 0;
	padding: 10px 0 0 0;
	line-height: 1;
}

.ac1-container.tieup .left-container {
	margin: -10px 0 0 0;
}

.ac1-container.tieup .tieup-mainColumnBottomArea {
	margin: 30px 0;
}

.ac1-container.tieup .tieup-mainColumnBottomArea h2 {
	font-size: 20px;
	margin-bottom: 10px;
}

.ac1-container.tieup .tieup-mainColumnBottomArea>div>p {
	font-size: 14px;
	margin: 0 0 5px 0;
	font-weight: bold;
}

.ac1-container.tieup .right-container {
	margin: 10px 0 0 10px;
}

.ac1-container.tieup .right-container .tieup-sideNoticeArea {
	padding: 5px;
	background: #fffdf5;
	border: solid 1px #efefef;
	margin: 0 0 20px 0;
}

.ac1-container.tieup .right-container .tieup-sideNoticeArea h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0 0 0 5px;
	border-left: 3px solid #135598;
	line-height: 1;
}

.ac1-container.tieup .right-container .tieup-sideNoticeArea>div {
	margin: 0 0 20px 0;
	line-height: 1.5;
	font-size: 12px;
	padding: 0 0 15px 10px;
	border-bottom: 1px dashed #ccc;
}

.ac1-container.tieup .right-container .tieup-sideNoticeArea>div p {
	margin: 0 0 5px 0;
}

.ac1-container.tieup .right-container .tieup-sideNoticeArea>div p:last-child {
	margin: 0;
}

.ac1-container.tieup .right-container .tieup-sideNoticeArea>div:last-child {
	margin: 0;
	border-bottom: 0;
}

.ac1-container.tieup.tieupPhoto .left-container {
	margin: 0;
}

.ac1-container.tieup.tieupPhoto .right-container {
	margin: 0 0 0 10px;
}

/* tieupSPEED bx-slider */
.article-list-slider .bx-pager {
	text-align: center;
	clear: both;
	display: block;
}

.article-list-slider .bx-pager-item {
	line-height: 1;
	height: 12px;
	width: 12px;
	background: #c0c0c0;
	overflow: hidden;
	display: inline-block;
	margin: 10px 5px 5px 5px;
	border-radius: 12px;
}

.article-list-slider .bx-pager-item>a {
	color: #c0c0c0;
}

.article-list-slider .bx-pager-link.active {
	color: #666;
	background: #666;
	padding: 5px;
}

.article-list-slider .bx-viewport .article-bxslider li {
	display: block !important;
}

.article-list-slider {
	position: relative;
}

.article-list-slider .bx-controls-direction a:hover {
	text-decoration: initial;
	cursor: pointer;
}

.article-list-slider .bx-controls-direction a.bx-prev {
	position: absolute;
	top: initial !important;
	left: 10px;
	bottom: 0px;
}

.article-list-slider .bx-controls-direction a.bx-next {
	position: absolute;
	top: initial !important;
	right: 10px;
	left: initial;
	bottom: 0px;
}

.article-list-slider .bx-controls-direction a.bx-prev::before,
.article-list-slider .bx-controls-direction a.bx-next::before {
	font-family: 'slick';
	font-size: 20px;
	color: black;
	opacity: 0.7;
}

.article-list-slider .bx-controls-direction a.bx-prev::before {
	content: '←';
}

.article-list-slider .bx-controls-direction a.bx-next::before {
	content: '→';
}

.ac1-container .right-container .old-sidebar-box .pr-mark_sidebar {
	float: right;
	padding: 3px 4px 2px 4px;
	background: #f1f1f1;
	line-height: 0.85;
	border-radius: 3px;
	border: 1px solid #cccccc;
	margin: 0 0 1px 0;
}

.right-container .old-sidebar-box.lastBorderBottomNone ul li:last-child,
.right-container .old-sidebar-box .article-list-slider .article-bxslider ul li:last-child {
	border-bottom: none;
}

.right-container .old-sidebar-box .text-right.btd {
	border-top: dotted 1px #ccc;
}

/* tieupSPEED bx-slider top */
/* top maincolmun */
.right-in-left-container .article-list-slider .article-list-row .ac1-col:nth-child(1) .article-list-row-spacer,
.right-in-left-container .article-list-slider .article-list-row .ac1-col:nth-child(5) .article-list-row-spacer {
	margin: 0 2.5px 0 5px;
}

.right-in-left-container .article-list-slider .article-list-row .ac1-col:nth-child(4) .article-list-row-spacer,
.right-in-left-container .article-list-slider .article-list-row .ac1-col:nth-child(8) .article-list-row-spacer {
	margin: 0 5px 0 2.5px;
}

.right-in-left-container .article-list-slider .article-list-row .ac1-col:nth-child(2) .article-list-row-spacer,
.right-in-left-container .article-list-slider .article-list-row .ac1-col:nth-child(3) .article-list-row-spacer,
.right-in-left-container .article-list-slider .article-list-row .ac1-col:nth-child(6) .article-list-row-spacer,
.right-in-left-container .article-list-slider .article-list-row .ac1-col:nth-child(7) .article-list-row-spacer {
	margin: 0 2.5px;
}

.right-in-left-container .article-list-slider .article-list-row .ac1-col .article-list-row-spacer {
	width: 128px;
	margin-bottom: 0;
}

.right-in-left-container .article-list-slider div.article-list-row .article-list-row-image {
	margin: 0 0 5px 0;
}

.article-list-slider .bx-viewport .article-list-row .article-list-row-image a img {
	width: 128px;
	height: 85px;
}

/*.ac1-col .article-list-row-spacer div span img.category-label {
	display: none;
}*/
.article-list-slider .bx-viewport {
	background: #ffffff;
}

.article-bxslider .ac1-row.article-list-row .ac1-col {
	padding: 5px 0;
}

div.article-list-row .article-list-row-title {
	margin-bottom: 0px;
	width: 128px;
}

.ac1-container .right-in-left-container h2 {
	line-height: 1;
	padding: 0 0 5px 0;
}

.ac1-container .right-in-left-container h2 span.pr-mark {
	position: absolute;
	padding: 2px 4px;
	background: #f1f1f1;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #111;
	border: 1px solid #e0e0e0;
	line-height: 1;
	margin: 0 0 0 5px;
	display: inline-block;
}

/* tieupSPEED list*/
.clearfix:after {
	content: " ";
	display: table;
	clear: both;
}

div.oneColumnList-container {
	width: 1020px;
	margin: 0 0 30px 0;
}

.ac1-container div.oneColumnList-container .pr-mark_list {
	left: 28%;
}

div.oneColumnList-container .related-article-list {
	margin-bottom: 10px;
}

div.oneColumnList-container .related-article-list .photo,
div.oneColumnList-container .related-model .photo {
	width: 100px;
}

div.oneColumnList-container .related-article-list .detail {
	width: 920px;
}

div.oneColumnList-container .paging-links {
	width: 635px;
	margin: 0 auto;
}

div.oneColumnList-container .related-article-list .title {
	font-size: 14px;
}

div.oneColumnList-container .related-article-list .text {
	font-size: 12px;
	margin-top: 0px;
}

div.oneColumnList-container .related-article-list li {
	display: inline-block;
}

/* bigThumbnail */
div.oneColumnList-container li.bigThumbnail {
	width: 250px;
	margin: 0 2px 10px 0;
	padding: 0;
	border-bottom: 0;
	vertical-align: top;
}

div.oneColumnList-container li.bigThumbnail:last-child {
	padding-bottom: 30px;
}

div.oneColumnList-container li.bigThumbnail:nth-child(4n) {
	margin: 0 0 10px 0;
}

div.oneColumnList-container li.bigThumbnail a img {
	width: 100%;
	margin: 0 0 5px 0;
}

div.oneColumnList-container li.bigThumbnail p a span img {
	width: inherit;
	margin: 0;
}

div.oneColumnList-container li.bigThumbnail p a span {
	font-size: 14px;
	line-height: 1.5;
}

div.oneColumnList-container .related-article-list .title {
	font-weight: normal;
}

/* ------------------------------------------------------------
    ウーロ訴求用エリアと、関連サービスの新レイアウト
    （左：新車購入問合せボタン群　右：関連中古車リスト（３件））の新Class
------------------------------------------------------------ */
.ullo_article {
	margin-top: 20px;
}

.ullo_article p.ullo_title {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
}

.ullo_article dt {
	padding-bottom: 7px;
}

.ac1-container .ullo_article dl dt {
	float: none;
}

.ullo_article dd {
	padding-bottom: 20px;
}

.ac1-container .ullo_article dl dd {
	padding: 0 0 20px 0;
}

.related-model3 {
	font-size: 12px;
	margin-bottom: 20px;
}

.related-model3 h2 {
	font-size: 14px;
	border: none;
	margin: 0 0 10px;
	padding: 7px 0 7px 5px;
	border-top: 3px solid #BECEEA;
	background-color: #EEE;
}

.related-model3 img {
	width: 100%;
	margin-bottom: 0 !important;
}

.related-model3-left {
	float: left;
	width: 200px;
	padding: 0 9px 0 0;
	border-right: 1px solid #CCC;
}

.related-model3-left ul {
	margin-top: 5px;
}

.related-model3-left ul li {
	line-height: 1;
	margin: 0 0 5px 0;
	color: #fff;
}

.related-model3-left ul li a.disabled {
	color: #aaa;
	text-decoration: none;
}

.related-model3-right {
	float: right;
	width: 500px;
}

.ac1-container .related-model3-right h3,
.ac1-container .related-model3-left h3 {
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: inherit;
}

.related-model3-right ul {
	width: 100%;
	display: table;
}

.related-model3-right ul li {
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 12px;
	vertical-align: top;
}

.related-model3-right ul li:last-child {
	margin: 0;
}

.related-model3-right ul.used-ul li {
	width: 160px;
	line-height: 1.3;
	float: left;
}

.related-model3-right ul.used-ul li h3 {
	border: none;
	padding: 0;
	margin: 5px 0 0;
	font-size: 12px !important;
	clear: both;
	display: inherit;
	line-height: 1.2;
	font-weight: normal;
}

.section-container .related-model3 {
	margin-bottom: 0px;
}

.btn_newcar_estimate01 a {
	display: table-cell;
	border: 0;
	width: 188px;
	height: 72px;
	background: url(../image/btn_related3_ncesti01-eb32e61c021e5cd92c9156b51cbd3a04.png);
	background-size: contain;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 0 30px 0 10px;
	vertical-align: middle;
	line-height: 16px;
}

.btn_newcar_estimate02 a {
	display: table-cell;
	border: 0;
	width: 188px;
	height: 52px;
	background: url(../image/btn_related3_ncesti02-82dbb1995f07a5d988ab87d60229db4c.png);
	background-size: contain;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 0 30px 0 10px;
	vertical-align: middle;
	line-height: 16px;
}

.btn_newcar_estimate02 a.disabled {
	background: url(../image/btn_related3_ncesti02_disabled-d5bd83b7314fc3d13bb33c6e4f85e027.png);
}

/* common header ここから */

/*ハンバーガーメニュー*/
.hamburger_bk,
.hamburger {
	position: absolute;
	display: block;
	width: 26px;
	height: 16px;
	top: -3px;
	right: 15px;
	z-index: 99999;
	margin-top: 16px;
	transition: all .4s;
	box-sizing: border-box;
	cursor: pointer
}

.hamburger_bk span,
.hamburger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000;
	margin: 0 auto
}

.hamburger_bk span:nth-of-type(1),
.hamburger span:nth-of-type(1) {
	top: 2px
}

.hamburger_bk span:nth-of-type(2),
.hamburger span:nth-of-type(2) {
	top: 9px
}

.hamburger_bk span:nth-of-type(3),
.hamburger span:nth-of-type(3) {
	top: 16px
}

.hamburger_bk.active span:nth-of-type(1),
.hamburger_bk.active span:nth-of-type(1) {
	-webkit-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg)
}

.hamburger_bk.active span:nth-of-type(2),
.hamburger_bk.active span:nth-of-type(2) {
	opacity: 0
}

.hamburger_bk.active span:nth-of-type(3),
.hamburger_bk.active span:nth-of-type(3) {
	-webkit-transform: translateY(-7px) rotate(45deg);
	transform: translateY(-7px) rotate(45deg)
}

header a,
header a:link,
header a:visited {
	color: #383838;
}

header a:hover {
	color: #787878;
}

header {
	width: 100%;
}

header .header_logo_container {
	position: relative;
	width: 100%;
	height: 58px;
	background-color: #FFF;
	border-bottom: 2px solid #000;
}

header .header_logo_container.modal-open-now {
	position: fixed;
	z-index: 500;
}

header .header_inner {
	width: 1020px;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
}

header .header_inner .logo {
	float: left;
	padding: 15px 0 0 0;
}

header .header_inner .logo a:hover {
	text-decoration: none;
}

header .header_inner .logo img {
	width: 100px;
	height: 27px;
	vertical-align: baseline;
}

header .header_inner span.current_service,
h1.current_service {
	display: inline-block;
	margin: 0 0 0 8px;
	color: #000;
	font-weight: bold;
	font-size: 16px;
	line-height: 36px;
}

header .header_inner span.current_service,
h1.current_service a {
	cursor: pointer;
}

header .header_inner .hamburger_bk,
header .header_inner .hamburger {
	position: absolute;
	z-index: 500;
	display: block;
	width: 26px;
	height: 22px;
	top: 0;
	right: 23px;
	margin-top: 16px;
	transition: all .4s;
	box-sizing: border-box;
	cursor: pointer;
}

header section.service_nav {
	width: 1020px;
	margin: 0 auto;
}

header section.service_nav::after {
	content: '';
	display: block;
	clear: both;
}

header section.service_nav .header_nav_ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	margin: 0 0 10px 0;
	font-size: 16px;
}

header section.service_nav .header_nav_ul li {
	font-size: 0.8em;
	text-align: center;
	border-bottom: 5px solid #F7F7F7;
	flex-grow: 1;
}

header section.service_nav .header_nav_ul li.is-current {
	border-bottom: 5px solid #F90101;
}

header section.service_nav .header_nav_ul li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 7px 0;
}

header section.service_nav .header_nav_ul li a:hover {
	text-decoration: none;
	color: #000;
}

header section.service_nav .header_nav_ul li a:visited {
	color: #000;
}

/*TMS2019*/
header .header_inner .tmsLink {
	float: left;
	margin: 15px 0 0 15px;
}

/*ハンバーガー内ナビゲーション*/
#navigation {
	position: fixed;
	display: none;
	width: 100%;
	height: 100vh;
	top: 58px;
	right: 0;
	z-index: 499;
	background-color: rgba(255, 255, 255, 0.97);
	overflow-y: scroll;
	font-size: 16px;
	line-height: 26px;
}

#navigation h3 {
	font-size: 16px;
	font-weight: bold;
}

#navigation .lbox {
	width: 48%;
	float: left;
}

#navigation .rbox {
	width: 48%;
	float: right;
}

#navigation .top_nav_box {
	width: 1020px;
	margin: 24px auto 20px;
	padding: 0;
}

#navigation .top_nav_box::after {
	content: '';
	display: block;
	clear: both;
}

#navigation .top_nav_box .service_nav .header_nav_ul {
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 0 10px 0;
}

#navigation .top_nav_box .service_nav .header_nav_ul li {
	border: 1px solid #C4C4C4;
	height: 44px;
	box-sizing: border-box;
	flex: 0 0 32%;
	margin: 0 2% 8px 0;
}

#navigation .top_nav_box .service_nav .header_nav_ul li:nth-child(3n) {
	margin-right: 0;
}

#navigation .top_nav_box .service_nav .header_nav_ul li a {
	padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#navigation .top_nav_box .service_nav .header_nav_ul li a:hover {
	background-color: #C4C4C4;
	color: #000;
	text-decoration: none;
	transition: all 0.5s 0s ease;
}

#navigation .bottom_nav_box {
	width: 1020px;
	margin: 0 auto 24px;
	padding: 0 15px 64px 15px;
	overflow: auto;
}

#navigation .bottom_nav_box .bottom_nav_1 {
	float: left;
	width: 25%;
}

#navigation .bottom_nav_box .bottom_nav_1::after {
	content: '';
	display: block;
	clear: both;
}

#navigation .bottom_nav_box .bottom_nav_3 {
	float: right;
	width: 71%;
}

#navigation .bottom_nav_box .bottom_nav_3::after {
	content: '';
	display: block;
	clear: both;
}

#navigation .bottom_nav_box .bottom_nav_3 h3.underline_large a {
	width: 32%;
}

#navigation .bottom_nav_box .bottom_nav_3 .bottom_nav_container {
	float: left;
	width: 32%;
	margin: 0 2% 0 0;
}

#navigation .bottom_nav_box .bottom_nav_3 .bottom_nav_container:last-child {
	margin: 0;
}

#navigation .underline_large {
	border-bottom: 2px solid #707070;
	font-weight: bold;
	padding: 0 0 4px 0;
	margin: 0 0 12px 0;
	cursor: default;
}

#navigation .underline_small {
	border-bottom: 3px solid #C4C4C4;
	font-weight: bold;
	padding: 4px 0;
	margin: 8px 0 0;
	cursor: default;
}

#navigation .general_lst_container a {
	display: inline-block;
	width: 100%;
	padding: 12px 0 12px 4px;
	cursor: pointer;
	background: no-repeat 98% 50% url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2224%22%20viewBox%3D%220%200%209%2028%22%3E%3Cpath%20fill%3D%22%23F26161%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

#navigation .general_lst {
	margin: 0 0 32px 0;
}

#navigation .general_lst li {
	border-bottom: 1px solid #C4C4C4;
}

#navigation .login_box {
	padding: 12px 0;
	background: #F7F7F7;
	text-align: center;
}

#navigation .login_box .login_container {
	width: 1020px;
	margin: 0 auto;
}

#navigation .login_box .login_container li {
	width: 238px;
	display: inline-block;
	text-align: center;
	margin: 0 4px;
}

#navigation .login_box .login_container li a {
	display: block;
	height: 22px;
	width: 100%;
	padding: 15px 0;
	font-size: 18px;
	font-weight: bold;
}

#navigation .login_box .login_container li a.login {
	background-color: #F26161;
	border: 1px solid #F26161;
	color: #FFF;
}

#navigation .login_box .login_container li a.login:hover {
	background-color: #D25151;
	text-decoration: none;
	transition: all 0.5s 0s ease;
}

#navigation .login_box .login_container li a.sign_up {
	background: #FFF;
	border: 1px solid #707070;
}

#navigation .login_box .login_container li a.sign_up:hover {
	background-color: #CCC;
	color: #000;
	text-decoration: none;
}

#navigation .catalog_container p {
	font-size: 14px;
	overflow: auto;
}

#navigation .catalog_container p a {
	display: inline-block;
	float: right;
	position: relative;
	padding: 12px 0;
}

#navigation .catalog_container p a::before {
	display: block;
	position: absolute;
	width: 12px;
	height: 24px;
	content: '';
	left: -16px;
	background: no-repeat url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2222%22%20viewBox%3D%220%200%209%2028%22%3E%3Cpath%20fill%3D%22%23F26161%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

#navigation .catalog_container .maker_lst {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 12px;
	line-height: 100%;
	margin: 12px 0 0;
}

#navigation .catalog_container .maker_lst li {
	float: left;
	width: 90px;
	margin: 0 6px 20px 0;
	text-align: center;
}

#navigation .catalog_container .maker_lst li:nth-child(5n+1) {
	clear: both;
}

#navigation .catalog_container .maker_lst li:nth-child(n+6) {
	margin: 0 6px 0 0;
}

#navigation .seach_container {
	width: 1020px;
	padding: 0;
	text-align: center;
	margin: 0 auto;
}

#navigation .seach_container form input:first-child {
	width: 80%;
	border: 1px solid #C4C4C4;
	padding: 8px;
}

#navigation .seach_container input[type="text"]:focus {
	outline: 0;
	border: 1px solid #C4C4C4;
}

#navigation .seach_container form input:last-child {
	width: 20%;
	border: 1px solid #C4C4C4;
	padding: 8px;
	background: #DDD;
}

#navigation .seach_container form input:last-child:hover {
	background: #C4C4C4;
}

/* common header ここまで */

/* モーダルの調整 */
.modal-open-now {
	overflow: hidden;
	height: 100%;
}


/*KINTO 広告*/
.kinto {
	width: 100%;
	background-color: #01708C;
	margin: 20px 0;
	padding: 10px;
	box-sizing: border-box;
}

.kinto__link {
	color: #333;
	display: block;
	text-decoration: none;
}

.kinto__link:hover {
	color: #333;
	text-decoration: none !important;
}

.kinto__link:hover .kinto__button {
	background-color: #CC7900;
}

.kinto__inner {
	color: #333;
}

.kinto__inner::after {
	content: "";
	clear: both;
	display: block;
}

.kinto__logo {
	width: 100px;
	margin: 0 10px 0 0;
	align-self: center;
	float: left;
}

.kinto__logo img {
	max-width: 100px;
	height: auto;
}

.kinto__text {
	width: 580px;
	position: relative;
	padding: 0 140px 0 0;
	float: right;
	box-sizing: border-box;
}

.kinto__title {
	color: #01708C;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
}

.kinto__description {
	color: #FFF;
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: -.02em;
}

.kinto__button {
	-webkit-appearance: none;
	background-color: #FF9800;
	box-sizing: border-box;
	border-radius: 4px;
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
	border: none;
	border-bottom: solid 3px #D06D15;
	color: #FFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	line-height: 32px;
	position: absolute;
	top: 5%;
	right: 0;
	width: 130px;
	height: 34px;
}

.kinto__button::before {
	position: absolute;
	top: 40%;
	right: 10px;
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*ヘッダーのログイン*/
.menu__block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
	width: 1020px;
	margin: auto auto 20px;
}

@media screen and (max-width: 640px) {
	.menu__block {
		width: 100%;
		display: block;
		box-sizing: border-box;
		padding: 10px;
		margin-bottom: 0;
	}
}

.menu__search {
	width: 100%;
}

.menu__account {
	width: 490px;
	margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
	.menu__account {
		width: 100%;
	}
}

.menu__account a:hover {
	color: #F26161;
}

.menu__details {
	margin-top: 10px;
}

.menu__summary {
	font-weight: 700;
	cursor: pointer;
}

@media screen and (max-width: 640px) {
	.menu__summary {
		margin-bottom: 10px;
	}
}

.menu__keyword--term {
	font-weight: 700;
}

.menu__keyword--list {
	font-size: 13px;
}

.menu__keyword--item {
	display: inline;
}

.menu__keyword--item a {
	display: inline-block;
	padding: 5px 10px;
	margin-bottom: 5px;
}

.menu__keyword--item a:hover {
	background-color: #EFEFEF;
	text-decoration: none;
	transition: all 0.5s 0s ease;
}

.menu__account--term {
	font-weight: 700;
}

.menu__account--term:nth-of-type(2) {
	margin-top: 10px;
}

.menu__logout {
	margin-top: 20px;
}

.menu__logout--term {
	padding: 20px 10px;
	border: solid 1px #CCC;
	border-radius: 6px;
	text-align: center;
}



.menu__input {
	width: 100%;
	padding: 8px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.menu__input--keyword {
	width: calc(100% - 80px);
	margin-right: 10px;
}

@media screen and (max-width: 640px) {
	.menu__input--keyword {
		width: calc(80% - 10px);
	}
}

.menu__button--search {
	border-radius: 4px;
	cursor: pointer;
	width: 70px;
	background-color: #DDD;
}

@media screen and (max-width: 640px) {
	.menu__button--search {
		width: 20%;
	}
}

.menu__button--search:hover {
	background-color: #C4C4C4;
}

.menu__button--login {
	margin-top: 10px;
	cursor: pointer;
	background-color: #DDD;
}

.menu__button--login:hover {
	background-color: #C4C4C4;
}

.menu__reminder {
	font-size: 12px;
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}

.menu__reminder--item {
	box-sizing: border-box;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.menu__reminder--item {
		width: 49%;
	}
}

.menu__reminder--item br {
	display: none;
}

@media screen and (max-width: 640px) {
	.menu__reminder--item br {
		display: block;
	}
}

@media screen and (max-width: 640px) {
	.menu__reminder--item a {
		display: block;
		padding: 5px;
		text-align: center;
		border: solid 1px #CCC;
		border-radius: 4px;
		line-height: 1.4;
	}
}


.header {
	border-bottom: solid 2px #333;
	padding: 20px 0 24px;
	position: relative;
}

.header__inner {
	width: 1020px;
	margin: auto;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
}

.header__logo img {
	width: auto;
	height: 24px;
}

.header__logo--main {
	display: inline-block;
}

.header__logo--sub {
	display: inline-block;
	color: #333;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	vertical-align: -6px;
}

.header__logo--sub a {
	color: inherit;
}

.header .tmsLink {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0 0 0 10px;
}

.header__menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 74px;
	height: 30px;
	cursor: pointer;
}

.header__button--search {
	cursor: pointer;
}

.header__button--search img {
	width: 26px;
	height: auto;
}

.header__search {
	display: none;
	background-color: #EFEFEF;
}

.header__search--inner {
	width: 1020px;
	margin: auto;
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: right;
}

.header__search--input {
	font-size: 16px;
	padding: 4px 8px 6px;
	background-color: #FFF;
	width: 600px;
}

.header__search--submit {
	font-size: 16px;
	color: #FFF;
	padding: 6px 9px 8px;
	background-color: #607d8b;
	line-height: 1.3;
	vertical-align: top;
	cursor: pointer;
}

.header__search--open {
	display: block;
}

/*旅　NEWアイコン*/
.header-modal-open .navigation .service-nav__new::before {
	display: none;
}

.navigation {
	margin: 0 0 10px;
}

.navigation .service-nav {
	margin: 0;
}

.navigation .service-nav__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 1020px;
	margin: auto;
}

.navigation .service-nav__inner--list {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 14px;
	line-height: 1;
	border-bottom: solid 5px #F7F7F7;
}

.navigation .service-nav__inner a {
	color: #333;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 10px 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.navigation .service-nav__inner--list:hover {
	-webkit-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;
	border-color: #C00;
}

.navigation .service-nav__current {
	border-bottom-color: #C00;
}

.navigation .service-nav__new a {
	position: relative;
}

.navigation .service-nav__new a::before {
	width: 32px;
	margin: 0 4px 0 0;
	padding: 4px 4px 3px;
	border-radius: 4px;
	background-color: #c00;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	content: "NEW";
}

.header-modal .service-nav {
	margin: 0 0 20px;
}

.header-modal .service-nav__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.header-modal .service-nav__inner--list {
	font-size: 14px;
	line-height: 1;
	width: calc(100% / 5);
}

.header-modal .service-nav__inner a {
	color: #333;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 10px 0;
	margin: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #CCC;
	-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
}

.header-modal .service-nav__new a {
	position: relative;
}

.header-modal .service-nav__new a::before {}

.header-modal .service-nav {
	margin: 0 0 20px;
}

.header-modal .service-nav__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.header-modal .service-nav__inner--list {
	font-size: 14px;
	line-height: 1;
	width: calc(100% / 5);
}

.header-modal .service-nav__inner a {
	color: #333;
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 10px 0;
	margin: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #CCC;
	-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
}

.header-modal-open {
	overflow: hidden;
	height: 100%;
}

.header-modal-open .header-modal {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.header-modal-open .navigation .service-nav__new::before {
	display: none;
}

.header-modal {
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.99);
	padding: 10px 10px 100px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1000;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.header-modal__inner {
	width: 1020px;
	margin: auto;
}

.header-modal a {
	color: #333;
}

.header-modal__heading {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: solid 2px #CCC;
}

.header-modal__heading--small {
	font-size: 14px;
	margin: 0 0 10px;
}

.header-modal__catalog {
	margin: 0 0 20px;
}

.header-modal__catalog--inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.header-modal__catalog__primary {
	width: 47%;
}

.header-modal__catalog__secondary {
	width: 47%;
}

.header-modal__maker {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.header-modal__maker li {
	width: calc(100% / 5);
	margin: 0 0 15px;
}

.header-modal__maker--link {
	display: block;
	text-decoration: none;
}

.header-modal__maker--logo {
	display: block;
	margin: 0 0 5px;
}

.header-modal__maker--name {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3;
	height: 3em;
}

.header-modal__more-link {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3;
}

.header-modal__more-link::after {
	content: "";
	clear: both;
	display: block;
}

.header-modal__more-link a {
	display: block;
	float: right;
}

.header-modal__category-list {
	font-size: 14px;
}

.header-modal__category-list--list {
	border-bottom: 1px solid #C4C4C4;
}

.header-modal__category-list--list a {
	display: block;
	width: 100%;
	padding: 12px 0;
	cursor: pointer;
	background: no-repeat 100% 50% url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2224%22%20viewBox%3D%220%200%209%2028%22%3E%3Cpath%20fill%3D%22%23F26161%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

.header-modal__category-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.header-modal__category__primary {
	width: 25%;
}

.header-modal__category__primary .header-modal__category-list {
	margin-bottom: 18px;
}

.header-modal__category__secondary {
	width: 70%;
}

.header-modal__category__secondary--inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.header-modal__category__secondary .header-modal__new-car,
.header-modal__category__secondary .header-modal__car-life,
.header-modal__category__secondary .header-modal__article {
	width: 32%;
}

.header-modal__category__secondary .header-modal__news .header-modal__category-list--list {
	font-size: 16px;
	border-bottom: none;
}

.header-modal__category__secondary .header-modal__news .header-modal__category-list--list a {
	padding: 0;
}

.header__button--menu {
	position: absolute;
	right: 0;
	top: -1px;
	width: 30px;
	height: 40px;
	z-index: 50;
}

.header__button--menu::before,
.header__button--menu::after {
	position: absolute;
	content: "";
	display: block;
	height: 12px;
	width: 30px;
	border-top-style: solid;
	border-bottom-style: solid;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.header__button--menu::before {
	top: 6px;
	border-top-width: 4px;
	border-bottom-width: 2px;
	border-color: #333;
}

.header__button--menu::after {
	top: 18px;
	border-top-width: 2px;
	border-bottom-width: 4px;
	border-color: #333;
}

.header__button--menu.header-modal-open::before,
.header__button--menu.header-modal-open::after {
	top: 14px;
	height: 0;
	/*
      transition-property: transform, height, top;
      transition-duration: 0.1s, 0.2s, 0.2s;
      transition-timing-function: ease, ease, ease;
      transition-delay: 0.2s, 0s, 0s;
      */
	-webkit-transition: 0.1s height 0s, 0.2s top 0s, 0.1s -webkit-transform 0.2s;
	transition: 0.1s height 0s, 0.2s top 0s, 0.1s -webkit-transform 0.2s;
	-o-transition: 0.1s transform 0.2s, 0.1s height 0s, 0.2s top 0s;
	transition: 0.1s transform 0.2s, 0.1s height 0s, 0.2s top 0s;
	transition: 0.1s transform 0.2s, 0.1s height 0s, 0.2s top 0s, 0.1s -webkit-transform 0.2s;
}

.header__button--menu.header-modal-open::before {
	border-top-width: 2px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.header__button--menu.header-modal-open::after {
	border-bottom-width: 2px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu__block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 1020px;
	margin: auto auto 20px;
	line-height: 1.6;
}

.menu__block .underline_large {
	border-bottom: 2px solid #707070;
	font-weight: 700;
	padding: 0 0 4px 0;
	margin: 0 0 8px 0;
	cursor: default;
}

.menu__search {
	width: 100%;
}

.menu__account {
	width: 490px;
	margin-bottom: 20px;
}

.menu__account a:hover {
	color: #F26161;
}

.menu__details {
	margin-top: 10px;
}

.menu__summary {
	font-weight: 700;
	cursor: pointer;
}

.menu__keyword--term {
	font-weight: 700;
}

.menu__keyword--list {
	font-size: 13px;
}

.menu__keyword--item {
	display: inline;
}

.menu__keyword--item a {
	display: inline-block;
	padding: 5px 10px;
	margin-bottom: 5px;
}

.menu__keyword--item a:hover {
	background-color: #EFEFEF;
	text-decoration: none;
	-webkit-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}

.menu__account--term {
	font-weight: 700;
}

.menu__account--term:nth-of-type(2) {
	margin-top: 10px;
}

.menu__logout {
	margin-top: 20px;
}

.menu__logout--term {
	padding: 20px 10px;
	border: solid 1px #CCC;
	border-radius: 6px;
	text-align: center;
}

.menu__input {
	width: 100%;
	padding: 8px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.menu__input--keyword {
	width: calc(100% - 80px);
	margin-right: 10px;
}

.menu__button--search {
	border-radius: 4px;
	cursor: pointer;
	width: 70px;
	background-color: #DDD;
}

.menu__button--search:hover {
	background-color: #C4C4C4;
}

.menu__button--login {
	margin-top: 10px;
	cursor: pointer;
	background-color: #DDD;
}

.menu__button--login:hover {
	background-color: #C4C4C4;
}

.menu__reminder {
	font-size: 12px;
	margin-top: 6px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.menu__reminder--item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}

.menu__reminder--item br {
	display: none;
}


/* CMS-791 筆者・監修者リンクアイコン設置*/
.writer-sns {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 16px;
}

.writer-sns li {
	margin-right: 20px;
}

.writer-sns img {
	width: 24px;
	height: 24px;
}
