/*
 * 【はじめに】
 * 最終的には可能な限り、コメントは削除してください。
 * ここに記載しているコメントもほぼ不要です(auPay start / ecd は必要)
 * 変数の使い方
 * $ec_dir ･･･ それぞれ各ECの絶対パス(現状)
 * $ec_id ･･･ それぞれ各ECのID(CSVで設定している分)
 *
 * 例：background-image: url($ec_dir + '/img/bn_main_background_sp.jpg');
 *
 * SCSSについて
 * 例：if制御
 *  @if $shop == 1 {
 * 		#pc_header.ac img {
 *			width: initial;
 *		}
 *	}
 *
 * 今分かっている問題
 * 1.rgb()について
 *   rgba()を利用してください。うまく変換されません
 */
/* auPayについては、figureタグ等利用できないタグがあり、変換して利用する事になる
 * その変換されたタグ用にCSSを設定する必要があるので、下記コメントタグを利用し、
 * 開始・終了で閉じる事
 * また、if制御を利用して切り替えると楽
 * @if $shop == 5 {
 *	.studless .recommend > h3 > img {
 *		width: 100%;
 *	}
 * } @else {
 *	.studless .recommend > div img {
 *		width: 100%;
 *	}
 * }
 */
@charset "utf-8";
.minerva {
  background-color: #871225;
  color: #fff; }

.minerva img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto; }

.minerva .bestcar_link {
  position: fixed;
  bottom: 90px;
  right: 0px;
  width: 170px;
  height: auto;
  z-index: 999; }

.minerva .bestcar_link img {
  width: 100%; }

.minerva #topbar {
  background-color: #a3001f;
  color: #fff;
  padding: 10px 0;
  overflow: hidden;
  padding: 15px 0; }

.minerva #topbar a {
  color: #fff; }

.minerva #topbar div ul {
  float: left; }

.minerva #topbar div ul li {
  display: inline-block;
  font-weight: normal;
  font-size: 16px;
  color: #fff;
  line-height: 32px; }

.minerva #topbar ul li:first-child {
  padding-left: 10px; }

.minerva #topbar a {
  color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.minerva #topbar a:hover {
  opacity: 0.7; }

.minerva #topbar ul li:before {
  content: ">";
  font-family: "typicalo";
  font-size: 18px;
  position: relative;
  padding: 0 5px; }

.minerva #topbar ul li:first-child:before {
  content: ""; }

.minerva #topbar img {
  padding: 0 10px; }

.minerva #topbar p {
  float: right; }

.minerva .nav_head div {
  position: relative; }

.minerva .nav_head > div > a {
  position: relative;
  display: inline-block; }

.minerva nav.nav_head img {
  width: 300px;
  padding: 15px; }

.minerva nav.nav_head ul, .minerva .foot_nav .nav_foot ul {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff; }

.minerva nav.nav_head ul li, .minerva .foot_nav .nav_foot ul li {
  width: 100%; }

.minerva nav.nav_head ul li a small, .minerva .foot_nav .nav_foot ul li a small {
  display: none;
  font-size: 14px; }

.minerva nav.nav_head ul li a, .minerva .foot_nav .nav_foot ul li a {
  display: block;
  width: 100%;
  color: #4a495b;
  position: relative; }

.minerva nav.nav_head ul li a b {
  position: relative;
  top: 0;
  display: block;
  text-align: center;
  font-size: 16px;
  letter-spacing: normal;
  padding: 5px; }

.minerva #catch.f205 {
  background: url("/asp/photo/auction/brand/minerva/img/bg_f205.jpg") center/cover no-repeat; }

.minerva #catch.mn_209 {
  background: url("/asp/photo/auction/brand/minerva/img/bg_209.jpg") center/cover no-repeat;
  background-size: cover;
  display: block;
  width: 100%; }

.minerva #catch.f209 {
  background: url("/asp/photo/auction/brand/minerva/img/bg_f209.jpg") center/cover no-repeat; }

