@charset "UTF-8";

html,body {
	width:100%;
	min-width:1280px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	height:auto;
}

html {
	overflow-y: scroll;
}

body {
	margin:0;
}
#globalNavi .button h1 {
	width: 300px;
	margin: 0px;
	padding: 0px;
	height: 60px;
	display: block;
	float: left;
}
h2 {
	margin: 0px;
	padding: 0px;
}




#wrapper {
	width:100%;
	height:100%;
}

	
img {border:none;
}

p {
	color:#000;
	line-height: 1.8em;
	font-size: 16px;
	margin:0;
	clear: both;
	}
	.pink {
	color: #FF9999;
	}
	.red {
	color: #FF0000;
    }
	.gray {
	color: #CCCCCC;
	}
	.yellow {
	color: #EBE1B6;
	}
	.white {
	color: #FFFFFF;
	}
	.brown {
	color: #550000;
	}
	.green {
	color: #009900;
	}
	.orange {
	color: #CC6666;
	}
	.blue {
	color: #1573A1;
	}
	.navy {
	color: #2B4666;
	}
	.purple {
	color: #CC0099;
	}
	
a:link {
	color: #336699;
}
a:visited {
	color: #336699;
}
a:hover {
	color: #336699;
}
a:active {
	color: #336699;
}

a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: .8;
	-moz-opacity: .8;
	} 

/* Style_text
--------------------------------------------------- */
.small {font-size:13px}
.large {font-size:18px}
.big {font-size:20px}



 /*Header
-----------------------------------------------------------------------------*/


 #header_wrap {	
	width:100%;
	min-width: 1280px;
	height:100px;
	bottom:0;
	*zoom: 1;
	position: absolute;
	z-index:2;
	box-shadow:0 3px 5px #000;
    -webkit-box-shadow:0 3px 5px #000;
    -moz-box-shadow:0 3px 5px #000;
}

/* グローバルナビ 
-----------------------------------------------------------------------------*/

#Navi_wrapper {
	width:100%;
	min-width: 1280px;
	height:100px;
	background-color:#FFF;
	box-shadow:0 3px 5px #999;
    -webkit-box-shadow:0 3px 5px #999;
    -moz-box-shadow:0 3px 5px #999;
	z-index:100;
}

#globalNavi {
	width:1280px;
	height:100px;
	margin:0px auto;
}
  
#globalNavi .sub{
	float:left;
	height:40px;
}

#globalNavi .button{
	float:left;
	height:60px;
	margin:0;
}




/*#globalNavi ul {
    display: flex;
    background: #333;
    border-radius: 4px;
    flex-flow: row;
    justify-content: space-around;
    list-style-type: none;
    margin: 0 auto;
    padding: 6px 0;
    width: 90%;
}

#globalNavi a {
    display: block;
    border-radius: 4px;
    color: white;
    padding: 12px 24px;
    text-decoration: none;
}

#globalNavi ul li a:hover {
    background: #72baeb;
}

/* 固定 */
.fixed {
    position: fixed;
    top: 0;
    padding: 0;
    width: 100%;
	box-shadow:0 3px 5px #999;
    -webkit-box-shadow:0 3px 5px #999;
    -moz-box-shadow:0 3px 5px #999;
    z-index: 1000;
}

/* Movie
-----------------------------------------------------------------------------*/

.box{
	margin: 0;
	overflow: hidden;
	position: relative;
	background-color:#fff;
	padding-top: 50%;
}

.fitMovie{
	position: absolute;
	top: 0;
	left: 0;
}

.box .downbtn {
	height: 90px;
	width: 100px;
	margin-left: -50px;
	position: absolute;
	left: 50%;
	bottom: 200px;
	}

/* ふわふわさせたいものに fuwafuwaクラスを付与 */
.fuwafuwa {
	-webkit-animation-name:fuwafuwa; 
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}

/* fuwafuwaアニメーション */
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
	
/*　縦の動き　*/
@keyframes moveY {
	0% {top:0px;}
	50% {	top:10px;}
	100% {top:0px;}
	}
@-ms-keyframes moveY {
	0% {top:0px;}
	50% {	top:10px;}
	100% {top:0px;}
	}
