/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* --　記事内の装飾 --*/
.oshirase{
    font-size: 18px;
    line-height: 1.8em;
    color: #f00;
}
#fade{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff url(../images/loading.gif) no-repeat center center;
	z-index: 100;
	display: none;
}
a{
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

body{padding: 0;margin: 0;}

#all{
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 100%;
}

header{
	color: #fff;
	position: absolute;
	width: 99%;
	padding-top: 10px;
	left: 10px;
	top: -2px;
}
header:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}
header h1{
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px 50px 0px 0px;
			}
header h1 img{
	height: 147px;
	width: auto;
	}
#nav ul{
	text-align: center;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#gnav li{
	float: left;
	padding-right: 30px;
	margin-top: 20px;
}
#gnav li#nav01{
	display: none;
}
#gnav li#nav02 a{
	background: url(../images/nav02.png) no-repeat;
	-moz-background-size: 37px auto;
	background-size: 37px auto;
	text-indent: -9999px;
	display: block;
	height: 136px;
	width: 37px;
	overflow: hidden;
}
#gnav li#nav03 a{
	background: url(../images/nav03.png) no-repeat;
	-moz-background-size:37px auto;
background-size:37px auto;
	text-indent: -9999px;
	display: block;
	height: 97px;
	width: 37px;
	overflow: hidden;
}
#gnav li#nav04 a{
	background: url(../images/nav04.png) no-repeat;
	-moz-background-size:37px auto;
background-size:37px auto;
	text-indent: -9999px;
	display: block;
	height: 103px;
	width: 37px;
	overflow: hidden;
}
#gnav li#nav05 a{
	background: url(../images/nav05.png) no-repeat;
	-moz-background-size:37px auto;
background-size:37px auto;
	text-indent: -9999px;
	display: block;
	height: 94px;
	width: 37px;
	overflow: hidden;
}
#gnav li#nav06 a{
	background: url(../images/nav06.png) no-repeat;
	-moz-background-size:37px auto;
background-size:37px auto;
	text-indent: -9999px;
	display: block;
	height: 164px;
	width: 37px;
	overflow: hidden;
}
#gnav li#nav02 a:hover{
	background: url(../images/nav02_on.png) no-repeat;
	-moz-background-size:37px auto;
background-size:37px auto;
}
#gnav li#nav03 a:hover{
	background: url(../images/nav03_on.png) no-repeat;
	-moz-background-size:37px auto;
background-size:37px auto;
}
#gnav li#nav04 a:hover{
	background: url(../images/nav04_on.png) no-repeat;
	-moz-background-size:37px auto;
background-size:37px auto;
}
#gnav li#nav05 a:hover{
	background: url(../images/nav05_on.png) no-repeat;
	-moz-background-size:37px auto;
background-size:37px auto;
}
#gnav li#nav06 a:hover{
	background: url(../images/nav06_on.png) no-repeat;
	-moz-background-size:37px auto;
background-size:37px auto;
}

#sns li{
	float: left;
	padding-right: 20px;
	margin-top: 20px;
}


header.scroll{
	position: fixed;
	top: 0;
	left: 0;
	opacity: 1;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	background: #000;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}
header.scroll h1{
	float: left;
	padding: 0px;
	margin: 0px 30px 0px 0px;
}
header.scroll h1 img{
	height: 65px;
	width: auto;
	}
header.scroll #gnav{
	margin-right: 30px;
}
header.scroll #gnav li{
	float: left;
	padding-right: 10px;
	margin-top: 42px;
}
header.scroll #gnav li#nav01{
	display: block;
}
header.scroll #gnav li#nav01 a{
	background: url(../images/subnav01.png) no-repeat;
	-moz-background-size: auto 16px;
	background-size: auto 16px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 62px;
	overflow: hidden;
}
header.scroll #gnav li#nav02 a{
	background: url(../images/subnav02.png) no-repeat;
	-moz-background-size: auto 16px;
	background-size: auto 16px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 110px;
	overflow: hidden;
}
header.scroll #gnav li#nav03 a{
	background: url(../images/subnav03.png) no-repeat;
	-moz-background-size:auto 16px;
