@charset "utf-8";

/*******************************************************************************
**	1.基本レイアウト
*******************************************************************************/
.enFonts{
	font-family: 'Quicksand', sans-serif !important;/* google web fonts */
}
.serifFonts{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

body{
	font-family:"Yu Gothic";
	font-kerning: normal;
	font-size: 13px;
	line-height: 1.6;
	color: #2A1911;
}

.container{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background:#FFF;
	z-index: 1;
}
#sub .container{
	padding-top:60px;
}
/*
.mainCol{
	padding-bottom: 10%;
}
*/
footer{
	/*
	position: absolute;
	bottom: 0;
	height: 20px;
	*/
}


/*******************************************************************************
**	2.基本設定
*******************************************************************************/
img{
	width: 100%;
	vertical-align: bottom;
}
li{
	list-style: none;
}
.bgGreen{
	background: #096f3f;
}
.bgLgreen{
	background: #94d243;
}
.bgRed{
	background: #dc2829 !important;
}

.bgXmas{
	background: #e53939 !important;
}
.bgOrange{
	background: #ff9600;
}
.bgGray{
	background: #73757a;
}
.telLink a{
	color: #111 !important;
}
.bgMustard{background:#d0af4c!important;}
.bgIceblue {background:	#5692d8 !important;}
.bgVD01{background:#590209!important;}
.bgVD02{background: #D98484!important;}
.bgSpring01{background:#89C997!important;}
.bgSpring02{background: #eb6ea5!important;}
.bgAutumn01{background:#8A1B2D!important;}
.bgAutumn02{background:#E99313!important;}
.bgWinter01{background:#6090c0!important;}
.bgWinter02{background:#f09060!important;}

/* clear
----------------------------------------------------------------------------- */
.clear {clear:both;}

/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after,
div.section:after{
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
div.section{
	display: inline-block;
}
* html .clearfix,
* html div.section{
	height: 1%;
}
.clearfix,
div.section{
	display: block;
}

/* float
----------------------------------------------------------------------------- */
.floatRight {float:right;}
.floatLeft {float:left;}

/* align valign
----------------------------------------------------------------------------- */
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}
.valignTop {vertical-align:top;}
.valignMiddle {vertical-align:middle;}
.valignBottom {vertical-align:bottom;}

/* padding
----------------------------------------------------------------------------- */
.paddingTop0 {padding-top:0 !important;}
.paddingTop5 {padding-top:5px !important;}
.paddingTop10 {padding-top:10px !important;}
.paddingTop15 {padding-top:15px !important;}
.paddingTop20 {padding-top:20px !important;}
.paddingTop25 {padding-top:25px !important;}
.paddingTop30 {padding-top:30px !important;}
.paddingTop35 {padding-top:35px !important;}
.paddingTop40 {padding-top:40px !important;}
.paddingTop45 {padding-top:45px !important;}
.paddingTop50 {padding-top:50px !important;}
.paddingTop60 {padding-top:60px !important;}
.paddingTop70 {padding-top:70px !important;}
.paddingTop80 {padding-top:80px !important;}
.paddingTop90 {padding-top:90px !important;}
.paddingTop100 {padding-top:100px !important;}

.paddingRight0 {padding-right:0 !important;}
.paddingRight5 {padding-right:5px !important;}
.paddingRight10 {padding-right:10px !important;}
.paddingRight15 {padding-right:15px !important;}
.paddingRight20 {padding-right:20px !important;}
.paddingRight25 {padding-right:25px !important;}
.paddingRight30 {padding-right:30px !important;}
.paddingRight35 {padding-right:35px !important;}
.paddingRight40 {padding-right:40px !important;}
.paddingRight45 {padding-right:45px !important;}
.paddingRight50 {padding-right:50px !important;}
.paddingRight60 {padding-right:60px !important;}
.paddingRight70 {padding-right:70px !important;}
.paddingRight80 {padding-right:80px !important;}
.paddingRight90 {padding-right:90px !important;}
.paddingRight100 {padding-right:100px !important;}

.paddingBottom0 {padding-bottom:0 !important;}
.paddingBottom5 {padding-bottom:5px !important;}
.paddingBottom10 {padding-bottom:10px !important;}
.paddingBottom15 {padding-bottom:15px !important;}
.paddingBottom20 {padding-bottom:20px !important;}
.paddingBottom25 {padding-bottom:25px !important;}
.paddingBottom30 {padding-bottom:30px !important;}
.paddingBottom35 {padding-bottom:35px !important;}
.paddingBottom40 {padding-bottom:40px !important;}
.paddingBottom45 {padding-bottom:45px !important;}
.paddingBottom50 {padding-bottom:50px !important;}
.paddingBottom60 {padding-bottom:60px !important;}
.paddingBottom70 {padding-bottom:70px !important;}
.paddingBottom80 {padding-bottom:80px !important;}
.paddingBottom90 {padding-bottom:90px !important;}
.paddingBottom100 {padding-bottom:100px !important;}

.paddingLeft0 {padding-left:0 !important;}
.paddingLeft5 {padding-left:5px !important;}
.paddingLeft10 {padding-left:10px !important;}
.paddingLeft15 {padding-left:15px !important;}
.paddingLeft20 {padding-left:20px !important;}
.paddingLeft25 {padding-left:25px !important;}
.paddingLeft30 {padding-left:30px !important;}
.paddingLeft35 {padding-left:35px !important;}
.paddingLeft40 {padding-left:40px !important;}
.paddingLeft45 {padding-left:45px !important;}
.paddingLeft50 {padding-left:50px !important;}
.paddingLeft60 {padding-left:60px !important;}
.paddingLeft70 {padding-left:70px !important;}
.paddingLeft80 {padding-left:80px !important;}
.paddingLeft90 {padding-left:90px !important;}
.paddingLeft100 {padding-left:100px !important;}

.padding0 {padding:0 !important;}
.padding5 {padding:5px !important;}
.padding10 {padding:10px !important;}
.padding15 {padding:15px !important;}
.padding20 {padding:20px !important;}
.padding25 {padding:25px !important;}
.padding30 {padding:30px !important;}
.padding35 {padding:35px !important;}
.padding40 {padding:40px !important;}
.padding45 {padding:45px !important;}
.padding50 {padding:50px !important;}
.padding60 {padding:60px !important;}
.padding70 {padding:70px !important;}
.padding80 {padding:80px !important;}
.padding90 {padding:90px !important;}
.padding100 {padding:100px !important;}

/* margin
----------------------------------------------------------------------------- */
.marginTop0 {margin-top:0 !important;}
.marginTop5 {margin-top:5px !important;}
.marginTop10 {margin-top:10px !important;}
.marginTop15 {margin-top:15px !important;}
.marginTop20 {margin-top:20px !important;}
.marginTop25 {margin-top:25px !important;}
.marginTop30 {margin-top:30px !important;}
.marginTop35 {margin-top:35px !important;}
.marginTop40 {margin-top:40px !important;}
.marginTop45 {margin-top:45px !important;}
.marginTop50 {margin-top:50px !important;}
.marginTop60 {margin-top:60px !important;}
.marginTop70 {margin-top:70px !important;}
.marginTop80 {margin-top:80px !important;}
.marginTop90 {margin-top:90px !important;}
.marginTop100 {margin-top:100px !important;}

.marginRight0 {margin-right:0 !important;}
.marginRight5 {margin-right:5px !important;}
.marginRight10 {margin-right:10px !important;}
.marginRight15 {margin-right:15px !important;}
.marginRight20 {margin-right:20px !important;}
.marginRight25 {margin-right:25px !important;}
.marginRight30 {margin-right:30px !important;}
.marginRight35 {margin-right:35px !important;}
.marginRight40 {margin-right:40px !important;}
.marginRight45 {margin-right:45px !important;}
.marginRight50 {margin-right:50px !important;}
.marginRight60 {margin-right:60px !important;}
.marginRight70 {margin-right:70px !important;}
.marginRight80 {margin-right:80px !important;}
.marginRight90 {margin-right:90px !important;}
.marginRight100 {margin-right:100px !important;}

.marginBottom0 {margin-bottom:0 !important;}
.marginBottom5 {margin-bottom:5px !important;}
.marginBottom10 {margin-bottom:10px !important;}
.marginBottom15 {margin-bottom:15px !important;}
.marginBottom20 {margin-bottom:20px !important;}
.marginBottom25 {margin-bottom:25px !important;}
.marginBottom30 {margin-bottom:30px !important;}
.marginBottom35 {margin-bottom:35px !important;}
.marginBottom40 {margin-bottom:40px !important;}
.marginBottom45 {margin-bottom:45px !important;}
.marginBottom50 {margin-bottom:50px !important;}
.marginBottom60 {margin-bottom:60px !important;}
.marginBottom70 {margin-bottom:70px !important;}
.marginBottom80 {margin-bottom:80px !important;}
.marginBottom90 {margin-bottom:90px !important;}
.marginBottom100 {margin-bottom:100px !important;}

.marginLeft0 {margin-left:0 !important;}
.marginLeft5 {margin-left:5px !important;}
.marginLeft10 {margin-left:10px !important;}
.marginLeft15 {margin-left:15px !important;}
.marginLeft20 {margin-left:20px !important;}
.marginLeft25 {margin-left:25px !important;}
.marginLeft30 {margin-left:30px !important;}
.marginLeft35 {margin-left:35px !important;}
.marginLeft40 {margin-left:40px !important;}
.marginLeft45 {margin-left:45px !important;}
.marginLeft50 {margin-left:50px !important;}
.marginLeft60 {margin-left:60px !important;}
.marginLeft70 {margin-left:70px !important;}
.marginLeft80 {margin-left:80px !important;}
.marginLeft90 {margin-left:90px !important;}
.marginLeft100 {margin-left:100px !important;}

.bold{font-weight: bold;}
/* link
----------------------------------------------------------------------------- */
a:link {
	color:#2A1911;
	text-decoration:none;
}
a:visited {
	color:#2A1911;
	text-decoration:none;
}
a:hover {
	color:#2A1911;
	text-decoration:underline;
}

/*******************************************************************************
**	3.ヘッダー
*******************************************************************************/
/* Toggle Button */
#navToggle {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    cursor: pointer;
    z-index: 101;
}
/* header */
#topHead,
.inner {
	/* width: 100%;
	padding: 0;*/
	z-index: 999;
}
#topHead {
	top: 0;
	position: fixed;
	margin-top: 0; 
	width:100%;
}
/* Fixed reset */
#topHead.fixed {
	padding-top: 0;
	background: transparent;
}
#mobileHead {
	width: 100%;
	z-index: 999;
	position: relative;
}
#topHead.fixed .logo,
#topHead .logo {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #333;
}
.logo{
	width: 15%;
    max-height: 100%;
}

#topHead .headImg {
	position: absolute;
	right: 60px;
	top: 10px;
	color: #333;
	font-size: 26px;
}
.headImg{
	width: 50px;
}


#navToggle {
	display: block;
}
#sub #topHead {background:#FFF; height:60px;}
#top #topHead .logo{display:none;}

.headMenu{
	font-family: 'Quicksand', sans-serif !important;/* google web fonts */
	position: absolute;
	right: 60px;
	top: 19px; }
.headMenu li{
	display:inline-block;
	border-left:solid 1px #ffffff; }
.headMenu li a{
	display:block;
	background:#146B58;
	padding: 10px 5px;
	color:#FFF; 
	  border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 12px;
}
/*******************************************************************************
**	4.サイド（leftCol）
*******************************************************************************/

/*******************************************************************************
**	5.メイン（mainCol）
*******************************************************************************/
.mainCol{
	background: #ffffff;
}
.topColInner{
	width: 92%;
	margin: 0 auto;
	padding: 2% 0 2% 0;
}
.mainColInner{
	width: 92%;
	margin: 0 auto;
	padding: 2% 0 2% 0;
}

.topNewItem{position: relative;}
.topNewItem .tit{ width: 90%;
position: absolute;
top: -15%;
left: 50%;
margin-left: -45%;}
.topNewItem .textBox{ width:100%; position: absolute; bottom:0px; left: 0px; background:rgba(255,255,255,0.7);
padding: 10px; box-sizing: border-box;}
.topPancakes{position: relative; background:url(../../common/img/bg_pancakes.jpg)  no-repeat; background-size:cover ; padding:5% 5% 20% 5%; box-sizing: border-box; text-align: center;}
.topPancakes .tit{ width:70%; margin: auto; margin-bottom: 10px;}
.topPancakes .tit2{ font-size: 15px; font-weight: bold; margin-bottom: 10px;}
.topPancakes .more{position: absolute; bottom:5%; left: 25%; width:50%;}
.topMenu{position: relative; background:url(../../common/img/bg_menu.jpg); text-align: center; padding:5% 0 10% 0; box-sizing: border-box;}
.topMenu .tit{ width:20%; margin: auto; margin-bottom: 10px;}
.topMenu .more{position: absolute; bottom:5%; left: 25%; width:50%; opacity: 0.7;}
.topInfomation{position: relative; padding:5% 5% 20% 5%; box-sizing: border-box;}
.topInfomation .tit{ width:50%; margin: auto; margin-bottom: 10px;}
.topInfomation .more{position: absolute; bottom:5%; left: 25%; width:50%;}
.topNewOpen{position: relative; background:url(../../common/img/bg_newopen.jpg); background-size: cover; padding:5% 5% 20% 5%; box-sizing: border-box; text-align: center;}
.topNewOpen .tit{ width:40%; margin: auto; margin-bottom: 10px;}
.topNewOpen .more{position: absolute; bottom:5%; left: 25%; width:50%;}

/* BlogFeed
----------------------------------------------------------------------------- */

.topBlog {
	overflow-y: auto;
	font-size: 80%;
	line-height:1.4em;
	color:#333;
	background:#FFF;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;
}

.rssTime{
	display: inline-block;
	width:25%;
	background: url(../../common/img/ico_logo.png) no-repeat left center;
	background-size:10px 10px;
	padding-left:5%;
	color:#096f3f;
	vertical-align: top;
	margin-bottom: 5px;
}

.rssTitle{
	display: inline-block;
	width:70%;
	color:#333;
}
.topBlog a{
	color:#333;
}
.sB_box, .sB_box_first {
	padding-bottom: 10px;
	border-bottom: 1px dotted #333;
	margin-bottom: 10px;
}
.sB_box, .sB_box_last {
	padding-bottom: 10px;
	border-bottom: 1px dotted #333;
}
.topBlogBtn a{
	display:block;
	color:#333;
	font-size: 70%;
	padding:3% 6%;
	font-size: 1em;
	border: 1px dotted #333;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important;
	border-radius: 4px;
	margin: 10px auto;
	width:30%;
	text-align:center;
}
.oF {
	overflow: hidden;
}


/*******************************************************************************
**	6.サイド（rightCol）
*******************************************************************************/
.slidemenu {
	display: block;
	background-color: #FFF;
	font-family: 'Raleway', sans-serif !important;/* google web fonts */
}

.slidemenu li {
	list-style: none;
	font-size: 110%;
	color: #333;
	position: relative;	
	padding-right:20px;
	text-align:right;
}

.slidemenu li div {
	position: relative;
	height: 33px;
	padding:15px 0 0 0;
}

.slidemenu li div:after {
	position: absolute;
	top: 32%;
	right: 16px;
	font-family: 'icomoon' !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e907";
	font-size:12px;
}

.slidemenu li a {
	display: block;
	text-decoration: none;
	color: #333;
	padding:10px;
}

.slidemenu li:last-child {
	border-bottom: none;
}
.slidemenu li:before{
	position: absolute;
	content:"";
	width: 30px;
	height:20px;
	top:9px;
	left:0px;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.slidemenu li.slidemenu-icon01:before{
	background-position:-5px -5px;
}
/* 以下、メニュー・アイコンを追加する際はyの数値を25
.slidemenu li.slidemenu-icon02:before{
	background-position:-5px -30px;
}
.slidemenu li.slidemenu-icon03:before{
	background-position:-5px -55px;
}
.slidemenu li.slidemenu-icon04:before{
	background-position:-5px -80px;
}
.slidemenu li.slidemenu-icon05:before{
	background-position:-5px -105px;
}
.slidemenu li.slidemenu-icon06:before{
	background-position:-5px -130px;
}
.slidemenu li.slidemenu-icon07:before{
	background-position:-5px -155px;
}
.slidemenu li.slidemenu-icon08:before{
	background-position:-5px -180px;
}
.slidemenu li.slidemenu-icon09:before{
	background-position:-5px -205px;
}
.slidemenu li.slidemenu-icon10:before{
	background-position:-5px -230px;
}
.slidemenu li.slidemenu-icon11:before{
	background-position:-5px -255px;
}
/*plugin*/
.slidemenu {
	top: 0;
	width: 240px;
	position: fixed;
	visibility: hidden;
	z-index: -1;
}

.slidemenu .slidemenu-body {
	height: 100%;
	padding: 0 0 0 30px;
	overflow: hidden;
	position: relative;
}

.slidemenu .slidemenu-body .slidemenu-content {
	position: relative;
	margin-top:70px;
	padding-bottom:110px;
}

.slidemenu-left {
	left: 0;
}

.slidemenu-right {
	right: 0;
}

.sp-slide .category{
	background:#97B850;
	padding:1% 5%;
	color:#FFF;
	margin-left:5%;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;}

/*******************************************************************************
**	7.フッター（footer）
*******************************************************************************/
footer{
	position: relative;
	width:100%;
	color: #FFF;

}
.footerInner{
	background:url(../../common/img/bg_footer.jpg); background-size: cover;
	width:100%;
	padding:5% 0 10% 0; box-sizing: border-box;

}
.footerInner .logo{width:50%; margin: auto; margin-bottom: 20px;}
.footerInner ul{width:60%; margin: auto; text-align: center; margin-bottom:15px;}
.footerInner ul li{display: inline-block; margin-right:20px; margin-bottom:5px;}
footer a:link, footer a:hover, footer a:visited{
	color: #FFF;

}
.footerInner .cubeBox{background:rgba(255,255,255,0.7); margin-bottom: 10px; color: #000; padding: 3% 5%;}
.cubeBox {overflow: hidden;}
.cubeBox .cubeLogo{width:35%; float: left;}
.cubeBox .cubeTxt{width:60%; float: right; font-size:11px;}
.copy{
	position: absolute;
	background: #000;
	text-align: center;
	margin: 0 auto;
	padding: 2.5% 0 1%;
	color: #FFF;
	font-size: 90%;
	width: 100%;
	bottom:0;

}

/*******************************************************************************
**	8.サブページ
*******************************************************************************/

/* サブページ共通
----------------------------------------------------------------------------- */
#subPageTit{
	background: #096f3f;
	color: #FFF;
	font-family: 'Quicksand', sans-serif;/* google web fonts */
	font-size: 120%;
	letter-spacing: 0.3em;
	text-align: center;
	padding: 4% 0 3%;
}
.block{
	background: #FFF;
	border-radius: 4px;
	padding: 6% 4%;
}
.blockTit , .blockTitCenter{
	color: #096f3f;
	font-size: 120%;
	font-weight: 600;
	letter-spacing: 0.2em;
	border-bottom: 1px solid #096f3f;
	padding-bottom: 1%;
	margin-bottom: 4%;
}
.blockTitCenter{
	text-align: center;
}
#bottomBtn li{
	text-align: center;
	margin: 0 auto;
	background: #94d243;
	width: 30%;
	margin-top: 10%;
	padding: 4%;
	border-radius: 4px;
}
#bottomBtn li a{
	color: #FFF;
}
.barLgreen{
	background:#94d243;
	padding: 4%;
	color: #FFF;
	font-size: 120%;
	border-radius: 4px 4px 0 0;
	letter-spacing: 0.3em;
}
.barGreen{
	background:#096f3f;
	padding: 4%;
	color: #FFF;
	font-size: 120%;
	border-radius: 4px 4px 0 0;
	letter-spacing: 0.3em;
}
.barBlock{
	padding: 6% 4%;
	background: #FFF;
	border-radius: 0 0 4px 4px;
}
.listBlock{
	margin-bottom: 10%;
	font-size: 80%;
}
.listBlock dl{
	margin-top: 10%;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}
.listBlock dl dt{
	float: left;
	width: 80%;
	border-top: 1px solid #CCC;
	padding: 4% 0;
}
.listBlock dd{
	float: right;
	width: 20%;
	color: #096f3f;
	font-weight: 600;
	border-top: 1px solid #CCC;
	padding: 4% 0;
	text-align: right;
}

.bgPattern01{background: url(../../common/img/bg_common_01.jpg);
background-size:contain;}
.bgPremiumsmile01{background: url(../../../../common/img/bg_premiumsmile_01.jpg);
	background-size:contain;}

/* 店舗詳細_メニュー詳細
----------------------------------------------------------------------------- */
#shopDetail , #menuDetail{
	margin-bottom: 20px;
	padding:2%;
}
#shopDetail ul li , #menuDetail ul li{
	margin-bottom: 4%;
}
#shopDetail ul li p , #menuDetail ul li p{
	line-height: 2;
}
#shopDetail .blockTitCenter , #menuDetail .blockTitCenter{
	margin-bottom: 8%;
}
#map_custmomize{
	width: 100%;
	height: 250px;
	margin-bottom: 5%;
}
.btnGmap , .btnTel , .btnFb{
	padding: 4% 0 2.5%;
	height: 20px;
	text-align: center;
	border-radius: 4px;
	letter-spacing: 0.3em;
}
.btnGmap a , .btnTel a {
	width: 100%;
	height: 100%;
	display: block;
	color: #FFF;
}
.btnGmap{
	width: 100%;
	background:#096f3f;
	margin-bottom: 5%;
	font-weight: bold;
}
.btnTel{
	width: 100%;
	background: #ff9600;
	font-weight: bold;
}
.square-thumb img{
    width: 100%;
    height: 100%;
}
#shopDetail #snsIcon p{
	width: 40px;
	height: auto;
	float: left;
	margin-right: 2%;
}

