html{
  overflow-x : hidden;　/* 横スクロール禁止 */
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

body{
  /* background-color: #FF9E00; */
  overflow-x : hidden;　/* 横スクロール禁止 */
}


h1{
  font-size: 2.0rem;
  margin-bottom: 4%;
  color: #e2e100;
}

h2{
  font-size: 1.6rem;
  color: white;
}

h3{
  font-size: 2.3rem;
  color: #076745;
}

a{
  color: #076745;
}

a:hover {
  color: #28a745;
}

.img-fluid{
  width: 100%;
}


#page-top {
    position: fixed;
    bottom: 1%;
    right: 1%;
    font-size: 80%;
}
#page-top a {
    background: #28a745;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #218838;
}


.card .card-header a[data-toggle="collapse"] {
  display: block;
  padding: .75rem 1.25rem;
  margin: -.75rem -1.25rem;
}
.card .card-header a[data-toggle="collapse"]:active,
.card .card-header a[data-toggle="collapse"]:hover,
.card .card-header a[data-toggle="collapse"]:focus {
  text-decoration: none; //リンクテキストの下線を消す
}

.text-body{
  background-color: #C0C0C0;
}

.top_image{
  width: 100%;
}

.top_image2{
  width: 50%;
}


/* 仕切りライン */
.line{
  margin-top: 8%;
  margin-bottom: 8%;
}

.border_line{
  border-bottom: solid 1px #076745;
}

/* ヘッダー部分 */
.header{
  background-color: #076745;
  padding-top: 0.3%;
  padding-bottom: 0.3%;
}

.header .h2{
  font-size: 1.6rem;
  color: white;
}

.header_2 {
  background-color: #e2e100;
  padding-top: 0.3%;
  padding-bottom: 0.3%;
}

/* .carousel{
  margin-top: 0.3%;
} */


/* 店舗紹介 */
.back_img{
  padding-top: 8%;
  padding-bottom: 8%;
}

.back_img .h3{
  font-size: 1.6rem;
  color: white;
}

.top_comment{
  margin-top: 8%;
  text-align: center;
  color: #076745;
  font-size: 1.5rem;
}

.top_comment2{
  margin-top: 2%;
  text-align: center;
  color: #076745;
  font-size: 1.5rem;
}

.top_comment3{
  margin-top: 10%;
  text-align: center;
  color: #076745;
  font-size: 1.5rem;
}

.top_comment4{
  text-align: center;
  color: #076745;
  font-size: 1.5rem;
}

.top_comment5{
  margin-top: 5%;
  text-align: center;
  color: #076745;
  font-size: 1.5rem;
}

.custom{
  margin-top: 5%;
  color: #076745;
}

.outdoor{
  margin-top: 3%;
  margin-bottom: 3%;
}

.margin{
  margin-top: 7%;
  margin-bottom: 10%;
}

.margin2{
  margin-top: 5%;
}

/* 在庫車 */
.zaiko_comment{
  text-align: center;
  color: #076745;
  font-size: 95%;
}

.zaiko{
  margin-top: 2%;
}

.zaiko_rei{
  margin-top: 3%;
  color: #076745;
}

.zaiko_rei_text{
  margin-top: 2%;
}

.zaiko_botton{
  margin-top: 3%;
  margin-bottom: 3%;
}

.btn{
  height: 50px;
}

.zaiko_img{
  margin-bottom: 3%;
}

.zaiko_title{
  font-size: 110%;
}



.after_service{
  margin-top: 2%;
}

.after_banner{
  width: 100%;
}
.after_banner:hover {
  opacity: 0.7 ;
}

.syaken-text{
  margin-top: 1%;
}

.bankin{
  margin-top: 2%;
}

.custom-text{
  margin-top: 2%;
}


.map{
  margin-top: 6%;
  color: #076745;
}



.footer{
  margin-top: 5%;
  background-color: white;
}

.footer_menu{
  padding-top: 2%;
  font-size: 95%;
}

.copyright{
  margin-top: 1%;
}

.wrap {
	overflow: hidden;
}
body{
  top:0!important;
}

.skiptranslate{
  display: none;
}