@-webkit-keyframes moveY /* Safari and Chrome */
{
	0% {top:0px;}
	50% {	top:10px;}
	100% {top:0px;}
	}
@-moz-keyframes moveY /* Firefox */
{
	0% {top:0px;}
	50% {	top:10px;}
	100% {top:0px;}
	}


/* main_column
----------------------------------------------------------------------------*/

		
.contentsbox_1100 {
	width: 1100px;
	clear: both;
	margin: 0px auto;
	text-align:left;
	position: relative;
	}
	.contentsbox_1100:after{
     content: ""; 
     display: block; 
     clear: both;
    }		
		
.contentsbox_1280 {
	width: 1280px;
	clear: both;
	margin: 0px auto;
	position: relative;
	}
	.contentsbox_1280:after{
     content: ""; 
     display: block; 
     clear: both;
    }		
		
	
.charm_wrap {
	width: 100%;
	min-width:1280px;
	height:1020px;/*770px*/
	margin:0;
	padding:0;
	position:relative;
	background:url(../img/charm_bg.jpg);
	background-repeat:repeat;
	overflow:hidden;
	}

.charm {
	float:left;
	width:410px;
	height:354px;
	margin-top:10px;
	margin-right:25px;
}

.greeting {
	width: 100%;
	min-width:1280px;
	height:780px;
	margin:0;
	padding:0;
	position:relative;
	background:url(../img/greeting_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	overflow:hidden;
	}


.effect {
	overflow: hidden;
}
.effect li {
	transition: .8s;
}
.effect li img {
}

.ef-fade01 {
	opacity: 0;
}
.fade01 {
	opacity: 1.0;
}
.ef-fade02 {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
}
.fade02 {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.ef-zoom {
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
}
.zoom {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

.ef-rotation {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}
.rotation {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
}
	

	
hr {
    border:0;
    border-top:dotted 1px #999999;
	width:100%;
    height:1px;
	margin-bottom:10px;
    }

/* Movie
-----------------------------------------------------------------------------*/

.video-wrap {
      background: no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
.video-wrap p {
  font-family: serif;          
  color: #fff;
  font-size: 400%;
  position: absolute;
  left: 30%;
  top: 200px;
  z-index: 1;
}
	

/* 固定 */
.fixed {
    position: fixed;
    top: 0;
    padding: 0;
    width: 100%;
    z-index: 1000;
}



/* Footer
-----------------------------------------------------------------------------*/

	
#footer_wrapper {
	width:100%;
	min-width: 1280px;
	height:410px;
	bottom:0;
	margin:0;
	background-image:url(../img/footer_bg.jpg) ;
	background-repeat:repeat-x;
	background-position:bottom;
	clear: both;
	}	

#footer {
	width:1280px;
	height:auto;
	margin:0 auto;
}

	

			
#footer_add {
	margin: 60px auto 20px 20px;
	height: auto;
	width: 500px;
	text-align: left;
	float:left;
	color:#000;
	font-size:13px;
	vertical-align:20px;
	line-height: 1.8em;
	}


#footernavi {
	margin: 70px auto 0px auto;
	width: 700px;
	padding: 0px;
	color: #1573A1;
	font-size: 14px;
	float: right;
	text-align: left;
	}
	#footernavi ul {
	border-left: 3px solid #1573A1 ;
	float: left;
	margin-right: 25px;
	margin-bottom: 2px;
	padding-left:10px;
	width:auto;
	}
　　#footernavi ul .item01, #footernavi ul.item02, #footernavi ul.item03 {
    float: left;
	display: block;
	}	
	#footernavi li {
	padding: 0px;
	display: block;
	list-style:none;
	margin-bottom: 2px;
	}

	#footernavi a {
	color: #1573A1;
	}
	#footernavi a:hover {
	color: #cc6666;
	}

#totop {
	width:100%;
	height:60px;
	padding-top:80px;
    }
	#totop img{
	float:right;
	right:20px;
	position:absolute;
	}

	
/* Style float margin padding
---------------------------------------------------*/ 
.alignleft {text-align:left;}
.alignright {text-align: right;}

.lfloat {float: left;}
.rfloat {float: right;
text-align:left;}


img.lfloat {float: left; margin-right: 10px; margin-bottom: 10px;}
img.rfloat {float: right; margin-bottom: 10px; margin-left: 10px;}

