@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  realestate_info.css
 style info :  物件詳細
=================================================================== */
/* reset */
button {
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li,
p {
    margin: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    text-indent: .01px;
    -o-text-overflow: '';
    text-overflow: '';
}

/* reset */



/* result
----------------------------------------------------------------------------- */
.result {
    width: 100%;
    margin: 10px auto;
}

.result .wrapper {
    width: 1000px;
    margin: 0 auto;
}

.result .wrapper h2 {
    color: #333;
    font-size: 26px;
    width: 100%;
    display: flex;
    align-items: center;
    border: solid #53BFE6;
    border-width: 0 0 0 5px;
    padding: 0 0 0 20px;
    height: 45px;
}

.result > .wrapper > .inner {
    padding: 10px 0 0;
}

.result > .wrapper > .inner > p {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 0 5px;
}

.result > .wrapper > .inner > p span {
    font-size: 39px;
    color: #ED3833;
    padding: 0 15px;
}

.result > .wrapper > .inner ul {
    display: block;
    align-items: center;
    margin: 25px auto 0;
}

.result > .wrapper > .inner ul li {
    width: 100%;
    margin: 0 0 15px;
}

.result > .wrapper > .inner ul li:last-of-type {
    margin: 0;
}

.result > .wrapper > .inner ul li .change_btn {
    width: 100%;
    height: 50px;
    padding: 0 25px;
    border: 1px solid #17ABE8;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
}

.result > .wrapper > .inner ul li .change_btn dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 1em 0 0;
    width: calc(100% - 80px);
}

.result > .wrapper > .inner ul li.eki .change_btn dl dt {
    width: 110px;
    text-align: left;
}

.result > .wrapper > .inner ul li.eki .change_btn dl dd {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 150px);
    text-align: left;
}

.result > .wrapper > .inner ul li.jyoken .change_btn dl dt {
    width: 75px;
    text-align: left;
}

.result > .wrapper > .inner ul li.jyoken .change_btn dl dd {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 80px);
    text-align: left;
}

.result > .wrapper > .inner ul li .change_btn a {
    margin: 0 0 0 auto;
    color: #17ABE8;
    width: 60px;
}

.result .wrapper .result_save {
    width: 550px;
    margin: 35px auto 0;
}

.result .wrapper .result_save .result_save_inner {
    width: 100%;
    position: relative;
    background: #fff;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.2));
}

.result .wrapper .result_save .result_save_inner::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -12px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
}

.result .wrapper .result_save .result_save_inner ul {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 105px;
}

.result .wrapper .result_save .result_save_inner ul li {
    height: 65px;
    width: 230px;
    margin: 0 20px 0 0;
    background: #17ABE8;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.result .wrapper .result_save .result_save_inner ul li:last-of-type {
    margin: 0;
}

.result .wrapper .result_save .result_save_inner ul li a {
    color: #fff;
}

/* search_results
----------------------------------------------------------------------------- */
.search_results {
    width: 100%;
    margin: 50px auto 0;
}

.search_results > .wrapper {
    width: 1000px;
    margin: 0 auto;
    display: flex;
}

.search_results .wrapper ul.inner {
    width: 750px;
}

.search_results .wrapper ul.inner700 {
    width: 700px!important;
}

.search_results .wrapper .inner>li {
    margin: 0 10px 25px 0;
    height: auto;
}

.search_results .wrapper .inner>li .box {
    height: auto;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-wrap: wrap;
}

.search_results .wrapper .inner>li .img_box {
    position: relative;
    width: 50%;
}

.search_results .wrapper .inner>li .img_box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.search_results .wrapper .inner>li .img_box .subimg img {
    object-fit: cover;
}

.search_results .wrapper .inner>li .img_box ul.icon {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.search_results .wrapper .inner>li .img_box ul.icon li {
    width: auto;
    padding: 5px 10px;
    background: #fff;
    border-radius: 15px;
    line-height: 1;
    margin-right: 5px;
}

.search_results .wrapper .inner>li .img_box ul.icon li.tatemono {
    font-size: 14px;
    color: #ffffff;
    background-color: #00A9BD;
}

.search_results .wrapper .inner>li .img_box ul.icon li.kakaku {
    font-size: 14px;
    color: #fff;
    background-color: #ED3833;
}

.property .wrapper ul.slider_property .slick-track {
    padding: 0 0 25px;
}
ul.slider_property{
  display: none;
}
ul.slider_property.slick-initialized{
  display: block;
}

.search_results .wrapper .inner>li .text_box {
    padding: 20px;
    text-align: left;
    width: 50%;
}

.search_results .wrapper .inner>li .text_box h3 {
    color: #070707;
    font-size: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.search_results .wrapper .inner>li .text_box h4 {
    color: #ED3833;
    font-size: 20px;
}

.search_results .wrapper .inner>li .text_box h4 span {
    font-size: 35px;
    margin: 0 10px 0 0;
}

.search_results .wrapper .inner>li .text_box ul.info {
    font-size: 16px;
    color: #333333;
}

.search_results .wrapper .inner>li .text_box ul.info li {
    display: flex;
    align-items: end;
}

.search_results .wrapper .inner>li .text_box ul.info li.load p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.search_results .wrapper .inner>li .text_box ul.info li.home p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.search_results .wrapper .inner>li .text_box ul.info li:first-of-type {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.search_results .wrapper .inner>li .text_box ul.info li img {
    margin: 2px 10px 0 0;
    width: 20px;
}

.search_results .wrapper .inner>li .text_box ul.btn {
    display: flex;
    font-size: 20px;
    margin-top: 20px;
}

.search_results .wrapper .inner>li .text_box ul.btn li:first-of-type {
    margin-right: 2%;
    width: 49%;
}

.search_results .wrapper .inner>li .text_box ul.btn li:last-of-type {
    margin-right: 0;
    width: 49%;
}

.search_results .wrapper .inner>li .text_box ul.btn li span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 17px 0;
    border: 1px solid #17ABE8;
    border-radius: 5px;
    width: 100%;
    color: #17ABE8;
    line-height: 1;
}

.search_results .wrapper .inner>li .text_box ul.btn li span img {
    height: 15px;
    margin: 0 10px 0 0;
}

.search_results .wrapper .inner>li .text_box ul.btn li:last-of-type span {
    color: #333;
    border: 1px solid #333;
}

.search_results .wrapper .inner>li .text_box ul.btn li:last-of-type span img {
    margin-right: 11px;
}


/* history
----------------------------------------------------------------------------- */
.history {
    width: 100%;
    margin: 75px auto 0;
}

.history .wrapper {
    width: 1000px;
    margin: 0 auto;
}

.history .wrapper h2 {
    color: #333;
    font-size: 26px;
    width: 100%;
    display: flex;
    align-items: center;
    border: solid #53BFE6;
    border-width: 0 0 0 5px;
    padding: 0 0 0 20px;
    height: 45px;
}

.history .wrapper ul {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 25px auto 0;
    flex-wrap: wrap;
}

.history .wrapper ul li {
    width: 600px;
    margin: 0 auto;
}

.history .wrapper ul li>a {}

.history .wrapper ul li>a .inner {
    width: 100%;
    height: 350px;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.history .wrapper ul li>a .inner::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 25px;
    top: calc(50% - 1px);
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg) translateY(-50%);
    color: #17ABE8;
}

.history .wrapper ul li>a .inner h4 {
    margin: 20px auto 0;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
}

.history .wrapper ul li>a .inner h4 span {
    font-size: 20px;
}

.history .wrapper ul li>a .inner>p {
    font-size: 26px;
    font-weight: bold;
    margin: 10px auto 25px;
    color: #070707;
}

.history .wrapper ul li>a .inner a {
    display: block;
    width: 100%;
    margin: 0 auto 0;
}

.history .wrapper ul li>a .inner a div {
    display: flex;
    justify-content: center;
    justify-content: flex-start;
    text-align: left;
    font-size: 22px;
    color: #17ABE8;
}

.history .wrapper ul li>a .inner a div {
    width: 280px;
}

.history .wrapper ul li>a .inner a div img {
    margin: 0 5px 0 0;
}

.history .wrapper h3 {
    color: #070707;
    font-size: 30px;
    margin: 50px 0 0;
    text-align: left;
}

.history .wrapper>p {
    font-size: 22px;
    text-align: left;
    margin: 15px auto 0;
}

.history .wrapper ul.new_search li {
    width: 19%;
    margin: 0 1% 25px 0;
}

.history .wrapper ul.new_search li:nth-of-type(5n) {
    margin: 0;
}

.history .wrapper ul.new_search li .inner {
    width: 100%;
    height: auto;
    padding: 20px 10px;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.history .wrapper ul.new_search li .inner>p {
    font-weight: bold;
    color: #070707;
}

.history .wrapper ul.new_search li .inner>a div {
    margin: 15px 0 0;
    color: #17ABE8;
}

.history .wrapper ul.new_search li .inner::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: calc(50% - 1px);
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg) translateY(-50%);
    color: #17ABE8;
}

