@charset "utf-8";


#contents_outer * {
    font-family: Helvetica, "hiragino kaku gothic pro","メイリオ","ms pgothic",sans-serif;
}
#contents_outer {
    background: #fff!important;
}
#contents {
    width: auto;
    padding: 0!important;
}

/*-------------------------------------------------------------------------
UI
-------------------------------------------------------------------------*/

.ui-headline {
    text-align: center;
    margin: 0 0 20px;
}
    .ui-headline__en {
        font-size  : 40px;
        font-weight: bold;
        color      : #e60012;
        display: inline-block;
        line-height: 1;
    }
        .ui-headline__en span {
            color: #009d5a;
        }
    .ui-headline__jp {
        display: block;
        line-height: 1;
        letter-spacing: .3em;
        font-size: 17px;
        color    : #1b1b1b;
        margin: 14px 0 0;
    }

/*-------------------------------------------------------------------------
メイン画像
-------------------------------------------------------------------------*/
/*メイン画像用*/
/*
.mainImg__wrap {
    padding-top: 35px;
    height: 385px;
    background: url(/images/bg_mainview.png) center / cover no-repeat;
    text-align: center;
}
*/

/*スライダー用*/

[class^='mainSlider__img'] {
    height: 420px;
    display: inline-block;
    text-align: center;
    perspective: 1000px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-color: #FDEEEB;
}
.mainSlider__img1 {
    background-image: url("/images/bg_mainview.png");
}
.mainSlider__img2 {
    background-color:#FDEEEB ;
}
.mainSlider__img3{
    background-image: url("/images/bg_mainview03.jpg");
}
.mainSlider__img4 {
    background-image: url("/images/bg_mainview04.jpg");
}
.mainSlider__img5 {
    background-color:#FDEEEB ;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainSlider a:hover{
    opacity: .8;
}
.main_catch01{
    padding-top: 35px;
}
.main_catch03{
    display: flex;
    justify-content: center;
    padding: 149px 15px 0 0;
}
.mainSlider__img3 a{
    width: 100%;
    height: 420px;
    display: block;
}
.main_catch04{
    padding-top: 53px;
    width: 572px;
    margin: 0 auto;
}
.mainSlider__img4 a {
    width: 100%;
    height: 420px;
    display: block;
}


    .mainSlider__img2 img {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }
    .mainView p {
        margin: 0 0 0 -8px;
    }

/*-------------------------------------------------------------------------
フリー検索
-------------------------------------------------------------------------*/

.freeSearch {
    background-color: #e60012;
    padding: 17px 0 16px;
}
.freesearch-wrap {
    width: 950px;
    margin: 0 auto;
}
    .freeSearch__headline {
        float: left;
        font-size: 21px;
        color    : #fff23f;
        letter-spacing: .3em;
    }
    .freeSearch-right {
        float: right;
    }
    .tN {
        width: 530px;
        height: 27px;
        font-size: 12px;
        color: #000;
        background-color: #fff;
        border: none;
        text-indent: .5em;
        vertical-align: top;
        box-shadow: 2px 2px 1px rgba(138,138,138,.75) inset;
    }
    .result_bt {
        margin-left: 8px;
        padding: 0;
        border: none;
        cursor: pointer;
        vertical-align: bottom;
    }
    .result_bt:hover {
        opacity: .8;
    }

/*-------------------------------------------------------------------------
学区検索
-------------------------------------------------------------------------*/
.schoolSearch {
    width: 100%;
    padding: 50px 0;
    background: #fdeeeb;
}
    .schoolBnr__list {
        width: 950px;
        margin: 0 auto;
    }
        [class^='schoolBnr__item'] {
            margin-left: 25px;
            float: left;
        }
        .schoolBnr__item--first {
            margin-left: 0;
        }
        .schoolBnr__list .first_column {
            margin-bottom: 25px;
        }
            [class^='schoolBnr__item'] a:hover img {
                opacity: .8;
            }