.info_listBlock #snsIcon p{
	width: 40px;
	height: auto;
	float: left;
	margin-right: 5%;
}
#shopBottomBtn li{
	float: left;
	text-align: center;
	background: #94d243;
	width: 39%;
	margin-top: 10%;
	padding: 4%;
	border-radius: 4px;
}
#shopBottomBtn li:nth-child(odd){
	margin-right: 6%;
}
#shopBottomBtn li a{
	color: #FFF;
}
#menuPrise{
	font-size: 120%;
	font-weight:bold;
	margin-bottom:20px;
}
#menuPrise span{
	font-size: 70%;
	font-weight:normal;
	color:#333;
	padding-left:20px;
}
#menuShare li{
	margin-right: 2%;
	margin-bottom:20px;
	display:inline-block;
	vertical-align:middle;
	font-size:120%;
	font-weight:bold;
}
#menuShare li img{
	width: 30px;
}
#menuShare li:last-child{
	margin-right: 0;
}
#shareTxt{float:left; margin-right:10px; padding-top:5%; font-size:120%; font-weight:bold;}
.foodCategory{padding:0 2%; display:inline-block; border:solid #2B190D 1px; 
	border-radius: 4px; font-size:15px; margin-bottom:10px;}
.foodTit{font-size:18px; font-weight:bold; margin-bottom:10px;}