.search_results .wrapper .inner .box h3 {
    position: relative;
    background: #17ABE8;
    color: #fff;
    width: 100%;
    padding: 10px 10px;
    text-align: left;
    font-size: 18px;
}
.search_results .wrapper .inner .box h3 img {
    height: 20px;
    vertical-align: text-top;
}
.search_results .wrapper .inner .box h3 span {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 12px;
    line-height: 52px;
    font-weight: normal;
}
@media only screen and (max-width: 639px) {
    .result > .wrapper > .inner {
        padding: 0 0 0;
    }
    .result > .wrapper > .inner ul {
        margin: 10px auto 0;
    }
    .search_results {
        margin: 20px auto 0;
    }
    .search_results .wrapper .inner .box h3 span {
        display: none;
    }
}

.search_results .wrapper .inner .box .area {
    display: flex;
    align-items: flex-start;
    padding: 10px;
    width: 100%;
}

.search_results .wrapper .inner>li .img_box {
    width: 30%;
    margin: 0 auto 0 0;
}

.search_results .wrapper .inner>li .img_box img {
    width: 100%;
    height: auto;
}

.search_results .wrapper .inner>li .text_box {
    padding: 10px 0;
    text-align: left;
    width: 68%;
}

.search_results .wrapper .inner>li .text_box dl {
    display: flex;
    background: #E8F7FD;
}

.search_results .wrapper .inner>li .text_box dl:nth-of-type(2n) {
    display: flex;
    background: #fff;
}

.search_results .wrapper .inner>li .text_box dl dt {
    padding: 0 10px;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    display: flex;
    align-items: center;
    width: 100px;
}

.search_results .wrapper .inner>li .text_box dl dd {
    position: relative;
    padding: 0 10px;
    min-height: 40px;
    height: auto;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    width: calc(100% - 100px);
}

.search_results .wrapper .inner>li .text_box dl dd.yen {
    color: #ED3833;
    font-weight: bold;
}

.search_results .wrapper .inner>li .text_box dl dd.yen span {
    font-size: 30px;
}

.search_results .wrapper .inner>li .text_box dl dd.yen em {
    position: absolute;
    right: 10px;
    font-style: normal;
    border: 1px solid #ED3833;
    padding: 0 5px;
}

.search_results .wrapper .inner>li .text_box .two_box {
    display: flex;
    flex-wrap: wrap;
}

.search_results .wrapper .inner>li .text_box .two_box dl {
    width: 49%;
    background: #fff;
}

.search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(n+3),
.search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(n+7),
.search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(n+11),
.search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(n+15) {
    background: #E8F7FD;
}

.search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(n+5),
.search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(n+9),
.search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(n+13),
.search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(n+17) {
    background: #fff;
}



.search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(2n) {
    margin: 0 0 0 auto;
}

.search_results .wrapper .inner>li .text_box .comment {
    background: #E8F7FD;
    padding: 15px 20px;
    margin: 20px auto 0;
    border-radius: 20px;
}

.search_results .wrapper .inner>li .text_box h4 {
    color: #17ABE8;
    font-size: 16px;
}

.search_results .wrapper .inner>li ul.btn {
    display: flex;
    justify-content: center;
    font-size: 20px;
    width: 100%;
    padding: 10px;
}

.search_results .wrapper .inner>li ul.btn li:first-of-type {
    margin-right: 2%;
    width: 49%;
}

.search_results .wrapper .inner>li ul.btn li span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 17px 0;
    border: 1px solid #17ABE8;
    border-radius: 5px;
    width: 100%;
    color: #17ABE8;
    line-height: 1;
}

.search_results .wrapper .inner>li ul.btn li span img {
    height: 15px;
    margin: 0 10px 0 0;
}

.search_results .wrapper .inner>li ul.btn li:last-of-type {
    margin-right: 0;
    width: 49%;
}

