@charset "UTF-8";
/* CSS Document */

@import url("https://use.typekit.net/qcx2hqk.css");

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Readex+Pro:wght@200&family=Roboto:wght@400;500;700;900&display=swap');

/*  */

body .color_main {
    color: #EC6C00;
}

/*  */

div.list-explanation,
div.es-container.page-header {
    display: none;
}

.single .entry-header {
    display: none !important;
}

/*  */

#content {
    margin-top: 30px;
}

/*  */

#main_ttl {
    width: 100%;

    & div.wrap {
        background-color: #F2EFED;
        position: relative;
    }

    & div.inner {
        min-height: 240px;
    }

    & div.inner h2,
    & div.inner h1 {
        background-color: #fff;
        color: #EC6C00;
        font-size: var(--fs40);
        font-weight: 700;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0.4em 0.9em 0.4em 0;

        position: absolute;
        left: 0;
        bottom: 0;

    }

    & div.inner h1:empty {
        display: none;
    }

    & div.inner h2::before,
    & div.inner h1::before {
        content: '';
        display: block;
        width: 300%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        left: -300%;
        border: 0;
    }

    & div.inner h2 span.eng,
    & div.inner h1 span.eng {
        font-size: 0.3em;
        color: #777777;
        font-family: "alternate-gothic-atf", sans-serif;
        font-weight: 500;
        font-style: normal;
        position: relative;
        margin-left: 0.8em;

        display: inline-flex;
        justify-content: center;
        align-items: center;

    }

    & div.inner h2 span.eng::after,
    & div.inner h1 span.eng::after {
        content: '';
        display: inline-block;
        width: 1.8em;
        height: 1.8em;
        background-image: url(/assets_global/icons/icon_search_orange.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        margin-left: 0.4em;
    }

    & p {
        width: 1136px;
        margin-inline: auto;
        font-size: var(--fs14);
        margin-top: 1em;
        position: relative;
        padding-bottom: 1.6em;
    }

    & p::after {
        content: '';
        display: block;
        width: 100vw;
        height: 1px;
        background-color: #CCCCCC;
        position: absolute;
        left: 0;
        bottom: 0;
    }

}

#main_ttl.area,
#main_ttl.station {

    & div.ttl {
        margin-left: auto;
        position: absolute;
        top: 50%;
        right: 86px;
        transform: translate(0, -50%);
    }

    & div.ttl h1 {
        font-size: var(--fs28);
        font-weight: 500;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        margin: 0;
        padding: 0;
        position: static;
        color: #333;
        background-color: transparent;
    }

    & div.ttl h1::before {
        display: none;
    }

    & div.ttl h1 span {
        font-size: 1.8em;
        display: inline-block;
        color: #333;
        border-left: #AAAAAA solid 1px;
        margin-left: 0.4em;
        padding-left: 0.4em;
        position: static;
    }

    & div.ttl h1 span::after {
        display: none;
    }

    & div.ttl h1::after {
        content: '';
        display: block;
        background-image: url(/assets_property/img/icon_railway_wh.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 120px;
        height: 120px;
    }

}

#main_ttl.area {
    & div.ttl h1::after {
        content: '';
        display: block;
        background-image: url(/assets_global/icons/icon_area.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 120px;
        height: 120px;
    }
}

#main_ttl.college {
    & h1:not(.entry-title) span:first-child {
        font-size: 0.4em;
        color: #EC6C00;
        font-weight: 700;
        line-height: 1.2;
        padding-top: 0.4em;
    }

    & h1:not(.entry-title) span:first-child::after {
        display: none;
    }
}

body.search_line #main_ttl.station {
    & div.ttl h1::after {
        width: 100px;
        height: 100px;
    }
}

#main_ttl.feature {

    & div.inner {
        width: auto;
        width: 1248px;
        min-height: initial;
        height: 240px;
    }

    & div.wrap::after {
        content: '';
        display: block;
        width: 100%;
        width: calc((100vw - 1248px) / 2);
        height: 240px;
        background-color: #F2EFED;
        position: absolute;
        top: 0;
        right: 0;
    }

    & div.inner img {
        width: auto;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

    & div.inner h2,
    & div.inner h1 {
        z-index: 9;
    }
}