.back{width:50%; margin:auto;}
.back_top{width:50%; margin:auto; padding:0 4%;margin-bottom:20px;}


ul.listBtn01 {
	overflow:hidden;}	
.listBtn01 li{	
	width:46%;
	text-align:center;
	float:left;
	margin-bottom:10px;
	margin-right:8%;
	}
	
.listBtn01 li a{
	/* background:#2e5c2e; */
	background:#97B850;
	display:block;
	padding:2%;
	color:#FFF;
	text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;}
	

.listBtn01 li:nth-child(2n){ 
	margin-right:0%;}
	
.listBtn01 li:nth-last-child(-n+2){ 
	margin-bottom:0%;}

/* メニュー検索
----------------------------------------------------------------------------- */
.foodList{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:20px;
}
.foodList li{
	margin-bottom: 6%;
}
.foodList li:nth-child(odd){
	margin-right: 4%;
}
.foodListBox , .foodListBoxWide{
	background: #FFF;
	border-radius: 4px;
}
.foodListBox{
	position: relative;
	width: 48%;
}
.foodListImg img{
	border-radius: 4px 4px;
}
.foodListInner{
	position: absolute;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
	line-height: 1;
	left:0%;
	bottom:10%;
	background:rgba(255,255,255,0.7);
}
.foodListTit{
	color: #096f3f;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-align: left;
	word-wrap: break-word;
	line-height: 1.3em;
	background:url(../../common/img/ico_common_01.png) no-repeat right;
	background-size: 10px;
	padding-right:8%;
	padding-left:2%;
}

