/** -------------------------------
 * mainview
 */
#mainview {
  background-color: #000;
}
  #mainview > .wrap {
    position: relative;
    width: 100%;
  }
    #mainview .swiper-container {}
      #mainview .swiper-wrapper {}
        #mainview .swiper-slide {
          position: relative;
          padding-top: 51.953%;
          /*padding-top: 56.25%;*/
        }
          #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-position: right;
            background-image: url(../IMAGES/PC/mainview09_img.jpg);
            transition: 1.0s ease-in;
            -o-transition: 1.0s ease-in;
            -moz-transition: 1.0s ease-in;
            -webkit-transition: 1.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: 6.333%;
                top: 0;
                display: block;
                width: 50%;
                margin-top: 5.468%;
                transition: 1.0s ease-in;
                -o-transition: 1.0s ease-in;
                -moz-transition: 1.0s ease-in;
                -webkit-transition: 1.0s ease-in;
                opacity: 0;
              }
              #mainview .item01.show .inner.pc .copy {
                opacity: 1;
              }
                #mainview .item01 .inner.pc .copy span {
                  display: block;
                  padding-top: 36.133%;
                  background-image: url(../IMAGES/TH/txt_mv1.png);
                  background-repeat: no-repeat;
                  background-position: left;
                  background-size: contain;
                }
                */
