/** -------------------------------
 * mainview
 */
#mainview {
}
#mainview > .wrap {
	position: relative;
	width: 100%;
}
#mainview .swiper-container {
}
#mainview .swiper-wrapper {
}
#mainview .swiper-slide {
	position: relative;
	padding-top: 51.953%;
}
#mainview .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#mainview .swiper-slide > .wrap {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
#mainview .inner {
	position: relative;
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
}
/* item01 */
#mainview .item01 {
}
#mainview .item01 .bg.sp {
	display: none;
}
#mainview .item01 .bg.pc {
	background-image: url(../IMAGES/PC/mainview01_img.jpg);
	transition: 2.0s ease-in;
	-o-transition: 2.0s ease-in;
	-moz-transition: 2.0s ease-in;
	-webkit-transition: 2.0s ease-in;
	opacity: 0;
}
#mainview .item01.show .bg.pc {
	opacity: 1;
}
#mainview .item01 .inner.sp {
	display: none;
}
/* copy */
#mainview .item01 .inner.pc .copy {
	position: absolute;
	left: 4.666%;
	top: 0;
	display: block;
	width: 50%;
	opacity: 0;
}
#mainview .item01.show .inner.pc .copy {
	left: 2.666%;
	opacity: 1;
}
#mainview .item01 .inner.pc .copy span {
	display: block;
	padding-top: 2.4%;
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
#mainview .item01 .inner.pc .copy01 {
	margin-top: 3%;
	transition: 0.75s ease-out 1.50s;
	-o-transition: 0.75s ease-out 1.50s;
	-moz-transition: 0.75s ease-out 1.50s;
	-webkit-transition: 0.75s ease-out 1.50s;
}
#mainview .item01 .inner.pc .copy01 span {
	padding-top: 5.066%;
	background-image: url(../IMAGES/mainview01_copy01.png);
}
#mainview .item01 .inner.pc .copy02 {
	margin-top: 8.8%;
	transition: 0.75s ease-out 2.25s;
	-o-transition: 0.75s ease-out 2.25s;
	-moz-transition: 0.75s ease-out 2.25s;
	-webkit-transition: 0.75s ease-out 2.25s;
}
#mainview .item01 .inner.pc .copy02 span {
	background-image: url(../IMAGES/mainview01_copy02.png);
}
#mainview .item01 .inner.pc .copy03 {
	margin-top: 11.2%;
	transition: 0.75s ease-out 2.40s;
	-o-transition: 0.75s ease-out 2.40s;
	-moz-transition: 0.75s ease-out 2.40s;
	-webkit-transition: 0.75s ease-out 2.40s;
}
#mainview .item01 .inner.pc .copy03 span {
	background-image: url(../IMAGES/mainview01_copy03.png);
}
#mainview .item01 .inner.pc .copy04 {
	margin-top: 13.6%;
	transition: 0.75s ease-out 2.55s;
	-o-transition: 0.75s ease-out 2.55s;
	-moz-transition: 0.75s ease-out 2.55s;
	-webkit-transition: 0.75s ease-out 2.55s;
}
#mainview .item01 .inner.pc .copy04 span {
	background-image: url(../IMAGES/mainview01_copy04.png);
}
#mainview .item01 .inner.pc .copy05 {
	margin-top: 16%;
	transition: 0.75s ease-out 2.70s;
	-o-transition: 0.75s ease-out 2.70s;
	-moz-transition: 0.75s ease-out 2.70s;
	-webkit-transition: 0.75s ease-out 2.70s;
}
#mainview .item01 .inner.pc .copy05 span {
	background-image: url(../IMAGES/mainview01_copy05.png);
}
#mainview .item01 .inner.pc .copy06 {
	margin-top: 18.4%;
	transition: 0.75s ease-out 2.85s;
	-o-transition: 0.75s ease-out 2.85s;
	-moz-transition: 0.75s ease-out 2.85s;
	-webkit-transition: 0.75s ease-out 2.85s;
}
#mainview .item01 .inner.pc .copy06 span {
	background-image: url(../IMAGES/mainview01_copy06.png);
}
#mainview .item01 .inner.pc .copy07 {
	margin-top: 21.2%;
	transition: 0.75s ease-out 3.50s;
	-o-transition: 0.75s ease-out 3.50s;
	-moz-transition: 0.75s ease-out 3.50s;
	-webkit-transition: 0.75s ease-out 3.50s;
}
#mainview .item01 .inner.pc .copy07 span {
	background-image: url(../IMAGES/mainview01_copy07.png);
}
#mainview .item01 .inner.pc .copy08 {
	margin-top: 24%;
	transition: 0.75s ease-out 4.00s;
	-o-transition: 0.75s ease-out 4.00s;
	-moz-transition: 0.75s ease-out 4.00s;
	-webkit-transition: 0.75s ease-out 4.00s;
}
#mainview .item01 .inner.pc .copy08 span {
	background-image: url(../IMAGES/mainview01_copy08.png);
}
#mainview .item01 .inner.pc .copy09 {
	margin-top: 30%;
	transition: 0.75s ease-out 5s;
	-o-transition: 0.75s ease-out 5s;
	-moz-transition: 0.75s ease-out 5s;
	-webkit-transition: 0.75s ease-out 5s;
}
#mainview .item01 .inner.pc .copy09 span {
	padding-top: 5.066%;
	background-image: url(../IMAGES/mainview01_copy09.png);
}
/* content */
#mainview .item01 .inner.pc .content {
	position: absolute;
	right: 6.3%;
	bottom: 5%;
	display: table;
	transition: 1.5s ease-out 0.50s;
	-o-transition: 1.5s ease-out 0.50s;
	-moz-transition: 1.5s ease-out 0.50s;
	-webkit-transition: 1.5s ease-out 0.50s;
	opacity: 0;
}
#mainview .item01.show .inner.pc .content {
	opacity: 1;
}
#mainview .item01 .inner.pc .price {
	display: table-cell;
	padding-right: 10px;
	vertical-align: bottom;
}
#mainview .item01 .inner.pc .price dl {
	white-space: nowrap;
}
#mainview .item01 .inner.pc .price dt {
	font-size: 1.2em;
	color: #fff;
	line-height: 1.1;
}
#mainview .item01 .inner.pc .price dd {
	padding-top: 3px;
	font-size: 3.6em;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
}
#mainview .item01 .inner.pc .price em {
	padding-left: 2%;
	font-size: 0.6em;
	vertical-align: middle;
}
#mainview .item01 .inner.pc .button {
	display: table-cell;
	padding-left: 10px;
	vertical-align: bottom;
}
#mainview .item01 .inner.pc .button.quotation a {
	position: relative;
	display: table;
	height: 34px;
	background-color: rgba(0,0,0,0.4);
	border: 1px solid #555;
}
#mainview .item01 .inner.pc .button.carSearch a {
	position: relative;
	display: table;
	height: 34px;
	background-color: #c3002f;
	border: 1px solid #c3002f;
}
#mainview .item01 .inner.pc .button a:before {
	content: '';
	position: absolute;
	left: 5px;
	top: 50%;
	display: block;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#mainview .item01 .inner.pc .button.carSearch a:before {
	background-image: url(../IMAGES/icon_carSearch02.png);
}
#mainview .item01 .inner.pc .button.quotation a:before {
	background-image: url(../IMAGES/icon_quotation.png);
}
#mainview .item01 .inner.pc .button span {
	display: table-cell;
	padding-left: 40px;
	padding-right: 15px;
	font-size: 1.3em;
	color: #fff;
	line-height: 1.1;
	white-space: nowrap;
	vertical-align: middle;
}
#mainview .item01 .inner.pc .button.quotation:hover span {
	color: #c3002c;
}
#mainview .item01 .inner.pc .button.carSearch:hover a {
	background-color: #a60028;
}
#mainview .swiper-button-prev {
	width: 28px;
	height: 54px;
	margin-top: -27px;
	background-image: url(../IMAGES/mainview_prev.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#mainview .swiper-button-prev.none {
	display: none;
}
#mainview .swiper-button-next {
	width: 28px;
	height: 54px;
	margin-top: -27px;
	background-image: url(../IMAGES/mainview_next.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#mainview .swiper-button-next.none {
	display: none;
}
#mainview .swiper-pagination {
	display: none;
}