.search_results .wrapper .inner>li ul.btn li:last-of-type span {
    color: #333;
    border: 1px solid #333;
}

.search_results .wrapper .inner>li ul.btn li:last-of-type span img {
    margin-right: 11px;
}

.search_results .wrapper .inner>li .text_box>.comment {
    display: block;
}

.search_results .wrapper .inner .box .area>.comment {
    display: none;
}

.box_around .detail {
    width: 100%;
}

.box_around .main_image_box {
    width: 100%;
}

.box_around .main_image_box img {
    width: 100%;
    height: 220px !important;
    object-fit: cover;
}

.box_around .detail ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 10px auto 0;
    flex-wrap: nowrap;
    overflow-x: scroll;
}

.box_around .detail ul li {
    width: calc(100% / 3 - 10px);
    margin-right: 10px;
    flex: 0 0 80px;
}

.box_around .detail ul li:last-child {
    margin-right: 0;
}

.box_around .detail ul li img {
    width: 100%;
    height: 60px !important;
    object-fit: cover;
}

/* BreakPoint 1100px
=============================================================*/
@media only screen and (max-width: 1100px) {
    .result .wrapper {
        width: 100%;
        padding: 0 3%;
        margin: 0 auto;
    }

    .search_results .wrapper {
        width: 100%;
        padding: 0 3%;
        margin: 0 auto;
    }

    .result > .wrapper > .inner ul {
        display: block;
    }

    .result > .wrapper > .inner ul li {
        width: 100%;
        margin: 0 0 3%;
    }

    .history .wrapper {
        width: 100%;
        padding: 0 3%;
        margin: 0 auto;
    }

    .history .wrapper ul {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 25px auto 0;
        flex-wrap: wrap;
    }

    .history .wrapper ul.new_search li {
        width: 48%;
        margin: 0 1% 25px;
    }

    .history .wrapper ul.new_search li:nth-of-type(5n) {
        margin: 0 1% 25px;
    }

    .history .wrapper ul.new_search li .inner h4 {
        margin: 20px auto 0;
        font-size: 22px;
        font-weight: 500;
        line-height: 1.5;
    }

    .history .wrapper ul.new_search li .inner>a>p {
        font-size: 26px;
        font-weight: bold;
        margin: 10px auto 25px;
        color: #070707;
    }

    .history .wrapper ul.new_search li .inner>a div {
        display: flex;
        justify-content: center;
        justify-content: flex-start;
        text-align: left;
        font-size: 22px;
        color: #17ABE8;
    }

    .history .wrapper ul.new_search li .inner>a div {
        width: 280px;
    }

    .history .wrapper ul.new_search li .inner>a div img {
        margin: 0 5px 0 0;
    }

    .history .wrapper ul.new_search li .inner::after {
        right: 25px;
    }

    .result > .wrapper > .inner ul li.eki .change_btn dl dt {
        width: 110px;
        text-align: left;
    }

    .result > .wrapper > .inner ul li.eki .change_btn dl dd {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: calc(100% - 110px);
        text-align: left;
    }

    .result > .wrapper > .inner ul li.jyoken .change_btn dl {
        width: calc(50% - 30px);
    }

    .result > .wrapper > .inner ul li.jyoken .change_btn dl dt {
        width: 75px;
        text-align: left;
    }

    .result > .wrapper > .inner ul li.jyoken .change_btn dl dd {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: calc(100% - 75px);
        text-align: left;
    }


}