/* トリプルゼロ */
#main_ttl.zero {
    & div.wrap::after {
        background-color: #91cfd3;
    }
}

/*  */
#main_ttl:not(.feature):not(.station):not(.area):not(.list) div.inner::after {
    content: '';
    display: block;
    width: 1248px;
    height: 240px;
    background-image: url(/assets_property/img/page_ttl_img.avif);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-left: auto;
}

/* 一覧 */

.page-header {
    max-width: 1136px;
}

.es-container {
    max-width: 1136px;
    padding-left: 0;
    padding-right: 0;

}

/* 検索パネル hoge */
@media screen and (min-width: 769px) {

    .content-wide-block {
        width: 1008px;
        flex-direction: column;
    }

    .es_result_block .main_column,
    .es_result_block .sidebar {
        max-width: initial;
        width: 100%;
    }

    .es_result_block .sidebar {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
    }

    .es_result_block .sidebar div.es-condition-current {
        order: 1;
        margin-top: 32px;
        display: flex;
        align-items: center;
        background-color: #FEFCD6;
        padding: 10px 30px 12px;

        & h2 {
            font-size: var(--fs20);
            color: #111111;
            margin-bottom: 0;
            font-weight: 500;
        }

        & dl {
            border-left: #F26F20 solid 1px;
            margin-left: 16px;
            padding-left: 30px;
            padding: 6px 0 6px 30px;
        }

        & dt {
            font-size: var(--fs14);
            color: #EC6C00;
            font-weight: 500;
        }

        & dd {
            font-size: var(--fs14);
        }

    }

    /* 検索パネル */

    .set_condition_wrap {
        order: 0;
        background: #F2EFED;
        border-radius: 16px;
        padding: 30px 34px;
        font-size: var(--fs14);

        & #btn_panel_close {
            display: inline-block;
            /* position: absolute;
        top: 0;
        right: 0; */
            margin-bottom: 0;
            order: 1;
        }

        & #btn_panel_close a {
            display: block;
            padding: 0.3em 0.8em;
            background: #FFFFFF;
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
            border-radius: 16px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
        }

        & #btn_panel_close a::after {
            content: '';
            display: inline-block;
            width: 20px;
            height: 20px;
            background-image: url(/assets_global/img/btn_close.svg);
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 100% auto;
            margin-left: 0.2em;
            transform: rotate(45deg);
        }
    }

    div.set_condition_wrap.open #btn_panel_close a::after {
        transform: rotate(0);
    }

    .set_condition_wrap .set_condition_title:nth-child(1) {
        border-bottom: none;
        display: flex;
        justify-content: space-between;
        align-items: center;

    }

    .set_condition_wrap .set_condition_title:nth-child(1) h2 {

        font-size: var(--fs18);
        margin-left: auto;
        margin-right: 1em;
        color: #EC6C00;
        line-height: 1;
        order: 0;
    }

    .set_condition_wrap.open .set_condition_title h2 {
        font-size: var(--fs24);
        margin-left: 0;
    }

    .set_condition_wrap .set_condition_title:nth-child(1) h2::after {
        content: '・選択';
        display: inline-block;
        background: transparent;
        height: auto;
        margin: 0;
        width: auto;
    }

    .set_condition_wrap h3 {
        color: #111111;
        font-size: var(--fs16);
        /* width: 6em; */
        width: 88px;
        margin-bottom: 0;
    }

    /* 開閉 */

    div.set_condition_wrap {
        display: grid;
        transition: .4s;
        grid-template-rows: 0fr;
        padding: 14px 34px;
    }

    div.set_condition_wrap.open {

        padding: 30px 34px;
        grid-template-rows: 1fr;
    }

    #searchForm {
        overflow: hidden;
        height: 2em;
    }

    div.set_condition_wrap.open #searchForm {
        height: auto;
    }

    /*  */

    :root,
    .old {
        --fieldset_h: 112px;
        --fieldset_h-b: 86px;
    }

    /* font-size: var(--fs16); */

    .set_condition_wrap .set_area,
    .set_condition_wrap .set_station {

        width: 50%;
        float: left;

        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;

        margin-bottom: 0;

        /* height: var(--fieldset_h); */
        min-height: var(--fieldset_h);

        padding-right: 2em;
        padding-bottom: 1em;

        & h3,
        & p {
            display: inline-block;
            margin-bottom: 0;
        }

        & p {
            width: calc(100% - 7em);
            margin-bottom: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-left: auto;

        }

        & p:not(:first-of-type) {
            margin-top: 0.8em;
            padding-top: 0.8em;
            border-top: 1px solid #dedede;
        }

        & a.re-select {
            display: inherit;
            float: right;
            margin-right: -2.5em;
            text-decoration: underline;

            background: #FFFFFF;
            border: 1px solid #CCCCCC;
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
            border-radius: 4px;
            /* font-size: var(--fs14); */
            font-size: var(--fs13);
            text-decoration: none;
            padding: 0.2em 0.4em;

        }

    }

    .set_condition_wrap .set_station p:not(:last-child),
    .set_condition_wrap .set_area p:not(:last-child) {
        margin-bottom: 0;
    }

    .set_condition_wrap .set_station h3,
    .set_condition_wrap .set_area h3 {
        width: 4em;
        float: left;
    }

    .set_condition_wrap h3 {
        padding-top: 0.2em;
    }

    div.set_condition_title.pc {
        display: none;
    }

    /* 賃料 面積 駅徒歩 築年数 */
    .set_condition_wrap fieldset.age,
    .set_condition_wrap fieldset.walk,
    .set_condition_wrap fieldset.size,
    .set_condition_wrap fieldset.price {
        width: 50%;
        float: right;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-left: #CCCCCC solid 1px;
        padding-left: 2em;

        height: var(--fieldset_h);

        & h3 {
            width: 3em;
        }

        & div.select_group {
            gap: 0 0.4em;
        }

        & div.price_from {
            order: 0;
        }

        & div.price_to {
            order: 1;
        }

        & .select_group.has-2-columns .select_wrap {
            width: 12em;
        }

        & .select_wrap select {
            font-size: var(--fs14);
            min-height: initial;
            height: auto;
            line-height: 1;
            background-color: #fff;

            border: 1px solid #DDDDDD;
            border-radius: 2px;
            height: 30px;
        }

        & .price_include_amount_management_fee {
            margin-left: auto;
            margin-top: 1.0em;
        }

    }

    .set_condition_wrap fieldset.age,
    .set_condition_wrap fieldset.walk,
    .set_condition_wrap fieldset.size {
        float: left;
        height: var(--fieldset_h-b);
        align-items: center;


        & h3 {
            padding-top: 0;
        }

    }

    .set_condition_wrap fieldset.size {
        justify-content: flex-start;

        & h3 {
            width: 88px;
        }

        & .select_group.has-2-columns .select_wrap {
            width: 11em;
        }
    }

    .set_condition_wrap fieldset.walk {
        justify-content: flex-start;

        & h3 {
            width: 5em;
        }

        & .select_wrap {
            width: 12em;
        }

    }

    .set_condition_wrap fieldset.age,
    .set_condition_wrap fieldset.size {
        padding-left: 0;
        padding-right: 2em;
        border-left: none;
    }

    .set_condition_wrap fieldset.age {
        float: none;
        width: 100%;
        border-bottom: none;

        & h3 {
            width: 88px;
        }

        & div.select_group {
            margin-right: auto;
        }
    }


    .select_wrap:not(.select_group__price_from, .select_group__layout, .select_group__building_date_to, .select_group__property_kind):after {
        /* padding-top: 0.5em; */
    }

    .set_condition_wrap .select_wrap:after {
        border-radius: 0;
    }

    /* 間取り */

    fieldset.es-condition-fieldset.layout {

        & h3 {
            float: left;
        }

        & li:nth-child(n+2) {
            font-size: var(--fs24);
            font-family: "Roboto", sans-serif;
        }

    }

    /* 物件種別 */
    div.kodawari_wrap,
    div.es-condition-kodawari-wrap,
    fieldset.es-condition-fieldset.structure,
    fieldset.es-condition-fieldset.type {

        & h3 {
            float: left;
        }

        & li {
            min-width: calc(100% / 8);
            width: auto;
            font-weight: 600;
        }

        & .checkbox_list label {
            padding: 10px 20px !important;
        }

    }

    /* こだわり条件 */

    div.kodawari_wrap,
    div.es-condition-kodawari-wrap {

        padding-top: 30px;

        & h3 {
            width: 120px;
        }

        & .checkbox_list {
            width: 720px;
        }
    }

    /* フリーワード */

    .set_condition_wrap .free-word {

        display: flex;
        align-items: center;
        margin-top: 40px;
        padding: 30px 0;

        /* border-top: 1px solid #ccc; */

        & h3 {
            width: 120px;
            float: left;
        }

        & #free_word {
            width: calc(100% - 120px);
        }

    }

    /* チェックボックス */

    .set_condition_wrap .checkbox_list {
        width: 840px;
        gap: 12px;

        & li {
            margin-bottom: 0;
            margin-left: 0;
            min-width: initial;

            width: calc(100% / 8);
            /* width: 106px; */

            font-size: var(--fs14);
            font-weight: 500;


        }
    }

    body:not(.wp-admin) .checkbox_list input[type=checkbox]+label {
        background: #FFFFFF;
        border: 1px solid #CCCCCC;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        padding: 10px 0;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    body:not(.wp-admin) .checkbox_list input[type=checkbox]+label span {
        font-size: 0.7em;
        font-weight: 600;
        margin-left: 0.2em;
    }

    body:not(.wp-admin) .checkbox_list input[type=checkbox]:checked+label {
        background: #82D715;
        box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        color: #fff;
    }

    .set_condition_wrap li:has(input[type=checkbox][readonly]) input[type=checkbox][readonly]+label {
        background-color: #fff;
    }

    .set_condition_wrap li:has(input[type=checkbox][readonly]) input[type=checkbox][readonly]+label::after {
        display: none;
    }


    body:not(.wp-admin) .checkbox_list input[type=checkbox]+label:before,
    body:not(.wp-admin) .checkbox_list input[type=checkbox]:checked+label:before {
        display: none;
    }

    body:not(.wp-admin) .checkbox_list input[type=checkbox]:checked+label::after {
        content: '';
        display: block;
        width: 20px;
        height: 21px;
        background-image: url(/assets_global/icons/icon_check.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: absolute;
        right: -8px;
        bottom: -8px;
    }

    /* こだわり条件 */

    div.kodawari_switch {
        background: #FFFFFF;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
        border-radius: 21px;
        margin-top: 10px;
    }

    .set_condition_wrap .kodawari_switch a {
        text-align: center;
        font-size: var(--fs16);
        color: #EC6C00;
        padding: 8px 0;
    }

    .set_condition_wrap .kodawari_switch a:after {
        content: 'を追加する';
        font-family: 'YakuHanJP', 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', '游ゴシック', YuGothic, 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1em;
        position: static;
        display: inline-block;
        transform: rotate(0deg);
    }

    .set_condition_wrap .kodawari_switch a.open:after {
        transform: rotate(0deg);
    }

    /*  */

    .result_header {
        flex-wrap: wrap;

        & h3 {
            font-size: var(--fs28);
            font-weight: 500;
            position: relative;
            margin-bottom: 0;

            display: inline-flex;
            align-items: center;

            order: 0;
        }

        & h3::before {
            content: '';
            display: inline-block;
            width: 18px;
            height: 13px;
            background-image: url(/assets_global/img/bk_ttl_orange.svg);
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 100% auto;
            margin-right: 0.4em;
            margin-top: 4px;
        }

        & div.sort {
            order: 1;
            margin-left: auto;
        }

        & div.changeNum {
            order: 2;
        }

        & div.hit_count {
            order: 3;
            width: 199%;
            margin-left: auto;
            /* text-align: right; */
            margin-bottom: -30px;
            margin-top: 0.8em;
            padding-top: 1em;
        }

    }

    #inquiry_form {
        text-align: right;
    }

    .result_data_wrap .inquiry_wrap {
        margin: 10px auto 0;
    }

    .result_data_wrap .inquiry_wrap:first-of-type {
        margin-top: -20px;
    }

    #inquiry_form article {
        text-align: left;
    }

    .result_data_wrap article.data {
        margin-top: 40px;
    }

    .result_data_wrap article.data:not(:first-of-type) {
        margin-top: 56px;
    }

}