/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
#mainview .item01 .price {
	padding-right: 0.78125vw;
}
#mainview .item01 .price dd {
	padding-top: 0.234375vw;
}
#mainview .item01 .button {
	padding-left: 0.78125vw;
}
#mainview .item01 .button a {
	height: 2.65625vw;
}
#mainview .item01 .button a:before {
	left: 0.390625vw;
	width: 2.5vw;
	height: 2.5vw;
	margin-top: -1.25vw;
}
#mainview .item01 .button span {
	padding-left: 3.125vw;
	padding-right: 1.171875vw;
}
#mainview .swiper-button-prev {
	width: 2.1875vw;
	height: 4.21875vw;
	margin-top: -2.109375vw;
}
#mainview .swiper-button-next {
	width: 2.1875vw;
	height: 4.21875vw;
	margin-top: -2.109375vw;
}
}

ul.actions {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
ul.actions li {
	white-space: nowrap;
}
ul.actions li,
ul.actions li a {
	width: 100%!important;
	max-width: 221px;
}
@media screen and (min-width:960px) and (max-width: 1160px) {
	ul.actions {
		justify-content: space-around;
	}
}
@media screen and (min-width:581px) and (max-width: 959px) {
	ul.actions {
		display: block;
	}
	ul.actions li {
		width: calc(50% - 10px)!important;
		max-width: inherit;
	}
	ul.actions li a {
		max-width: inherit;
	}
}

/** -------------------------------
 * banner
 */
#banner {
	clear: both;
	max-width: 1280px;
	margin: 0 auto;
	margin-top: 3.8%;
	padding: 0 3.667%;
}
#banner > .wrap {
	padding: 0 2.564%;
}
#banner .header {
	display: none;
}
#banner .content {
	margin-top: 2.4%;/*padding-bottom: 3.418%;*/
}
#banner .content > .wrap {
	position: relative;/*padding: 0 2.564%;*/
}
#banner .swiper-container {
/*overflow-x: auto;*/
}
#banner .swiper-wrapper {
	display: block;
}
#banner .swiper-slide {
	width: 32.432%;
	margin-left: 1.352%;
	float: left;
	padding: 0;
}
#banner .swiper-slide:first-child {
	margin-left: 0;
}
#banner .swiper-slide a {
	display: block;
}
#banner .swiper-slide a > .wrap {
}
#banner .swiper-slide .image {
	display: block;
}
#banner .swiper-slide .image img.sp {
	display: none;
}
#banner .swiper-slide .description {
	display: none;
}
#banner .swiper-slide .button {
	display: none;
}