/* BreakPoint 639px
=============================================================*/
@media only screen and (max-width: 639px) {
    .result .wrapper h2 {
        font-size: 20px;
    }

    .result > .wrapper > .inner > p {
        font-size: 20px;
        text-align: left;
    }

    .result > .wrapper > .inner > p span {
        font-size: 30px;
        color: #ED3833;
        padding: 0 10px;
    }

    .result .wrapper .result_save {
        width: 90%;
        margin: 35px auto 0;
    }

    .result .wrapper .result_save .result_save_inner ul {
        height: 75px;
    }

    .result .wrapper .result_save .result_save_inner ul li {
        height: 50px;
        width: 48%;
        margin: 0 1% 0 0;
        font-size: 13px;
    }

    .search_results > .wrapper {
        display: block;
    }

    .search_results .wrapper ul.inner {
        width: 100%;
    }

    .search_results .wrapper .inner>li .box {
        display: block;
    }

    .search_results .wrapper .inner>li .img_box {
        width: 100%;
    }

    .search_results .wrapper .inner>li .text_box {
        width: 100%;
    }

    .search_results .wrapper .inner>li .text_box h3 {
        overflow: hidden;
    }

    .search_results .wrapper .inner>li .text_box ul.info,
    .search_results .wrapper .inner>li .text_box ul.home {
        font-size: 12px;
    }

    .search_results .wrapper .inner>li .text_box ul.info li:first-of-type,
    .search_results .wrapper .inner>li .text_box ul.home li:first-of-type {
        font-size: 14px;
    }

    .search_results .wrapper .inner>li .text_box ul.info li.load p,
    .search_results .wrapper .inner>li .text_box ul.info li.home p {
        font-size: 14px;
    }

    .search_results .wrapper .inner>li .text_box ul.btn li a {
        font-size: 14px;
    }

    .history .wrapper ul li {
        width: 100%;
    }

    .search_results .wrapper .inner>li {
        margin: 0 auto 25px;
    }

    .history .wrapper ul li>a .inner {
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .history .wrapper ul li>a .inner h4 {
        font-size: 20px;
    }

    .history .wrapper ul li>a .inner>p {
        font-size: 20px;
    }

    .history .wrapper ul li>a .inner a div {
        width: 100%;
    }

    .history .wrapper ul li>a .inner a {
        margin: 0 auto 15px;
    }

    .history .wrapper ul li>a .inner a div p {
        width: 100%;
        font-size: 16px;
    }

    .history .wrapper h3 {
        font-size: 20px;
    }

    .history .wrapper>p {
        font-size: 16px;
        text-align: left;
        margin: 15px auto 0;
    }

    .history .wrapper ul.new_search li {
        width: 100%;
        margin: 0 0 25px;
    }

    .history .wrapper ul.new_search li .inner {
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .history .wrapper ul.new_search li .inner h4 {
        font-size: 20px;
    }

    .history .wrapper ul.new_search li .inner h4 span {
        font-size: 20px;
    }

    .history .wrapper ul.new_search li .inner>a>p {
        font-size: 20px;
    }

    .history .wrapper ul.new_search li .inner>a div {
        width: 100%;
    }

    .history .wrapper ul.new_search li .inner>a {
        margin: 0 auto 15px;
    }

    .history .wrapper ul.new_search li .inner>a div p {
        width: 100%;
        font-size: 16px;
    }



    .search_results .wrapper .inner .box .area {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 10px 10px 0;
    }

    .search_results .wrapper .inner>li .comment {
        background: #fff;
        margin: 0 auto;
        text-align: left;
    }

    .search_results .wrapper .inner>li h4 {
        color: #17ABE8;
        font-size: 16px;
    }

    .search_results .wrapper .inner>li .text_box .two_box dl {
        width: 100%;
        background: #fff;
    }

    .search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(n+3) {
        background: #fff;
    }

    .search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(n+3) {
        background: #fff;
    }

    .search_results .wrapper .inner>li .text_box .two_box dl:nth-of-type(2n) {
        background: #fff;
    }

    .search_results .wrapper .inner>li ul.btn li a {
        font-size: 14px;
        padding: 10px 0;
    }

    .search_results .wrapper .inner>li .text_box dl dt {
        font-size: 14px;
    }

    .search_results .wrapper .inner>li .text_box dl dd {
        font-size: 14px;
    }

    .search_results .wrapper .inner>li .text_box dl dd.yen span {
        font-size: 18px;
    }
    .search_results .wrapper .inner>li .text_box dl.yen {
        display: flex!important;
    }
    .search_results .wrapper .inner>li .text_box dl.yen em {
        color: #ED3833;
        font-weight: bold;
        font-style: normal;
        border: 1px solid #ED3833;
        padding: 0 5px;
    }

    .search_results .wrapper .inner>li .img_box {
        width: 38%;
    }

    .search_results .wrapper .inner>li .text_box {
        width: 60%;
        padding-bottom: 0;
        padding-top: 0;
    }

    .search_results .wrapper .inner>li .img_box ul.icon li.tatemono {
        font-size: 11px;
        color: #00A9BD;
    }

    .search_results .wrapper .inner>li .img_box ul.icon li.kakaku {
        font-size: 11px;
        color: #ED3833;
        margin: 5px 0 0;
    }

    .search_results .wrapper .inner>li .text_box dl {
        display: flex;
        flex-wrap: wrap;
        background: #fff;
    }

    .search_results .wrapper .inner>li .text_box dl dt {
        font-size: 14px;
        width: 100%;
        height: auto;
        background: #fff;
    }

    .search_results .wrapper .inner>li .text_box dl dd {
        font-size: 14px;
        width: 100%;
        height: auto;
        background: #fff;
    }

    .search_results .wrapper .inner>li .text_box>.comment {
        display: none;
    }

    .search_results .wrapper .inner .box .area>.comment {
        display: block;
    }

    .result > .wrapper > .inner ul li .change_btn {
        font-size: 16px;
        flex-wrap: wrap;
        position: relative;
    }

    .box_around .detail {
        display: none;
    }

    .search_results .wrapper .inner .box h3 {
        font-size: 16px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        height: 2.7em;
    }

    .search_results .wrapper .inner>li .text_box dl.none {
        display: none;
    }

    .search_results .wrapper .inner>li .img_box img {
        height: 200px !important;
        object-fit: contain;
    }

    .search_results .wrapper .inner>li .img_box ul.icon {
        display: none;
        position: relative;
    }

    .search_results .wrapper .inner>li .img_box ul.icon li.tatemono,
    .search_results .wrapper .inner>li .img_box ul.icon li.kakaku {
        text-align: left;
        padding: 10px 0 0;
        background: none;
        border-radius: 0;
        font-size: 14px;
    }

    .search_results .wrapper .inner>li .img_box ul.icon li.tatemono::before {
        content: "種別：";
    }

    .search_results .wrapper .inner>li .img_box ul.icon li.kakaku::before {
        content: "条件：";
    }

    .result > .wrapper > .inner ul li .change_btn a {
        margin: 0 0 0 auto;
        color: #17ABE8;
        position: absolute;
        top: 50%;
        right: 25px;
        transform: translateY(-50%);
    }

    .search_results .wrapper .inner>li .comment p {
        line-height: 1.4;
        font-size: 11px;
    }

    .search_results .wrapper .inner>li .text_box dl dt {
        font-size: 11px;
        width: 27%;
        padding: 0;
        background: #fff;
    }

    .search_results .wrapper .inner>li .text_box dl dt.access_ttl {
        align-items: baseline;
    }

    .search_results .wrapper .inner>li .text_box dl dd {
        font-size: 11px;
        width: 70%;
        padding: 0;
        background: #fff;
        min-height: 20px;
    }

    .search_results .wrapper .inner>li .text_box dl dd.yen {
        display: inline-block;
    }

    .search_results .wrapper .inner>li .text_box dl dd.yen span {
        font-size: 14px;
    }

    .search_results .wrapper .inner>li .text_box .two_box dl {
        width: 100%;
        background: #fff;
    }

    .search_results .wrapper .inner>li .text_box dl {
        background: #fff;
    }

    .search_results .wrapper .inner .box h3 {
        background: #17ABE8;
        color: #fff;
    }

    .result > .wrapper > .inner ul li .change_btn dl {
        width: calc(100% - 60px);
    }

    .result > .wrapper > .inner ul li.jyoken .change_btn dl {
        width: 100%;
    }

}


/* search_forms
----------------------------------------------------------------------------- */
.search_forms_w {
    padding: 0 0 150px;
}

.search_results .wrapper .search_forms {
    width: 250px;
    display: flex;
    height: max-content;

}

.search_results .wrapper .search_forms .wrapper {
    width: 100%;
    margin: 0 auto;
}

.search_results .wrapper .search_forms form>div.add {
    /*display: none;*/
}

/* reset */

.accordion .area {
    display: block;
    background: #fff;
}

.accordion .area ul {
    display: flex;
    flex-wrap: wrap;
}

.accordion .inner {
    background: #E8F7FD;
    padding: 5px;
}

.accordion button {
    height: auto;
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    font-size: 20px;
    color: #333;
    position: relative;
    background: #E8F7FD;
}

.accordion button:after {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 10px;
    top: calc(50% - -2px);
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(-45deg) translateY(-50%);
    color: #17ABE8;
}

.accordion button:after {
    display: none;
}

.accordion button.open:after {
    transform: rotate(135deg) translateY(50%);
    top: calc(50% - 2px);
}

#dataCity,
#addKodawari{
    display: none;
}
.popupBlock{
    display: block!important;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
}
#modal-overlay{
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.accordion,
.areaBox,
.kodawariBox {
    background: #fff;
    padding: 20px;
}
.kodawariBox {
    max-width: 1000px;
    width: 80%;
    margin: 0 auto;
}
a.next_btn {
    display: block;
    margin: 0 auto 10px;
    width: 80%;
    padding: 10px 0;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    background: #FFAA26;
    box-shadow: 0px 3px 0px 0px #ff6f26;
    border-radius: 5px;
    color:#fff;
}

h2.search {
    color: #53BFE6;
    font-size: 26px;
    width: 100%;
    padding: 12px 10px;
    /* border: solid #53BFE6; */
    /* border-width: 0 0 1px; */
    display: flex;
    align-items: center;
}

h2.search img {
    margin: 0 10px 0 0;
}

h3.search {
    color: #333;
    width: 100%;
    padding: 10px 10px 10px 0;
    display: flex;
    align-items: center;
}

.kodawari h3.search {
    background: #fff;
}

h3.search span {
    display: block;
    border: solid #53BFE6;
    border-width: 0 0 0 5px;
    padding: 0 0 0 10px;
}

h4.search {
    color: #333;
    font-size: 18px;
    width: 100%;
    padding: 0;
    text-align: left;
}

.name h4.search {
    border-width: 0;
}

.areaDisplay {
}
.areaBlock {
    width: 100%;
    margin: 0 auto 15px;
    background: #E8F7FD;
    padding: 5px;
    display: flex;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);
}
.areaBlock .wrapper {
    padding: 5px;
    background: #fff;
}
.areaBlock .wrapper dl {
    padding: 10px;
    text-align: left;
}
.areaBlock .wrapper dl dt {
    font-weight: 500;
}
.areaBlock .wrapper dl dd {
}
.manSearch {
}