/*              #mainview .item01 .inner.pc .copy01 {
                margin-top: 5.468%;
              }
                #mainview .item01 .inner.pc .copy01 span {
                  padding-top: 4.4%;
                  background-image: url(../IMAGES/PC/mainview01_copy01.png);
                }
              #mainview .item01 .inner.pc .copy02 {
                margin-top: 12.5%;
              }
                #mainview .item01 .inner.pc .copy02 span {
                  background-image: url(../IMAGES/PC/mainview01_copy02.png);
                }
              #mainview .item01 .inner.pc .copy03 {
                margin-top: 15.156%;
              }
                #mainview .item01 .inner.pc .copy03 span {
                  background-image: url(../IMAGES/PC/mainview01_copy03.png);
                }
              #mainview .item01 .inner.pc .copy04 {
                margin-top: 19.375%;
              }
                #mainview .item01 .inner.pc .copy04 span {
                  background-image: url(../IMAGES/PC/mainview01_copy04.png);
                }
              #mainview .item01 .inner.pc .copy05 {
                margin-top: 23.906%;
              }
                #mainview .item01 .inner.pc .copy05 span {
                  padding-top: 4%;
                  background-image: url(../IMAGES/PC/mainview01_copy05.png);
                }*/
        /* item02 */
        #mainview .item02 {
          overflow: hidden;
        }
          #mainview .item02 .movie {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background-color: #000;
            background-image: url(../MP4/15s_Generic.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
          }
          #mainview .item02 .movie.init {
            background-image: none;
          }
            #mainview .item02 .movie_wrap {
              position: relative;
              width: 100%;
              height: 100%;
            }
        /* item03
        #mainview .item03 {
          overflow: hidden;
        }
          #mainview .item03 .movie {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background-color: #000;
            background-image: url(../MP4/15s_Generic.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
          }
          #mainview .item03 .movie.init {
            background-image: none;
          }
            #mainview .item03 .movie_wrap {
              position: relative;
              width: 100%;
              height: 100%;
            }*/
        /* item04 */
        #mainview .item04 {}
          #mainview .item04 .bg.sp {
            display: none;
          }
          #mainview .item04 .bg.pc {
            background-position: right;
            background-image: url(../IMAGES/PC/mainview02_img.jpg);
            transition: 1.0s ease-in;
            -o-transition: 1.0s ease-in;
            -moz-transition: 1.0s ease-in;
            -webkit-transition: 1.0s ease-in;
            opacity: 0;
          }
          #mainview .item04.show .bg.pc {
            opacity: 1;
          }
            #mainview .item04 .inner.sp {
              display: none;
            }
              /* copy
              #mainview .item04 .inner.pc .copy {
                position: absolute;
                left: 6.333%;
                top: 0;
                display: block;
                width: 50%;
                margin-top: 5.468%;
                transition: 1.0s ease-in;
                -o-transition: 1.0s ease-in;
                -moz-transition: 1.0s ease-in;
                -webkit-transition: 1.0s ease-in;
                opacity: 0;
              }
              #mainview .item04.show .inner.pc .copy {
                opacity: 1;
              }
                #mainview .item04 .inner.pc .copy span {
                  display: block;
                  padding-top: 36.133%;
                  background-image: url(../IMAGES/TH/txt_mv1.png);
                  background-repeat: no-repeat;
                  background-position: left;
                  background-size: contain;
                }
                */
                /* item05 */
                #mainview .item05 {}
                  #mainview .item05 .bg.sp {
                    display: none;
                  }
                  #mainview .item05 .bg.pc {
                    background-position: right;
                    background-image: url(../IMAGES/PC/mainview03_img.jpg);
                    transition: 1.0s ease-in;
                    -o-transition: 1.0s ease-in;
                    -moz-transition: 1.0s ease-in;
                    -webkit-transition: 1.0s ease-in;
                    opacity: 0;
                  }
                  #mainview .item05.show .bg.pc {
                    opacity: 1;
                  }
                    #mainview .item05 .inner.sp {
                      display: none;
                    }
                /* item07 */
                #mainview .item07 {}
                  #mainview .item07 .bg.sp {
                    display: none;
                  }
                  #mainview .item07 .bg.pc {
                    background-position: right;
                    background-image: url(../IMAGES/PC/mainview07_img.jpg);
                    transition: 1.0s ease-in;
                    -o-transition: 1.0s ease-in;
                    -moz-transition: 1.0s ease-in;
                    -webkit-transition: 1.0s ease-in;
                    opacity: 0;
                  }
                  #mainview .item07.show .bg.pc {
                    opacity: 1;
                  }
                    #mainview .item07 .inner.sp {
                      display: none;
                    }
                #mainview .item07 .btn {
                  display: none;
                }
    /* navi */
    #mainview .mainviewNavigation {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
    }
      #mainview .mainviewNavigation > .wrap {
        position: relative;
        max-width: 1280px;
        height: 100%;
        margin: 0 auto;
      }
        #mainview .mainviewNavigation .content {
          position: absolute;
          right: 6.3%;
          bottom: 5%;
          z-index: 2;
          display: table;
          transition: 1.0s ease-in;
          -o-transition: 1.0s ease-in;
          -moz-transition: 1.0s ease-in;
          -webkit-transition: 1.0s ease-in;
          /*opacity: 0;*/
        }
        #mainview .item01.show .inner.pc .content {
          opacity: 1;
        }
          #mainview .mainviewNavigation .price {
            display: table-cell;
            padding-right: 10px;
            vertical-align: bottom;
          }
            #mainview .mainviewNavigation .price dl {
              white-space: nowrap;
            }
              #mainview .mainviewNavigation .price dt {
                font-size: 1.2em;
                color: #fff;
                line-height: 1.1;
              }
              #mainview .mainviewNavigation .price dd {
                padding-top: 3px;
                font-size: 3.6em;
                font-weight: bold;
                color: #fff;
                line-height: 1.1;
              }
                #mainview .mainviewNavigation .price em {
                  padding-left: 2%;
                  font-size: 0.6em;
                  vertical-align: middle;
                }
          #mainview .mainviewNavigation .button {
            display: table-cell;
            padding-left: 10px;
            vertical-align: bottom;
          }
            #mainview .mainviewNavigation .button.quotation a {
              position: relative;
              display: table;
              height: 34px;
              background-color: rgba(0,0,0,0.4);
              border: 1px solid #555;
            }
            #mainview .mainviewNavigation .button.carSearch a {
              position: relative;
              display: table;
              height: 34px;
              background-color: #c3002f;
              border: 1px solid #c3002f;
            }
            #mainview .mainviewNavigation .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 .mainviewNavigation .button.carSearch a:before { background-image: url(../IMAGES/icon_carSearch02.png); }
