@charset "UTF-8";

/* ----- common ----- */
html {
  scrollbar-gutter: stable;
}

.wrapper_ {
  max-width: none;
}

.mainframe_ {
  max-width: 1600px;
  margin: auto;
}

h1.block-shops-title {
  padding-inline: 24px;
  margin-bottom: 24px;
  font-size: 26px;
}

.block-shops-lead {
  font-size: 14px;
  padding-inline: 24px;
  margin-bottom: 20px;
}

h2.block-shops-title {
  font-size: 22px;
  margin-bottom: 20px;
}

h2.store-pickup--ttl{
  display: none;
}
h2.store-pickup--ttl.on-active{
  display: block;
}

.block-shops-attention {
  border: 1px solid var(--color-alert);
  color: var(--color-alert);
  background-color: #fff;
  border-radius: 8px;
  margin: 0 24px 20px;
  padding: 24px;
  font-size: 14px;
  font-weight: 500;
}

.block-shops-attention > p {
  padding-left: 1em;
  text-indent: -1em;
}

.block-shops-detail-main--title-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 7px;
  background-color: #F8F0E4;
  border: 1px solid #AF8E60;
  border-radius: 2px;
  font-size: 12px;
  color: #AF8E60;
}
@media (max-width: 768px) {
  .mainframe_:has(.action--reserve-button) .block-page-top {
      bottom: 90px;
  }
}
  /* ページャー */
  .navipage_.top_{
    margin-bottom: 20px;
  }
  .navipage_.bottom_{
    margin-top: 30px;
  }
  .navipage_ p{
    text-align: center;
    margin-bottom: 16px;
  }