/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
}
/** -------------------------------
 * concept
 */
#concept {
	clear: both;
}
#concept .item {
	position: relative;
	background-color: #000
}
#concept .item .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#concept .item > .wrap .loader {
	position: absolute;
	left: 0;
	top: 0;
}
/* concept:item01 */
#concept .item01 > .wrap {
	position: relative;
	width: 100%;
	padding-top: 66.666%;
	overflow: hidden;
}
#concept .item01 .movie {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
/* concept:item02 */
#concept .item02 > .wrap {
	position: relative;
	width: 100%;
	padding-top: 66.666%;
	padding-top: 50%;
	overflow: hidden;
}
#concept .item02 .movie {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(../MP4/movie02_sample.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/*    #concept .item02 .bg { background-image: url(../IMAGES/PC/concept02_img.jpg); }
    #concept .item02 > .wrap {
      position: relative;
      width: 100%;
      max-width: 1280px;
      margin: 0 auto;
      padding-top: 50%;
    }
      #concept .item02 .lead {
        position: absolute;
        left: 3.667%;
        top: 0;
        width: 35.703%;
        margin-top: 29.062%;
      }
        #concept .item02 .lead span {
          display: block;
          padding-top: 5.032%;
          background-image: url(../IMAGES/PC/concept02_lead.png);
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
        }*/
/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
}
/** -------------------------------
 * nim
 */
#nim {
	clear: both;
}
#nim > .wrap {
	padding: 6.25% 0;
	background-color: #fff;
}
#nim .title {
	width: 41.171%;
	margin: 0 auto;
}
#nim .title span {
	display: block;
	padding-top: 7.02%;
	background-image: url(../IMAGES/nim_logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#nim .description {
	margin-top: 1.8%;
	font-size: 1.4em;
	font-weight: bold;
	color: #333;
	line-height: 2;
	text-align: center;
}
/** -------------------------------
 * panel
 */
