@charset "UTF-8";
/* CSS Document */

.room ul li.room_box{
    border:solid 2px #d4d4d4;
    border-radius:5px;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px;
    padding:0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.room ul li.room_box h4{
    font-size:17px;
    font-weight:bold;
    line-height:1.4;
    margin:0 0 10px;
}
.room ul li.room_box h4 span:before{
    content:"・";
    display:inline-block;
}
.room ul li.room_box h4 span{
    font-size:21px;
    font-weight:bold;
    font-family:'PT Sans Narrow', sans-serif;
    display:inline-block;
    text-indent:-0.2em;
}
.room ul li.room_box p.room_booking_pc a, .room ul li.room_box p.room_booking_sp a{
    display:block;
}
.room ul li.room_box .room_photo{
    margin:0 0 10px
}
.room ul li.room_box .room_photo img{
    display:inline-block;
    margin:0 0 10px;
    float:left;
}
.room ul li.room_box .room_photo a:first-child img{
    margin-right:10px;
}
.room ul li.room_box dl.room_type{
    clear:both;
    margin-bottom:20px;
}
.room ul li.room_box dl.room_type dt{
    font-size:16px;
    font-weight:bold;
    border-bottom:dotted 1px #ccc;
    padding-bottom:5px;
    margin-bottom:5px;
}
.room ul li.room_box dl.room_type dd{
    font-size:13px;
    color:#666;
}
.room ul li.room_box dl.room_discount{
    border:double 4px #ccc;
    padding:10px 0 10px 8px;
    margin:-10px 0 30px;
}
.room ul li.room_box dl.room_discount dt{
    font-size:13px;
    font-weight:bold;
}
.room ul li.room_box dl.room_discount dt span{
    font-size:11px;
    color:#666;
    margin-left:5px;
}
.room ul li.room_box dl.room_discount dd{
    font-size:14px;
    color:#666;
}

.attention{
    margin:0 0 30px
}
.attention ul li:before{
    content:"●";
    display:inline-block;
    padding-right:3px;
}
.season_fee{
    margin:0 0 30px
}
.season_fee dl{
    border:double 4px #ccc;
    padding:15px 20px;
}
.season_fee dl dt{
    font-size:13px;
    font-weight:bold;
}
.season_fee dl dt span{
    font-size:16px;
    color:#af1e1e;
}
.season_fee dl dd{
    margin:0 0 15px;
}

.facility{
    margin:0 0 50px;
}
.facility table{
    border-radius:0px;
    -webkit-border-radius:0px; 
    -moz-border-radius:0px;
}
.facility table tr{
    height:50px;
}
.facility table tr th{
    width:58px;
    padding:0;
    border-top-left-radius:0px !important;
    -webkit-border-top-left-radius:0px !important; 
    -moz-border-top-left-radius:0px !important;
    border-bottom-left-radius:0px !important;
    -webkit-border-bottom-left-radius:0px !important; 
    -moz-border-bottom-left-radius:0px !important;
}
.facility table tr td{
    font-size:12px;
}
p.about_btn{
    text-align:center;
}

@media all and (min-width:769px) {
    .room ul li.room_box{
        width:474px;
        margin:0 32px 32px 0;
        float:left;
        position:relative;
    }
    .room ul li.room_box:nth-child(2n){
        margin-right:0;
    }
    .room ul li.room_box h4{
        height:70px;
        display:table-cell;
        vertical-align:middle;
    }
    .room ul li.room_box p.room_booking_pc{
        position:absolute;
        top:10px;
        right:10px;
    }
    .room ul li.room_box p.room_booking_sp{
        display:none;
    }
    
    .attention{
        width:470px;
        float:right;
    }
    .season_fee{
        clear:both;
    }
    
    .facility table{
        width:470px;
        float:left;
    }
    .facility table.room_facility_table01{
        margin-right:40px;
    }

}

@media all and (max-width:768px) {
    .room ul li.room_box{
        margin:0 0 25px;
    }
    .room ul li.room_box h4{
        margin:10px 0 0;
    }
    .room ul li.room_box p.room_booking_pc{
        display:none;
    }
    .room ul li.room_box p.room_booking_sp{
        width:90%;
        max-width:280px;
        margin:5px auto 10px;
    }
    .room ul li.room_box p.room_booking_sp img{
        width:100%;
        height:auto;
        display:block;
    }
    .room ul li.room_box .room_photo img{
        width:33.333%;
        height:auto;
        display:block;
        margin-bottom:2.222%;
    }
    .room ul li.room_box .room_photo a:first-child img{
        width:64.444%;
        margin-right:2.222%;
    }
    
    .room ul li.room_box dl.room_discount dt span{
      display:block;
      margin:0 0 5px;
    }
    
    .facility table.room_facility_table01{
        border-bottom:none !important;
    }
    
    .season_fee dl{
        padding:10px;
    }

}