@charset "utf-8";
/* CSS Document */
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%);}
.dl-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: block;letter-spacing:0.1em;width: 100%;}

.dl-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);*/
background: radial-gradient(rgba(184,130,78, 1), rgba(98,55,0, 1));
background: -webkit-radial-gradient(rgba(184,130,78, 1), rgba(98,55,0, 1));
width: 100%;padding: 0.5em 0 0.5em 1em;font-size: 1.2em;letter-spacing: 0.15em;white-space: nowrap;}

.dl-type-name span{font-size: 2em;font-weight: normal;
display: inline-block;
  background: linear-gradient(45deg, rgba(196, 229, 247, 1), rgba(253, 230, 227, 1));
  background: -webkit-linear-gradient(45deg, rgba(196, 229, 247, 1), rgba(253, 230, 227, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.dl-type-area{background-color: #323333;width: 100%;padding: 1em 0 1em 1em;font-size: 1.1em;white-space: nowrap}
.dl-type-area strong {font-weight: normal; font-size: 1.3em;}




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

.list-reset.spec li + li{margin-top: 0.5em;font-size: 0.9em;}

span.menu_name{
  display: none;
  margin-left: 13px;
  font-size: 1.4em;
  color: #FFFFFF;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background: none;
  font-family: var(--ff-serif);
}
.menu_area{
  display: none;
}
/*premium floor*/
.pf .dl-type-name{
	background: radial-gradient(rgba(174, 124, 76,1), rgba(132, 87, 39,1));
	background: -webkit-radial-gradient(rgba(174, 124, 76,1), rgba(132, 87, 39,1));
}
.pf .dl-type-name span{
  background: linear-gradient(315deg, rgb(255 255 255), rgba(201, 180, 140, 1));
  background: -webkit-linear-gradient(315deg, rgb(255 255 255), rgba(201, 180, 140, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/**/
.elevation {margin-left: auto;margin-right: auto;width: 100%;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;border: 1px solid #848484;display: block;text-align: center;}
.elevation .elevation-low small {padding: 0;border: 1px solid #848484;display: block;text-align: center;padding:0.4em 0;font-size: 0.6em;}
.elevation .elevation-low a {padding:0;border: 1px solid #848484;display: block;text-align: center;background:#231815;color: #FFF;}

.elevation .premiumfloor a{background: #846900;color: #FFF;}
.elevation .premiumfloor a.hov,.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;}
.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;}
.elevation .active-elv:hover{text-decoration: none;}
.elevation .nega-elv {opacity: 0.5;cursor: default}
.elevation .nega-elv:hover {text-decoration: none;opacity: 1;}

.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;}

.floor-block{
  position: relative;
}
.floor-block .plan-circle {
  position: absolute;
  width: 19%;
  cursor: pointer;
  opacity: 0;
}

.floor-block .plan-circle:hover {
  opacity: 0.8;
}

.plan-circle-a {
  left: 14.5%;
  top: 35%;
}

.plan-circle-b {
  left: 36.5%;
  top: 35%;
}

.plan-circle-c {
  left:59.3%;
  top: 35%;
}


/*rest label*/
.rest_label_wrap{
    position: relative;
}
.rest_label{
    position: absolute;
    top: 50%;
    right: 10px;
    background: #FFF;
    color: #856a00;
    font-family: var(--ff-serif);
    font-weight: bold;
    padding: 0 10px;
    margin: -23px 0 0 0;
    border: 1px solid #856a00;
}
.rest_label span{color: #856a00;background: none;-webkit-text-fill-color: #856a00!important;font-style: italic;}

.rest_label span.small{font-size: 12px;
    font-style: normal;
    font-family: proxima-nova, sans-serif;
    font-weight: normal!important;margin: 0 10px 0px 0;}

.h-page-title {
    background:none;
}
@media (min-width: 768px) {






}

/* 返済例 */

.payment{
  width: 85%;
  margin: 0 auto;
}
.payment_inner{
  display: flex;justify-content: center;
  margin-top: 24px;
  margin-bottom: 8px;
}
.payment_box{
	display: flex;
  flex-direction: column;
	background: #F2EFE8;
  padding: 10px;
  width: 100%;
}
.payment .payment_ttl{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: flex;justify-content: center;align-items: center;
	background: #231815;
	color: #FFFFFF;
	font-size: 14px;text-align: center;padding: 8px 6px;
}
.payment_item1{
	display: flex;justify-content: space-between;align-items: center;
  color: #231815;
}
.floornum{
  font-size: 21px;
  font-weight: 600;
  margin-left: 3px;
}
.floornum_detail{font-size: 16px;}
.payment_item2{
	display: flex;justify-content: space-between;align-items: center;
  background: #FFF;
  padding: 10px;
  color: #231815;
}
.monthly{font-size: 20px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;}
  
.monthly_detail{
  display: flex;
}
.monthly_detail_item{font-size: 14px;padding: 0 13px;
border-left: 1px solid #ccc;line-height: 1.3em;
}
.monthly_detail_item:nth-of-type(3){padding: 0 0 0 13px;}
.monthly_detail_item span{display: block;font-size: 16px;}
.monthly .small_text{
  font-size: 12px;
  line-height: 2.2em;
  margin-right: 3px;
}
.price_num{
	font-size: 44px;
    color: #af0707;
    margin: 0 4px;
    line-height: 1em;
	}

.payment_caution{
  font-size: 13px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.payment_caution span{
  font-weight: 600;
  font-size: 14px;
  /* color: #af0707; */
}
.plan_change{
  display:flex;
  margin-bottom:40px;
  justify-content: space-around;
}
.plan_change .basic_plan,.plan_change .menu_plan{
  width:45%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:13px 0;
  letter-spacing:0.1em;
  font-size:18px;
  cursor:pointer;
}
.plan_change .basic_plan img,.plan_change .menu_plan img{
  margin-left: 10px;
  width: 8px;
}
.plan_change .basic_plan{
  background-color:#FFF;
  border:1px solid #ccc;
}
.plan_change .menu_plan{
  background-color:#FFF;
  border:1px solid #ccc;
}
.plan_change .basic_plan.active,.plan_change .menu_plan.active{
  background: linear-gradient(#007e66 0%, #026c58 100%);
  color:#fff;
}
.menu_plan_img{
  display:none;
}


@media (max-width: 1200px) {
  .payment{width: 90%;}
  .floornum{font-size: 20px;margin-left: 3px;}
  .floornum_detail{font-size: 14px;}
  .monthly{font-size: 18px;}
  .price_num{font-size: 36px;}
  .monthly_detail_item{font-size: 13px;}
  .monthly_detail_item span{font-size: 14px;}

}
@media (max-width: 991px) {
  .payment{width: 95%;}
  .payment .payment_ttl{font-size: 13px;padding: 8px 3px;}
  .floornum{font-size: 15px;margin-left: 3px;}
  .floornum_detail{font-size: 11px;}
  /* .floornum_detail .pc-none{display: block;} */
  .payment_item2{padding: 10px;}
  .monthly{font-size: 14px;}
  .price_num{font-size: 28px;}
  .monthly_detail_item{font-size: 12px;padding: 0 8px;}
  .monthly_detail_item span{font-size: 12px;}
  .monthly_detail_item:nth-of-type(3){padding: 0 0 0 8px;}


}
@media (max-width: 767px) {
  .payment{width: 95%;}
  .payment_item1{
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8px;
  }
  .floornum{font-size: 18px;margin-left: 0px;}
  .floornum_detail{font-size: 16px;line-height: 1.3em;}
  .payment_item2{
    flex-direction: column;
    padding: 10px 8px;
  }
  .monthly{font-size: 18px;margin-bottom: 8px;flex-wrap: wrap; }
  .monthly .small_text{
		display: block;
    width: 100%;
	}
  .price_num{font-size: 32px;}
  .monthly_detail{width: 100%;}
  .monthly_detail_item{
    /*width: 33.3%; */
    width: 100%;
    font-size: 14px;padding: 0; text-align: left;
  }
  .monthly_detail_item span{font-size: 14px;}
  .monthly_detail_item:nth-of-type(1){border-left: 0;}
  .monthly_detail_item:nth-of-type(3){padding: 0;}


  .plan_change .basic_plan,.plan_change .menu_plan{
    width:48%;
    padding: 8px 0;
    font-size: 14px;
  }
}