#panel {
	clear: both;
	padding-top: 1.25%;
}
#panel > .wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#panel .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	overflow: hidden;/*overflow-x: hidden;*/
}
#panel .bg span {
	display: block;
	width: 100%;
	/*height: 100%;*/
	padding-top: 234%;
	background-image: url(../IMAGES/PC/panel_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
#panel .item {
	position: relative;
	z-index: 1;
}
#panel .item > .wrap {
}
#panel .image {
}
#panel .image span {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#panel .item01 .image:first-child span {
	padding-top: 43.333%;
	background-image: url(../IMAGES/PC/panel_img01.jpg);
}
#panel .item01 .image:nth-child(2) span {
	padding-top: 24.666%;
	background-image: url(../IMAGES/PC/panel_img02.jpg);
}
#panel .item02 .image span {
	padding-top: 48.666%;
	background-image: url(../IMAGES/PC/panel_img03.jpg);
}
#panel .item03 .image span {
	padding-top: 48.666%;
	background-image: url(../IMAGES/PC/panel_img04.jpg);
}
#panel .content {
	position: relative;
	padding-top: 26.5625%;
}
#panel .content > .wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#panel .content .inner {
	padding-top: 5%;
}
#panel .content .lead {
	font-size: 4.8em;
	font-weight: bold;
	color: #000;
	line-height: 1.35;
	text-align: center;
	transition: 0.75s ease-out;
	-o-transition: 0.75s ease-out;
	-moz-transition: 0.75s ease-out;
	-webkit-transition: 0.75s ease-out;
	opacity: 0;
}
#panel .content.show .lead {
	opacity: 1;
}
#panel .content .copy {
	display: none;
}
#panel .content .button {
	position: relative;
	display: table;
	margin: 0 auto;
	margin-top: 1.6%;
	transition: 0.75s ease-out;
	-o-transition: 0.75s ease-out;
	-moz-transition: 0.75s ease-out;
	-webkit-transition: 0.75s ease-out;
	opacity: 0;
}
#panel .content.show .button {
	opacity: 1;
}
#panel .content .button:after {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	display: block;
	width: 16px;
	height: 20px;
	margin-top: -10px;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 20px;
}
#panel .content .button span.sp {
	display: none;
}
#panel .content .button span.pc {
	display: table-cell;
	padding: 0 40px;
	font-size: 2.5em;
	font-weight: bold;
	color: #000;
	line-height: 1.1;
	text-align: center;
	vertical-align: middle;
}
#panel .content .button:hover span.pc {
	color: #c3002c;
}

/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
/*          #panel .content .button {
            width: 12.34375vw;
            height: 2.578vw;
          }
          #panel .content .button:after {
            right: 0.78125vw;
            width: 0.625vw;
            height: 0.78125vw;
            margin-top: -0.390625vw;
            background-size: auto 0.78125vw;
          }
            #panel .content .button span {
              padding: 0 1.40625vw;
            }*/
}
/** -------------------------------
 * section | gradeRanking
 */
