@charset "utf-8";



body,input,textarea{
	font-family:Helvetica, Arial, YuGothic, "游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	font-size:14px;
	line-height:1.75em;
	color:#505050;
}

p,div
{
	line-height:1.75em;
}




h1{font-size:32px;font-weight:bold;}
h2
{
	font-size:28px;
	text-shadow: 0 0 8px #faf8ea,0 0 8px #faf8ea,0 0 8px #faf8ea,0 0 8px #faf8ea,0 0 8px #faf8ea,0 0 8px #faf8ea,0 0 4px #faf8ea,0 0 4px #faf8ea,0 0 4px #faf8ea,0 0 4px #faf8ea;
	color:#5d4e3e !important;
	padding-top:15px;
	padding-bottom:10px;
}
h2.dishes
{
	text-shadow: 0 0 8px #fdfdfd,0 0 8px #fdfdfd,0 0 8px #fdfdfd,0 0 8px #fdfdfd,0 0 8px #fdfdfd,0 0 8px #fdfdfd,0 0 4px #fdfdfd,0 0 4px #fdfdfd,0 0 4px #fdfdfd,0 0 4px #fdfdfd;
}


h3{font-size:18px;line-height:30px;color:#7a614e;}
h4{font-size:16px;font-weight:bold;}



a       {color:inherit; text-decoration:none;}
a:hover {text-decoration:none;}





._bg{background:#faf8ea url(../img/_bg.jpg) top center no-repeat;}




._header
{
	background:url(../img/_header.png) bottom center repeat-x;
	position:relative;
	padding:20px 0 15px;
	z-index:102;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.pc.scrolled ._header
{
	padding:5px 0 0;
}

.pc ._header
{
	position:fixed;
	width:100%;
	top:0;
}






._nav
{
	background:#fff;
	background:rgba(255,255,255,0.9);
	/*background:#fff;*/
	margin-top:-5px;
	position:relative;
	z-index:101;
	text-align:center;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}




.pc ._nav
{
	position:fixed;
	width:105%;
	top:105px;
}
.pc.scrolled ._nav
{
	top:70px;
}

.pc.scrolled ._nav ._navbtn
{
	padding:30px 14px 20px;
}


.pc h2
{
	margin-top:185px;
}

._navbtn
{
	background-color:none;
	color:#564030;
	padding:30px 14px 25px;
	display:inline-block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position:relative;
}
._navbtn:hover img
{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
._navbtn .mark
{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position:absolute;
	z-index:1;
	left:40%;
	top:-38px;
	
	
	-webkit-transform:rotate(-160deg) scale(0.8);
	-moz-transform:rotate(-160deg) scale(0.8);
	-o-transform:rotate(-160deg) scale(0.8);
	transform:rotate(-160deg) scale(0.8);
	opacity:0;
}
._navbtn:hover
{
	/*background-color:rgba(0,0,0,0.05);*/
}
._navbtn:hover .label
{
	-webkit-transform:translate(0,3px);
	-moz-transform:translate(0,3px);
	-o-transform:translate(0,3px);
	transform:translate(0,3px);
}
._navbtn:hover .mark
{
	-webkit-transform:translate(0,40px) rotate(20deg) scale(0.9);
	-moz-transform:translate(0,40px) rotate(20deg) scale(0.9);
	-o-transform:translate(0,40px) rotate(20deg) scale(0.9);
	transform:translate(0,40px) rotate(20deg) scale(0.9);
		opacity:1;
}

._navbtn.marked .mark
{
	-webkit-transform:translate(0,40px) rotate(20deg) scale(0.9);
	-moz-transform:translate(0,40px) rotate(20deg) scale(0.9);
	-o-transform:translate(0,40px) rotate(20deg) scale(0.9);
	transform:translate(0,40px) rotate(20deg) scale(0.9);
	opacity:1;
}

._navbtn.selected
{
	background-color:rgba(0,0,0,0.05);
}
._navbtn.selected .label
{
	-webkit-transform:translate(0,3px);
	-moz-transform:translate(0,3px);
	-o-transform:translate(0,3px);
	transform:translate(0,3px);
}

._shadow
{
	background:#fff;
	background:url(../img/_nav_shadow.png) center top no-repeat;
	height:10px;
	width:100%;
}

.pc ._shadow
{
	position:fixed;
	top:179px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.pc.scrolled ._shadow
{
	top:139px;
}



@media print
{

	.pc ._header,
	.pc ._nav,
	.pc ._shadow,
	.pc.scrolled ._header,
	.pc.scrolled ._nav,
	.pc.scrolled ._shadow
	{
		position:absolute;
	}
}















._tab
{
	background:#eee url(../img/mark_bg.png) 50% 90% no-repeat;
	background-color:rgba(0,0,0,0.06);
	padding-top:25px;
	padding-bottom:30px;
	display:block;
	text-align:center;
	border-bottom:1px solid #ddd;
	position:relative;
	overflow:hidden;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

._tab .mark
{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position:absolute;
	z-index:1;
	left:45%;
	bottom:-42px;
	
	-webkit-transform:rotate(-160deg) scale(0.8);
	-moz-transform:rotate(-160deg) scale(0.8);
	-o-transform:rotate(-160deg) scale(0.8);
	transform:rotate(-160deg) scale(0.8);
	opacity:0;
}
._tab:hover
{
	background-color:rgba(0,0,0,0.03);
}
._tab.selected
{
	background:none;
	border-bottom:1px solid #fff;
	cursor:default;
}

._tab:hover .mark
{
	-webkit-transform:translate(0,-40px) rotate(20deg) scale(0.9);
	-moz-transform:translate(0,-40px) rotate(20deg) scale(0.9);
	-o-transform:translate(0,-40px) rotate(20deg) scale(0.9);
	transform:translate(0,-40px) rotate(20deg) scale(0.9);
	opacity:1;
}

._tab.marked .mark
{
	-webkit-transform:translate(0,-40px) rotate(20deg) scale(0.9);
	-moz-transform:translate(0,-40px) rotate(20deg) scale(0.9);
	-o-transform:translate(0,-40px) rotate(20deg) scale(0.9);
	transform:translate(0,-40px) rotate(20deg) scale(0.9);
	opacity:1;
}





._tabb
{
	background:#eee url(../img/mark_bg.png) 50% 10% no-repeat;
	background-color:rgba(0,0,0,0.06);
	padding-top:30px;
	padding-bottom:25px;
	border-top:1px solid #ddd;
	display:block;
	text-align:center;
	position:relative;
	overflow:hidden;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

._tabb .mark
{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position:absolute;
	z-index:1;
	left:45%;
	top:-42px;
	
	-webkit-transform:rotate(-160deg) scale(0.8);
	-moz-transform:rotate(-160deg) scale(0.8);
	-o-transform:rotate(-160deg) scale(0.8);
	transform:rotate(-160deg) scale(0.8);
	opacity:0;
}


._tabb:hover
{
	background-color:rgba(0,0,0,0.03);
}
._tabb.selected
{
	background:none;
	border-top:1px solid #fff;
	cursor:default;
}

._tabb:hover .mark
{
	-webkit-transform:translate(0,40px) rotate(20deg) scale(0.9);
	-moz-transform:translate(0,40px) rotate(20deg) scale(0.9);
	-o-transform:translate(0,40px) rotate(20deg) scale(0.9);
	transform:translate(0,40px) rotate(20deg) scale(0.9);
	opacity:1;
}

._tabb.marked .mark
{
	-webkit-transform:translate(0,40px) rotate(20deg) scale(0.9);
	-moz-transform:translate(0,40px) rotate(20deg) scale(0.9);
	-o-transform:translate(0,40px) rotate(20deg) scale(0.9);
	transform:translate(0,40px) rotate(20deg) scale(0.9);
	opacity:1;
}









._project
{
	background-color:rgba(0,0,0,0.06);
	padding-top:23px;
	padding-bottom:21px;
	display:block;
	text-align:right;
	border-top:1px solid #ddd;
}

._box
{
	background-color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 5px 0px;
}

._box_bottom
{
	position:absolute;
	bottom:0;
	width:100%;
	border-top:1px solid #ddd;
	background:#f6f6f6;
}

.r5_tl { border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; }
.r5_tr { border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; }
.r5_bl { border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; }
.r5_br { border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; }




.tline {border-top:1px solid #ddd;}
.bline {border-bottom:1px solid #ddd;}

.tline_light {
	border-top:1px solid #eee;
	padding-top: 10px;
}


.boxbtn
{
	display:block;
-webkit-transition: all 200ms cubic-bezier(0.490, 1, 0.865, 0.995); /* older webkit */
-webkit-transition: all 200ms cubic-bezier(0.490, 1.650, 0.865, 0.995); 
   -moz-transition: all 200ms cubic-bezier(0.490, 1.650, 0.865, 0.995); 
     -o-transition: all 200ms cubic-bezier(0.490, 1.650, 0.865, 0.995); 
        transition: all 200ms cubic-bezier(0.490, 1.650, 0.865, 0.995); /* custom */

}
.boxbtn:hover
{
	transform:scale(1.03);
	z-index:1;
	-webkit-box-shadow:rgba(0, 0, 0, 0.17) 0px 10px 10px 0px;
	   -moz-box-shadow:rgba(0, 0, 0, 0.17) 0px 10px 10px 0px;
	        box-shadow:rgba(0, 0, 0, 0.17) 0px 10px 10px 0px;
}


._cal
{
	display:block;
	background:#fff url(../img/arrow_right.png) 97% 50% no-repeat;
	border-left:5px solid #fff;
}
/*._cal:hover{background-color:rgba(0,0,0,0.03);}*/
._sun{border-left:5px solid #db5419}
._sat{border-left:5px solid #b9d6e4}

._sun .week{color:#db5419}
._sat .week{color:#0084b4}



/* Colors */

.green{color:#479b4d;}
.darkgreen{color:#0e670d;}
.mossgreen{color:#5f5841;}
.gray {color:#838383;}
.lightgray {color:#c4c4c4;}
.lightbrown {color:#dac9af;}
.orange {color:#e8602c;}
.brown{color:#8a786a;}
.blue {color:#0084b4;}
.white {color:#fff;}
.red {color:#db5419;}

.lightyellow {color:#f7f7d1;}

._white {background-color:#fff;}
._green {background-color:#329d2a;}
._lightgreen {background-color:#57af4e;}
._lightyellow {background-color:#f7f7d1;}
._ivory {background-color:#d8d3cf;}
._lightivory {background-color:#f6f6ee;}
._lightbrown {background-color:#dac9af;}
._darkblue {background-color:#1c7094;}
._orange {background-color:#e8602c;}
._yellow {background-color:#e47d25;}
._lightyellow {background-color:#ed9031;}
._lightgray {background-color:#eee;}
._gray {background-color:#ccc;}



.yellow_marker
{
	background: #fe9;
	padding-left: 3px;
	padding-right: 3px;
}





._table td {padding:2px 4px;}
._table td.nowrap {border-right:1px solid #bbb;}




.pagetop
{
	width:120px;
	height:112px;
	overflow:hidden;
	position:absolute;
	bottom:0;
}
.pagetop img
{
	padding-top:8px;
}
.pagetop:hover
{
	cursor:pointer;
}
.pagetop:hover img
{
	padding-top:4px;
}







/* Countdown */

.visual {height:420px;}
.visual .box{width:360px; margin:0 auto;position:relative;}
.visual .counter{z-index:1; width:100%; text-align:center; top:60px;}
.visual .tag{
	z-index:2; top:180px; width:120px;height:80px;overflow:hidden;display:none;

	background-image:url("../img/tag.png");
	background-repeat: no-repeat;

}
.visual .imgl{z-index:3;}
.visual .imgr{z-index:4;}

.visual.week0 .imgl{left:-290px;top:-20px;}
.visual.week0 .imgr{display:none;}

.visual.week1 .imgl{left:-240px;top:-10px;}
.visual.week1 .imgr{display:none;}

.visual.week2 .imgl{left:-250px;top:17px;}
.visual.week2 .imgr{display:none;}

.visual.week3 .imgl{left:-280px;top:60px;}
.visual.week3 .imgr{right:-240px;top:10px;}

.visual.week4 .imgl{left:-260px;top:20px;}
.visual.week4 .imgr{right:-40px;top:-15px;}

.visual.week5 .imgl{left:-270px;top:260px;}
.visual.week5 .imgr{right:-250px;top:150px;}

.visual.week6 .imgl{left:-270px;top:160px;}
.visual.week6 .imgr{right:-230px;top:260px;}


.visual .num0 {right:5px;}
.visual .num1 {right:35px;}
.visual .num2 {right:-5px;}
.visual .num3 {right:5px;}
.visual .num4 {right: 0px;}
.visual .num5 {right:-5px;}
.visual .num6 {right:-5px;}
.visual .num7 {right:50px;}
.visual .num8 {right:-13px;}
.visual .num9 {right:39px;}

.visual .numitem
{
	display:inline-block;
	width  :180px;
	height :250px;
	background-image:url("../img/num.png");
	background-repeat: no-repeat;
}

.visual .banner
{
	display:none;
}
.visual .banner img
{
-webkit-transition: all 200ms cubic-bezier(0.490, 1, 0.865, 0.995); /* older webkit */
-webkit-transition: all 200ms cubic-bezier(0.490, 1.650, 0.865, 0.995); 
   -moz-transition: all 200ms cubic-bezier(0.490, 1.650, 0.865, 0.995); 
     -o-transition: all 200ms cubic-bezier(0.490, 1.650, 0.865, 0.995); 
        transition: all 200ms cubic-bezier(0.490, 1.650, 0.865, 0.995); /* custom */

}
.visual .banner img:hover
{
	transform:scale(1.06);
	z-index:1;
}



/* Twitter Timeline */


.twitter-timeline {width:100% !important;}

/*
.tb .twitter-timeline {width:100% !important;}
.sp .twitter-timeline {height:240px;width:300px !important;}*/




/* Twitter Share Button */
.social{position:absolute;right:0;height:22px;width:340px;}
.fb-like {float:right;}
.fb_iframe_widget > span { vertical-align: baseline !important;}
.twitter-share-button {width:120px !important;float:right;margin-left:10px;}