.elementor-47848 .elementor-element.elementor-element-7e6ad9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-47848 .elementor-element.elementor-element-a0eb554{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-47848 .elementor-element.elementor-element-b7ce1d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-47848 .elementor-element.elementor-element-a04ae5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-2d64f43 *//* ===============================
   まち歩きページ用 追加スタイル
=============================== */

/* まち歩き用のオレンジ色バッジ */
.towa-badge-orange {
  background: #ff758c;
  background: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
  box-shadow: 0 3px 10px rgba(255, 117, 140, 0.3);
}

/* まち歩き用ボタン（テーマカラー合わせ） */
.towa-btn-orange {
  background: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
  box-shadow: 0 4px 15px rgba(255, 117, 140, 0.4);
}
.towa-btn-orange:hover {
  box-shadow: 0 6px 20px rgba(255, 117, 140, 0.6);
}

/* ===============================
   SVGアニメーション（まち歩き）
=============================== */

/* まち歩きのルート（点線）が伸びるアニメーション */
.svg-route-anim {
  stroke-dasharray: 20;
  /* 線の長さを超える数値を指定 */
  stroke-dashoffset: 600; 
  animation: walkRoute 4s linear infinite;
}

/* マップピンが順番に跳ねるアニメーション */
.svg-pin-1 { animation: pinBounce 2s ease-in-out infinite; }
.svg-pin-2 { animation: pinBounce 2s ease-in-out infinite 0.6s; }
.svg-pin-3 { animation: pinBounce 2s ease-in-out infinite 1.2s; }

/* UIカードがフワフワ浮くアニメーション */
.svg-card-1 { animation: floatUp 4s ease-in-out infinite; transform-origin: center; }
.svg-card-2 { animation: floatUp 5s ease-in-out infinite reverse; transform-origin: center; }

/* キーフレーム定義 */
@keyframes walkRoute {
  0% { stroke-dashoffset: 600; }
  100% { stroke-dashoffset: 0; }
}

@keyframes pinBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

/* 既存の floatUp をお持ちでない場合はこちらも追加 */
@keyframes floatUp {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
}/* End custom CSS */