@charset "utf-8";

.maintitle {
	background:url(../imgs/mainimage.png) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 0;
}
.maintitle + .cap {
	max-width: 1200px;
	text-align: right;
	margin: 0 auto;
	font-size:12px;
	margin-top:5px;
	font-size: 10px;
}
.mainimage {
	margin-top: 50px;
}
.mainimage img {
	width: 100%;
}
rt {
	font-size: 10px;
	letter-spacing: -1.7em;
}
.cap {
	font-size: 10px;
	text-align: right;
}
section > div {
    max-width: 960px;
    margin: 0 auto 30px;
}
.clearfix > .left {
	float: left;
}
.clearfix > .right {
	float: right;
	text-align: center;
}
.ib > div {
	display: inline-block;
}
.container {
	padding-left: 10px;
	padding-right: 10px;
}
.cont01 {
    margin-top: 50px;
    margin-bottom: 50px;
	max-width: 1200px;
	background: #f6f6f6;
	padding: 25px 10px;
}
.cont01 .inner {
	max-width: 960px;
	margin: 0 auto;
}
.cont01 .name {
	/* margin-bottom: 30px; */
	margin-bottom: 20px;
}
.cont01 .name .icon {
	margin-right: 30px;
}

.cont01 .name .spec{
    display: flex;
    align-items: flex-end;
		margin-top: 20px;
    font-size: 16px;
}
.cont01 .name .spec .spec-ldk{
    display: block;
    font-size: 1.8em;
    line-height: 1;
}
.cont01 .name .spec .spec-ldk .big-num {
    font-size: 1.3em;
}
.cont01 .name .spec .spec-sub{
    display: block;
    padding-bottom: 0.2em;
		line-height: 1;
}

.cont01 .specBox {
	position: relative;
}
.cont01 .specBox .box01{
	display: flex;
	flex-direction: column;
	gap: .5em;
}
.cont01 .specBox .spec-data{
    display: grid;
    grid-template-columns: auto 1fr;
		align-items: end;
		column-gap: .5em;
		row-gap: .5em;
    font-size: 14px;
    text-align: left;
}
.cont01 .specBox .spec-data dd .big-num{
	font-size: 1.3em;
	line-height: 1;
}
.cont01 .specBox .spec-data-ss{
    display: flex;
    gap: .3em;
    font-size: 14px;
    text-align: left;
}
.cont01 .specBox .spec-data-ss dd::after{
    content: "｜";
    padding-left: 0.3em;
}
.cont01 .specBox .spec-data-ss dd:last-child::after{
    content: none;
}

.cont01 .specBox .price {
	position: absolute;
	bottom: 0;
	right: 0;
}
.cont01 .specBox .price .price-data{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
.cont01 .specBox .price .price-data dd .price-num {
	font-size: 2em;
	line-height: 1;
}
.cont01 .specBox .price .price-caption {
	font-size: 11px;
	color: #000;
}

.cont01 .checkpoint {
	margin-top: 30px;
	background: #fff;
	padding: 30px;
}
.cont01 .checkpoint .left {
	margin-right: 20px;
}
.cont01 .checkpoint .right {
	max-width: 750px;
	font-size: 16px;
	color: #157ea9;
}
.cont01 .checkpoint .ib > div {
	vertical-align: top;
}
.cttl {
    background: #157ea9;
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
	margin-top: 15px;
}
.cont02 {
	margin-bottom: 80px;
}
.cont02 .textBox {
	margin-bottom: 40px;
}
.cont02 .textBox li:before {
	margin-right: 10px;
}
.cont02 .textBox li:nth-child(1)::before {
	content: '1.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(2)::before {
	content: '2.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(3)::before {
	content: '3.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(4)::before {
	content: '4.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(5)::before {
	content: '5.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(6)::before {
	content: '6.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(7)::before {
	content: '7.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(8)::before {
	content: '8.';
	font-weight: bold;
}
.cont02 .textBox li:nth-child(9)::before {
	content: '9.';
	font-weight: bold;
}
.cont02 .textBox li span {
	color: #b4914e;
}
.cont02 .textBox li span.ls {
    color: #4f4f4f;
    letter-spacing: -0.6em;
}
.mapBtn {
    text-align: center;
    margin-bottom: 80px;
}
.mapBtn .ib div:first-child {
    margin-right: 2.5%;
}
.mapBtn a img {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.mapBtn a:hover img {
    opacity: .8;
}
.checkpoint .ib span {
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.cont01 .specBox .price {
		position: static;
		margin-top: 30px;
	}
	.cont01 .checkpoint .right {
		font-size: 16px;
	}
	.cont01 .name .icon {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 599px) {
	.cont01 .name .spec{
			font-size: 3.8vw;
	}
	.cont01 .specBox .box01 {
		flex-direction: column;
		align-items: flex-start;
		gap: .5em;
	}
	.cont01 .specBox .box01 .spec-data{
		font-size: 3.6vw;
	}
	.cont01 .specBox .box01 .spec-data-ss{
		font-size: 3.6vw;
	}
	.cont01 .specBox .price .price-data {
		justify-content: flex-start;
		font-size: 4vw;
	}

	.mapBtn .ib div:first-child {
			margin-right: 0;
			margin-bottom: 20px;
	}
	.mapBtn {
			margin-bottom: 30px;
	}
	.mapBtn .ib .left {
		display: none;
	}
	.mttl {
		text-align: center;
	}
}

.cv {
    letter-spacing: -.4em;
    text-align: center;
}
.cv div {
    letter-spacing: normal;
    display: inline-block;
    font-size: 16px;
}
.cv div a {
    display: block;
    padding: 15px 140px;
    color: #fff;
}
.cv div a:hover {
    color: #fff;
}
.cv div.req {
    margin-right: 60px;
	background: rgba(21,126,169,1);
    transition: all .3s ease-in-out;
}
.cv div.res {
	background: rgba(0,48,68,1);
	transition: all .3s ease-in-out;
}
.cv div.req:hover {
	background: rgba(21,126,169,.6);
    transition: all .3s ease-in-out;
}
.cv div.res:hover {
	background: rgba(0,48,68,.6);
	transition: all .3s ease-in-out;
}

.cv div i {
	margin-right: 15px;
	vertical-align: middle;
}
.cv div span {
	vertical-align: middle;
}
.mapBtn {
    text-align: center;
    margin-bottom: 60px;
}
.mapBtn .ib div:first-child {
    margin-right: 2.5%;
}
.mapBtn .ib div {
	width: 205px;
}
.mapBtn a {
	background: #898989;
	color: #fff;
	display: block;
	border: 1px solid #898989;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
	font-size: 16px;
	padding: 15px 0;
}
.mapBtn a i {
	margin-right: 15px;
	font-size: 20px;
}
.mapBtn a:hover {
	background: #fff;
	color: #898989;
}
i.fa-angle-up {
	vertical-align: top;
	margin-top: 3px;

}

#btnArea {
	border: none;
}
#btnArea .cv {
	border: none;
}
#btnArea .inner {
	width: 100%;
	margin: 0 auto 50px;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
#btnArea .inner > div {
	max-width: 47%;
}
.cv div.req {
	margin-right: 4%;
}