background-size:auto 16px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 85px;
	overflow: hidden;
}
header.scroll #gnav li#nav04 a{
	background: url(../images/subnav04.png) no-repeat;
	-moz-background-size:auto 16px;
background-size:auto 16px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 83px;
	overflow: hidden;
}
header.scroll #gnav li#nav05 a{
	background: url(../images/subnav05.png) no-repeat;
	-moz-background-size:auto 16px;
background-size:auto 16px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 73px;
	overflow: hidden;
}
header.scroll #gnav li#nav06 a{
	background: url(../images/subnav06.png) no-repeat;
	-moz-background-size:auto 16px;
background-size:auto 16px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 150px;
	overflow: hidden;
}
header.scroll #gnav li#nav01 a:hover{
	background: url(../images/subnav01_on.png) no-repeat;
	-moz-background-size:auto 16px;
background-size:auto 16px;
}
header.scroll #gnav li#nav02 a:hover{
	background: url(../images/subnav02_on.png) no-repeat;
	-moz-background-size:auto 16px;
background-size:auto 16px;
}
header.scroll #gnav li#nav03 a:hover{
	background: url(../images/subnav03_on.png) no-repeat;
	-moz-background-size:auto 16px;
background-size:auto 16px;
}
header.scroll #gnav li#nav04 a:hover{
	background: url(../images/subnav04_on.png) no-repeat;
	-moz-background-size:auto 16px;
background-size:auto 16px;
}
header.scroll #gnav li#nav05 a:hover{
	background: url(../images/subnav05_on.png) no-repeat;
	-moz-background-size:auto 16px;
background-size:auto 16px;
}
header.scroll #gnav li#nav06 a:hover{
	background: url(../images/subnav06_on.png) no-repeat;
	-moz-background-size:auto 16px;
background-size:auto 16px;
}
header.scroll #sns{ 
margin-left: 20px;}
header.scroll #sns li{ 
float: left; 
padding-right: 20px;
margin-top: 38px;}
header #homecontents{
	max-width: 950px;
	margin: 0px auto;
	padding: 0px 20px;
}

#mobile-head{
	display: none;
}
#contents011 {
	display: none;
}
/*パララックス設定*/



#contents01 {
	background: url(../images/main_01.jpg) no-repeat fixed 50% 0;
	-moz-background-size: cover;
	background-size: cover;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	z-index: 10;
	padding: 0px;
	border-bottom: 50px solid #000;
}
#contents01 article{
	position: absolute;
	top: 300px;
}
#contents02 {
	background: #FFF;
	height: auto;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	z-index: 9;
	padding: 0px;
}
#contents02 h2 img{
	height: 26px;
	width: auto;
}
#blog-area{
	float: left;
	width: 480px;
}
#sns-area{
	height: 100%;
	width: 45%;
	float: right;
    /*margin: 0 auto;*/
}
#blog-area h1{
	margin-top: 0px;
	margin-bottom: 5px;	
}
#sns-area h2{
	margin-top: 0px;
	margin-bottom: 5px;	
}
#twitter{
	margin-bottom: 30px;
}
.fb-like-box{
	width:428px;
}
.fb-box{
border: 1px solid #ddd;
	border-radius: 5px;
}
.iine-02{
	display: none;	
}
.iine-03{
	display: none;	
}
#feed{
	padding: 10px 0px;
	margin: 0px;
	overflow: auto;
	max-height: 460px;
}
#feed dt{
	font-size: 116%;
	background: #C00;
	padding: 7px 0px;
	margin: 10px 0px 5px;
	width: 100%;
	border-radius: 5px;
	line-height: 1.5em;
}
#feed dt span{
	color: #FFF;
	margin-left: 10px;
	display: block;
	margin-right: 100px;
}
#feed dt a{
	color: #fff !important;
}
#feed dt a:hover{
}
#feed dd{
	line-height: 1.5em;
	margin: 0em 0em 2em;
	padding: 0px;
	font-size: 95%;
}
#feed dd img{
	height: auto;
	width: 100%;
}
#feed dd p{
	font-size: 116%;
}
#feed dd.dates{
	line-height: 1.5em;
	margin: -2.1em 10px 1em 0em;
	padding: 0px;
	font-size: 90%;
	color: #FFF;
	text-align: right;
	font-weight: normal;
}

