@charset "utf-8";





.close_info{
margin-bottom: 20px;padding: 10px;border: 1px solid #fff;color: #fff;
}
.close_info p{padding:5px 0;}

/* ========================================================
	index.css => トップページ用css
======================================================== */



/* ヘッダー
============================================================================================================ */
#header {
	padding-bottom: 80px;
}

/* head_bnr
============================================================================================================ */
.head_bnr {
	margin-top: 0;
	margin-bottom: 30px;
	zoom: 1;
	width: 920px;
}
.head_bnr:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.head_bnr li {
	float: left;
}

/* wrap
============================================================================================================ */
.wrap {
	margin-bottom: 15px;
	width: 920px;
	zoom: 1;
}
.wrap:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.wrap .right {
	float: right;
	width: 679px;
	margin: 0;
	padding: 0;
}
.wrap .fl{
	width: 226px;
}

/* concierge
-------------------------------------------------------------------------- */
.concierge {
	float: left;
}

/* rooms
-------------------------------------------------------------------------- */
.rooms {
	float: right;
	width: 711px;
	background: url(../images/rooms_bg.jpg) no-repeat;
}
.rooms ul {
	zoom: 1;
}
.rooms ul:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
.rooms ul li {
	float: left;
	padding-right: 15px;
}
.rooms ul li.last {
	float: left;
	padding-right: 0;
}

/* restaurant
-------------------------------------------------------------------------- */
.restaurant {

	width: 226px;
	/*height: 417px;*/
	padding-bottom: 10px;
	background: url(../images/restaurant_bg.jpg) no-repeat;
}
.restaurant ul {
	/*margin-top: 38px;*/
	/*margin-top: 40px;*/
	/*padding-bottom: 166px;*/
	padding-bottom: 20px;
	margin-top: 50px;

}
/*
.restaurant ul {
	margin-top: 20px;
}


.restaurant ul {
	margin-top: 18px;
}
*/
.restaurant li {
	/*margin-top: 23px;*/
	margin-top: 15px;
}

/* bnr
-------------------------------------------------------------------------- */
.wrap .bnr li {
	padding-bottom: 15px;
}

.wrap .bnr li.last {
	padding-bottom: 0px;
}
#news p a {
	padding-left: 15px;
	background: url(../common/images/parts/link_arrow.gif) no-repeat left;
}







.information0055{
margin: 10px 15px 15px 15px;
/*background-image: url("../common/images/parts/topbginfo.jpg");
background-repeat: repeat-y;
background-position: left top;
padding: 20px;*/
color: #9f9fa0;
}

.information0055 a:link{
color: #9f9fa0;
}



.information0055 p.info2line{
	text-indent: -6em;
	margin-left: 6em;
}

.top_planborder{
	border: 1px solid #fff;
	padding: 20px 15px ;
	margin-bottom: 30px;
}

.top_planborder .stayplanbox66  div.area01{
float: left;
width: 285px;
margin-right: 18px;
}
.top_planborder .stayplanbox66  div.area02{
float: left;
width: 285px;
margin-right: 18px;
}
.top_planborder .stayplanbox66  div.area03{
float: left;
width: 280px;
margin-right: 0px;
}

.top_planborder .tit_plan{
text-align: center;
background-color: #977f54;
font-size: 16px;
font-weight: 600;
padding: 2px 0;
margin-bottom: 2px;
color: #150201;
letter-spacing: 0.05em;
}



.gv_bnr_area{
text-align: center;
}

.fl_bnr{
float:left ;
}



.btn_voice{
display: block;
}


a.voice_review {
    display: block;
}
a span.btn_voice {
    text-align: center;
    display: block;
    padding: 2px 0 5px 0;
    background-color: #977f54;
    color: #fff;
    margin-bottom: 0px;
    border: 1px solid #977f54;
    font-size: 13px;
}
a:hover span.btn_voice {
    text-align: center;
    display: block;
    padding: 2px 0 5px 0;
    background-color: #fff;
    color: #977f54;
}

a.news_btn {
	margin-top: 10px;
	display: block;
	width: 20%;
}


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

a.voice_review {
    display: block;
    width:90%;
    margin:0 auto;
}
a span.btn_voice {
    text-align: center;
    display: block;
    padding: 10px 0 5px 0;
    background-color: #977f54;
    color: #fff;
    margin-bottom: 20px;
    border: 1px solid #977f54;
}
 a:hover span.btn_voice {
    padding: 10px 0 5px 0;
    background-color: #fff;
    color: #977f54;
}
}
.mt08 {
    margin-top: 8px;
}

.wgvp {
    width: 680px;
    padding-top: 7px;
}

/* corona 終わったら消す
-------------------------------------------------------------------------- */
.corona {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.corona__item {
	width: calc(25% - 20px);
	padding: 10px;
}

.corona__item img {
	width: 100%;
	height: auto;
}

.corona-bnr {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.corona-bnr a {
	display: block;
	width: 49%;
}

.corona-bnr a img {
	width: 100%;
}

.corona-bnr a:hover {
	opacity: 0.7;
	transition: opacity 0.4s ease-out;
}

.corona-bnr--01 a {
	width: 100%;
}



@media screen and (min-width: 768px){
	.sp-only {
		display: none !important;
	}
}


/* 2025-08-28追記 */
.h_sns_wrap,
a[href*="/english/"],
#nav,
#mainArea,
.wrap,
#footer {
	display: none;
}
#container {
	margin: 0 auto;
	padding: 0;
}
#temporarily-closed {
	width: auto;
    height: auto;
    margin: 5% auto;
    padding: 5% 5%;
    color: #000;
    background-color: #ffffff;
	a {
		color: #000;
	}
}
@media screen and (max-width: 768px){
	div {
		width: auto !important;
	}
	#container {
		width: 100%;
	}
	#temporarily-closed {}

	#texts {
		margin: 0 10px;
	}
	div.granvista div.footlogo_l {
		float: none;
		text-align: center;
	}
	.footlogo_r {
		display: flex;
		justify-content: center;
		a {
			margin: 0 !important;
		}
	}

}
/* //2025-08-28追記 */