/*
 * 【はじめに】
 * 最終的には可能な限り、コメントは削除してください。
 * ここに記載しているコメントもほぼ不要です(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";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
/*.nitto .introduction div{
    margin: 0 3vw;
  }*/
.nitto * {
  font-family: "Noto Sans JP", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, "Roboto", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; }

.nitto {
  background-color: #000;
  color: #ededed; }

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

.nitto br.pc {
  display: none; }

@media screen and (min-width: 768px) {
  .nitto br.sp {
    display: none; }

  .nitto br.pc {
    display: block; } }

.nitto header .bread_ec {
  width: 100%;
  background-color: #ededed;
  color: #000;
  font-size: 12px;
  padding: 0.7em 0.5em;
  line-height: 1; }

.nitto header .bread_ec > a {
  color: #000;
  font-weight: 400;
  margin-right: 0.5em; }

.nitto header .bread_ec span {
  margin-right: 0.5em; }

.nitto header .bread_ec span span {
  margin-right: 0.5em; }

.nitto .catch {
  background: url("/asp/photo/auction/brand/nitto/img/catch_back_sp.jpg") top center / cover no-repeat;
  box-sizing: border-box;
  padding: 2vw 2.5% 5vw;
  max-width: 1366px;
  margin: 0 auto; }

.nitto .catch nav {
  margin: 5vw auto 4vw; }

.nitto .catch nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  position: relative; }

.nitto .catch nav li:first-of-type {
  width: 45%;
  text-align: center; }

.nitto .catch nav li:first-of-type img {
  position: absolute;
  width: 40%;
  top: 2vw; }

.nitto .catch nav li:last-of-type {
  width: 45%;
  text-align: center; }

.nitto .catch nav li:last-of-type a {
  background-color: #ededed;
  color: #000;
  font-size: 4.5vw;
  font-weight: 700;
  text-decoration: none;
  padding: 1vw 3vw;
  /*
.nitto .catch h2 {
  margin-bottom: 11vw;
}
*/ }

.nitto .catch .fv_area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start; }

.nitto .catch .fv_area > img {
  width: 45%;
  margin-top: 7vw;
  position: absolute;
  left: 4.5%;
  /*
.nitto .catch .fv_area .text {
  width: 60%;
  margin-bottom: 20px; 
}
*/ }

.nitto .catch .fv_area .text {
  position: relative;
  margin-top: 55%;
  z-index: 10; }

.nitto .catch .fv_area .text h2 {
  margin: 0 auto; }

.nitto .catch .fv_area .text img:nth-of-type(1) {
  width: 50%;
  /*
.nitto .catch .fv_area .text img {
  margin-bottom: 10px;
}
*/ }

.nitto .catch .fv_area .text .title {
  font-size: 4.8vw;
  font-weight: 900;
  color: #fd4426;
  text-shadow: 0.5vw 0.5vw 4px #000;
  text-align: center; }