.section#gradeRanking {
}
.section#gradeRanking {
	margin-top: 5%;
}
.section#gradeRanking > .wrap {
	padding-bottom: 3.281%;
}
.section#gradeRanking .content {
	margin-top: 2.4%;
}
.section#gradeRanking .content > .wrap {
	position: relative;
}
.section#gradeRanking .swiper-container {
}
.section#gradeRanking .swiper-wrapper {
}
.section#gradeRanking .swiper-slide {
	display: block;
	width: 31.624%;
	margin-left: 2.564%;
	float: left;
}
.section#gradeRanking .swiper-slide:first-child {
	margin-left: 0;
}
.section#gradeRanking .content .item {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 35.135%;
	color: #000;
}
.section#gradeRanking .content .item .image {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
}
.section#gradeRanking .content .item01 .image {
	background-image: url(../IMAGES/ranking_grade_01.jpg);
}
.section#gradeRanking .content .item02 .image {
	background-image: url(../IMAGES/ranking_grade_02.jpg);
}
.section#gradeRanking .content .item03 .image {
	background-image: url(../IMAGES/ranking_grade_03.jpg);
}
.section#gradeRanking .content .item .num {
	position: absolute;
	left: 0;
	top: 0;
	display: table;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #b4b4b4;
}
.section#gradeRanking .content .item .num em {
	display: table-cell;
	font-size: 1.6em;
	font-style: normal;
	font-weight: bold;
	color: #666;
	line-height: 1.1;
	text-align: center;
	vertical-align: middle;
}
.section#gradeRanking .content .item dl {
	position: absolute;
	left: 50%;
	top: 6%;
}
.section#gradeRanking .content .item:hover {
/*color: #c3002c;*/
}
.section#gradeRanking .content .item dt {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5;
}
.section#gradeRanking .content .item dd {
	margin-top: 4%;
	font-size: 1.3em;
	line-height: 1.5;
}
.section#gradeRanking .content .item dd b {
	font-weight: bold;
}
.section#gradeRanking .content .simulation {
	position: relative;
	display: block;
	width: 57.837%;
	margin: 0 auto;
	margin-top: 2.7%;
	padding-right: 3%;
	background-color: #eee;
	color: #000;
}
.section#gradeRanking .content .simulation span {
	display: block;
	padding: 4% 8%;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 10px;
	font-size: 1.3em;
}
.section#gradeRanking .content .simulation:hover span {
	color: #c3002c;
}
.section#gradeRanking .swiper-button-prev {
	display: none;
}
.section#gradeRanking .swiper-button-next {
	display: none;
}
.section#gradeRanking .link {
	clear: both;
	margin-top: 2.734%;
	padding: 2% 0;
}
.section#gradeRanking .link a {
	display: block;
	width: auto;
	max-width: 20%;
	margin: auto;
	padding: 0;
}
.section#gradeRanking .link a span {
	display: block;
	/*padding-right: 20px;*/
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 13px;
	font-size: 1.4em;
	color: #333;
	line-height: 1.1;
}
.section#gradeRanking .link a:hover span {
	color: #c3002c;
}

/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
.section#gradeRanking .content .item .image {
	top: 0;
}
.section#gradeRanking .content .item .num {
	width: 2.3437vw;
	height: 2.3437vw;
}
.section#gradeRanking .content .simulation span {
	background-size: auto 0.78125vw;
}
.section#gradeRanking .link li:first-child {
	width: 12.8125vw;
}
.section#gradeRanking .link li:last-child {
	width: 10.625vw;
}
.section#gradeRanking .link span {
	padding-right: 1.5625vw;
	background-size: auto 1.0156vw;
}
}
/** -------------------------------
 * section | information
 */
.section#information {
	margin: 0 auto 5%;
}
.section#information > .wrap {
}
.section#information .content {
	/*margin-top: 0.854%;*/
	margin-top: 2.4%;
	padding-bottom: 3.418%;
}
.section#information .content > .wrap {
	position: relative;
	padding: 0 2.564%;
}
.section#information .swiper-container {
}
.section#information .swiper-wrapper {
}
.section#information .swiper-slide {
/*              width: 31.623%;
              margin-top: 1.3%;
              float: left;*/
}
/*            .section#information .swiper-slide:nth-child(1),
            .section#information .swiper-slide:nth-child(2),
            .section#information .swiper-slide:nth-child(3) {
              margin-top: 0;
            }
            .section#information .swiper-slide:nth-child(2),
            .section#information .swiper-slide:nth-child(5),
            .section#information .swiper-slide:nth-child(8) {
              margin-left: 2.564%;
            }
            .section#information .swiper-slide:nth-child(3),
            .section#information .swiper-slide:nth-child(6),
            .section#information .swiper-slide:nth-child(9) {
              float: right;
            }*/
.section#information .swiper-slide a {
	display: block;
}
.section#information .swiper-slide a > .wrap {
}
.section#information .swiper-slide .image {
	display: block;/*padding-top: 34.266%;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;*/
}
/*.section#information .swiper-slide.item04 .image { background-image: url(../IMAGES/PC/information_img04.jpg); }
                  .section#information .swiper-slide.item05 .image { background-image: url(../IMAGES/PC/information_img05.jpg); }
                  .section#information .swiper-slide.item06 .image { background-image: url(../IMAGES/PC/information_img06.jpg); }
                  .section#information .swiper-slide.item07 .image { background-image: url(../IMAGES/PC/information_img07.jpg); }
                  .section#information .swiper-slide.item08 .image { background-image: url(../IMAGES/PC/information_img08.jpg); }
                  .section#information .swiper-slide.item09 .image { background-image: url(../IMAGES/PC/information_img09.jpg); }
                  .section#information .swiper-slide.item10 .image { background-image: url(../IMAGES/PC/information_img10.jpg); }
                  .section#information .swiper-slide.item11 .image { background-image: url(../IMAGES/PC/information_img11.jpg); }
                  .section#information .swiper-slide.item12 .image { background-image: url(../IMAGES/PC/information_img12.jpg); }*/
