@charset "UTF-8";
/*---------------wrapper----------------*/
.showroomwrap * {
  box-sizing: border-box;
}

.showroomwrap h1 {
  margin: 0;
}

.slick_container {
  width: 100%;
  overflow-x: hidden;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.slick_container ul {
  margin: 0;
  padding: 0;
}

.slick_container .slick-list li {
  height: calc(100vh - 226px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.slick_container .slick-list li {
  width: 100%;
  outline: none;
  margin: 0;
}

.slick-dots li {
  margin: 0;
}

.slider {
  height: 100%;
}

.slick-prev,
.slick-next {
  display: none !important;
}

.slick_container .slick-list li.img1 {
  background-position: 50% 100%;
}

.slick_container .slick-list li.img8 {
  background-position: 50% 100%;
}

.slick_container .slick-list li.vertical_0 {
  background-position: 50% 0%;
}

.slick_container .slick-list li.vertical_50 {
  background-position: 50% 50%;
}

.slick_container .slick-list li.vertical_100 {
  background-position: 50% 100%;
}

.detailwrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.shopdetail {
  width: 50%;
  padding: 0 30px 0 15px;
  order: 2;
}

.shopdetail * {
  box-sizing: border-box;
}

.map {
  width: 50%;
  padding: 0 15px 0 30px;
  position: relative;
}

.map:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  padding-top: 10%;
}

.map iframe {
  width: 100%;
  height: 100%;
}

.shopdetail h2 {
  margin: 0 0 20px;
  color: #EE4023;
}

.shopdetail p {
  margin: 0;
  font-size: 0.875rem;
}

.shopdetail .access dl dt {
  font-size: 0.785rem;
  margin-bottom: 5px;
}

.shopdetail .access dl dd {
  margin-left: 0.5rem;
}

.shopdetail .access dl dd p {
  text-indent: -1rem;
  padding-left: 1rem;
  font-size: 0.75rem;
}

.shopdetail .access dl dd p:not(:last-of-type) {
  margin-bottom: 5px;
}

/*---------------footer----------------*/
footer {
  background-color: #F5F5F5;
}

/*===============================================
  画面の横幅が930px以下
===============================================*/
@media screen and (max-width: 930px) {
  /*---------------wrapper----------------*/
  .showroomwrap {
    padding-top: 91px;
  }
  .map {
    padding: 0;
    width: 90%;
    margin: 0 auto 30px;
  }
  .shopdetail {
    width: 90%;
    margin: 0 auto 10px;
    order: 0;
    padding: 0 15px;
  }
} /*max-width: 899px end*/
/*===============================================
 画面の横幅が640px以下
===============================================*/
@media screen and (max-width: 640px) {
  /*---------------wrapper----------------*/
  .showroomwrap h1 {
    margin: 0;
  }
  .slick_container {
    height: 329px;
    margin-bottom: 10px;
  }
  .slick_container .slick-list li {
    margin: 0;
    height: 300px;
  }
  .slick-dots {
    bottom: -25px;
  }
  .slick_container .slick-list li.img1 {
    background-position: 38% 50%;
  }
  .slick_container .slick-list li.img2 {
    background-position: 29% 50%;
  }
  .slick_container .slick-list li.img5 {
    background-position: 43% 50%;
  }
  .slick_container .slick-list li.img6 {
    background-position: 63% 50%;
  }
  .slick_container .slick-list li.img6 {
    background-position: 45% 50%;
  }
  .slick_container .slick-list li.side_0.vertical_0 {
    background-position: 0% 0%;
  }
  .slick_container .slick-list li.side_10.vertical_0 {
    background-position: 10% 0%;
  }
  .slick_container .slick-list li.side_20.vertical_0 {
    background-position: 20% 0%;
  }
  .slick_container .slick-list li.side_30.vertical_0 {
    background-position: 30% 0%;
  }
  .slick_container .slick-list li.side_40.vertical_0 {
    background-position: 40% 0%;
  }
  .slick_container .slick-list li.side_50.vertical_0 {
    background-position: 50% 0%;
  }
  .slick_container .slick-list li.side_60.vertical_0 {
    background-position: 60% 0%;
  }
  .slick_container .slick-list li.side_70.vertical_0 {
    background-position: 70% 0%;
  }
  .slick_container .slick-list li.side_80.vertical_0 {
    background-position: 80% 0%;
  }
  .slick_container .slick-list li.side_90.vertical_0 {
    background-position: 90% 0%;
  }
  .slick_container .slick-list li.side_100.vertical_0 {
    background-position: 100% 0%;
  }
  .slick_container .slick-list li.side_0.vertical_50 {
    background-position: 0% 50%;
  }
  .slick_container .slick-list li.side_10.vertical_50 {
    background-position: 10% 50%;
  }
  .slick_container .slick-list li.side_20.vertical_50 {
    background-position: 20% 50%;
  }
  .slick_container .slick-list li.side_30.vertical_50 {
    background-position: 30% 50%;
  }
  .slick_container .slick-list li.side_40.vertical_50 {
    background-position: 40% 50%;
  }
  .slick_container .slick-list li.side_50.vertical_50 {
    background-position: 50% 50%;
  }
  .slick_container .slick-list li.side_60.vertical_50 {
    background-position: 60% 50%;
  }
  .slick_container .slick-list li.side_70.vertical_50 {
    background-position: 70% 50%;
  }
  .slick_container .slick-list li.side_80.vertical_50 {
    background-position: 80% 50%;
  }
  .slick_container .slick-list li.side_90.vertical_50 {
    background-position: 90% 50%;
  }
  .slick_container .slick-list li.side_100.vertical_50 {
    background-position: 100% 50%;
  }
  .slick_container .slick-list li.side_0.vertical_100 {
    background-position: 0% 100%;
  }
  .slick_container .slick-list li.side_10.vertical_100 {
    background-position: 10% 100%;
  }
  .slick_container .slick-list li.side_20.vertical_100 {
    background-position: 20% 100%;
  }
  .slick_container .slick-list li.side_30.vertical_100 {
    background-position: 30% 100%;
  }
  .slick_container .slick-list li.side_40.vertical_100 {
    background-position: 40% 100%;
  }
  .slick_container .slick-list li.side_50.vertical_100 {
    background-position: 50% 100%;
  }
  .slick_container .slick-list li.side_60.vertical_100 {
    background-position: 60% 100%;
  }
  .slick_container .slick-list li.side_70.vertical_100 {
    background-position: 70% 100%;
  }
  .slick_container .slick-list li.side_80.vertical_100 {
    background-position: 80% 100%;
  }
  .slick_container .slick-list li.side_90.vertical_100 {
    background-position: 90% 100%;
  }
  .slick_container .slick-list li.side_100.vertical_100 {
    background-position: 100% 100%;
  }
  .detailwrap {
    min-height: calc(100vh - 593px);
  }
  /*---------------footer----------------*/
  footer {
    background-color: #F5F5F5;
  }
  .copyright_area {
    height: 40px;
  }
} /*max-width: 640px end*/
@media (max-width: 767px) {
  .mv {
    width: 100%;
    height: 125vw;
    margin-bottom: 7.5vw;
  }
}
@media (min-width: 768px) {
  .mv {
    width: 71.4285714286vw;
    height: 35.7142857143vw;
    margin: 0 auto min(2.1428571429vw, 30px);
  }
}
.mv figure {
  width: 100%;
  height: 100%;
  margin: 0;
}
.mv figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .detailwrap {
    min-height: calc(100vh - 45vw);
  }
}/*# sourceMappingURL=showroom.css.map */