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


/* PCサイト：画面幅が1024px以上の場合 */
@media screen and (min-width: 1024px) {




.nonePC {display:none !important}



.br-pc { display:block; }
.br-sp { display:none; }

.pc { display: block !important; }
.sp { display: none !important; }







/*///////////////////////////////////////////////


ベース・共通項目


///////////////////////////////////////////////*/


body{
	letter-spacing: 0.05em;
	margin:0;
	padding:0;
	line-height:200%;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	overflow-x: hidden;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	}


/* ページトップへ戻る */
#pageTop {
 	position: fixed;
 	bottom: 30px;
 	right: 30px;
 }
 
 

 
div.whitebox{
	width:1000px;
	height:auto;
	background-color:#FFF;
	margin:5% auto;
	padding:40px 50px;
	}
	
	

p.center{
	text-align:center;
	}


 


/*///////////////////////////////////////////////


タイトル


///////////////////////////////////////////////*/





h2 {
  position: relative;
  
  font-size:200%;
  letter-spacing:0.3em;
  width:72%;
  margin:3% auto;
  padding:2% 0;
	line-height: 180% !important;
	text-align: center !important;
}

h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4em;
  padding: 0 1em;
  background-color: #fff;
  text-align: center !important;
  font-weight:normal;
}
h2::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
  background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

p.txtjp{
	text-align:center;
	font-size:115%;
	letter-spacing:0.1em;
	margin-top:-3%;
	display:block
	}

.googleindoorview{
	font-size:250%;
	line-height:140%;
	text-align:center !important;
	}



p.pricetabletxt{
	text-align:center;
	line-height:190%;
	}



p.title_difference{
	background-color:#EFEAD3;
	padding:3%;
	width:1130px;
	margin:5% auto;
	font-size:140%;
	letter-spacing:0.3em;
	text-align:center;
	}



p.hoskutxt{
	font-size:105% !important;
	line-height:200%;
	text-align:left;
	}









/*///////////////////////////////////////////////


ヘッダ


///////////////////////////////////////////////*/


header{
	width:100%;
	background:#FFF;
	border-bottom:1px solid #ddd;
	}

div.headtitle{
	width:1200px;
	margin:0 auto 0 auto;
	}

header h1 img{
	height:auto;
	padding:0;
	margin:-1.4% 0 0 0;
	float:left;
	}

header p.headcopy{
	font-size:70%;
	margin:7px 20px 0 20px;
	float:left;
	}



header ul.headicon li{
	display:inline-block;
	margin:0 0.2%;
	}


header ul.headbtn{
	margin:-75px 0 0 0;
	float:right;
	}

header ul.headbtn li{
   display: table-cell;
	}





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

 * フェードナビゲーション
 
 * -------------------------------------------- */


#header2 {
    position: fixed;
    width: 100%;
	margin:-90px auto 0 auto;
	
	background-color: #ffffff !important;
	border-bottom:1px solid #ddd;
	z-index: 1000000 !important;
	overflow-y:hidden;
	height: 84px;
	}



div.fadenavi{
	width:1200px;
	background-color: #fff;
	height: auto;
	margin: 0 auto;
	}
	

div.fadenavi ul.fade li.firstchild img{
	display:inline-block;
	width:80%;
	height:auto;
	margin-top:2%;
	margin-left:-10%;
	}
	


div.fadenavi ul.fade li{
	display:inline-block;
	margin:0 0 0 14px;
	vertical-align:middle
	}


div.fadenavi ul.fade li a{
	color:#333
	}



div.fadenavi ul.fade li.lastchild img{
	margin-top:-5px;
	margin-left:4px;
	}




/*ヘッダーアンカー調整*/

#contacttitle{
	padding-top: 80px;
    margin-top: -80px;
	}



	.fadenaviimg img{
		margin-left: -34px;
		margin-top: -10px;
		display: block
	}
	
	
	




/*///////////////////////////////////////////////


メイン画面


///////////////////////////////////////////////*/


section.mainbox{
	width:100% !important;
	height:565px;
	margin-top:-10px !important;
	display:block;
	}


p.mainlogo{
	z-index:100;
	position:relative;
	margin-top:150px;
	text-align:center
	}









/*///////////////////////////////////////////////


001:予約ナビゲーション


///////////////////////////////////////////////*/


.reservationbox{
	width:100%;
	height:auto;
	overflow: hidden;
	text-align:center;
	background:url(../images/bg_reservation.jpg) repeat;
	padding: 20px 0;
	}

p.sample_reservation{
	margin-top:20px;
	}