.section#information .swiper-slide .image img.sp {
	display: none;
}
.section#information .swiper-slide .description {
	display: none;
}
.section#information .swiper-slide .button {
	display: none;
}
/*        .section#information .swiper-button-prev,
        .section#information .swiper-button-next,
        .section#information .swiper-pagination {
          display: none;
        }*/
.section#information .swiper-button-prev {
	left: -16px;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	background-color: #000;
	background-image: url(../IMAGES/icon_prev.png);
	background-size: contain;
}
.section#information .swiper-button-next {
	right: -16px;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	background-color: #000;
	background-image: url(../IMAGES/icon_next.png);
	background-size: contain;
}
.section#information .swiper-pagination {
	width: 100%;
	margin-top: 15px;
	text-align: center;
}
.section#information .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin: 0 5px;
}
.section#information .swiper-pagination-bullet:first-child {
	margin: 0 5px 0 0;
}
.section#information .swiper-pagination-bullet:last-child {
	margin: 0 0 0 5px;
}
.section#information .swiper-pagination-bullet-active {
	background-color: #c3002c;
}

/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
.section#information .swiper-button-prev {
	left: -1.25vw;
	width: 2.5vw;
	height: 2.5vw;
	margin-top: -1.25vw;
}
.section#information .swiper-button-next {
	right: -1.25vw;
	width: 2.5vw;
	height: 2.5vw;
	margin-top: -1.25vw;
}
}
/** -------------------------------
 * section | ranking
 */

.ab-004-ranking-list {
	display: flex;

}
.ab-004-ranking-list .ab-004-ranking-item {
	margin-right: 2%;
	font-size: 12px;
}

.section#ranking {
}
.section#ranking > .wrap {
}
.section#ranking .content {
	margin-top: 0.6%;
}
.section#ranking .content.grade {
	margin-top: 3%;
}
.section#ranking .content .category {
	position: relative;
}
.section#ranking .content .category h3 {
	display: flex;
	align-items: center;
}
.section#ranking .content .category h3 span {
	width: auto;
	white-space: nowrap;
}
.section#ranking .content .category h3 .border {
	content: '';
	position: relative;
	top: 50%;
	right: 0;
	width: 100%;
	background: #c2c2c2;
	height: 1px;
}
.section#ranking .content .category h2 {
	position: relative;
	display: table;
	height: 30px;
	background-color: #fff;
}
.section#ranking .content .category span {
	display: table-cell;
	padding-right: 10px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #666;
	line-height: 1.1;
	vertical-align: middle;
}
.section#ranking .content .inner > .wrap {
	position: relative;
	margin-top: 1.4%;
}
.section#ranking .swiper-container {
}
.section#ranking .swiper-wrapper {
}
.section#ranking .swiper-slide {
	display: block;
	width: 31.624%;
	margin-left: 2.564%;
	float: left;
}
.section#ranking .swiper-slide:first-child {
	margin-left: 0;
}
.section#ranking .content .item {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 35.135%;
	color: #000;
}
.section#ranking .content .item .image {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: block;
	width: 40.54%;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.section#ranking .content.grade .item01 .image {
	background-image: url(../IMAGES/ranking_grade_01.jpg);
}
.section#ranking .content.grade .item02 .image {
	background-image: url(../IMAGES/ranking_grade_02.jpg);
}
.section#ranking .content.grade .item03 .image {
	background-image: url(../IMAGES/ranking_grade_03.jpg);
}
.section#ranking .content.option .item01 .image {
	background-image: url(../IMAGES/cube_1804_ranking_option_01.jpg);
}
.section#ranking .content.option .item02 .image {
	background-image: url(../IMAGES/cube_1804_ranking_option_02.jpg);
}
.section#ranking .content.option .item03 .image {
	background-image: url(../IMAGES/cube_1806_ranking_option_03.jpg);
}
.section#ranking .content.color .item01 .image {
	background-image: url(../IMAGES/ranking_color_01.jpg);
}
.section#ranking .content.color .item02 .image {
	background-image: url(../IMAGES/ranking_color_02.jpg);
}
.section#ranking .content.color .item03 .image {
	background-image: url(../IMAGES/ranking_color_03.jpg);
}
.section#ranking .content .item .num {
	position: absolute;
	left: 0;
	top: 0;
	display: table;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #b4b4b4;
}
.section#ranking .content .item .num em {
	display: table-cell;
	font-size: 1.6em;
	font-style: normal;
	font-weight: bold;
	color: #666;
	line-height: 1.1;
	text-align: center;
	vertical-align: middle;
}
.section#ranking .content .item .label {
	position: absolute;
	left: 44%;
	top: 27px;
	font-size: 1.3em;
	line-height: 1.5;
	text-align: left;
}
.section#ranking .content .item:hover .label {
/*color: #c3002f;*/
}
.section#ranking .swiper-button-prev {
	display: none;
}
.section#ranking .swiper-button-next {
	display: none;
}
.section#ranking .content .link {
	clear: both;
	margin-top: 0.8%;
}
.section#ranking .content .link a {
	position: relative;
	display: table;
	width: 17.9488%;
	height: 28px;
	background-color: #eee;
	float: right;
}
.section#ranking .content .link a:after {
	content: '';
	position: absolute;
	right: 5%;
	top: 50%;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 10px;
}
.section#ranking .content .link span {
	display: table-cell;
	padding: 0 12px;
	font-size: 1.3em;
	color: #333;
	line-height: 1.1;
	vertical-align: middle;
}
.section#ranking .content .link a:hover span {
	color: #c3002f;
}