.foodCatTit{
	text-align: center !important;
}
.foodListEn{
	color: #aaa;
	font-size: 80%;
}


/* メニューカテゴリ画面レイアウト変更2020 */
.foodCategoryList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	color: #096f3f;
}
.foodCategoryList li{
	width: 48%;
	margin-bottom:4%;
}
.categoryListWide{
	position: relative;
	width: 100%!important;
	margin-right: 0 !important;
}
.categoryListTit{
	color: #096f3f;
	padding-top: 2%;
	margin-bottom: 2%;
	font-size: 140%;
	font-weight: bold;
}

/* メニューカテゴリ画面レイアウト変更 */
.foodCategoryGroundMenu , .foodCategoryLimitedMenu{
	display: flex;
	flex-wrap: wrap;
}
.foodListBoxWide{
	position: relative;
	width: 100%;
	margin-right: 0 !important;
}
.foodCategoryGroundMenu li , .foodCategoryLimitedMenu li{
	margin-bottom: 6%;
}
.foodCategoryGroundMenu li:nth-child(even){
	margin-right: 4%;
}
.foodCategoryLimitedMenu li:nth-child(odd){
	margin-right: 4%;
}
.foodListImgNoTxt img{
	border-radius: 4px;
}
.foodCategoryTit{
	text-align: center;
	border-top: 3px solid #096f3f;
	border-bottom: 3px solid #096f3f;
	color: #096f3f;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-bottom: 4%;
	letter-spacing: 0.2em;
	font-size: 120%;
	font-weight: bold;
}
.foodCategoryTit p{
	padding: 3%;
	border-top: 1px solid #096f3f;
	border-bottom: 1px solid #096f3f;
}
.shopSearchListTit{
}
.foodCategoryGroundMenu , .foodListImgNoTxt , .foodCategoryLimitedMenu{
	margin-bottom: 5%;
}
.foodCategoryGroundMenu li:nth-child(odd) .foodListInner{
	padding: 5px 0;
}
.shopTit{font-size:18px; font-weight:bold; margin-bottom:10px;}

