/*
Theme Name: リラック愛知 子テーマ
Author: e-nets.biz
Description:
Template: wp-rerac2
Version: 1.0
*/

/* フロントページの施術一覧 */
@media only screen and (max-width: 782px) {
  .fp-menu .wp-block-image {
    width: 100% !important;
  }
}

/* Google Maps */
.gmaps {
  margin: 20px 0 0;
}

.gmaps iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

/* 施術予約
============================================================= */

.access-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  padding: 0 !important;
  margin:0 !important;
  list-style: none;
}

.access-list__item {
  width: calc((100% - 20px) / 2);
}

@media only screen and (max-width: 782px) {
  .access-list {
    flex-direction: column;
    align-items: center;
  }

  .access-list__item {
    width: 100%;
    max-width: 400px;
  }
}

.shop-access {
  height: 100%;
  padding: 20px;
  margin: 0;
  color: #f5f5dc;
  background-image: linear-gradient(#3b190a 0%, #86551a 100%);
  border: 1px solid #666;
}

.shop-access figure {
  margin:0;
}

.shop-access figure img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.shop-access address {
  display:flex;
  flex-direction: column;
  font-size: 14px;
  font-style: normal;
  line-height: 1.5em;
}

.shop-access address p {
  line-height: inherit;

}

.shop-access h2 {
  margin: 0.5em 0;
  font-size: 20px;
  color: #c8a750;
}

@media only screen and (max-width: 782px) {
  .shop-access {
    padding:10px;
  }
}

.btn-booking{
  padding-top:20px;
  margin:auto 0;

  /* stylelint-disable-next-line no-descending-specificity */
  & img {
    display:block;
    width:200px;
    height:auto;
    border:1px solid #f5f5dc;
  }
  
}

.title-category {
  text-align: center;
}