.minerva #catch.f105 {
  background: url("/asp/photo/auction/brand/minerva/img/bg_f105.jpg") center/cover no-repeat; }

.minerva #catch.all_season_master {
  background: url("/asp/photo/auction/brand/minerva/img/bg_asm.jpg") center/cover no-repeat; }

.minerva #catch.ecospeed2_suv {
  background: url("/asp/photo/auction/brand/minerva/img/bg_es2suv.jpg") center/cover no-repeat; }

.minerva #catch.f109 {
  background: url("/asp/photo/auction/brand/minerva/img/bg_f109.jpg") center/cover no-repeat; }

.minerva #catch section {
  display: block;
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 0; }

.minerva #catch section > * {
  margin: 20px 50px; }

.minerva #catch section img.pick_mn {
  position: absolute;
  top: 40px;
  left: 50px;
  height: 550px; }

.minerva #catch section div {
  margin: 150px 0;
  width: 400px;
  left: 450px;
  position: relative; }

.minerva #catch section div img {
  margin: 10px; }

.minerva #catch section div img.product_logo {
  margin: 10px 0;
  max-width: 100%;
  display: inline-block; }

.minerva #catch section div h3 {
  display: block;
  color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 16px; }

.minerva #catch section div span {
  padding: 1px 40px;
  font-weight: bold;
  background-color: #daca6e;
  font-size: 14px; }

.minerva #catch section div h3 span {
  padding: 0;
  background-color: transparent;
  display: inline-block; }

.minerva .info {
  background-color: #dcdbdb;
  padding: 30px 0; }

.minerva nav.minerva_tire_menu ul {
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
  max-width: 960px;
  margin: 0 auto; }

.minerva nav.minerva_tire_menu ul li {
  display: inline-block;
  position: relative;
  text-align: center;
  letter-spacing: normal; }

.minerva nav.minerva_tire_menu ul.menu1 li {
  width: 40%; }

.minerva nav.minerva_tire_menu ul.menu2 li {
  width: 40%; }

.minerva nav.minerva_tire_menu ul li a {
  color: #fff;
  height: 110px;
  padding: 10px 0;
  font-size: 14px;
  width: 100%;
  display: inline-block; }

.minerva nav.minerva_tire_menu ul li a:hover {
  opacity: 0.7;
  /*
.minerva nav.minerva_tire_menu ul li.tire_size a::after {
  content: '>';
  width: 20px;
  height: 20px;
  border: solid 3px #4a495b;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0) rotate(90deg);
  bottom: 20px;
  line-height: 22px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  font-family: sans-serif;
}*/
  /*
.minerva nav.minerva_tire_menu ul li.review a::after {
  content: '>';
  width: 20px;
  height: 20px;
  border: solid 2px #fff100;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0) rotate(90deg);
  bottom: 20px;
  line-height: 22px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}*/ }

.minerva nav.minerva_tire_menu ul li.tire_size a::after {
  content: "^";
  position: absolute;
  font-family: sans-serif;
  font-size: 27px;
  line-height: 36px;
  color: #4a495b;
  margin: 0 auto;
  top: 60px;
  left: 0;
  right: 0;
  width: 25px;
  height: 25px;
  font-weight: bold;
  border: 3px solid #4a495b;
  border-radius: 50%;
  transform: rotate(180deg); }

.minerva nav.minerva_tire_menu ul li.review a::after {
  content: "^";
  position: absolute;
  font-family: sans-serif;
  font-size: 27px;
  line-height: 36px;
  color: #fff100;
  margin: 0 auto;
  top: 60px;
  left: 0;
  right: 0;
  width: 25px;
  height: 25px;
  font-weight: bold;
  border: 3px solid #fff100;
  border-radius: 50%;
  transform: rotate(180deg); }