/* メニュー店舗限定画面レイアウト変更 */
#shopLimitedList li{
	color: #FFF;
	height: 40px;
	margin-bottom: 20px;
	border-radius: 4px;
	position: relative;
	-webkit-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
}
#shopList li:nth-child(odd){
	margin-right: 4%;
}
#shopLimitedList li a{
	display: block;
	color: #FFF;
	width: 100%;
	height: 100%;
}
#shopLimitedList li .areaTxt{
	position: absolute;
	top: 32%;
	left: 6%;
}
#shopLimitedList li .arrow {
    position: absolute;
    top: 15%;
    right: 3%;
    width: 2%;
}
#shopLimitedList{
	width: 100%;
}

/* shop
----------------------------------------------------------------------------- */
.shopCatList{font-family:'Century Gothic'; text-align:center; margin-bottom:10px;}
.shopCatList li{display:inline-block; font-size:14px; font-weight:bold;}
.shopList {font-size:90%; overflow:hidden;}
.shopList li{position: relative; width:100%; height:120px; padding:5% 1%; overflow:hidden; float:left; box-sizing: border-box;}
.shopList li img{margin-top:-20%;}
.shopListImg{position: relative; height:120px; overflow:hidden;}
.shopList li .shopListInner{position: absolute;
	background:rgba(0,0,0,0.7);
	color:#FFF;
	bottom:0px;
	left:0px;
	padding:10px;}
	.shopTit img{width:40px;}

