.c_071 .row.prices-actions .actions li a {
	font-size: 1.4em;
}

.c_184 .price {
	font-size: 140%;
}

/** -------------------------------
 * mainview
 */
#mainview {
}
#mainview > .wrap {
	position: relative;
	width: 100%;
}
#mainview .swiper-container {
}
#mainview .swiper-wrapper {
}
#mainview .swiper-slide {
	position: relative;
	padding-top: 106.666%;
}
#mainview .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	/*bottom: 0;*/
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#mainview .swiper-slide > .wrap {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
#mainview .inner {
	position: relative;
	width: 100%;
	height: 100%;
}
/* item01 */
#mainview .item01 {
	overflow: hidden;
}
#mainview .item01 .bg.pc {
	display: none;
}
#mainview .item01 .bg.sp {
	padding-top: 181.333%;
	background-image: url(../IMAGES/SP/mainview01_img.jpg);
	opacity: 0;
}
#mainview .item01 .inner.pc {
	display: none;
}
/* copy */
#mainview .item01 .inner.sp .copy {
	position: absolute;
	left: 6%;
	top: 0;
	display: block;
	width: 100%;
	opacity: 0;
}
#mainview .item01 .inner.sp .copy span {
	display: block;
	padding-top: 2.7%;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
#mainview .item01 .inner.sp .copy01 {
	margin-top: 6.2%;
}
#mainview .item01 .inner.sp .copy01 span {
	padding-top: 5.9%;
	background-image: url(../IMAGES/SP/mainview01_copy01.png);
}
#mainview .item01 .inner.sp .copy02 {
	margin-top: 19.4%;
}
#mainview .item01 .inner.sp .copy02 span {
	background-image: url(../IMAGES/SP/mainview01_copy02.png);
}
#mainview .item01 .inner.sp .copy03 {
	margin-top: 24.5%;
}
#mainview .item01 .inner.sp .copy03 span {
	background-image: url(../IMAGES/SP/mainview01_copy03.png);
}
#mainview .item01 .inner.sp .copy04 {
	margin-top: 29.6%;
}
#mainview .item01 .inner.sp .copy04 span {
	background-image: url(../IMAGES/SP/mainview01_copy04.png);
}
#mainview .item01 .inner.sp .copy05 {
	margin-top: 34.7%;
}
#mainview .item01 .inner.sp .copy05 span {
	background-image: url(../IMAGES/SP/mainview01_copy05.png);
}
#mainview .item01 .inner.sp .copy06 {
	margin-top: 39.8%;
}
#mainview .item01 .inner.sp .copy06 span {
	background-image: url(../IMAGES/SP/mainview01_copy06.png);
}
#mainview .item01 .inner.sp .copy07 {
	margin-top: 45.9%;
}
#mainview .item01 .inner.sp .copy07 span {
	padding-top: 3.6%;
	background-image: url(../IMAGES/SP/mainview01_copy07.png);
}
#mainview .item01 .inner.sp .copy08 {
	margin-top: 52%;
}
#mainview .item01 .inner.sp .copy08 span {
	background-image: url(../IMAGES/SP/mainview01_copy08.png);
}
#mainview .item01 .inner.sp .copy09 {
	margin-top: 62%;
}
#mainview .item01 .inner.sp .copy09 span {
	padding-top: 5.9%;
	background-image: url(../IMAGES/SP/mainview01_copy09.png);
}
/* content */
#mainview .item01 .inner.sp .content {
}
#mainview .item01 .inner.sp .price {
	position: absolute;
	left: 4%;
	bottom: 0;
	margin-bottom: 18%;
	opacity: 0;
}
#mainview .item01 .inner.sp .price dl {
	white-space: nowrap;
}
#mainview .item01 .inner.sp .price dt {
	font-size: 9px;
	font-size: 2.4vw;
	color: #ccc;
	line-height: 1.1;
}
#mainview .item01 .inner.sp .price dd {
	padding-top: 1.2%;
	font-size: 23px;
	font-size: 6.133vw;
	font-weight: bold;
	color: #fff;
	line-height: 1.1;
}
#mainview .item01 .inner.sp .price em {
	padding-left: 2%;
	font-size: 16px;
	font-size: 4.266vw;
	vertical-align: middle;
}
#mainview .item01 .inner.sp .button {
	position: absolute;
	bottom: 0;
	width: 50%;
	border-top: 1px solid #555;
}
#mainview .item01 .inner.sp .button.carSearch {
	left: 0;
}
#mainview .item01 .inner.sp .button.quotation {
	right: 0;
	border-left: 1px solid #555;
}
#mainview .item01 .inner.sp .button.carSearch a {
	display: table;
	width: 100%;
	height: 13.333vw;
	background-color: #c3002f;
	background-repeat: no-repeat;
	background-position: 1.4vw;
	background-size: auto 10vw;
}
#mainview .item01 .inner.sp .button.quotation a {
	display: table;
	width: 100%;
	height: 13.333vw;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: 1.4vw;
	background-size: auto 10vw;
}
#mainview .item01 .inner.sp .button.carSearch a {
	background-image: url(../IMAGES/icon_carSearch02.png);
}
#mainview .item01 .inner.sp .button.quotation a {
	background-image: url(../IMAGES/icon_quotation.png);
}
#mainview .item01 .inner.sp .button span {
	display: table-cell;
	padding-left: 11.6vw;
	font-size: 13px;
	font-size: 3.466vw;
	color: #fff;
	line-height: 1.1;
	vertical-align: middle;
}
/*                #mainview .item01 .button {
                  position: absolute;
                  bottom: 0;
                  width: 10.666%;
                  margin-bottom: 6.4%;
                }
                #mainview .item01 .button.carSearch {
                  right: 18%;
                }
                #mainview .item01 .button.quotation {
                  right: 5.333%;
                }
                  #mainview .item01 .button a {
                    display: block;
                    padding-top: 100%;
                    background-color: rgba(0,0,0,0.4);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain;
                    border: 1px solid #555;
                  }
                  #mainview .item01 .button.carSearch a { background-image: url(../IMAGES/icon_carSearch.png); }
                  #mainview .item01 .button.quotation a { background-image: url(../IMAGES/icon_quotation.png); }
                    #mainview .item01 .button span {
                      display: none;
                    }*/