.lfloatmrb5 {float: left; margin-right: 5px; margin-bottom: 5px;}
.rfloatmbl5 {float: right; margin-bottom: 5px; margin-left: 5px;}
.lfloatmrb10 {float: left; margin-right: 10px; margin-bottom: 10px;}
.lfloatmrb15 {float: left; margin-right: 15px; margin-bottom: 15px;}
.lfloatmrb20 {float: left; margin-right: 20px; margin-bottom: 20px;}
.rfloatmbl10 {float: right; margin-left: 15px; margin-bottom: 10px; }
.lfloatmr20 {float: left; margin-right: 20px;}
.lfloatmr30 {float: left; margin-right: 30px;}

.lfloatbox {width:240px; float: left; margin-top:5px; margin-right: 0px; margin-bottom: 5px;}
.rfloatbox {width:240px; float: right; margin-top:5px; margin-left: 0px; margin-bottom: 5px; }

.m5 { margin: 5px;}
.m10 { margin: 10px;}
.m15 { margin: 15px;}
.m20 { margin: 20px;}
.m30 { margin: 30px;}
.m40 { margin: 40px;}

.mr5 { margin-right: 5px;}
.mr10 {	margin-right: 10px;}
.mr15 {	margin-right: 15px;}
.mr20 {	margin-right: 20px;}
.mr25 {	margin-right: 25px;}
.mr30 {	margin-right: 30px;}

.mrb5 { margin-right: 5px; margin-bottom: 5px;}
.mrb10 { margin-right: 10px; margin-bottom: 10px;}
.mrb20 { margin-right: 20px; margin-bottom: 20px;}

.mtb40 { margin-top: 40px; margin-bottom: 40px;}
.mtb6010 { margin-top: 60px; margin-bottom: 10px;}
.mtb6020 { margin-top: 60px; margin-bottom: 20px;}
.mtb6040 { margin-top: 60px; margin-bottom: 40px;}
.mtb60 { margin-top: 60px; margin-bottom: 60px;}


.mb0 { margin-bottom: 0px;}
.mb3 { margin-bottom: 3px;}
.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}
.mb80 { margin-bottom: 80px;}


.ml10 {	margin-left: 10px;}
.ml20 {	margin-left: 20px;}
.ml30 {	margin-left: 30px;}

.mside10 { margin-right: 10px; margin-left: 10px;}
.mside15 { margin-right: 15px; margin-left: 15px;}
.mside20 { margin-right: 20px; margin-left: 20px;}

.p5 { padding: 5px;}
.p10 { padding: 10px;}
.p20 { padding: 20px;}

.ptb5 { padding-top: 5px; padding-bottom: 5px;}
.ptb10 { padding-top: 10px; padding-bottom: 10px;}
.ptb20 { padding-top: 20px; padding-bottom: 20px;}

.pside10 { padding-right: 10px; padding-left: 10px;}
.pside20 { padding-right: 20px; padding-left: 20px;}

.pt5 { padding-top: 5px;}
.pr5 { padding-right: 5px;}
.pb5 { padding-bottom: 5px;}
.pl5 { padding-left: 5px;}

.pt20 { padding-top: 20px;}

  
  



clear{ clear:both;}




	
/* リストの余計な空白削除 
------------------------------------------------ */
ul, ol, li {
	margin: 0 0 0 0;
	padding: 0;
}
ul, li {
	list-style-type:none;
}

/* h1 の余計な空白削除
------------------------------------------------ */ 
h1 {
	margin: 0;
	padding: 0;
}


#search {
	width:940px;
	height:150px;
	background-image:url(../img/search_bg.png);
}
#search .object{
	width: auto;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 200px;
	padding-top: 40px;
}



/* Cuisine
-----------------------------------------------------------------------------*/

#cuisine_main {
	width: 100%;
	height:550px;
	text-align: center;
	clear:both;
	margin-top:0px;
	margin-bottom:40px;
	background-image:url(../cuisine/image.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index:1;
	}
    #cuisine_main img {
	float:right;
	padding-top:230px;
	padding-right:40px;
    }


#cuisine_introduction {
	width:1280px;
	height:1090px;
	margin:0 auto;
	background-image:url(../cuisine/cuisine_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
}

