@import url(reset.css);
html, body {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Lora", serif;
	font-size: 14px;
	line-height: 24px;
	color: #222;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-image: url(../img/CFB975.jpg);
	background-color: #CDB877;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 32px;
	margin: 0 0 8px;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
	font-weight: bold;
}
h4 {
	font-size: 18px;
}
h5, h6 {
	font-size: 16px;
}
a, a:visited {
	color: #000000;
	text-decoration: none;
	-webkit-transition: color 0.15s ease-out;
	-moz-transition: color 0.15s ease-out;
}
.a-style1 {
	color: #000000;
	text-decoration: underline;
}
a:active {
	opacity: 0.8;
}
a:hover {
	opacity: 0.8;
	color: #666;
}
.footer_nav a:hover {
	color: #FFF;
}
.rssBody a img:hover {
	opacity: 0.8;
}
a:focus {
	outline: thin dotted;
}
p, ul, ol {
	margin: 0 0 20px;
}
ul, ol {
	padding: 0;
}
ul ul, ul ol, ol ol, ol ul {
	margin: 0;
}
li {
	display: list-item;
	list-style-position: inside;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
em {
	font-style: italic;
}
img {
	border: none;
}
nav {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	overflow: hidden;
}
nav ul {
	list-style-image: none;
	list-style-type: none;
}
nav ul li {
	font-size: 16px;
	-webkit-transition: background-gridor .15s ease-out;
	-moz-transition: background-gridor .15s ease-out;
	display: inline;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
	/* [disabled]float: left; */
}


/*

	Layout
	
*/


#container {
	width: 960px;
	text-align: left;
	/* [disabled]position: relative; */
	margin: 0 auto;
	background-image: url(../img/E7DCB8.jpg);
	background-color: #E7DCB8;
}
header {
	position: relative;
	margin: 0 0;
	/* [disabled]overflow: hidden; */
	box-shadow: 1px 1px 3px #A67D42;
}
#full {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	float: none;
}
#content {
	padding-right: 20px;
	padding-left: 20px;
	overflow: hidden;
	clear: none;
	float: none;
	position: relative;
}
#primary, aside {
	float: right;
	display: inline;
}
#primary {
	width: 380px;
}
#primary img{
	width: 100%;
}
aside {
	width: 280px;
	margin-left: 40px;
	display: block;
	background-color: #FEFEF0;
	box-shadow: 1px 1px 3px #CDB877;
	border-radius: 5px;
}
footer {
	position: relative;
	clear: both;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	overflow: hidden;
	margin-top: 15px;
	box-shadow: 1px -1px 3px #A67D42;
	background-image: url(../img/915C3E.jpg);
}


/*
	
	The Percentage Grid
	
*/


.row {
	overflow: hidden;
	margin-bottom: 32px;
	clear: none;
}
.grid {
	float: left;
	display: inline;
	margin-left: 2%;
	width: 48%;
	margin-bottom: 2%;
}
.grid3 .grid {
	width: 32%;
}
.grid4 .grid {
	width: 23.5%;
}


/*
	
	Helper Classes
	
*/


.first {
	margin-left: 0!important;
}
.last {
	margin-right: 0!important;
}
.left {
	float: left;
	margin-right: 1em;
}
.right {
	float: right;
	margin-left: 1em;
}
.center {
	text-align: center;
}
/*
	
	Demo-Specific CSS
	
*/
.banner {
	position: absolute;
}
.tagline p {
	font-size: 28px;
	line-height: 38px;
	margin: 50px 0 0;
}
.tagline small {
	font-size: 10px;
}


/*
	
	Media Queries for Mobile Support
	
*/


