@charset "UTF-8";
/*
 * custom.css - カスタマイズ・追加スタイル
 * 2026年1月 テーマ統合時に追加
 */

/* ==========================================================================
   電話リンク
   ========================================================================== */
.tel-link {
  display: inline-block;
  transition: opacity 0.2s ease;
}

.tel-link:hover {
  opacity: 0.8;
}

.tel-link img {
  display: block;
  height: auto;
}

/* ==========================================================================
   tetsuzukiページ キャラクター位置修正
   PC表示でキャラクターが文字に被らないよう調整
   ========================================================================== */
.tetsuzukiCatch {
  overflow: visible;
  min-height: 280px;
}

.tetsuzukiCatch::after {
  right: 0 !important;
  left: auto !important;
}

@media screen and (max-width: 900px) {
  .tetsuzukiCatch::after {
    position: relative !important;
    top: 0 !important;
    right: auto !important;
    display: block;
    margin: 20px auto 0;
    width: 200px;
    height: 230px;
  }
  
  .tetsuzukiCatch {
    min-height: auto;
  }
}

/* ==========================================================================
   動画・地図の中央揃え
   ========================================================================== */
.movie,
.googlemap {
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 0 auto 48px;
  text-align: center;
  clear: both;
}

.movie iframe,
.googlemap iframe {
  width: 100%;
  height: 320px;
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .movie,
  .googlemap {
    margin: 0 auto 16px;
  }

  .movie iframe,
  .googlemap iframe {
    height: 270px;
  }
}

/* ==========================================================================
   LINE友だち追加エリア
   ========================================================================== */
.line-cta-section {
  max-width: 500px;
  margin: 40px auto;
  padding: 25px 20px;
  background-color: #f7f7f7;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  text-align: center;
}

.line-cta-text {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-top: 0;
  margin-bottom: 15px;
}

/* ==========================================================================
   ヘッダー固定表示 - 一時的に無効化
   ========================================================================== */
/* 
 * TODO: ヘッダー固定機能は問題があるため無効化中
 * 原因調査後に再実装予定
 */