/*-------------------------------------------------------------------------
SNS,更新情報
-------------------------------------------------------------------------*/
.infoWrap {
    width: 950px;
    margin: 0 auto;
}
    .snsbnr {
    	widows: 324px;
    	float: left;
    }
        .snsbnr li {
            margin-bottom: 21px;
        }
        .snsbnr li a:hover {
            opacity: 0.8;
        }

    .information {
        width: 700px;
        margin: 0 auto;
        float: right;
    }

    .information-body {
        border: 4px solid #e60012;
        margin: 0 0 10px;
        padding: 10px 4px 10px 10px;
    }
        .information-contents {
            height: 263px;
        }
            .information-list {
                margin: 0 16px 0 0;
                padding: 10px 0 10px 10px;
                border-bottom: 1px solid #ccc;
            }
                .information-list dt {
                    font-size: 13px;
                    color    : #e60012;
                    margin: 0 0 6px;
                }
                .information-list dt:before {
                    content: "";
                    display: inline-block;
                    border-width: 5px 0 5px 8px;
                    border-style: solid;
                    border-color: transparent transparent transparent #e60012;
                    margin: 0 3px 0 0;
                }
                .information-list dd {
                    padding-left: 10px;
                    font-size: 13px;
                    line-height: 1.3;
                }
    .information__btn {
        text-align: right;
    }
        .information__btn a {
            font-size: 13px;
            color    : #e60012;
            letter-spacing: .1em;
        }

/*-------------------------------------------------------------------------
掲載物件数
-------------------------------------------------------------------------*/

.bkncount {
    width: 950px;
    height: 46px;
    display: flex;
    align-items: center;
    background: #9eeecc;
    padding: 12px 0;
    margin: 0 auto 20px;
}
.count-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    width: 100%;
}
.count-wrap:not(:first-child) {
    border-left: 1px dotted #fff;
}
.count_ttl,
.count_num {
    font-size: 20px;
    font-weight: bold;
}
.count_ttl {
    margin-right: 20px;
}
.count_num span {
    font-size: 40px;
    color: #e70010;
    margin-right: 4px;
}

/*-------------------------------------------------------------------------
メイン検索
-------------------------------------------------------------------------*/
.search_wrap {
    width: 100%;
    padding: 40px 0 35px;
    background: #fff;
}
.mainSearch {
    width: 950px;
    margin: 0 auto;
    padding-bottom: 23px;
}
    .mainSearch li {
        float: left;
        margin: 0 0 0 25px;
        box-shadow: 2px 2px 4px #beb2b0;
    }
    .mainSearch li:first-child {
        margin: 0;
    }

/*-------------------------------------------------------------------------
こだわり
-------------------------------------------------------------------------*/

.preferenceWrap {
    background: #fff;
    width: 100%;
    padding: 50px 0;
}
.topicList {
    width: 950px;
    font-size: 0;
    margin: 0 auto;
}
    .topicList li {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 15px;
        width: 460px;
    }
    .topicList .left {
        margin-right: 30px;
    }
        .topicList dt {
            margin: 0 0 5px;
            box-shadow: 2px 2px 4px #beb2b0;
        }
        .topicList dd {
            font-size: 11px;
            color    : #1b1b1b;
            line-height: 1.3;
        }

/*-------------------------------------------------------------------------
物件
-------------------------------------------------------------------------*/

/* レイアウト
--------------------------- */
.bkn {
    width: 950px;
    margin: auto;
    padding: 50px 0;
}
    .bkn-body {
        border: 4px solid #e60012;
        padding: 17px 27px 0;
        height: 336px;
        background: #fff;
    }
.search_contents {
    width: 100%;
    padding: 40px 0 35px;
    background: #fdeeeb;
}
.new_wrap {
    width: 100%;
    background: #fff;
}
.recommend_wrap{
    background: #fdeeeb;
}