header {
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
	overflow: hidden;
	/* [disabled]position: relative; */
}
#container {
	width: 960px;
	box-shadow: 1px 1px 2px #CDB877;
}
#container #content dl {
	display: block;
	float: left;
	width: 430px;
	margin-right: 60px;
	overflow: hidden;
	margin-bottom: 6em;
}
#container #content dl dt {
	display: inline;
	float: left;
}
#container #content dl dd {
	display: inline;
	float: right;
}
#container #content .shadow {
	box-shadow: 1px 1px 3px #CDB877;
	border-radius: 11px;
}
#container #content .shadow2 {
	box-shadow: 1px 1px 3px #A68235;
	border-radius: 11px;
}
.tagline p {
	font-size: 20px;
}
aside h2 {
	margin-left: 0;
}
.banner h2 span {
	font-size: 50%;
	padding: 20px;
}
.ul-style1 {
	list-style-type: square;
	font-size: 0.9em;
	color: #444;
}
span {
	font-size: 0.7em;
}
.SP {
	display: none;
}
.PC {
	display: block;
}

/*■ホーム*/


#banner img.active {
	z-index: 10;
}
#banner img.last-active {
	z-index: 9;
}
#container header .gnav {
	margin: 0px;
	display: block;
	float: right;
	width: 610px;
	height: 68px;
	padding: 0px;
}
#container header .gnav ul {
	display: block;
	list-style-type: none;
}
#container header .gnav ul li {
	margin: 0px;
	float: left;
}
#container header #banner {
	display: block;
	float: right;
	width: 610px;
	position: relative;
	height: auto;
}
#banner img {
	position: absolute;
	z-index: 8;
	padding: 0px;
}
#container header .title-section {
	box-shadow: 1px 1px 2px 2px #A67D42;
	float: none;
}
#container header .title-section .sitetitle {
	height: 418px;
	width: 350px;
	float: left;
	text-align: center;
	margin: 0px;
	background-image: url(../img/DAC995.jpg);
	background-color: #DAC995;
}
#container header .title-section .sitetitle a img {
	margin-top: 30px;
}
#container #content .info .row #feed-m {
	padding-bottom: 1em;
}
#container #content #primary img {
	margin-bottom: 1em;
}
#container #content aside img {
	width: 260px;
	margin-left: 10px;
}
#container #content aside .aside_h3 {
	display: block;
	background-color: #F30;
	font-weight: bold;
	color: #FFF;
	margin-bottom: 15px;
	padding-left: 20px;
}
#container #content aside .aside_btn img {
	margin-top: 15px;
	margin-bottom: 15px;
}
#container footer #footer_div {
	width: 920px;
	overflow: hidden;
	float: left;
}
#container footer #footer_div img {
	float: left;
	margin-right: 15px;
}
#container footer .copyrights {
	float: right;
	color: #FFF;
}

/*■メニュー・イベント・コンタクト*/


/*.center {
	margin: auto;
	display: block;
}*/
#container #content .row .under {
	text-decoration: underline;
}
#container #content .row .grid_menu {
	overflow: hidden;
}
#container #content .row .grid_menu #tab {
	display: none;
}
#container #content .row .grid_menu form dl {
	width: 100%;
	margin-bottom: 1em;
}
#container #content .row .grid_menu form dl dt {
	width: 30%;
}
#container #content .row .grid_menu form dl dd {
	width: 70%;
}
#container #content .row .grid_menu .event-fb {
	width: 24%;
	float: right;
}
#container #content .row .grid_menu .menu_lunch {
	float: left;
	margin-right: 28px;
	margin-bottom: 1em;
	border: 4px solid #FFF;
}
#container #content .row .grid_menu .mune_subtitle1 {
	margin-bottom: 0px;
}
#container #content .menu_subtitle2 {
	margin-top: 15px;
	border: 4px solid #FFF;
}

#container #content .grid_menu2 {
	width: 100%;
	float: none;
	overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}