@media screen and (max-width: 540px) {
  .minerva nav.minerva_tire_menu ul li.tire_size a::after {
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 3px solid #4a495b;
    line-height: 28px; }

  .minerva nav.minerva_tire_menu ul li.review a::after {
    font-size: 20px;
    width: 20px;
    height: 20px;
    border: 3px solid #fff100;
    line-height: 28px; } }

.minerva nav.minerva_tire_menu ul li.tire_size a {
  background-color: #fff100;
  color: #4a495b; }

.minerva nav.minerva_tire_menu ul li.review a {
  background-color: #4a495b;
  color: #fff100; }

.minerva nav.minerva_tire_menu ul li a span.middle {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold; }

.minerva nav.minerva_tire_menu ul li a span.middle span {
  display: inline-block; }

.minerva .info div {
  position: relative; }

.minerva .info img {
  max-width: 100%;
  margin: 0 auto; }

.minerva .detail {
  background-color: #871225; }

.minerva .detail .about h3 {
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 10px; }

.minerva .detail .about p {
  line-height: 24px;
  max-width: 480px; }

.minerva .detail .score ul {
  padding-bottom: 10px;
  text-align: center;
  margin-top: 20px; }

.minerva .detail .score ul li {
  background-color: #fff;
  max-width: 380px;
  padding: 5px;
  margin: 1px auto;
  color: #3d3739;
  font-size: 14px;
  border-radius: 20px;
  display: flex;
  justify-content: space-around; }

.minerva .detail .score ul li img {
  width: 170px; }

.minerva .detail .score ul li span {
  width: 90px;
  line-height: 15px;
  text-align: center;
  display: inline-block;
  font-weight: bold; }

.minerva .detail .score small {
  font-size: 12px;
  display: block;
  text-align: center; }

.minerva .detail .score small:before {
  content: "※";
  margin-right: 5px;
  padding-top: 30px; }

.minerva #review {
  background-color: #dcdbdb;
  text-align: center; }

.minerva #review .wrap {
  padding-bottom: 10px;
  position: relative; }

.minerva #review .wrap h3.hukidasi {
  display: block;
  position: absolute;
  top: -20px;
  letter-spacing: 5px;
  width: 100%;
  z-index: 10; }

.minerva #review .wrap h3.hukidasi span {
  position: relative;
  background-color: #4a495b;
  color: #fff100;
  font-size: 14px;
  padding: 20px;
  border-radius: 30px;
  line-height: 14px; }

.minerva #review .wrap h3.hukidasi span::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: -35px;
  left: calc(50% - 18px);
  border-color: #4a495b transparent transparent transparent;
  border-style: solid;
  border-width: 18px; }

.minerva #review .wrap .review_wrap {
  max-width: 800px;
  height: 450px;
  overflow: auto;
  padding-top: 30px;
  margin: 0 10px; }

.minerva * {
  box-sizing: border-box;
  line-height: normal; }

.minerva #review .wrap .review_wrap ul li {
  display: block;
  position: relative;
  margin: 20px 10px 20px 0; }

.minerva #review .wrap .review_wrap ul li .review_section {
  display: block;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  margin-left: 20px;
  color: #3d3739; }

.minerva #review .wrap .review_wrap ul li .review_section h4 {
  margin-bottom: 10px;
  font-size: 14px; }

.minerva #review .wrap .review_wrap ul li .review_section p {
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px; }

.minerva #review .wrap .review_wrap ul li .review_section p img {
  display: inline-block;
  vertical-align: bottom; }

.minerva #review .wrap .review_other > div {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  margin: 0 auto; }

.minerva #review .wrap .review_other > div p {
  font-size: 14px;
  padding-bottom: 10px;
  font-weight: normal;
  color: #3d3739; }

.minerva #review .wrap .review_other a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background-color: #465262;
  font-size: 14px;
  line-height: 20px;
  max-width: 380px;
  padding: 10px 15px;
  display: block;
  margin: 0 auto;
  border-radius: 20px;
  letter-spacing: 2px; }

