@charset "utf-8";

.no_main{
background-image: url(/stay/images/bg.jpg);
background-repeat: no-repeat;
background-position: center center;
}

.floor_ttl{
font-size: 1.6rem;
margin-bottom: 20px;
text-align: center;
}

.pc_small {
	display: none;
}

.w90 {
    width: 90%;
    margin: 0 auto;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.copy{
margin-top: 15px;
margin-bottom: 20px;
}
.title_bbb0 {
    font-weight: 900;
    font-size: 3.0rem;
    text-align: center;
    padding: 55px 0 5px 0;
}
.title_bbb0_en {
    font-size: 2.4rem;
    text-align: center;
    padding: 5px 0 15px 0;
}

.room_ttl{
font-size: 2.4rem;
margin-top: 50px;
margin-bottom: 5px;
text-align: center;
}
.room_ttl_en{
font-size: 1.6rem;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
	display: flex;
	align-items: center;
}

.room_ttl_en:before, .room_ttl_en:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}
.room_ttl_en:before {
	margin-right: .4em;
	background: linear-gradient(-90deg, #888, transparent);
}
.room_ttl_en:after {
	margin-left: .4em;
	background: linear-gradient(90deg, #888, transparent);
}

a.room_link{
display: block;
margin:10px 0 0 0;
background-color:#0f3675;
color: #fff;
text-align: center;
padding: 5px 0;
}
a.room_link:hover{
background-color:#6f9fcc;
color: #fff;
}

.room_box{
width: 230px;
border: 1px solid #0f3675;
margin: 0 20px 20px 0;
padding: 0 0 0 0;
line-height: 1.5;
font-size: 1.6rem;
font-weight: 900;

}

.room_box.last{
margin: 0 0 20px 0;
}

.col789_wide p.room_ph {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 5px;
    text-align: center;
}

.room_box .room_ph img{
width: 100%;
}

.spec_room{
width: 92%;
margin: 5px auto;
font-family: " Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "游明朝", YuMincho, "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}

.spec_room th{
padding:2px;
text-align: left;
width:5em;
vertical-align: top;
font-size: 1.4rem;
font-weight: normal;
}
.spec_room td{
padding:2px;
text-align: left;
font-size: 1.4rem;
vertical-align: top;
font-weight: normal;
}
.spec_room td.kkl{
padding:2px 1px;
width:1em;
}

.col789_wide p.spa01{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
	padding:3px 0;
	text-align: center !important;
	background-color: #dde3ec;
	margin:10px 0;
	font-weight: normal;	
}
.col789_wide p.spa02{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
	padding:3px 0;
	text-align: center !important;
	background-color: #dde3ec;
	margin:10px 0;
	font-weight: normal;
}
.col789_wide p.spa03{
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
	padding:3px 0;
	text-align: center !important;
	background-color: #dde3ec;
	margin:10px 0;
	font-weight: normal;
}


.spec_box{
width: 313px;
border: 1px solid #0f3675;
margin: 0 20px 20px 0;
padding: 20px 15px;
line-height: 1.5;
font-size: 1.6rem;
font-weight: 900;
}

.spec_box.last{
margin: 0 0 20px 0;
}

.spec_box .icon{
text-align: center;
margin:10px 0;
}

.spec_box .spectit{
text-align: center;
font-weight: 900;
margin-bottom:10px;
font-size: 1.8rem;
}
.spec_box .specdet{
font-size: 1.5rem;
text-align: center;
}


.sleeptit{
text-align: center;
font-weight: 900;
margin:50px 0 5px 0;
font-size: 2.4rem;
padding:0;
color: #0b3775;
}

.sleeptit span {
position: relative;
    padding: 0.3em;
}

.sleeptit span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: repeating-linear-gradient(-45deg, #0b3775, #0b3775 2px, white 2px, white 4px);
}


.spec_box_sleep{
width: 313px;
border: 1px solid #0b3775;
margin: 0 20px 20px 0;
padding: 20px 15px;
line-height: 1.5;
font-size: 1.6rem;
font-weight: 900;
}

.spec_box_sleep.last{
margin: 0 0 20px 0;
}

.spec_box_sleep .icon{
text-align: center;
margin:10px 0;
}

.spec_box_sleep .spectit{
text-align: center;
font-weight: 900;
margin-bottom:10px;
font-size: 1.8rem;
}
.spec_box_sleep .specdet{
font-size: 1.5rem;
}

.cico th,
.cico td{
padding:2px 15px;
border-bottom: 1px solid #fff;
}
.cico th{
background-color: #f6e8db;
}
.cico td{
background-color: #f5e2c2;
}
.cico td.kkl{
padding:2px 0;
background-color: #fff;
}

.spec_02left{
padding-left: 167px;
}
.room_03left{
padding-left: 125px;
}
.room_03left .room_03left_k{
margin-left: 125px;
}
.room_02left{
padding-left: 250px;
}

@media screen and (max-width: 1260px) {

.pc_small {
	display: block;
}
}



@media screen and (max-width: 768px) {
.title_bbb00 small{
        display:block;
        font-size: 1.6rem;
		}
.w1200 {
        width: 100%;
        margin: 0 auto;
    }    
.spec_02left{
padding-left: 0;
}
.room_03left{
padding-left: 0;
}
.room_03left .room_03left_k{
margin-left: 0;
}
.room_02left{
padding-left: 0;
}
.cico{
width: 90%;
margin: 5px auto;
}
.spec_box .specdet,
.spec_box_sleep .specdet{
text-align:center;
}
.room_box.last{
margin: 0 auto 2% auto;
}
.spec_box.last{
margin: 0 auto 20px auto;
}
.spec_box_sleep.last{
margin: 0 auto 20px auto;
}

.pc_small {
	display: none;
}

.no_main{
padding-top: 0px;}

.room_box{
width: 48%;
border: 1px solid #b49959;
margin: 0 2% 2% 0;
padding: 2% 0;
font-size: 1.4rem;
}

.spec_box{
width: 90%;
border: 1px solid #b49959;
margin: 0 auto 20px auto;
padding: 20px;
line-height: 1.5;
font-size: 1.4rem;
font-weight: 900;
}


.spec_box_sleep{
width: 90%;
border: 1px solid #0b3775;
margin: 0 auto 20px auto;
padding: 20px;
line-height: 1.5;
font-size: 1.6rem;
font-weight: 900;
}
.fl.spec_box,
.fl.spec_box_sleep{
float: none;
}
.title_bbb0 {
    font-weight: 900;
    font-size: 2.4rem;
    text-align: center;
    padding: 30px 0 5px 0;
}
.floor_ttl{
font-size: 1.4rem;
margin-bottom: 20px;
text-align: center;
}

.room_ttl{
font-size: 2.0rem;
font-weight: 900;
margin-top: 20px;
margin-bottom: 5px;
text-align: center;
}

.spec_box .spectit{
text-align: center;
font-weight: 900;
margin-bottom:10px;
font-size: 1.7rem;
}
.spec_box_sleep .spectit{
text-align: center;
font-weight: 900;
margin-bottom:10px;
font-size: 1.7rem;
}

.spec_box .specdet{
font-size: 1.5rem;
}
.spec_box_sleep .specdet{
font-size: 1.5rem;
}
.spec_room th{
width:4.5em;
font-size: 1.3rem;
font-weight: normal;
}
.spec_room td{
font-size: 1.3rem;
font-weight: normal;
}
.spec_room td.kkl{
padding:2px 0;
width:1em;
}

}

.petpdf {
    margin: 0 0 5px 0;
    text-align: center !important;
    padding: 0;
    letter-spacing: 0.3em;
}


.spec_roominn{
    width: 100%;
    margin: 30px auto;
    border-collapse: collapse;
}
.spec_roominn th{
    padding:5px;
    border-collapse: collapse;
    width: 15%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-align: center;
}
.spec_roominn td.kkl{
    padding:5px;
    width: 5%;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.spec_roominn td.last{
    padding:5px;
    width: 30%;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;    
}
.equipment .room_ttl {
        font-size: 2.0rem;
        font-weight: 900;
        margin-top: 50px;
        margin-bottom: 5px;
        text-align: center;
        padding-bottom:3px;
        
    }
.equipment .speclist {
    width: 100%;
    margin-bottom: 30px;
    padding-left:1%;

}
.equipment .speclist:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
.equipment .speclist li {
    float: left;
    width: 25%;
    margin-right:0%;
	text-align: left;
    padding: 10px 0;
    letter-spacing: -0.005em;
}


@media screen and (max-width: 768px) {


    .spec_roominn th{
        width: 100%;
        display: block;
        background-color: #b49959;
        color: #fff;
    }
    .spec_roominn td.kkl{
        display: none;
    }
    
    .spec_roominn td.last{
        width: 100%;
        display: block;
    }
    .title_bbb0_room {
        font-weight: 900;
        font-size: 2.6rem;
        text-align: center;
        padding: 30px 0 5px 0;
    }
    
    .title_bbb0_room span {
        position: relative;
        padding: 0.3em;
    }
    .title_bbb0_room span:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 7px;
        background: repeating-linear-gradient(-45deg, #b49959, #b49959 2px, white 2px, white 4px);
    }
    .equipment .room_ttl {
            font-size: 2.0rem;
            font-weight: 900;
            margin-top: 50px;
            margin-bottom: 5px;
            text-align: center;
            border-bottom: 1px solid #ccc;
            padding-bottom:3px;
        }
    .equipment .speclist {
        width: 98%;
        margin-bottom: 30px;
        padding-left:0;
        margin-left:auto;
        margin-right:auto; 
    }
    .equipment .speclist:after {
        content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
    }
    .equipment .speclist li {
        float: left;
        width: 49%;
        margin-right:1%;
        border-bottom: 1px dotted #ccc;
        padding: 10px 0;
        letter-spacing: -0.05em;
        text-align: center;

    }


}

.bpac_box {

    }

    
.bpac_box .fl, 
.bpac_box .fr {
       width: 48%;

    }
.bpac_box .bpac {
     display: table;
           margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px dotted #dfe3ec;
    }
.bpac_box p {
     margin:20px 0;
    }    
.bpac_box .bpac li {
     width: 50%;
     display: table-cell;
     vertical-align: top;
    }
.bpac_box .bpac li img {
     width: 90%;
    }    
.bpac_box .bpac li span.tit {
     display: block;
     margin-bottom: 10px;
     line-height: 1.2;
     padding-top: 5px;
     font-weight: 800;
    }

@media screen and (max-width: 768px) {

.box_sp00 .fl {
    float: none !important;
}
.box_sp00 .fr {
    float: none !important;
}
.bpac_box .fl, .bpac_box .fr {
    width: 98%;
    margin: 0 auto;
}

}

.flexbox{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
}

.flexbox.secbox{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 1200px;
    margin: 0 auto;
}
.servicebox00{
	width: calc(100%/4);
	margin: 10px 10px;
    border: 1px solid #0f3675;
    padding: 20px 10px;
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: 900;
}
.servicebox00 .spectit {
    text-align: center;
    font-weight: 900;
    margin-bottom: 10px;
    font-size: 1.6rem;
}
.servicebox00 .specdet {
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.8;
}

#servicebox_id {
    margin-top: -100px;
    padding-top: 100px;
}
@media screen and (max-width: 768px) {
.flexbox{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
        -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}

.flexbox.secbox{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}
.servicebox00{
	width: calc(96%/2);
	margin: 10px 1%;
    border: 1px solid #0f3675;
    padding: 20px 15px;
    line-height: 1.5;
    font-size: 1.6rem;
    font-weight: 900;
}
.servicebox00 .spectit {
    text-align: center;
    font-weight: 900;
    margin-bottom: 10px;
    font-size: 1.6rem;
}
.servicebox00 .specdet {
    font-size: 1.4rem;
    text-align: center;
}

}