@charset "utf-8";

body {

  font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;

  font-size:.9375rem;

  line-height:1.625rem;

  color:#000;

}



a {



  }



a:link {

  color:#000;

  text-decoration:underline;



  }



a:visited {

  color:#000;

  text-decoration:underline;

  }



a:hover {

  color:#000;

  text-decoration:none;

  }



a:active {

  color:#000;

  text-decoration:underline;

  }



img {

  max-width: 100%;

  vertical-align: bottom;

}



#wrapper {

  width: 100%;

  height: auto;

}



header {

    position: sticky;

    top: 0;

    background: #fff;

    z-index: 999;

}



h1#hd-logo-box {

  width: 100%;

  text-align: center;

  background:#ecf5da;

  margin-bottom: 10px;

  padding:7px 0;

}



h1#hd-logo-box img {

  width: 110px;

  height: auto;

}



#menu-btn {

  width: 96%;

  margin:auto;

}



#menu-btn ul {

  display: flex;

  flex-wrap: wrap;

}



#menu-btn ul li {

  width: 25%;

}



#menu-btn ul li img {

  width: 100%;

  height: auto;

}



#main {

  width: 100%;

  display: block;

}

.main {

  box-sizing: border-box;

  padding: 0 10px;

  overflow: hidden;

}



.movie-box {

  width: 94%;

  height: auto;

  margin:auto;

  position: relative;

}



.movie-box video {

  width: 100%;

  height: auto;

}



#menu-middle-btn {

  width: 100%;

}



#menu-middle-btn ul {

  display: flex;

  flex-wrap: wrap;

}



#menu-middle-btn ul li {

  width: 50%;

}



#menu-middle-btn ul li img {

  width: 100%;

  height: auto;

}



h3.title-01 {

  width: 180px;

  background: #004b2d;

  color: #fff;

  font-size:18px;

  padding:10px 20px 8px;

  margin:50px auto 10px;

  text-align: center;

  font-weight:normal;

}



#link-06 {

  position: relative;

}



#link-06 .btn {

  width: 80%;

  height: auto;

  position: absolute;

  z-index: 2;

  bottom:13%;

  right: 3%;

}



#company-profile {

  width: 100%;

  height: auto;

}



footer {

  background:#d5ead9;

  text-align: center;

  font-size:15px;

  padding:10px 0;

  color: #555;

}



/* SP 中古 */

h2.sales-tilte {

  font-size:25px;

  text-align:center;

  margin-top:40px;

  font-weight: normal;

  background:#555;

  color: #fff;

  padding:20px 0 17px;

}



.coming-box {

  padding:130px 0;

  font-size:20px;

  text-align: center;

  line-height: 36px;

}





p.subtitle {

  font-size:20px;

  text-align: center;

  line-height: 36px;

}



#contents

*{

margin: 0; padding: 0;



}

 

#contents div {

  margin: 500px;

}

 

#contents ul {

  list-style-type: none;

  width: 100%;

}

 

#contents h3 {

	font-weight: bold;

	margin-bottom: 5px;

}

 

#contents li img {

  float: left;

  margin: 0 15px 0 0;

}

 

#contents li p{

	font-size: 13px;

	line-height: 1.4;

}

 

#contents li {

  padding: 10px 10px;

  overflow: auto;

}

 

#contents li:hover {

  background: #eee;

  cursor: pointer;

}













#page-top {

      position: fixed;

      bottom: 20px;

      right: 20px;

      width: 45px;

      height:20px;

      background: url(../images/btn_gotop.png) 0 0 no-repeat;

      cursor:pointer;

}







#link-01::before,

#link-02::before,

#link-03::before,

#link-04::before,

#link-05::before,

#link-06::before,

#link-08::before {

    content:'';

    display: block;

    height: 130px;

    margin-top: -130px;

    vertical-align: top;

   }





#link-07::before {

    content:'';

    display: block;

    height: 120px;

    margin-top: -120px;

    vertical-align: top;

   }





/* sales product 商品 */

.sales-product-tilte {

  font-size: 25px;

  text-align: center;

  margin: 1.25em 0;

}

.sales-product-price {

  font-size: 20px;

  font-weight: bold;

  text-align: center;

  margin: 1.5em 0;

}

.sales-product-price-money {

  font-size: 1.5em;

  color: #c00;

  vertical-align: -.1em;

}

.sales-product-photo {

  margin: 0 -10px;

  text-align: center;

}

.sales-product-photo-detail {

  overflow: hidden;

  background-color: #f6f6f6;

  margin-top: 1px;

}

.sales-product-photo-list {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  margin: 0 -1px -1px;

}

.sales-product-photo-list li {

  background-color: #fff;

  display: flex;

  padding: 1px;

  width: 25%;

  width: calc(25% - 2px);

}

.sales-product-photo-list img {

  display: block;

  margin: auto;

  transition: opacity .3s;

}

.sales-product-photo-list img.current {

  opacity: .7;

}

.sales-product-content-caption {

  font-size: 1.05em;

  margin: 2em 0 .5em;

}

@media all and (max-width:899px) {

  .sales-product-spec,

  .sales-product-spec tr,

  .sales-product-spec th,

  .sales-product-spec td {

    display: block;

  }

}

.sales-product-spec th,

.sales-product-spec td {

  padding: .5em;

}

.sales-product-spec th {

  background-color: #f0f0f0;

  text-align: left;

}

.sales-product-inquiry {

  margin-top: 2.5em;

  border: 1px solid #999;

  border-radius: 8px;

  padding: 1em;

}

.sales-product-inquiry-text {

  font-weight: bold;

  margin-bottom: .5em;

}

.sales-product-inquiry-arrow {

  display: none;

}

.sales-product-inquiry-button {

  display: block;

  background-color: #6fb92c;

  border-radius: 8px;

  box-shadow: 0 2px 2px #999;

  font-size: 1.25em;

  font-weight: bold;

  line-height: 1;

  padding: 1em 2em;

  transition: background-color .3s;

  text-align: center;

}

.sales-product-inquiry-button:hover {

  background-color: #62a523;

}

.sales-product-inquiry-button:hover .fas {

  transform: translateX(.25em);

}

.sales-product-inquiry-button .fas {

  margin-left: .5em;

  position: relative;

  transition: transform .3s;

}

a.sales-product-inquiry-button {

  color: #fff;

  text-decoration: none;

}

.sales-product-contact {

  margin-top: 2.5em;

}

.sales-product-contact-text {

  font-weight: bold;

}

.sales-product-contact-tel {

  margin: .25em 0;

}

.sales-product-contact-tel a {

  color: #6fb92c;

  font-size: 1.5em;

  font-weight: bold;

}

.sales-product-contact-time {

  font-size: .9em;

}





/* 前後リンク */

.pagination {

  display: flex;

  margin: 4em 0;

}

.pagination > a,

.pagination > span {

  display: block;

  flex: 0 0 auto;

  line-height: 1;

  padding: .75em;

  text-decoration: none;

}

.pagination > a:hover {

  text-decoration: underline;

}

.pagination > span {

  color: #999;

  cursor: not-allowed;

}

@media all and (max-width:479px) {

  .pagination > * > span {

    display: none;

  }

}

.pagination-prev {

  margin-left: -.75em;

  margin-right: auto;

}

.pagination-prev .fas {

  margin-right: .5em;

}

.pagination-index {

  border: 1px solid #999;

  border-radius: 4px;

  margin: 0 1em;

}

.pagination-index .fas {

  margin-right: .375em;

}

.pagination-next {

  margin-left: auto;

  margin-right: -.75em;

}

.pagination-next .fas {

  margin-left: .5em;

}