.minerva #review .wrap .review_other a:hover {
  opacity: 0.7; }

.minerva #lineup {
  background-color: #871225; }

.minerva #lineup h3 {
  background-color: #4a495b;
  font-size: 24px;
  font-weight: bold;
  color: #fff100;
  max-width: 100%;
  text-align: center;
  font-family: 'Oswald', 'Open Sans', 'Noto Sans JP', 'NotoSansCJKjp', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'meiryo', sans-serif;
  margin-bottom: 30px; }

.minerva #lineup table {
  font-weight: bold;
  width: 31em;
  margin: 0 auto 20px;
  border-collapse: collapse;
  font-size: 3vw; }

.minerva #lineup thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit; }

.minerva #lineup tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit; }

.minerva #lineup table thead th:nth-of-type(-n+2) {
  width: 5em; }

.minerva #lineup table thead th:nth-of-type(3) {
  width: 12em; }

.minerva #lineup table thead th:nth-of-type(4) {
  width: 9em; }

.minerva #lineup table thead th:first-of-type {
  border-left: 1px solid #4a495b; }

.minerva #lineup table thead th:last-of-type {
  border-right: 1px solid #4a495b; }

.minerva #lineup table thead th {
  background-color: #4a495b;
  color: #fff;
  font-weight: normal;
  border-right: 1px solid #fff;
  padding: 0.3em 0;
  border-top: 10px solid #4a495b;
  border-bottom: 10px solid #4a495b;
  vertical-align: middle; }

.minerva #lineup table tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit; }

.minerva #lineup table tbody tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit; }

.minerva #lineup table tbody .theader {
  background-color: #d5d5d5;
  color: #000;
  width: 6em;
  text-align: center; }

.minerva #lineup table tbody tr td {
  border: 1px solid #4a495b;
  display: table-cell;
  vertical-align: inherit; }

.minerva #lineup table tbody .size {
  width: 19em;
  background-color: #fff; }

.minerva #lineup table tbody .size span {
  color: #000;
  position: absolute;
  left: -2.5em;
  top: 50%;
  transform: translateY(-50%); }

.minerva #lineup table tbody .size a {
  color: #000;
  width: 8.8em;
  padding: 0.5em 0;
  display: block;
  margin: 0 auto;
  text-decoration: underline;
  position: relative; }

.minerva #lineup table tbody .price {
  background-color: #fff; }

.minerva #lineup table tbody .price a {
  color: #f00;
  width: 5em;
  padding: 0.5em 0;
  display: block;
  margin: 0 auto;
  text-decoration: underline; }

.minerva #lineup table + small {
  display: block;
  text-align: center;
  margin-bottom: 30px; }

.minerva #lineup table + small::before {
  content: '(※)';
  margin-right: 0.5em; }

.minerva #gallery {
  background-color: #dcdbdb; }

.minerva #gallery h3 {
  padding: 20px 40px;
  font-size: 24px;
  font-weight: bold;
  color: #fff100;
  max-width: 100%;
  text-align: center;
  font-family: 'Oswald', 'Open Sans', 'Noto Sans JP', 'NotoSansCJKjp', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
  display: block;
  position: relative;
  margin: 0 auto;
  background-color: #4a495b; }

.minerva #gallery .movie_area h4 {
  color: #4a495b;
  text-align: center;
  font-size: 18px;
  letter-spacing: 0.1em;
  margin-top: 35px;
  font-weight: 700; }

.minerva #gallery .movie_area h4 img {
  height: 30px;
  display: inline-block; }

.minerva #gallery .movie {
  display: block;
  text-align: center;
  width: 90%;
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 20px; }

.minerva #gallery .movie_area p {
  padding: 0 1.6vw 8vw;
  color: #4a495b;
  font-size: 4vw; }

.minerva .sp {
  display: none; }

