/* Shared access section (guide + salon) */
.gh-access{
  padding:clamp(40px,8vw,56px) clamp(16px,4vw,24px) clamp(48px,8vw,64px);
  background:#fff;
}
.gh-access-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  margin-bottom:clamp(24px,5vw,32px);
}
.gh-access-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(16px,4vw,24px);
}
.gh-access-jp{
  margin:0;
  font-size:clamp(20px,4.6vw,26px);
  font-weight:600;
  letter-spacing:.12em;
  color:#3d4f5f;
}
.gh-access-en{
  font-family:'Zen Kaku Gothic New', sans-serif;
  font-size:clamp(10px,2.4vw,11px);
  font-weight:500;
  letter-spacing:.28em;
  color:#9a928a;
}
.gh-access-line{
  flex:1;
  min-width:48px;
  height:1px;
  background:#e8e2da;
}
.gh-access-map{
  position:relative;
  overflow:hidden;
  border-radius:12px;
  border:1px solid rgba(28,26,23,.08);
  box-shadow:0 4px 18px rgba(28,26,23,.06);
  line-height:0;
  background:#f0ebe3;
}
.gh-access-map iframe{
  display:block;
  width:100%;
  height:clamp(280px,68vw,360px);
  border:0;
}
.gh-map-note{
  position:absolute;
  top:clamp(10px,2.5vw,14px);
  left:clamp(10px,2.5vw,14px);
  right:clamp(10px,2.5vw,14px);
  z-index:2;
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 10px;
  align-items:start;
  padding:clamp(12px,3vw,14px) clamp(10px,2.5vw,12px);
  border-radius:12px;
  background:#fff;
  box-shadow:0 2px 10px rgba(60,64,67,.18),0 0 1px rgba(60,64,67,.12);
  pointer-events:auto;
}
.gh-map-note-main{
  min-width:0;
}
.gh-map-note-title{
  margin:0 0 6px;
  font-family:'Zen Kaku Gothic New',sans-serif;
  font-size:clamp(12px,3.1vw,14px);
  font-weight:700;
  line-height:1.45;
  letter-spacing:.02em;
  color:#202124;
}
.gh-map-note-addr,
.gh-map-note-tel{
  margin:0;
  font-family:'Zen Kaku Gothic New',sans-serif;
  font-size:clamp(10px,2.6vw,11px);
  font-weight:400;
  line-height:1.6;
  color:#5f6368;
}
.gh-map-note-tel{
  margin-top:4px;
}
.gh-map-note-tel a{
  color:inherit;
  text-decoration:none;
}
.gh-map-note-tel a:hover{
  color:#1a73e8;
}
.gh-map-note-actions{
  display:flex;
  gap:8px;
  flex-shrink:0;
}
.gh-map-note-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:clamp(34px,8.5vw,38px);
  height:clamp(34px,8.5vw,38px);
  border-radius:50%;
  text-decoration:none;
  transition:background .2s,box-shadow .2s,transform .2s;
}
.gh-map-note-btn svg{
  width:clamp(16px,4vw,18px);
  height:clamp(16px,4vw,18px);
}
.gh-map-note-btn--open{
  border:1px solid #dadce0;
  background:#fff;
  color:#1a73e8;
  box-shadow:0 1px 2px rgba(60,64,67,.08);
}
.gh-map-note-btn--open:hover{
  background:#f8f9fa;
  box-shadow:0 1px 3px rgba(60,64,67,.14);
}
.gh-map-note-btn--dir{
  border:none;
  background:#1a73e8;
  color:#fff;
  box-shadow:0 1px 3px rgba(26,115,232,.35);
}
.gh-map-note-btn--dir:hover{
  background:#1765cc;
  transform:translateY(-1px);
}
.gh-map-note-btn--dir svg path:first-child{
  fill:currentColor;
}
.gh-access-body{
  margin-top:clamp(4px,1.5vw,8px);
}
.gh-access-salon{
  margin:0;
  font-size:clamp(16px,4vw,18px);
  font-weight:600;
  letter-spacing:.1em;
  color:#3a3630;
}
.gh-access-list{
  margin:0;
  display:flex;
  flex-direction:column;
  gap:0;
}
.gh-access-item{
  display:grid;
  grid-template-columns:minmax(56px,4.5em) 1fr;
  gap:clamp(10px,2.5vw,14px);
  align-items:start;
  padding-bottom:clamp(14px,3.5vw,18px);
  border-bottom:1px solid #ece6de;
}
.gh-access-item:last-child{
  padding-bottom:0;
  border-bottom:none;
}
.gh-access-item dt{
  margin:0;
  font-family:'Zen Kaku Gothic New', sans-serif;
  font-size:clamp(11px,2.8vw,12px);
  font-weight:500;
  letter-spacing:.12em;
  color:#7a8b6e;
}
.gh-access-item dd{
  margin:0;
  font-family:'Zen Kaku Gothic New', sans-serif;
  font-size:clamp(12px,3.1vw,13px);
  font-weight:400;
  line-height:1.9;
  letter-spacing:.04em;
  color:#5c5650;
}
.gh-access-item dd a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(122,139,110,.35);
  transition:color .25s,border-color .25s;
}
.gh-access-item dd a:hover{
  color:#7a8b6e;
  border-bottom-color:#7a8b6e;
}
.gh-access-link{
  display:inline-flex;
  align-items:center;
  margin-top:12px;
  padding:4px 24px;
  border:1px solid rgba(122,139,110,.45);
  border-radius:999px;
  font-family:'Zen Kaku Gothic New', sans-serif;
  font-size:clamp(11px,2.8vw,12px);
  font-weight:500;
  letter-spacing:.08em;
  color:#fff;
  text-decoration:none;
  background:#7a8b6e;
  transition:background .25s,border-color .25s,color .25s;
}
.gh-access-link:hover{
  background:#eef2ea;
  border-color:#7a8b6e;
  color:#4a6741;
}

@media screen and (max-width: 900px) {
  .gh-access-wrap{
    grid-template-columns:1fr;
  }
}

@media screen and (max-width: 560px) {
  .gh-access{
    padding:clamp(32px,7vw,44px) clamp(14px,4vw,20px) clamp(40px,8vw,52px);
  }

  .gh-access-head{
    margin-bottom:20px;
  }

  .gh-access-line{
    flex-basis:100%;
    order:3;
  }

  .gh-access-map iframe{
    height:clamp(260px,64vw,300px);
  }

  .gh-map-note{
    top:10px;
    left:10px;
    right:10px;
    padding:12px 10px;
  }

  .gh-map-note-btn{
    width:34px;
    height:34px;
  }

  .gh-access-link{
    display:flex;
    justify-content:center;
    width:100%;
  }
}