.maincopy{
	margin:720px auto auto auto;
	text-align:center;
	position:relative;
}

.iseebi{
	top:600px;
	width:358px;
	left:900px;
	position:absolute;

}

.awabi{
	top:520px;
	width:280px;
	left:40px;
	position:absolute;

}

.bx-pager1{
	width:830px;
	margin:0 auto;
}
.bx-pager1 img{
	margin-right:3px;
}

.reason01{
	width:1280px;
	height:680px;
	background-image:url(../cuisine/reason01_bg.png);
}
.reason01 .movie{
	float:left;
	width:550px;
	height:300px;
	margin:110px auto auto 40px ;
}
.reason01 .copy{
	float:right;
	width:620px;
	height:300px;
	margin:130px 40px auto auto;
}


.reason02{
	width:1280px;
	height:680px;
	background-image:url(../cuisine/reason02_bg.png);
}
.reason02 .movie{
	float:left;
	width:550px;
	height:300px;
	margin:110px auto auto 40px ;
}
.reason02 .copy{
	float:left;
	width:390px;
	height:230px;
	margin:20px 240px auto 270px;
}



.reason03{
	width:1280px;
	height:680px;
	background-image:url(../cuisine/reason03_bg.png);
}
.reason03 .movie{
	float:left;
	width:550px;
	height:300px;
	margin:110px auto auto 40px ;
}
.reason03 .copy{
	float:left;
	width:550px;
	height:210px;
	margin:20px 240px auto 40px;
}


/* Facilities
-----------------------------------------------------------------------------*/

#facilities_main {
	width: 100%;
	height:550px;
	text-align: center;
	clear:both;
	margin-top:0px;
	margin-bottom:40px;
	background-image:url(../facilities/image.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index:1;
	}
    #facilities_main img {
	float:right;
	padding-top:230px;
	padding-right:40px;
    }


#facilities_introduction {
	width:1280px;
	height:500px;
}

#facilities_introduction .maincopy{
	margin:0px auto auto auto;
	text-align:center;
	position:relative;
}

.sea{
	top:100px;
	width:355px;
	left:900px;
	position:absolute;

}

.sunset{
	top:40px;
	width:423px;
	left:20px;
	position:absolute;
}

.roorm_wrap {
	width: 100%;
	min-width:1280px;
	height:1360px;
	margin:0;
	padding:0;
	position:relative;
	background:url(../facilities/room_bg.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
	}

table.room {
	width:100%;
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
    border-collapse: collapse;
    }
table.room th, table td {
  border: solid 1px #999999;
}
table.room th {
	width: 100px;
	padding: 10px;
	vertical-align: middle;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	background-color:#FEC9C9;
    }
table.room td {
	width: 220px;
	text-align:left;
	padding: 10px;
	padding-left:0.8em;
	vertical-align: middle;
    }	
	
	
#lobby {
	width:540px;
	height:390px;
	background-image:url(../facilities/coffee_bg.png);
}
	
#lobby .typearea{
	float:right;
	width:220px;
	height:150px;
	margin:100px auto auto auto;
}


.etc {
	float:left;
	width:260px;
	height:auto;
	margin-right:20px;
}
.etc img{
	width:260px;
	height:170px;
}
.etc .typearea{
	width:260px;
	height:60px;
	text-align:center;
	margin-top:10px;
}


#t-shirt {
	width:1100px;
	height:280px;
	background-image:url(../facilities/t-shirt_bg.png);
}
#t-shirt .typearea{
	float:left;
	width:500px;
	height:140px;
	margin:140px auto auto 220px;
}



table.facilities {
	width:100%;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
    border-collapse: collapse;
    }
table.facilities th, table td {
  border: solid 1px #999999;
}    
table.facilities th {
	width: 150px;
	padding: 10px;
	vertical-align: middle;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	background-color:#FEC9C9;
    }
table.facilities td {
	width: 910px;
	text-align:left;
	padding: 10px;
	padding-left:0.8em;
    }	
	



/* Bath
-----------------------------------------------------------------------------*/

#bath_main {
	width: 100%;
	height:550px;
	text-align: center;
	clear:both;
	margin-top:0px;
	margin-bottom:40px;
	background-image:url(../bath/image.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index:1;
	}
    #bath_main img {
	float:right;
	padding-top:230px;
	padding-right:40px;
    }