.minerva #gallery iframe {
  margin: 30px auto 10px;
  padding: 0;
  border: 3px solid #fff;
  /*width: 90%;*/
  box-shadow: 5px 5px 15px #000;
  width: 100%;
  height: 382px; }

.minerva #gallery .photo_area {
  padding-bottom: 50px; }

.minerva #gallery .photo_area h3 {
  margin-bottom: 30px; }

.minerva #gallery .photo_area .slider {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }

.minerva #gallery .photo_area .slider img {
  width: 100%;
  height: auto;
  vertical-align: top; }

.minerva #gallery .photo_area .slider .btn {
  width: 4%;
  cursor: pointer; }

.minerva #gallery .photo_area .slider .main {
  width: 88%;
  max-width: 840px;
  margin-bottom: 20px;
  border: 2px solid #fff;
  box-shadow: 5px 5px 15px #777; }

.minerva #gallery .photo_area .slider .prev {
  transform: rotate(180deg); }

.minerva #gallery .photo_area .slider ul {
  width: 88%;
  margin: 0 auto;
  max-width: 8420px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }

.minerva #gallery .photo_area .slider ul li {
  width: 22%;
  border: 2px solid #fff;
  box-shadow: 5px 5px 15px #777;
  cursor: pointer; }

.minerva #gallery .photo_area .slider .btn:hover, .minerva #gallery .photo_area .slider ul li:hover {
  opacity: 0.7;
  top: 5px; }

@media screen and (max-width: 740px) {
  .minerva #gallery iframe {
    height: 50vw;
    border: 2px solid #fff;
    box-shadow: 3px 3px 10px #000; } }

.minerva .foot_nav .nav_bt {
  max-width: 960px;
  padding: 20px;
  margin: 0 auto; }

.minerva .foot_nav .nav_bt ul {
  letter-spacing: -0.4em;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }

.minerva .foot_nav .nav_bt ul li {
  width: 100%;
  display: block;
  letter-spacing: normal;
  text-align: center;
  margin-bottom: 10px; }

.minerva .foot_nav .nav_bt ul li a {
  display: block;
  width: 100%;
  background-color: #fff;
  padding: 20px;
  border-radius: 50px;
  text-align: center;
  line-height: 20px;
  color: #b21920;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  transition: 0.3s; }

.minerva .foot_nav .nav_bt ul li a:hover {
  background-color: #f24a62;
  cursor: pointer;
  color: #fff; }

.minerva .foot_nav .nav_bt ul li a span {
  display: inline-block; }

.minerva .foot_nav .partner {
  background-color: #dcdbdb;
  text-align: center;
  padding: 50px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.minerva .foot_nav .partner span {
  width: 100%;
  margin: 15px; }

.minerva .foot_nav .partner > a {
  width: 100%;
  margin: 15px; }

.minerva .foot_nav .partner img {
  display: inline-block;
  vertical-align: middle; }

.minerva footer {
  text-align: center; }

.minerva #partner {
  background-color: #cfcfcf;
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }

.minerva #partner img {
  max-width: 100%;
  margin: 30px 0; }

.minerva #partner p {
  display: inline; }

.minerva #partner img.partnership {
  margin: 0 30px; }

.minerva #partner img.frontare {
  margin: 0 30px;
  max-width: 200px;
  height: auto; }

.minerva address {
  background-color: #a3001f;
  color: #fff;
  font-style: normal;
  padding: 20px; }

.minerva footer {
  background-color: #871225;
  text-align: center;
  padding-bottom: 20px; }

.minerva footer nav {
  max-width: 1024px;
  margin: 0 auto; }

.minerva footer ul {
  padding: 20px 0; }

.minerva footer ul li {
  display: inline-block;
  margin: 5px; }

