@charset "UTF-8";
/**
 * カームダウン・クールダウンルーム 1坪のハグ
 * URL : /business/1tsubo-hug/
 * 移行元 : Elementor HTMLウィジェット（2026-08-19 移行）
 *
 * ------------------------------------------------------------------
 * 目次
 *   01. 共通調整
 *   02. 見出し
 *   03. キャプション
 *   04. EXPO25 情報リスト
 *   05. 背景フェードアニメーション
 *   06. SP（〜767px）調整
 * ------------------------------------------------------------------
 */


/* =========================================================
  01. 共通調整
========================================================= */

/* テーマが全ページに出力しているCTAを、このページでは非表示にする */
#cta {
  display: none;
}

/*
 * 【要対応・現在効いていません】
 * 元のコード: .1tsubo_logo { color: #ffffff; }
 *
 * CSSのクラスセレクタは数字で始められないため、ブラウザがこのルールを
 * 無効として破棄します（移行前から効いていませんでした）。
 *
 * 対応方針:
 *   Elementorの該当ウィジェット →「高度な設定」→「CSSクラス」で
 *   クラス名を "logo-1tsubo" に変更し、下の1行のコメントを外す。
 */
/*
.logo-1tsubo {
  color: #ffffff;
}
*/


/* =========================================================
  02. 見出し
========================================================= */

.title_text h2 {
  line-height: 3.6rem;
}


/* =========================================================
  03. キャプション
========================================================= */

.wp-caption {
  background: none;
  border: none;
}


/* =========================================================
  04. EXPO25 情報リスト
========================================================= */

.expo25_info dt {
  color: #FCDE9C;
}

.expo25_info dd {
  padding-bottom: 14px;
}

.expo25_info a {
  color: #fff;
  text-decoration: underline;
}


/* =========================================================
  05. 背景フェードアニメーション
========================================================= */

.fade-bg {
  animation: softFadeColors 12s linear infinite;
}

@keyframes softFadeColors {
  0%   { background-color: #c97a74; } /* ダークコーラル */
  16%  { background-color: #c88d65; } /* ダスティオレンジ */
  33%  { background-color: #c4b23f; } /* マスタードイエロー */
  50%  { background-color: #659e91; } /* ディープミント */
  67%  { background-color: #6f8ea9; } /* フェードブルー */
  84%  { background-color: #8e7c9b; } /* グレイッシュラベンダー */
  100% { background-color: #c97a74; } /* 戻る（コーラル） */
}

/*
 * 【追加】OS側で「視差効果を減らす」を有効にしている利用者には
 * アニメーションを止める。カームダウンルームという主題を考えると、
 * 入れておく価値が高い設定です。不要なら丸ごと削除して構いません。
 */
@media (prefers-reduced-motion: reduce) {
  .fade-bg {
    animation: none;
    background-color: #c97a74;
  }
}


/* =========================================================
  06. SP（〜767px）調整
========================================================= */

@media (max-width: 767px) {

  .info__first {
    order: 2;
  }

  .info__last {
    order: 1;
  }

  .title_text h2 {
    line-height: 2.4rem;
  }
}