/*
            #mainview .mainviewNavigation .button.quotation a:before { background-image: url(../IMAGES/icon_quotation.png); }
*/
              #mainview .mainviewNavigation .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 .mainviewNavigation .button.quotation span {
                padding-left: 15px;
              }
              #mainview .mainviewNavigation .button.quotation:hover span {
                color: #c3002c;
              }
              #mainview .mainviewNavigation .button.carSearch:hover a {
                background-color: #a60028;
              }
    /* swiper ctrl */
    #mainview .swiper-button-prev {
      left: 0;
      display: block;
      width: 38px;
      height: 200px;
      margin-top: -100px;
      background-color: rgba(238,238,238,.85);
      background-image: url(../IMAGES/swiper_prev_gray.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 18px auto;
/*      display: none;
      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:hover {
      background-color: #c3002f;
      background-image: url(../IMAGES/swiper_prev_white.png);
    }
    #mainview .swiper-button-prev.swiper-button-disabled {
      display: none;
    }
    #mainview .swiper-button-prev.none {
      display: none;
    }
    #mainview .swiper-button-next {
      right: 0;
      display: block;
      width: 38px;
      height: 200px;
      margin-top: -100px;
      background-color: rgba(238,238,238,.85);
      background-image: url(../IMAGES/swiper_next_gray.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 18px auto;
/*      display: block;
      width: 28px;
      height: 54px;
      margin-top: -27px;
      background-color: rgba(238,238,238,.85);
      background-image: url(../IMAGES/mainview_next.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;*/
    }
    #mainview .swiper-button-next:hover {
      background-color: #c3002f;
      background-image: url(../IMAGES/swiper_next_white.png);
    }
    #mainview .swiper-button-next.swiper-button-disabled {
      display: none;
    }
    #mainview .swiper-button-next.none {
      display: none;
    }
    #mainview .swiper-pagination {
      clear: both;
      left: 0;
      bottom: 0;
      width: 100%;
      margin-bottom: -125px;
      padding-right: 15px;
      text-align: center;
    }
    #mainview .swiper-pagination.none {
      display: none;
    }
      #mainview .swiper-pagination-bullet {
        position: relative;
        width: 170px;
        height: 96px;
        margin-left: 15px;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        opacity: 1;
      }
        #mainview .swiper-pagination-bullet:nth-child(1) {
          background-image: url(../IMAGES/mainview_thumb09.jpg);
        }
        #mainview .swiper-pagination-bullet:nth-child(2) {
          background-image: url(../IMAGES/mainview_thumb07.jpg);
        }
        #mainview .swiper-pagination-bullet:nth-child(3) {
          background-image: url(../IMAGES/mainview_thumb05.jpg);
        }
        #mainview .swiper-pagination-bullet:nth-child(4) {
          background-image: url(../IMAGES/mainview_thumb04.jpg);
        }
        #mainview .swiper-pagination-bullet:nth-child(5) {
          background-image: url(../IMAGES/mainview_thumb10.jpg);
        }
      #mainview .swiper-pagination-bullet-active {

      }
      #mainview .swiper-pagination-bullet-active:after {
        content: '';
        position: absolute;
        left: -4px;
        top: -4px;
        right: -4px;
        bottom: -4px;
        display: block;
        background-color: rgba(255,255,255,0.3);
        border: 1px solid #c3002c;
      }