#mainview .swiper-button-prev {
	display: none;
}
#mainview .swiper-button-next {
	display: none;
}
#mainview .swiper-pagination {
	clear: both;
	left: 0;
	bottom: 0;
	width: 100%;
	margin-bottom: 33%;
	text-align: center;
}
#mainview .swiper-pagination.none {
	display: none;
}
#mainview .swiper-pagination-bullet {
	width: 4%;
	height: 3px;
	margin-left: 1.333%;
	background-color: #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	opacity: 1;
}
#mainview .swiper-pagination-bullet-active {
	background-color: #c3002c;
}
/** -------------------------------
 * banner
 */
#banner {
	clear: both;
	margin-top: 8%;/*overflow-x: scroll;*/
  /*overflow-y: hidden;*/
  /*-webkit-overflow-scrolling: touch;*/
}
#banner > .wrap {
}
#banner .header {
	position: relative;
	padding: 0 4%;
}
#banner .header:before {
	content: '';
	position: absolute;
	left: 4%;
	top: 0;
	display: block;
	width: 18.667%;
	height: 4px;
	border-top: 3.99px solid #c3002c;
}
#banner .header h1 {
	display: table;
	width: 100%;
}
#banner .header span {
	display: table-cell;
	padding: 3.6% 0;
	font-size: 16px;
	font-size: 4.266vw;
	font-weight: bold;
	vertical-align: middle;
}
#banner .header span em {
	font-size: 10px;
	font-size: 2.666vw;
	font-style: normal;
	font-weight: normal;
}
#banner .content {
	margin-top: 0.333vw;
}
#banner .content > .wrap {
}
#banner .swiper-container {
}
#banner .swiper-wrapper {
}
#banner .swiper-slide {
	/*margin-top:  2.4vw;*/
	padding: 0.666vw 0;
}
/*            #banner .swiper-slide:first-child {
              margin-top: 0;
            }*/