#container #content .grid_menu2 h3 {
	float: left;
	display: block;


	[disabled]width: 450px;
}
#container #content .row .out_menu1 {
	/* [disabled]text-align: center; */
}
#container #content .row .out_menu2 {
	/* [disabled]text-align: center; */
	margin-right: 0px;
}
#container #content .row .out_menu3 {
	/* [disabled]text-align: center; */
}
#container #content .row .out_menu4 {
	/* [disabled]text-align: center; */
	margin-right: 0;
}
#container #content .row .grid_menu2 .me_dinner {
	display: block;
	width: 500px;
	/* [disabled]float: right; */
}
#container #content .row .grid_menu2 .menu_dinner {
	float: right;
	border: 4px solid #FFF;
	margin-left: 14px;
	margin-right: 3px;
	display: block;
}
#container #content .row .grid_menu2 .event-record {
	width: 600px;
}
#container #content .grid_menu2 .con-dl {
	width: 400px;
	margin-bottom: 0.5px;
	margin-right: 0px;
	float: none;
	overflow:hidden;
}
#container #content .grid_menu2 .con-dl dt {
	float: left;
	width: 50%;
}
#container #content .grid_menu2 .con-dl dd {
	float: right;
	width: 50%;
}
#container #content .grid_menu2 .con-last {
	margin-bottom: 1em;
}
#container #content .row .map {
	box-shadow: 1px 1px 3px #CDB877;
	border-radius: 5px;
	border: 4px solid #FFF;
	width: 99%;
}
#container #content .ul-style1 li {
	border-bottom-style: dotted;
	display: block;
	border-bottom-width: 1px;
	border-bottom-color: #C30;
	padding-top: 1em;
	padding-bottom: 1em;
}
#container #content .ul-style1 li .day {
	font-weight: bold;
	display: inline;
}
#container #content .ul-style1 li span {
	float: left;
}
#container #content .ul-style1 li .categoly {
	display: block;
	width: 4em;
	background-color: #CCC;
	margin-right: 0.5em;
	margin-left: 0.5em;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
#container #content .ul-style1 #ul-style1_li_end {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container #content .row .oowaku {
	border: 4px solid #FFF;
	margin-right: 24px;
}
#container #content .row .oowaku_last {
	border: 4px solid #FFF;
	margin: 0;
}
#container #content .row img {
	box-shadow: 1px 1px 3px #CDB877;
	border-radius: 5px;
}


/*■サイトマップ*/


#container #content .row .grid.sitemap ul li .site_img {
	width: auto;
	box-shadow: 0px 0px 0px;
}


/*■rssfeed*/


.rssHeader {
	display: none;
}
.rssBody img {
	width: auto;
	display: block;
	margin-right: 1em;
	box-shadow: 1px 1px 3px #C2923F;
	border-radius: 5px;
	border: 4px solid #FFF;
	position: absolute;
	top: 0;
	right: 0;
}
.rssBody ul h4 {
	display: none;
}
.rssBody div {
	width: 100%;
	font-weight: bold;
	color: #FC1607;
}
.rssBody p {
	width: 60%;
	display: block;
	font-weight: normal;
	text-decoration: underline;
}
.rssBody li {
	display: block;
	position: relative;
}
.odd {
	margin-bottom:1.5em;
	height:185px;
	width:49%;
	float:left;
	text-overflow: ellipsis;
	overflow:hidden;
	white-spce: nowrap
}
.even {
	margin-bottom:1.5em;
	height:185px;
	width:49%;
	float: right;
	text-overflow: ellipsis;
	overflow:hidden;
	white-spce: nowrap
}
.fb-page{
	float:left!important;
}





 @media only screen and (max-width : 480px) {
	 
h3 {
	font-size: 16px;
}
#container footer .footer_nav ul li {
	margin-right: 0px;
	/* [disabled]margin-left: 0.3em; */
	margin-top: 0px;
	margin-bottom: 0.5em;
}
#container footer {
	[disabled]width: 100%;
	[disabled]clear: both;
	[disabled]position: relative;
	[disabled]overflow: hidden;
}
#container {
	width: 100%;
	font-size: 80%;
	[disabled]overflow: hidden; 
}
p {
	font-size: 1.3em;
}
.tagline p {
	font-size: 24px;
	line-height: 32px;
	margin: 50px 0 0;
}
nav ul li {
	font-size: 100%;
	display: block;
	margin-top: 1em;
}
#full, img {
	width: 100%;
}
#primary, aside {
	float: none;
}
h2 {
 [disabled]width: 100%;
}
aside h2 {
	margin-left: 0;
}
.banner h2 {
	display: none;
}
.grid {
	float: none;
	margin: 0!important;
}
img {
	width: 100%;
	height: auto;
	margin-bottom: 0px;
}
.delete {
	display: none;
}
.SP {
	display: block;
}
.PC {
	display: none;
}