/* hoge */

/* 一覧部分 */

.result_data_wrap .tm_data {
    border-top: #CCCCCC solid 1px;
    padding-top: 22px;
}

.header_links a:not(.menu-toggle):hover,
.result_data_wrap article.data .genre span {
    border-color: #EC6C00;
}

.result_data_wrap article.data .genre span,
.result_data_wrap article.data .genre {
    font-weight: 500;
}

.result_data_wrap .tm_data table.spec td,
.result_data_wrap .tm_data table.spec th,
.result_data_wrap .tm_data table.spec {
    border: none;
    background-color: transparent;
}

.result_data_wrap .tm_data table.spec th {
    color: #EC6C00;
    font-size: var(--fs15);
    font-weight: 600;
    min-width: 8em;
    width: 8em;
}

.result_data_wrap .tm_data table.spec td {
    font-size: var(--fs15);
    font-weight: 600;
    color: #111111;
    width: auto;
}

.result_data_wrap .tm_data .spec-detail a {

    font-size: var(--fs15);
    background: #FAF4E7;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    text-decoration: none;
    padding: 0.4em 0.8em;
}

div.kokoku-list-condition {
    margin-top: 40px;
}

.result_data_wrap .tm_data .table_wrap .spec a {
    font-size: 1em;
    margin: 0 0.1em;
}