@media (min-width: 769px) {
  .block-shops-detail-main--title-tag{
    padding: 2px 12px;
    font-size: 12px;
  }
  /* ページャー */
  .navipage_{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .navipage_.top_{
    margin-bottom: 30px;
  }
  .navipage_ p{
    margin-bottom: 0;
    text-align: left;
  }
}

/* 検索条件のタグ表示 */
.block-shops-tags {
  margin: 0 24px 20px;
}

.block-shops-tags--inner {
  padding: 24px;
  background-color: #fff;
  border-radius: 8px;
}

.block-shops-tags--list {
  font-size: 12px;
  display: flex;
  gap: 8px;
  margin-bottom: 6px;
}

.block-shops-tags--list > div {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px 0;
}

.block-shops-tags--list dt {
  font-weight: bold;
  background-color: #EBEBEB;
  padding: 4px 0 4px 6px;
}

.block-shops-tags--list dd {
  background-color: #EBEBEB;
  padding: 4px 0 4px 6px;
}

.block-shops-tags--list dd:not(:last-child)::after {
  content: "｜";
  padding-left: 6px;
}

.block-shops-tags--list dd:last-child {
  padding-right: 8px;
}

@media (min-width: 769px) {
  h1.block-shops-title {
    padding-inline: 0;
    margin-bottom: 32px;
    font-size: 40px;
  }

  .block-shops-lead {
    font-size: 16px;
    font-weight: 500;
    padding-inline: 0;
    margin-bottom: 40px;
  }

  h2.block-shops-title {
    font-size: 24px;
    margin-bottom: 24px;
  }

  .block-shops-attention {
    margin: 0 0 30px;
    padding: 20px;
    text-align: center;
    font-size: 16px;
  }

  /* 検索条件のタグ表示 */
  .block-shops-tags {
    margin: 0 0 40px;
  }

  .block-shops-tags--inner {
    padding: 32px;
  }
}

/* ----- ShopsTop contents ----- */
/* 現在地・フリーワード検索 */
.block-shops-search {
  padding-inline: 24px;
  margin-bottom: 64px;
}

.block-shops-search--inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.block-shops-search--distance {
  width: 100%;
}

.block-shops-search--distance-button {
  appearance: none;
  border: 0;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 50vh;
  background-color: var(--color-primary2);
  cursor: pointer;
}

.block-shops-search--distance-button:hover{
  text-decoration: none;
}

.block-shops-search--distance-button::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../img/icon_shops_location_white.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.block-filter--search-btn{
  width: 100%;
  height: 44px;
}

.block-filter--search-btn a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.block-filter--search-btn a::before {
  content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: top;
    background: url(/img/usr/list/icon_list_filter_heading_white.svg) center center / 100% auto no-repeat;
}

.block-shops-search--keyword {
  width: 100%;
}

.block-shops-search--keyword-label {
  display: flex;
  align-items: center;
  gap: 16px;
}

.block-shops-search--keyword-title {
  font-size: 16px;
  font-weight: 500;
  flex-shrink: 0;
}

.block-shops-search--keyword-item {
  position: relative;
  flex-grow: 1;
}

.block-shops-search--keyword-item::before {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/icon_shops_search.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.block-shops-search--keyword-input[type="text"] {
  width: 100%;
  border-radius: 50vh;
  padding-left: 40px;
  font-size: 14px;
}

.block-shops-search--keyword-input[type="text"]::placeholder {
  color: #787878;
}

@media (min-width: 769px) {
  .block-shops-search {
    padding-inline: 0;
    margin-bottom: 60px;
  }

  .block-shops-search--inner {
    flex-direction: row;
    justify-content: space-between;
  }

  .block-shops-search--distance {
    width: 210px;
  }

  .block-shops-search--distance-button {
    transition: var(--transition-opacity);
  }

  .block-shops-search--distance-button::before {
    width: 24px;
    height: 24px;
  }

  .block-shops-search--distance-button:is(:hover, :focus) {
    opacity: .8;
  }

  .block-shops-search--inner > form {
    flex-grow: 1;
    max-width: 876px;
  }

  .block-shops-search--keyword {
    width: auto;
  }

  .block-shops-search--keyword-item::before {
    left: 25px;
  }

  .block-shops-search--keyword-input[type="text"] {
    max-width: 780px;
    width: 100%;
    padding-left: 65px;
  }
  .block-filter--search-btn{
    width: 250px;
    height: 52px;
    margin-right: auto;
  }
  .block-filter--search-btn a:hover{
    text-decoration: none;
  }
}

/* 地図 */

.store-map-loading{
  padding: 12px 24px;
  text-align: center;
}
.block-shops-map {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-bottom: 40px;
}

.block-shops-map--inner {
  width: 100%;
  height: 570px;
}

/* 1600pxを超えた分だけ左右に半透明マスク */
@media (min-width: 1601px) {
  .block-shops-map::before,
  .block-shops-map::after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    width: calc((100vw - 800px) / 2);
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    pointer-events: none;
  }

  .block-shops-map::before {
    left: 0;
  }

  .block-shops-map::after {
    right: 0;
  }
}

@media (min-width: 769px) {
  .block-shops-map--inner {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    aspect-ratio: 160 / 49;
  }
}

@media screen and (max-width: 768px) {
  .block-shops-map--inner {
    height: 420px;
  }
}

/* 店舗一覧 */
.block-shops-result {
  padding-inline: 24px;
  margin-bottom: 64px;
}

.block-shops-result--list {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
}

.block-shops-result--item {
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px #0000001A;
  padding: 24px 24px 30px;
}

.block-shops-result--new {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 8px 0 8px;
  color: #fff;
  font-size: 14px;
  background-color: var(--color-primary);
  padding: 6px 6px 6px 8px;
}

.block-shops-result--top {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
}

.block-shops-result--head {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
}

.block-shops-result--name {
  font-size: 20px;
  font-weight: bold;
}

.block-shops-result--tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.block-shops-result--tags img {
  height: 25px;
}

.block-shops-result--location {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.block-shops-result--distance {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}

.block-shops-result--distance::before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/icon_shops_location.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.block-shops-result--distance:has(> span:empty) {
    display: none;
}
.block-shops-result--map {
  margin-left: auto;
}

.block-shops-result--map-link {
  display: flex;
  align-items: center;
  color: var(--color-primary3);
  font-size: 14px;
}

.block-shops-result--map-link::after {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/icon_arrow_gold_l.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.block-shops-result--thumb {
  width: 100%;
  min-height: 223px;
  text-align: center;
}
.block-shops-result--thumb img {
  max-width: none;
  width: 100%;
  height: 100%;
  max-height: 223px;
  border-radius: 2px;
}

.block-shops-result--spec,
.block-shops-result--service,
.block-shops-result--cert {
  margin-bottom: 20px;
}

.block-shops-result--cert {
  display: none;
}

.block-shops-result--title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.block-shops-result--spec-table {
  width: 100%;
  min-height: 105px;
}

.block-shops-result--spec-table th,
.block-shops-result--spec-table td {
  padding: 10px;
  font-size: 14px;
  border-bottom: 1px solid #ebe5df;
}

.block-shops-result--spec-table th {
  font-weight: normal;
  text-align: left;
  padding-right: 0;
  white-space: nowrap;
}

.block-shops-result--spec-table td {
  padding-left: 20px;
}

.block-shops-result--service-list,
.block-shops-result--cert-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.block-shops-result--service-list > li,
.block-shops-result--cert-list > li {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ebebeb;
  border-radius: 8px;
  color: #A5A5A5;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.block-shops-result--service-list > li.is-active1,
.block-shops-result--cert-list > li.is-active1 {
  background-color:#595959;
  color: #fff;
}

.block-shops-result--service-list > li {
  flex-grow: 1;
  max-width: calc(50% - 2px);
  width: 80px;
  height: 75px;
  letter-spacing: -1px;
}

.block-shops-result--cert-list > li {
  flex-grow: 1;
  width: calc((100% / 3) - 4px);
  height: 54px;
}

.block-shops-result--action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.block-shops-result--action-item {
  flex-grow: 1;
  width: calc((100% / 2) - 5px);
}

/* 初期状態 */
.reserv-site1,
.reserv-site2,
.reserv-site3 {
  display: none;
}

/* flag=0：link1を表示 */
.reserv-site1.is-active0 {
  display: block;
}

/* flag=0：link2を表示 */
.resumo-link-text.reserv-site2.is-active0 {
  display: block;
}

/* flag=1：RESUMOへのリンクを表示 */
.reserv-site3.is-active1 {
  display: block;
}

.block-shops-result--action-reserve,
.block-shops-result--action-detail {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
}

.block-shops-result--action-reserve {
  gap: 6px;
  padding: 8px 10px;
}

.block-shops-result--action-reserve::before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../img/icon_shops_reserve.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.block-shops-result--action-detail {
  padding: 8px 10px 8px 20px;
}

.block-shops-result--action-detail-icon {
  height: 24px;
}

.block-shops-result--aside {
  display: none;
  margin-top: 20px;
}

.block-shops-result--aside.on-active1{
  display: block;
}

.block-shops-result--aside-inner {
  background-color: #F4F2EA;
  border: 1px solid #BCC19E;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.block-shops-result--aside-thumb {
  flex-shrink: 0;
  width: 76px;
}

.block-shops-result--aside-detail {
  font-size: 12px;
  color: #4E5C45;
}

.block-shops-result--aside-detail a {
  color: #4E5C45;
  text-decoration: underline;
}

@media (min-width: 769px) {
  .block-shops-result {
    padding-inline: 0;
    margin-bottom: 60px;
  }

  .block-shops-result > :last-child {
    margin-bottom: 0;
  }

  .block-shops-result--list {
    flex-direction: row;
    gap: 30px 44px;
  }

  .block-shops-result--item {
    width: calc((100% / 3) - 30px);
    padding: 40px 20px;
  }

  .block-shops-result--top {
    flex-direction: row-reverse;
    min-height: 130px;
  }

  .block-shops-result--detail {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .block-shops-result--thumb {
    max-width: 195px;
    max-height: 130px;
    width: 100%;
    min-height: auto;
    text-align: center;
  }

  .block-shops-result--thumb img{
    max-height: none;
    object-fit: cover;
  }

  .block-shops-result--title {
    margin-bottom: 12px;
  }

  .block-shops-result--service-list > li {
    width: 20%;
    height: 54px;
  }

  .block-shops-result--cert {
    margin-bottom: 30px;
  }
}
/* 都道府県・条件から探す */
.block-shops-filter {
  padding-inline: 24px;
  margin-bottom: 64px;
}

.block-shops-filter--inner {
  background-color: #fff;
  border-radius: 8px;
  padding: 24px;
}

.block-shops-filter--unit {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d2d2d2;
}

.block-shops-filter--label {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

.block-shops-filter--item select,
.block-shops-filter--input[type="text"] {
  width: 100%;
  border: 1px solid #3D3D3D;
  font-size: 14px;
  color: var(--color-default);
  padding: 15px 20px;
}

.block-shops-filter--item select {
  appearance: none;
  background: url(/cms/shops/img/select_arrow.svg) center right 20px no-repeat;
}

.block-shops-filter--item select option {
  color: var(--color-default);
}

.block-shops-filter--item select:has(option:checked:first-child),
.block-shops-filter--input[type="text"]::placeholder {
  color: #787878;
}

.block-shops-filter--list {
  display: flex;
  flex-direction: column;
}

.block-shops-filter--list-item {
  margin-top: 20px;
}

.block-shops-filter--list-item:first-child {
  margin-top: 0 !important;
}

.block-shops-filter--list-item-inner {
  width: fit-content;
  float: left;
  padding-left: 29px;
  text-indent: -29px;
  position: relative;
}

.block-shops-filter--list-label {
  font-size: 14px;
}

.block-shops-filter--checkbox[type="checkbox"] {
  vertical-align: text-top;
}

.block-shops-filter--list-help {
  margin-left: 5px;
}

.block-shops-filter--list-help img {
  vertical-align: middle;
}

.block-shops-filter--list-help-content {
  display: none;
  position: absolute;
  bottom: 2em;
  left: -1.8em;
  background-color: #fff;
  border: 1px solid #e4e1dc;
  box-shadow: 0 6px 6px #0000001A;
  border-radius: 8px;
  padding: 18px 22px;
  width: 100vw;
  max-width: 326px;
  text-indent: 0;
  z-index: 100;
}

.block-shops-filter--list-help-content.is-active {
  display: block;
}

.block-shops-filter--list-help-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  display: block;
  padding-right: 32px;
}

.block-shops-filter--list-help-text {
  display: block;
  font-size: 14px;
  margin-bottom: 16px;
}

.block-shops-filter--list-help-more {
  display: flex;
  justify-content: flex-end;
  color: var(--color-primary3);
  font-size: 13px;
  font-weight: 500;
}

.block-shops-filter--list-help-more::after {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  background: url(../img/icon_arrow_gold_l.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.block-shops-filter--list-help-close {
  position: absolute;
  top: 8px;
  right: 8px;
}

.block-shops-filter--list-help-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ebebeb;
  border: 0;
  border-radius: 50vh;
  width: 32px;
  height: 32px;
}

.block-shops-filter--list-help-button img {
  width: 9px;
  height: 9px;
}

.block-shops-filter--list-item-inner::after {
  display: block;
  content: "";
  clear: both;
}

.block-shops-filter--cert {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.block-shops-filter--cert-unit {
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #D2D2D2;
}

.block-shops-filter--cert-title {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: bold;
}

.block-shops-filter--cert .block-shops-filter--list-item {
  margin-top: 12px;
}

.block-shops-filter--action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.block-shops-filter--action-item {
  width: calc((100% / 2) - 5px);
}

.block-shops-filter--action-submit,
.block-shops-filter--action-clear {
  appearance: none;
  width: 100%;
  border-radius: 50vh;
  padding: 13px;
  font-size: 16px;
  font-weight: bold;
}

.block-shops-filter--action-submit {
  border: 1px solid var(--color-primary2);
}

@media (min-width: 769px) {
  .block-shops-filter {
    padding-inline: 0;
    margin-bottom: 60px;
  }

  .block-shops-filter--inner {
    padding: 60px 100px 52px;
    border: 1px solid #e4e1dc;
  }

  .block-shops-filter--unit {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    padding-bottom: 40px;
  }

  .block-shops-filter--unit.-start {
    align-items: start;
  }

  .block-shops-filter--label {
    margin-bottom: 0;
    width: 320px;
    flex-shrink: 0;
  }

  .block-shops-filter--item {
    flex-grow: 1;
  }

  .block-shops-filter--list {
    flex-direction: row;
    gap: 20px 32px;
    flex-wrap: wrap;
  }

  .block-shops-filter--list-item {
    margin-top: 0;
    width: calc(50% - 16px);
  }

  .block-shops-filter--item select,
  .block-shops-filter--input[type="text"] {
    max-width: 750px;
  }

  .block-shops-filter--item select {
    background-position-x: right 24px;
  }
  .block-shops-filter--list-help-content {
    width: 326px;
    bottom: 0;
    right: -340px;
    left: auto;
  }

  .block-shops-filter--list-help-button {
    cursor: pointer;
    transition: var(--transition-all);
  }

  .block-shops-filter--list-help-button:is(:hover, :focus) {
    background-color: #cecece;
  }

  .block-shops-filter--cert {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 20px
  }

  .block-shops-filter--cert-unit {
    padding: 30px;
    width: calc(50% - 10px);
    flex-grow: 1;
  }

  .block-shops-filter--cert-title {
    font-size: 16px;
  }

  .block-shops-filter--cert .block-shops-filter--list {
    flex-direction: column;
    gap: 12px;
  }

  .block-shops-filter--cert .block-shops-filter--list:has(> li:nth-child(3)) {
    flex-direction: row;
    gap: 12px 32px;
  }

  .block-shops-filter--cert .block-shops-filter--list-item {
    margin-top: 0;
    width: 100%;
  }

  .block-shops-filter--cert .block-shops-filter--list:has(> li:nth-child(3)) .block-shops-filter--list-item {
    width: calc(50% - 16px);
  }

  .block-shops-filter--action {
    gap: 20px;
  }

  .block-shops-filter--action-item {
    width: calc((100% / 2) - 10px);
    max-width: 320px;
  }

  .block-shops-filter--action-submit,
  .block-shops-filter--action-clear {
    padding: 18px;
    font-size: 18px;
  }

  .block-shops-filter--action-submit {
    border: 1px solid var(--color-primary2);
  }
}

/* nishikawaの店舗 */
.block-shops-shoplist {
  padding-inline: 24px;
  margin-bottom: 64px;
}

.block-shops-shoplist--lead {
  margin-bottom: 20px;
  font-size: 14px;
}

.block-shops-shoplist--list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.block-shops-shoplist--item {
  width: calc((100% / 2) - 4px);
  aspect-ratio: 16 / 10;
}

.block-shops-shoplist--link {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .block-shops-shoplist--link{
    padding-inline: 15px;
  }
}

.block-shops-shoplist--action {
  display: flex;
  align-items: center;
  justify-content: center;
}

.block-shops-shoplist--button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: var(--color-primary2);
  width: 100%;
  padding: 15px;
  border-radius: 50vh;
  font-size: 16px;
  font-weight: bold;
}

@media (min-width: 769px) {
  .block-shops-shoplist {
    padding-inline: 0;
    margin-bottom: 60px;
  }

  .block-shops-shoplist--lead {
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 500;
  }

  .block-shops-shoplist--list {
    margin-bottom: 40px;
    gap: 44px;
  }

  .block-shops-shoplist--item {
    width: calc((100% / 6) - 37px);
    aspect-ratio: 23 / 13;
  }

  .block-shops-shoplist--button {
    width: 394px;
    padding: 18px 15px;
    font-size: 18px;
  }

  .block-shops-shoplist--link,
  .block-shops-shoplist--button {
    transition: var(--transition-opacity);
  }

  .block-shops-shoplist--link:is(:hover, :focus),
  .block-shops-shoplist--button:is(:hover, :focus) {
    opacity: .8;
    text-decoration: none;
  }
}


/* ----- ShopsDetail contents ----- */
/* 店舗情報メイン：structure */
.block-shops-detail-main {
  padding-inline: 24px;
  margin-bottom: 64px;
}

.block-shops-detail-main--head {
  margin-bottom: 18px;
}

.block-shops-detail-main--head > h1 {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
}

@media screen and (max-width: 768px) {
  .block-shops-detail-main--head > h1{
    flex-direction: row;
    flex-wrap: wrap;
  }
  .block-shops-detail-main--title{
    display: block;
    width: 100%;
  }
}

.block-shops-detail-main--title-tag {
  line-height: 1;
}

.block-shops-detail-main--title {
  font-size: 26px;
}

.block-shops-detail-main--grid {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.block-shops-detail-main--grid-item {
  width: 100%;
}

.block-shops-detail-main--grid-item > :last-child {
  margin-bottom: 0;
}

.block-shops-detail-main--grid-unit {
  margin-bottom: 32px;
  border-radius: 8px;
}

.block-shops-detail-main--grid-unit > :last-child {
  margin-bottom: 0;
  background-color: #fff;
  padding: 24px;
}

@media (max-width: 768px) {
  .-reserve > .block-shops-detail-main--reserve-action  {
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 18px 24px;
  }
}

@media (min-width: 769px) {
  .block-shops-detail-main {
    padding-inline: 0;
    margin-bottom: 60px;
    container-type: inline-size;
  }

  .block-shops-detail-main--head {
    margin-bottom: 36px;
  }

  .block-shops-detail-main--head > h1 {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .block-shops-detail-main--title-tag {
    flex-shrink: 0;
  }

  .block-shops-detail-main--title {
    font-size: 32px;
  }

  .block-shops-detail-main--grid {
    flex-direction: row;
    gap: 44px;
  }

  .block-shops-detail-main--grid-item {
    width: calc((100% / 2) - 22px);
  }

  .block-shops-detail-main--grid-unit {
    margin-bottom: 16px;
    padding: 30px;
    background-color: #fff;
  }
}

/* 店舗情報メイン：地図 */
.block-shops-detail-main--grid-map {
  margin-bottom: 20px;
  width: 100%;
  aspect-ratio: 86 / 79;
}
.wrap_htmltext_field_google_map_iframe,
.block-shops-detail-main--grid-map iframe {
    width: 100%;
    height: 100%;
}
@media (min-width: 769px) {
  .block-shops-detail-main--grid-map {
    margin-bottom: 25px;
    aspect-ratio: 778 / 587;
  }
}

/* 店舗情報メイン：タグ */
.block-shops-detail-main--grid-tag {
  margin-bottom: 32px;
}

.block-shops-detail-main--tags {
  display: flex;
  gap: 6px;
}

.block-shops-detail-main--tag-item {
  color: #fff;
  background-color: #595959;
  padding: 0 12px;
  font-size: 12px;
}

@media (min-width: 769px) {
  .block-shops-detail-main--grid-tag {
    margin-bottom: 25px;
  }

  .block-shops-detail-main--tag-item {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .block-shops-detail-main--tags{
    display: block;
  }
  .block-shops-detail-main--tag-item {
    display: inline-block;
      padding: 5px 12px;
  }
  .block-shops-detail-main--tag-item+.block-shops-detail-main--tag-item{
    margin-top: 10px;
  }
}
/* 店舗情報メイン：販売店情報 */
.block-shops-detail-main--spec {
  width: 100%;
}

.block-shops-detail-main--spec th,
.block-shops-detail-main--spec td {
  padding: 10px;
  border-bottom: 1px solid #ebe5df;
}

.block-shops-detail-main--spec th {
  font-weight: 500;
  text-align: left;
  padding-right: 0;
  font-size: 14px;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .block-shops-detail-main--spec th {
    text-align: right;
  }
}

.block-shops-detail-main--spec td {
  padding-left: 20px;
  font-size: 14px;
}

.block-shops-detail-main--spec td a {
  font-weight: normal;
  word-break: break-all;
}

.block-shops-detail-main--spec-map {}

.block-shops-detail-main--spec-map-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--color-primary3);
  font-size: 14px;
}

.block-shops-detail-main--spec-map-link::after {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/icon_arrow_gold_l.svg) no-repeat 0 0;
  background-size: 100% auto;
}

@media (min-width: 769px) {
  .block-shops-detail-main--spec th,
  .block-shops-detail-main--spec td {
    padding: 20px;
  }

  .block-shops-detail-main--spec th {
    width: 150px;
    font-weight: 500;
  }
}

/* 店舗情報メイン：サービス・特徴 */
.block-shops-detail-main--service {
  margin-bottom: 12px;
}

.block-shops-detail-main--service-title {
  margin-bottom: 8px;
  font-size: 16px;
}

.block-shops-detail-main--service-bnr-inner {
  background-color: #F4F2EA;
  border: 1px solid #BCC19E;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #4E5C45;
}

.block-shops-detail-main--service-bnr-thumb {
  flex-shrink: 0;
  width: 78px;
}

.block-shops-detail-main--service-bnr-detail {
  font-size: 12px;
  color: #4E5C45;
}

.block-shops-detail-main--service-bnr-detail a {
  color: #4E5C45;
  text-decoration: underline;
}

.block-shops-detail-main--service-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.block-shops-detail-main--service-list + .block-shops-detail-main--service-list {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #E8E5DF;
}

.block-shops-detail-main--service-list > li {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ebebeb;
  border-radius: 8px;
  color: #A5A5A5;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 54px;
}

.block-shops-detail-main--service-list > li.is-active {
  background-color:#595959;
  color: #fff;
}

.block-shops-detail-main--service-list > li {
  width: calc(50% - 2px);
  letter-spacing: -1px;
  line-height: 1.25;
}

.block-shops-detail-main--service-list .text-min {
  font-size: 10px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .block-shops-detail-main--service-list.-cert > li {
    width: calc((100% / 3) - 3px);
  }
}

@media (min-width: 769px) {
  .block-shops-detail-main--service {
    margin-bottom: 24px;
  }

  .block-shops-detail-main--service-title {
    font-size: 18px;
  }

  .block-shops-detail-main--service-bnr-inner {
    gap: 20px;
    padding: 14px 14px 14px 20px;
  }

  .block-shops-detail-main--service-bnr-detail {
    font-size: 14px;
  }

  .block-shops-detail-main--service-list + .block-shops-detail-main--service-list {
    margin-top: 24px;
    padding-top: 24px;
  }
  
  .block-shops-detail-main--service-list > li {
    width: calc((100% / 3) - 3px);
  }

  .block-shops-detail-main--service-list .text-min {
    font-size: 11px;
  }
}

/* 店舗情報メイン：予約メニュー */
.block-shops-detail-main--reserve {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto 1fr auto;
}

.block-shops-detail-main--reserve-item {
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 16px;
  padding-bottom: 24px;
}

.block-shops-detail-main--reserve-thumb > img {
  border-radius: 4px;
}

.block-shops-detail-main--reserve-name,
.block-shops-detail-main--reserve-text,
.block-shops-detail-main--reserve-action {
  padding-inline: 0;
}


.block-shops-detail-main--reserve-name {
  font-weight: bold;
  font-size: 14px;
}

.block-shops-detail-main--reserve-text {
  font-size: 13px;
  display: none;
}

.block-shops-detail-main--reserve-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  font-weight: bold;
  height: 44px;
  padding: 12px;
  white-space: normal;
}

.block-shops-detail-main--reserve-button::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/icon_shops_reserve.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.block-reserve-notice {
  --icon-external: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 12%22%3E%3Cpath fill=%22none%22 stroke=%22black%22 stroke-width=%221.2%22 d=%22M4.5 2H1v9h9V7.5M7 1h4v4M11 1L5.5 6.5%22/%3E%3C/svg%3E');
  margin-bottom: 24px;
  padding: 20px;
  border: 1px solid var(--rsv-line, #dedede);
  border-radius: var(--rsv-radius, 8px);
  font-size: 14px;
  line-height: 1.8;
}

.block-reserve-notice--title {
  margin: 0 0 8px;
  font-weight: 700;
}

.block-reserve-notice--text {
  margin: 0;
}

.block-reserve-notice--list {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.block-reserve-notice--list li {
  padding-left: 1em;
  text-indent: -1em;
}

.block-reserve-notice--list li + li {
  margin-top: 4px;
}

.block-reserve-notice a.block-reserve-notice--link {
  color: var(--rsv-brand, #d81625);
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}

.block-reserve-notice a.block-reserve-notice--link:where(:hover, :focus-visible) {
  text-decoration: none;
}

.block-reserve-notice a.block-reserve-notice--link::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 4px;
  background-color: currentColor;
  -webkit-mask: var(--icon-external) no-repeat center / contain;
  mask: var(--icon-external) no-repeat center / contain;
  vertical-align: -1px;
}

@media (max-width: 360px) {
  .block-shops-detail-main--reserve-name,
  .block-shops-detail-main--reserve-text,
  .block-shops-detail-main--reserve-action {
    padding-inline: 0;
  }
}

@media (min-width: 769px) {
  .block-shops-detail-main--reserve {
    gap: 40px 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-inline: 0 !important;
  }

  .block-shops-detail-main--service-title {
    font-size: 18px;
  }

  .block-shops-detail-main--service-list + .block-shops-detail-main--service-list {
    margin-top: 24px;
    padding-top: 24px;
  }
  
  .block-shops-detail-main--reserve-item {
    padding-bottom: 0;
    gap: 18px;
  }

  .block-shops-detail-main--reserve-name,
  .block-shops-detail-main--reserve-text {
    padding-inline: 0;
  }

  .block-shops-detail-main--reserve-name {
    font-size: 16px;
  }

  .block-shops-detail-main--reserve-text {
    font-size: 14px;
  }

  .block-shops-detail-main--reserve-button {
    font-size: 16px;
    height: 60px;
  }

  @container (min-width: 831px) and (max-width: 1040px) {
    .block-shops-detail-main--reserve {
      column-gap: 8px;
    }
  
    .block-shops-detail-main--reserve-name {
      font-size: 14px;
    }
  
    .block-shops-detail-main--reserve-button {
      font-size: 12px;
      padding: 8px;
    }
  }

  @container (max-width: 830px) {
    .block-shops-detail-main--grid {
      flex-direction: column;
    }

    .block-shops-detail-main--grid-item {
      width: 100%;
    }
  }
}

/* 店舗からのご挨拶 */
.block-shops-detail-message:not(:has(.block-shops-detail-message--grid > *)) {
    display: none;
}
.block-shops-detail-message {
  padding-inline: 24px;
  margin-bottom: 64px;
}

.block-shops-detail-message--inner {
  background-color: #fff;
  padding: 24px;
  border-radius: 8px;
}

.block-shops-detail-message--grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.block-shops-detail-message--thumb {
  position: relative;
  width: 100%;
}
.block-shops-detail-message--swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 335px;
}

.block-shops-detail-message--swiper-slide img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.block-shops-detail-message--thumb img {
  border-radius: 4px;
}
.block-shops-detail-message--thumb .block-shops-detail-message--swiper-button{
  top: 22px;
}
@media screen and (max-width: 768px) {
.block-shops-detail-message--thumb .block-shops-detail-message--swiper-button{
  top: 50%;
}
}

.block-shops-detail-message--swiper-button,
.block-shops-detail-message--swiper-button::after {
  content: "";
  width: 44px;
  height: 44px;
}

.block-shops-detail-message--swiper-button.swiper-button-prev {
  left: -44px;
}

.block-shops-detail-message--swiper-button.swiper-button-prev::after {
  background: url(../img/icon_shops_slider_prev_sp.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.block-shops-detail-message--swiper-button.swiper-button-next {
  right: -44px;
}

.block-shops-detail-message--swiper-button.swiper-button-next::after {
  background: url(../img/icon_shops_slider_next_sp.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.block-shops-detail-message--text {
  font-size: 14px;
  width: 100%;
}

@media (min-width: 769px) {
  .block-shops-detail-message {
    padding-inline: 0;
    margin-bottom: 100px;
  }

  .block-shops-detail-message--inner {
    padding: 0;
    background-color: transparent;
  }

  .block-shops-detail-message--grid {
    flex-direction: row;
    gap: 70px;
  }

  .block-shops-detail-message--thumb {
    width: 43%;
  }

  .block-shops-detail-message--text {
    width: calc(57% - 70px);
    font-size: 16px;
    font-weight: 500;
  }

  .block-shops-detail-message--swiper {
    background-color: #fff;
    padding: 24px;
    border-radius: 8px;
    width: calc(100% - 74px - 74px);
  }

  .block-shops-detail-message--swiper-button {
    width: 64px;
    height: 100%;
    margin-top: 0;
    top: 0;
    transition: var(--transition-all);
  }

  .block-shops-detail-message--swiper-button::after {
    position: relative;
    content: "";
    width: 24px;
    height: 70px;
  }

  .block-shops-detail-message--swiper-button.swiper-button-prev {
    left: 0;
  }

  .block-shops-detail-message--swiper-button.swiper-button-prev::after {
    background: url(../img/icon_shops_slider_prev.svg) no-repeat 0 0;
    background-size: 100% auto;
  }

  .block-shops-detail-message--swiper-button.swiper-button-next {
    right: 0;
  }

  .block-shops-detail-message--swiper-button.swiper-button-next::after {
    background: url(../img/icon_shops_slider_next.svg) no-repeat 0 0;
    background-size: 100% auto;
  }

  .block-shops-detail-message--swiper-button:is(:hover, :focus) {
    background-color: #eae6e2;
    border-radius: 8px;
  }

  .block-shops-detail-message--swiper-button.swiper-button-prev:is(:hover, :focus)::after {
    left: -1px;
  }

  .block-shops-detail-message--swiper-button.swiper-button-next:is(:hover, :focus)::after {
    right: -1px;
  }

  .block-shops-detail-message--swiper-button.swiper-button-disabled {
    display: none;
  }
}

/* 店舗からのお知らせ */
.block-shops-detail-info {
  padding-inline: 24px;
  margin-bottom: 32px;
}

.block-shops-detail-info--inner {
  background-color: #fff;
  padding: 24px;
  border-radius: 8px;
}

.block-shops-detail-info--items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.block-shops-detail-info--item {
  display: flex;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E8E5DF;
}

.block-shops-detail-info--thumb {
  flex-shrink: 0;
}

.block-shops-detail-info--thumb img {
  border-radius: 8px;
}

.block-shops-detail-info--content {
  flex-grow: 1;
}

.block-shops-detail-info--date {
  font-size: 12px;
  margin-bottom: 10px;
}

.block-shops-detail-info--text {
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

@media (min-width: 769px) {
  .block-shops-detail-info {
    padding-inline: 0;
    margin-bottom: 100px;
  }

  .block-shops-detail-info--inner {
    padding: 60px 0;
  }

  .block-shops-detail-info--items {
    margin: auto;
    width: 84%;
  }

  .block-shops-detail-info--item {
    gap: 40px;
    align-items: center;
    padding-bottom: 20px;
  }

  .block-shops-detail-info--content {
    display: flex;
    align-items: center;
    gap: 50px;
  }

  .block-shops-detail-info--date {
    margin-bottom: 0;
    font-size: 16px;
  }

  .block-shops-detail-info--text {
    font-size: 16px;
  }
}

/* ショップレビュー */
.block-shops-detail-review {
  padding-inline: 24px;
  margin-bottom: 74px;
}

.block-shops-detail-review--inner {
  background-color: #fff;
  padding: 24px 0 30px;
  border-radius: 8px;
}

.block-shops-detail-review .mapreview-wrapper .mritgcover {
  box-sizing: border-box;
  border: none;
  padding: 14px 44px;
  margin: 0;
}

.block-shops-detail-review .mrintedrated-header > .mrsearch{
  width: calc(100% - 44px);
  margin-top: 40px;
}

.block-shops-detail-review .mrintedrated-header .mrsearchbox{
  width: calc(100% - 46px);
  border-radius: 40px 0 0 40px;
}

.block-shops-detail-review .mrintedrated-header .mrsearchbtn{
  border-radius: 0 40px 40px 0;
  background-color: #3D3D3D !important;
}
.block-shops-detail-review .mrintedrated-header .mrsearchbtn::placeholder{
  color: #757575;
}
.block-shops-detail-review .mrrate-ul > .mrratalist{
  margin-bottom: 5px;
}
.block-shops-detail-review .mrrate-ul > .mrratalist:last-of-type{
  margin-bottom: 0;;
}
.block-shops-detail-review .mrrate-ul .mrratechk + label {
  background: transparent url(/img/usr/common/icon/icon_check_off.svg) no-repeat 0 0;
  background-size: 100% auto;
  flex: 0 0 21px;
  height: 21px;
  margin-right: 10px;
  cursor: pointer;
}

.block-shops-detail-review .mrrate-ul .mrratechk:checked + label{
  background-image: url(/img/usr/common/icon/icon_check_on.svg);
}


.block-shops-detail-review .mrrate-ul .mrratechk:checked + label::after {
  display: none;
}

.mrrate-ul .mritggraph > .mritggrahbar{
  background-color: #625D57 !important;
}
.block-shops-detail-review .mrintedrated-header > .mritghright{
  margin-bottom: 0;
}
.block-shops-detail-review .mr-integrated01 > .mritgcominfo{
  padding: 0 0 20px;
}

.block-shops-detail-review .mr-integrated01{
  padding-inline: 24px;
}
.block-shops-detail-review .review-card .mrtext::after{
  background-color: transparent;
}
.block-shops-detail-review .paginationjs .paginationjs-pages{
  margin-top: 20px;
}
@media (min-width: 769px) {
  .block-shops-detail-review {
    padding-inline: 0;
    margin-bottom: 100px;
  }

  .block-shops-detail-review--inner {
    padding: 60px 0;
  }

  .block-shops-detail-review--content {
    margin: auto;
    width: 82%;
  }

  .block-shops-detail-review .mapreview-wrapper .mritgcover {
    padding: 14px 44px;
  }
}

/* スタッフおすすめ商品 */
.block-shops-detail-recommend {
  padding-inline: 24px;
  margin-bottom: 32px;
}

.block-shops-detail-recommend--inner {}

.block-shops-detail-recommend .hacobune-app-container {
  width: 100% !important;
}

.block-shops-detail-recommend .vs-goods_list_move--inner {
  margin-top: 0;
}

.block-shops-detail-recommend .hacobune-app-container {
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
}

.block-shops-detail-recommend .vs-goods_list--head,
.block-shops-detail-recommend .hacobune-mix-search {
  display: none !important;
}

.block-shops-detail-recommend .hacobune-grid-row {
  gap: 8px;
  align-items: stretch;
}

.block-shops-detail-recommend .hacobune-grid-col {
  flex-basis: calc(50% - 4px) !important;
  width: calc(50% - 4px) !important;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 1px 6px #0000001A;
}

.block-shops-detail-recommend .hacobune-mix-list-item {
  display: block !important;
  padding: 0 !important;
  height: 100%;
}

.block-shops-detail-recommend .hacobune-mix-list-item-figure {
  width: 100%;
  aspect-ratio: 1 / 1;
}

.block-shops-detail-recommend .hacobune-mix-list-item-figure-thumbnail {
  object-fit: cover;
}

.block-shops-detail-recommend .hacobune-mix-list-item-title {
  margin-inline: 16px
}

.block-shops-detail-recommend .hacobune-mix-list-item-caption {
  margin: 6px 16px 16px;
}

.block-shops-detail-recommend .hacobune-grid-col .hacobune-mix-list-item-caption-avatar-image {
  width: 42px;
  height: 42px;
}

.block-shops-detail-recommend .hacobune-grid-col .hacobune-mix-list-item-caption-profile {
  color: #606060;
  font-size: 13px;
}

@media (min-width: 769px) {
  .block-shops-detail-recommend {
    padding-inline: 0;
    margin-bottom: 100px;
  }

  .block-shops-detail-recommend .vs-goods_list_move--inner,
  .block-shops-detail-recommend .hacobune-app-container {
    max-width: 1600px !important;
  }

  .block-shops-detail-recommend .hacobune-grid-row {
    gap: 44px;
  }

  .block-shops-detail-recommend .hacobune-grid-col {
    flex-basis: calc((100% / 4) - 33px) !important;
    width: calc((100% / 4) - 33px) !important;
    max-width: calc((100% / 4) - 33px) !important;
  }

  .block-shops-detail-recommend .hacobune-mix-list-item {
    padding: 24px 24px 36px !important;
  }

  .block-shops-detail-recommend .hacobune-mix-list-item-figure-thumbnail {
    border-radius: 8px;
  }

  .block-shops-detail-recommend .hacobune-grid-col .hacobune-mix-list-item-title {
    margin-top: 20px;
    margin-inline: 0;
    font-size: 18px;
    line-height: 1.4;
  }

  .block-shops-detail-recommend .hacobune-grid-col .hacobune-mix-list-item-caption {
    margin: 20px 0 0;
  }

  .block-shops-detail-recommend .hacobune-grid-col .hacobune-mix-list-item-caption-avatar-image {
    width: 48px;
    height: 48px;
  }

  .block-shops-detail-recommend .hacobune-grid-col .hacobune-mix-list-item-caption-profile {
    font-size: 14px;
  }
}

/* シェア */
.block-shops-detail-share {
  padding-inline: 24px;
  margin-bottom: 32px;
}

.block-shops-detail-share--inner {
  background-color: #8A857E;
  padding: 20px 24px 30px;
  border-radius: 8px;
  color: #fff;
}

.block-shops-detail-share--title {
  background: none;
  margin: 0 0 18px;
  padding: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.block-shops-detail-share--list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

@media (min-width: 769px) {
  .block-shops-detail-share {
    padding-inline: 0;
    margin-bottom: 40px;
  }

  .block-shops-detail-share--inner {
    padding: 28px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
  }

  .block-shops-detail-share--title {
    font-size: 20px;
    margin-bottom: 0;
    text-align: left;
    position: relative;
    margin-right: 40px;
  }

  .block-shops-detail-share--title::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: -40px;
    width: 1px;
    height: 100%;
    background-color: #fff;
  }

  .block-shops-detail-share--item > a {
    transition: var(--transition-opacity);
  }

  .block-shops-detail-share--item > a:is(:hover, :focus) {
    opacity: .8;
  }
}

/* ページ下部のアクションボタン */
.block-shops-detail-action {
  padding-inline: 24px;
  margin-bottom: 64px;
}

.block-shops-detail-action--inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.block-shops-detail-action--item {
  width: calc((100% / 2) - 5px);
}

.block-shops-detail-action--back-button,
.block-shops-detail-action--reserve-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  height: 44px;
  padding: 12px;
}

.block-shops-detail-action--back-button {
  background-color: transparent;
  gap: 10px;
}

.block-shops-detail-action--back-button::before {
  position: relative;
  top: 1px;
  display: block;
  content: "";
  width: 6px;
  height: 15px;
  background: url(../img/icon_arrow_back.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.block-shops-detail-action--reserve-button {
  gap: 6px;
}

.block-shops-detail-action--reserve-button::before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/icon_shops_reserve.svg) no-repeat 0 0;
  background-size: 100% auto;
}
@media (max-width: 768px) {
  .block-shops-detail-action--item.action--reserve-button{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px -1px 6px #00000029;
    border-radius: 0;
    padding: 18px 24px;
    z-index: 9999;
  }
}
@media (min-width: 769px) {
  .block-shops-detail-action {
    padding-inline: 0;
    margin-bottom: 100px;
  }

  .block-shops-detail-action--inner {
    gap: 44px;
  }

  .block-shops-detail-action--item {
    width: 368px;
  }

  .block-shops-detail-action--back-button,
  .block-shops-detail-action--reserve-button {
    font-size: 16px;
    height: 64px;
  }
}


  /* InfoWindowの余白を変更前の見た目に近づける */
  .block-shops-map--inner .gm-style-iw-c {
    max-width: 320px !important;
    padding: 0 !important;
    border-radius: 2px !important;
  }

  .block-shops-map--inner .gm-style-iw-d {
    max-height: none !important;
    overflow: auto !important;
    padding: 16px 40px 16px 16px !important;
  }

  .block-shops-map--inner .gm-style-iw-chr {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 40px;
  }

  .block-shops-map--inner .gm-style-iw-chr > span {
    display: none !important;
  }

  .block-shops-map--inner .gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important;
    width: 40px !important;
    height: 40px !important;
  }

  .shop-map-info {
    min-width: 220px;
    color: #333;
    font-size: 14px;
    line-height: 1.6;
  }

  .shop-map-info__name {
    margin-bottom: 2px;
    font-weight: 700;
  }

  .shop-map-info__distance,
  .shop-map-info__address,
  .shop-map-info__tel {
    margin-top: 2px;
  }

  .shop-map-info__links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 4px;
  }

  .shop-map-info__links a {
    color: inherit;
    text-decoration: underline;
  }