@charset "utf-8";

.catchphrase {
    width: 50%;
    margin: 50px auto;
    text-align: center;
}

/* slider */

.bukken-slider .slick-prev:before,
.bukken-slider .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 3rem;
}

.bukken-slider img {
    max-width: 100%;
    max-height: 450px;
    display: block;
    margin: 0 auto;
}

.bukken-slider-nav img {
    width: 150px;
    height: 80px
}

.slick-prev:before,
.slick-next:before {
    color: #666 !important
}

.bukken-slider .slick-next:before {
    content: "\f105";
    position: absolute;
    right: 50px
}

.bukken-slider .slick-prev:before {
    content: "\f104";
    position: absolute;
    left: 50px
}

/* other */

#bukken-detail {
    padding: 3%;
    margin: 0 auto 30px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 3px #ddd;
}

#bukken-detail h2 {
    font-size: 1.8rem;
    border-bottom: 1px solid #666;
    margin-bottom: 15px;
    padding-left: 1rem;
}

#bukken-detail h2 + figure img {
    width: 100%;
    max-height: 500px;
    object-position: top;
}

#bukken-detail h2 + figure > figcaption {
    padding: 1% 0;
    text-align: center;
    font-size: 1.5rem;
}

#bukken-detail h3 {
    font-weight: normal;
    font-size: 1.5rem;
    border: 1px solid #666;
    padding: 1%;
    margin: 15px 0;
}

#bukken-detail h3:before {
    content: "この物件の特徴";
    display: block;
    color: #fff;
    background: #666;
    text-align: center;
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    font-family: Hiragino Mincho W3 JIS2004;
}

#bukken-detail h3 + dl li {
    border-bottom: 1px solid #ddd;
    padding: 0.5%;
}

#bukken-detail table {
    width: 100%;
    margin-bottom: 15px;
}

section#bukken-detail h4 {
    font-size: 2rem;
    text-align: center;
    margin: 30px 0;
    color: #fff;
    background: #000;
}

.bukken-slider p span {
    display: block;
}


/* table */

#bukken-detail th {
    width: 20%;
}

#bukken-detail td {
    border-bottom: 1px dashed #dddd;
    text-indent: 1rem;
}

#bukken-detail th,
#bukken-detail td {
    padding: 1% 0;
}


/* recipe */


dl#recorepe dd img {
    width: 100%;
}

#recorepe dd .btn {
    display: block;
    text-align: center;
    background: #000000;
    color: #fff;
    width: 100%;
    height: 60px;
    line-height: 60px;
}

#recorepe dd.min03 {
    padding: 1%;
}

dl#recorepe dd a:hover {
    background: #666666;
}

dl#recorepe img {
    border: 1px solid #ddd;
}

#request {
    margin: 0;
}

#request,#request .btn {
    width: 100% !important;
    background: rgb(60, 94, 126) !important;
    background: -moz-linear-gradient(left, rgba(60, 94, 126, 1) 0%, rgba(44, 59, 101, 1) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(60, 94, 126, 1) 0%, rgba(44, 59, 101, 1) 100%) !important;
    background: linear-gradient(to right, rgba(60, 94, 126, 1) 0%, rgba(44, 59, 101, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5e7e', endColorstr='#2c3b65', GradientType=1) !important;
}

#request .btn:hover {
    opacity: 0.8;
}

/* tabletはPC共通 */

/* smp */

@media screen and (max-width:414px) {

    .bukken-slider img {
        max-height: 200px;
    }
    .catchphrase {
        width: 90%;
    }

    #bukken-detail th {
        width: 100%;
        border-bottom: 1px solid;
        text-align: left
    }
    #bukken-detail td {
        border: none;
        text-indent: 0;
        padding: 2% 0;
    }

    #bukken-detail h4 + p.t-center {
        text-align: left;
    }

    #bukken-detail h4 + p.t-center br {
        display: none;
    }

    section#bukken-detail h4 {
        margin: 0;
    }

    #bukken-detail table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }

    .bukken-slider .slick-prev:before {
        top: -90px;
        left: 0;
    }

    .bukken-slider .slick-prev:before,
    .bukken-slider .slick-next:before {
        color: #fff !important;
        width: 30px;
        height: 60px;
        line-height: 60px;
        background: rgba(0, 0, 0, 0.3);
    }

    .bukken-slider .slick-next:before {
        top: -90px;
        right: 0;
    }

    #bukken-detail {
        padding: 5%;
        border: none;
        box-shadow: none;
    }

    .bukken-slider-nav {
        display: none;
    }

    #bukken-detail h3 {
        border: none;
    }



}