/* ニュース(Wordpress)
----------------------------------------------------------------------------- */
.wp_articleInfo{
	margin: 0 0 5% 0;
	word-break: break-all;
}
.wp_articleImg{
	margin-bottom: 5%;
}
.wp_articleDate , .wp_articleTxt{
}
.wp_articleDate{
	margin-bottom: 5%;
	color: #AAA;
}
.wp_articleTxt{
	line-height: 1.5;
}
.wp_articleBottom a{
	background-color: #94d243;
	display:block;
	padding: 2%;
	color: #FFF;
	border-radius: 4px;
	text-align: center;
	width: 35%;
	-webkit-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
}
.wp_articleBottom a , .wp_articleBottom a:visited{
	color: #FFF;
}
.post{
	margin-bottom: 5%;
}
.nav_below{
	margin: 40px 0 0;
	overflow: auto;
}
.nav_prev{
	float: left;
}
.nav_next{
	float: right;
}
.nav_prev , .nav_next{
	width: 30%;
}
.nav_prev a , .nav_next a{
	color: #FFF;
	width: 88%;
	height: 100%;
	background: #94d243;
	border-radius: 4px;
	padding: 6%;
	text-align: center;
	display: block;
	-webkit-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
}
.nav_prev_posts , .nav_next_posts{
	width: 100%;
	margin-bottom: 2%;
	position: relative;
}
.nav_prev_posts a:before , .nav_next_posts a:before{
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -1.8%;
	border: 0.4em solid transparent;
}
.nav_prev_posts a:before{
	left: 1%;
	border-right: 0.8em solid #FFF;
}
.nav_next_posts a:before{
	right: 1%;
	border-left: 0.8em solid #FFF;
}
.nav_prev_posts a , .nav_next_posts a{
	color: #FFF;
	width: 87%;
	height: 100%;
	background: #94d243;
	border-radius: 4px;
	display: block;
	-webkit-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
}
.nav_prev_posts a{
	text-align: left;
	padding: 3% 3% 3% 10%;
}
.nav_next_posts a{
	text-align: left;
	padding: 3% 10% 3% 3%;
}
.wp_category_name{
	color: #096f3f;
	margin-bottom: 5%;
}
.youtubeBox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtubeBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/* 記事一覧アニメーション */
.effect{
	transition: .8s;
}
.effectPost{
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition: .5s;
}
.mv01{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}