.nitto .catch .fv_area .text .detail {
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.7;
  font-size: 3.8vw;
  text-align: center;
  margin: 2vw;
  text-shadow: 1vw 1vw 3px #000; }

.nitto .catch .fv_area ul {
  display: flex;
  position: relative;
  width: 100%;
  margin: 3vw auto; }

.nitto .catch .fv_area ul li:first-of-type {
  width: 50%;
  margin: 0 2vw; }

.nitto .catch .fv_area ul li:first-of-type a {
  display: block;
  margin: 0 auto;
  background-color: #c20;
  color: #fff;
  font-size: 5vw;
  font-weight: 600;
  box-sizing: border-box;
  padding: 0.9em 0em;
  line-height: 1.3;
  text-align: center; }

.nitto .catch .fv_area ul li:last-of-type {
  width: 50%;
  margin: 0 2vw; }

.nitto .catch .fv_area ul li:last-of-type a {
  display: block;
  margin: 0 auto;
  color: #fff;
  font-size: 5vw;
  font-weight: 600;
  box-sizing: border-box;
  padding: 0.8em 0em;
  line-height: 1.3;
  text-align: center;
  border: 1px solid #ededed; }

.nitto .catch .fv_area a small {
  font-size: 3.2vw;
  display: block;
  font-weight: 400; }

.nitto .catch .fv_area ul li:first-of-type a:hover {
  background-color: #f8a7a0; }

.nitto .catch .fv_area ul li:last-of-type a:hover {
  background-color: #f8a7a0;
  border: 0px solid #ededed; }

@media screen and (min-width: 768px) {
  .nitto .catch {
    background: url("/asp/photo/auction/brand/nitto/img/catch_back_sp.jpg") bottom calc(33%) center / cover no-repeat;
    box-sizing: border-box;
    padding: 2vw 2.5% 5vw;
    max-width: 1366px;
    margin: 0 auto;
    height: 76vw;
    margin-bottom: 30vw; }

  .nitto .catch nav {
    margin: 1vw auto 1vw; }

  .nitto .catch nav ul {
    justify-content: left; }

  .nitto .catch nav li:first-of-type img {
    width: 23%;
    top: 1vw; }

  .nitto .catch nav li:last-of-type {
    width: 75%;
    text-align: center; }

  .nitto .catch nav li:last-of-type a {
    font-size: 2.5vw;
    padding: 0.5vw 2vw;
    border: solid 2px; }

  .nitto .catch .fv_area > img {
    width: 40%;
    margin-top: 4vw; }

  .nitto .catch .fv_area .text {
    width: 85%;
    margin-top: 30%; }

  .nitto .catch .fv_area .text img:nth-of-type(1) {
    width: 40%; }

  .nitto .catch .fv_area .text .title {
    font-size: 5vw;
    text-shadow: 2px 2px 3px #272727;
    line-height: 1.2; }

  .nitto .catch .fv_area .text .detail {
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.4;
    font-size: 2.4vw;
    text-align: center;
    margin: 3vw;
    text-shadow: 2px 2px 3px #000; }

  .nitto .catch .fv_area ul {
    width: 85%; }

  .nitto .catch .fv_area ul li:first-of-type a {
    font-size: 4vw; }

  .nitto .catch .fv_area ul li:last-of-type a {
    font-size: 4vw; } }

@media screen and (min-width: 1024px) {
  /*

@media screen and (min-width: 1366px) {
  .nitto .catch .fv_area > img  {
    background: url($ec_dir + '/img/catch_back_pc.jpg') bottom calc(20%) center / cover no-repeat;
    box-sizing: border-box;
    padding: 2vw 2.5% 5vw;
    max-width: 1366px;
    margin: 0 auto;
    height: 600px;
    position: relative;
  }
}
*/
    .nitto .catch {
      background: url("/asp/photo/auction/brand/nitto/img/catch_back_pc.jpg") bottom calc(20%) center / cover no-repeat;
      box-sizing: border-box;
      padding: 2vw 2.5% 5vw;
      max-width: 1366px;
      margin: 0 auto;
      height: 600px;
      position: relative; }
    .nitto .catch nav {
      margin: 0.5em auto 1.2em; }
    .nitto .catch nav li:first-of-type {
      width: auto; }
    .nitto .catch nav li:first-of-type img {
      width: 180px; }
    .nitto .catch nav li:last-of-type a {
      font-size: 14px;
      padding: 0.5vw 2vw;
      border: solid 3px;
      position: absolute;
      left: 200px;
      /*
  .nitto .catch .fv_area {
    display: block;
  }
  */ }
    .nitto .catch .fv_area > img {
      width: 300px;
      margin-top: 5em;
      left: 20em; }
    .nitto .catch .fv_area .text {
      width: auto;
      margin: 16em 2em 0 26em; }
    .nitto .catch .fv_area .text h2 {
      width: 36em;
      margin-left: 2em; }
    .nitto .catch .fv_area .text img:nth-of-type(1) {
      width: 16em; }
    .nitto .catch .fv_area .text .title {
      font-size: 2em; }
    .nitto .catch .fv_area .text br.pc {
      display: none; }
    .nitto .catch .fv_area .text .detail {
      font-size: 1em;
      margin: 0.5em;
      position: absolute;
      right: 0; }
    .nitto .catch .fv_area ul {
      width: 25em;
      margin: 3em 0em 0em 36em; }
    .nitto .catch .fv_area ul li:first-of-type {
      margin: 0 auto; }
    .nitto .catch .fv_area ul li:first-of-type a {
      font-size: 16px; }
    .nitto .catch .fv_area ul li:first-of-type a small {
      font-size: 12px; }
    .nitto .catch .fv_area ul li:last-of-type a {
      font-size: 16px; }
    .nitto .catch .fv_area ul li:last-of-type a small {
      font-size: 12px; } }

.nitto .introduction {
  margin: 6vw 1vw; }

.nitto .introduction h3 {
  text-align: center; }

.nitto .introduction h3 img {
  width: 90%;
  margin-bottom: 1vw; }

.nitto .introduction h3 small {
  font-size: 3.2vw;
  font-weight: 400; }

.nitto .introduction h3 .spec {
  display: inline-block; }

.nitto .introduction .spec .inch {
  display: flex;
  margin: 5vw auto;
  flex-wrap: wrap;
  justify-content: left;
  align-items: flex-start; }

.nitto .introduction .inch dt {
  background-color: #ededed;
  width: 3em;
  padding: 0.6em;
  margin: 0 5vw 0 5vw;
  font-size: 4vw;
  position: relative;
  color: #000; }

.nitto .introduction h3 dl dd .inch_min {
  font-size: 7.5vw;
  color: #ededed; }

.nitto .introduction h3 dl dd .hyphen {
  font-size: 6vw;
  margin: 0 2px;
  position: relative;
  bottom: 1px; }

.nitto .introduction h3 dl dd .inch_max {
  font-size: 7.5vw;
  color: #ededed; }

.nitto .introduction h3 dl .small_inch {
  font-size: 3.2vw;
  font-weight: 400;
  margin: 0 1vw;
  color: #ededed; }

.nitto .introduction .spec .type {
  display: flex;
  margin: 5vw auto;
  flex-wrap: wrap;
  justify-content: left;
  align-items: flex-start; }

.nitto .introduction .type dt {
  background-color: #cc9500;
  width: 3em;
  padding: 0.6em;
  margin: 0 5vw 0 5vw;
  font-size: 4vw;
  position: relative; }

.nitto .introduction .type dd {
  color: #cc9500;
  font-size: 7.5vw; }

.nitto .introduction h3 dl dd {
  position: relative;
  bottom: 0.8vw; }

.nitto .introduction p {
  font-size: 5.5vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.6; }

.nitto .introduction .main_img {
  margin: 8vw auto; }

.nitto .introduction .sub_img {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 5vw; }

.nitto .introduction .sub_img img {
  width: 28%;
  border: 2px solid #ededed; }

.nitto .introduction .sub_img img:hover {
  background-color: #ededed;
  cursor: pointer; }

.nitto .introduction .text p {
  font-size: 3.2vw;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
  width: 95%;
  margin: 0 auto;
  text-align: left; }

@media screen and (min-width: 520px) {
  .nitto .introduction .main_img {
    margin: 30px auto;
    width: 65%; } }

@media screen and (min-width: 768px) {
  .nitto .introduction h3 {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto; }

  .nitto .introduction h3 small {
    font-size: 2vw; }

  .nitto .introduction h3 .spec {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    justify-content: space-between; }

  .nitto .introduction .spec .inch {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center; }

  .nitto .introduction .inch dt {
    font-size: 2.6vw;
    margin: 0 2vw 0 0; }

  .nitto .introduction h3 dl dd {
    position: relative;
    bottom: 0.4vw; }

  .nitto .introduction h3 dl dd .inch_min {
    font-size: 5.5vw; }

  .nitto .introduction h3 dl dd .hyphen {
    font-size: 4vw;
    bottom: 4px; }

  .nitto .introduction h3 dl dd .inch_max {
    font-size: 5.5vw; }

  .nitto .introduction h3 dl .small_inch {
    font-size: 3vw;
    font-weight: 400;
    margin: 0 1vw; }

  .nitto .introduction .spec .type {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center; }

  .nitto .introduction .type dt {
    font-size: 2.6vw;
    margin: 0 2vw 0 0; }

  .nitto .introduction .type dd {
    font-size: 5.5vw; }

  .nitto .introduction p {
    font-size: 3.3vw; }

  .nitto .introduction .main_img {
    width: 50%;
    margin: 6vw auto; }

  .nitto .introduction .sub_img {
    margin: 0 auto 7vw; }

  .nitto .introduction .text p {
    font-size: 2.2vw;
    line-height: 2;
    margin: 1vw auto; } }

@media screen and (min-width: 1024px) {
  .nitto .introduction {
    margin: 80px 40px; }

  .nitto .introduction h3 img {
    width: auto; }

  .nitto .introduction h3 small {
    font-size: 14px; }

  .nitto .introduction .spec .inch {
    margin: 20px auto; }

  .nitto .introduction .inch dt {
    width: 8em;
    font-size: 15px;
    margin: 0 2vw 0 0; }

  .nitto .introduction h3 dl dd {
    bottom: 4px; }

  .nitto .introduction h3 dl dd .inch_min {
    font-size: 50px; }

  .nitto .introduction h3 dl dd .hyphen {
    font-size: 30px;
    font-weight: 900;
    bottom: 5px; }

  .nitto .introduction h3 dl dd .inch_max {
    font-size: 50px; }

  .nitto .introduction h3 dl .small_inch {
    font-size: 20px;
    font-weight: 400;
    margin: 0 1vw; }

  .nitto .introduction .spec .type {
    margin: 20px auto; }

  .nitto .introduction .type dt {
    width: 8em;
    font-size: 15px;
    margin: 0 2vw 0 0; }

  .nitto .introduction .type dd {
    font-size: 50px; }

  .nitto .introduction p {
    font-size: 34px; }

  .nitto .introduction .tire_img {
    display: flex;
    position: relative;
    max-width: 1000px;
    width: 95%;
    margin: 20px auto; }

  .nitto .introduction .main_img {
    margin: 10px 0 0 40px;
    width: 40%; }

  .nitto .introduction .sub_img {
    width: 500px;
    top: 20px;
    margin: 10px auto;
    position: absolute;
    right: 50px;
    z-index: 10; }

  .nitto .introduction .text {
    right: 40px;
    position: absolute; }

  .nitto .introduction .text p {
    font-size: 14px;
    margin-top: 200px;
    width: 500px;
    text-align: left; } }

.nitto .performance {
  background: url("/asp/photo/auction/brand/nitto/img/back_car_img_sp.png") top calc(40%) center / contain no-repeat; }

.nitto .performance h3 {
  font-size: 5.5vw;
  padding: 8vw 0 8vw;
  text-align: center; }

.nitto .performance .detail_area {
  margin: 0 auto; }

.nitto .performance .detail_area .figure img {
  margin: 0 auto 5vw;
  width: 95%; }

.nitto .performance .detail_area .figure small {
  display: block;
  text-align: center;
  font-size: 3.2vw; }

.nitto .performance .detail_area .figure small::before {
  content: '※'; }

.nitto .performance .detail_area .text {
  margin: 0 4vw; }

.nitto .performance ul {
  margin: 14vw auto;
  font-weight: 700;
  margin-bottom: 7vw; }

.nitto .performance ul li {
  margin-bottom: 8vw;
  border: 1px solid #ededed;
  padding: 5.5vw 3vw;
  position: relative;
  text-align: center; }

.nitto .performance .detail_area .text ul li::before {
  content: '特徴01';
  background-color: #ededed;
  color: #000;
  position: absolute;
  top: -4vw;
  left: -3vw;
  padding: 1vw 5vw; }

.nitto .performance .detail_area .text ul li:nth-of-type(2)::before {
  content: '特徴02';
  background-color: #ededed;
  color: #000;
  position: absolute;
  top: -4vw;
  left: -3vw;
  padding: 1vw 5vw; }

.nitto .performance .detail_area .text ul li:nth-of-type(3)::before {
  content: '特徴03';
  background-color: #ededed;
  color: #000;
  position: absolute;
  top: -4vw;
  left: -3vw;
  padding: 1vw 5vw; }

.nitto .performance .detail_area .text ul li:nth-of-type(4)::before {
  content: '特徴04';
  background-color: #ededed;
  color: #000;
  position: absolute;
  top: -4vw;
  left: -3vw;
  padding: 1vw 5vw; }

.nitto .performance .detail_area ul li p {
  font-size: 4vw;
  font-weight: 700;
  height: 2em; }

.nitto .performance .detail_area ul li :nth-of-type(4) p {
  height: 3.5em; }

.nitto .performance ul li span {
  font-size: 3.2vw;
  font-weight: 400; }

.nitto .performance .detail_area .text div p {
  font-size: 4vw;
  font-weight: 600;
  padding: 3.5vw 2vw;
  background-color: #c20;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.02em;
  line-height: 7vw; }

@media screen and (min-width: 768px) {
  .nitto .performance {
    background: url("/asp/photo/auction/brand/nitto/img/back_car_img_pc.png") center / contain no-repeat; }

  .nitto .performance h3 {
    font-size: 4.5vw; }

  .nitto .performance .detail_area {
    max-width: 900px;
    width: 95%;
    margin: 0 auto; }

  .nitto .performance .detail_area .figure img {
    width: 85%; }

  .nitto .performance .detail_area .figure small {
    font-size: 1.6vw; }

  .nitto .performance ul {
    margin: 10vw 0 0; }

  .nitto .performance ul li {
    padding: 2em 0.5em; }

  .nitto .performance .detail_area ul li p {
    font-size: 3vw; }

  .nitto .performance ul li span {
    font-size: 2.2vw; }

  .nitto .performance .detail_area .text ul li::before, .nitto .performance .detail_area .text ul li:nth-of-type(2)::before, .nitto .performance .detail_area .text ul li:nth-of-type(3)::before, .nitto .performance .detail_area .text ul li:nth-of-type(4)::before {
    top: -3vw;
    left: -3vw;
    font-size: 2.4vw;
    padding: 1vw 3vw; }

  .nitto .performance .detail_area .text div p {
    font-size: 3vw;
    padding: 1em 1.8em;
    letter-spacing: 0.05em;
    line-height: 4.5vw; } }

@media screen and (min-width: 1024px) {
  .nitto .performance h3 {
    font-size: 48px;
    padding: 0 0 80px; }

  .nitto .performance .detail_area .figure small {
    font-size: 12px; }

  .nitto .performance ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0vw;
    margin: 80px 0 0; }

  .nitto .performance ul li {
    padding: 40px 20px;
    width: 40%; }

  .nitto .performance .detail_area ul li p {
    font-size: 20px;
    height: 3.5em; }

  .nitto .performance ul li span {
    font-size: 15px; }

  .nitto .performance .detail_area .text {
    margin: 0 auto; }

  .nitto .performance .detail_area .text ul li::before, .nitto .performance .detail_area .text ul li:nth-of-type(2)::before, .nitto .performance .detail_area .text ul li:nth-of-type(3)::before, .nitto .performance .detail_area .text ul li:nth-of-type(4)::before {
    top: -2vw;
    left: -4vw;
    font-size: 16px;
    padding: 1vw 2vw; }

  .nitto .performance .detail_area .text div p {
    font-size: 24px; } }

@media screen and (min-width: 1366px) {
  .nitto .performance ul li {
    margin-bottom: 80px; }

  .nitto .performance .detail_area .text div p {
    line-height: 40px; } }

.nitto #review {
  margin: 0 1.5vw; }

.nitto #review h3 {
  font-size: 5.5vw;
  padding: 18vw 0 8vw;
  text-align: center; }

.nitto #review .area_outer {
  margin-bottom: 10vw;
  margin: 0 1.5vw; }

.nitto #review .area_inner {
  height: 450px;
  overflow: auto;
  margin: 0 auto;
  background-color: #202020;
  border: 1px solid #ededed; }

.nitto #review .area_inner ul li {
  display: block;
  position: relative;
  margin: 20px 10px 20px 0; }

.nitto #review .area_inner ul li {
  display: block;
  background-color: #ededed;
  color: #000;
  border-radius: 10px;
  padding: 5.3vw;
  width: 81%;
  text-align: center;
  margin: 5vw auto; }

.nitto #review .area_inner h5 {
  font-size: 4vw; }

.nitto #review .area_inner h5 span {
  display: block;
  font-size: 5vw; }

.nitto #review .area_inner span {
  font-size: 3.2vw;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center; }

.nitto #review .area_inner span img {
  margin: 0 2vw 0 2vw; }