#bath_introduction {
	width:1280px;
	height:350px;
}

#bath_introduction .maincopy{
	margin:0px auto auto auto;
	text-align:center;
	position:relative;
}

#bath_introduction .right{
	top:70px;
	width:228px;
	left:1000px;
	position:absolute;

}

#bath_introduction .left{
	top:20px;
	width:213px;
	left:60px;
	position:absolute;
}




/* Exploration
-----------------------------------------------------------------------------*/

#exploration_main {
	width: 100%;
	height:550px;
	text-align: center;
	clear:both;
	margin-top:0px;
	margin-bottom:40px;
	background-image:url(../exploration/image.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index:1;
	}
    #exploration_main img {
	float:right;
	padding-top:230px;
	padding-right:40px;
    }



/* Discovery
-----------------------------------------------------------------------------*/

#discovery_main {
	width: 100%;
	height:550px;
	text-align: center;
	clear:both;
	margin-top:0px;
	margin-bottom:40px;
	background-image:url(../discovery/image.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index:1;
	}
    #discovery_main img {
	float:right;
	padding-top:230px;
	padding-right:40px;
    }


#discovery_introduction {
	width:1280px;
	height:300px;
}

#discovery_introduction .maincopy{
	margin:0px auto auto auto;
	text-align:center;
	position:relative;
}

#discovery_introduction .right{
	top:70px;
	width:228px;
	left:1000px;
	position:absolute;

}

#discovery_introduction .left{
	top:20px;
	width:213px;
	left:60px;
	position:absolute;
}


.mystery01{
	width:1280px;
	height:620px;
	background-image:url(../discovery/mystery_01bg.png);
}
.mystery01 .movie{
	float:left;
	width:550px;
	height:300px;
	margin:110px auto auto 690px ;
}
.mystery01 .copy{
	float:left;
	width:550px;
	height:170px;
	margin:20px auto auto 690px;
}



.mystery02{
	width:1280px;
	height:620px;
	background-image:url(../discovery/mystery_02bg.png);
}
.mystery02 .movie{
	float:left;
	width:550px;
	height:300px;
	margin:110px auto auto 40px ;
}
.mystery02 .copy{
	float:right;
	width:550px;
	height:170px;
	margin:20px 700px auto 40px;
}



.mystery03{
	width:1280px;
	height:620px;
	background-image:url(../discovery/mystery_03bg.png);
}
.mystery03 .movie{
	float:left;
	width:550px;
	height:300px;
	margin:110px auto auto 690px ;
}
.mystery03 .copy{
	float:left;
	width:550px;
	height:170px;
	margin:20px auto auto 690px;
}



.mystery04{
	width:1280px;
	height:620px;
	background-image:url(../discovery/mystery_04bg.png);
}
.mystery04 .movie{
	float:left;
	width:550px;
	height:300px;
	margin:110px auto auto 40px ;
}
.mystery04 .copy{
	float:right;
	width:550px;
	height:170px;
	margin:20px 700px auto 40px;
}


#hougen {
	width:1280px;
	height:490px;
	background-image:url(../discovery/hougen_bg.png);
}


.zonbu {
	width:169px;
	top:46px;
	left:251px;
	position:absolute;
}
.gaiee {
	width: 146px;
	top: 15px;
	left: 461px;
	position: absolute;
}

.tei {
	width: 164px;
	top: 104px;
	left: 627px;
	position: absolute;
}


.yaa {
	width:178px;
	top:36px;
	left:821px;
	position:absolute;
}


.hayai {
	width:179px;
	top:156px;
	left:383px;
	position:absolute;
}


.oige {
	width:146px;
	top:185px;
	left:806px;
	position:absolute;
}

.sogenmo {
	width:240px;
	top:307px;
	left:309px;
	position:absolute;
}

.ookin {
	width:214px;
	top:297px;
	left:915px;
	position:absolute;
}





/* Areaguide
-----------------------------------------------------------------------------*/

#areaguide_main {
	width: 100%;
	height:550px;
	text-align: center;
	clear:both;
	margin-top:0px;
	margin-bottom:40px;
	background-image:url(../areaguide/image.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index:1;
	}
    #areaguide_main img {
	float:right;
	padding-top:230px;
	padding-right:40px;
    }