.manSearch h3 span {
    border: solid #17ABE8;
    border-width: 0 0 0 5px;
}

.manSearch .estatename {
}

.manSearch .estatename input[type=text] {
    overflow: hidden;
    vertical-align: middle;
}

.condition,
.condition_s {
    width: 100%;
    margin: 0 auto 15px;
    background: #E8F7FD;
    padding: 5px;
    display: flex;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);
}
.accordion,
.estatename,
.kodawari,
.kodawari_s {
    width: 100%;
    margin: 0 auto 15px;
    background: #E8F7FD;
    padding: 5px;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);
}

.condition h4,
.condition_s h4{
    width: 70px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
}

.estatename h4,
.kodawari h4,
.kodawari_s h4 {
    width: 150px;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
}

.condition .area,
.condition_s .area {
    width: calc(100% - 70px);
    background: #fff;
    padding: 10px 20px;
}

.estatename .area,
.kodawari .area,
.kodawari_s .area {
    width: calc(100% - 150px);
    background: #fff;
    padding: 10px 20px;
}


.condition .wrapper,
.condition_s .wrapper,
.estatename .wrapper,
.kodawari .wrapper,
.kodawari_s .wrapper {
    display: flex;
}

.condition .wrapper,
.condition_s .wrapper,
.estatename .wrapper,
.kodawari .wrapper,
.kodawari_s .wrapper {
    background: #E8F7FD;
    width: 100%;
}

.condition_s label {
    width: 100%;
    height: 30px;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    border: 1px solid #333;
    border-radius: 5px;
    display: block;
}
.kodawari_s label {
    width: calc(100% / 4 - 2%);
    height: 30px;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    border: 1px solid #333;
    border-radius: 5px;
    display: block;
}

.condition label,
.estatename label,
.kodawari label {
    width: 100%;
}

.condition_s label:after,
.kodawari_s label:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 5px;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(135deg) translateY(50%);
    top: calc(50% - 2px);
    color: #17ABE8;
    margin: -3px 0 0;
}

.condition_s select,
.kodawari_s select {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 30px 0 10px;
    color: inherit;
    background-color: inherit;
    cursor: pointer;
    font-size: 14px;
}

.condition ul,
.condition_s ul,
.kodawari ul,
.kodawari_s ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 70px);
    background: #fff;
}
.estatename ul {
    width: 100%!important;
}

.condition ul li,
.condition_s ul li{
    height: 30px;
    font-size: 14px;
    color: #17ABE8;
    position: relative;
    width: 100%;
    margin: 5px;
}
.kodawari ul li,
.kodawari_s ul li {
    height: 30px;
    font-size: 14px;
    color: #17ABE8;
    position: relative;
    width: calc(100% / 3 - 10px);
    margin: 5px;
}
.estatename ul li {
    width: 100%!important;
}
.condition_s ul li.kara,
.kodawari_s ul li.kara{
    height: auto;
    margin: 0;
}

.condition ul li span,
.condition_s ul li span,
.estatename ul li span,
.kodawari ul li span,
.kodawari_s ul li span {
    color: #333;
    margin: 0 0 0 10px;
}

.condition ul li div,
.condition_s ul li div,
.estatename ul li div,
.kodawari ul li div,
.kodawari_s ul li div {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0;
}

.condition ul li input[type=checkbox],
.condition_s ul li input[type=checkbox],
.estatename ul li input[type=checkbox],
.kodawari ul li input[type=checkbox],
.kodawari_s ul li input[type=checkbox] {
    display: none;
}

.condition ul li .condition_check,
.condition_s ul li .osusume_check,
.kodawari ul li .kodawari_check,
.kodawari_s ul li .kodawari_check {
    position: relative;
    padding: 0;
    width: 100%;
    height: 30px;
    display: block;
    display: flex;
    align-items: center;
    margin: 0;
}

.condition ul li .condition_check div:after,
.condition_s ul li .condition_check div:after,
.kodawari ul li .kodawari_check div:after,
.kodawari_s ul li .kodawari_check div:after,
.condition ul li .condition_check div:before,
.condition_s ul li .condition_check div:before,
.kodawari ul li .kodawari_check div:before,
.kodawari_s ul li .kodawari_check div:before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
}

.condition ul li .condition_check div:after,
.condition_s ul li .condition_check div:after,
.kodawari ul li .kodawari_check div:after,
.kodawari_s ul li .kodawari_check div:after {
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #333333;
    margin: -12px auto 0;
    background: #fff;
}