table.room_data th {
    background: #F2EFED;
    font-weight: 500;
    font-size: var(--fs13);
}

table.room_data th:nth-child(1)::before {
    content: '選択';
    display: block;
}

table.room_data th:nth-child(7)::before {
    content: 'お気に入り';
    display: block;
}

table.room_data th:nth-child(8)::before {
    content: '詳細へ';
    display: block;
}

table.room_data th,
table.room_data td {
    padding: 4px 8px;
}

table.room_data td {
    font-weight: 500;
    color: #111111;
}

table.room_data td.kokoku-list-condition__img figure img {
    height: 90%;
    margin-top: 5%;
}

table.room_data td.kokoku-list-condition__layout,
table.room_data td.kokoku-list-condition__floor {
    font-size: var(--fs18);
}

table.room_data td.kokoku-list-condition__deposit,
table.room_data td.kokoku-list-condition__price {
    font-size: var(--fs16);
}

table.room_data strong {
    font-size: var(--fs24);
    color: #EC6C00;
    font-weight: 700;
}

td.fav-count-td {
    width: 100px;
}

td.kokoku-list-condition__others2 a {
    display: inline-block;
    background: #EC6C00;
    border-radius: 3px;
    font-size: var(--fs13);
    color: #EC6C00;
    text-decoration: none;

    width: 5em;
    height: 2em;

    overflow: hidden;
    white-space: nowrap;
    position: relative;

    margin-top: 14px;

}

