@charset "utf-8";
/* body{background-image:url(../images/gradation_pink.jpg);background-repeat: no-repeat;} */
body{ background: linear-gradient(to top, rgba(255, 255, 255, 1)0%, rgba(255, 255, 255,0.5)20%), linear-gradient(to bottom, #635C5A  0, #FFFFFF 20%);}
/* CSS Document */
.btn-type {transition: all 0.3s ease-out;display: block;}
.btn-type:not(.tag-sold):hover {transform: scale(1.1)}
.btn-type.tag-sold {position: relative;}
.btn-type.tag-sold * {opacity: 0.5}
.soldout {opacity: 1;color: #990d21;position: absolute;top: 50%;left: 50%;font-size: 2em;width: 100%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);text-align: center;}
.btn-type.hov {transform: scale(1.1)}
.btn-type,
.btn-type:hover,
.btn-type:active,
.btn-type:focus{text-decoration: none}
.btn-type img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);}

.btn-type dl{background: #FFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15);}

.btn-type dt {padding: 0;color: #FFF;line-height: 1;font-weight: normal;line-height: 1;position: relative;font-family: proxima-nova, sans-serif;font-style: normal;
display: flex;letter-spacing:0.1em}

.btn-type-name{ background : -moz-linear-gradient(12.41% -22.38% -51.09deg,rgba(184, 130, 78, 1) 0%,rgba(98, 55, 0, 1) 100%);
background : -webkit-linear-gradient(-51.09deg, rgba(184, 130, 78, 1) 0%, rgba(98, 55, 0, 1) 100%);
background : -webkit-gradient(linear,12.41% -22.38% ,71.03% 90.49% ,color-stop(0,rgba(184, 130, 78, 1) ),color-stop(1,rgba(98, 55, 0, 1) ));
background : -ms-linear-gradient(-51.09deg, rgba(184, 130, 78, 1) 0%, rgba(98, 55, 0, 1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B8824E', endColorstr='#623700' ,GradientType=0)";
background : linear-gradient(141.09deg, rgba(184, 130, 78, 1) 0%, rgba(98, 55, 0, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B8824E',endColorstr='#623700' , GradientType=1);
width: 42%;padding: 0.5em 0 0.5em 1em;font-size: 1.2em;letter-spacing: 0.15em;white-space: nowrap;}

.btn-type-name strong {font-size: 2em;font-weight: normal;}
.btn-type-area{background-color: #323333;width: 58%;padding: 0.5em 0 0.5em 0.6em;font-size: 1em;padding-top: 1.6em;white-space: nowrap}
.btn-type-area strong {font-weight: normal; font-size: 1.1em;}


.icon-new {background: #C20B0E;color: #fff;width: 3em;height: 3em;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: 50%;font-size: 0.6em;white-space: nowrap;position: absolute;top: -1em;right: -1.6em;letter-spacing: 0.1em;text-align: center;}


.btn-type dt span {font-size: 2.4em;letter-spacing: 0.06em;}
.btn-type dt span small {font-size: 0.38em;}
.btn-type dt strong {}
.btn-type dd {padding:0.5em 1em 0.5em 1em;}
.btn-type dd p {font-size: 1em;margin-bottom: 0;line-height: 1.2;letter-spacing: 0.06em;}
.btn-type dd p span {font-size: 1.6em;}



.elevation_wrap{
	position: relative;
}
.elevation_pf{
    color: #846900;
    font-size: 1rem;
    line-height: 1.2em;
    letter-spacing: 0.5px;
}


.elevation {margin-left: auto;margin-right: auto;width: 24em;letter-spacing: 0.1em}
.elevation,
.elevation * {white-space: nowrap;}

.elevation {display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;font-family:proxima-nova, sans-serif;}

.elevation .elevation-low {display: flex;}
.elevation .elevation-low .ss {display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.elevation .elevation-low .es {display: flex;margin-left: 1em;}

.elevation .elevation-low span {padding: 0.1em 1em;border: 1px solid #848484;display: block;text-align: center;font-size: 0.9em;}
.elevation .elevation-low a {padding: 0.2em 1em;border: 1px solid #848484;display: block;text-align: center;display: block;background: #231815;color: #FFF;}
/*.elevation .elevation-low a.hov,.elevation .elevation-low a:hover {background: #0F2131;color: #FFF;}*/

/*
.premiumfloor{background: #f7efcf;}
.standardfloor{background: #dce6ef;}
*/

.elevation .premiumfloor a{background: #846900;color: #FFF;}
.elevation .premiumfloor a.hov{background: #846900!important;color: #FFF;}
.elevation .premiumfloor a:hover{background: #846900;color: #FFF;}

.elevation .elevation-low .flr {width:3em;text-align: right;white-space: nowrap;padding: 0.1em;padding-top: 0.6em;}
.premiumfloor .flr{color:#846900; }
.elevation .elevation-low .ss {width:21em;margin-left: 0.5em;}
.elevation .elevation-low .es {width:8em;}

.elevation .elevation-low .col-facility-12 {padding: 0.2em;width: 100%;}
.elevation .elevation-low .col-facility-6 {padding: 0.2em;width: 50%;}
.elevation .elevation-low .col-facility-4 {padding: 0.2em;width: 33.33%;}
.elevation .elevation-low .col-room-4 {padding: 0.2em;width:33.33%;}
.elevation .elevation-low .col-room-6{padding: 0.2em;width: 50%;}
.elevation .elevation-low .col-room-8{padding: 0.2em;width: 83.33%;}
.elevation .disable {opacity: 0.3;}
.elevation .sold-elv {opacity: 0.3;cursor: default}
.elevation .sold-elv:hover {text-decoration: none;}

.elv-menu {display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.elv-menu-type {margin-right: 0.3em;}
.elv-menu-mp {line-height: 1;font-size: 0.6em;}

h3.premiumfloor_ttl{width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 32px;}
h3.premiumfloor_ttl img{
	width: 85%;
}

.bnr-box{width: 100%; max-width: 1000px;margin: 0 auto; margin-top:2em;}
.style-bnr{width: 90%;max-width: 700px;margin: 0 auto;margin-top:2em;}

@media (min-width: 768px) {

.torikago_wrap{margin-top: 10px;}

.premiumfloor,.standardfloor{background: none;}

h3.premiumfloor_ttl img{
	width: 55%;
}


.elevation_pf{
	margin-left: 8%;
    font-size: 0.9rem;
    text-align: center;
    position: absolute;
    left: -15%;
    top: 6%;
}

.elevation_pf:after{
	content: "";
    display: block;
    width: 20%;
    height: 121%;
    border-top: 1px solid #846900;
    border-left: 1px solid #846900;
    border-bottom: 1px solid #846900;
    position: absolute;
    top: -14%;
    right: -27%;
}

.elevation_st{
    margin-left: 8%;
    font-size: 0.9rem;
    text-align: center;
    position: absolute;
    left: -16%;
    top: 46%;
}

.elevation_st:after{
    content: "";
    display: block;
    width: 20%;
    height: 22em;
    border-top: 1px solid #0f2131;
    border-left: 1px solid #0f2131;
    border-bottom: 1px solid #0f2131;
    position: absolute;
    top: -252%;
    right: -27%;
}

}

@media (max-width: 767px) {
.floor_type_list{
    width: 90%;
    margin: 0 auto 30px;
}
.floor_type_list ul{
    display: flex;
    flex-direction: column;
}
.floor_type_list li:first-child{
    margin-bottom: 10px;
}
.floor_type_list a{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 6px 0;
}

.floor_type_list a.pf{
    border: 1px solid #846900;
    color: #846900;
}

.floor_type_list a.st{
    border: 1px solid #0f2131;
    color: #0f2131;
}

.torikago_wrap{
    display: flex;
    flex-direction: column-reverse;
    margin-top: 30px;
    margin-bottom: 0;
}
.elevation_wrap{
    margin-bottom: 40px;
}

.elevation_h_wrap{
    display: flex;
}
.elevation_h:before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ccc;
    margin-right: 3px;
}
.elevation_pf.elevation_h:before{
    background: #846900;
}
.elevation_st.elevation_h:before{
    background: #0f2131;
}
.elevation_pf{
    line-height: unset;
    margin-right: 13px;
}
}

.soldout_container {
    position: relative;
}

.soldout_container p {
    position: absolute;
    top: 50%;
    left: 50%;
}

.soldout_container img {
    width: 100%;
    opacity: 0.6;
}

.rest_pop_wrap{position: relative;}
.rest_pop{
    position: absolute;
    top: -15px;
    right: 5px;
    background: #856a00;
    color: #ffffff;
    padding: 8px 13px 3px;
    line-height: 1em;
    letter-spacing: 1px;
    font-size: 20px;
}
.rest_pop span{
    font-size: 32px;
    font-style: italic;
    margin: 0 3px;
    font-weight: normal;
}

/* 予定販売価格 */
.price_btn{
	display: flex;flex-direction: column; justify-content: center;align-items: center;
	background: #E9F4EF;
	padding: 10px;
}
.price_btn > div{display: flex;align-items: baseline;justify-content: center;}
.price_plan{font-size: 24px;letter-spacing: 0.05em;}
.price_num{
	font-size: 36px;
    color: #af0707;
    margin: 0 4px;
    line-height: 1em;
	}
.price_btn .monthly{
	display: flex;
    justify-content: center;
    align-items: flex-end;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../images/index/arrow_green.png);
	background-repeat: no-repeat;
	background-position: center right 16px;
	background-size: 13px;
    width: 100%;
}
.price_btn .monthly .price_num{
	font-size: 36px;
	margin: 0 6px;
}
.price_btn .monthly .small_text{
    font-size: 12px;
    line-height: 2.2em;
    margin-right: 3px;
}
.h-page-title {
    background:none;
}