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

/*---------------------------------
clearfix
-----------------------------------*/
.clearfix:after{
	content:"";/*新しい要素をつくる*/
	display:block;/*ブロックレベル要素に*/
	clear:both;/*回り込みの解除*/
}


/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
 
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

/*---------------------------------
Base Style
-----------------------------------*/

body{
	background:#FFF;
	color:#3f2222;
}

a{
	color:#3f2222;
	text-decoration:none;
}

a:visited{
	color:#3f2222;
}

a:hover{
	color:#6b1818;
	text-decoration:underline;
}

a:active{
	color:#6b1818;
}

/*---------------------------------
Wrap Style
-----------------------------------*/
.wrap{
	border-top:10px solid #FC0;
}

/*---------------------------------
header Style
-----------------------------------*/

.header{
	width:960px;
	margin:0 auto;
	padding:7px 0 12px;
	position:relative;
}

h1{
	margin-bottom:16px;
	font-size:108%;
}

.logo a{
	display:block;
	width:270px;
}

.header ul{
	position:absolute;
	top:45px;
	right:5px;
}

.header ul li{
	display:inline;
	margin-left:30px;
	background:url(../images/common/header_icon.gif) no-repeat 0 50%;
	padding-left:10px;
}

.header ul li a{
	color:#352c28;
}

.header ul li a:hover{
	color:#935539;
}

.header p.headerTel{
	position:absolute;
	top:70px;
	right:5px;
}

/*---------------------------------
MainVisual Style
-----------------------------------*/

.mainVisual{
	width:960px;
	margin:20px auto;
	
}

/*---------------------------------
GlovalNavi Style
-----------------------------------*/
.navWrap ul{
	width:960px;
	margin:0 auto;
}

.navWrap ul{
	overflow:hidden;
}

.navWrap li{
	float:left;
	width:191px;
	border-left:1px solid #fff;
}

.navWrap li:first-child{
	width:192px;
	border-left:none;
}

.navWrap li a{
	display:block;
	padding:15px 0;
	background:#00F;
	text-align:center;
	color:#fff;
	text-decoration:none;
}

.navWrap li a:hover{
	background:#FC0;
}

/*---------------------------------
Notice Style
-----------------------------------*/
.notice{
	width:960px;
	margin:0 auto 30px;
}

.notice li{
	float:left;
	margin-right:20px;
}

.notice li:last-child{
	margin-right:0;
}

.notice li a{
	display:block;
	width:225px;
	height:160px;
}

.notice .food a,.notice .food a:hover{
	background:url(../images/common/bnr_food_on.jpg) no-repeat;
}

.notice li.drink a,.notice li.drink a:hover{
	background:url(../images/common/bnr_drink_on.jpg) no-repeat;
}

.notice li.acai a,.notice li.acai a:hover{
	background:url(../images/common/bnr_acai_on.jpg) no-repeat;
}

.notice li.dessert a,.notice li.dessert a:hover{
	background:url(../images/common/bnr_dessert_on.jpg) no-repeat;
}


.notice li a:hover img{
	visibility:hidden;
}

/*---------------------------------
Content Style
-----------------------------------*/
.content{
	width:960px;
	margin:0 auto 30px;
	padding-top:30px;
	
}

/*---------------------------------
Aside Style
-----------------------------------*/

.aside{
	width:260px;
	float:left;
	
}

.aside li{
	background:#fff;
	margin-bottom:20px;
	position:relative;
}

.aside li:last-child{
	margin-bottom:0;
}

.aside img{
	float:left;
}

.aside dl{
	width:120px;
	float:right;
	}

.aside dl dt{
	font-size:138.5%;
	font-weight:bold;
	color:#1e671e;
}

.aside dl dd{
	font-size:93%;
	margin-bottom:5px;
}

.aside dl dd.goDetail{
	position:absolute;
	bottom:1px;
	right:2px;
	padding-left:10px;
	background:url(../images/side_icon.gif) no-repeat 0 50%;
}

/*---------------------------------
Main Style
-----------------------------------*/
.main{
	width:660px;
	background:#fff;
	float:right;
}

.newsArea h2{
	margin-bottom:5px;
	}


.newsArea dl{
	padding:0 5px;
}

.newsArea dt{
	width:100px;
	float:left;
	padding-left:50px;
}

.newsArea dd{
	border-top:1px dotted #7d7d7d;
	margin-bottom:5px;
	padding-bottom:5px;
}

.newsArea dd:last-child{
	border-bottom:none;
	margin-bottom:0;
}

/*---------------------------------
Footer Style
-----------------------------------*/
.footerWrap{
	border-bottom:35px solid #FC0;
    }

.footer{
		width:960px;
	margin:0 auto;
	color:#00F;
}


.footer ul{
		float:right;
	margin-top:1px;
	color:#00F;
}

