/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ===== 日本地図ナビUI ===== */
.jpmap-wrap{
  display:grid; gap:24px;
  grid-template-columns: minmax(280px, 1fr) 2fr;
  align-items:start;
}
.jpmap-left{ position:sticky; top:12px; }
.jpmap-japan{ width:100%; height:auto; display:block; margin-bottom:12px; }

/* エリアボタン */
.region-btns{ display:grid; gap:8px; grid-template-columns:repeat(2, 1fr); }
.region-btn{
  font: inherit;
  padding:10px 12px;
  border:1px solid #d5e0f5;
  border-radius:10px;
  background:#f6f9ff;
  cursor:pointer;
  transition:.15s ease;
}
.region-btn:hover,
.region-btn:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(64,128,255,.2);
}
.region-btn.is-active{
  background:#e7f0ff;
  border-color:#2a6fdb;
  font-weight:600;
}

/* 右側エリア表示 */
.jpmap-right .region-map{ margin-bottom:14px; }
.jpmap-right .region-map img{
  width:100%; height:auto; display:block;
}

/* 都道府県ボタン */
.pref-grid{
  display:grid; gap:10px;
  grid-template-columns:repeat(4, minmax(120px, 1fr));
}
.pref-btn{
  display:flex; align-items:center; justify-content:center;
  padding:10px 12px;
  border:1px solid #e1e7f5;
  border-radius:999px;
  text-decoration:none;
  background:#fff;
  transition:.15s ease;
  min-height:40px;
}
.pref-btn:hover,
.pref-btn:focus{
  border-color:#2a6fdb;
  box-shadow:0 0 0 3px rgba(42,111,219,.15);
  outline:none;
}

/* レスポンシブ */
@media (max-width: 980px){
  .jpmap-wrap{ grid-template-columns: 1fr; }
  .jpmap-left{ position:static; }
  .pref-grid{ grid-template-columns:repeat(2, 1fr); }
}