#banner .swiper-slide a {
	display: block;
	width: 80vw;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-radius: 0 0 0.8vw 0.8vw;
	-moz-border-radius: 0 0 0.8vw 0.8vw;
	-webkit-border-radius: 0 0 0.8vw 0.8vw;
	box-shadow: 0 0 1.333vw rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 1.333vw rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 1.333vw rgba(0,0,0,0.2);
}
#banner .swiper-slide:first-child a {
	margin-left: 0;
}
#banner .swiper-slide a > .wrap {
	position: relative;
	display: block;
	min-height: 52vw;
	padding-bottom: 12vw;
}
#banner .swiper-slide .image {
	display: block;
}
#banner .swiper-slide .image img.pc {
	display: none;
}
#banner .swiper-slide .description {
	display: block;
	padding: 0 4vw;
	padding-top: 3vw;
	font-size: 12px;
	font-size: 3.2vw;
	color: #000;
	line-height: 1.5;
}
#banner .swiper-slide .button {
	position: absolute;
	right: 4vw;
	bottom: 2vw;
}
#banner .swiper-slide .button em {
	position: relative;
	display: table;
	width: 24vw;
	height: 8vw;
	background-color: #eee;
	float: right;
}
#banner .swiper-slide .button em:after {
	content: '';
	position: absolute;
	right: 3.3vw;
	top: 50%;
	width: 1.6vw;
	height: 2.4vw;
	margin-top: -1.2vw;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 2.4vw;
}
#banner .swiper-slide .button em i {
	display: table-cell;
	padding-left: 3.3vw;
	font-size: 12px;
	font-size: 3.2vw;
	font-style: normal;
	text-align: left;
	color: #000;
	line-height: 1.1;
	vertical-align: middle;
}
/** -------------------------------
 * concept
 */
#concept {
	clear: both;
	margin-top: 15%;
}
#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/SP/concept02_img.jpg); }
    #concept .item02 > .wrap {
      position: relative;
      width: 100%;
      padding-top: 76%;
    }
      #concept .item02 .lead {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
      }
      #concept .item02 .lead { background-image: url(../IMAGES/SP/concept02_lead.png); }*/





/** -------------------------------
 * nim
 */
#nim {
	clear: both;
}
#nim > .wrap {
	padding: 10.666% 0;
	background-color: #fff;
}
#nim .title {
	width: 77.333%;
	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 {
	display: none;
}
/** -------------------------------
 * panel
 */
#panel {
	clear: both;
}
#panel > .wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#panel .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	/*overflow-x: hidden;*/
	overflow: hidden;
}
#panel .bg span {
	display: block;
	width: 100%;
	/*height: 100%;*/
	padding-top: 234%;
	background-image: url(../IMAGES/SP/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: 56.933%;
	background-image: url(../IMAGES/SP/panel_img01.jpg);
}
#panel .item01 .image:nth-child(2) span {
	padding-top: 24.666%;
	background-image: url(../IMAGES/SP/panel_img02.jpg);
}
#panel .item02 .image span {
	padding-top: 56.933%;
	background-image: url(../IMAGES/SP/panel_img03.jpg);
}
#panel .item03 .image span {
	padding-top: 56.933%;
	background-image: url(../IMAGES/SP/panel_img04.jpg);
}
#panel .content {
	position: relative;
	padding-top: 38.666%;
}
#panel .content > .wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#panel .content .inner {
	padding: 4vw;
}
#panel .content .lead {
	font-size: 14px;
	font-size: 3.733vw;
	font-weight: bold;
	color: #000;
	line-height: 1.5;
	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 {
	margin-top: 0.2%;
	font-size: 14px;
	font-size: 3.733vw;
	font-weight: bold;
	color: #000;
	line-height: 1.5;
	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 .copy {
	opacity: 1;
}
#panel .content .button {
	position: relative;
	display: table;
	width: 23.2vw;
	height: 5.6vw;
	margin-top: 3.6%;
	border: 1px solid #555;
	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: 1.333vw;
	top: 50%;
	display: block;
	width: 1.333vw;
	height: 2vw;
	margin-top: -1vw;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 2vw;
}
#panel .content .button span.pc {
	display: none;
}
#panel .content .button span {
	display: table-cell;
	padding: 0 2.4vw;
	font-size: 11px;
	font-size: 2.933vw;
	font-weight: bold;
	color: #000;
	line-height: 1.1;
	vertical-align: middle;
}
/** -------------------------------
 * section | gradeRanking
 */
