@charset "utf-8";
/* CSS Document */

.main_type{overflow-x: hidden; max-width:800px; width: 100%; margin:0 auto;}

#type{background: url("../../img/room/bg_2.jpg"); padding-top: 80px;}

#type .box-type{background: #fff; margin: 0 0 40px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);}

#type .box-tit{padding: 25px 20px 25px 25px; background: #e1dcd5; color: #333; display: flex; justify-content: space-between; flex-wrap: wrap; letter-spacing: 0.2em; position: relative;}
#type .box-tit .label{color: #fff; line-height: 1; letter-spacing: 0; background: #8d886e; padding: 7px 10px 6px; position: absolute; top: 0; right: 0; letter-spacing: 0.1em;}
#type .box-tit .label.new:before{background: #3c3620; content: 'NEW'; width: 60px; position: absolute; top: 0; left: -60px; padding: 7px 0 6px; text-align: center;}
#type .box-tit .new2 {background: #3c3620; color: #fff; line-height: 1; letter-spacing: 0; width: 60px; position: absolute; top: 0; right: 0; padding: 7px 0 6px; text-align: center;}

#type .box-tit .tit{line-height: 1; display: flex; align-items: center; font-family: 'Crimson Text', serif; }
#type .box-tit .tit p:nth-of-type(1){font-size: 44px; line-height: 0.8; padding: 0 20px 0 0; margin: 0 20px 0 0; border-right: 1px solid rgba(51,51,51,.2);}
#type .box-tit .tit p:nth-of-type(1) span{font-size: 18px; margin: 0 0 0 0.5em;}
#type .box-tit .tit p:nth-of-type(1) span.small{font-size: 44px; margin: 0; font-family: 'Crimson Text', serif; font-weight: 400;}
#type .box-tit .tit p:nth-of-type(2){font-size: 24px;}

#type .box-tit .info{font-size: 12px;}
#type .box-tit .info p.gou{font-size: 12px; text-align:left; line-height: 1.8;}

#type .box-tit .info .num{font-size: 28px; margin: 0 0 0 0.5em; line-height: 1;}
#type .box-tit .info .num2{font-size: 18px; margin: 0 0 0 0.5em; line-height: 1.2;}
#type .box-tit .info .txt{font-size: 20px;}

#type .price_sentyaku {padding:14px 10px;background:#aa9674;color:#fff;}
#type .price_sentyaku p {font-size:14px;text-align:center;}
#type .price_sentyaku p span:nth-of-type(1) {font-size:1.7em;}
#type .price_sentyaku p span:nth-of-type(2) {font-size:1.14em;}

#type .price_sentyaku .payment{ width:95.4%; margin: 1.5em auto; background: #8e7d60; padding: .5em .5em;}
#type .price_sentyaku .cost{  width: 92.8%; display: flex; flex-wrap: wrap; margin: 0 7.2%;}
#type .price_sentyaku li{ max-width:100%; position: relative; text-align: center; margin-bottom:1.5em; }
#type .price_sentyaku li + li::before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; height: 38px; margin: auto; background: #fff; }
#type .price_sentyaku li:not(:first-child) { padding-left: 3.4%; line-height: 1.6em; }
#type .price_sentyaku li{ padding-right: 3.4%; }
#type .price_sentyaku .c1{ font-size: 1.7em;}
#type .price_sentyaku .c2{ font-size: 0.75em; display: block;}
#type .price_sentyaku .paytxt{ width: 92.8%; text-align:left; font-size: 0.75rem; margin:0 7.2% 1em; }
#type .price_sentyaku .paytxt br{ display: none;}


