.contact-top{top: 75% !important;}

.warpper-slide{ width: 100%; margin: auto; background-image:url( /index/images/slide.jpg);     height: 413px;}
.slide-spring{background-image:url( /index/images/slide_spring.jpg);}
.slide-summer{background-image:url( /index/images/slide_summer.jpg);}
.slide-autumn{background-image:url( /index/images/slide_fall.jpg);}
.slide-winter{background-image:url( /index/images/slide_winter.jpg);}

.warpper-slide .center { text-align: center;}
.warpper-slide .center a{ display: inline-block; margin: 60px 20px 0; }
.title-index{ width: 300px; margin: auto;}
.title-index h2{font-size: 14px; color: #494848; text-align: center; font-weight: 400; margin: 10px 0 5px;}
.title-index h2 span{  font-size: 40px !important; color: #000;  line-height: 40px;font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; display: block;}

.title-index .h-2{font-size: 14px; color: #494848; text-align: center; font-weight: 400; margin: 10px 0 5px;}
.title-index .h-2 span{  font-size: 40px !important; color: #000;  line-height: 40px;font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif; display: block;}

.title-index .line{ display: flex; flex-wrap: wrap; width: 30%; border-radius: 18px; overflow: hidden; margin: 0 auto; position: relative;}
.title-index .line .line-yellow{ width: 55%; height: 5px; background: #fff109; display: block;}
.title-index .line .line-lightblue{ width: 45%; height: 5px; background: #c2c2c2; display: block;}
.title-index .line:after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.title-index .line:after {
  top: 0;
  left: 47%;
  border-width: 5px 7px 0 0px;
  border-color: transparent #c2c2c2 transparent transparent;
  border-style: solid;
}

.news{ margin: 50px 0; }
.box-social .news .list-news{ display: table; width: 100%; vertical-align: middle; }
.news .list-news .thumb-news{ display: table-row; position: relative; cursor: pointer;}
.news .list-news .thumb-news .date{ color: #4f4f4f;  font-weight: 400;  padding: 4px 0px;}
.news .list-news .thumb-news .images-news{ display: table-cell; width: 17%; padding: 5px; padding-left: 0; vertical-align: top;border-bottom: 1px solid #c4c4c4;}
.news .list-news .thumb-news .images-news a{ display: block;}
.news .list-news .thumb-news .images-news img{ width: 100%;}
.news .list-news .thumb-news .content-news{ display: table-cell; width: 83%; padding: 5px; vertical-align: top; border-bottom: 1px solid #c4c4c4; position: relative;}
.news .list-news .thumb-news .content-news span{  display: inline-block; width: 100px;padding: 4px 0px; text-align: center; color: #fff; margin: 0;}
.news .list-news .thumb-news .content-news .blue{ background: #073aac;}
.news .list-news .thumb-news .content-news .sky{ background: #0597db;}
.news .list-news .thumb-news .content-news .pink{ background: #c70243;}
.news .list-news .thumb-news .content-news .green{ background: #2c9842;}
.news .list-news .thumb-news .content-news .orange{ background: #f76300;}
.news .list-news .thumb-news .content-news .yellow{ background: #ffd700; color: #000;}
.news .list-news .thumb-news .content-news .red{ background: #ec2424;}
.news .list-news .thumb-news .content-news .purple{background: #801fa4;}
.news .list-news .thumb-news .content-news .hotpink{background: #d92485;}
.news .list-news .thumb-news .date span{ color: #fb0000; margin: 0 0 0 8px;}
.title-news-link{ font-size: 16px; font-weight: 300; margin: 10px 0 0;}

.content-news::after {
  position: absolute;
  top: 50%;
  right: 1em;
  content: '';
	background-image: url(/index/images/news.png);
	width: 13px;
	height: 28px;
  margin-top: -14px;
  transition: all .2s;
}
.content-news:hover::after {
  right: 0.5em;
}
.news .more{ border: 2px solid #000; font-size: 16px; color: #000; padding: 15px 0; text-align: center;  width: 300px; display: block;; margin: 20px auto;}
.news .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
    background-color: #fff109;
    color: #000;
}




.warpper-link{ background: #ecf2f4; padding: 34px 0;}
.warpper-link .banner-link{ display: flex; flex-wrap: wrap; margin: 40px 0;justify-content:center;}
.warpper-link .banner-link a{width: 33%;padding: 8px;position: relative;}
.warpper-link .banner-link a:hover{ opacity: 0.8;}
.warpper-link .banner-link a img{ width: 100%;}

.ribbon1 {
    display: inline-block;
    position: absolute;
    height: 33px;/*リボンの高さ*/
    line-height: 33px;/*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 15px 0 20px;/*横の大きさ*/
    font-size: 16px;/*文字の大きさ*/
    background: #fff109;/*塗りつぶし色*/
    box-sizing: border-box;
    left: -1px;
    top: -1px;
}

.ribbon1:before, .ribbon1:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon1:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0px;
    border: none;
    border-bottom: solid 9px transparent;
    border-right: solid 9px #262626;
}
.ribbon1:after{
    top: 0px;
    right: -17px;
		content: '';
		background-image: url(/index/images/banner/ribon.png);
		width: 17px;
		height: 33px;
}

@media(max-width:820px){
	/* .car-reccommend .thumbcar-recommend .list-car{ width: 48%;} */
	.car-reccommend .thumbcar-recommend .list-car .detail-car .name{ font-size: 10px;}
	.car-reccommend .thumbcar-recommend .list-car .detail-car .price strong{ font-size: 18px;}
	.car-reccommend .thumbcar-recommend .list-car .detail-car .time div{ font-size: 9px;}
}
@media(max-width:768px){
.news .list-news .thumb-news .images-news{width:30%; padding:0px; text-align: center; display: table-cell;}
.news .list-news .thumb-news .content-news{width:63%; padding: 5px 10px; overflow: hidden; display: table-cell; vertical-align: top;}
.news .list-news .thumb-news .content-news p { font-size: 14px; margin: 5px 0 0 0;line-height: 1.2; }

.content-news::after {
    right: -1px;
}

}
@media(max-width:768px){
	.social .box-social .news{ display: block; width: 100%; padding: 8px;}
	.social .box-social .facebook{ display: block; width: 100%; padding: 8px;}

}

@media(max-width:680px){
	.introduction .introduction-link{ display: flex; flex-wrap: wrap;}
	.introduction .introduction-link .banner-store1{ padding-right: 0; margin: 4px auto;}
	.introduction .introduction-link .banner-store2{ padding-left: 0; margin: 4px auto;}
	.introduction .introduction-link .banner-store1{ width: 100%;}
  .introduction .introduction-link .banner-store2{ width: 100%;}
  #COVID {
    width: 100%;
  }
  #COVID p {
    font-size: 12px;
  }
  #COVID h3 {
    font-size: 18px;
  }
  #COVID span {
    font-size: 14px;
  }
	.car-reccommend .thumbcar-recommend .list-car{ width: 48%; margin: 8px auto !important;}
}
@media(max-width:480px){
	.social .box-social .news .list-news{ display: block;}
	.social .box-social .news .list-news .thumb-news{ display: block; border-bottom: 1px solid #ccc; padding: 8px 0;}
	.social .box-social .news .list-news .thumb-news .images-news{ display: block; margin: auto; width: 80%; border-bottom: 0;}
	.social .box-social .news .list-news .thumb-news .images-news img{ max-width: 100%;}
	.social .box-social .news .list-news .thumb-news .content-news{ display: block; margin: auto; width: 100%; border-bottom: 0;}

	.warpper-link .banner-link a{ width: 60%; padding: 4px; margin:10px auto;}
	.title-index h2 span {
		font-size: 30px !important;
		line-height: 30px !important;
	}

  .title-index .h-2 span {
		font-size: 30px !important;
		line-height: 30px !important;
	}

	.news{margin: 20px 0;}
	.warpper-link .banner-link{margin:0;}
	.warpper-link {
    padding: 20px 0;
  }

  .news .list-news .thumb-news .content-news span{ font-size: 10px; width: auto; padding: 2px 8px;}

}

@media(max-width:420px){
	.social .box-social .news .title-news h3{ float: none; width: 100%; text-align: left;}
}


/*=============================
  +Topボタン
===============================*/
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
@media only screen and (max-width: 420px) {
  .pc {
    display: none !important;
    }
    .sp {
      display: block !important;
      }
      .warpper-slide {
        padding: 26px 0 10px
      }
      .slide-spring,.slide-summer,.slide-autumn,.slide-winter{
        padding: 35px 0 15px;
        background-size: auto 100%;
        /* background-position: center top; */
      }

      .warpper-slide .center a{
        display: block;
        margin: 0px auto -4px !important;
        width: 100% !important

      }
  }