@charset "UTF-8";
/* Common */
.main{background: #9F9679; color: #ffffff;}
.planContent{width:100%; max-width: 1300px; margin: 0 auto;}

.m-tit sup{font-size: 12px;}

@media screen and (max-width: 768px) {
	.m-tit{font-size: min(5.4vw,24px); line-height: 1.55; text-align: center;}
	.m-desc{font-size: 14px; line-height: 2; text-align: left;}
	#plan{overflow: hidden}
}

/* View */
.view{padding:50px 0 min(12.5vw, 240px) 0;}

.view .m-desc{margin: 25px 0 80px 0;}
.view-tit{font-size: 20px; line-height: 1.1; background: #80724A; color: #ffffff; margin: 80px 0 50px; padding: 27px 0; text-align: center;}
.view-tit span{font-size: 14px; letter-spacing: 0.1em; font-family: "Cinzel", serif; display: block; margin: 15px 0 0 0;}

.view-tab{position: relative; display: none;}
#view-tab01{display: block;}

.view-nav{display: flex; justify-content: center; margin: 15px 0 0 0;}
.view-nav li{width: 258px; font-size: 18px; letter-spacing: 0.1em; font-family: "Cinzel", serif; padding: 21px 0 20px; text-align: center; background: #ffffff; color: #80724A; margin: 0 10px; cursor: pointer;}
.view-nav li:hover,
.view-nav li.is-active{background: #80724A; color: #ffffff;}

@media screen and (min-width: 768px) {
	.view-tab .capIn{font-size: 12px;}
}

@media screen and (max-width: 768px) {
	.view{padding: min(23vw, 100px) 0; width: calc(100% - 30px); margin-left: auto; margin-right: auto;}
	.view .m-desc{padding: 0 15px;}
	.view-tit{margin: 35px 0 15px;}
	
	.view-nav{justify-content: space-between;}
	.view-nav li{width: calc(50% - 7px); font-size: 16px; margin: 0;}
}

/* PLan Nav */
.plan-nav{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 90px 0 125px;}
.plan-nav li{width: 24%;}
.plan-nav a{width: 100%; height: 113px; color: #ffffff; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; text-align: center; position: relative; z-index: 1;}
.plan-nav a:after{content: ''; position: absolute; top: 6px; right: 6px; bottom: 6px; left: 6px; border: 1px solid #ffffff; opacity: .15; z-index: -1;}
.plan-nav_en{font-size: 26px; line-height: 1.2; width: 100%; letter-spacing: 0.1em; font-family: "Cinzel", serif; margin: 7px 0;}
.plan-nav_jp{font-size: 14px; line-height: 1.3; width: 100%; height: 34px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; letter-spacing: 0.1em;}
.plan-nav_jp span{font-size: 12px; width: 100%; display: block;}

.plan-nav01{background: linear-gradient(to bottom,#806600 0%,#938240 50%,#806600 50%, #806600 100%);}
.plan-nav01:hover{background: linear-gradient(to bottom,#806600 ,#938240);}
.plan-nav02{background: linear-gradient(to bottom,#6A2B1B 0%,#9B4631 50%,#6A2B1B 50%, #6A2B1B 100%);}
.plan-nav02:hover{background: linear-gradient(to bottom,#6A2B1B ,#9B4631);}
.plan-nav03{background: linear-gradient(to bottom,#0b4f45 0%,#356e66 50%,#0b4f45 50%, #0b4f45 100%);}
.plan-nav03:hover{background: linear-gradient(to bottom,#0b4f45 ,#356e66);}
.plan-nav04{background: linear-gradient(to bottom,#2C3958 0%,#455781 50%,#2C3958 50%, #2C3958 100%);}
.plan-nav04:hover{background: linear-gradient(to bottom,#2C3958 ,#455781);}

@media screen and (max-width: 768px) {
	.plan-nav{margin: 40px 0 55px; padding: 0 20px;}
	.plan-nav li{width: 100%; margin: 0 0 15px;}
	.plan-nav li:last-of-type{margin: 0;}
	.plan-nav a{height: 97px;}
	.plan-nav_en{font-size: 22px; margin: 7px 0 5px 0;}
	.plan-nav_jp{font-size: 12px;}
	.plan-nav_jp span{font-size: 10px;}
}

/* PLan Block */
#executive{color: #ffffff;}
#delux{color: #6A2B1B;}
#superior{color: #2C3958;}
#semi-delux{color: #0b4f45;}

.planBlock-tit{text-align: center; margin: 0 0 50px;}
.planBlock-tit_en{font-size: 34px; line-height: 1.2; letter-spacing: 0.1em; font-family: "Cinzel", serif;}
.planBlock-tit_jp{font-size: 14px; line-height: 1.8; letter-spacing: 0.1em; margin: 6px 0 0 0;}
.planBlock-tit_jp span{width: 216px; margin: 10px auto 0; display: flex; align-items: center;}
.planBlock-tit_jp span:before{content: ''; flex: 1 1 auto; background: #ffffff; height: 1px; margin: 1px 0.5em 0 0;}
.planBlock-tit_jp span:after{content: ''; flex: 1 1 auto; background: #ffffff; height: 1px; margin: 1px 0 0 0.5em;}

#delux .planBlock-tit_jp span:before,
#delux .planBlock-tit_jp span:after{background: #6A2B1B;}

#superior .planBlock-tit_jp span:before,
#superior .planBlock-tit_jp span:after{background: #2C3958;}
#superior .capIn{color: #2C3958}

#semi-delux .planBlock-tit_jp span:before,
#semi-delux .planBlock-tit_jp span:after{background: #0b4f45;}

#semi-delux .caption{font-size: 12px; }


@media screen and (min-width: 768px) {
	.planBlock{padding: 90px 0;}
	
	#executive{background: url("../imgs/bg-type1.jpg") no-repeat top center/cover;}
	#delux{background: url("../imgs/bg-type2.jpg") no-repeat top center/cover;}
	#superior{background: url("../imgs/bg-type3.jpg") no-repeat top center/cover;}
	#semi-delux{background: url("../imgs/bg-type4.jpg") no-repeat top center/cover;}
}

@media screen and (max-width: 768px) {
	.planBlock{padding: 65px 0 70px;}
	
	#executive{background: url("../imgs/bg-type1_sp.jpg") no-repeat top center/cover;}
	#delux{background: url("../imgs/bg-type2_sp.jpg") no-repeat top center/cover;}
	#superior{background: url("../imgs/bg-type3_sp.jpg") no-repeat top center/cover;}
	#semi-delux{background: url("../imgs/bg-type4_sp.jpg") no-repeat top center/cover;}
	#semi-delux .caption{text-align: center;}

}

/* Merit */
.merit{background: rgba(255,255,255,.8); padding: 45px 30px 40px; margin: 0 0 70px;}
.merit-tit{text-align: center; font-size: 26px; line-height: 1.2; letter-spacing: 0.1em; font-family: "Cinzel", serif; margin: 0 0 35px;}

.merit .caption{width: 100%; text-align: right;}

.merit-list li{display: flex; justify-content: space-between; align-items: center; margin: 0 0 35px;}
.merit-list p:nth-of-type(1){font-size: 33px; line-height: 1.2; width: 54px; height: 54px; letter-spacing: 0.1em; font-family: "Cinzel", serif; text-align: center; display: flex; justify-content: center; align-items: center; color: #ffffff;}
.merit-list p:nth-of-type(2){font-size: 20px; width: calc(100% - 74px);}
.merit-list p .capIn{display: block;}

#executive .merit-tit{color: #806600;}
#executive .merit-list,
.merit-list .capIn{color: #806600;line-height: 1.2;padding-top: 3px;}
.merit-list .sekkei{font-size: 70%;}
#executive .merit-list p:nth-of-type(1){background: #806600;}
#executive .merit .capIn{color: #78550e;}


#delux  .merit .capIn {color: #6A2B1B;}
#semi-delux  .merit .capIn {color: #0b4f45;}

#delux .merit-list p:nth-of-type(1){background: #6A2B1B;}
#superior .merit-list p:nth-of-type(1){background: #2C3958;}
#semi-delux .merit-list p:nth-of-type(1){background: #0b4f45;}

#executive .merit .caption {color: #78550e;}
#delux  .merit .caption {color: #6A2B1B;}

#superior .merit .caption {color: #2C3958;}
#semi-delux .merit .caption {color: #0b4f45;}


@media screen and (min-width: 768px) {
	.merit-list{display: flex; justify-content: flex-end;}
	.merit-list ul{display: flex; flex-wrap: wrap; max-width: 1185px; width: 100%;}	
	.merit-list li:nth-of-type(3n+1){max-width: 425px; width: 35.86%; padding: 0 20px 0 0;}
	.merit-list li:nth-of-type(3n+2){max-width: 420px; width: 35.44%; padding: 0 20px 0 0;}
	.merit-list li:nth-of-type(3n){max-width: 340px; width: 28.7%;}
}

@media screen and (max-width: 768px) {
	.merit{margin: 0 -20px 45px; padding: 35px 0;}
	.merit-tit{font-size: min(6vw,26px);}
	.merit-list{padding: 0 30px;}
	.merit-list ul{max-width: 400px; margin: 0 auto; width: 100%;}
	.merit-list li{margin: 0 0 20px;}
	
	.merit-list p:nth-of-type(1){font-size: min(7.6vw,33px); width: 1.63em; height: 1.63em; margin-right: 0.7em;}
	.merit-list p:nth-of-type(2){font-size: min(4.6vw,20px); width: calc(100% - 2.33em);}
}

/* Type */
.type-note{text-align: center; font-size: 14px; line-height: 1.7; margin: 0 0 40px;}

.type-nav{display: flex; flex-wrap: wrap; padding: 0 0 100px; margin: 0 -16px}
.type-nav li.none{pointer-events: none; opacity: 0.3;}
.type-nav li{width: calc(25% - 32px); margin: 0 16px 19px; height: 67px; display: flex; justify-content: center; align-items: center; text-align: center; background: #ffffff; position: relative; z-index: 1; font-size: 20px; line-height: 1.2; letter-spacing: 0.1em; font-family: "Cinzel", serif; cursor: pointer;}
.type-nav li:before{content: ''; position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; opacity: .15; z-index: -1;}
.type-nav li:hover,
.type-nav li.is-active{color: #ffffff !important;}
.type-nav li:hover:before,
.type-nav li.is-active:before{border: 1px solid #ffffff !important;}

#executive .type-nav li{color: #806600;}
#executive .type-nav li:before{border: 1px solid #806600;}
#executive .type-nav li:hover,
#executive .type-nav li.is-active{background: #806600;}

#delux .type-nav li{color: #6A2B1B;}
#delux .type-nav li:before{border: 1px solid #6A2B1B;}
#delux .type-nav li:hover,
#delux .type-nav li.is-active{background: #6A2B1B;}

#superior .type-nav li{color: #2C3958; width: calc(20% - 32px);}
#superior .type-nav li:before{border: 1px solid #2C3958;}
#superior .type-nav li:hover,
#superior .type-nav li.is-active{background: #2C3958;}

#semi-delux .type-nav li{color: #0b4f45; width: calc(20% - 32px);}
#semi-delux .type-nav li:before{border: 1px solid #0b4f45;}
#semi-delux .type-nav li:hover,
#semi-delux .type-nav li.is-active{background: #0b4f45;}

@media screen and (max-width: 768px) {
	.type-note{margin: 0 0 30px;}
	
	.type-nav{padding: 0 0 35px; margin: 0;}
	.type-nav li{width: calc(50% - 5px) !important; margin: 0 10px 10px 0; font-size: min(3.5vw,20px);}
	.type-nav li:nth-of-type(2n){margin-right: 0;}
}

@media screen and (min-width: 768px) {
	.type-list{display: flex; flex-wrap: wrap; margin: 0 -16px;}
	.type-list li{width: calc(25% - 32px); margin: 0 16px 22px;}
	.type-list a:hover{opacity: .8;}	
}

@media screen and (max-width: 768px) {
	.type{padding: 15px;}
	.type-nav li{height: 47px;}
	/* .type-list{max-width: 301px; width: 90%; margin: 0 auto;}
	.type-list li{margin: 0 0 15px;} */
	.type-list{width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
	.type-list li{width: 48%;}
	

    .panorama {width: 100%; overflow: scroll !important;}
    .panorama img {width: 1500px; max-width: unset;}
    .cap-right {text-align: right; padding: 5px 10px 10px;}
    .ic-swipe {text-align: center;padding-top: 5px;}
    .ic-swipe img {width: 50px}	
    .view-tab .photo__capIn {position: static; text-align: right; color: #000; margin: 5px 0 10px;}
	
	
	
}

.casbee{background-color: #fff;padding: 50px; text-align: center;}
.casbee img{width: 350px}

.comingsoonTXT{font-size: 20px; text-align: center;padding: 80px 10px;line-height: 1.8;}
.comingsoonTXT span{font-size: 70%;}