/* Access
-----------------------------------------------------------------------------*/

#access_main {
	width: 100%;
	height:550px;
	text-align: center;
	clear:both;
	margin-top:0px;
	margin-bottom:40px;
	background-image:url(../access/image.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index:1;
	}
    #access_main img {
	float:right;
	padding-top:230px;
	padding-right:40px;
    }


#caution {
	width:1100px;
	height:240px;
	background-image:url(../access/caution_bg.jpg);
}
#caution .title {
	width:1100px;
	height:40px;
	text-align:center;
	padding-top:8px;
}
#caution .typearea {
	width:1000px;
	height:150px;
	text-align:left;
	margin:20px auto auto 40px;
}


table.toba {
	width:100%;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-collapse: collapse;
    }
table.toba th, table td {
  border: solid 1px #999999;
}
table.toba th {
	width: 230px;
	padding: 10px;
	vertical-align: middle;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
    }
table.toba td {
	width: 260px;
	text-align:center;
	padding: 10px;
	vertical-align: middle;
    }	


table.wagu {
	width:100%;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
　　border-collapse: collapse;
    }
table.wagu th, table td {
  border: solid 1px #999999;
}    
table.wagu th {
	width: 260px;
	padding: 10px;
	vertical-align: middle;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
    }
table.wagu td {
	width: 230px;
	text-align:center;
	padding: 10px;
	vertical-align: middle;
    }	


table.link,table.link *{
    box-sizing: border-box;
}
table.link {
	width:100%;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
    border-collapse: collapse;
    }
table.link th, table td {
  border: solid 1px #999999;
}
table.link th {
	width: 260px;
	padding: 10px;
	vertical-align: middle;
	font-weight:normal;
	text-align:left;
	text-indent:1em;
	text-decoration:none;
	background-color:#EFB0A8;
    }
table.link td {
	width: calc(100% - 262px);
	text-align:left;
	text-indent:0.5em;
	padding: 10px;
	vertical-align: middle;
    }
table.link a{
    word-break: break-all;
}




/* Reserve
-----------------------------------------------------------------------------*/

#reserve_main {
	width: 100%;
	height:550px;
	text-align: center;
	clear:both;
	margin-top:0px;
	margin-bottom:40px;
	background-image:url(../reserve/image.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index:1;
	}
    #reserve_main img {
	float:right;
	padding-top:230px;
	padding-right:40px;
    }



.online {
	width:1100px;
	height:169px;
	margin:0 auto
	}
.online img {
	width:900px;
	height:169px;
	margin-left:100px;
    box-shadow:0 3px 5px #999;
    -webkit-box-shadow:0 3px 5px #999;
    -moz-box-shadow:0 3px 5px #999;
	z-index:100;   
	 }


table.rate {
	width:100%;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
    border-collapse: collapse;
    }
table.rate th, table td {
  border: solid 1px #999999;
}
table.rate th {
	width: 230px;
	padding: 10px;
	vertical-align: middle;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
    }
table.rate td {
	width: 240px;
	text-align:center;
	padding: 10px;
	vertical-align: middle;
    }	




table.cancel {
	width:100%;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
    border-collapse: collapse;
    }
table.cancel th, table td {
  border: solid 1px #999999;
}
table.cancel th {
	width: 230px;
	padding: 10px;
	vertical-align: middle;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
    }
table.cancel td {
	width: 240px;
	text-align:center;
	padding: 10px;
	vertical-align: middle;
    }	




/* Reserve
-----------------------------------------------------------------------------*/

#reserve_main {
	width: 100%;
	height:550px;
	text-align: center;
	clear:both;
	margin-top:0px;
	margin-bottom:40px;
	background-image:url(../reserve/image.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index:1;
	}
    #reserve_main img {
	float:right;
	padding-top:230px;
	padding-right:40px;
    }




/* Jakorokke
-----------------------------------------------------------------------------*/

#jakorokke_main {
	width: 100%;
	height:550px;
	text-align: center;
	clear:both;
	margin-top:0px;
	margin-bottom:40px;
	background-image:url(../jakorokke/image.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index:1;
	}
    #jakorokke_main img {
	float:right;
	padding-top:230px;
	padding-right:40px;
    }