.reservationbox .reserv_daina{
    background: #fff;
    width: 1150px;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.reservationbox .reserv_daina .rv_flexbox{
    display: flex;
    justify-content: center;
    font-size: 13px;
}


.reservationbox .reserv_daina .rv_title{
    border-right: 1px solid #a08f85;
    padding: 7px 40px 0 0;
}

.reservationbox .reserv_daina .rv_box01{
    margin-left: 40px;
    margin-right: 40px;
}
.reservationbox .reserv_daina .rv_box01 h4{
    margin: 0;
}
.reservationbox .reserv_daina .rv_innr01,
.reservationbox .reserv_daina .rv_innr01 li,
.reservationbox .reserv_daina .rv_innr02,
.reservationbox .reserv_daina .bookingDate,
.reservationbox .reserv_daina .dynDispunit
{
    display: flex;
}
.reservationbox .reserv_daina .rv_innr01{
    margin-top: 5px;
}
.reservationbox .reserv_daina .rv_innr01 h4{
    font-weight: normal;
    margin-right: 10px;
}
.reservationbox .reserv_daina .rv_innr01 .bookingNights{
    margin-left: 10px;
    margin-right: 10px;
}
/*
.reservationbox .reserv_daina .rv_innr01 .bookingNights:before{
    content: "Nights";
    margin-right: 5px;
    margin-left: 10px;
}
*/
.reservationbox .reserv_daina .rv_innr01 input{
    margin-right: 5px;
    margin-left: 5px;
    background: #f4f0e4;
	box-sizing: border-box;
	border: none;
	border: 1px solid #dddddd;
	padding-left: 10px; 
	min-width: 60px;
}
.reservationbox .reserv_daina .rv_innr01 .dynPersons{
    margin-left: 15px;
}
.reservationbox .reserv_daina .rv_innr01 select{
    margin-right: 5px;
}

.reservationbox .reserv_daina .rv_innr02{
    margin-top: 10px;
}
.reservationbox .reserv_daina .rv_innr02 span{
    margin-right: 15px;
}
.reservationbox .reserv_daina .buttonSubmit{
    display: block;
    background: url(../images/bg_reservation.jpg) repeat;
    border: 3px solid #cd9933;
    font-size: 18px;
    letter-spacing: 3px;
    padding: 0;
    color: #fff;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	width: 150px;
	height: 46px;
	line-height: 23px;
    transition: .3s;
}
.reservationbox .reserv_daina .buttonSubmit:hover{
     filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.reservationbox .reserv_daina .buttonCancel{
    background: none;
    background: url(../images/mrk_link.png) no-repeat 0 center;
    border: none;
    text-decoration: underline;
    margin-top: 6px;
    letter-spacing: 2px;
    padding-left: 12px;
}
.reservationbox .reserv_daina .buttonCancel:hover{
    text-decoration: none;
}



/*///////////////////////////////////////////////


002:グローバルナビゲーション


///////////////////////////////////////////////*/


section.gnavbox{
	width:100%;
	height:auto;
	background:url(../images/bg_gnav.jpg) repeat;
	margin-top:3px;
	}



section.gnavbox ul.gnavi{
	width:1200px;
	padding:0;
	margin:0 auto;
	}


section.gnavbox ul.gnavi li{
	display: table-cell;
	padding:0;
	margin:0;
	vertical-align:top !important;
	}






/*///////////////////////////////////////////////


003:ニュース


///////////////////////////////////////////////*/




section.newsbox{
	width:100%;
	overflow:hidden;
	background:url(../images/bg_news.jpg) repeat;
	background-size:cover;
	padding:0;
	margin-top:-7px;
	overflow: hidden;
	}


div.whitebox{
	width:1100px;
	height:auto;
	overflow:hidden;
	padding:3% 3% 5% 3%;
	border:1px solid #eee;
	}



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

 * ニュース3件
 
 * -------------------------------------------- */


div.newsLbox{
	width:450px;
	float:left;
	margin-left:50px;
	}


dl.news,dt,dd{
	padding:0;
	margin:3% 0;
	font-size:105%;
	}

dl.news dt{
	letter-spacing:0.2em;
	display:inline-block;
	}
	
dl.news dd{
	display:inline-block;
	letter-spacing:0.2em;
	margin-left:5px;
	border-bottom:1px dotted #41200A !important;
	}

p.btnnewslist a{
	padding:5% 25%;
	background-color:#41200A;
	color:#FFF;
	margin:30px 0 0 40px;
	display:inline-block;
	text-align:center;
	font-size:120%;
	letter-spacing:0.2em;
	}


div.newsRbox{
	width:500px;
	float:left;
	text-align:right;
	}


	
	
span.newsCategory img{
	vertical-align:top
	}
	
	
	




/*///////////////////////////////////////////////


004:宿泊プラン


///////////////////////////////////////////////*/



section.planbox{
	width:100%;
	overflow:hidden;
	background:url(../images/bg_reservation.jpg) repeat;
	padding:0;
	margin-top:-7px;
	overflow: hidden;
	}


.contentsitem-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contentsitem-box {
	padding:0 1%;
	margin-top:2%;
	width: 30%;
	background-color: #F5EDE0;	
}



.contentsitem-box dl.planinfo{
	background-color:#FFF;
	padding:3%;
	line-height:220%;
	letter-spacing:2px;
	}


.contentsitem-box dl.planinfo dt.photo img{
	width:100% !important;
	}


.contentsitem-box dl.planinfo dd.titile{
	font-weight:bold !important;
	border-bottom:1px dotted #41200A !important;
	}



p.btnplanlist a{
	background-color:#41200A;
	color:#FFF;
	width:300px;
	margin:5% auto !important;
	padding:3%;
	display:block;
	text-align:center;
	font-size:120%;
	letter-spacing:0.2em;
	}



	


/* ------------------------------
   loopSlider
------------------------------ */




#container {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
}

#loopslider {
	margin: 70px auto 0% auto;
	width: 100%;
	height: 360px;
	text-align: left;
	position: relative;
	overflow: hidden;
	
}

