@charset "utf-8";



.roomreservedetaillink {
    display: block;
    padding: 10px;
    border: 1px solid #694e0e;
    margin: 20px 0;
    text-align: center;
    color: #694e0e;
    font-weight: 900;
    width: 100%;
    background-color: #a0824f;
    color: #fff;
}
.dproomreservedetaillink {
    display: block;
    padding: 10px;
    border: 1px solid #a77019;
    margin: 20px 0;
    text-align: center;
    color: #694e0e;
    font-weight: 900;
    width: 100%;
    background-color: #a77019;
    color: #fff;
}

a.roomreservedetaillink,
a.dproomreservedetaillink {
    color: #fff;
}

.roomreservedetaillink img,
.dproomreservedetaillink img {
    margin-right: 10px;
}

.roomreservedetaillink:link,
.dproomreservedetaillink:link {
    text-decoration: none;
}

.roomreservedetaillink:hover,
.dproomreservedetaillink:hover {
    background-color: #fff;
    color: #694e0e;
}

a.roomreservedetaillink:before {
    content: "";
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 46px;
    /*画像の幅*/
    height: 44px;
    /*画像の高さ*/
    background-image: url(/hotels/images/reserve.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}

a.dproomreservedetaillink:before {
    content: "";
    /*何も入れない*/
    display: inline-block;
    /*忘れずに！*/
    width: 46px;
    /*画像の幅*/
    height: 44px;
    /*画像の高さ*/
    background-image: url(/hotels/room/images/images/reservedp.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 5px;
}
a.roomreservedetaillink:hover:before {
    background-image: url(/hotels/room/images/reserve_op.png);
}
a.dproomreservedetaillink:hover:before {
    background-image: url(/hotels/room/images/reservedp_op.png);
}

@media screen and (min-width: 961px) {

.dpbtnroomb{width: 980px;margin-left: auto;margin-right: auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;
    justify-content: space-between;}
.dpbtnroomb a{width: 48%;}
}

@media screen and (max-width: 960px) {
.dpbtnroomb{width: 80%;margin-left: auto;margin-right: auto;}
/* スマホ版のスライダーの各ブロックに隙間を作る */
.roomlist-sp-slick .slick-slide {
    margin: 0 5px; /* 左右に5pxずつ余白を作り、隣同士で合計10pxの隙間になります */
}

/* 念のため、現在表示されている中央のスライドが透過しないようにする設定（必要に応じて） */
.roomlist-sp-slick .slick-slide img {
    width: 100%;
}

}