.section#gradeRanking {
/*display: none;*/
	margin-top: 5%;
}
.section#gradeRanking > .wrap {
}
.section#gradeRanking .content {
	margin-top: 0.333vw;
}
.section#gradeRanking .content > .wrap {
}
.section#gradeRanking .swiper-container {
}
.section#gradeRanking .swiper-wrapper {
}
.section#gradeRanking .swiper-slide {
	width: 100%;/*margin-top: 4vw;*/
}
.section#gradeRanking .content .item {
	position: relative;
	display: block;
	width: 80vw;
	margin: 0 auto;
	padding-top: 30%;
	color: #000;
}
.section#gradeRanking .content .item .image {
	position: absolute;
	left: 0;
	top: 1vw;
	right: 0;
	display: block;
	height: 24vw;
	background-repeat: no-repeat;
	background-position: left top;
	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: 6.933vw;
	height: 6.933vw;
	background-color: #fff;
	border: 1px solid #b4b4b4;
}
.section#gradeRanking .content .item .num em {
	display: table-cell;
	font-size: 16px;
	font-size: 4.266vw;
	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 dt {
	font-size: 12px;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1.5;
}
.section#gradeRanking .content .item dd {
	margin-top: 4%;
	font-size: 13px;
	font-size: 3.466vw;
	line-height: 1.5;
}
.section#gradeRanking .content .item dd b {
	font-weight: bold;
}
.section#gradeRanking .content .simulation {
	position: relative;
	display: block;
	width: 40.667%;
	margin-left: 50%;
	margin-top: 2.7%;
	padding-right: 3%;
	background-color: #eee;
	color: #000;
}
.section#gradeRanking .content .simulation span {
	display: block;
	padding: 6% 8%;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 2.4vw;
	font-size: 10px;
	font-size: 2.666vw;
}
/*          .section#gradeRanking .swiper-button-prev,
          .section#gradeRanking .swiper-button-next,
          .section#gradeRanking .swiper-pagination {
            display: none;
          }*/
.section#gradeRanking .swiper-button-prev {
	left: 2.4vw;
	top: 13vw;
	width: 3.2vw;
	height: 4.666vw;
	margin-top: 0;
	background-image: url(../IMAGES/swiper_prev_red.png);
	background-size: contain;
}
.section#gradeRanking .swiper-button-prev.swiper-button-disabled {
	background-image: url(../IMAGES/swiper_prev_gray.png);
	opacity: 0.25;
}
.section#gradeRanking .swiper-button-next {
	right: 2.4vw;
	top: 13vw;
	width: 3.2vw;
	height: 4.666vw;
	margin-top: 0;
	background-image: url(../IMAGES/swiper_next_red.png);
	background-size: contain;
}
.section#gradeRanking .swiper-button-next.swiper-button-disabled {
	background-image: url(../IMAGES/swiper_next_gray.png);
	opacity: 0.25;
}
.section#gradeRanking .link {
	clear: both;
	margin: 10% auto 0;
	display: flex;
	justify-content: center;
}
.section#gradeRanking .link a {
	display: block;
	margin: 0.5vw 0;
	padding: 0;
}
.section#gradeRanking .link span {
	display: block;
	padding-right: 4.8vw;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 3.066vw;
	font-size: 13px;
	font-size: 3.466vw;
	color: #333;
	line-height: 1.1;
	white-space: nowrap;
}
/** -------------------------------
 * section | information
 */