#loopslider ul {
	width: 100%;
	height: 360px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 380px;
	height: 300px;
	float: left;
	display: inline;
	overflow: hidden;
	margin:0;
	padding: 0;
	border: 0;
	text-align: center;
}

	
	#loopslider ul li img{
		
		width: 95%;
		height: auto
	}	
	
	
	
	
	
	

/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

	
	
	
	
	
	
	
	
	


/*///////////////////////////////////////////////


005:ガーデンスクエア5つの魅力


///////////////////////////////////////////////*/



section.charmbox{
	width:100%;
	overflow:hidden;
	background:url(../images/bg_charm5.jpg) repeat;
	background-size:cover;
	padding:0;
	overflow: hidden;
	}



ul.charm li{
	display:inline-block
	}






/*///////////////////////////////////////////////


006:googleインドアビュー


///////////////////////////////////////////////*/



section.googlebox{
	width:100%;
	overflow:hidden;
	background-color:#F5F2E7;
	padding:0;
	overflow: hidden;
	
	}




	
	



/*///////////////////////////////////////////////


007:朝食


///////////////////////////////////////////////*/



section.breakfastbox{
	width:100%;
	overflow:hidden;
	background:url(../images/bg_breakfast.jpg) repeat;
	background-size:cover;
	padding:0;
	overflow: hidden;
	}




dl.breakfast{
	width:540px;
	float:left;
	margin:0px 90px 0 30px;
	}


dl.breakfast dt.breaktitle{
	font-size:200%;
	}

span.breakenglish{
	font-size:60%;
	margin-left:2%;
	}

dl.breakfast dd.breaktxt{
	line-height:240%;
	text-align: justify; // Required for IE and Edge 
text-align-last: right;
	}


p.breakphoto{
	margin:50px 0 0 0;
	}



p.breakfastbtn a{
	background-color:#41200A;
	color:#FFF;
	width:300px;
	margin:5% auto !important;
	padding:6% 4%;
	display:block;
	text-align:center;
	font-size:120%;
	letter-spacing:0.2em;
	}







/*///////////////////////////////////////////////


008:サービス案内


///////////////////////////////////////////////*/



section.servicebox{
	width:100%;
	overflow:hidden;
	background-color:#FFF;
	padding:0;
	overflow: hidden;
	}


ul.servicemenu{
	text-align:center;
	margin-left:-2%;
	}



ul.servicemenu li{
	display:inline-block;
	margin:2%;
	}






/*///////////////////////////////////////////////


009:アクセス


///////////////////////////////////////////////*/


section.accessbox{
	background-color:#FFF;
	}


dl.access{
	text-align:center;
	line-height:130%;
	padding:2%;
	letter-spacing:0.2em;
	}


dl.access dt{
	font-size:130%;
	font-weight:bold;
	letter-spacing:0.2em;
	}


dl.access dt.train{
	background:url(../images/tran.svg) no-repeat;
	background-size:20px;
	}

.trainsvg{
	vertical-align:bottom;
	margin:0 10px 0 5px;
	}

.traincar{
	vertical-align:bottom;
	margin:0 10px 0 5px;
	}



.googlemaps {
position: relative;
padding-bottom: 30%; // これが縦横比
height: 0;
overflow: hidden;
}

.googlemaps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}



ul.accessinfobtn{
	text-align:center
	}




ul.accessinfobtn li{
	display:inline-block;
	margin:5% 1%;
	}

ul.accessinfobtn li a{
	color:#FFF;
	font-size:120%;
	letter-spacing:0.1em;
	display:block;
	padding:10% 0;
	width:350px;
	text-align:center;
	background-color:#41200A;
	}