.nitto #review .area_inner p {
  margin: 4vw auto;
  font-size: 3.8vw;
  text-align: left; }

.nitto #review .review_end {
  border: 1px solid #ededed;
  padding: 5vw 3vw 8vw;
  text-align: center; }

.nitto #review .review_end p {
  font-size: 3.2vw;
  margin: 0 0 6vw 0; }

.nitto #review .review_end a {
  background-color: #c20;
  font-size: 3.8vw;
  text-decoration: none;
  color: #ededed;
  padding: 3vw 16vw;
  border-radius: 10px; }

@media screen and (min-width: 768px) {
  .nitto #review {
    margin: 0 7vw; }

  .nitto #review h3 {
    font-size: 4.5vw; }

  .nitto #review .area_inner {
    height: 500px; }

  .nitto #review .area_inner ul li {
    padding: 2.3vw;
    width: 85%;
    margin: 2vw auto; }

  .nitto #review .area_inner h5 {
    font-size: 2vw; }

  .nitto #review .area_inner h5 span {
    display: block;
    font-size: 3.8vw; }

  .nitto #review .area_inner span {
    font-size: 2.2vw; }

  .nitto #review .area_inner p {
    margin: 3vw auto;
    font-size: 2.2vw; }

  .nitto #review .review_end {
    padding: 4vw 4vw 7vw; }

  .nitto #review .review_end p {
    font-size: 2vw;
    margin: auto 0 7vw 0; }

  .nitto #review .review_end a {
    font-size: 2.4vw;
    padding: 3vw 18vw; } }