#message {
	background: url(../images/back_message.jpg) no-repeat 0 -100px;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	z-index: 7;
}
#message h1 img{
	height: auto;
	width: 145px;
}
#contents03 {
	background: url(../images/back_woody.jpg) no-repeat 50% 0;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	z-index: 8;
}
#contents03 article{
	background: url(../images/menu_back.png) repeat;
	padding: 30px;
	border-radius: 5px;
	overflow: hidden;
}
#contents03 h1{
	margin-top: 0px;
	margin-bottom: 5px;
}
#dinner-area{
	float: left;
	height: 100%;
	width: 595px;
}

#feed2{
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	max-height: 495px;
}
#feed2 dt{
	font-size: 116%;
	background: #999;
	padding: 5px 0px;
	margin: 5px 0px 5px;
	width: 100%;
	border-radius: 5px;
}
#feed2 dt a{
	color: #FFF;
	margin-left: 10px;
	display: block;
	margin-right: 100px;
}
#feed2 dt a:hover{
}
#feed2 dd{
	line-height: 1.5em;
	margin: 0em;
	padding: 0px;
	font-size: 95%;
}
#feed2 dd img{
	height: auto;
	width: 100%;
}
#feed2 dd p{
	font-size: 116%;
	margin: 0px;
}
#feed2 dd.dates{
	line-height: 1.5em;
	margin: -2.1em 10px 1em 0em;
	padding: 0px;
	font-size: 90%;
	color: #FFF;
	text-align: right;
	font-weight: normal;
}


.rssBody ul { list-style: none; }
.rssBody ul, .rssRow, .rssRow h4, .rssRow p {
	margin: 0;
	padding: 0;
}
/*feedタイトル*/
.rssHeader { display: none; }
/*feed本体*/
.rssRow{}
/*記事タイトル*/
.rssRow h4{
	font-size: 116%;
	background: #999;
	padding: 5px 0px;
	margin: 10px 0px;
	width: 100%;
	border-radius: 5px;
}
.rssRow h4 a{
	color: #FFF;
	margin-left: 10px;
	display: block;
	margin-right: 100px;
}
/*記事日付*/
.rssRow div{
	display: none;
}
/*記事本文*/
.rssRow p{
}
.rssRow p img{
	width: 100%;
}
#lunch-area{
	float: right;
	height: 100%;
	width: 255px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 67px;
	padding-bottom: 10px;
}
#lunch-area h2{
	font-size: 123.1%;
	font-size: 116%;
	background: #999;
	padding: 5px 0px;
	margin: 0px 0px 15px;
	width: 100%;
	text-align: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #FFF;
}
#lunch-area p{
	font-size: 100%;
	line-height: 1.5em;
	margin: 0px 20px 5px;
}
#lunch-area p.price{
	font-size: 116%;
	font-weight: bold;
	color: #C00;
}
#lunch-area img{
	width: 215px;
	height: auto;
	margin: 5px 20px 10px;
}
#contents04 {
	background: url(../images/back_access.jpg) no-repeat 0 -800px;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	z-index: 5;
	padding: 0px;
}
#contents04 article{
	background: url(../images/access_back.png) repeat;
	padding: 30px;
	border-radius: 5px;
	overflow: hidden;
}
#contents04 h1{
	margin-top: 0px;
	margin-bottom: 10px;
}
#map-area{
	float: left;
	height: 100%;
	width: 550px;
}
#map_canvas{
width:550px;
height:400px;
}
#address-area{
	float: right;
	height: 100%;
	width: 300px;
	border-radius: 5px;
	margin-top: 57px;
}
#address-area p.frame a{
	margin: 0px 0px 20px;
	color: #FFF;
	background: #000;
	text-align: center;
	display: block;
	padding: 7px;
	width: 91%;
	border: 1px solid #666;
	border-radius:5px;
}
#address-area p.frame a:hover{
	background: #333;
	text-decoration:none;
}
#address-area p{
	font-size: 100%;
	color: #FFF;
	line-height: 1.5em;
}
#address-area p.tellnumber{
	font-size: 138.5%;
	font-weight: bold;
	color: #e00;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    -webkit-text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    -moz-text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