@media only screen and (max-width: 959px) {
#btnArea .inner > div {
	max-width: 100%;
	width: 100%;
}
#btnArea .inner > div a {
	padding: 15px 0;
}
.cv div.req {
	margin-bottom: 15px;
}

}
.bx-pager {
	letter-spacing: -.4em;
}
.bx-pager a {
	display: inline-block;
	letter-spacing: normal;
	width: 24%;
}


@media print {
	header ,
	.pinch ,
	.mapBtn ,
	#btnArea ,
	footer .fNav ,
	.pagetop ,
	.bnrArea ,
	.company ,
	.copy {
		display: none;
	}
	.maintitle {
		margin-top: 0;
	}
	.cont01 {
		margin-bottom: 20px;
	}

}

.imageArea img:first-child{
	margin-bottom: 20px;
}

.col02_02 .ib > div, .col02_02 .clearfix > div {
	width: 50%;
}

.col02_02 .ib .left, .col02_02 .clearfix div.left {
	width: 48.4375%;
}

.col02_02 .ib .left, .col02_02 .clearfix .left {
	margin-right: 1.5625%;
}

.col02_02 .clearfix .left .comment{
	display: flex;
	justify-content: center;
}

.col02_02 .roomtour{
	margin-top: 40px;
}
.col02_02 .roomtour .mttl{
	text-align: center;
	font-size: 32px;
}
.col02_02 .roomtour .movie video{
	width: 100%;
	aspect-ratio: 16/9;
}

#btnArea .banner{
	margin-top: 30px;
}
#btnArea .banner a{
	padding: 0;
	transition: opacity .3s;
}
#btnArea .banner a:hover{
	opacity: .7;
}

#pickup{
	margin-bottom: 60px;
}
#pickup .mttl{
	text-align: center;
	font-size: 32px;
}
#pickup .center-item{
	overflow: visible;
}
#pickup .center-item li{
	margin-left: 10px;
	margin-right: 10px;
}
#pickup .center-item li a{
	transition: opacity .3s;
}
#pickup .center-item li a:hover {
	opacity: .7;
}
#pickup .slick-prev{
	left: -16px;
}
#pickup .slick-next{
	right: -16px;
}

@media only screen and (max-width: 959px){
	#pickup .inner {
			padding-left: 30px;
			padding-right: 30px;
		}
}

@media only screen and (max-width: 599px){
.col02_02 .ib > div, .col02_02 .clearfix > div {
    width: 100%;
    display: block;
    margin-bottom: 50px;

}
.col02_02 .ib .left, .col02_02 .clearfix div.left {
	width: 100%;
}

.col02_02 .clearfix{
	display: grid;
}
.col02_02 .clearfix .left{
	order: -1;
	margin-bottom: 40px !important;
}

.col02_02 .roomtour{
	margin-top: 0;
}

.col02_02 .roomtour .mttl{
	font-size: 20px;
}
#pickup .mttl{
	font-size: 20px;
}

}

@media screen and (max-width:599px) {
	.cont01 {
		margin-top: 30px;
	}
}