@charset "UTF-8";
/* ゴミ屋敷ゼロのエリアページ（single-area.php）の追加分（2026/11/11 #9935） */

/* 「〇〇の皆様へ」：説明文の最初に見える高さ */
.ward_about .grad-wrap .grad-item.is-hide { height: 160px; }

/* 行政の相談窓口（表は既存の .ward_disposal_table の見た目を使う） */
.page_gomi_area_window_sec { padding: 0 0 70px; }
.page_gomi_area_window_sec .page_gomi_area_window_block { background-color: #fff; padding: 40px; box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 10px; }
.page_gomi_area_window_sec .page_gomi_area_window_block .ward_disposal_table { margin: 0; }
.page_gomi_area_window_sec .page_gomi_area_window_block .ward_disposal_table th { width: 25%; }
.page_gomi_area_window_sec .page_gomi_area_window_block .ward_disposal_table td a { color: #00c2f5; text-decoration: underline; word-break: break-all; }

/* 近隣エリア */
.page_gomi_area_near_sec { padding: 80px 0 0; }
.page_gomi_area_near_sec .page_gomi_area_near_list { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
.page_gomi_area_near_sec .page_gomi_area_near_list .item { width: calc((100% - 30px) / 3); }
.page_gomi_area_near_sec .page_gomi_area_near_list .item .item_link { display: block; font-size: 16px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.5; text-align: center; color: #00c2f5; background-color: #fff; border: 2px solid #00c2f5; border-radius: 6px; padding: 1em 0.5em; }

@media (max-width: 750px) {
    .ward_about .grad-wrap .grad-item.is-hide { height: 34vw; }

    /* スポット：横に3つ並べる */
    .ward_about .ward_about_list { display: flex; justify-content: space-between; }
    .ward_about .ward_about_list li { width: 31.5%; }
    .ward_about .ward_about_list li + li { margin-top: 0; }
    .ward_about .ward_about_list li .title { font-size: 3.2vw; letter-spacing: 0; line-height: 1.6; width: 94%; padding: 0.3em 0; margin-top: -3.2vw; }

    .page_gomi_area_window_sec { padding: 0 0 10.67vw; }
    .page_gomi_area_window_sec .page_gomi_area_window_block { padding: 4vw; border-radius: 5px; }
    .page_gomi_area_window_sec .page_gomi_area_window_block .ward_disposal_table th { width: 100%; }

    .page_gomi_area_near_sec { padding: 10.67vw 0 0; }
    .page_gomi_area_near_sec .page_gomi_area_near_list { gap: 2.67vw; }
    .page_gomi_area_near_sec .page_gomi_area_near_list .item { width: calc((100% - 2.67vw) / 2); }
    .page_gomi_area_near_sec .page_gomi_area_near_list .item .item_link { font-size: 3.73vw; padding: 0.9em 0.3em; }
}