@charset "Shift_JIS";

html{
margin:auto}

header{
margin:auto;
position: fixed;
 width: 100%;
    z-index: 10000;
 top: 0;
background-color:#0092d8;

		border-bottom: 2px solid #ffffff;
}


body{
        margin: 0;  
        padding: 0;  
	text-align:center;
	color:#000000;

	font-size:15px
}

/*@group reset*/
*{margin: 0; padding: 0}
img{max-width:100%;
vertical-align:middle}
#mainimg{background-color:#e5ffff;}
a{text-decoration:none}
ul,ol{list-style:none} 
/*@end*/ 


a:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}


/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;

}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}



#sinbol{background-color:#ffffff;
width:100%;

}

#logo{background-color:#ffffff;
width:100%;
max-width:1300px;

margin:auto;

}

.logo{float:left;}
.language{float:left;
margin-top:30px;
}

.gengo{float:left;}
.flag{float:left;}

.kensaku{
width:300px;
float:right;
margin-top:30px;


}




ul{
text-align:center;

font-family: 'ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN',  'ƒqƒ‰ƒMƒmŠpƒS ProN W3', 'Hiragino Kaku Gothic ProN',
 'ƒ�ƒCƒŠƒI', 'Meiryo', '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic';

 }






#menu {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0;

}
#menu li{
	display: block;
	float: left;
	width: 14.28%;

	margin: 0;
	padding: 0;

}
#menu li a {
	display: block;
	padding: 10px 0 10px;
	background-color: #0092d8;
	color:#ffffff;
	text-align: center;
	text-decoration: none;
	border-right:1px solid #ffffff
}
#menu li:last-child a{
	border: none;
}
#menu li a:hover{
background-image: -webkit-linear-gradient(#b2e7fd 0%, #06a5cd 70%);
    background-image: linear-gradient(#b2e7fd 0%, #06a5cd 70%);
	background-color: #fbd68f;

	color: #ffffff;
}
#toggle {
	display: none;
}


.main{width:100%}

.tx01{	text-align:left;
	padding:24px;
	line-height: 22px
}


#infomation{max-width:1280px;
margin:auto;}



#pickup{background-color: #ffffff;
}

#recot1{text-align:left;
max-width:1280px;

margin:auto;
margin-top:30px;}




#mainimg{margin-top:58px}


#info_news{width:100%;
}

.info_photo{
float:left;
width:20%;
padding:5px;}

.info_text{
float:right;
width:70%;
padding:5px;
text-align:left;}




#contents2{max-width:900px;
margin:auto}






.under_l{background-image:url("../images/food/t1_under.jpg");
background-repeat: repeat-x;}







#access{padding-top:30px;
text-align:center;
width:85%;
margin:auto;
}

.access{margin-top:30px;
	font-size:16px;
	line-height: 20px;
font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN","HG–¾’©E","‚l‚r ‚o–¾’©","‚l‚r –¾’©",serif;}

}

.about{margin-top:10px;
}
.thanks{text-align:center;
width:600px;
padding:20px;
}



.rooms{margin-top:50px;
	font-size:16px;
	line-height: 20px;
font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN","HG–¾’©E","‚l‚r ‚o–¾’©","‚l‚r –¾’©",serif;}

}


#recot1{text-align:left;
margin-top:10px;
}




.both{clear:both}

.line{background-image:url("../images/top/koushi.gif");
background-repeat: repeat-x;
height:24px}




iframe {vertical-align: bottom;
border:0;
margin:0;
padding:0;
}

#contents3{max-width:1150px;
margin:auto;
padding-top:20px}

#contents4{max-width:1150px;
margin:auto;
padding-top:70px}

#osirase{margin-top:10px;
margin-bottom:10px;
width:100%;}

#honbun{float:left;
max-width:850px;
}

#shop_info{
max-width:600px;
margin:auto;
margin-left:125px;}

.event_t{text-align:center;
color:#ffffff;
background-color:#62cce4;
padding:10px;
font-weight:bold;
font-size:16px;
margin-bottom:15px;}

.icon{margin-bottom:30px;}

.shop{float:left;
width:33.3%;}


.shopname{font-weight:bold;
font-size:18px;
margin-top:20px;
margin-bottom:10px;
font-family: 'ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN',  'ƒqƒ‰ƒMƒmŠpƒS ProN W3', 'Hiragino Kaku Gothic ProN',
 'ƒ�ƒCƒŠƒI', 'Meiryo', '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic';
}

a.shopname:link { color: #000000;
font-weight:bold;
font-size:18px;
margin-top:20px;
margin-bottom:10px; 
font-family: 'ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN',  'ƒqƒ‰ƒMƒmŠpƒS ProN W3', 'Hiragino Kaku Gothic ProN',
 'ƒ�ƒCƒŠƒI', 'Meiryo', '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic';}
a.shopname:visited { color: #000000; }
a.shopname:hover { color: #0092d8; }
a.shopname:active { color:#0092d8; }


.soeru{margin-top:5px;
margin-bottom:25px;}

.soeru_left{text-align:left;
margin-top:5px;
margin-left:10px;
margin-bottom:25px;
line-height:20px;
width:100%}




.shop_one1{
}

.shop_one2{float:left;
width:50%;}

.shop_one3{float:left;
width:33%;}
.shop_one4{float:left;
width:67%;}


a.url:link { color: #fb5f0a;
font-weight:bold  }
a.url:visited { color: #fb5f0a; }
a.url:hover { color: #fb0a0a; }
a.url:active { color: fb0a0a; }


#4dai{width:100%;
max-width:850px;}

#eat_stay{float:left;
width:50%}

#ushibuka_play{float:right;
width:50%}

#sns{max-width:820px;
margin-top:20px
}

#instag{max-width:340px;
margin-left:20px;
float:left;
}