@media screen and (min-width: 1024px) {
  .nitto #review h3 {
    font-size: 48px;
    padding: 140px 0 80px; }

  .nitto #review .area_outer {
    margin: 0 auto;
    max-width: 1000px; }

  .nitto #review .area_inner {
    height: 500px; }

  .nitto #review .area_inner ul li {
    padding: 2vw 2vw 1vw 2vw;
    margin: 2vw auto; }

  .nitto #review .area_inner p {
    font-size: 16px; }

  .nitto #review .area_inner h5 {
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    justify-content: flex-start;
    align-items: center; }

  .nitto #review .area_inner h5 span {
    display: block;
    font-size: 24px;
    position: absolute;
    left: 200px;
    margin: 0px 4px; }

  .nitto #review .area_inner span {
    font-size: 14px;
    left: 20px;
    position: absolute;
    margin: 4px; }

  .nitto #review .review_end a {
    font-size: 20px;
    padding: 1.5vw 20vw; }

  .nitto #review .review_end {
    padding: 3vw 4vw 5vw; }

  .nitto #review .review_end p {
    font-size: 18px;
    margin: auto 0 5vw 0; } }

@media screen and (min-width: 1366px) {
  .nitto #review .area_inner {
    height: 460px; }

  .nitto #review .area_inner ul li {
    padding: 20px 20px 5px 20px;
    margin: 30px auto; }

  .nitto #review .review_end a {
    padding: 20px 300px; }

  .nitto #review .review_end p {
    margin: auto 0 50px 0; } }