/* tablet */
@media screen and (min-width: 581px) and (max-width: 1142px) {
  #mainview .swiper-pagination {
    top: 0;
    bottom: inherit;
    margin-top: 53.953%;
    transition: none;
  }
  #mainview .swiper-pagination-bullet {
    width: calc(170/1200 * 100vw);
    height: calc(96/1200 * 100vw);
    margin-left: calc(15/1200 * 100vw);
  }
}
/*@media screen and (min-width: 581px) and (max-width: 760px) {
	#mainview .swiper-pagination-bullet {
		position: relative;
		width: calc(170/760 * 100vw);
		height: calc(96/760 * 100vw);
		margin-left: calc(15/760 * 100vw);
		background-color: #000;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		opacity: 1;
	}
}*/
@media screen and (min-width: 581px) and (max-width: 1279px) {
    /* navi */

    #mainview .mainviewNavigation .content {
      position: absolute;
      right: 12.3%;
      bottom: 4%;
    }

        #mainview .mainviewNavigation .price {
          padding-right: 0.78125vw;
        }
            #mainview .mainviewNavigation .price dd {
              padding-top: 0.234375vw;
            }
        #mainview .mainviewNavigation .button {
          padding-left: 0.78125vw;
        }
          #mainview .mainviewNavigation .button a {
            height: 2.65625vw;
          }
          #mainview .mainviewNavigation .button a:before {
            left: 0.390625vw;
            width: 2.5vw;
            height: 2.5vw;
            margin-top: -1.25vw;
          }
            #mainview .mainviewNavigation .button span {
              padding-left: 3.125vw;
              padding-right: 1.171875vw;
            }
    /* swiper ctrl */
    #mainview .swiper-button-prev {
/*      width: 2.1875vw;
      height: 4.21875vw;
      margin-top: -2.109375vw;*/
      width: 2.8vw;
      height: 15vw;
      margin-top: -7.5vw;
      background-size: 1.5vw auto;
    }
    #mainview .swiper-button-next {
/*      width: 2.1875vw;
      height: 4.21875vw;
      margin-top: -2.109375vw;*/
      width: 2.8vw;
      height: 15vw;
      margin-top: -7.5vw;
      background-size: 1.5vw auto;
    }
}


/** -------------------------------
 * notice
 */
#notice {
  max-width: 1280px;
  margin: 3.8% auto 0;
  padding: 0 6.1%;
  margin-top: 160px;
}

#notice .description {
  font-size: 1.2em;
  text-align: center;
  padding: 1.0em;
  background: #eee;
}

#notice .description a {
  color: #666;
  border-bottom: 1px solid;
  text-decoration: none;
}


/** -------------------------------
 * large-banner
 */
.large-banner {
  max-width: 1280px;
  margin: 3.8% auto 0;
  padding: 0 3.667%;
  /*margin-top: 180px;*/
}

.large-banner .wrap {
  padding: 0 2.864%;
  position: relative;
  overflow: hidden;
}

.large-banner .banner {
  width: calc(50% - 15px);
  float: left;
}

.large-banner .banner:first-child {
  margin-right: 30px;
}

.large-banner .banner img {
  width: 100%;
}





/** -------------------------------
 * banner
 */

 /* @group .at_210210bnr */

 .at_210210bnr {
 	padding-bottom: 30px;
 }
 /*.at_210210bnr {
 	max-width: 1280px;
 	/*margin: 15.5% auto 0;*/
 /*	margin: 11.5% auto  -9.6%;
 	padding: 0 3.667%;
 }

 .at_210210bnr .wrap {
 	padding: 0 2.864%;
 	position: relative;
 	overflow: hidden;
 } */

 .at_210210bnr .wrap .at_210210bnr_sp {
 	display: none;
 }

 .at_210210bnr .wrap img {
    width: 100%;
    display: block;
    max-width: 932px;
    margin-left: auto;
    margin-right: auto;
 }

 .at_210210bnr + script + #gradeRanking {
 	margin-top: 5%;
 }

 /* @end .at_210210bnr */

#banner {
  clear: both;
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 12.8%;
  padding: 0 3.667%;
}
/*@media screen and (min-width: 761px) and (max-width: 1142px) {
#banner {
  margin-top: 15%;
}
}*/
  #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;
            }
            #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) {

}





/** -------------------------------
 * newPanel
 */