.condition ul li .condition_check div:before,
.condition_s ul li .condition_check div:before,
.kodawari ul li .kodawari_check div:before,
.kodawari_s ul li .kodawari_check div:before {
    left: 0;
    right: 0;
    top: 50%;
    margin: -8px auto 0;
    width: 13px;
    height: 5px;
    opacity: 0;
    border-left: 5px solid #17ABE8;
    border-bottom: 5px solid #17ABE8;
    transform: rotate(-45deg);
    z-index: 1;
}

.condition ul li input[type=checkbox]:checked+.condition_check div:before,
.condition_s ul li input[type=checkbox]:checked+.condition_check div:before,
.kodawari ul li input[type=checkbox]:checked+.kodawari_check div:before,
.kodawari_s ul li input[type=checkbox]:checked+.kodawari_check div:before {
    opacity: 1;
}

.condition ul li input[type=checkbox]:checked+.condition_check,
.condition_s ul li input[type=checkbox]:checked+.condition_check,
.kodawari ul li input[type=checkbox]:checked+.kodawari_check,
.kodawari_s ul li input[type=checkbox]:checked+.kodawari_check {
    background: #E8F7FD;
}

.condition ul li .condition_check div:hover:after,
.condition_s ul li .condition_check div:hover:after,
.kodawari ul li .kodawari_check div:hover:after,
.kodawari_s ul li .kodawari_check div:hover:after {
    border-color: #0171bd;
}

.condition ul li .condition_check a,
.condition_s ul li .condition_check a,
.kodawari ul li .kodawari_check a,
.kodawari_s ul li .kodawari_check a {
    color: #17ABE8;
    text-decoration: underline;
}

.condition ul li::after,
.condition_s ul li::after,
.estatename ul li::after,
.kodawari ul li::after,
.kodawari_s ul li::after {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 30px;
    top: calc(50% - 1px);
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(45deg) translateY(-50%);
    color: #17ABE8;
}

.condition ul li::after,
.condition_s ul li::after,
.estatename ul li::after,
.kodawari ul li::after,
.kodawari_s ul li::after {
    display: none;
}
.search_results_w .searchBtn{
    background: rgba(0, 0, 0, 0.5);
    padding: 30px 0;
    margin-top: 20px;
    display: flex;
}
ul.searchBtn li.search_btn02 {
    width: 80%;
    margin: 0 auto;
    padding-left: 20px;
}
ul.searchBtn li.clear_btn {
    width: 20%;
    margin: auto;
}

ul.searchBtn li.search_btn02 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    font-size: 18px;
    letter-spacing: 2px;
    color: #fff;
    background: #ED3833;
    border: 1px solid #ED3833;
}
ul.searchBtn li.clear_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65%;
    height: 35px;
    margin: auto;
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
    background: #ED3833;
    border: 1px solid #ED3833;
}


/* jr_line city
----------------------------------------------------------------------------- */
div.jr_line,
div.city {
    max-width: 1000px;
    width: 80%;
    margin: 0 auto;
}

div.jr_line .wrapper,
div.city .wrapper {
    width: 100%;
    margin: 0 auto;
}

div.jr_line ul li input[type=checkbox],
div.city ul li input[type=checkbox] {
    display: none;
}

div.jr_line ul li .change_label,
div.city ul li .change_label {
    position: relative;
    padding: 0;
    width: 100%;
    height: 30px;
    display: block;
    display: flex;
    align-items: center;
    margin: 0;
}

div.jr_line ul li .change_label div:after,
div.jr_line ul li .change_label div:before,
div.city ul li .change_label div:after,
div.city ul li .change_label div:before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
}

div.jr_line ul li .change_label div:after,
div.city ul li .change_label div:after {
    left: 0;
    right: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #333333;
    margin: -12px auto 0;
    background: #fff;
}

div.jr_line ul li .change_label div:before,
div.city ul li .change_label div:before {
    left: 0;
    right: 0;
    top: 50%;
    margin: -8px auto 0;
    width: 13px;
    height: 5px;
    opacity: 0;
    border-left: 5px solid #17ABE8;
    border-bottom: 5px solid #17ABE8;
    transform: rotate(-45deg);
    z-index: 1;
}

div.jr_line ul li input[type=checkbox]:checked+.change_label div:before,
div.city ul li input[type=checkbox]:checked+.change_label div:before {
    opacity: 1;
}

div.jr_line ul li input[type=checkbox]:checked+.change_label,
div.city ul li input[type=checkbox]:checked+.change_label {
    background: #E8F7FD;
}

div.jr_line ul li .change_label div:hover:after,
div.city ul li .change_label div:hover:after {
    border-color: #0171bd;
}

div.jr_line ul li .change_label a,
div.city ul li .change_label a {
    color: #17ABE8;
    text-decoration: underline;
}

div.jr_line .area > ul > li,
div.city .area > ul > li {
    height: 30px;
    font-size: 14px;
    color: #17ABE8;
    position: relative;
    width: calc(100% / 4 - 10px);
    margin: 5px;
}

div.jr_line ul li span,
div.city ul li span {
    color: #333;
    margin: 0 0 0 10px;
}

div.jr_line ul li div,
div.city ul li div {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0;
}

div.jr_line ul li::after,
div.city ul li::after {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 30px;
    top: calc(50% - 1px);
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(45deg) translateY(-50%);
    color: #17ABE8;
}

div.jr_line ul li::after,
div.city ul li::after {
    display: none;
}

div.city ul li.name {
    height: 40px;
    margin: 0 10px;
    text-align: left;
    padding: 5px 10px;
    color: #333;
    display: flex;
    align-items: center;
    width: 100%;
    background: #E8F7FD;
}

div.city ul li.name::after {
    display: none;
}

div.city ul li.all {
    width: 100%;
}


/* setting
----------------------------------------------------------------------------- */
div.setting {
    width: 100%;
    margin: 0 auto;
}

div.setting .wrapper {
    width: 100%;
}

div.setting .wrapper .kakaku ul {
    width: 100%;
    display: flex;
    padding: 10px;
    background: #fff;
    width: calc(100% - 150px);
}

div.setting .wrapper .kakaku ul li {
    max-width: 100%;
}

div.setting .wrapper .kakaku ul li.kara {
    font-size: 26px;
    text-align: left;
    margin: 0;
    width: 50px;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
}

/* time
----------------------------------------------------------------------------- */
div.time {
    width: 100%;
    padding: 0;
    background: #FAFAFA;
}