.info_wrap {
    width: 100%;
    background: #fff;
    padding: 50px 0;
}
.valuable{
    background: #fdeeeb;
}
/* 物件一覧
--------------------------- */
.bkn-list {
    overflow: hidden;
    opacity: 0;
    transition: .3s ease;
}
.bkn-list.is-show {
    opacity: 1;
}
    .bkn-list li {
        float: left;
        width: 168px;
        margin: 0 12px 0 0;
    }
    .bkn-list li:first-child {
        margin: 0;
    }
        .bkn-list__name {
            text-overflow: ellipsis;
            overflow     : hidden;
            white-space  : nowrap;
            font-size  : 13px;
            font-weight: bold;
            color      : #1b1b1b;
            margin: 0;
        }
            .bkn-list__name a {
                color: inherit;
            }
        .bkn-list__img {
            width: 168px;
            height: 123px;
        }
            .bkn-list__img img {
                max-width: 168px;
                max-height: 123px;
                margin: auto;
            }
            .bkn-list__img img:hover {
                opacity: .8;
            }
        .bkn-list__comment {
            margin: 0;
            padding: 6px 0 7px;
            height: 33px;
            border-bottom: 1px solid #e60012;
            font-size: 12px;
        }
        .bkn-list__price {
            font-size  : 12px;
            font-weight: bold;
            color      : #1b1b1b;
            line-height: 1.4;
            margin: 0;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .bkn-list__price .price_wrap {
            max-width: 102px;
            display: inline-block;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
            .bkn-list__price .price {
                font-size  : 20px;
                color      : #e60012;
            }
            .bkn-list__price .madori {
                font-size  : 12px;
                font-weight: normal;
                color      : #1b1b1b;
                vertical-align: 5px;
            }
        .bkn-list__info {
            line-height: 1.4;
            text-overflow: ellipsis;
            overflow     : hidden;
            white-space  : nowrap;
            font-size: 12px;
            color    : #1b1b1b;
        }
        .bkn-list__price + .bkn-list__info {
            margin: 0 0 2px;
        }
        .bkn-list__btn {
            margin: 8px 0 0;
        }
            .bkn-list__btn a {
                display: block;
                height: 29px;
                line-height: 29px;
                border: 1px solid #e60012;
                text-align: center;
                font-size: 13px;
                color    : #fff;
                background: #e60012;
            }
            .bkn-list__btn a:hover {
                background-color: #fff;
                color: #e60012;
                text-decoration: none;
            }

/* スライダーカスタム
--------------------------- */
.bkn .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bkn .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #e60012;
}
.bkn .bx-wrapper .bx-controls-direction a {
    width: 54px;
    height: 54px;
}
.bkn .bx-wrapper .bx-prev {
    left: -57px;
    background: url("/images/bt_slider_prev.png");
}
.bkn .bx-wrapper .bx-next {
    right: -57px;
    background: url("/images/bt_slider_next.png");
}
.bkn .bx-viewport {
    height: auto!important;
}
.bkn-list .slide {margin-left:0;}


/*-------------------------------------------------------------------------
お役立ち情報
-------------------------------------------------------------------------*/

.valuable {
    padding: 50px 0 87px;
}
    .valuable_wrap {
        width: 950px;
        margin: 0 auto;
    }
    .valuable-list {
        overflow: hidden;
    }
        .valuable-list li {
            float: left;
            margin: 0 10px 10px 0;
        }
        .valuable-list .right {
            margin-right: 0;
        }
        .valuable-list .center{
            margin: 0 auto 10px;
            float: none;
            overflow: hidden;
            clear: both;
            display: flex;
            justify-content: center;
        }
        .valuable-list .overlay:hover {
            opacity: .7;
        }

    .valuable-list li.campaignbnr {
        margin-left: 63px;
    }

/*-------------------------------------------------------------------------
店舗紹介
-------------------------------------------------------------------------*/

.shop {
    padding: 50px 0;
    background: #fff;
}
    .shop-list {
        width: 888px;
        margin: 0 auto;
        padding: 20px 27px;
        overflow: hidden;
        border: 4px solid #e60012;
        background: #fff;
        display: flex;
        justify-content: space-evenly;
    }
        .shop-list li {
            float: left;
            width: 380px;
            margin: 0 0 0 21px;
        }
        .shop-list li:first-child {
            margin: 0;
        }
        .shop-item {
            display: flex;
        }
            .shop-img__box {
                margin-right: 20px;
            }
            .shop-list__img {
                margin: 0 0 4px;
                display: flex;
                justify-content: center;
                align-items: center;
                background: #eee;
            }
            .shop-list__img  img{
                max-width: 206px;
                max-height: 150px;
            }
            .shop-list__img:hover {
                opacity: .8;
            }
            .shop-list__name,
            .shop-list__info {
                color      : #1b1b1b;
                text-overflow: ellipsis;
                overflow     : hidden;
                white-space  : nowrap;
                margin: 0 0 5px;
            }
            .shop-list__name {
				font-size  : 15px;
				font-weight: bold;
			}
            .shop-list__info {
				font-size  : 13px;
				line-height: 1.5;
				margin: 0 0 3px;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
			}
            .shop_add_wrap {
                margin-bottom: 3px;
            }
            .shop-list .shop-list__add {
                font-size  : 13px;
                line-height: 1.5;
                margin: 0;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                float: none;
            }
            .shop-list__btn {
                margin: 12px 0 0;
            }
                .shop-list__btn a {
                    display: block;
                    height: 29px;
                    line-height: 29px;
                    border: 1px solid #e60012;
                    text-align: center;
                    font-size: 13px;
                    color    : #fff;
                    background: #e60012;
                }
                .shop-list__btn a:hover {
                    background-color: #fff;
                    color: #e60012;
                    text-decoration: none;
                }

/*-------------------------------------------------------------------------
お客様の声・スタッフ紹介・スタッフブログ
-------------------------------------------------------------------------*/

/* レイアウト
--------------------------- */
.staff_wrap {
    width: 100%;
    background: #fdeeeb;
}
.intro {
    width: 950px;
    margin: 0 auto;
    padding: 50px 0;
}
    /* タブボタン */
    .intro-btn {
        font-size: 0;
    }
        .intro-btn li {
            display: inline-block;
            vertical-align: bottom;
            width: 189px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            background-color: #f6a3a9;
            font-size  : 16px;
            font-weight: bold;
            color      : #fff;
            cursor: pointer;
            margin: 0 0 0 1px;
        }
        .intro-btn li:first-child {
            margin-left: 0;
        }
        .intro-btn .is-active {
            width: 372px;
            height: 50px;
            line-height: 50px;
            background-color: #fff;
            border       : 4px solid #e60012;
            border-top   : 7px solid #e60012;
            border-bottom: none;
            font-size  : 20px;
            font-weight: bold;
            color      : #e60012;
            cursor: auto;
            position: relative;
        }
        .intro-btn .is-active:after {
            content: "";
            position: absolute;
            bottom  : -5px;
            left    : 0;
            width: 100%;
            height: 5px;
            background-color: #fff;
        }
    /* タブコンテンツ */
    .intro-body {
        margin: 0 0 20px;
        padding: 21px 27px 18px;
        border    : 4px solid #e60012;
        height: 236px;
        overflow: hidden;
        background: #fff;
    }
    .bkntab-body {
        border: 4px solid #e60012;
        padding: 17px 27px 0;
        height: 336px;
        background: #fff;
    }
        .intro-contents {
            position: relative;
        }
    .intro__btn a {
        display: block;
        width: 268px;
        height: 33px;
        line-height: 33px;
        margin: auto;
        border: 1px solid #e60012;
        text-align: center;
        font-size: 13px;
        color    : #fff;
        background: #e60012;
    }
    .intro__btn a:hover {
        text-decoration: none;
        background-color: #fff;
        color: #e60012;
    }

    .staff-comingsoon img{
        width: 100%;
        margin-top: 27px;
    }




/* 一覧
--------------------------- */
.intro-list {
    overflow: hidden;
}
    .intro-list li {
        float: left;
        width: 206px;
        margin: 0 0 0 21px;
    }
    .intro-list li:first-child {
        margin: 0;
    }
        .intro-list__img {
            margin: 0 0 11px;
            min-height: 150px;
            position: relative;
        }
		.intro-list__img:hover {
			opacity: .7;
		}
        .intro-list__img a {
            display: block;
            width: 100%;
            height: 150px;
        }
        .intro-list__img img {
            max-width: 206px;
            max-height: 150px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }
        .intro-list__name {
            text-overflow: ellipsis;
            overflow     : hidden;
            white-space  : nowrap;
            font-size  : 15px;
            font-weight: bold;
            color      : #1b1b1b;
            margin: 0 0 3px;
        }
        .intro-list__comment {
            font-size: 13px;
            color    : #1b1b1b;
            line-height: 1.5;
        }

/*-------------------------------------------------------------------------
弊社について
-------------------------------------------------------------------------*/

.about {
    background: url("/images/bg_about.png") no-repeat center 0;
    padding: 33px 0 84px;
}
    .about__text {
        font-size: 16px;
        line-height: 2.2;
        text-align: center;
        text-shadow: -3px 1px 2px #fff,
                     -3px 1px 2px #fff,
                     -3px 1px 2px #fff,
                     1px -3px 2px #fff,
                     1px -3px 2px #fff,
                     1px -3px 2px #fff,
                     3px 1px 2px #fff,
                     3px 1px 2px #fff,
                     3px 1px 2px #fff,
                     1px 3px 2px #fff,
                     1px 3px 2px #fff,
                     1px 3px 2px #fff;
    }