#contents05 {
	background: url(../images/back_woody.jpg) no-repeat 50% 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	z-index: 6;
}
#iframe-01{
	width: 100%;
	height: 650px !important;
	border-radius: 5px;
}
#contents06 {
	background: url(../images/message_back.jpg) no-repeat 0 -800px;
	-moz-background-size:100% auto;
background-size:100% auto;
	height: 300px;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	z-index: 4;
	padding: 0px;
}
#contents02 h1 img,
#contents03 h1 img,
#contents04 h1 img{
	height: 53px;
	width: auto;
}
#footer {
	background: #333;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	z-index: 4;
	padding: 0px;
}
#footer .contents-area{
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 30px;
}
#footer h1 {
	float: left;
	margin: 0px 30px 0px 0px;
}
#footer h1 img{
	height: auto;
	width: 130px;	
}
#footer p{
	margin: 5px 30px 0.5em 0px;
	color: #FFF;
	line-height: 1.7em;
}
#footer-address{
	float: left;
}
small{
	color: #FFF;
}
.dot{
	background: url(../images/dot_20par.png) repeat;
	margin: 0px;
	padding: 0px;
	height: 100%;
}
#gnav .current a {
  background: #666;
  color: #ededed;
}
.contents-area{
	height: 100%;
	width: 950px;
	margin: 0px auto;
	padding-top: 50px;
	padding-bottom: 50px;
	overflow: hidden;
}
#contents04 h2{
	color: #FFF;
	border-bottom: 1px solid #999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #999;
	border-right-color: #999;
	border-left-color: #999;
	font-size: 108%;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/* Tablet */
@media screen and (max-width: 940px) {

#contents01 {
	background: url(../images/main_01.jpg) no-repeat fixed 50% 0;
	-moz-background-size:100% auto;
background-size:100% auto;
}

#message {
	display: none;
}
#contents04 {
	background: url(../images/DSC_0672.jpg)  repeat-y 0 -800px;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
#contents02 {
	min-height: 900px;
	margin: 0 auto;
	width: 100%;
	position: relative;
	box-shadow: none;
	z-index: 9;
	padding: 0px;
}
#contents02 .contents-area{
	padding: 50px 0px;
	margin: 0px auto;
}

#blog-area{
	float: none;
	width: 100%;
}
#sns-area{
	float: none;
	width: 100%;
}
#blog-area h1{
	margin-top: 0px;
	margin-bottom: 5px;	
}
#sns-area h2{
	margin-top: 0px;
	margin-bottom: 5px;	
}
.twitter-timeline{
	margin-bottom: 30px;
}
.fb-like-box{
	width:98% !important;
	hight:220px !important;
}
.fb-box{
border: 1px solid #ddd;
	border-radius: 5px;
}
#twitter{
	float: left;
	width: 48%;
}
.iine-01{
	display: none;	
}
.iine-02{
	display: block;
	float: right;
	width: 49%;
}
.iine-03{
	display: none;
}
#feed{
	padding: 10px 0px;
	margin: 0px;
	overflow: auto;
	max-height: 420px;
}

#message {
	display: none;
}

#contents03 {
	background: url(../images/back_woody.jpg) no-repeat 50% 0;
	-moz-background-size: 200% auto;
	background-size: 200% auto;
	margin: 0;
	width: 100%;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	z-index: 8;
	padding: 0px;
}
#contents03 article{
	background: url(none) repeat;
	padding: 0px;
	border-radius: none;
	overflow: hidden;
	width: 100%;
	margin: 0px auto;
}
#contents03 h1{
	margin-top: 0px;
	margin-bottom: 5px;
}
#dinner-area{
	float: none;
	height: 100%;
	width: 100%;
}