td.kokoku-list-condition__others2 a::before {
    content: '詳細';
    display: block;
    color: #fff;
    font-size: var(--fs13);
    /* position: absolute;
    top: 0.4em;
    left: 0.4em;
    z-index: 99; */
    margin-inline: auto;
}

/*  */

.room_data td.new::before {
    background-color: #FF4572;
}

table.room_data td.new:before,
table.room_data td.update:before {
    top: 50%;
    transform: translate(0, -50%);
}


/* ページャー */

#inquiry_form article {
    /* display: none; */
}

.block_pager {
    margin-inline: auto;
    text-align: center;
}

.block_pager div.wrap {
    background: #F2EFED;
    border-radius: 28px;
    padding: 0 40px 0px;
    height: 50px;

    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0 12px;

}

.block_pager div.wrap:blank {
    display: none;
}

.block_pager a,
.block_pager span:not([class^=icon-]) {

    font-size: var(--fs18);
    background: #FFFFFF;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 17px;
    font-weight: 500;
    border: none;
    color: #EC6C00;
    min-width: 32px;
    min-height: 32px;
    line-height: 32px;
    /* overflow: hidden; */
    position: relative;
}

.block_pager a.current {
    background: #CCCCCC;
    color: #fff;
    box-shadow: none;
}

.block_pager a.arrow {
    box-shadow: none;
    background-color: transparent;
    min-width: initial;
    width: 18px;
    padding: 0;
    margin: 0;
}

