@charset "UTF-8";

/* 交通アクセス */

.access #content .inner{
  /* padding: 20px; */
}

.shop-photo,
.shop-info{
  display: flex;
  margin-bottom: 30px;
}
.shop-photo figure{
  margin: 0;
}

.shop-info h3{
  font-size: 150%;
  color: #1B6AA5;
}

.shop-info h4{
  font-size: 120%;
  background-color: #1B6AA5;
  color: #fff;
  padding: .2em 1em;
  border-radius: 2em;
  margin: 1.5em 0 .6em;
}
.shop-info h4:first-child{ margin-top: 0;}

.shop-info-address{
  width: 50%;
}

.shop-map{
  /* margin-top: 30px; */
}

.shop-map-illust{
  width: 700px;
  margin: 0 auto 30px;
}

.shop-map-gmap iframe{
  width: 100%;
  height: 600px;
}

@media screen and ( max-width:520px ){
  .shop-photo,
  .shop-info{
    display: block;
  }

  .shop-info-address{
    width: 100%;
    margin-bottom: 30px;
  }

  .shop-info h3{
    font-size: 5vw;
  }
  
  .shop-info h4{
    font-size: 3.5vw;
  }

  .shop-map-illust{
    width: 100%;
  }

  .shop-map-gmap iframe{
    width: 100%;
    height: calc(100vh - 130px);
  }
}