#type .box-type .inner_type{padding: 0px 30px 40px;}
#type .box-type .map{margin: 0 0 60px; text-align:  center;zoom: 1.5;}
#type .box-type .list{display: flex; flex-wrap: wrap; margin: 0 0 40px;}
#type .box-type .list li{padding: 20px 25px; width: 32%; margin: 0 2% 2% 0; border: 1px solid #d8d5df;}
#type .box-type .list li:nth-of-type(3n){margin: 0 0 2%;}
#type .box-type .vr{max-width: 900px;}
#type .box-type .vr_content{ position: relative; width: 100%; height: 0; padding-top: 63.5%;}
#type .box-type iframe{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
#type .box-type .vr .cap_type{ padding: 5px 0 40px;}
#type .box-type .vr br{display: none;}
#type .box-type .cap_type{letter-spacing: 0.05em; text-align:left;}
#type .box-type .note{margin: 0 0 1em;}
#type .box-type .note li{margin: 0 2em 0 0; display: inline-block;}
#type .box-type .note li:before{content: ''; width: 24px; height: 10px; display: inline-block; margin: 0 1em 0 0; background: #daccb8;}
#type .box-type .note li.brown:before{background: #daccb8;}

#type .box-btn{width: 500px; margin: 0 auto 80px; display: flex; justify-content: space-between;}
#type .box-btn a{display: block; width: 48%; background: #161616; color: #fff; font-size: 16px; line-height: 50px; letter-spacing: 0.1em; text-align: center;}
#type .box-btn a:hover{background: #32255a;}

