@charset "UTF-8";
body{
    background: url(https://www.tenbo.com/planstyle/img/bg-body.png);
    background-size: 200px;
    background-repeat: repeat;
}
.webc_clr_brn{
    background: none!important;
}

/* お支払方法,宿泊可能期間等が載るブロック */
/* #list-group .webc_detail {
    display: none;
} */
/* .plan_comment{
    background: url(https://www.tenbo.com/plantest/img/fukidashi.svg), url(https://www.tenbo.com/plantest/img/togetoge.svg);
    background-repeat: no-repeat;
    background-size: cover,100%;
    background-position: 65px 0px, 65px 50%;
    border-radius: 50px;
    min-height: 75px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 119px;
    } */
/* .plan_comment:before{
    background: url(https://webyademo.sakura.ne.jp/tenbo/plantest/img/togetoge.svg)no-repeat;
    content: "";
    width: 10px!important;
    height: 10px!important;
    background-size: cover;
    position: absolute;
    top: 44%!important;
    left: 8%!important;

}
*/

/* .plan_comment p{
    font-weight: bold;
    margin-top: 10px!important;
    line-height: 1.8;
    margin-left: 20px!important;
    margin-right: 20px!important;
} */






/* .plan_comment:before{
    position: absolute;
    content: "";
    background: url(https://www.tenbo.com/plantest/img/logo.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    left: 0;
    top: calc(50% - 30px);

} */

#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;
}

/* h2 */
/* #webc_con.webc_clr_blk .webc_box .webc_box_head {
    background: #897158!important;
} */
.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: #333; */
    background: linear-gradient(#c53d43, #a42429);
    display: inline-block;
    position: fixed;
    top: 67px;
    left: 10px;
    border-radius: 20px;
    /* border: 1px solid #897158; */
    justify-content: center;
    z-index: 99999;
    cursor: pointer;
}
.hed-site-btn {
    /* background: #333; */
    display: inline-block;
    position: fixed;
    top: 15px;
    left: 10px;
    border-radius: 20px;
    /* border: 1px solid #897158; */
    justify-content: center;
    z-index: 99999;
    /* background: linear-gradient(#c53d43, #a42429); */
    background: #333;
    cursor: pointer;
}
.hed-btn a {
    text-decoration: none;
    color: #fff;
    /* padding: 10px 40px; */
    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;
    /* padding: 10px 40px; */
    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){



/* .plan-list{
    position: relative;

}
#list-group .webc_box_head::before{
    content: "";
    display: block;

}
#list-group .webc_box_head{
    position: absolute;
    width: 600px;
    flex-direction: column;
    left: 422px!important;
    top: 20px;
    background-color: #fff!important;
    border-color: #ddd!important;
    color: #000!important;
}
#webc_con .webc_plan_list .webc_box .webc_box_head .webc_price{
    position: relative;
    margin-top: 20px!important;
}
 span.webc_price.plan_price:before {
    content: "お一人様";
    font-size: 13px;
    position: absolute;
    left: 349px;
    top: 11px;
}
#webc_con .webc_plan_list .webc_box .webc_box_head .webc_price{
    width: 100%;
    max-width: 100%;
} */
/* ここまで */
#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;
}

/*==========カスタムヘッダー20230712==========*/
#customer_header {
    width: 100%!important;
}
.customer_header_inner {
    width: 100%;
    background: #000;
}
.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: 15px;
    font-size: 14px;
    color: #c1272d;
    background: #fff;
    text-align: center;
}
.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;
    }
}