#newPanel {
  clear: both;
  padding-bottom: 4%;
}
    #newPanel .nim {
      max-width: 1280px;
      margin: 0 auto;
      margin-top: 5%;
      padding: 0 3.667%;
    }
      #newPanel .nim > .wrap {
        padding-top: 41.291%;
        background-image: url(../IMAGES/TH/nim.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
      }
    #newPanel .miryoku {
      max-width: 1280px;
      margin: 0 auto;
      margin-top: 4%;
      padding: 0 3.667%;
    }
      #newPanel .miryoku > .wrap {
        padding-top: 24.324%;
        background-image: url(../IMAGES/TH/miryoku.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
      }
    #newPanel .item {
      margin-top: 9%;
    }
      #newPanel .item > .wrap {
        position: relative;
        padding-top: 42.463%;
        background-repeat: no-repeat;
        background-position: right;
        background-size: contain;
      }
      #newPanel .item.propilot > .wrap {
        background-image: url(../IMAGES/TH/img_propilot.jpg);
      }
      #newPanel .item.sos > .wrap {
        background-image: url(../IMAGES/TH/img_sos.jpg);
        background-position: left;
      }
      #newPanel .item.driving > .wrap {
        background-image: url(../IMAGES/TH/img_driving.jpg);
      }
      #newPanel .item.space > .wrap {
        background-image: url(../IMAGES/TH/img_space.jpg);
        background-position: left;
      }
      #newPanel .item.parking > .wrap {
        background-image: url(../IMAGES/TH/img_parking.jpg);
      }
      #newPanel .item.color > .wrap {
        background-image: url(../IMAGES/TH/img_color_2.jpg);
          background-position: left;
      }
        #newPanel .link {
          position: absolute;
          display: block;
          width: 20.507%;
        }
        #newPanel .item.propilot .link {
          left: 11.52%;
          top: 80%;
        }
        #newPanel .item.sos .link {
          left: 63.6%;
          top: 82.4%;
        }
        #newPanel .item.driving .link {
          left: 11.5%;
          top: 77%;
        }
        #newPanel .item.space .link {
          left: 63.6%;
          top: 85%;
        }
        #newPanel .item.parking .link {
          left: 11.5%;
          top: 82%;
          width: 22.681%;
        }
        #newPanel .item.color .link {
          left: 50.7%;
          top: 82%;
        }
          #newPanel .link a {
            display: block;
          }
            #newPanel .link a .sp {
              display: none;
            }
    #newPanel .notice {
      max-width: 1280px;
      margin: 0 auto;
      /*margin-top: 1%;*/
      /*padding: 0 3.667%;*/
    }
    #newPanel .notice .description {
      font-size: 1.2em;
      text-align: right;
      padding: 1.0em;
    }
    #newPanel .notice .description a {
      color: #666;
      border-bottom: 1px solid;
      text-decoration: none;
    }





/** -------------------------------
 * 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: 55.5%;
      background-image: url(../MP4/movie01.jpg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      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: 56.25%;
      padding-top: 50%;
      background-image: url(../MP4/movie02.jpg);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      overflow: hidden;
    }
      #concept .item02 .movie {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
      }
/*    #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;
    }
      #panel .bg span {
        display: block;
        width: 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: cover;
          }
          #panel .item01 .image span {
            /*padding-top: 43.333%;*/
            padding-top: 48.666%;
            background-image: url(../IMAGES/PC/panel_img01.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%;*/
          padding-top: 20%;
        }
          #panel .content > .wrap {
            position: absolute;
            left: 0;
            top: 40px;
            width: 100%;
          }
          #panel .content.show > .wrap {
            transition: 0.75s ease-out;
            -o-transition: 0.75s ease-out;
            -moz-transition: 0.75s ease-out;
            -webkit-transition: 0.75s ease-out;
            top: 0;
          }
            #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 > .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: 30px;
                  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/PC/gradeRanking_img01.jpg); }
                .section#gradeRanking .content .item02 .image { background-image: url(../IMAGES/PC/gradeRanking_img02.jpg); }
                .section#gradeRanking .content .item03 .image { background-image: url(../IMAGES/PC/gradeRanking_img03.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;
                  white-space: nowrap;
                }
                .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%;
    }
      .section#gradeRanking .link ul {
        display: table;
        margin: 0 auto;
      }
        .section#gradeRanking .link li {
          display: table-cell;
          padding: 0 2.8%;
        }
        .section#gradeRanking .link li:first-child {
          width: 164px;
          border-right: 1px solid #c1c1c1;
        }
        .section#gradeRanking .link li:last-child {
          width: 136px;
        }
          .section#gradeRanking .link a {
            display: block;
            padding: 2% 0;
          }
            .section#gradeRanking .link 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;
              white-space: nowrap;
            }
            .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: 2.3437vw;
            }
            .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#gradeRanking .content .item {
              margin-bottom: 8%;
            }
}