.nitto #size_lineup {
  padding-bottom: 5vw;
  text-align: center;
  margin: 0 1.5vw; }

.nitto #size_lineup h3 {
  font-size: 5.5vw;
  padding: 18vw 0 8vw;
  text-align: center; }

.nitto #size_lineup table {
  font-weight: bold;
  line-height: 1.3;
  border-collapse: collapse;
  font-size: 3.8vw;
  background-color: #fff;
  margin: 0 auto; }

.nitto #size_lineup table tbody tr td {
  border: 1px solid #595757;
  padding: 1em 0.8em; }

.nitto #size_lineup table .price a {
  width: 4.5em;
  background-color: #c20;
  color: #ededed;
  border-radius: 0.5em;
  margin: 0 auto;
  text-decoration: none;
  padding: 0.2em 1.2em;
  font-size: 4.5vw;
  font-weight: 400;
  box-shadow: 0vw 0.4vw 2px #5a5a5a; }

.nitto .size_lineup table tbody {
  display: block;
  max-height: 25em;
  overflow-y: scroll;
  scrollbar-width: none; }

.nitto .size_lineup table tbody::-webkit-scrollbar {
  display: none; }

.nitto #size_lineup table thead th:nth-of-type(-n+2) {
  width: 5em;
  border-left: 1px solid #595757; }

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

