<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */
.stay_h3{display: flex;justify-content: center;}
.stay_h3 h3{margin:120px auto 40px;text-align: center;border: 2px solid #000; display:inline-block;padding:10px 20px;}
.stay_p{text-align: center;}

.swiper_room .swiper-slide img{width: 100%;}
.swiper_room .swiper-pagination{margin-bottom: 5px;}
.swiper_room .swiper-pagination-bullet{background: #808080;opacity: 1;}
.swiper_room .swiper-pagination-bullet-active{background: #fff;}

.swiper_room .swiper-button-next,
.swiper_room .swiper-button-prev{
    color: #fff;
    transform: scale(0.75);
    margin-left: -5px;
    margin-right: -5px;   
}


.room_wrap{display: flex;flex-direction: column;}
.room_wrap h4{padding:20px 0 10px;font-size: 120%; }

.roomitem{padding: 10px 0;}
.roomitem li {
    margin: 0 2px 5px 0;
    padding: 3px 5px;
    display: inline-block;
    list-style: none;
    font-size: 80%;
    line-height: 1.5;
    color: #333;
    border: 1px solid #666;
}


.yoyaku{margin: 0 auto 70px;}
.yoyaku a {text-decoration: none;}
.yoyaku .yoyaku_btn:hover {opacity: 0.5;}
.yoyaku .yoyaku_btn {                
    width: 100%;
    padding: 5px 0 7px;
    background: #8A1B21;
    color: #fff;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-decoration: none;
    font-size: 16px;
}

.kiyaku{
    line-height: 160%;
}
.kiyaku h3{
    margin-bottom: 10px;

}
@media only screen and (max-width: 740px){
    .stay_p{padding: 0 5%;}
}
</pre></body></html>