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


/* ---------------------------------------------------------------------------------------------

   Footer

--------------------------------------------------------------------------------------------- */
#footer{
	width: 100%;
	padding-bottom: 50px;
	background: transparent !important;
	overflow: hidden;
}

.foot-wrap{
	width: 100%;
	margin: 0 auto;
	border-bottom: 0.5px solid #999;
}

.foot-leftBox{
	float: left;
	width: 25%;
	padding: 75px 0 50px 0;
	border-right: 0.5px solid #999;
}
.foot-rightBox{
	float: right;
	width: 75%;
	padding: 75px 0 50px 0;
}

.foot-contents-wrap80{
	width: 80%;
	margin: 0 auto;
}

@media screen and (max-width:1000px) {

.foot-leftBox{
	float: none;
	width: 100%;
	border-right: 0;
	border-bottom: 0.5px solid #999;
}
.foot-rightBox{
	float: none;
	width: 100%;
}
	
}

@media screen and (max-width:700px) {

.foot-wrap{
	width: 80%;
}
	
.foot-contents-wrap80{
	width: 100%;
}
	
.foot-leftBox{
	padding: 50px 0 50px 0;
}
.foot-rightBox{
	padding: 50px 0 50px 0;/*202410 追加変更*/
}
	
}


/* Foot-leftBox
-----------------------------------------------------------*/
.foot-logo img{
	width: 225px;
	height: auto;
	/*margin:0 auto 125% auto;*/
	margin:0 auto 225% auto;/*202410 追加変更*/
}

.address-box{
	width: 100%;
	text-align: center;
}

.address-box h3,
.foot-rightBox h3{
	font-weight: normal;
	font-size: clamp(16px, 3vw, 20px);
	font-family: 'Noto Serif JP', serif;
	color: #fff;
}

.address-box .text-14{
	font-family: 'Noto Serif JP', serif;
	color: #fff;
}
.address-box .text-18 span{
	font-family: 'Noto Serif JP', serif;
	border-bottom: 0.5px solid #999;
	padding-bottom: 3px;
	color: #fff;
}

@media screen and (max-width:1600px) {/*202410 追加変更*/

.foot-logo img{
	margin:0 auto 250% auto;
}
	
}

@media screen and (max-width:1400px) {/*202410 追加変更*/

.foot-logo img{
	margin:0 auto 275% auto;
}
	
}

@media screen and (max-width:1200px) {

.foot-logo img{
	margin:0 auto 50px auto;
}
	
}


/* Foot-rightBox
-----------------------------------------------------------*/
.villas-guide{
	width: 100%;
	margin-bottom: 75px;
}

.villas-guide li{
	float: left;
	width: 30%;
	margin: 50px 5% 0 0;
	color: #fff;
}
.villas-guide li.villas-Ruri{
	margin: 50px 0 0 0;
}

.villas-guide li img{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.villas-guide li a:hover img{
	opacity: 0.75;
}

.villas-guide h4{
	line-height: 1.5;
	font-family: 'Noto Serif JP', serif;
	font-weight: normal;
	font-size: clamp(12px, 3vw, 16px);
}
.villas-guide li a h4{
	position: relative;
	color: #fff;
}

.foot-rightBox .eg-h3{/*202410 追加変更*/
	font-weight: normal;
	font-size: clamp(16px, 2vw, 20px);
	font-family: 'Libre Baskerville', serif;
	color: #fff;
}

@media screen and (max-width:700px) {
	
.villas-guide{
	margin-bottom: 50px;
}

.villas-guide li{
	width: 48%;
	margin: 50px 0 0 0;
}

.villas-guide li.villas-Byakuroku{
	float: right;
}
.villas-guide li.villas-Futaai{
	float: right;
}

}

.villas-guide li a h4::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: -7.5px;
    left: 0;
    /*線の形状*/
    width: 100%;
    height: 0.5px;
    background:#fff;
    /*アニメーションの指定*/
    transition: all .5s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
}
/*現在地とhoverの設定*/
.villas-guide li.current a h4::after,
.villas-guide li a h4:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}


/* Foot-nav
-----------------------------------------------------------*/
.foot-navBox{
	width: 100%;
	border-bottom: 0.5px solid #999;/*202410 追加変更*/
	padding-bottom: 25px;/*202410 追加変更*/
	margin-bottom: 75px;/*202410 追加変更*/
}

.foot-nav{
	flex-wrap: wrap;
	display: flex;
	justify-content: space-around;
	width: 100%;
}

.foot-nav li{
	text-align: center;
	border-right: 0.5px solid #999;
	width: 16.66%;
	font-size: clamp(10px, 3vw, 14px);
	line-height: 1.5;
}
.foot-nav li.last-nav{
	border-right: 0;
}

.foot-nav li a{
	font-family: 'Noto Serif JP', serif;
	color: #fff;
}

@media screen and (max-width:1200px) {
    
.foot-navBox{/*202410 追加変更*/
	margin-bottom: 50px;
}

.foot-nav{
	flex-wrap: nowrap;
	display: inline-block;
}
	
.foot-nav li{
	text-align: left;
	border-right: 0;
	width: 50%;
	margin-top: 25px;
	font-size: clamp(14px, 3vw, 16px);
}
	
}



/* Group Facilities 202410 追加変更
-----------------------------------------------------------*/
.Group-Facilities{
	width: 80%;
}

.Group-Facilities li{
	float: left;
	width: 30%;
	margin: 50px 5% 0 0;
}

.Group-Facilities .hotel-bn03,
.Group-Facilities .hotel-bn06{
	margin: 50px 0 0 0;
}

.Group-Facilities li img{
	width: 100%;
	height: auto;
}
.Group-Facilities li a:hover img{
	opacity: 0.75;
}

@media screen and (max-width:1600px) {

.Group-Facilities{
	width: 100%;
}
	
}

@media screen and (max-width:1000px) {

.Group-Facilities li{
	width: 47.5%;
	margin: 50px 5% 0 0;
}
	
.Group-Facilities .hotel-bn03{
	margin: 50px 5% 0 0;
}

.Group-Facilities .hotel-bn02,
.Group-Facilities .hotel-bn04,
.Group-Facilities .hotel-bn06{
	margin: 50px 0 0 0;
}
	
}

@media screen and (max-width:500px) {
	
.Group-Facilities{
	width: 70%;
	margin: 0 auto;
}

.Group-Facilities li{
	float: none;
	width: 100%;
	margin: 50px 0 0 0;
}
	
}




/* Copy
-----------------------------------------------------------*/
.copy{
	text-align: center;
	font-size: clamp(8px, 3vw, 12px);
	margin-top: 25px;
	font-family: 'Libre Baskerville', serif;
	color: #fff;
}


/* Foot-back 背景
-----------------------------------------------------------*/
.footer-back{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%; /*1080px*/
	background-image: url(../footer-images/foot-back.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
	overflow: hidden;
}