/*///////////////////////////////////////////////


010:フッター


///////////////////////////////////////////////*/



footer{
	background-color:#F5F0EA;
	text-align:center;
	border-top:5px solid #41200A;
	}



footer dl.foooterinfo{
	padding:4% 0;
	line-height:250%;
	}

footer dl.foooterinfo dt,dd{
	padding:0;
	margin:0;
	}


footer dl.foooterinfo dt img{
	width:14%;
	height:auto
	}


ul.footerbtn li{
	display:inline-block;
	margin:-2% 1% 0 0;
	}

ul.footerbtn li a{
	color:#FFF;
	font-size:120%;
	letter-spacing:0.1em;
	display:block;
	padding:10% 0;
	width:350px;
	text-align:center;
	background-color:#41200A;
	}


ul.footicon{
	margin-left:-1%;
	}


ul.footicon li{
	display:inline-block;
	margin:3% 0.7%;
	}



ul.footicon_sns{
	margin:30px 0 30px -30px;
	text-align:center;
	}


ul.footicon_sns li{
	display:inline-block;
	width:5%;
	margin:1% 0;
	}






ul.footicon_company li{
	display:inline-block;
	margin:0% 0.7% 5% 0.7%;
	}




div.footsubbtn{
	background-color:#FFF;
	padding:2%;
	}


div.footsubbtn ul.footsub li{
	display:inline-block;
	margin:0 2%;
	}



div.copylightbox{
	background-color:#41200A;
	color:#FFF;
	padding:4% 0;
	letter-spacing:0.2em;
	}










/*///////////////////////////////////////////////


微調整css


///////////////////////////////////////////////*/


.mt10{
	margin-top:10px!important;
	}

.mt20{
	margin-top:20px;
	}

.mt30{
	margin-top:30px;
	}

.mt40{
	margin-top:40px;
	}

.mt50{
	margin-top:50px !important;
	}

.mtblock20{
	margin-top:20px !important;
	display:block !important;
	}


.mt60{
	margin-top:60px;
	}

.mt70{
	margin-top:70px;
	}

.mt80{
	margin-top:80px;
	}

.mt90{
	margin-top:90px;
	}

.mt100{
	margin-top:100px !important;
	}

.mt120{
	margin-top:120px;
	}




.mtm5{
	margin-top:-0px !important;
	}

.mtm10{
	margin-top:-10px;
	}

.mtm20{
	margin-top:-20px !important;
	}

.mtm25{
	margin-top:-25px !important;
	}

.mtm30{
	margin-top:-30px !important;
	}

.mtm40{
	margin-top:-40px !important;
	}
	
.mtm50{
	margin-top:-50px !important;

	}
	
.mtm60{
	margin-top:-60px !important;
	}
	
.mtm70{
	margin-top:-70px;
	}

.mtm80{
	margin-top:-80px;
	}

.mtm90{
	margin-top:-90px;
	}

.mtm100{
	margin-top:-100px;
	}


.mb100{
	margin-bottom:100px !important;
	}

.ml10{
	margin-left:10px;
	}

.ml20{
	margin-left:20px;
	}

.ml30{
	margin-left:30px;
	}

.ml40{
	margin-left:40px;
	}


.ml50{
	margin-left:50px !important;
	}
	



.ml100{
	margin-left:100px;
	}




.pb100{
	padding-bottom:100px !important;
	}




.mb100{
	margin-bottom:100px !important;
	}
	

.mb200{
	margin-bottom:200px !important;
	}


.mb300{
	margin-bottom:300px !important;
	}

	
	











/*///////////////////////////////////////////////


メガドロップメニュー


///////////////////////////////////////////////*/


p.megalogo{
	margin-left:3%;
	}


.pc-nav .Wrap {
  position: absolute;
  left: 0;
  margin-top:-6px;
  z-index: 100;
  overflow: hidden !important;
  display: none;
  width: 100%;
  background: rgba(0,0,0,0.6);
  height: 100%;
    z-index:10000 !important;
}

.Wrap .wrapInner {
  margin: 50px auto 0;
  width: 1000px;
  height: auto;
  overflow:hidden;
  background: #FFF;
  border-radius:5px;
  padding:2% 2%;
}

.pc-nav ul li:hover:after{
  display:block;
  content: "";
  position: absolute;
  margin-left: 5%;
  z-index: 1000;
}


ul.megamenu{
	padding:0;
	margin:0;
	}


div.megalistbtn{
	float:left;
	margin:0 4%;
	}


div.megalistbtn a{
	color:#630;
	line-height:180%;
	}



.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}

.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.arrowicon::before{
    left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #630;
    border-right: 1px solid #630;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}











}