/** -------------------------------
 * section | information
 */
.section#information {}
  .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 {
          clear: both;
          left: 0;
          bottom: -40px;
          width: 100%;
          margin-top: 15px;
          padding-right: 10px;
          text-align: center;
        }
          .section#information .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            margin-left: 10px;
          }
          .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#information .swiper-pagination {
          bottom: -3.125vw;
          margin-top: 1.171875vw;
          padding-right: 0.78125vw;
        }
          .section#information .swiper-pagination-bullet {
            width: 0.78125vw;
            height: 0.78125vw;
            margin-left: 0.78125vw;
            border-radius: 0.390625vw;
            -moz-border-radius: 0.390625vw;
            -webkit-border-radius: 0.390625vw;
          }
}


/** -------------------------------
 * section | ranking
 */
.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:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        border-top: 1px solid #c2c2c2;
      }
        .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 {

      }
        .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: 30px;
                    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_img01.jpg); }
                  .section#ranking .content.grade .item02 .image { background-image: url(../IMAGES/ranking_grade_img02.jpg); }
                  .section#ranking .content.grade .item03 .image { background-image: url(../IMAGES/ranking_grade_img03.jpg); }
                  .section#ranking .content.option .item01 .image { background-image: url(../IMAGES/ranking_option_img01.jpg); }
                  .section#ranking .content.option .item02 .image { background-image: url(../IMAGES/ranking_option_img02.jpg); }
                  .section#ranking .content.option .item03 .image { background-image: url(../IMAGES/ranking_option_img03.jpg); }
                  .section#ranking .content.color .item01 .image { background-image: url(../IMAGES/ranking_color_img01.jpg); }
                  .section#ranking .content.color .item02 .image { background-image: url(../IMAGES/ranking_color_img02.jpg); }
                  .section#ranking .content.color .item03 .image { background-image: url(../IMAGES/ranking_color_img03.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;
                  }
                  .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 .image {
                top: 2.3437vw;
              }
              .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;
          }
}


/** -------------------------------
 * 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 .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 .item06 .image { background-image: url(../IMAGES/editions_img06.jpg); }
            .section#editions .content .item07 .image { background-image: url(../IMAGES/editions_img07.jpg); }
            .section#editions .content .item08 .image { background-image: url(../IMAGES/editions_img08.jpg); }
            .section#editions .content .item09 .image { background-image: url(../IMAGES/editions_img09.jpg); }*/
            .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 | driversVoice
 */
