@charset "utf-8";

/*------眺望追加-------*/

p.icon_select {font-size: 1rem;}

ul.room_Number{
display: flex;
flex-wrap: wrap;
justify-content:center;  
color: #7E1E44;
align-items: center;
max-width: 940px;
margin: auto auto 4rem;
border: 1px solid #7E1E44;
font-size: 1.5rem;
}

ul.room_Number > li > dl.sp{display: none;}

ul.room_Number >li:first-child{
padding: 10px 15px;
font-size: 1.5rem; 
background-color: #7E1E44;
color: #FFF;    
}

ul.room_Number >li{font-size: 1.5rem;}
ul.room_Number >li >span{font-size: 1rem;}

ul.room_Number dl{
display: flex;
flex-flow: column;
align-items: center;
text-align: center;
font-size: 1rem;
padding:0 1rem;
}

ul.room_Number dl dd{
font-size: 1.5rem;
border-top: 1px solid #7E1E44;
}

.num-big{font-size: 3rem!important;}

.view_Img{
    max-width: 940px;
    margin: 0 auto;
    margin-bottom: 60px;
    color: #666;
    width: calc(100% - 5%);
}

.view_Img >p:first-child{font-size: 1.3rem;}
.view_Img >p:last-child{text-align: right;}

.vm_con{
    max-width: 940px;
    width: calc(100% - 5%);
    margin: 0 auto 60px auto;
}

.vm_con >h3{
    font-size: 2.5rem;
    color: #004165;
    text-align: center;
    margin-bottom: 15px;
}

.vm_con >h3 >span{font-size: 1.5rem;}

.cap{margin-bottom: 20px !important;} 

.vr_bnr{
    width:375px;
    margin:40px auto 0;
}

.vr_bnr:hover{opacity: 0.7;}

p.new {position: relative;}

.vr_bnr p.new:after {
    content: "NEW";
    position: absolute;
    top: -13px;
    right: 3%;
    color: #fff;
    background-color: #ab4c67;
    font-size: 10px;
    padding: 5px 8px;
    z-index: 5;
    border: solid 1px #fff;
}

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

ul.room_Number > li > dl.sp{display: block;}

ul.room_Number >li:first-child{
display: flex;
width: 100%;
justify-content: center;
font-size: 1.2rem;
padding: 10px .5rem;
}
 
ul.room_Number dl{
display: flex!important;
flex-flow: row;
color: #fff;
}

ul.room_Number dl dt{
font-size: .6rem;
border: 1px solid #ccc;
padding:.1rem;
}

ul.room_Number dl dd{
font-size: 1rem;
padding: 0 0 0 .5rem;
}
 
ul.room_Number > li > span {font-size: 0.9rem;}   

ul.room_Number > li {
    font-size: 2rem;
    text-align: center;
}
  
.view_Img > p:first-child{font-size: 1.2rem;} 
.vm_con >h3{font-size: 1.8rem;}
.vm_con >h3 >span{font-size: 1.2rem;}
    
.vr_bnr{
    width:100%;
    margin:20px auto 0;
}
    
.room_price{display: inline-block;}
    
}

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

ul.room_Number >li:first-child {
    font-size: 1rem;
    padding: 10px .3rem;
}

ul.room_Number dl {padding: 0 .3rem;}
ul.room_Number dl dd {font-size: .9rem;}

span.small{display: block;}

}


/* 190909追加 */

.pagilink_01{
position: relative;
top: -70px;
display: block;
}

.type-box .type-box--inner .type-box--text {padding: 57px 0;}


/* 200128追加 */

.button-style--rich .btn {
    line-height: 1.4;
}

.button-style--rich .btn .fontS {
    line-height: 1;
}

.plan .button-style--rich .btn-style--blue {
    padding: 20px 25px;
}

li:first-of-type a.btn-style--blue {
/*    padding: 13px 25px!important;*/
}

@media screen and (max-width: 730px) {
.button-style--rich .btn .fontS {
    line-height: 1.8rem;
}
}

@media screen and (max-width: 639px) {
.button-style--rich .btn .fontS {
    line-height: .9rem;
}
}