/* お問い合わせ
----------------------------------------------------------------------------- */
.formTbl{
	width: 100%;
	margin: 0 0 10% 0;
}
.formTbl dt{
	font-size: 80%;
	margin: 0 0 3%;
}
.formTbl dd{
	margin: 0 0 5% 0;
}
.formTbl p{
	font-size: 80%;
	line-height: 1.5;
}
.contactFrm .formTbl dd{
	margin: 3% 0 8% 0;
}
.contactFrm .formTbl{
	width: 92%;
}
.formTbl input , .formTbl textarea , .formTbl select{
	width: 95%;
	padding: 2%;
	border-radius: 4px;
	border: 1px solid #b3b3b3;
	font-size: 100%;
}
.formTbl select{
	width: 100%;
}
.formMailChk{
	text-align: center;
	font-size: 80%;
	margin: 5% 0;
}
.formMailChk p{
	margin-bottom: 5%;
}
.cnfBtn , .cmpBtn , .backBtn{
	background: #94d243;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	color: #FFF;
	padding: 4%;
	margin: 0 auto;
	text-align: center;
}
.cnfBtn{
	width: 30%;
}
.cmpBtn , .backBtn{
	width: 39%;
}
.cmpBtn{
	background: #ff9600;
}
.cnfBtn a , .cmpBtn a , .backBtn a{
	color: #FFF;
	width: 100%;
	height: 100%;
	display: block;
}
.formAttention{
	font-size: 80%;
	color: #ED2360;
}
.confirmBoxInner{
	margin: 0 auto;
}
.required{
	background: #dc2829;
	color: #FFF;
	margin: 0 0 1% 2%;
	border-radius: 4px;
	padding: 1%;
}
.contactPrivacy{
	line-height: 1.5;
	margin-bottom: 5%;
}
.contactPrivacy a{
	color: #096f3f;
}

/* 求人応募
----------------------------------------------------------------------------- */
.workShopList{
	display: flex;
	flex-wrap: wrap;
}
.workShopList li{
	width: 48%;
	box-sizing: border-box;
	margin-bottom: 4%;
	padding: 0;
	height: auto;;
	background: #94d243;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 6px 6px -5px rgba(0, 0, 0, 0.4);
	color: #FFF;
	line-height: 1.2em;
}
.workShopList li:nth-child(odd){
	margin-right: 4%;
}
.workShopList li input{
	float: left;
	vertical-align: middle;
	width: 10%;
	margin: 7% 0 0 4%;
}
.workShopList li label{
	display: block;
	padding: 8% 2% 8% 18%;
	font-size: 80%;
}

/* 会社概要・採用情報
----------------------------------------------------------------------------- */
.info_listBlock{
	margin-bottom: 10%;
}

.info_listBlock p, .info_listBlock dl, .info_list li{
	font-size: 80%;
	line-height: 150%;
}

.info_listBlock span{
	font-size: 120%;
}

.info_listBlock p, .info_listBlock dd, .info_shop_list li{
	margin-bottom: 5%;
}

.info_listBlock dt, .info_tit{
	font-weight:bold;
}

.info_shop_list{
	text-align: center;
	margin-bottom: 5%;
}

.info_shop_list li{
	font-size: 80%;
	float: left;
	width: 30%;
  	display: -moz-inline-box;
  	display: inline-block;
  	/display: inline;
  	/zoom: 1;
  	padding-right: 10px;
}

#comToggleBox{
	display: none;
}

#comToggleBtn{
	width: 100%;
	background: #096f3f;
	text-align: center;
	color: #FFF;
	padding: 3% 0 3.5%;
	height: 20px;
	border-radius: 4px;
	letter-spacing: 0.3em;
	font-size: 100%;
}

/* 個人情報取り扱いについて
----------------------------------------------------------------------------- */
.privacy_list{
	margin-bottom: 5%;
	font-size: 80%;
	line-height: 1.5em;
}

.privacy_list_maintit{
	margin-bottom: 5%;
}

.privacy_list ol{
	padding: 0 5%;
	margin-bottom: 5%;
}

.privacy_list li{
	margin-bottom: 3%;
	list-style-type: decimal;
}

.privacy_list_tit{
	margin-bottom: 2%;
}