#jakorokke {
	width:1100px;
	height:550px;
	background-image:url(../jakorokke/jakorokke_bg.jpg);
    }
#jakorokke .typearea {
	float:right;
	width:415px;
	height:80px;
	margin:425px auto auto 675px;
}


#to_burger {
	width:1100px;
	height:290px;
	background-image:url(../jakorokke/to_burger_bg.png);
}
#to_burger .typearea {
	float:right;
	width:535px;
	height:100px;
	margin:40px auto auto 565px;
}
#to_burger .object {
	float:right;
	width:480px;
	height:100px;
	margin:35px auto auto 620px;
}


table.jakorokke {
	width:100%;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
    border-collapse: collapse;
    }
table.jakorokke th, table td {
  border: solid 1px #999999;
}
table.jakorokke th {
	width: 230px;
	padding: 10px;
	vertical-align: middle;
	font-weight:normal;
	text-align:left;
	text-indent:1em;
	text-decoration:none;
    }
table.jakorokke td {
	width: 240px;
	text-align:center;
	padding: 10px;
	vertical-align: middle;
    }	
	
	

#j-ashiyu {
	width:1100px;
	height:280px;
	background-image:url(../jakorokke/ashiyu_bg.png);
}
#j-ashiyu .typearea{
	float:left;
	width:500px;
	height:140px;
	margin:140px auto auto 220px;
}


/* Gallery
-----------------------------------------------------------------------------*/

#gallery_main {
	width: 100%;
	height:550px;
	text-align: center;
	clear:both;
	margin-top:0px;
	margin-bottom:40px;
	background-image:url(../gallery/image.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index:1;
	}
    #gallery_main img {
	float:right;
	padding-top:230px;
	padding-right:40px;
    }

/* Blog
-----------------------------------------------------------------------------*/

table .blog {
	width:100%;
	border:none;
	background-image:url(../img/blog_bg.png);
	background-repeat:no-repeat;
}
table .blog th, .blog td, .blog tr {
    border:none;
}
table .blog th {
	width: 280px;
	vertical-align: middle;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
    }
table .blog td {
	width: 280px;
	text-align:center;
	vertical-align: middle;
    }	
table .blog tr {
	width: 280px;
	text-align:center;
	vertical-align: middle;
    }	





#mini {
	padding: 0px;
	display: block;
	height: auto;
	border-bottom: 1px dotted #AEBC7D;
	width: 300px;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 6px;
	float: left;
}
#mini hr {width: 0px; height: 0px; margin: 0px; padding: 0px; clear: both; border-style: none; visibility: hidden;}

/*プラン*/
#mini #minileft {
	width: 280px;
	word-wrap: break-word;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: rgb(245,243,239);
	margin: 0px;
	height: 200px;
}
#mini #minileft p {
	font-size: 12px;
	line-height: 24px;
	margin: 0 0px 10px 0;
	padding: 0px;
}
#mini #minileft h4 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
}
#mini #minileft h4 a{
	margin: 0px;
	padding: 0;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}
#mini #minileft h4 a:hover {
	color: #336699;
	font-weight: bold;
	text-decoration: underline;
}

#mini #miniright {
	width: 300px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#mini #miniright img {
	margin: 0px 0px 0px;
	padding: 0px;
	border-style: none;
}


/*プランボタン*/
#mini #miniright p {margin: 0px; padding: 0px; display: block;}
#mini #miniright p a {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 300px;
	height: 105px;
	background: url(m_plan02.gif) no-repeat;
}
#mini #miniright p a:hover { background: url(m_plan02_ov.gif) no-repeat;}

#mini #miniright strong {display: none;}


.plan_form{
	width: 740px;
	margin-left: 10px;
}
.plan_form p{
	margin:0;
	padding:0;
}
.plan_form img{
	vertical-align: middle;
	margin-right:10px;
}
.plan_form .check_in{
	width: 240px;
	float: left;
	margin-right: 12px;
}
.plan_form .guests{
	width:220px;
	float:left;
	margin-bottom:8px;
	margin-right:12px;
}
.plan_form .type{
	width:224px;
	float:left;
}
.plan_form .price{
	width:340px;
	float:left;
}
.plan_form .search_btn{
	width: 117px;
	height: 24px;
	float:left;
}
.plan_form hr{
	clear:both;
	width:0;
	height:0;
}
.ichiran p {
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom: 1px solid rgb(204,204,204);
}
.ichiran p a {
	font-weight: bold;
}

