@charset "utf-8";


.nav-global-property-item.premiumroomplanPage .nav-global-property-link::after {
	border-bottom-color: #18293b;
}
.nav-global-property-item.roomplanPage .nav-global-property-link::after {
    display: none;
}




/* ========================================
roomplanDetail 
======================================== */
.roomplanDetail {}
.contentsFrame {display: flex; flex-wrap: wrap; justify-content: space-between;}
.contentsFrame .left {width: 36%;padding-right: 4%;}
.contentsFrame .madoriWrap {width: 64%;}
.madori {background: #fff;}

/* spec 
------------------------------ */
.spec .item {border-bottom: 1px solid #969696;padding-bottom: 30px;margin-bottom: 30px;color: #fff;}
.type {font-size: 45px;letter-spacing: 0.1em;color: #958f64}
.type b {font-size: 170%;line-height: 1;}
.type-desc {font-size: 22px;letter-spacing: 0.1em;color: #958f64;margin-bottom: 5px;}
.ldk {font-size: 29px;letter-spacing: 0.1em;line-height: 1.2;margin-bottom: 20px;word-break: break-all;}
.ldk b {font-size: 33px;}
.ldk strong {font-size: 125%;}
.text01 {font-size: 16px;letter-spacing: 0.1em;margin-bottom: 20px;}
.text01 b {font-size: 200%;line-height: 1;}
.text02 {font-size: 14px;display: flex;justify-content: space-between;margin-top: 10px;}
/* */
@media screen and (max-width: 960px){
	.spec .item {padding-bottom: 20px;margin-bottom: 20px;}
	.roomplanDetail {padding-top: 40px;}
	.contentsFrame .left {width: 100%;padding-right: 0;}
	.contentsFrame .madoriWrap {width: 100%;margin-top: 30px;}
	.type {font-size: 36px;}
	.type-desc {font-size: 16px;margin-bottom: 10px;}
	.ldk {font-size: 22px;}
	.ldk b {font-size: 28px;}
	.text01 {font-size: 14px;}
	.text02 {font-size: 12px;}
}



/* point 
------------------------------ */
.point {margin-top: 50px;}
.point ul {}
.point li {padding-left: 16px; position: relative;margin-top: 30px;}
.point li:before {content: "・"; color: #c0c0c0; position: absolute;left: 0;top: 0;}
/* */
@media screen and (max-width: 960px){
	.point {margin-top: 30px;}
}



/* hanreiBox 
------------------------------ */
.hanreiBox {display: flex;align-items: center;font-size: 14px;color: #fff;margin-top: 20px;}
.hanreiBox.sp_only {display: none;}
.hanreiBox > div + div {margin-left: 5px;}
.hanreiBox .tsufuText figure,
.hanreiBox .saikoText figure {display: inline-block;vertical-align: middle;}
.hanreiBox .tsufuText figure img,
.hanreiBox .saikoText figure img {display: inline-block;vertical-align: 1px;}
.hanreiBox .storageText span, .hanreiBox .yukadanText span {display: inline-block;height: 10px;width: 30px;margin-right: .5em;}
.hanreiBox .storageText span {background: #ebe7d6;}
.hanreiBox .yukadanText span {background: #ccc1b6;}
.hanreiBox + .anno {color: #fff;font-size: 14px;}
.hanreiBox + .anno.sp_only {display: none;}
@media only screen and (max-width: 960px) {
	.hanreiBox {font-size: 10px;}
	.hanreiBox.pc_only {display: none;}
	.hanreiBox.sp_only {display: flex;}
	.hanreiBox .tsufuText figure,
	.hanreiBox .saikoText figure {width: 30px;}
	.hanreiBox .storageText span, .hanreiBox .yukadanText span {width: 20px;}
	.hanreiBox + .anno {font-size: 10px;}
	.hanreiBox + .anno.pc_only {display: none;}
	.hanreiBox + .anno.sp_only {display: block;}
}


.bg_texture {
	padding: 0;
}
.leadWrap {
	color: #fff;
	padding-block: 55px 65px;
	background: url("../../common/img/page/premium/bg_leadWrap.jpg") no-repeat top center/cover;
}
.leadWrap .leadTtl + .leadTtl {
	margin-top: .5em;
	padding-top: .5em;
	border-top: solid 1px rgba(255, 255, 255, .5);
}
.leadWrap .leadTtl small {
	display: block;
	font-size: 14px;
	letter-spacing: .1em;
	margin-top: .5em;
}
@media screen and (max-width: 960px) {
	.leadWrap {
		padding-block: 30px 40px;
	}
	.leadWrap .leadTtl small {
		font-size: 11px;
	}
}





/*  pageKv
--------------------------------------------------*/
.pageKv_copy__desc {
	font-size: 24px;
	line-height: 2;
	letter-spacing: .1em;
	color: #fff;
	padding-top: 30px;
}
@media screen and (max-width: 960px) {
    .pageKv_copy {
      top: 60%;
    }
    .pageKv_copy__desc {
        font-size: 16px;
        padding-top: 10px;
    }
}
@media screen and (max-width: 640px) {
  .pageKv_copy h2 {
		line-height: 1.14285714;
	}
}




/*  sec
--------------------------------------------------*/
.sec {
	position: relative;
	max-width: 1920px;
	margin-inline: auto;
}
.sec-contents {
	width: min(90%,1280px);
	margin-inline: auto;
}
.contentsWrap {
	position: relative;
	width: min(90%,1720px);
	margin-inline: auto;
}
.chapterTtl {
	top: -0.5em;
	padding-left: 0;
}
.chapterTtl p {
	font-size: 10px;
	color: #2D2D2D;
}
.chapterTtl p.white {
	color: #fff;
}
@media screen and (max-width: 750px){
	.contentsWrap {
		position: relative;
		width: calc(360 / 380 * 100%);
		margin-inline: auto;
	}
	.chapterTtl {
		/*top: -1.0em;*/
		top: 0;
	}
}
@media screen and (max-width: 750px){
	.sec-contents {
		width: calc(320 / 380 * 100%);
	}
}





/*  l-rarity
--------------------------------------------------*/
.l-rarity {
	/*padding-block: 140px 150px;*/
	padding-block: 100px;
  background: #000000;
}
.rarity-heading {
	font-size: 40px;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  margin-bottom: 35px;
}
.rarity-desc {
	font-size: 20px;
  line-height: 2.08333333;
  letter-spacing: .05em;
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}
.rarity-note {
	font-size: 14px;
  line-height: 1.75;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
}
.rarity-figure {
	margin-top: 40px;
}
.rarity-contents {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.rarity-contents__item {
	position: relative;
}
.rarity-contents__item1 {
	width: calc(760 / 1280 * 100%);
}
.rarity-contents__item2 {
	width: calc(470 / 1280 * 100%);
}
@media screen and (max-width: 750px){
	.l-rarity {
		/*padding-block: 60px 70px;*/
		padding-block: 50px 40px;
	}
	.rarity-heading {
		font-size: 26px;
    margin-bottom: 20px;
	}
	.rarity-desc {
		font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
	}
	.rarity-note {
		font-size: 10px;
	}
	.rarity-figure {
		margin-top: 20px;
	}
	.rarity-contents {
		gap: 20px;
	}
	.rarity-contents__item {
		width: 100%;
	}
}






/*  l-ordermade
--------------------------------------------------*/
.l-ordermade {
	position: relative;
	padding-block: 150px;
	background: url("../../common/img/page/premium/bg_premiumplan.jpg") no-repeat top center/cover;
	z-index: 1;
}
.ordermade-outer {
	width: min(100%,1920px);
	margin-inline: auto;
}
.ordermade-inner {
	width: min(95%, 1280px);
	margin-inline: auto;
}
.ordermade-ttl {
	font-size: clamp(70px, 5.62746201vw, 100px);
	line-height: 1;
	letter-spacing: .075em;
	color: #958f64;
	margin-bottom: 90px;
}
.ordermade-contents {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
.ordermade-contents__photo {
	width: calc(800 / 1280 * 100%);
}
.ordermade-contents__detail {
	width: calc(460 / 1280 * 100%);
	color: #fff;
}
.ordermade-contents__detail__heading {
	font-size: clamp(16px, 1.35059088vw, 24px);
	line-height: 2.08333333;
	letter-spacing: .05em;
	margin-bottom: 30px;
}
.ordermade-contents__detail__note {
	font-size: 11px;
	line-height: 1.75;
	letter-spacing: .02em;
	margin-bottom: 55px;
}
.ordermade-contents__detail__link {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
	letter-spacing: .05em;
	text-align: center;
	width: min(100%,310px);
	height: 80px;
	margin-right: auto;
	padding-bottom: .1em;
	background: #a08d68;
}
@media (any-hover: hover){
  .ordermade-contents__detail__link {
    transition: opacity .3s linear;
  }
  .ordermade-contents__detail__link:hover {
    opacity: .6;
  }
}
@media screen and (max-width: 960px){
	.ordermade-contents__photo {
		width: calc(320 / 380 * 100%);
		margin-inline: auto;
		margin-bottom: 35px;
	}
	.ordermade-contents__detail {
		width: calc(320 / 380 * 100%);
		margin-inline: auto;
	}
}
@media screen and (max-width: 750px){
	.l-ordermade {
		padding-block: 65px 70px;
	}
	.ordermade-outer {
		width: 100%;
	}
	.ordermade-inner {
		width: 100%;
	}
	.ordermade-ttl {
		font-size: 36px;
		text-align: center;
		margin-bottom: 35px;
	}
	.ordermade-contents__photo {
		width: calc(320 / 380 * 100%);
		margin-inline: auto;
		margin-bottom: 35px;
	}
	.ordermade-contents__detail {
		width: calc(320 / 380 * 100%);
		margin-inline: auto;
	}
	.ordermade-contents__detail__heading {
		font-size: 16px;
		line-height: 1.8;
		text-align: center;
		margin-bottom: 20px;
	}
	.ordermade-contents__detail__note {
		font-size: 10px;
		margin-bottom: 40px;
	}
	.ordermade-contents__detail__link {
		font-size: 16px;
		width: calc(300 / 320 * 100%);
		height: 60px;
		margin-inline: auto;
	}
}




/*  l-view
--------------------------------------------------*/
.l-view {
	padding-block: 150px;
}
.view-inner {
	max-width: 1280px;
    width: 90%;
    margin: 0 auto;
}
.view-heading {
	font-size: 40px;
	line-height: 1;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 55px;
}
.view-note {
	font-size: 11px;
	line-height: 1.75;
	letter-spacing: .075em;
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 25px;
}
@media screen and (max-width: 750px){
	.l-view {
		padding-block: 65px 70px;
	}
	.view-inner {
	    width: calc(320 / 380 * 100%);
	}
	.view-heading {
		font-size: 30px;
		margin-bottom: 35px;
	}
	.view-photo {
		width: calc(380 / 320 * 100%);
		margin-left: calc(-30 / 320 * 100%);
	}
	.view-note {
		font-size: 10px;
		margin-top: 20px;
	}
}




/*  l-topFloor
--------------------------------------------------*/
.l-topFloor {
	position: relative;
}
.topFloor-head {	
	padding-block: 150px 120px;
	background: url("../../common/img/page/premium/bg_topFloo.jpg") no-repeat center center/cover;
}
.topFloor-head__heading {
	font-size: 34px;
	line-height: 1;
	letter-spacing: .1em;
	color: #958f64;
	text-align: center;
	margin-bottom: 45px;
}
.topFloor-head__desc {
	font-size: 36px;
	line-height: 2;
	letter-spacing: .1em;
	color: #fff;
	text-align: center;
}
.topFloor-photo {
	width: 100%;
}
@media screen and (max-width: 750px){
	.topFloor-head {	
		padding-block: 65px 40px;
	}
	.topFloor-head__heading {
		font-size: 17px;
		margin-bottom: 25px;
	}
	.topFloor-head__desc {
		font-size: 18px;
		letter-spacing: inherit;
	}
	.topFloor-photo {
		width: 100%;
	}
}




/*  l-premiumplan
--------------------------------------------------*/
.l-premiumplan {
	position: relative;
	padding-block: 145px 160px;
	background: url("../../common/img/page/premium/bg_premiumplan.jpg") no-repeat top center/cover;
	z-index: 1;
}


.premiumplan-hallway {
	width: min(90%,1480px);
	margin-inline: auto;
	margin-bottom: 190px;
	background: #333333;
	padding-block: 100px;
}
.premiumplan-hallway__inner {
	width: min(90%,1280px);
	margin-inline: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.premiumplan-hallway__box {
	position: relative;
}
.premiumplan-hallway__box1 {
	width: calc(500 / 1280 * 100%);
}
.premiumplan-hallway__box2 {
	width: calc(720 / 1280 * 100%);
}
.premiumplan-hallway__box__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}
.premiumplan-hallway__box__item + .premiumplan-hallway__box__item {
	margin-top: 60px;
}
.premiumplan-hallway__box__item__detail {
	width: calc(440 / 720 * 100%);
	color: #fff;
}
.premiumplan-hallway__box__item__detail__heading {
	font-size: 24px;
	line-height: 1.83333333;
	letter-spacing: .1em;
	margin-bottom: 28px;
}
.premiumplan-hallway__box__item__detail__desc {
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: inherit;
}
.premiumplan-hallway__box__item__photo {
	width: calc(240 / 720 * 100%);
}


.premiumplan-heading {
	font-size: 100px;
	letter-spacing: .1em;
	line-height: 1.13636364;
	color: #958f64;
}
.premiumplan-item {
	padding-top: 135px;
}
.premiumplan-item + .premiumplan-item {
	padding-top: 120px;
}
.premiumplan-tips {
	margin-top: 150px;
}
@media screen and (max-width: 950px){
	.premiumplan-hallway__box1 {
		width: 100%;
		margin-bottom: 50px;
	}
	.premiumplan-hallway__box2 {
		width: 100%;
	}
}
@media screen and (max-width: 750px){
	.l-premiumplan {
		padding-block: 75px 60px;
	}
	.premiumplan-hallway {
		width: calc(340 / 380 * 100%);
		margin-bottom: 80px;
		padding-block: calc(30 / 380 * 100%) 50px;
	}
	.premiumplan-hallway__inner {
		max-width: 560px;
		width: calc(300 / 340 * 100%);
	}
	.premiumplan-hallway__box1 {
		width: 100%;
		margin-bottom: 50px;
	}
	.premiumplan-hallway__box2 {
		width: 100%;
	}
	.premiumplan-hallway__box__item + .premiumplan-hallway__box__item {
		margin-top: 55px;
	}
	.premiumplan-hallway__box__item__detail {
		width: 100%;
		margin-bottom: 30px;
	}
	.premiumplan-hallway__box__item__detail__heading {
		font-size: 20px;
		letter-spacing: inherit;
		margin-bottom: 15px;
	}
	.premiumplan-hallway__box__item__detail__desc {
		font-size: 14px;
	}
	.premiumplan-hallway__box__item__photo {
		width: 100%;
	}
	.premiumplan-heading {
		font-size: 44px;
		text-align: center;
	}
	.premiumplan-item {
		padding-top: 50px;
	}
	.premiumplan-item + .premiumplan-item {
		padding-top: 60px;
	}
	.premiumplan-tips {
		margin-top: 55px;
	}
}




/*  l-service
--------------------------------------------------*/
.l-service {
	padding-block: 150px;
}
.service-heading {
	font-size: 40px;
	line-height: 1;
	letter-spacing: .1em;
	text-align: center;
	margin-bottom: 55px;
}
.service-box {
	position: relative;
	width: 100%;
	margin-bottom: 70px;
}
.service-photo__note {
	position: absolute;
	left: 0;
	bottom: 0;
	margin-left: calc(80 / 1520 * 100%);
	margin-bottom: calc(30 / 1520 * 100%);
	font-size: 11px;
	line-height: 1.8;
	letter-spacing: 0;
	color: #000;
	background: transparent;
	padding: 0;
	right: auto;
	z-index: 1;
}
.service-desc {
	font-size: clamp(14px, 1.1627907vw, 20px);
  line-height: 1.75;
  letter-spacing: 0;
  margin-top: 10px;
}
.service-list {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 55px 40px;
}
.service-list__item {
	position: relative;
	width: calc((100% - 80px) / 3);
}
.service-list--four .service-list__item {
	width: calc((100% - 120px) / 4);
}
.service-list__item__photo {
	position: relative;
}
.service-list__item__detail {
	margin-top: 10px;
}
.service-list__item__detail__desc {
	font-size: 20px;
	font-size: clamp(14px, 1.1627907vw, 20px);
	line-height: 1.75;
	letter-spacing: 0;
}
.service-list__item__detail__desc span {
	display: block;
	font-size: calc(12 / 20 * 1.0em);
	letter-spacing: .05em;
	margin-top: .3em;
}
@media screen and (max-width: 750px){
	.l-service {
		padding-block: 65px 70px;
	}
	.service-heading {
		font-size: 30px;
		margin-bottom: 35px;
	}
	.service-box1 .service-photo {
		padding-bottom: 30px;
    background: #fff;
	}
	.service-photo__note {
		margin-left: calc(20 / 320 * 100%);
    margin-bottom: calc(10 / 320 * 100%);
    font-size: 9px;
    letter-spacing: -0.1em;
	}
	.service-box {
		margin-bottom: 35px;
	}
	.service-desc {
		font-size: 18px;
	}
	.service-list {
		gap: 35px 0;
	}
	.service-list__item {
		width: 100%;
	}
	.service-list--four .service-list__item {
		width: 100%;
	}
	.service-list__item-spWide {
    width: calc(380 / 300 * 100%) !important;
    margin-inline: calc(-40 / 300 * 100%) !important;
	}
	.service-list__item__detail {
		margin-top: 10px;
	}
	.service-list__item__detail__desc {
		font-size: 18px;
	}
}



/*  l-quality
--------------------------------------------------*/
.l-quality {
	position: relative;
	padding-block: 145px 160px;
	background: url("../../common/img/page/premium/bg_quality.jpg") no-repeat top center/cover;
	z-index: 1;
}
.quality-contents {
	width: min(90%,1520px);
}
.quality-heading {
	font-size: 60px;
	letter-spacing: .1em;
	line-height: 1.13636364;
	color: #958f64;
	text-align: center;
	margin-bottom: 35px;
}
.quality-explain {
	font-size: 16px;
	letter-spacing: .1em;
	line-height: 1.8;
	color: #fff;
	text-align: center;
	margin-bottom: 95px;
}
.quality-box {
	width: 100%;
}
.quality-box + .quality-box {
	margin-top: 135px;
}
.quality-box__heading {
	font-size: 50px;
	letter-spacing: .1em;
	line-height: 1.13636364;
	color: #958f64;
	margin-bottom: 40px;
}
.quality-box__photo {
	width: 100%;
	margin-bottom: 50px;
}
.quality-list {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 55px 40px;
}
.quality-list__item {
	position: relative;
	width: calc((100% - 80px) / 3);
}
.quality-list--four .quality-list__item {
	width: calc((100% - 120px) / 4);
}
.quality-list__item__photo {
	position: relative;
}
.quality-list__item__detail {
	margin-top: 10px;
}
.quality-list__item__detail__desc {
	font-size: 20px;
	font-size: clamp(14px, 1.1627907vw, 20px);
	line-height: 1.75;
	letter-spacing: 0;
	color: #fff;
}
.quality-list__item__detail__desc span {
	display: block;
	font-size: calc(12 / 20 * 1.0em);
	letter-spacing: .05em;
	margin-top: .3em;
}
@media screen and (max-width: 750px){
	.l-quality {
		padding-block: 55px 60px;
	}
	.quality-contents {
        width: calc(320 / 380 * 100%);
	}
	.quality-heading {
		font-size: 36px;
		margin-bottom: 25px;
	}
	.quality-explain {
    letter-spacing: inherit;
		margin-bottom: 70px;
	}
	.quality-box + .quality-box {
		margin-top: 70px;
	}
	.quality-box__heading {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.quality-box__photo {
		width: calc(380 / 320 * 100%);
		margin-left: calc(-30 / 320 * 100%);
	    margin-bottom: 30px;
	}
	.quality-list {
		gap: 35px 0;
	}
	.quality-list__item {
		width: 100%;
	}
	.quality-list--four .quality-list__item {
		width: 100%;
	}
	.quality-list__item-spWide {
	    width: calc(380 / 300 * 100%) !important;
	    margin-inline: calc(-40 / 300 * 100%) !important;
	}
	.quality-list__item__detail {
		margin-top: 10px;
	}
	.quality-list__item__detail__desc {
		font-size: 18px;
	}
}





/*  l-information
--------------------------------------------------*/
.l-information {
	position: relative;
	padding-block: 105px 110px;
	z-index: 1;
}
.information-contents {
	width: min(90%,1200px);
}
.information__title {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 40px;
}
.information__cv {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	gap: 35px;
}
.information__item {
	/*width: min(100%,310px);*/
	width: min(100%,360px);
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: .2em;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0;
	color: #fff !important;
	text-align: center;
}
.information__item--entry {
  background-color: #010101;
}
.information__item--reserve {
  background-color: #5a100c;
}
.information__item--onine {
  background-color: #947e69;
}
.information__item--other {
  background-color: #424242;
}
@media (any-hover: hover){
  .information__item {
    transition: opacity .3s linear;
  }
  .information__item:hover {
    opacity: .6;
  }
}
@media screen and (max-width: 750px){
	.l-information {
		padding-block: 55px 60px;
	}
	.l-information .contentsWrap {
		width: calc(320 / 380 * 100%);
		margin-bottom: 30px;
	}
	.l-information .chapterTtl {
		position: relative;
	}
	.l-information .chapterTtl p {
		font-size: 13px;
	}
	.l-information .chapterTtl p span {
	    -webkit-writing-mode: horizontal-tb;
	    writing-mode: horizontal-tb;
	}
	.information-contents {
        width: calc(320 / 380 * 100%);
	}
	.information__title {
		font-size: 22px;
        margin-bottom: 20px;
	}
	.information__cv {
	    gap: 15px;
	    flex-wrap: wrap;
  	}
  	.information__item {
	    width: min(100%,300px);
	    height: 60px;
	    font-size: 16px;
  	}
}