.section#information {
}
.section#information > .wrap {
}
.section#information .content {
	margin-top: 0.333vw;
}
.section#information .content > .wrap {
}
.section#information .swiper-container {
}
.section#information .swiper-wrapper {
}
.section#information .swiper-button-prev, .section#information .swiper-button-next {
	display: none;
}
.section#information .swiper-slide {
	/*display: none;*/
	padding: 0.666vw 0;/*margin-top: 2.4vw;*/
}
/*            .section#information .swiper-slide:nth-child(1),
            .section#information .swiper-slide:nth-child(2),
            .section#information .swiper-slide:nth-child(3) {
              display: block;
            }*/
.section#information .swiper-slide a {
	display: block;
	width: 80vw;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-radius: 0 0 0.8vw 0.8vw;
	-moz-border-radius: 0 0 0.8vw 0.8vw;
	-webkit-border-radius: 0 0 0.8vw 0.8vw;
	box-shadow: 0 0 1.333vw rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 1.333vw rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 1.333vw rgba(0,0,0,0.2);
}
.section#information .swiper-slide a > .wrap {
	position: relative;
	display: block;
	min-height: 52vw;
	padding-bottom: 10vw;
}
.section#information .swiper-slide .image {
	display: block;/*padding-top: 49.664%;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;*/
}
/*.section#information .swiper-slide.item04 .image { background-image: url(../IMAGES/SP/information_img04.jpg); }
                  .section#information .swiper-slide.item05 .image { background-image: url(../IMAGES/SP/information_img05.jpg); }
                  .section#information .swiper-slide.item06 .image { background-image: url(../IMAGES/SP/information_img06.jpg); }
                  .section#information .swiper-slide.item07 .image { background-image: url(../IMAGES/SP/information_img07.jpg); }
                  .section#information .swiper-slide.item08 .image { background-image: url(../IMAGES/SP/information_img08.jpg); }
                  .section#information .swiper-slide.item09 .image { background-image: url(../IMAGES/SP/information_img09.jpg); }
                  .section#information .swiper-slide.item10 .image { background-image: url(../IMAGES/SP/information_img10.jpg); }
                  .section#information .swiper-slide.item11 .image { background-image: url(../IMAGES/SP/information_img11.jpg); }
                  .section#information .swiper-slide.item12 .image { background-image: url(../IMAGES/SP/information_img12.jpg); }*/
.section#information .swiper-slide .image img.pc {
	display: none;
}
.section#information .swiper-slide .description {
	display: block;
	padding: 0 4vw;
	padding-top: 3vw;
	font-size: 12px;
	font-size: 3.2vw;
	color: #000;
	line-height: 1.5;
}
.section#information .swiper-slide .button {
	position: absolute;
	right: 4vw;
	bottom: 2vw;
}
.section#information .swiper-slide .button em {
	position: relative;
	display: table;
	width: 24vw;
	height: 8vw;
	background-color: #eee;
	float: right;
}
.section#information .swiper-slide .button em:after {
	content: '';
	position: absolute;
	right: 3.3vw;
	top: 50%;
	width: 1.6vw;
	height: 2.4vw;
	margin-top: -1.2vw;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 2.4vw;
}
.section#information .swiper-slide .button em i {
	display: table-cell;
	padding-left: 3.3vw;
	font-size: 12px;
	font-size: 3.2vw;
	font-style: normal;
	text-align: left;
	color: #000;
	line-height: 1.1;
	vertical-align: middle;
}

.section#information .swiper-pagination {
	position: relative;
	margin: 20px auto 0;
	width: 100%;
	max-width: 188px;
	display: flex;
	justify-content: space-between;
}

