/* マウスオーバー */

.alpha a:hover img {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);	/* IE lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    display: inline-block!important;
    zoom: 1!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.alpha a img {
    display: inline-block!important;
    zoom: 1!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* メインエリアの調整

-------------------------------------------*/

body{
    display: none;
}
.epower{
    width: 110px;
    z-index: 300;
    position: absolute;
    bottom: 75%;
    left: 5px;
}

.page-mainvisual {
    margin-bottom: 33px;
    padding: 0 15px;
}
.page-mainvisual .image-area {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-color: #eee;
}
.list-note-text{
    text-align: center;
}
.catalog .c_005{
    margin-bottom: 0px!important;
}
/*
    車種ボックス（.car-box）調整
-------------------------------------------*/

.CATALOG .c_130:hover .vehicle-link .car-title ,
.CARSINDEALER .c_130:hover .vehicle-link .car-title {
    color: #343434!important;
}

.sorters .inner .text{
    text-align: center;
}

.car-box .picture-element,
.car-boxduplication .picture-element{
    position: relative;
    width: 100%;
    text-align: center;
    background: #fff;
    z-index: 1;
}
#defaultView.all .car-boxduplication ,
#defaultBizView.all .car-boxduplication {
    display: none!important;
}
#defaultView .car-boxduplication.is-active ,
#defaultBizView .car-boxduplication.is-active {
    display: inline-block!important;
}
#defaultView.all .car-boxduplication.is-active ,
#defaultBizView.all .car-boxduplication.is-active {
    display: none!important;
}
/*条件検索アコーディオン*/
.car-box .acordion-box,
.car-boxduplication .acordion-box {
    display: none;
}

.car-box .c_130 a.web-seach-link-child:hover,
.car-boxduplication .c_130 a.web-seach-link-child:hover {
    color: #c3002f;
    background-color: #ccc;
    border-color: #ccc;
    text-decoration: none;
}
.car-box .c_130 .web-seach-link,
.car-boxduplication .c_130 .web-seach-link,
.c_130 .web-seach-link.open.car-box .c_130 .web-seach-link,
.c_130 .web-seach-link.open.car-boxduplication .c_130 .web-seach-link,
.c_130 .web-seach-link.open {
    margin-bottom: 1px!important;
}

.car-box .c_130 .web-seach-link-child,
.car-boxduplication .c_130 .web-seach-link-child {
    border-color: #343434;
    background-color: #343434;
    color: #fff;
    text-decoration: none;
    margin:1px 0 1px 0!important;
}

/*
/ 試乗車・展示車検索ページ
////////////////////////////////////////////////////
*/


/*
*/
.c_005 .rank-image-container{
    text-align: center;
}
.c_005 img.rank-image {
    width: 70%!important;
}
.ranking .no {
    font-size: 18px;
    color: #c3002f;
}
.ranking .label {
    font-size: 14px;
}
.ranking .rank-text{
    float: left;

}
.ranking .rank-text a{
    font-size: 12px;
}
.ranking .rank-text .carname {
    margin-left: 0.5em;
}
.ranking .rank-text .carname a {
    font-size: 18px!important;
    color: #343434!important;
}
.ranking .rank-text .carname a:after {
    content: "";
    color: #c3002f;
    top: 50%;
    overflow: hidden;
    /*display: inline-block;*/
    padding-left: 6px;
    position: static;
    font-size: 16px;
    right: 0;
    font-family: icon-Nissan-Global;
}
.ranking .note{
    font-size: 12px;
    font-weight: normal;
}

.ranking .c_005 h3 {
    font-weight: normal;
    margin-right: 32px!important;
}
.ranking .c_005 .clear {
    clear: both;
}
@media screen and (min-width: 960px) {
    .ranking .note{
        margin-left: 16px;
    }

    .sp-only{
        display: none;
    }
}

@media screen and (max-width: 960px) {
    .sp-only{
        display: block;
    }
}

media screen and (max-width: 580px) {
    .sp-only{
        display: block;
    }

}

@media screen and (min-width: 581px) {
    #oneAcs .sp-obj{
        display: none !important;
    }
    #oneAcs .pc-obj{
        display: block !important;
    }
    #mainContents .c_023-1.default .heading-group h1{
        font-size: 2.5714285714em;
    }
}

@media screen and (max-width: 580px) {
    #oneAcs .sp-obj{
        display: block !important;
    }
    #oneAcs .pc-obj{
        display: none !important;
    }
    #mainContents .c_023-1.default .heading-group h1{
        font-size: 26px;
    }
}

