@charset "UTF-8";
/* =========================================================
   戸建て売却相場ページ（大阪市）
   レイアウト・部品はマンション売却相場ページの css/mansion-market.css を共用し、
   ここには戸建てページにだけある要素を足す
   ========================================================= */

/* 相場サマリー：金額の上に指標名（取引価格（中央値））を添える */
.page_hmk .mkt_hero_sec .mkt_hero .mkt_hero_summary .mkt_hero_summary_cols .mkt_hero_summary_main .mkt_hero_summary_caption {
    margin-top: 6px;
    font-size: 13px;
    color: var(--mkt-sub);
}

/* グラフの縦軸：金額が「1,000万」と長くなるため、マンション版（52px）より目盛りの幅を広げる */
.page_hmk .mkt_charts .mkt_chart .mkt_chart_body .mkt_chart_plot {
    padding-left: 64px;
}

.page_hmk .mkt_charts .mkt_chart .mkt_chart_body .mkt_chart_plot .mkt_chart_scale {
    width: 64px;
}

.page_hmk .mkt_charts .mkt_chart .mkt_chart_body .mkt_chart_labels {
    margin-left: 64px;
}

/* グラフの横軸：年次は12年分並ぶため、ラベルを1行に固定する */
.page_hmk .mkt_charts .mkt_chart .mkt_chart_body .mkt_chart_labels .mkt_chart_labels_item {
    white-space: nowrap;
}

@media (max-width: 750px) {
    .page_hmk .mkt_hero_sec .mkt_hero .mkt_hero_summary .mkt_hero_summary_cols .mkt_hero_summary_main .mkt_hero_summary_caption {
        margin-top: 1.6vw;
        font-size: 3.2vw;
    }

    .page_hmk .mkt_charts .mkt_chart .mkt_chart_body .mkt_chart_plot {
        padding-left: 14.4vw;
    }

    .page_hmk .mkt_charts .mkt_chart .mkt_chart_body .mkt_chart_plot .mkt_chart_scale {
        width: 14.4vw;
    }

    .page_hmk .mkt_charts .mkt_chart .mkt_chart_body .mkt_chart_labels {
        margin-left: 14.4vw;
    }

    .page_hmk .mkt_charts .mkt_chart .mkt_chart_body .mkt_chart_labels .mkt_chart_labels_item {
        font-size: 2.2vw;
        letter-spacing: 0;
    }
}