.movieBox{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movieBox iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.titTxt01{font-size: 15px;
float:left;
text-align: left;
width: 25%;}
.shopCatList{text-align:left;}
.shopPrefBox{width:100%; overflow:hidden;}

.topMainImage {
	position: relative;
}
.topMainImageBg {
	position: relative;
	width: 100%;
	top: 0;
	right: 0;
	z-index: 0;
}
.topMainFrame{position:absolute; width:100%; bottom:0; right:0; z-index:100;}
.topIconList{width:100%; margin:2% auto; text-align:center;}
.topIconList li{width:15%; padding:0 1% 1% 1%; display:inline-block; box-sizing:border-box;}

.foodList02 li {
	text-align: center;
	width: calc(25%);
	float: left;
	margin-bottom: 30px;
	min-height: 130px;
}

.foodList02 li img {
	position: absolute;
	height: 100%;
	width:auto;
	left:-40%;
}

.foodList02 li div {
	position: relative;
	width: calc(18vmin);
	height: calc(18vmin);
	margin: 0 auto 10px auto;
	border-radius: 50%;
	overflow: hidden;
	}
	.grappeList{
		margin: auto;
	}
	.grappeList li {
		text-align: center;
		width: calc(33%);
		float: left;
		margin-bottom: 30px;
	}
	
	.grappeList li div img {
		position: absolute;
		height: 100%;
		width:auto;
		left:-40%;
	}
	.grappeList li p img {
		width:100%;
	}
	
	.grappeList li div {
		position: relative;
		width: calc(13vmin);
		height: calc(13vmin);
		margin: 0 auto 5px auto;
		border-radius: 50%;
		overflow: hidden;
		}
	.grappedList li p{font-size:11px;}

.topMainImage{position:relative;}

/* トップページアニメ
----------------------------------------------------------------------------- */
#topPopImage01{position:absolute; left:25%; bottom:10%; width:50%;}
#topPopImage02{position:absolute; left:2%; bottom:7%; width:20%; z-index:110;}
#topPopImage03{position:absolute; right:2%; bottom:3%; width:20%; z-index:110;}
#topPopImage04{position:absolute; right:3%; bottom:65%; width:18%; z-index:110;}
#topPopImage05{position:absolute; right:3%; bottom:65%; width:180%; z-index:110;margin-right:-40%;}
.topMoreBtn{width:60%; margin:auto auto 10px auto;}
.topRssBox{margin-bottom:10px; overflow:hidden;}
.topBlogBox{margin-bottom:10px; overflow:hidden;}
.fb-page span{margin:auto;}

.floatBox {
  animation: floatHallo 1s linear alternate infinite;
  transform-origin: 50% 50%;
}
.floatBox2 {
  animation: floatHallo2 0.7s linear alternate infinite;
  transform-origin: 50% 50%;
}

.floatBox3 {
  animation: floatHallo 0.7s linear alternate-reverse infinite;
  transform-origin: 50% 50%;
}

.floatBox4 {
  animation: floatHallo3 0.7s linear alternate-reverse infinite;
  transform-origin: 50% 50%;
}
.xmasBox.active.floatBox4{
	animation-play-state: paused;
}
@keyframes floatHallo {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  10%  { transform: scale(1.0, 1.0) translate(0%, 5%); }
  40%  { transform: scale(1.0, 1.0) translate(0%, 15%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(1.0, 1.0) translate(0%, -30%); }
  75%  { transform: scale(1.0, 1.0) translate(0%, -20%); }
  85%  { transform: scale(1.0, 1.0) translate(0%, 15%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes floatHallo2 {
	0% { transform: rotate(-15deg); } 
	100% { transform: rotate(15deg); } 
}

@keyframes floatHallo3 {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  10%  { transform: scale(1.0, 1.0) translate(0.3%, 0%); }
  40%  { transform: scale(1.0, 1.0) translate(0.5%, 0%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(1.0, 1.0) translate(-0.5%, 0%); }
  75%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  85%  { transform: scale(1.0, 1.0) translate(0.3%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
	/* Xmas
	----------------------------------------------------------------------------- */
	.xmasBox{position: relative;}
	.xmasTopImg{display: none;}
	.textXmas01{opacity: 0; position: absolute; width:200%;bottom:11%; left:-50%; z-index:110;}
	.xmasBox.active .xmasTopImg{
		-webkit-animation: xmasTopImg 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
						animation: xmasTopImg 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
						display: block;
	}
	.xmasBox.active .textXmas01{opacity: 1;  transition: all .5s;}
	@-webkit-keyframes xmasTopImg {
		0% {
			-webkit-transform: translateY(600px) rotateX(30deg) scale(0);
							transform: translateY(600px) rotateX(30deg) scale(0);
			-webkit-transform-origin: 50% 100%;
							transform-origin: 50% 100%;
			opacity: 0;
		}
		100% {
			-webkit-transform: translateY(0) rotateX(0) scale(1);
							transform: translateY(0) rotateX(0) scale(1);
			-webkit-transform-origin: 50% -1400px;
							transform-origin: 50% -1400px;
			opacity: 1;
		}
	}
	
	.xmasBox.active .xmasTopImg02{
		from{
			opacity: 1;
			transform: translate(-50%,-50%) rotate(var(--angle)) translateY(50px);
		}
		to{
			opacity: 0;
			transform: translate(-50%,-50%) rotate(var(--angle)) translateY(-200px) scale(.5);
		}
	}