.minerva footer ul li a {
  display: block;
  padding: 0 20px;
  color: #fff;
  border-radius: 30px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.minerva footer ul li a:hover {
  background-color: #fff;
  color: #7b0017; }

.minerva footer small {
  color: #fff;
  text-align: center;
  font-size: 12px;
  display: block; }

.minerva .detail {
  padding: 20px 10px 20px 10px; }

.minerva .detail .about p {
  margin: 20px auto;
  text-align: left;
  font-size: 12px; }

.minerva .detail .score ul li {
  padding: 5px;
  margin: 1px auto; }

.minerva .review_other {
  padding: 0;
  margin: 30px; }

.minerva #lineup h3 {
  padding: 20px 0; }

.minerva #topbar ul {
  display: none; }

.minerva nav.nav_head ul, .minerva .foot_nav .nav_foot ul {
  display: flex;
  flex-wrap: wrap; }

.minerva nav.nav_head ul li:first-child, .minerva .foot_nav .nav_foot ul li:first-child {
  border-left: none; }

.minerva nav.nav_head ul li, .minerva .foot_nav .nav_foot ul li {
  width: 100%;
  border-bottom: 1px solid #4a495c; }

.minerva nav.nav_head ul li a, .minerva .foot_nav .nav_foot ul li a {
  padding: 10px 0;
  transition: 0.3s; }

.minerva nav.nav_head ul li a:hover, .minerva .foot_nav .nav_foot ul li a:hover {
  background-color: #4a495c;
  color: #fff; }

.minerva nav.nav_head ul li a:hover::before, .minerva .foot_nav .nav_foot ul li a:hover::before {
  border: solid 2px #fff; }

.minerva nav.nav_head ul li a b, .minerva .foot_nav .nav_foot ul li a b {
  text-align: left;
  padding-left: 2.5em;
  font-weight: bold; }

.minerva nav.nav_head ul li a::before, .minerva .foot_nav .nav_foot ul li a::before {
  content: '>';
  width: 14px;
  height: 14px;
  border: solid 2px #4a495c;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 14px;
  font-size: 10px;
  font-weight: bold;
  text-align: center; }

.minerva nav.nav_head ul li a small {
  display: none; }

.minerva .detail .about {
  max-width: 460px;
  margin: 0 auto; }

.minerva #pagetop {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background-color: #2b2b2b;
  color: #fff;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px;
  box-sizing: border-box; }

.minerva #pagetop div {
  width: 100%;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  transform: scaleX(0.9); }

.minerva #pagetop div img {
  width: 55%;
  margin: 0 auto; }

@media screen and (min-width: 1100px) {
  .minerva #pagetop {
    right: calc(50% - 530px); } }

@media screen and (min-width: 540px) {
  .minerva #review .wrap .review_wrap ul li::before {
    content: url("/asp/photo/auction/brand/minerva/img/review_customer_icon.png");
    display: block;
    position: absolute;
    left: 0;
    bottom: 0; }

  .minerva #review .wrap .review_wrap ul li .review_section {
    margin-left: 86px; } }

@media screen and (max-width: 650px) {
  .minerva #topbar div ul li {
    font-size: 12px; } }