/* tablet */
	@media screen and (min-width: 581px) and (max-width: 1279px) {
	.section#ranking .content .category h2 {
		height: 2.3437vw;
	}
	.section#ranking .content .category span {
		padding-right: 0.78125vw;
	}
	.section#ranking .content .item .num {
		width: 2.3437vw;
		height: 2.3437vw;
	}
	.section#ranking .content .item .label {
		top: 2.1875vw;
	}
	.section#ranking .content .link a {
		height: 2.1875vw;
	}
	.section#ranking .content .link a:after {
		width: 0.78125vw;
		height: 0.78125vw;
		margin-top: -0.3906vw;
		background-size: auto 0.78125vw;
	}
	.section#ranking .content .link span {
		padding: 0 0.9375vw;
	}
}

@media screen and (min-width: 1279px) and (max-width: 960px) {
	.section#gradeRanking .content .item .image {
		top: 0.4vw;
	}
}

@media screen and (min-width: 959px) and (max-width: 581px) {
	.section#gradeRanking .content .item .image {
		top: 0.7vw;
	}
}


.section.contentZone h2 {
	font-size: 2.4em;
}
.section.contentZone p {
	font-size: 1.5em;
}



/** -------------------------------
 * section | editions
 */
.section#editions {
}
.section#editions > .wrap {
}
.section#editions .content {
	margin-top: 2.4%;
}
.section#editions .content ul {
}
.section#editions .content li {
	display: block;
	width: 17.9488%;
	margin-left: 2.564%;
	float: left;
}
.section#editions .content li:first-child {
	margin-left: 0;
}
.section#editions .content a {
	display: block;
	width: 100%;
}
.section#editions .content .image {
	position: relative;
	display: block;
	/*padding-top: 56.25%;*/
	background-repeat: no-repeat;
	background-size: cover;
}
.section#editions .content .image.outline:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	border: 1px solid #ddd;
}
.section#editions .content .label {
	display: block;
	margin-top: 7.5%;
}
.section#editions .content .label b {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	color: #666;
	line-height: 1.1;
}
.section#editions .content .label em {
	display: block;
	margin-top: 2.5%;
	font-size: 1.4em;
	font-style: normal;
	color: #000;
	line-height: 1.1;
}
.section#editions .content .label em i {
	padding-right: 14px;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 10px;
	font-style: normal;
}
.section#editions .content a:hover em {
	color: #c3002f;
}

/*            .section#editions .content .button {
              position: relative;
              display: table;
              width: 100%;
              height: 28px;
              margin-top: 10%;
              background-color: #eee;
            }
            .section#editions .content .button:after {
              content: '';
              position: absolute;
              right: 5%;
              top: 50%;
              display: block;
              width: 10px;
              height: 10px;
              margin-top: -5px;
              background-image: url(../IMAGES/arrow_red.png);
              background-repeat: no-repeat;
              background-position: right;
              background-size: auto 10px;
            }
              .section#editions .content .button em {
                display: table-cell;
                padding: 0 5%;
                font-size: 1.3em;
                color: #333;
                line-height: 1.1;
                vertical-align: middle;
              }*/