div.time .over {
    width: 100%;
    margin: 0 auto 30px;
    padding: 20px;
    background: #fff;
}

div.time .over>p {
    margin: 20px 0 0 20px;
    text-align: left;
    font-size: 26px;
    color: #070707;
}

div.time .over>p.care {
    margin: 10px 0 35px 20px;
    font-size: 22px;
    color: #333;
}

div.time h3.search {}

div.time h4.search {
    border: 0;
    padding: 0;
}

div.time .wrapper {
    width: 100%;
}

div.time .wrapper dl dt {
    display: flex;
    align-items: center;
    padding: 27px 20px 10px;
}

div.time .wrapper dl dt img {
    margin: 0 14px 0 0;
}

div.time .wrapper dl dd {
    display: flex;
    align-items: flex-end;
    font-size: 26px;
}

div.time .wrapper dl dd input {
    padding: 0 30px 0 30px;
    width: 70%;
    height: 80px;
    border: 1px solid #333;
    border-radius: 10px;
    display: block;
    font-size: 26px;
    margin: 0 12px 0 0;
}

div.time .wrapper dl dd input:focus {
    border: 1px solid #17ABE8;
    background: #F3FBFE;
    color: #8BD5F3;
}

div.time .wrapper dl dd input:focus::placeholder {
    color: #8BD5F3;
}

.add_btn {
    margin: 45px auto 0;
    font-size: 30px;
    color: #17ABE8;
}

/* search_bottom
----------------------------------------------------------------------------- */
.search_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10;
}

.search_bottom .wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 3%;
}

.search_bottom .wrapper ul {
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    letter-spacing: 2px;
}

.search_bottom .wrapper ul li.kensu {
    margin: 0 auto 0 0;
    color: #fff;
    text-align: left;
}

.search_bottom .wrapper ul li.kensu h3 {
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 5px;
}

.search_bottom .wrapper ul li.kensu p {
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
}

.search_bottom .wrapper ul li.kensu p span {
    font-size: 40px;
    font-weight: bold;
    margin: 0 15px 0 0;
}

.search_bottom .wrapper ul li.search_btn01 {
    width: 400px;
}

.search_bottom .wrapper ul li.search_btn01 ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search_bottom .wrapper ul li.syousai_btn,
.search_bottom .wrapper ul li.sentaku_btn {
    width: 193px;
}

.search_bottom .wrapper ul li.syousai_btn a,
.search_bottom .wrapper ul li.sentaku_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70px;
    font-size: 22px;
    letter-spacing: 2px;
    background: #fff;
    color: #ED3833;
    border: 1px solid #ED3833;
}

.search_bottom .wrapper ul li.sentaku_btn a {
    color: #fff;
    background: #ED3833;
}

.search_bottom .wrapper ul li.search_btn02 {
    width: 400px;
}

.search_bottom .wrapper ul li.search_btn02 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70px;
    font-size: 22px;
    letter-spacing: 2px;
    color: #fff;
    background: #ED3833;
    border: 1px solid #ED3833;
}

.time ul {
    display: flex;
    background: #E8F7FD;
    padding: 10px 20px;
}

.time ul li {
    display: flex;
    width: 30%;
}

.time ul li:nth-child(2) {
    width: 158px;
}

.time ul li:nth-child(2) label {
    width: 100px;
    background: #fff;
}

.time ul li:nth-child(2) p {
    width: 45px;
}

.time ul li:nth-child(3) {
    width: 200px;
}

.time ul li:nth-child(3) label {
    width: 128px;
    background: #fff;
}

.time ul li:nth-child(3) p {
    width: 71px;
}

.time ul li input {
    position: relative;
    padding: 0;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    margin: 0;
    background: #fff;
    border: 1px solid #C2C2C2;
    color: #17ABE8;
    font-size: 14px;
    border-radius: 10px;
    padding: 0px 10px 0 30px;
    text-align: left;
}

.time ul li p {
    width: 120px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto 0 15px;
}

