@charset "UTF-8";
body{
    background: url(https://storage.489ban.net/storage/customer/2666/489ban/img/bg-body.png) repeat 0 0 / 256px;
}
.webc_clr_brn{
    background: none!important;
}
#webc_con.webc_clr_blk .webc_tag_list li {
    background: #7F5821!important;
    border-color: #7F5821!important;
    color: #fff!important;
}
#webc_con .webc_tag_list li{
    padding: 4px 15px!important;
    border-radius: 5px!important;
}
/* アイコン非表示 */
#webc_con ul.webc_icon_list{
    display: none!important;
}
#planList .webc_tag_list {
    display: none;
}
.webc_box_head{
    background: #897158!important;
    border: none!important;
}
.webc_inner_head{
    background: #897158!important;
    border:none!important;
}
#webc_con .webc_detail dl dt{
    border-radius: 5px;
    text-align: center;
}
#webc_con .webc_plan_list .webc_box .webc_box_body .webc_inner_box .webc_inner_body .webc_inner_single>dt span:first-child:before{
    color: #897158!important;
}
/* 選択出来るお部屋のｂｋ */
#webc_con.webc_clr_brn .webc_inner_box .webc_inner_body{
    background: #F5F0EA!important;
}
/* 検索するところのｂｋの色変更 */
.webc_search{
    background: #F5F0EA!important;
}
/* ボーダーの色変更 */
#webc_con.webc_clr_brn .webc_inner_box .webc_inner_body .webc_inner_single{
    border-color: #e8e0d6!important;
}
/* ボタン */
/* .hed-btn {
    background: linear-gradient(#c53d43, #a42429);
    display: inline-block;
    position: fixed;
    top: 67px;
    left: 10px;
    border-radius: 20px;
    justify-content: center;
    z-index: 99999;
    cursor: pointer;
}
.hed-site-btn {
    display: inline-block;
    position: fixed;
    top: 15px;
    left: 10px;
    border-radius: 20px;
    justify-content: center;
    z-index: 99999;
    background: #333;
    cursor: pointer;
}
.hed-btn a {
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 14px;
    width: 155px;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.hed-site-btn a {
    text-decoration: none;
    color: #fff;
    display: block;
    font-size: 14px;
    width: 155px;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
} */
@media screen and (min-width: 769px){
    #webc_con .webc_plan_list .webc_box .webc_box_head .webc_price {
        position: relative;
    }
    span.webc_price.plan_price:before {
        content: "お一人様";
        font-size: 10px;
        position: absolute;
        top: -15px;
    }
    #list-group .webc_box_head {
        border-bottom: 0px!important;
    }
    #webc_con .webc_plan_list .webc_box .webc_box_head {
        padding: 30px 20px!important;
    }
    #webc_con .webc_box .webc_box_body {
        padding: 30px 30px!important;
    }
    #webc_con.webc_dsn_typeC .webc_plan_list .webc_box .webc_box_body .webc_btn_area {
        margin: 0 0 10px!important;
    }
    #webc_con .webc_box{
        box-shadow: 0px 4px 13px 0px rgb(0 0 0 / 18%);
        border: none!important;
    }
    #webc_con.webc_dsn_typeC .webc_plan_list .webc_box .webc_box_body .webc_btn_area li .webc_btn {
        border-radius: 6px!important;
    }
    #webc_con .webc_btn_default {
        background: #B4965C!important;
        border-color: #b4965C;
    }
    #webc_con .webc_btn_default:before {
        border: none!important;
    }
    #webc_con.webc_dsn_typeC .webc_plan_list .webc_box .webc_box_body .webc_btn_area li:first-child .webc_btn_default>span:before {
        content: '\f105'!important;
    }
    #webc_con .webc_btn_noncolor {
        background: #fff!important;
        border-color: #4D4844!important;
        box-shadow: none;
        color: #4D4844!important;
    }
    #webc_con.webc_dsn_typeC .webc_plan_list .webc_box .webc_box_body .webc_btn_area li:last-child .webc_btn_noncolor>span:before{
        content: '\f107'!important;
    }
    #webc_con .webc_btn_noncolor>span:before {
        color: #4D4844!important;
    }
    #list-group .webc_box:hover {
        box-shadow: 0 16px 28px 0 rgb(0 0 0 / 22%), 0 25px 55px 0 rgb(0 0 0 / 21%);
        transition: 1.0s ;
    }
    h2#planTitle {
        position: relative;
        width: 100%;
        left: 0!important;
        top: 0!important;
        background: #897158!important;
        border-color: gray!important;
        color: #fff!important;
    }
}
#webc_con .webc_photo figure {
    border: none!important;
}
@media screen and (max-width: 769px){
    /* .hed-btn {
        display: none!important;
    }
    .hed-site-btn {
        display: none!important;
    } */
}
.webc_info.webc_comment span strong {
    color: #772222!important;
}
.webc_input_inner label{
    color: #772222;
}


/*==========カスタムヘッダー==========*/
#customer_header {
    width: 100%!important;
}
.customer_header_inner {
    width: 100%;
    background: #7b8d42;
}
.customer_header_inner h1 {
    margin: 0;
    padding: 15px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
}
.customer_header_inner h1 a {
    display: inline-block;
}
.customer_header_inner h1 a img {
    width: 165px;
    height: 30px;
}
.customer_header_inner .header_btn {
    display: flex;
}
.customer_header_inner .header_btn a {
    width: 50%;
    padding: 10px 10px;
    font-weight: 700;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    background: #333;
    display: block;
}
.customer_header_inner .header_btn a.header_btn_back {
    border-right: 1px solid #999;
}
.customer_header_msg {
    width: 100%;
    padding: 20px;
    background: #fff;
}
.customer_header_msg p {
    margin-bottom: 0;
    font-size: 14px;
    color: #c1272d;
    text-align: center;
}
.customer_header_msg p + p {
    margin-top: 15px;
}
.customer_header_msg span {
    font-size: 15px;
    font-weight: 700;
}
@media screen and (min-width: 640px){
    .customer_header_inner {
        position: relative;
    }
    .customer_header_inner h1 a img {
        width: 220px;
        height: 40px;
    }
    .customer_header_inner .header_btn {
        display: block;
    }
    .customer_header_inner .header_btn a {
        width: auto;
        padding: 10px 20px;
        border-radius: 6px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .customer_header_inner .header_btn a.header_btn_back {
        color: #fff;
        background: #a42429;
        border-right: none;
        left: 20px;
    }
    .customer_header_inner .header_btn a.header_btn_hp {
        color: #333;
        background: #e6e6e6;
        right: 20px;
    }
}
@media screen and (min-width: 1000px){
    .customer_header_inner .header_btn a {
        transition: all 0.3s;
    }
    .customer_header_inner .header_btn a:hover {
        text-decoration: none;
    }
    .customer_header_inner .header_btn a.header_btn_back:hover {
        background: #c53d43;
    }
    .customer_header_inner .header_btn a.header_btn_hp:hover {
        background: #fff;
    }
}