/*■ホーム*/
#banner img {
	/* [disabled]width: 90%; */
}

#container header .title-section .sitetitle {
	width: 100%;
}
#container header .title-section .sitetitle a img {
	height: auto;
	width: auto;
	margin-top: 1em;
}
#container header .gnav {
	display: none;
}
#container header .gnav img {
	display: none;
}
#container header #banner {
	width: 100%;
}
#container #content aside {
	display: none;
}
#container #content .info {
	margin-top: 2em;
	width: 100%;
}
#container footer .copyrights {
	float: none;
}
#container footer .footer_nav {
	font-size: 16px;
	font-weight: bold;
}
#container footer #footer_div {
	width: 100%;
}
#container footer #footer_div img {
	display: none;
}
#container footer #footer_div .p_access {
	font-size: 12px;
}


/*■メニュー・イベント・コンタクト*/


#container #content dl {
	font-size: 1.1em;
	width: 100%;
	margin-bottom: 1em;
}
#container #content dl dt {
	font-size: 1em;
	width:100%;
}
#container #content dl dd {
	font-size: 1em;
	width:100%;
}
#container #content dl img {
	width: 94%;
}
#container #content .menu_subtitle1 {
	width: auto;
}
#container #content .top_menu img {
	width: 100%;
	height: auto;
	margin-top: 20px;
}
#container #content .row .oowaku {
	width: 23%;
	display: block;
	margin-bottom: 1em;
	float: left;
}
#container #content .row .oowaku_last {
	width: 23%;
	margin-bottom: 1em;
	display: block;
	float: left;
}
#container #content .row .grid_menu form dl dt {
	display: block;
	width: 100%;
}
#container #content .row .grid_menu form dl dd {
	display: block;
	width: 100%;
}
#container #content .row .grid_menu .menu_lunch {
	width: 96%;
	margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
}
#container #content .row .grid_menu2 .menu_dinner {
	width: 96%;
	margin-left: 0px;
	margin-bottom: 1em;
	float: left;
	margin-top: 1em;
}
#container #content .row .grid_menu2 .me_dinner {
	width: 100%;
}
#container #content .out_menu1 {
	padding-right: 1%;
	margin-right: 0;
}
#container #content .out_menu2 {
	padding-left: 1%;
	margin-right: 0;
}
#container #content .out_menu3 {
	padding-right: 1%;
	margin-right: 0;
}
#container #content .out_menu4 {
	padding-left: 1%;
	margin-right: 0;
}
#container #content .row .out_menu1 dd {
	margin-bottom: 1em;
}
#container #content .row .out_menu2 dd {
	margin-bottom: 1em;
}
#container #content .row .out_menu3 dd {
	margin-bottom: 1em;
}
#container #content .row .out_menu4 dd {
	margin-bottom: 1em;
}

/*■イベント*/
#container #content .row .grid_menu2 .event-record {
	float: none;
	width: 100%;
}


/*■コンタクト*/


#container #content .row .map {
	width: 96%;
}
#container #content .row .sha-no {
	border-top-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container #content .grid_menu2 .con-dl {
	width: 100%;
}


/*■サイトマップ*/


#container #content .row .grid.sitemap ul li {
	font-size: 1.2em;
}


/*■rssfeed*/


.rssBody div {
	font-weight: bold;
	color: #FC1607;
	width: 60%;
}
.rssBody p {
	width:50%;
	display: block;
	font-weight: normal;
}
.rssBody li {
	display: block;
}
.odd {
	margin-bottom:1.5em;
	height:140px;
	width:100%;
	float:left;
	text-overflow: ellipsis;
	overflow:hidden;
	white-spce: nowrap
}
.even {
	margin-bottom:1.5em;
	height:140px;
	width:100%;
	float:left;
	text-overflow: ellipsis;
	overflow:hidden;
	white-spce: nowrap
}
.rssBody ul li img {
	top: 0;
	right: 0;
	float:right;
	width:85px;
	height:auto;
}


