@charset "utf-8";

/*------------------------------------------*/
/* 営業所
/*------------------------------------------*/

@media screen and (min-width: 768px), print {
  .guide-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

/*画像---------------------------------------------------*/
.guide-box img {
  width: 100%;
}

@media screen and (min-width: 1000px), print {
  .guide-box figure {
    flex-shrink: 0;
  }
}

/*テキストエリア---------------------------------------------------*/
.guide-location {
  text-align: left;
}

@media screen and (max-width: 999px) {
  .guide-location {
    width: 100%;
    max-width: 320px;
  }
}

@media screen and (max-width: 767px) {
  .guide-location {
    max-width: 100%;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px), print {
  .guide-location {
    margin-right: 60px;
  }
}

/*会館名-----------------------------------*/
.guide-heading {
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.8em;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .guide-heading {
    padding-bottom: 20px;
    font-size: 1.2em;
  }
}
@media screen and (min-width: 768px), print {
  .guide-heading {
    padding-bottom: 30px;
    font-size: 1.8em;
  }
}
/*初期*/
/*.guide-heading {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  display: inline-block;
}

.guide-heading.kuwana {
  background: url(../img/kuwana.png) no-repeat;
  background-size: 100%;
}

.guide-heading.kuwananishi {
  background: url(../img/kuwananishi.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 767px) {
  .guide-heading {
    padding-bottom: 20px;
  }

  .guide-heading.kuwana {
    width: calc(700px / 3);
    height: calc(60px / 3);
  }

  .guide-heading.kuwananishi {
    width: calc(764px / 3);
    height: calc(60px / 3);
  }
}

@media screen and (min-width: 768px), print {
  .guide-heading {
    padding-bottom: 30px;
  }

  .guide-heading.kuwana {
    width: calc(700px / 2.5);
    height: calc(60px / 2.5);
  }

  .guide-heading.kuwananishi {
    width: calc(764px / 2.5);
    height: calc(60px / 2.5);
  }
}

@media screen and (min-width: 1000px), print {
  .guide-heading.kuwana {
    width: calc(700px / 2);
    height: calc(60px / 2);
  }

  .guide-heading.kuwananishi {
    width: calc(764px / 2);
    height: calc(60px / 2);
  }
}

*/

/*住所---------------------------------------------------*/
.guide-address {
  border-bottom: 1px solid #c6bdb3;
}

@media screen and (max-width: 833px) {
  .guide-address {
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 834px), print {
  .guide-address {
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
  }
}


/*------------------------------------------*/
/* 設備
/*------------------------------------------*/

.guide-photo {
  position: relative;
}

.guide-photo .right,
.guide-photo .left {
  background: #fff;
  position: absolute;
  bottom: 0;
}

.guide-photo .right {
  right: 0;
}

.guide-photo .left {
  left: 0;
}

@media screen and (max-width: 833px) {
  .guide-photo .right {
    padding: 5px 10px 5px 20px;
  }

  .guide-photo .left {
    padding: 5px 20px 5px 10px;
  }
}

@media screen and (min-width: 834px), print {
  .guide-photo .right {
    padding: 20px 30px 20px 40px;
  }

  .guide-photo .left {
    padding: 20px 40px 20px 30px;
  }
}

/*caption---------------------------------------------------*/
.guide-caption {
  letter-spacing: 0.1em;
  border-bottom: 1px solid #c6bdb3;
}

@media screen and (max-width: 833px) {
  .guide-caption {
    font-size: 1.1rem;
    padding-bottom: 5px;
  }
}

@media screen and (min-width: 834px), print {
  .guide-caption {
    width: 300px;
    font-size: 1.4rem;
    padding-bottom: 10px;
  }

}

@media screen and (min-width: 1000px), print {
  .guide-caption {
    font-size: 1.6rem;
  }
}
/*画像---------------------------------------------------*/
.guide-photo img {
  width: 100%;
}

.guide-list{
  margin-top: 20px;
}

.guide-list ul{
  list-style: disc;
  margin-left: 2em;
}