/** -------------------------------
 * section | ranking
 */
.section#ranking {
}
.section#ranking > .wrap {
}
.section#ranking .content {
	margin-top: 6.4%;
}
.section#ranking .content.grade {
	margin-top: 0;
}
.section#ranking .content .category {
	position: relative;
	padding: 0 4%;
}
.section#ranking .content .category h3 {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 4.4vw;
	border-top: 1px solid #c2c2c2;
}
.section#ranking .content.grade .category h3 {
	padding-top: 2.4vw;
	border-top: none;
}
.section#ranking .content .category span {
	font-size: 12px;
	font-size: 3.2vw;
	font-weight: bold;
	color: #666;
	line-height: 1.1;
}
.section#ranking .content .inner {
	margin-top: 4.4vw;
}
.section#ranking .content .inner > .wrap {
}
.section#ranking .swiper-container {
}
.section#ranking .swiper-wrapper {
}
.section#ranking .swiper-slide {
	width: 100%;
}
.section#ranking .content .item {
	position: relative;
	display: block;
	width: 80vw;
	margin: 0 auto;
	padding-top: 28vw;
	color: #000;
}
.section#ranking .content .item .image {
	position: absolute;
	left: 0;
	top: 2vw;
	bottom: 0;
	display: block;
	width: 30%;
	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: 6.933vw;
	height: 6.933vw;
	background-color: #fff;
	border: 1px solid #b4b4b4;
}
.section#ranking .content .item .num em {
	display: table-cell;
	font-size: 16px;
	font-size: 4.266vw;
	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: 37.5%;
	top: 6.933vw;
	/*padding-right: 6%;*/
	font-size: 12px;
	font-size: 3.2vw;
	line-height: 1.5;
	text-align: left;
}
/*          .section#ranking .swiper-button-prev,
          .section#ranking .swiper-button-next,
          .section#ranking .swiper-pagination {
            display: none;
          }*/
.section#ranking .swiper-button-prev {
	left: 2.4vw;
	top: 12vw;
	width: 3.2vw;
	height: 4.666vw;
	margin-top: 0;
	background-image: url(../IMAGES/swiper_prev_red.png);
	background-size: contain;
}
.section#ranking .swiper-button-prev.swiper-button-disabled {
	background-image: url(../IMAGES/swiper_prev_gray.png);
	opacity: 0.25;
}
.section#ranking .swiper-button-next {
	right: 2.4vw;
	top: 12vw;
	width: 3.2vw;
	height: 4.666vw;
	margin-top: 0;
	background-image: url(../IMAGES/swiper_next_red.png);
	background-size: contain;
}
.section#ranking .swiper-button-next.swiper-button-disabled {
	background-image: url(../IMAGES/swiper_next_gray.png);
	opacity: 0.25;
}
.section#ranking .content .link {
	clear: both;
	margin-top: 2%;
	padding: 0 4%;
}
.section#ranking .content .link a {
	position: relative;
	display: table;
	width: 44.4vw;
	height: 7.466vw;
	background-color: #eee;
	float: right;
}
.section#ranking .content .link a:after {
	content: '';
	position: absolute;
	right: 2.4vw;
	top: 50%;
	display: block;
	width: 2vw;
	height: 2.4vw;
	margin-top: -1.2vw;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 2.4vw;
}
.section#ranking .content .link span {
	display: table-cell;
	padding: 0 3.2vw;
	font-size: 12px;
	font-size: 3.2vw;
	color: #333;
	line-height: 1.1;
	white-space: nowrap;
	vertical-align: middle;
}


.section.contentZone .heading-group h2 span {
	font-size: 1.5em;
	line-height: normal;
}
.section.contentZone p {
	font-size: 1.4em;
}
.section.contentZone a {
	font-size: 1.4em;
}


/** -------------------------------
 * section | editions
 */