.bg-white{background: #fff; padding: 60px 0;}
#control{margin: 0 auto;}

.view-wrap {margin:40px 0;}
.view-wrap figure {position: relative;}
.view-wrap figure figcaption {font-size: 10px;line-height: 1.4;position: absolute;bottom: 7px;right: 10px;text-align: right;
color: #fff;text-shadow: 0 0 1px rgba(0,0,0,.8), 0 0 2px rgba(0,0,0,.8), 0 0 3px rgba(0,0,0,.8), 0 0 4px rgba(0,0,0,.8), 0 0 5px rgba(0,0,0,.8), 0 0 6px rgba(0,0,0,.8), 0 0 7px rgba(0,0,0,.8), 0 0 8px rgba(0,0,0,.8), 0 0 9px rgba(0,0,0,.8), 0 0 10px rgba(0,0,0,.8);}

/* タブ切り替え */
.tab-wrap {
    display: flex;
	justify-content: center;
    flex-wrap: wrap;
}
.tab-label {
    color: #595144;
    background: #fff;
	border:solid 1px #595144;
    margin: 0 0 30px;
    padding: 8px 12px;
    order:-1;
	width: calc(60%/2);
	text-align: center;
}
.tab-content {
    width: 100%;
    display: none;
}
.tab-switch:checked+.tab-label {
    background: #595144;
	color: #fff;
}
.tab-switch:checked+.tab-label+.tab-content {
    display: block;
}
.tab-switch {
    display: none;
}

.vrtxt{ margin: 5px 0 30px; }
.vr_dr1{ background: url("../../images/plan/vr_on_dr1.jpg") no-repeat; background-size:cover;}
.vr_i{ background: url("../../images/plan/vr_on_i.jpg") no-repeat; background-size:cover;}
.vr_dr1_lim{ background: url("../../images/limited/vr_on_dr1.jpg") no-repeat; background-size:cover;}
.vr_i_lim{ background: url("../../images/limited/vr_on_i.jpg") no-repeat; background-size:cover;}
.vr_fr_lim{ background: url("../../images/limited/vr_on_fr.jpg") no-repeat; background-size:cover;}
.VR a { display: inline-block; }
.VR a:hover {	background-color: transparent;
}
.VR a:hover img { visibility: hidden; }

/* エントリーボタン */
#type .ty-contact-btn{font-size: 20px; margin:0 auto; width: 100%; background-color: #f4f5f6; margin-bottom: 30px; padding:30px 0;}
#type .ty-contact-btn p{margin:0 auto 20px; text-align: center;}
#type .ty-contact-btn ul{display: flex; flex-wrap: wrap; justify-content: space-between; width: 93%; margin: 0 auto;}
#type .ty-contact-btn li{width: 48.69%;  text-align: center;}
#type .ty-contact-btn a{ display: block; font-size: 24px; line-height: 80px; letter-spacing: 0.1em; color: #fff; position: relative;}
#type .ty-contact-btn .btn-reservation{ background: #995959;}
#type .ty-contact-btn .btn-entry{ background: #aa9674;}
#type .ty-contact-btn a:after {content: ''; background: url(../../images/common/arrow.png) no-repeat top left/100% auto; width: 18px; height: 5px; position: absolute; top: calc(50% - 3px); right: 4%;}
#type .ty-contact-btn .btn-reservation::before { content: url(../../images/common/reserve_btn_left.png); vertical-align: middle; padding-right: 5px; position: absolute; left: -20px; top: -15px; image-rendering: -webkit-optimize-contrast; filter: drop-shadow(1px 2px 1px rgba(0,0,0,0.3));}

/* ============== Media =============== */
@media only screen and (max-width: 897px){
    #type .ty-contact-btn a{ font-size: 2.4vw;}
}

@media only screen and (max-width: 768px){
    #type{padding-top: 12vw;}

    #type .box-type{margin: 0 0 8vw;}

    #type .box-tit{padding: 5vw;}
    #type .box-tit .label{padding: 1vw 3vw;}
    #type .box-tit .label:before{padding: 1vw 0; width: 11vw; left: -11vw;}
	#type .box-tit .new2 {padding: 1vw 0vw;}
    #type .box-tit .tit{margin: 0 0 3vw;}
	#type .box-tit .label.new:before{padding: 1vw 0vw;}
    #type .box-tit .tit p:nth-of-type(1){font-size: 9vw;}
    #type .box-tit .tit p:nth-of-type(1) span{font-size: 3.8vw;}
	#type .box-tit .tit p:nth-of-type(1) span.small{font-size: 9vw;}
    #type .box-tit .tit p:nth-of-type(2){font-size: 5vw;}
    #type .box-tit .info{font-size: 2.6vw;}

    #type .price_sentyaku li{ max-width:100%; position: relative; text-align: left; margin-bottom:1.5em; }
    #type .price_sentyaku li + li::before{ content: none;}
    #type .price_sentyaku li:not(:first-child) {padding-left: 0;}

    #type .price_sentyaku .c2{ font-size: 0.75em; display: inline;}
    #type .price_sentyaku .paytxt br{ display: block;;}

    #type .box-type .inner_type{padding: 10vw 5vw 7vw;}
    #type .box-type .map{margin: 0 0 10vw;}
    #type .box-type .list{margin: 0 0 5vw;}
    #type .box-type .list li{padding: 3vw 4vw; margin: 0 0 3vw !important; width: 100%;}
    #type .box-type .note li:before{width: 5vw; height: 2.4vw;}

    #type .box-type .vr br{display: block;}

    #type .box-btn{width: 85%; margin: 0 auto 12vw}
    #type .box-btn a{font-size: 3.4vw; line-height: 8vw;}

	.bg-white{padding: 8vw 0;}

	.tab-label {padding: 4px 6px;width: calc(100%/2);}

    #type .ty-contact-btn{font-size: 2.4vw;}
    #type .ty-contact-btn ul{display: block;}
    #type .ty-contact-btn ul :nth-child(1){margin-bottom: 20px;}
    #type .ty-contact-btn li{width: 100%;  text-align: center;}
    #type .ty-contact-btn a{ display: block; font-size: 3.4vw; line-height: 80px; letter-spacing: 0.1em; color: #fff; position: relative; line-height: 14.5vw;}
}

@media only screen and (max-width: 457px){
    #type .ty-contact-btn .btn-reservation::before { left: -20px; top: -30px; }
}

@media print {
    header,
    #type .box-btn,
	.bg-white,
	#contact,
    footer{display: none !important;}
	#type .box-tit .label,
	#type .box-tit .label.new:before{display:none !important;}

    #type{padding: 0 !important; margin: 0 !important; background: none !important;}
    #type .box-tit{padding: 10px; letter-spacing: 0;}
    #type .box-tit .label{font-size: 12px; padding: 4px 10px;}

    #type .box-type{margin: 0; box-shadow: none;}
    #type .box-type .inner_type{padding: 20px 0 0;}
    #type .box-type .map{margin: 0 0 20px;}
    #type .box-type .map img{width: 350px;}
    #type .box-type .list{margin: 0 0 10px;}
    #type .box-type .list li{padding: 15px;}
}