@media screen and (min-width: 768px) {
  .minerva .bestcar_link {
    width: 270px;
    height: auto; }

  .minerva #topbar ul {
    display: block; }

  .minerva nav.nav_head div {
    padding: 10px 0; }

  .minerva nav.nav_head ul {
    justify-content: flex-end;
    width: auto;
    position: absolute;
    top: 20%;
    right: 0; }

  .minerva nav.nav_head ul li {
    width: 50%;
    border-right: 1px solid #a3001f; }

  .minerva nav.nav_head ul li a {
    width: 180px;
    padding: 20px 0; }

  .minerva nav.nav_head ul li a small {
    display: block;
    text-align: center; }

  .minerva nav.minerva_tire_menu ul {
    justify-content: flex-end; }

  .minerva nav.minerva_tire_menu ul.menu2 li {
    width: 190px; }

  .minerva nav.minerva_tire_menu ul.menu1 li {
    width: 30%; }

  .minerva nav.minerva_tire_menu ul li a {
    font-size: 16px; }

  .minerva .detail {
    padding: 40px 0 80px;
    max-width: 960px;
    margin: 0 auto; }

  .minerva .detail .about {
    margin: 0 10px 20px;
    float: right;
    width: 45%; }

  .minerva .detail .about h3 {
    font-size: 24px;
    line-height: 36px; }

  .minerva .detail .about p {
    font-size: 16px; }

  .minerva .detail .score ul {
    margin: 0; }

  .minerva .detail .score ul li {
    margin: 5px 0; }

  .minerva .detail .score small {
    text-align: left; }

  .minerva #lineup h3 {
    margin-bottom: 40px; }

  .minerva #lineup table {
    font-size: 2vw;
    width: 45em;
    width: 95%;
    max-width: 960px;
    margin: 0 auto 50px; }

  .minerva #lineup table thead th:nth-of-type(-n+2), .minerva #lineup table tbody .theader {
    width: 7em; }

  .minerva #lineup table thead th:nth-of-type(3), .minerva #lineup table tbody .size {
    width: 17em; }

  .minerva #lineup table thead th:nth-of-type(4) {
    width: 14em; }

  .minerva #lineup table thead tr th br {
    display: none; }

  .minerva #gallery .movie_area p {
    padding: 0 0 40px;
    font-size: 16px;
    text-align: center; }

  .minerva #gallery .movie {
    padding-bottom: 10px; }

  .minerva .sp {
    display: block; }

  .minerva .foot_nav .nav_bt {
    margin: 40px auto; }

  .minerva .foot_nav .nav_bt ul li {
    width: 33.3%;
    padding: 0 5px;
    box-sizing: border-box; }

  .minerva .foot_nav .partner {
    display: block; }

  .minerva .foot_nav .nav_foot {
    background-color: #871225;
    padding-top: 30px;
    border-bottom: 1px solid #fff; }

  .minerva .foot_nav .nav_foot ul {
    justify-content: center;
    background-color: #871225; }

  .minerva .foot_nav .nav_foot ul li {
    border-left: 1px solid #871225;
    width: auto;
    text-align: center;
    background-color: #fff; }

  .minerva .foot_nav .nav_foot ul li a {
    width: 180px;
    padding: 1em; }

  .minerva .foot_nav .nav_foot ul li a small {
    display: block; }

  .minerva nav.nav_head ul li a::before, .minerva .foot_nav .nav_foot ul li a::before {
    content: none; }

  .minerva nav.nav_head ul li a b::before, .minerva .foot_nav .nav_foot ul li a b::before {
    display: none; }

  .minerva nav.nav_head ul li a b, .minerva .foot_nav .nav_foot ul li a b {
    padding: 0;
    text-align: center; } }

@media screen and (min-width: 840px) {
  .minerva #review .wrap .review_wrap {
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .minerva .detail .about h3 {
    font-size: 16px;
    line-height: 24px; } }

@media screen and (max-width: 900px) {
  .minerva #catch section {
    overflow: hidden;
    height: 350px; }

  .minerva #catch section div {
    text-align: center;
    left: 0;
    max-width: 100%;
    padding: 0 10px;
    margin: 20px auto 0; }

  .minerva #catch section div img {
    margin: 5px; }

  .minerva #catch section img.pick_mn {
    top: 210px;
    left: 0;
    right: 0;
    margin: 0 auto; }

  .minerva .detail .score {
    margin-bottom: 40px; } }

@media screen and (min-width: 1024px) {
  .minerva #review .wrap {
    width: 960px;
    margin: 0 auto; }

  .minerva #lineup table {
    font-size: 20px; }

  .minerva .nav_head div {
    max-width: 960px;
    margin: 0 auto; } }

@media screen and (min-width: 1460px) {
  .minerva .bestcar_link {
    right: calc(50% - 730px); } }