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


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

   Footer

--------------------------------------------------------------------------------------------- */
.foot-top-line{
	width: 100%;
	height: 75px;
	background: url(../footer-images/dark-mosaic.png) repeat-x 0 0;
	margin-top: -75px;
	position: relative;
	z-index: 1;
}

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

.foot-top-line{
	height: 50px;
	margin-top: -50px;
}
	
}


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



#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 100px 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:750px) {

.foot-wrap{
	width: 80%;
}
	
.foot-contents-wrap80{
	width: 100%;
}
	
.foot-leftBox{
	padding: 50px 0 50px 0;
}
	
}


/* Foot-leftBox
-----------------------------------------------------------*/
.foot-logo img{
	width: 255px;
	height: auto;
	margin:0 auto 55% auto;
}

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

.address-box .jp-h3,
.foot-rightBox .jp-h3{
	font-weight: normal;
	font-size: clamp(16px, 2vw, 20px);
	color: #fff;
}
.foot-rightBox .eg-h3{
	font-weight: normal;
	/*font-size: clamp(18px, 2vw, 24px);*/
	font-size: clamp(16px, 2vw, 20px);
	font-family: 'Libre Baskerville', serif;
	color: #fff;
}
.foot-rightBox .eg-h3 span{
	font-weight: normal;
	color: #fff;
}

.address-box .text-14{
	color: #fff;
}
.address-box .text-18 span{
	padding-bottom: 3px;
	color: #fff;
}

.address-box .fax span{
	border-bottom: 0.5px solid #999;
}

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

.foot-logo img{
	width: 100%;
}
	
}

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

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

/* Instagram
------------------------------*/
.instagram{
	width: auto;
}
.instagram:hover{
	opacity: 0.75;
}

.fa-instagram{
	color: #fff;
	font-size: 36px;
	text-align: center;
	margin: 25px auto 0 auto;
}




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

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

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

.room-guide h4{
	line-height: 1.5;
	font-weight: normal;
	font-size: clamp(12px, 2vw, 16px);
}
.room-guide li a h4{
	position: relative;
	color: #fff;
}

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

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

.room-guide li:nth-child(2n) {
	float: right;
}

}

.room-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の設定*/
.room-guide li.current a h4::after,
.room-guide li a h4:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
}


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

.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: 20%; /*14.28%*/
	margin-top: 10px;
	font-size: clamp(10px, 2vw, 14px);
	line-height: 1.5;
}
.foot-nav li.last-nav{
	border-right: 0;
}

.foot-nav li a{
	color: #fff;
}

@media screen and (max-width:750px) {
	
.foot-navBox{
	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, 2vw, 16px);
}
	
}


/* Group Facilities
-----------------------------------------------------------*/
.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, 2vw, 12px);
	margin-top: 25px;
	font-family: 'Libre Baskerville', serif;
	color: #fff;
}