/*
form>div.add {
    margin: 30px auto 0;
}

.bot_banner {
    bottom: 95px;
}

.add>.condition,
.add>.ekitoho,
.add>.tikunensu,
.add>.osusume,
.add>.muki,
.add>.senyubu,
.add>.nyukyo,
.add>.other {
    padding: 0;
    width: 100%;
    background: transparent;
}

.add>.condition>.wrapper,
.add>.ekitoho>.wrapper,
.add>.tikunensu>.wrapper,
.add>.osusume>.wrapper,
.add>.muki>.wrapper,
.add>.senyubu>.wrapper,
.add>.nyukyo>.wrapper,
.add>.other>.wrapper {
    padding: 5px;
    background: #E8F7FD;
}

.kodawari .wrapper {
    margin: 0 3%;
    width: 94%;
}

.next_btn {
    display: block;
    margin: 40px auto;
    width: 80%;
    padding: 22px 0 20px;
    line-height: 1;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    background: #FFAA26;
    box-shadow: 0px 3px 0px 0px #ff6f26;
    border-radius: 5px;
}
.search_bottom .wrapper ul {
    height: 80px;
}

.search_bottom .wrapper ul li.kensu h3 {
    font-size: 14px;
}

.search_bottom .wrapper ul li.kensu p {
    font-size: 15px;
}

.search_bottom .wrapper ul li.kensu p span {
    font-size: 25px;
    margin: 0 5px 0 0;
}

.search_bottom .wrapper ul li.syousai_btn,
.search_bottom .wrapper ul li.sentaku_btn {
    width: 49%;
}

.search_bottom .wrapper ul li.syousai_btn a,
.search_bottom .wrapper ul li.sentaku_btn a {
    height: 55px;
    font-size: 14px;
}

.search_bottom .wrapper ul li.search_btn01,
.search_bottom .wrapper ul li.search_btn02 {
    width: 75%;
}

.search_bottom .wrapper ul li.search_btn02 a {
    height: 55px;
    font-size: 14px;
}

h3.search span {
    height: auto;
}

h4.search {
    font-size: 16px;
    padding: 0;
    width: 100px;
}

div.setting .wrapper .kakaku ul {
    width: calc(100% - 45px);
    display: block;
}

div.setting .wrapper .kakaku ul li {
    max-width: 100%;
}

.kakaku label,
.senyumenseki label,
.ekitoho label,
.tikunensu label,
.floor label,
.time label {
    height: 55px;
}

.kakaku select,
.senyumenseki select,
.ekitoho select,
.tikunensu select,
.floor select,
.time select {
    font-size: 18px;
    margin: 0px 0 0;
}

div.setting .wrapper .kakaku ul li.kara {
    font-size: 18px;
}


.condition ul li:nth-child(3),
.osusume ul li:nth-child(3),
.kodawari ul li:nth-child(3),
.muki ul li:nth-child(3),
.senyubu ul li:nth-child(3),
.nyukyo ul li:nth-child(3),
.other ul li:nth-child(3) {
    margin: 0 0 5%;
}

div.time .over>p {
    font-size: 16px;
}

div.time .over>p.care {
    font-size: 14px;
}

div.time .wrapper dl dt {
    padding: 20px 0 10px;
}

div.time .wrapper dl dd input {
    height: 55px;
    font-size: 18px;
}

.add_btn {
    font-size: 20px;
}



.condition ul li:nth-child(3),
.osusume ul li:nth-child(3),
.kodawari ul li:nth-child(3),
.muki ul li:nth-child(3),
.senyubu ul li:nth-child(3),
.nyukyo ul li:nth-child(3),
.other ul li:nth-child(3) {
    margin: 0 0 5% 0;
}

.condition ul li:nth-child(2n),
.osusume ul li:nth-child(2n),
.kodawari ul li:nth-child(2n),
.muki ul li:nth-child(2n),
.senyubu ul li:nth-child(2n),
.nyukyo ul li:nth-child(2n),
.other ul li:nth-child(2n) {
    margin: 0 0 5% 0;
}

.condition ul li label:before,
.osusume ul li label:before,
.kodawari ul li label:before,
.muki ul li label:before,
.senyubu ul li label:before,
.nyukyo ul li label:before,
.other ul li label:before {
    left: 0;
    right: 0;
    top: 50%;
    margin: -7px auto 0 10px;
    width: 15px;
    height: 5px;
    opacity: 1;
    border-left: 2px solid #C2C2C2;
    border-bottom: 2px solid #C2C2C2;
    transform: rotate(-45deg);
    z-index: 1;
}

.condition ul li label:after,
.osusume ul li label:after,
.kodawari ul li label:after,
.muki ul li label:after,
.senyubu ul li label:after,
.nyukyo ul li label:after,
.other ul li label:after {
    left: 0;
    right: 0;
    width: 22px;
    height: 22px;
    margin: -12px auto 0 10px;
}

.condition .wrapper,
.senyumenseki .wrapper,
.ekitoho .wrapper,
.tikunensu .wrapper,
.floor .wrapper,
.osusume .wrapper,
.kodawari .wrapper,
.muki .wrapper,
.senyubu .wrapper,
.nyukyo .wrapper,
.other .wrapper {
    display: flex;
    padding: 0;
}

.senyumenseki,
.condition,
.kakaku,
.ekitoho,
.tikunensu,
.floor,
.osusume,
.kodawari,
.muki,
.senyubu,
.nyukyo,
.other {
    margin: 0 auto 5px;
    width: 100%;
}

.time ul {
    display: flex;
    flex-wrap: wrap;
    background: #E8F7FD;
    padding: 10px 20px;
}

.kakaku label,
.senyumenseki label,
.ekitoho label,
.tikunensu label,
.floor label,
.time label {
    height: 50px;
    width: 100%;
}

.time ul li {
    display: flex;
    width: 50%;
    margin: 0 auto 15px;
}

.time ul li:nth-child(2) {
    width: 50%;
}

.time ul li:nth-child(3) {
    width: 100%;
}

.time ul li:nth-child(3) label {
    width: 75%;
    background: #fff;
}

.condition ul,
.osusume ul,
.kodawari ul,
.muki ul,
.senyubu ul,
.nyukyo ul,
.other ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 40px);
    padding: 10px;
    background: #fff;
}

.condition ul li:nth-child(n+5),
.osusume ul li:nth-child(n+5),
.kodawari ul li:nth-child(n+5),
.muki ul li:nth-child(n+5),
.senyubu ul li:nth-child(n+5),
.nyukyo ul li:nth-child(n+5),
.other ul li:nth-child(n+5) {
    margin: 0 0 5% 0;
}

.condition ul li:last-child,
.osusume ul li:last-child,
.kodawari ul li:last-child,
.muki ul li:last-child,
.senyubu ul li:last-child,
.nyukyo ul li:last-child,
.other ul li:last-child {
    margin: 0 0 0 0;
}

.kakaku .area,
.condition .area,
.osusume .area,
.kodawari .area,
.muki .area,
.senyubu .area,
.nyukyo .area,
.other .area,
.senyumenseki .area,
.ekitoho .area,
.tikunensu .area,
.floor .area {
    width: calc(100% - 45px);
    background: #fff;
    padding: 10px;
}

.time ul li input {
    padding: 0px 10px 0 10px;
}

.time select {
    padding: 0 30px 0 10px;

}

.bot_banner {
    bottom: 80px;
}


.add>.setting>.wrapper {
    display: block;
}

.add>.setting>.wrapper>.condition {
    width: 100%;
}

.add>.kodawari>.wrapper {
    width: 100%;
    margin: 0;
    padding: 0 0 0 5px;
}
*/
@media only screen and (max-width: 639px) {
    .search_results .wrapper .search_forms {
        display: none;
    }
}

.sortbox {
    height: auto;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 20%);
    display: flex;
    flex-wrap: wrap;
    background: #E8F7FD;
}
.sortbox div {
    display: flex;
    flex-wrap: wrap;
}
.sortbox div {
    display: flex;
    padding: 5px 0;
}
.sortbox div span {
    display: inline-block;
    margin-left: 20px;
    height: 36px;
    line-height:36px;
}
.sortbox label {
    height: 36px;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    border: 1px solid #333;
    border-radius: 5px;
    display: block;
}
.sortbox label:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 5px;
    border-top: solid 2px;
    border-right: solid 2px;
    transform: rotate(135deg) translateY(50%);
    top: calc(50% - 2px);
    color: #17ABE8;
    margin: -3px 0 0;
}
.sortbox label select {
    height: 36px;
    color: inherit;
    background-color: #fff;
    cursor: pointer;
    margin: 0px 0 0;
    padding: 0 30px 0 10px;
}
.listpnumber {
    margin-bottom: 0;
}
.condition input[type=text],
.estatename input[type=text],
.kodawari input[type=text] {
    width: 100%;
    height: 30px;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    border: 1px solid #333;
    border-radius: 5px;
    display: block;
}