#facebook{
max-width:340px;
float:right;
}


#side{float:right;
width:220px;}

#side2{float:right;
width:220px;}

.sidet{margin-bottom:10px}
.side_b{margin-bottom:5px}
.side_b2{margin-bottom:20px}

/*ƒy�[ƒWƒgƒbƒvˆÚ“®ƒ{ƒ^ƒ“ */
  .pagetop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 20px;
}
.pagetop a span{
 display:none;

}

.pagetop a {
 display: block;
 background: url(../images/common/to_top1.png) no-repeat 0 0;
 width:61px;
 height:61px;
}
 
.pagetop a:hover {
 display: block;
 background: url(../images/common/to_top2.png) no-repeat 0 0;
 width:61px;
 height:61px;
}



footer{
	color:#ffffff;
	background-color:#0092d8;
padding:20px;
}

footer a:link {color:#ffffff;
}

footer a:visited {color:#ffffff;
}

footer a:hover {color:#fdfaa3;
}

footer a:active {color:#fdfaa3;
}

.footnav{
margin-top:5px;
margin-bottom:10px;
}

.wave{height:41px;
margin-top:30px;
margin-bottom:0;
background-image: url("../images/common/footer_wave.gif");
background-repeat: repeat-x;
}

.adress{color:#000000;}

.tel{font-family: 'ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN',  'ƒqƒ‰ƒMƒmŠpƒS ProN W3', 'Hiragino Kaku Gothic ProN',
 'ƒ�ƒCƒŠƒI', 'Meiryo', '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic';
color:#000000;
font-size:20px;
padding:10px;
}



/* ‰æ–ʃTƒCƒY‚ª768pxˆÈ‰º‚Ì�ê�‡‚É“K—p */
@media only screen and (max-width: 768px) {
	#menu li {
		width: 14.28%;
		border-bottom: 1px solid #ffffff;}

		#insta{
		max-width:100%;}

#logo{max-width:100%}

.logo{width:200px;
float:left;}



.language{margin-top:10px;}

.kensaku{width:200px;
float:rigth;
margin-top:10px;
margin-right:10px;}

#honbun{float:left;
max-width:470px;
margin-left:5px;}

#side{float:right;
width:220px;
margin-right:5px;}

#side2{float:right;
width:220px;
margin-right:5px;}


#instag{
float:none;
margin:auto;

}

#facebook{
float:none;
margin:auto;

}

.shop{padding:2px;
width:32%;}


.shop_one2{padding:2px;
width:48%;}

#shop_info{
max-width:600px;
margin:auto;
margin-left:30px;}



	}

/* ‰æ–ʃTƒCƒY‚ª600pxˆÈ‰º‚Ì�ê�‡‚É“K—p */
@media only screen and (max-width: 600px) {

.reco1{
margin-left:7px;
margin-right:0px;
margin-bottom:20px;
float:left;
width:190px;
}



}


/* ‰æ–ʃTƒCƒY‚ª480pxˆÈ‰º‚Ì�ê�‡‚É“K—p */
@media only screen and (max-width: 480px) {


.language{float:left;
margin-top:30px;
}
	#menu {
		display: none;
	}
	#menu li {
		width: 100%;
	}
	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #19afe7;
		font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN","HG–¾’©E","‚l‚r ‚o–¾’©","‚l‚r –¾’©",serif;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 20px 0 20px;
		border-bottom: 1px solid #ffffff;
		color:#FFF;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 20px;
		height: 30px;
		margin-top: -15px;
		background: #FFF;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 30px;
		height: 6px;
		background: #19afe7;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}


#mainimg{margin-top:100px}


	#info1{width:100px}
	#info2{
	font-size:12px;
	padding-left:10px;
	margin-top:14px
	}



.logo{display:none}

.language{margin-top:10px;
}

.gengo{width:35px;
margin-left:5px}

.flag{width:25px;
margin-left:5px}

.kensaku{width:180px;
float:rigth;
margin-top:10px;
margin-right:10px;}




#recot1{display:none}

#contents{display:none}


#contents3{width:98%;
margin:auto;
padding-top:10px}

#contents4{max-width:1150px;
margin:auto;
padding-top:20px}



#osirase{margin-top:10px;
margin:auto;
margin-bottom:10px;
width:98%}

#honbun{float:none;
margin:auto;
width:98%}

#shop_info{
max-width:600px;
margin:auto;
margin-left:auto;}

.shop{padding:2px;
width:32%;}

a.shopname:link {
color: #000000;
font-size:15px;
text-decoration:none;
  border-bottom: 1px solid ;
   padding-bottom: 2px;}
a.shopname:visited { color: #000000; }
a.shopname:hover { color: #0092d8; }
a.shopname:active { color:#000000; }



#4dai{width:98%}

.4recommend{width:150px;}

#instag{width:98%;
margin:auto;
float:none;
}

#facebook{
width:98%;
margin:auto;
float:none;
}


.sidetop{margin-bottom:20px;}

#side{float:none;
witdh:100%;
margin:auto;
}

#side2{display:none;

}

.shop_one2{float:none;
width:100%
}

.shop_one1{width:280px;
margin:auto;
}

.access{width:90%;
margin:auto;
}


.soeru_left{text-align:left;
margin:auto;
margin-top:5px;
margin-bottom:20px;
line-height:20px;
width:280px}



.access{font-size:14px;
}


}


/* ‰æ–ʃTƒCƒY‚ª320pxˆÈ‰º‚Ì�ê�‡‚É“K—p */
@media only screen and (max-width: 320px) {

.gengo{display:none}
}