#lunch-area{
	float: none;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	margin-top: 20px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 0px;
}
#lunch-area h2{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#lunch-area p{
	margin: 0px 0px 5px;
}
#lunch-area img{
	display: none;
}
#contents04 {
	background: #333 url(none);
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	z-index: 5;
	padding: 0px;
}
#contents04 article{
	padding: 0px 0px;
	border-radius: 5px;
	overflow: hidden;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background: url(none);
}

#map-area{
	width: 100%;
	float: none;
	margin: 0px;
	padding: 0px;
}
#map_canvas{
	width: 100%;
	height: 400px;
}
#address-area{
	float: none;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
}
#address-area p.frame a{
	width: 97%;
}
#contents05 {
	background: url(../images/back_woody.jpg) no-repeat 50% 0;
	margin: 0 auto;
	width: 100%;
	z-index: 6;
}
#iframe-01{
	width: 100%;
	height: 350px;
	border-radius: 5px;
}
#contents06 {
	display: none;	
}
#contents02 h1 img,
#contents03 h1 img,
#contents04 h1 img{
	height: 40px;
	width: auto;
}
#footer {
	background: #333;
	margin: 0 auto;
	width: 100%;
	z-index: 4;
	padding: 0px;
	text-align: center;
}
#footer h1 {
	float: none;
	margin: 0px 30px 0px 0px;
}
#footer h1 img{
	height: auto;
	width: 130px;	
}

#footer-address{
	float: none;
}

.contents-area{
	height: 100%;
	width: 80%;
	margin: 0px auto;
	padding-top: 50px;
	padding-bottom: 50px;
	overflow: hidden;
}


}

/* Mobile */
@media screen and (max-width: 480px) {
	

#mobile-head{
	position: fixed;
	top: 0;
	left: 0;
	opacity: 1;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	background: #000;
	width: 100%;
	display: block;
	z-index: 50;
	margin: 0px;
	padding: 10px 0px 0px;
	clear: both;
	text-align: center;
}
#mobile-head #homecontents{
	width: 100%;
	margin: 0px auto;
}

#mobile-head h1{
	padding: 0px;
	margin: 0px 20px 5px 10%;
	float: left;
}
#mobile-head h1 img{
	height: 55px;
	width: auto;
	}
#mobile-gnav{
	float: left;
	margin: 0px;
	width: 100%;
	text-align: center;
	list-style: none;
	padding: 0px 50px 0px 0px;
}

#mobile-gnav li{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 20%;
}

#mobile-gnav li a{
	color: #FFF;
	background: #333;
	border-top: 1px solid #444;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #444;
	padding: 5px;
	display: block;
}


#mobile-sns{
	float: left;
	list-style: none;
	margin: 30px 0px 0px;
	padding: 0px;
}
#mobile-sns li{
	float: left;
	margin-right: 15px;
}
#mobile-contents01 {
	display: none;
	background: url(none) scroll;
}
/*パララックス設定*/


#contents01 {
	display: none;
	background: url(none) scroll;
	-moz-background-size: 400% auto;
	background-size: 400% auto;
	z-index: 1;
}
#contents011 {
	display: block;
	background: url(../images/back_mobile.jpg) no-repeat fixed 50% 100px;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	height: 600px;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	z-index: 9;
	padding: 0px;
}
#contents02 {
	min-height: 1030px;
	margin: 0 auto;
	width: 100%;
	position: relative;
	box-shadow: none;
	z-index: 9;
	padding: 0px;
}
#blog-area{
	float: none;
	width: 100%;
}
#feed{
	max-height: 320px;
}
#twitter{
	float: none;
	width: 100%;
}
.fb-box{
border: 1px solid #ddd;
	border-radius: 5px;
}
.iine-01{
	display: none;	
}
.iine-02{
	display: none;	
}
.iine-03{
	display: block;
	float: none;
	width: 100%;
}
#address-area p.frame a{
	width: 91%;
}
#map_canvas{
	width: 100%;
	height: 250px;
}
#contents02 h1 img,
#contents03 h1 img,
#contents04 h1 img{
	height: 30px;
	width: auto;
}
#contents02 .contents-area{
	padding: 30px 0px;
	margin: 0px auto;
}
.contents-area{
	padding-top: 30px;
	padding-bottom: 30px;
}
}