@charset "utf-8";

/* レイアウト
--------------------------- */
#bkn_new,#bkn_land {
    padding-top: 170px;
    margin-top: -170px;
}

.bkn {
    margin: 0 0 39px;
    padding: 9px;
}
.bkn.new {
    background-color: #eee;
}
    .bkn-head {
        margin: 0 0 10px;
        padding: 20px 0 0;
        width: 930px;
        height: 150px;
        text-align: center;
        box-shadow: 0 0 4px rgba(0,0,0,.35);
        box-sizing: border-box;
    }
    .new .bkn-head  {
        background: url("/images/index/bg_ttl_new.png") no-repeat center 0;
    }
    .land .bkn-head  {
        background: url("/images/index/bg_ttl_land.png") no-repeat center 0;
    }

/* 見出し
--------------------------- */
.bkn-head__text {
    font-size: 20px;
    font-weight: bold;
    color: #010101;
    line-height: 1;
}
.bkn__headline {
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
    margin: 19px 0 13px;
}
.new .bkn__headline,
.new .bkn__headline span {
    color: #f39700;
}
.land .bkn__headline,
.land .bkn__headline span {
    color: #009944;
}
    .bkn__headline span {
        font-size: 25px;
    }

/* 物件
--------------------------- */
.bkn-list {
    margin: 0 0 -8px;
}
    .bkn-list li {
        float: left;
        width: 180px;
		min-height: 264px;
        margin: 0 8px 8px 0;
        box-shadow: 0 0 4px rgba(0,0,0,.35);
        background-color: #fff;
    }
	.bkn-list.side3 li {
		width: 216px;
	}
    .bkn-list li:nth-child(5n),
	.bkn-list.side3 li:nth-child(3n){
        margin: 0;
    }
	.bkn-list.side3 li:nth-child(5n){
		margin: 0 8px 8px 0;
	}
        .bkn-list__area {
            height: 38px;
            line-height: 38px;
            padding: 0 6px 0 9px;
            background: -moz-linear-gradient(top center, #fff 0%, #e5e5e5 100%);
            background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#e5e5e5));
            background: linear-gradient(top center, #fff 0%, #e5e5e5 100%);
            font-size  : 12px;
            font-weight: bold;
            color      : #1a79c2;
			text-overflow: ellipsis;
			overflow     : hidden;
			white-space  : nowrap;
        }
		.bkn-list__img {
			width: 100%;
			height: 114px;
		}
        .bkn-list-inner {
            padding: 6px 10px 10px;
        }
            .bkn-list__date {
                line-height: 1;
                font-size: 12px;
                color    : #535353;
                margin: 0 0 8px;
            }
                .bkn-list__date span {
                    margin: 0 0 0 8px;
                    font-size: 12px;
                    color    : #e60012;
                }
            .bkn-list__name {
                font-size  : 12px;
                font-weight: bold;
                color      : #000;
                line-height: 1.3;
                height: 57px;
            }
            .bkn-list__tag {
                font-size: 0;
            }
                .bkn-list__tag span {
                    height: 19px;
                    padding: 0 7px;
                    font-size: 11px;
                    color: #fff;
                    margin: 0 3px 0 0;
                	display: inline-block;
				}
                .bkn-list__tag__open {
                    background: #4297d9;
                    background: -moz-linear-gradient(top, #4297d9 0%, #67bdff 50%, #4297d9 100%);
                    background: -webkit-linear-gradient(top, #4297d9 0%,#67bdff 50%,#4297d9 100%);
                    background: linear-gradient(to bottom, #4297d9 0%,#67bdff 50%,#4297d9 100%);
                }
                .bkn-list__tag__notice {
                    background: #7ca91d;
                    background: -moz-linear-gradient(top, #7ca91d 0%, #9fcc40 50%, #7ca91d 100%);
                    background: -webkit-linear-gradient(top, #7ca91d 0%,#9fcc40 50%,#7ca91d 100%);
                    background: linear-gradient(to bottom, #7ca91d 0%,#9fcc40 50%,#7ca91d 100%);
                }

@media screen and (max-width: 950px){
.bkn {
    padding: 1.2%;
}
.bkn-head {
    width: 100%;
}
.bkn-list {
    font-size: 0;
}
    .bkn-list li {
        margin: 0 1.2% 1.2% 0;
        width: 19%;
        display: inline-block;
        vertical-align: middle;
        float: none;
        vertical-align: top;
    }
}
@media screen and (max-width: 748px){
.bkn-head {
    background-size: 100% auto!important;
    height: auto;
    padding: 2% 0 1.5%;
}
.bkn-head__text {
    font-size: 2.3vw;
}
.bkn__headline {
    font-size: 6vw;
    margin: 1.5% 0 .5%;
}
    .bkn__headline span {
        font-size: 3.342vw;
    }
.bkn-list li {
    width: 49.5%;
    margin-right: 0;
}
.bkn-list li:nth-child(2n-1){
    margin-right: 1%;
}
}
@media screen and (max-width: 370px){
.bkn-list__tag span {
    display: block;
    text-align: center;
    line-height: 19px;
    margin: 0 0 2%;
}
.bkn-list__tag span:last-child {
    margin: 0;
}
}