/*追加*/
.cash_wrap{
	border: solid 2px #666;
	padding: 20px;
	width: 860px;
	margin: 0 auto;
}
.cash_wrap img:nth-child(n+2){
	width: 200px;
}
.center{
	text-align: center;
}


/*
モーダル表示用css*/
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 70%;
  max-width: 600px;
  padding: 30px 10px 50px 70px;
  background-color: #fff;
  z-index: 2;
}
.popup-inner p {
  width: 100%;
  font-size:1.2em;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  line-height: 1.9em;
	font-weight:bold;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}
.kyouchou {
	text-align: center;
	font-size:1.5em;
	font-weight:bold;
	color:red;  
	line-height: 1.9em;
}

.kyouchou-shou {
	font-weight:bold;font-size:1.3em;
	background: linear-gradient(transparent 50%, #ff99cc 50%);
	  line-height: 1.9em;
}
.pop-title{
	
}


.blog_rss{
	font-size: 13px;
	text-align: left;
	padding: 20px;
}

.table_wrap,
.table_wrap *{
    box-sizing: border-box;
    margin:0;
    padding:0;
}
.grid_wrap{
    display: grid;
}
.table_wrap{
    grid-template-columns: 1fr;
    gap: clamp(20px,2.5vw,40px);
    width:min(100%,1100px);
    margin-inline: auto;
    margin-bottom:10px;
}
.grid_table{
    display: grid;
}
.grid_table tbody,
.grid_table tr{
    display: contents;
}
.timetable{
    grid-template-columns: 1fr 1fr;
    border-top:1px solid #999;
    border-left:1px solid #999;
}
.timetable th,
.timetable td{
    border-top:none;
    border-left:none;
    border-bottom:1px solid #999;
    border-right:1px solid #999;
    padding: 10px;
    text-align: center;
    display: grid;
    place-items: center;
}
@media screen and (min-width:1101px){
.timetable th,
.timetable td{
    white-space: nowrap;
}   
}
.timetable tr:first-of-type th{
    grid-column: 1 / -1;
}
.timetable:first-of-type tr:first-of-type th{
    background:rgba(147,188,227,1);
}
.timetable:nth-of-type(2) tr:first-of-type th{
    background:rgba(254,201,201,1);
}
.colspan-2{
    grid-column: span 2;
}
@media screen and (min-width:768px){
.table_wrap{
    grid-template-columns: 1fr 1fr;
}  
}
@media screen and (max-width:767px){
.table_wrap{
    padding-inline:2%;
}
.grid_table{
    width:min(100%,490px);
    margin-inline: auto;
}
}
.open,.open *,
.open:before,
.open:after{
    box-sizing: border-box;
}
.open{
    width:min(96%,1100px)!important;
    margin-inline: auto!important;
	padding: 10px 15px!important;
/*
	color: #fff;
	font-size: 20px;
*/
	background: #EBEBEB;

	position: relative;
    cursor: pointer;
    transition: 0.3s ease-out;
}
.open.active{/* 開いている時 */
	background: #fff;
}
.open::before{/* 閉じている時 */
	content: "＋";
	position: absolute;
	right: 15px;
    top:50%;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
}
.open.active::before{/* 開いている時 */
	content: "－";
}
.open_contents{
    display:none;
}
.open_contents.current{
    display:block;
}
.open.active + .open_contents{
    padding-inline:2%;
}
.indent-3em{
    padding-left:3em;
    text-indent: -3em;
}
.caution{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0 0.5em;
}
.caution li{
    padding-bottom:3px;
}
.caution li:last-of-type{
    padding-bottom:0px;
}
@media screen and (min-width:768px){
.caution{
    grid-template-columns: auto 1fr;
}   
}
.red{
    color:red;
    font-weight: 600;
}
.inl-blk{
    display:inline-block;
}
@media screen and (max-width:767px){
.link *{
    line-height: 1.5!important;
}    
}