.footer li{
	float:left;
	padding-right:20px;
	margin-right:20px;
	border-right:1px solid #00F;
}

.footer li:last-child{
	padding-right:0;
	border-right:none;
}

.footer li a{
	color:#00f;
}

.footer li a:hover{
	color:#6b1818;
}

.copy{
	clear:both;
	text-align:left;
	
}

.footerWrap{
	clear:both;
	}

	
/*---------------------------------
Menu Page
MenuArea Style
-----------------------------------*/
.menuArea{
width:660px;
}

#food,#drink,#acai,#dessert{
margin-bottom:20px;
}	

.menuArea .columns{
width:600px;
margin-top:20px;
padding:0 30px;
}

.menuArea .columns li{ 
width:auto;
float:left;
margin-right:50px;
padding:15px;
border:1px solid #a7a5a5;
}

.menuArea .columns li:last-child{
margin-right:0;
}

.menuArea .columns h3{
color:#1e671e;
font-weight:bold;
margin-top:5px;
}

.menuArea .columns p{
margin-top:5px;
}


#day1{background:#00F;
color:#FFF;
}
#day2{background:#00F;
color:#fff;
}
#day3{background:#00F;
color:#fff;
}
#atogaki{background:00F;
color:#fff;
}

.box{
    padding: 0.5em 1em;
    margin: 2em 0;
    color:#000;
    background:#FFF;
    border-left:solid 10px #00F;
}
.box p{
    margin:0; 
    padding:0;
}
	

			/* アコーディオン */
			.ac-container{
				width: auto;
				margin: 40px auto;
							}
			.ac-container label{
				width: 191px;
				text-align: left;
				background: #00F;
				margin-right: auto;
				padding: 10px 5px;
				position: relative;
				display: block;
				height: 35px;
				cursor: pointer;
				color: #fff;
			}
			.ac-container label:hover{
				background: #FC0;
				-webkit-transition: all .3s;
				transition: all .3s;
			}
			.ac-container label:after{
			 color: #fff;
				font-family:"FontAwesome";
				content:"\f067";
			}
			.ac-container input:checked ~ label::after {
			 color: #fff;
			   font-family:"FontAwesome";
			   content:"\f068";
			}
			.ac-container input{
			   display: none;
			}
			.ac-container div{
			   background: rgba(255, 255, 255, 0.5);
			   margin-top: -1px;
			   overflow: hidden;
			   height: 0px;
			   position: relative;
			   z-index: 10;
			   transition: 
			   height 0.3s ease-in-out, 
			   box-shadow 0.6s linear;
			}
			.ac-container input:checked ~ div{
			   transition: 
			   height 0.5s ease-in-out, 
			   box-shadow 0.1s linear;
			   box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
			}
			.ac-container div p{
			   color: #777;
			   line-height: 23px;
			   font-size: 14px;
			   padding: 20px;
			}
			/* 高さの定義 */
			.ac-container input:checked ~ div.ac-small{
			   height: auto;
			   			}
			.ac-container input:checked ~ div.ac-medium{
			   height: 1000px;
			}
			.ac-container input:checked ~ div.ac-large{
			   height: 1500px;
			}
			
/*------------------------
スムーススクロール
------------------------*/

.page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width:100px;
	height:100px;
}

.icon_eat {
	margin-left:30px;
}

.icon_tabi{
	padding-right:2px;
}



.menuArea .column{
width:600px;
margin-top:20px;
padding:0 auto;
}

.menuArea .column li{ 
width:auto;
float:left;
margin-right:50px;
padding:15px;
border:1px solid #a7a5a5;
}

.menuArea .column li:last-child{
margin-right:0;
}

.menuArea .column h3{
color:#1e671e;
font-weight:bold;
margin-top:5px;
}

.menuArea .column p{
margin-top:5px;
}


/*------------------------
スムーススクロールend
------------------------*/
/*
.page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width:100px;
	height:100px;
}

.icon_eat {
	margin-left:30px;
}

.icon_tabi{
	text-align:left;
	padding-right:15px;
}



.menuArea .column{
width:600px;
margin-top:20px;
padding:0 auto;
}*/

/*.menuArea .column li{ 
width:auto;
float:left;
margin-right:50px;
padding:15px;
border:1px solid #a7a5a5;
}

.menuArea .column li:last-child{
margin-right:0;
}

.menuArea .column h3{
color:#1e671e;
font-weight:bold;
margin-top:5px;
}

.menuArea .column p{
margin-top:5px;
}
*/

.day {margin-top:15px;
margin-left:15px;
}


.map{display:inline-block;
     margin-left:5px;
	}
	
h1{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:2em;
color:#00F;
margin-top:10px;
}

h1 span{color:#F00;}

h2{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:2em;
color:#00F;
margin-top:10px;
margin-left:15px;
padding:13px;
}