.nitto #size_lineup table thead th:nth-of-type(4) {
  width: 9em;
  border-right: 1px solid #595757; }

.nitto #size_lineup table thead th:nth-of-type(3) {
  border-right: 1px solid #595757; }

.nitto #size_lineup table thead th {
  background-color: #595757;
  color: #fff;
  font-weight: normal;
  border-right: 1px solid #fff;
  padding: 0.3em 0;
  border-top: 10px solid #595757;
  border-bottom: 10px solid #595757; }

.nitto #size_lineup table tbody tr {
  background-color: #fff;
  color: #000; }

.nitto #size_lineup table tbody tr:nth-child(2n) {
  background-color: #efefef; }

.nitto #size_lineup table tbody .theader {
  background-color: #c9caca;
  width: 5em;
  text-align: center;
  font-weight: 700; }

.nitto #size_lineup table tbody tr .size {
  width: 14em;
  text-decoration: underline;
  cursor: pointer; }

.nitto #size_lineup table tbody tr .size a {
  color: #000; }

@media screen and (min-width: 520px) {
  .nitto #size_lineup table {
    font-size: 2.6vw;
    line-height: 1.5; }

  .nitto #size_lineup table .price a {
    font-size: 3.2vw; } }

@media screen and (min-width: 768px) {
  .nitto #size_lineup h3 {
    font-size: 4.5vw; }

  .nitto #size_lineup {
    margin: 0 4.5vw; }

  .nitto #size_lineup table {
    line-height: 1.8;
    font-size: 2.2vw; }

  .nitto #size_lineup table tbody .size {
    width: 20em; }

  .nitto #size_lineup table tbody tr td {
    width: 10em; }

  .nitto #size_lineup table .price a {
    font-size: 2.8vw;
    box-shadow: 0vw 0.3vw 2px #5a5a5a; } }

