@charset "UTF-8";
/* CSS Document */

@font-face{
  font-family: YakuHanJP,'Avenir','Helvetica Neue','Helvetica','Arial', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
  font-style:normal;
}



html{
  font-size: 62.5%; /* 62.5％ X 16px=10px */
}

body{
  color: #555657;
  font-family: YakuHanJP,'Avenir','Helvetica Neue','Helvetica','Arial', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', sans-serif, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
  font-size: 1.6rem;
  font-feature-settings: "palt" 1;
  position: relative;  
}

a{
  color: #000000;
}

img{
  max-width: 100%;
  height: auto;
}

.inner{
  max-width: 1000px;
  margin: 0 auto;
}

.clearfix:after{
  content: "";    /* 擬似要素を実体化 */
  clear: both;    /* floatを解除する */
  display: block; /* ブロック要素にする */
}

.text-center{
  text-align: center;
}  

.sp_img{
  display: none;
}
 
.navToggle{
  display: none;
}

.pc_br{
  display: none;
}



/*------------------ふわっと表示------------------*/
.fadein{
  opacity : 0;
  transform: translateY(200px);
  transition: all 1s;
}



/*------------------トップ------------------*/
.top>img{
  width: 100vw;
  height: 100%;  
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}
/*------------------スライド画像------------------*/
.slider img {
  margin-bottom: 22px;
  width: 100%; /*スライダー内画像横幅100%に*/
  height: auto;
}
/*------------------メイン画像------------------*/
.main_area{
  position: relative;
}

.main_img>img{
  width: 100vw;
  height: 100%;  
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.main_text_white{
  position: absolute;
  top: 0;
  left: 0;
}
.main_text_white>img{
  width: 100vw;
  height: 100%;  
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.main_text{
  position: absolute;
  top: 0;
  left: 0;
}
.main_text>img{
  width: 100vw;
  height: 100%;  
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}

/* 点滅 */
.blink {
	animation: blinking 1s ease-in-out infinite alternate;
}
 
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}



/*------------------タイトル------------------*/
.title>img{
  padding: 50px 0 100px;
  width: 100vw;
  height: 100%;  
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
}



/*------------------デザイン------------------*/
.design_img>img{
  width: 100vw;
  height: 100%;  
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  padding-bottom: 150px;
}



/*------------------室内------------------*/
.interior_img>img{
  width: 100vw;
  height: 100%;  
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  padding-bottom: 50px;
}

.interior{
  padding-bottom: 150px;
}

.interior>li{
  padding-bottom: 88px;  
}
.interior>li:last-child{
  padding-bottom: 0;  
}



/*------------------パフォーマンス------------------*/
.perfo_img>img{
  width: 100vw;
  height: 100%;  
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  padding-bottom: 50px;
}

.perfo_item{
  padding-bottom: 150px;
}



/*------------------セーフティ------------------*/
.safety_img>img{
  width: 100vw;
  height: 100%;  
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  padding-bottom: 50px;
}

.safety_item{
  padding-bottom: 150px;
}



/*------------------GRADE & PRICE------------------*/
.car_info>li{
  padding-bottom: 60px;
}
.car_info>li:last-child{
  padding-bottom: 30px;  
}

.info_text{
  padding-bottom: 100px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: justify;
  text-justify: inter-ideograph; /*--edge--*/   
}

.info_text>span{
  color: #ff0000;   
}



/*------------------ページトップ------------------*/
.PageTopBtn{
  font-size: 1.4rem;
  position: fixed; /*配置場所を固定*/
  z-index: 100;
  bottom: 70px; /*下からの位置*/
  right: 50px; /*右からの位置*/
}

.PageTopBtn a{
  display: block; /*配置の調整*/
  color: #c8161d;
  background: #fff;
  border: solid 1px #c8161d;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px; /*高さheightと同じに*/
  transition: 0.6s;
}

.PageTopBtn a:hover{
  color: #fff;
  background: #880025; /*マウスオーバー時の背景色*/
  border: solid 1px #880025;
}



/*------------------フッッター------------------*/
footer{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

.link{
  display: flex;
}

.link>li{
  width: 25%;
  text-align: center;
}

.link>li>a{
  display: block;
  padding: 14px 0;
  background: #c8161d;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  transition: 0.3s;     
}

.link>li{
  list-style: none;
  border-right: 1px solid #fff;
}
.link>li:last-child{
  border-right: none;
}
/*------------------マウスが乗った時の色------------------*/
.link>li>a:hover{
  background: #880025;
  color: #fff;
}





/*------------------SP版------------------*/
@media screen and (max-width: 640px){
  
  .inner{
    padding: 0 20px;
  }
  
  .pc_img{
    display: none;
  }

  .sp_img{
    display: block;
  }
 
  .pc_br{
    display: block;
  }
  
  .sp_br{
    display: none;
  }

  
  
  /*------------------タイトル------------------*/
  .title>img{
    padding: 20px 0 30px;
  }



  /*------------------デザイン------------------*/
  .design_img>img{
    padding-bottom: 50px;
  }



  /*------------------室内------------------*/
  .interior_img>img{
    padding-bottom: 20px;
  }

  .interior{
    padding-bottom: 50px;
  }

  .interior>li{
    padding-bottom: 30px;  
  }



  /*------------------パフォーマンス------------------*/
  .perfo_img>img{
    padding-bottom: 20px;
  }

  .perfo_item{
    padding-bottom: 50px;
  }



  /*------------------セーフティ------------------*/
  .safety_img>img{
    padding-bottom: 20px;
  }

  .safety_item{
    padding-bottom: 50px;
  }
  
  

  /*------------------GRADE & PRICE------------------*/
 .car_info>li{
    padding-bottom: 20px;
  }
 .car_info>li:last-child{
    padding-bottom: 20px;
  } 
  
  .info_text{
    padding-bottom: 20px;
  }

  

  /*------------------ページトップ------------------*/
  .PageTopBtn{
    font-size: 1.2rem;
    position: fixed; /*配置場所を固定*/
    bottom: 15px; /*下からの位置*/
    right: 15px; /*右からの位置*/
  }

  

  /*------------------フッッター------------------*/
  footer{
    position: static;
  }

  .link{
    display: block;
  }

  .link>li{
    width: auto;
  }

  .link>li>a{
    padding: 16px 0;
    font-size: 1.8rem;
  }

  .link>li{
    border-right: none;
    border-bottom: 1px solid #fff;
  }
  .link>li:last-child{
    border-bottom: none;
  }
 
  
  
  
 }