#oneAcs a:hover{
  opacity: 0.7;
}

#mainContents .c_023-1.default .heading-group {
    text-align: center;
    margin-bottom: 30px;
}
#mainContents .c_023-1.default .heading-group h1 {
    line-height: 1.1666666667;
    font-weight: bold;
    color: #343434;
}

/* 2023.03.17 accordion */
.accordion[data-date='230317'] {
	padding: 0 15px;
}

.accordion[data-date='230317'] button {
	width: 100%;
	background-color: #fff;
    border: 1px solid #d2d2d2;
	padding: 15px 45px 15px 8px;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	font-family: ShinGoPro-bold !important;
	color: #343434;
	position: relative;
}

.accordion[data-date='230317'] button.active {
	background-color: #d2d2d2;
}

.accordion[data-date='230317'] button.active::before {
	transform: rotate(0);
}

.accordion[data-date='230317'] button::before,
.accordion[data-date='230317'] button::after {
	content: " ";
	position: absolute;
	top: 50%;
	background-color: #c3002f;
	width: 18px;
	height: 4px;
	right: 18px;
}

.accordion[data-date='230317'] button::before {
	transform: rotate(90deg);
	transition: transform 300ms;
}

.accordion[data-date='230317'] button::after {
	transform: rotate(180deg);
}

.accordion[data-date='230317'] .accordion-list {
	display: none;
}

.accordion[data-date='230317'] .accordion-item {
	padding: 31px 8px 27px;
	border-bottom: 1px solid #d2d2d2;
}

.accordion[data-date='230317'] .accordion-q,
.accordion[data-date='230317'] .accordion-a {
	display: flex;
	align-items: baseline;
}

.accordion[data-date='230317'] .accordion-q p,
.accordion[data-date='230317'] .accordion-a p {
	margin: 0 0 0 16px;
}

.accordion[data-date='230317'] .accordion-q span,
.accordion[data-date='230317'] .accordion-q p  {
	font-weight: bold;
	font-family: ShinGoPro-bold !important;
}

.accordion[data-date='230317'] .accordion-q span {
	font-size: 18px;
	color: #4c4c4c;
	line-height: 1;
	min-width: 20px;
	text-align: center;
}

.accordion[data-date='230317'] .accordion-q p {
	font-size: 16px;
	color: #000;
}

.accordion[data-date='230317'] .accordion-a {
	margin-top: 13px;
}

.accordion[data-date='230317'] .accordion-a span {
	font-size: 18px;
	color: #c3002f;
	line-height: 1.1;
	min-width: 20px;
	text-align: center;
	font-weight: bold;
	font-family: ShinGoPro-bold !important;
}

.accordion[data-date='230317'] .accordion-a p {
	font-size: 14px;
	color: #343434;
	line-height: 1.6;
}

@media screen and (max-width:581px) {
	.accordion[data-date='230317'] button {
		font-size: calc(30 / 750 * 100vw);
		padding: calc(26 / 750 * 100vw) calc(90 / 750 * 100vw) calc(26 / 750 * 100vw) calc(16 / 750 * 100vw);
	}

	.accordion[data-date='230317'] .accordion-item {
		padding: calc(32 / 750 * 100vw) calc(5 / 750 * 100vw) calc(33 / 750 * 100vw);
	}

	.accordion[data-date='230317'] button::before,
	.accordion[data-date='230317'] button::after {
		width: calc(28 / 750 * 100vw);
		height: calc(6 / 750 * 100vw);
		right: calc(26 / 750 * 100vw);
		top: calc(50% - calc(4 / 750 * 100vw));
	}

	.accordion[data-date='230317'] .accordion-q span,
	.accordion[data-date='230317'] .accordion-a span {
		font-size: calc(30 / 750 * 100vw);
		line-height: calc(36 / 750 * 100vw);
	}

	.accordion[data-date='230317'] .accordion-q p,
	.accordion[data-date='230317'] .accordion-a p {
		margin: 0 0 0 calc(9 / 750 * 100vw);
	}

	.accordion[data-date='230317'] .accordion-q p {
		font-size: calc(26 / 750 * 100vw);
	}

	.accordion[data-date='230317'] .accordion-a {
		margin-top: calc(26 / 750 * 100vw);
	}

	.accordion[data-date='230317'] .accordion-a p {
		font-size: calc(24 / 750 * 100vw);
		line-height: calc(34 / 750 * 100vw);
	}
}

.c_030-0[data-date='230317'] .list-item {
	display: flex;
	flex-wrap: wrap;
}