.block_pager span[class^=icon-angle-] {
    /* background-color: #F2EFED;
    display: inline-block;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 17px;
    position: absolute;
    top: -2px;
    left: -2px; */

    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.icon-angle-right:before {
    content: '';
    display: block;
    background: #EC6C00;
    height: calc(tan(60deg) * 14px / 2);
    width: 10px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.icon-angle-left:before {
    content: '';
    display: block;
    background: #EC6C00;
    height: calc(tan(60deg) * 14px / 2);
    width: 10px;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
}

/*  */

@media screen and (max-width: 768px) {
    #main_ttl {

        padding-bottom: 0;

        & div.inner {
            height: auto;
            min-height: initial;
            display: flex;
            flex-direction: column;
        }

        & div.inner h2,
        & div.inner h1 {
            position: static;
            order: 1;
            margin-top: 0;
            font-size: 6.25vw;
            /* 20px */
            font-size: 5.625vw;
            /* 18px */
            padding-left: 6vw;
            justify-content: flex-start;
            padding-top: 5vw;
        }

        & div.inner h2::before,
        & div.inner h1::before {
            display: none;
        }

        & div.inner h2 span,
        & div.inner h1 span {
            font-size: 0.8em;
        }

        & p {
            width: 88vw;
            /* font-size: 2.8125vw;
            margin-top: 0; */

            font-size: 3.75vw;
            margin-top: 0.6em;
        }

        & #txt_head {
            line-height: 1.6;
            font-size: 3.125vw;
            /* 10px */
            font-size: 3.4375vw;
            /* 11px */
        }


    }

    /* #main_ttl */

    #main_ttl:not(.feature):not(.station):not(.area):not(.list) div.inner::after {
        width: 100%;
        /* height: calc(100vw * 0.1923076923076923); */
        height: 29vw;
        order: 0;
        background-size: auto 100%;
        background-position: 50% 0;
    }

    /* #main_ttl.feature div.inner, */
    /* #main_ttl.station div.inner, */
    /* #main_ttl.area div.inner, */
    #main_ttl.list div.inner {
        padding-top: 29vw;
    }

    /* 路線 */
    #main_ttl.area,
    #main_ttl.station {
        & div.ttl {
            position: static;
            transform: none;
            /* padding-top: 4vw;
            padding-bottom: 4vw; */
            height: 30vw;
            display: flex;
            align-items: center;
            padding-right: 6vw;
        }

        & div.ttl h1 {
            font-size: 5.625vw;
            /* 18px */
            font-size: 5vw;
            /* 16px */
            font-size: 4.375vw;
            /* 14px */

        }

        & div.ttl h1 span {
            font-size: 5.625vw;
            /* 18px */
            font-size: 5vw;
            /* 16px */
            font-size: 4.375vw;
            /* 14px */
        }

        & div.ttl h1::after {
            width: 16vw;
            height: 16vw;
        }

        /*  */
    }

    /* #main_ttl.station */

    #main_ttl.area {
        & div.ttl h1::after {
            width: 16vw;
            height: 16vw;
        }
    }

    /* キーワード */
    #main_ttl.feature {
        & div.inner {
            width: 100%;
            height: auto;
            min-height: initial;
            display: flex;
            flex-direction: column;
        }

        & div.ttl {
            height: calc(100vw * 0.1923076923076923);
            display: flex;
            flex-direction: column;
        }

        & div.inner img {
            order: 0;
            position: static;
        }

        & div.inner h1 {
            order: 2;
        }


    }

    /* #main_ttl.feature */

    #main_ttl.feature,
    #main_ttl.college {
        & div.ttl {
            height: auto;
        }
    }

    /*  */

    #content {
        margin-top: 0;
    }

    .content-wide-block {
        width: 88vw;
        flex-direction: column;
        padding: 0;
        margin-inline: auto;
    }

    .es_result_block .sidebar div.es-condition-current {
        width: 100% !important;
        margin-top: 6vw;
        padding: 4vw 4vw 6vw;
        margin-left: 0 !important;
        flex-direction: column;
    }

    .es_result_block .sidebar div.es-condition-current {
        & h2 {
            font-size: 4.375vw;
            /* 14px */
            margin-bottom: 0;
        }

        & dl {
            border: none;
            margin-left: 0;
            padding-left: 0;
            padding: 4vw 0 4vw 0;
        }

        & dd,
        & dt {
            font-size: 3.4375vw;
            /* 11px */
        }

    }

    .condition_wrap .set_condition_switch {

        font-size: 3.4375vw;
        /* 11px */
        bottom: 3vw;
        right: 4vw;
        top: auto;
    }

    .es_result_block .es-block-column.main_column {
        padding-top: 0;
    }

    .es_result_block .main_column {
        padding-top: 8vw;
    }

    .result_header {
        & h3 {
            font-size: 4.375vw;
            /* 14px */
        }

        & div.hit_count {
            width: 100%;
            font-size: 3.75vw;
            /* 12px */
            margin-top: 0;
        }

        select option {
            font-size: 3.125vw;
            /* 10px */
        }

    }

    .result_data_wrap article.data {
        margin-top: 4vw;
    }

    .result_data_wrap article.data:not(:first-of-type) {
        margin-top: 6vw;
    }

    .result_data_wrap article.data .genre {
        margin-bottom: 2vw;
    }

    .result_data_wrap article.data .genre span {
        font-size: 2.5vw;
        /* 8px */
    }

    .result_data_wrap article.data h2 {
        font-size: 4.375vw;
        /* 14px */
    }

    .result_data_wrap .tm_data {
        padding-top: 4vw;
        margin-top: 2vw;
    }


    .result_data_wrap .tm_data table.spec th {

        font-size: 3.75vw;
        /* 12px */
        width: auto;
        min-width: initial;
        padding-right: 1em;
    }

    .result_data_wrap .tm_data table.spec td {
        font-size: 3.75vw;
        /* 12px */
        font-size: 3.125vw;
        /* 10px */
        font-weight: 400;
    }

    .result_data_wrap .tm_data .spec-detail {
        margin-top: 1em;
    }

    .result_data_wrap .tm_data .spec-detail a {
        font-size: 3.125vw;
        /* 10px */
    }

    /*  */

    div.kokoku-list-condition {
        margin-top: 6vw;
    }

    table.room_data {
        margin-top: 4vw;
        margin-bottom: 8vw;
    }

    table.room_data tr:first-child th:first-child {
        display: none;
    }

    table.room_data td.checkbox {
        padding: 0;
    }

    table.room_data td.img {
        padding-left: 0;
    }

    table.room_data td.kokoku-list-condition__deposit,
    table.room_data td.kokoku-list-condition__price {
        font-size: 3.125vw;
        /* 10px */
    }

    table.room_data strong {
        font-size: 1.6em;
    }

    table.room_data td.kokoku-list-condition__layout,
    table.room_data td.kokoku-list-condition__floor {
        font-size: 3.125vw;
        /* 10px */
    }

    table.room_data td.kokoku-list-condition__layout {
        margin-bottom: 4vw;
    }

    td.fav-count-td {
        width: auto;
        padding: 0;
    }

    table.room_data td.sp_link {
        padding: 0;
    }

    td.kokoku-list-condition__others2 a {
        background-color: transparent;
    }

    td.kokoku-list-condition__others2 a::before {
        display: none;
    }

    /* panel */

    #btn_panel_close {
        display: none;
    }

















    /*  */


}

/* max-width: 768px */


/*== css end ==*/