.section#editions {
}
.section#editions > .wrap {
}
.section#editions .content {
	margin-top: -4%;
	padding: 0 4%;
}
.section#editions .content ul {
}
.section#editions .content li {
	display: block;
	width: 48%;
	margin-left: 4%;
	margin-top: 6%;
	float: left;
}
.section#editions .content li:nth-child(odd) {
	margin-left: 0;
}
.section#editions .content a {
	display: block;
	width: 100%;
}
.section#editions .content .image {
	position: relative;
	display: block;
	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: 0.99px solid #ddd;
}
/*
.section#editions .content .item01 .image {
	background-image: url(../IMAGES/editions_img01.jpg);
}
.section#editions .content .item02 .image {
	background-image: url(../IMAGES/editions_img02.jpg);
}
.section#editions .content .item03 .image {
	background-image: url(../IMAGES/editions_img03.jpg);
}
.section#editions .content .item04 .image {
	background-image: url(../IMAGES/editions_img04.jpg);
}
.section#editions .content .item05 .image {
	background-image: url(../IMAGES/editions_img05.jpg);
}
*/
.section#editions .content .label {
	display: block;
	margin-top: 3.8vw;
}
.section#editions .content .label b {
	display: block;
	font-size: 11px;
	font-size: 2.933vw;
	font-weight: bold;
	color: #666;
	line-height: 1.1;
}
.section#editions .content .label em {
	display: block;
	margin-top: 2.5%;
	font-size: 12px;
	font-size: 3.2vw;
	font-style: normal;
	color: #000;
	line-height: 1.1;
}
.section#editions .content .label em i {
	padding-right: 3vw;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 2.4vw;
	font-style: normal;
	line-height: normal;
}
.section#editions .content .button {
	display: none;
}
/** -------------------------------
 * section | comparison
 */
.section#comparison {
}
.section#comparison > .wrap {
}
.section#comparison .content {
	margin-top: 2.4%;
	padding: 0 4%;
}
.section#comparison .content ul {
}
.section#comparison .content li {
	display: block;
	width: 48%;
	margin-left: 4%;
	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;
	margin-top: 5%;
}
.section#comparison .content .button:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	width: 1.466vw;
	height: 2vw;
	margin-top: -1vw;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 2vw;
}
.section#comparison .content .button em {
	display: table-cell;
	padding-right: 3vw;
	font-size: 12px;
	font-size: 3.2vw;
	color: #333;
	line-height: 1.1;
	white-space: nowrap;
	vertical-align: middle;
}
/** -------------------------------
 * section | facilities
 */
.section#facilities {
}
/** -------------------------------
 * detailContents
 */
#detailContents {
	clear: both;
	margin-top: 11.7%;
}
#detailContents > .wrap {
	padding: 0 4%;
	padding-bottom: 10.4%;
}
#detailContents .header {
}
#detailContents .header h1 {
}
#detailContents .header span {
	font-size: 14px;
	font-size: 3.733vw;
	font-weight: bold;
	line-height: 1.1;
	vertical-align: middle;
}
#detailContents .content {
	padding-top: 4.5vw;
}
#detailContents .content ul {
	border-top: 1px solid #ccc;
}
#detailContents .content li {
	display: block;
	border-bottom: 1px solid #ccc;
}
#detailContents .content a {
	display: table;
	width: 100%;
	height: 10.666vw;
}
#detailContents .content span {
	display: table-cell;
	padding-right: 3.6%;
	vertical-align: middle;
}
#detailContents .content em {
	display: block;
	background-image: url(../IMAGES/arrow_red.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 2.666vw;
	font-size: 14px;
	font-size: 3.733vw;
	color: #333;
	line-height: 1.1;
}

/** -------------------------------
 * announce
 */
#announce {
	clear: both;
}
#announce > .wrap {
	width: 100%;
	margin: 0 auto;
	margin-top: 3%;
	padding: 0 3.667%;
}
#announce p {
	font-size: 12px;
	font-size: 3.2vw;
	color: #333;
	line-height: 1.5;
	text-align: center;
}