@media screen and (min-width: 1024px) {
  .nitto #size_lineup h3 {
    font-size: 48px;
    padding: 140px 0 80px; }

  .nitto #size_lineup table {
    font-size: 18px;
    margin: 0 auto; }

  .nitto #size_lineup table tbody tr td {
    padding: 0.5em 0.8em; }

  .nitto #size_lineup table .price a {
    font-size: 20px;
    box-shadow: 0vw 0.2vw 3px #949494; } }

.nitto .gallery {
  padding-bottom: 5vw;
  text-align: center;
  margin: 0 1.5vw; }

.nitto .gallery h3 {
  font-size: 5.5vw;
  padding: 18vw 0 8vw;
  text-align: center; }

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

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

.nitto .gallery .slider .main {
  width: 88%;
  max-width: 840px;
  margin-bottom: 3vw; }

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

.nitto .gallery .slider .prev, .nitto .gallery .slider .next {
  width: 4%;
  cursor: pointer;
  font-weight: 600;
  font-size: 3.6vw; }

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

.nitto .gallery .slider ul li {
  width: 22%;
  box-shadow: 5px 5px 15px #000;
  cursor: pointer; }

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

@media screen and (min-width: 768px) {
  .nitto .gallery {
    margin: 0 4.5vw; }

  .nitto .gallery h3 {
    font-size: 4.5vw; } }