.section#driversVoice {}
  .section#driversVoice > .wrap {
    padding-bottom: 3.281%;
  }
    .section#driversVoice .header {

    }
      .section#driversVoice .header p {
        margin-top: 2%;
        font-size: 1.8em;
      }
    .section#driversVoice .content {
      margin-top: 4%;
    }
      .section#driversVoice .content > .wrap {
        position: relative;
      }
        .section#driversVoice .swiper-container {

        }
          .section#driversVoice .swiper-wrapper {

          }
            .section#driversVoice .swiper-slide {
              display: block;
              width: 31.624%;
              margin-left: 2.564%;
              float: left;
            }
            .section#driversVoice .swiper-slide:first-child {
              margin-left: 0;
            }
              .section#driversVoice .content .item {
                position: relative;
                display: block;
                width: 100%;
                color: #000;
              }
                .section#driversVoice .content .item .label {
                  font-size: 18px;
                  font-weight: bold;
                }
                .section#driversVoice .content .item .text {
                  height: 5.4em;
                  margin-top: 5.2%;
                  font-size: 1.5em;
                  line-height: 1.8;
                  /*text-align: justify;*/
                  overflow: hidden;
                }
                  .section#driversVoice .content .item .text .point {

                  }
                  .section#driversVoice .content .item .text .detail {
                    display: none;
                  }
                  .section#driversVoice .content .item.show .text .point {
                    display: none;
                  }
                  .section#driversVoice .content .item.show .text .detail {
                    display: inline;
                  }
                .section#driversVoice .content .item .author {
                  margin-top: 2.8%;
                  font-size: 1.4em;
                }
                .section#driversVoice .content .item .btn {
                  margin-top: 4.8%;
                }
                  .section#driversVoice .content .item .btn span {
                    padding-right: 15px;
                    font-size: 1.5em;
                    text-decoration: underline;
                    background-image: url(../IMAGES/down_red.png);
                    background-repeat: no-repeat;
                    background-position: right;
                    background-size: auto 7px;
                  }
                  .section#driversVoice .content .item.show .btn span {
                    background-image: url(../IMAGES/up_red.png);
                  }
          .section#driversVoice .swiper-button-prev {
            display: none;
          }
          .section#driversVoice .swiper-button-next {
            display: none;
          }
    .section#driversVoice .link {
      clear: both;
      margin-top: 4%;
    }
      .section#driversVoice .link a {
        position: relative;
        display: table;
        width: 17.9488%;
        height: 28px;
        background-color: #eee;
        float: right;
      }
      .section#driversVoice .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#driversVoice .link span {
          display: table-cell;
          padding: 0 12px;
          font-size: 1.3em;
          color: #333;
          line-height: 1.1;
          vertical-align: middle;
        }
        .section#driversVoice .link a:hover span {
          color: #c3002f;
        }
/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
        .section#driversVoice .link li:first-child {
          width: 12.8125vw;
        }
        .section#driversVoice .link li:last-child {
          width: 10.625vw;
        }
            .section#driversVoice .link span {
              padding-right: 1.5625vw;
              background-size: auto 1.0156vw;
            }
      .section#driversVoice .link a {
        height: 2.1875vw;
      }
      .section#driversVoice .link a:after {
        width: 0.78125vw;
        height: 0.78125vw;
        margin-top: -0.3906vw;
        background-size: auto 0.78125vw;
      }
        .section#driversVoice .link span {
          padding: 0 0.9375vw;
        }
}



/** -------------------------------
 * 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/comparison_img01.jpg); }
            .section#comparison .content .item02 .image { background-image: url(../IMAGES/comparison_img02.jpg); }
            .section#comparison .content .item03 .image { background-image: url(../IMAGES/comparison_img03.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;
              }
}


/** -------------------------------
 * vlpTaxCap1908
 */
p.vlpTaxCap1908 {
	color: #c3002f;
	font-size: 1.2em;
	max-width: 1280px;
	margin: 0 auto;
	padding: 4em 3.667% 0;
}

/** -------------------------------
 * ASV++
 */

#asv .inner {
	border: 2px solid #e0e0e0;
	padding: calc(34/1170 * 100%) calc(45/1170 * 100%);
	box-sizing: border-box;
}

#asv .inner::after {
	display: block;
	clear: both;
	content: "";
}

#asv .icon {
	width: calc(290/1076 * 100%);/*400/1076 * 100%*/
	float: left;
	/*margin-right: calc(25/1076 * 100%);*/
}

#asv .icon img {
	width: 100%;
}

#asv .description {
	font-size: 1.6em;
  padding-top: 2.3em;
}

#asv .note {
	margin-top: 1.4em;
	font-size: 1.2em;
}