/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
/*            .section#editions .content .button {
              height: 2.1875vw;
            }
            .section#editions .content .button:after {
              width: 0.78125vw;
              height: 0.78125vw;
              margin-top: -0.390625vw;
              background-size: auto 0.78125vw;
            }*/
}
/** -------------------------------
 * section | comparison
 */
.section#comparison {
}
.section#comparison > .wrap {
}
.section#comparison .content {
	margin-top: 2.4%;
}
.section#comparison .content ul {
}
.section#comparison .content li {
	display: block;
	width: 17.9488%;
	margin-left: 2.564%;
	float: left;
}
.section#comparison .content li:first-child {
	margin-left: 0;
}
.section#comparison .content a {
	display: block;
	width: 100%;
}
.section#comparison .content .image {
	display: block;
	padding-top: 56.25%;
	background-repeat: no-repeat;
	background-size: cover;
}
.section#comparison .content .item01 .image {
	background-image: url(../IMAGES/simpleView_car_MARCH.jpg.ximg.l_3_h.smart.jpg);
}
.section#comparison .content .item02 .image {
	background-image: url(../IMAGES/note_1807_top_comparison_001.jpg.ximg.l_3_h.smart.jpg);
}
.section#comparison .content .item03 .image {
	background-image: url(../IMAGES/juke_1805_top_comparison_001.jpg.ximg.l_3_h.smart.jpg);
}
.section#comparison .content .item04 .image {
	background-image: url(../IMAGES/serena_compared.jpg.ximg.l_3_h.smart.jpg);
}
.section#comparison .content .button {
	position: relative;
	display: table;
	height: 28px;
	margin-top: 5%;
}
.section#comparison .content .button:after {
	content: '';
	position: absolute;
	right: 5%;
	top: 50%;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 10px;
}
.section#comparison .content .button em {
	display: table-cell;
	padding-right: 18px;
	font-size: 1.3em;
	color: #333;
	line-height: 1.1;
	white-space: nowrap;
	vertical-align: middle;
}
.section#comparison .content a:hover em {
	color: #c3002f;
}

/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
.section#comparison .content .button {
	height: 2.1875vw;
}
.section#comparison .content .button:after {
	width: 0.78125vw;
	height: 0.78125vw;
	margin-top: -0.390625vw;
	background-size: auto 0.78125vw;
}
.section#comparison .content .button em {
	padding-right: 1.40625vw;
}
}
/** -------------------------------
 * section | facilities
 */
.section#facilities {
}
/** -------------------------------
 * detailContents
 */
#detailContents {
	clear: both;
}
#detailContents > .wrap {
	max-width: 1280px;
	margin: 0 auto;
	margin-top: 5%;
	padding: 0 3.667%;
}
#detailContents .header {
	position: relative;
}
#detailContents .header h1 {
	display: table;
}
#detailContents .header span {
	display: table-cell;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.1;
	vertical-align: middle;
}
#detailContents .content {
	padding-top: 1.5%;
}
#detailContents .content ul {
}
#detailContents .content li {
	display: block;
	border-left: 1px solid #c2c2c2;
	float: left;
}
#detailContents .content a {
	display: table;
	height: 40px;
}
#detailContents .content span {
	display: table-cell;
	padding: 0 30px;
	vertical-align: middle;
}
#detailContents .content em {
	padding-right: 16px;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 10px;
	font-size: 1.4em;
	color: #333;
	line-height: 1.1;
}
#detailContents .content a:hover em {
	color: #c3002f;
}

/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
#detailContents .content a {
	height: 3.125vw;
}
#detailContents .content span {
	padding: 0 2.34375vw;
}
#detailContents .content em {
	padding-right: 1.25vw;
	background-size: auto 0.78125vw;
}
}


.contentZone.section .columns.parsys {
	margin: 20px auto 50px;
}

/** -------------------------------
 * announce
 */
#announce {
	clear: both;
}
#announce > .wrap {
	max-width: 1280px;
	margin: 0 auto;
	margin-top: 3%;
	padding: 0 3.667%;
}
#announce p {
	font-size: 1.4em;
	color: #333;
	line-height: 1.1;
	text-align: center;
}