@media screen and (min-width: 1024px) {
  .nitto .gallery h3 {
    font-size: 48px;
    padding: 140px 0 80px; }

  .nitto .gallery .slider .prev, .nitto .gallery .slider .next {
    font-weight: 500;
    font-size: 2.8vw; } }

.nitto footer {
  padding-bottom: 20px; }

.nitto footer .lineup_bt {
  padding: 12vw 7.5%; }

.nitto footer .lineup_bt ul li a {
  display: block;
  color: #000;
  background-color: #efefef;
  padding: 0.8em 0;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 3em;
  font-weight: 700;
  margin-bottom: 5vw;
  transition: 0.3s; }

.nitto footer .lineup_bt ul li a:hover {
  background-color: #c20;
  cursor: pointer;
  color: #fff; }

.nitto footer .lineup_bt ul li a br.pc_ys {
  display: none; }

.nitto footer .partner {
  padding: 0 0 10vw; }

.nitto footer .partner a, .nitto footer .partner span {
  display: block;
  text-align: center;
  margin: 0 auto 20px; }

.nitto footer .partner a:nth-of-type(1) img {
  width: 270px; }

.nitto footer .partner span img {
  width: 80px; }

.nitto footer .partner a:nth-of-type(2) img {
  width: 280px; }

.nitto footer small {
  text-align: center;
  font-size: 12px;
  display: block;
  margin-top: 10px; }

@media screen and (min-width: 768px) {
  .nitto footer .lineup_bt {
    padding: 30px 3.5%; }

  .nitto footer .lineup_bt ul {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }

  .nitto footer .lineup_bt ul li {
    width: 25%;
    padding: 0 5px;
    margin: 50px auto 0px; }

  .nitto footer .partner {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    margin: 0px auto; }

  .nitto footer .partner a, .nitto footer .partner span {
    display: inline; }

  .nitto footer .partner a:nth-of-type(1) img, .partner span img, .nitto footer .partner a:nth-of-type(2) img {
    display: inline; } }

.nitto .page_top {
  position: fixed;
  bottom: 20px;
  right: 2.5%;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  z-index: 100;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 1px solid #ededed; }

.nitto .page_top span {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.05em; }

.nitto .page_top span:first-of-type {
  width: 10px;
  height: 25px;
  background-color: #fff;
  clip-path: polygon(50% 0, 100% 50%, 90% 62%, 58% 30%, 58% 85%, 42% 85%, 42% 30%, 10% 62%, 0% 50%); }

.nitto .link_lineup {
  position: fixed;
  right: -10px;
  bottom: 110px;
  color: #ededed;
  background-color: #c20;
  padding: 0.7em;
  line-height: 1;
  z-index: 100;
  font-weight: 700;
  font-size: 14px;
  transform: skewX(-15deg); }

@media screen and (min-width: 768px) {
  .nitto .link_lineup {
    font-size: 16px;
    transition: 0.3s; }

  .nitto .link_lineup:hover {
    background-color: #f8a7a0;
    color: #fff; } }