#container #content .row .menu_subtitle1 {
	display: none;
	width: 98%;
}
#container #content .row .out_menu1 dt .delete2 {
	width: auto;
}
#container #content .row .out_menu2 dt .delete2 {
	width: auto;
}
#container #content .row .out_menu3 dt .delete2 {
	width: auto;
}
#container #content .row .out_menu4 dt .delete2 {
	width: auto;
}
#container #content .menu_p .delete2 {
	width: auto;
}


#container #content #f-menu #gnavi ul li{

	border-bottom:1px solid #333;
	margin:0;
	padding:0;
	}
	#container #content #f-menu #gnavi ul li a{
		display:block;
		padding: 0.5em 1em;
	
	}
	#container #content #f-menu #gnavi ul li:last-child{
		border-bottom:none;
	
	}
}


#container #content .menu_p .delete2 {
	box-shadow: 0px 0px 0px;
}
#container #content h2 .delete {
	box-shadow: 0px 0px 0px;
}
#container #content h2 .delete2 {
	box-shadow: 0px 0px 0px;
}
#container #content .row .out_menu1 dt .delete2 {
	margin-left: 1em;
	box-shadow: 0px 0px 0px;
}
#container #content .row .out_menu2 dt .delete2 {
	margin-left: 0.5em;
	box-shadow: 0px 0px 0px;
}
#container #content .row .out_menu3 dt .delete2 {
	margin-left:1em;
	box-shadow: 0px 0px 0px;
}
#container #content .row .out_menu4 dt .delete2 {
	margin-left:1em;
	box-shadow: 0px 0px 0px;
}
.attencion {
	font-size: 1em;
	font-weight: bold;
}
#container header .SP {
	background-color: #D8C894;
}
#container #content .row .out_menu1 dt span {
	font-weight: bold;
	font-size: 1em;
}
#container #content .row .out_menu2 dt span {
	font-size: 1em;
	font-weight: bold;
}
#container #content .row .out_menu3 dt span {
	font-weight: bold;
	font-size: 1em;
}
#container #content .row .out_menu4 dt span {
	font-size: 1em;
	font-weight: bold;
}
h4 span {
	font-size: 1em;
	font-weight: bolder;
	/* [disabled]color: #FC1607; */
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	/* [disabled]border-bottom-color: #FC1607; */
}
#container #content #gnavi { overflow: visible; }

#container #content #toggle-button {
	display: block;
	height: 1.5em;
	width: 1.5em;
	background-color: #CCC;
	padding: 0.3em;
	position: absolute;
	top: 30px;
	right: 25px;
}
 
 .rssBody a:nth-child(3) {
	 display:none;
 }
 
#sns_btn {
	text-align: right;
	display: block;
	overflow: hidden;
	margin-bottom: 0px;
	position: absolute;
	right: 20px;
	top:10px;
}
#sns_btn li {
	display: block;
	/* [disabled]width: 100px; */
	padding: 0 0.2em;
	float: right;
	text-align: right;
	height:21px !important;
	margin-bottom:3px;
}
#sns_btn iframe {
	margin: 0 !important;
}
#sns_btn #fb_btn {
	width: 148px;
}
#container footer #footer_div .p_access {
	color: #FFF !important;
}
#container #content #f-menu {
	display: none;
}
.GO-MAP {
	display:none;
}
 @media only screen and (max-width : 480px) {
#container #content #f-menu { display: block; }
#sns_btn {
	display: block;
	top:0px;
	position:static;
}
#sns_btn .line-btn{
	width: 88px!important;
	height: 21px!important;
}
.GO-MAP {
	display: block;
}
}
.fb-send {
	height: 21px;
}
.fb-send span{
	vertical-align:top!important;
}


  .button-container {
    text-align: center;
  }
  .facebook-button {
    display: inline-block;
    padding: 30px 30px;
    background-color: #cd3333;
    color: #ffffff;
    font-size: 16px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
  }
  .facebook-button a{
    color: #ffffff;
  }
  .facebook-button:hover {
    opacity:0.8;
  }