/*20260924*/
/*固定LINE予約箇所*/

.custom-line-btn {
  position: fixed;
  left: 20px;       /* 右端からの距離 */
  bottom: 0px;      /* 下端からの距離 */
  z-index: 999;     /* 他の要素より前面に表示 */
  display: inline-block;
  line-height: 1;
}

.custom-line-btn a {
  display: block;
  transition: opacity 0.3s ease;
}

.custom-line-btn a:hover {
  opacity: 0.8;
}

.custom-line-btn img {
  width: 100%;
  max-width: 350px; /* 画像の最大サイズ */
  height: auto;
  display: block;
}


@media screen and (max-width: 599px) {

}



/* -----------------------------------
   固定ナビゲーション用：左側情報エリア
----------------------------------- */

/* 全体の縦横中央揃え配置 */
ul.glist li.gitem-info-left {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  border-right: 1px solid #eee; /* 右側に区切り線 */
}

div.gitem-info-inner {
  display: flex;
  align-items: center;
  gap: 10px; /* ロゴとテキストの間隔 */
}

/* ロゴ画像サイズ */
div.gitem-info-logo img {
  width: 50px; /* サイズ調整可能 */
  height: auto;
  display: block;
}

/* 院名・電話番号の縦並び */
div.gitem-info-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  line-height: 1.3;
}

/* 院名 */
span.gitem-clinic-name {
  font-size: 22px;
  font-weight: bold;
  white-space: nowrap;
}

/* 電話番号 */
a.gitem-tel-num {
  font-size: 20px !important;
  text-decoration: none;
  white-space: nowrap;
}

a.gitem-tel-num:hover {
  text-decoration: underline;
}

/* -----------------------------------
   レスポンシブ：599px以下は非表示
----------------------------------- */
@media screen and (max-width: 599px) {
  ul.glist li.gitem-info-left {
    display: none;
  }
  
  .custom-line-btn { 
    display: none;
  }
}

/* ロゴ横のテキスト枠の行間を縮める */
.gitem-info-text {
  line-height: 1.1; /* 行間を限界までキュッと詰める */
}

/* 電話番号の箇所だけ上に寄せて隙間を詰める */
.gitem-info-text a.gitem-tel-num {
  margin-top: -9px; /* ★上との隙間を直接詰める*/
  display: block;
}