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

/* ↓↓ common ↓↓ */
html,body{
    width: 100%;
}
body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
h1{display: block;margin: 0; padding: 0; font-size: 100%; font-weight: normal;}
#logo{ width:100%; text-align:center;}
#top_logo{ width:294px; height:47px; background-image:url(../img/logoblog.png); background-repeat:no-repeat; margin-bottom:10px;}
#top_logo a{text-indent: -9999px; display: block; width:294px; height:47px;}
ul{ list-style:none; margin:0; padding:0;}
a {text-decoration: none;}
#common_bg{margin:0;background:url(../img/bckgrd.png) top left scroll repeat;}
#common_wrap{background: #fff;    margin: 0 auto;    width: 980px;    padding: 0 30px;    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);    box-shadow: 0 0 10px rgba(0,0,0,.2);overflow:hidden;}
#common_head{position: relative;    padding: 30px 0 0 0;    border-bottom: 2px solid #618c33;    text-align: center;}
#common_navi{ font-size: 11px;}
#common_navi_box{margin:15px auto;height: 44px;    display: inline-block;    position: relative;    cursor: default;    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);    z-index: 207;    border-radius: 3px;    background: #5D8627;    background: -moz-linear-gradient(top, #5D8627 0%, #759d41 100%);    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5D8627), color-stop(100%,#759d41));    background: -webkit-linear-gradient(top, #5D8627 0%,#759d41 100%);    background: -o-linear-gradient(top, #5D8627 0%,#759d41 100%);    background: -ms-linear-gradient(top, #5D8627 0%,#759d41 100%);    background: linear-gradient(to bottom, #5D8627 0%,#759d41 100%);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D8627', endColorstr='#759d41',GradientType=0);}
#common_navi ul{list-style:none;margin:15px 0;padding:0;}
#common_navi_box li{list-style:none;float: left;    display: inline-block; position: relative;border-right: 1px solid #94B36B;}
#common_navi_box li a{height: 44px; line-height: 44px; display: block; float: left; font-weight: normal; color: #FAFAFA; padding: 0 0; text-decoration: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;    box-sizing: border-box;    text-transform: none;}
.navi_1 {width: 62px;}
.navi_1:hover {width: 62px;background-color:#5D8627;border-radius:3px 0 0 3px;border-top-left-radius:3px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:3px;}
.navi_2 {width: 113px;}
.navi_2:hover {width: 113px;background-color:#5D8627;}
.navi_2new {width: 65px;}
.navi_2new:hover {width: 65px;background-color:#5D8627;}
.navi_3 {width: 117px;}
.navi_3:hover {width: 117px; background-color:#5D8627;}
.navi_4 {width: 193px;}
.navi_4:hover {width: 193px; background-color:#5D8627;}
.navi_5 {width: 84px;}
.navi_5:hover {width: 84px; background-color:#5D8627;}
.navi_6 {width: 58px;}
.navi_6:hover {width: 58px; background-color:#5D8627;}
.navi_7 {width: 50px;}
.navi_7:hover {width: 50px; background-color:#5D8627;}
.navi_8 {width: 81px;}
.navi_8:hover {width: 81px; background-color:#5D8627;}
.navi_9 {width: 80px;}
.navi_9:hover {width: 80px; background-color:#5D8627;}
.navi_10 {width: 67px;}
.navi_10:hover {width: 67px; background-color:#5D8627;border-radius:0 3px 3px 0;border-top-left-radius:0px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:0px;}
.border_none{ border-right:none !important;}
.margin_light {margin: 0 -3px;}
.sub_menu ul{list-style: none;position: absolute;top: 100%;left: 0;margin:0 !important;padding: 0;border-radius: 0 0 3px 3px;}
.sub_menu2 ul{list-style: none;position: absolute;top: 100%;right: 0;margin:0 !important;padding: 0;border-radius: 0 0 3px 3px;}
.sub_menu ul li{overflow: hidden;width: 220px;height: 0;color: #fff;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;-ms-transition: .2s;transition: .2s;border-right:none !important;}
.sub_menu2 ul li{overflow: hidden;width: 180px;height: 0;color: #fff;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;-ms-transition: .2s;transition: .2s;border-right:none !important;}
.sub_menu ul li a{background:#fff;width:220px;border:1px solid #CCC;color:#618c33 !important;}
.sub_menu2 ul li a{background:#fff;width:180px;border:1px solid #CCC;color:#618c33 !important;}
.sub_menu ul li a:hover{background:#ececec;width:220px;border:1px solid #CCC;color:#618c33 !important;}
.sub_menu2 ul li a:hover{background:#ececec;width:180px;border:1px solid #CCC;color:#618c33 !important;}
#common_navi_box li:hover ul li{overflow: visible;height: 42px;}
#page_title{color: #618c33;    text-align: center;    margin-bottom: 25px;    border-bottom: 2px solid #618c33;}
h2{font-weight:normal;font-size:21px;    line-height: 1.5em;}
.english_letter{ font-family: Georgia, "Times New Roman", Times, serif;}
#footer{margin: 0 -30px;    padding: 0 30px;    color: silver;    font-size: 12px;}
p.footer-taste {background: url(../img/bkg-baseline.png) 0 bottom no-repeat;    width: 100%;    height: 22px;    background-color: #fff;    margin-bottom: 20px;    background-position: center bottom;}
#footer-bottom {height:30px;    padding: 10px 0 30px 0;    border-bottom: 1px solid #e0e8d4;}
#foot_link {    width: 50%;    float: right;    text-align: right;    font-size: 10px;}
#foot_link a {    margin-left: 10px;}
.topbtn {    float: right;    display: block;    width: 130px;    text-align: center;    height: 25px;    line-height: 25px;    margin-left: 30px;    color: white !important;    background: #87A64A;    text-transform: uppercase;    border-radius: 2px;    font-size: 10px !important;    padding-top: 3px;}
.topbtn:hover{float:right;display:block;width:130px;text-align:center;height:25px;line-height:25px;margin-left:30px;color:white !important;background:#9cb962;text-transform:uppercase;border-radius:2px;font-size:10px !important;padding-top:3px;}
.yoyaku_link {    width: 15px;}
a img {    border: 0;}
.fa {    display: inline-block;    font: normal normal normal 14px/1 FontAwesome;    font-size: inherit;    text-rendering: auto;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    transform: translate(0, 0);}
.foot_text {    display: block;    line-height: 25px;    padding-top: 3px;    float: right;}
#footer a {    color: #618c33;    text-decoration: none;    font-size: 11px;}
#footer a:hover{color:#000000;}
#footer_sns_icon {    float: left;    width: 50%;    font-size: 10px;    color: #666; overflow:hidden;}
#footer_sns_icon ul {    overflow: hidden;    margin-top: 0px; float:left; margin-right:20px;}
.footer_sns_title{ font-size:14px; color:#618c33; border-bottom:1px  solid #618c33; display:block; margin-bottom:5px; width:176px;}
.footer_sns_title2{ font-size:14px; color:#618c33; border-bottom:1px  solid #618c33; display:block; margin-bottom:5px; width:70px;}
#footer_sns_icon li {    float: left;    margin-right: 5px;}
#copyright {    margin: 15px auto;    text-align: center;    width: 100%;    color: #CCC;    font-weight: 400;    font-size: 13px;}
/* ↑↑ common ↑↑ */

/* ↓↓ top page ↓↓ */
#top_main{width:100%;margin: 10px 0 30px 0;overflow:hidden;}
#top_main_left{ width:470px; height:410px; float:left;}
#top_main_right{width: 480px;    height: 410px;    float: right;    border: 1px solid #618b29;    box-shadow: 1px 1px 3px rgba(0,0,0,0.1); color: #8B8B8B;    border-radius: 3px;}
#top_main_right_containar{ margin: 15px 15px; float:right; }
#top_main_right_containar h3{line-height: 1.5;    font-weight: bold;    text-transform: uppercase;    font-size: 22px;    color: #618b29;    text-align: center;    margin: 30px 0 10px 0;    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.width100 { line-height: 1.5;    text-align: center;    float: left;    width: 100%; margin-bottom:5px; font-size:14px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.buttonhpvert{display:inline-block;padding:8px 15px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;border-bottom-color:#a2a2a2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#5bb75b;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);background-repeat:repeat-x;border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);transition:all 0.1s linear;-moz-transition:all 0.1s linear;-webkit-transition:all 0.1s linear;}
.buttonhpvert:hover{color:white;background-color:#5bb75b;background-image:-moz-linear-gradient(top,#51a351,#51a351);background-image:-webkit-gradient(linear,0 0,0 100%,from(#51a351),to(#51a351));background-image:-webkit-linear-gradient(top,#51a351,#51a351);background-image:-o-linear-gradient(top,#51a351,#51a351);background-image:linear-gradient(to bottom,#51a351,#51a351);}
#article_box{overflow:hidden;margin-bottom:25px;}
.hp-highlight {float: left; width: 230px; margin-right: 20px; margin-bottom: 30px;}
.remove-margin {    margin-right: 0 !important;}
.hp-highlight h2 {    font-size: 16px;    text-transform: uppercase;    margin-top: 0px;    margin-bottom: 5px;}
h2 a{ color:#000;}
h2 a:hover{ color:#999;}
.hp-highlight{ font-size:13px; color:silver;}
.menu { display:none;}

/* ↑↑ top page ↑↑ */

/* ↓↓ 下層ページ ↓↓ */
.img_area{ width:978px; overflow:hidden; border:1px solid #eee;}
.page-title{ font-size:24px; margin:20px auto;color: #618c33; font-weight:normal;}
.page-title2{ font-size:20px; margin:40px auto;color: #618c33; font-weight:normal;}
.page-sub-title{font-size: 18px;color: #618c33;font-weight: normal;}
.body_text{ color:#808080; font-size:16px; line-height:1.7;}
.img_area_slider{ width:980px; height:431px; overflow:hidden;}
.img_area_slider2{ width:980px; height:350px; overflow:hidden;}
#media_box {width: 100%;overflow: hidden; margin-bottom:55px;}
.media_main_box {overflow: hidden; width: 100%; margin-bottom: 55px;}
.media_title {width: 100%; height: 40px; border-top: 1px solid #618b29; border-bottom: 1px solid #618b29; font-size: 14px; font-weight: bold; line-height: 45px; color: #618b29; overflow: hidden; margin-bottom: 20px;}
.media_title img {float: left;}
p {margin: 0 0 1em;}
.media_img {width: 100%; height: 324px; font-size: 14px; color: #808080; overflow: hidden;}
.media_img img {float: left; margin-right: 30px;}
#ebisu_caption{font-size: 10px; color: #5F5F5F; float: right; margin-top: 5px;}
dl.CorpInfoList {overflow: hidden; zoom: 1; margin: 0.1em; line-height: 1.5em; margin-bottom: 15px;}
dl.CorpInfoList dt { width: 120px; float: left; clear: both; padding-right: 10px;}
/*  dl.CorpInfoList dd {padding: 0 0 5px 80px;} */
#recruuit_wrapper {margin:10px auto 50px auto; text-align: center; width: 100%;}
.recruit_title {width: 320px; text-align: center; color: #000000; height: 30px; line-height: 30px;  display: inline-block;  font-size: 16px; margin-bottom: 15px; border-bottom: solid 1px #000000;}
#recruit_title_box {width: 320px; margin: 0px auto; text-align: center; overflow: hidden;}
#recruit_title_box li {float: left; display: block; margin: 0 0; width: 320px; text-align: center;  line-height: 20px; font-size: 14px; color: #000000;}
.recruit_btn {float: none;}
.recruit_btn a {display: block; margin: 0 0; width: 320px; text-align: center; height: 40px; line-height: 40px; color: white; background: #87A64A; text-transform: uppercase; border-radius: 2px; font-size: 14px;  padding-top: 3px;}
.recruit_btn a:hover{display:block;margin:0 0;width:320px;text-align:center;height:40px;line-height:40px;color:white;background:#9cb962;text-transform:uppercase;border-radius:2px;font-size:14px;padding-top:3px;}
.other_site {font-size: 10px;}
#gmap {width: 100%;height: 450px; margin-bottom:50px;}
.company_attention {font-size: 14px;}
.spimg{ display:none;}
.page-top{display: none ; margin: 0 ; padding: 0 ; }

.contents { overflow:hidden;}
.contents dl {width:100%; overflow:hidden;}
.contents dt ,dd{ float:left; color:#808080;}
.contents dt { width:120px;}

#top_main_right_containar h2{line-height: 1.2; font-weight: bold; text-transform: uppercase; font-size: 24px; color: #618b29; text-align: center; margin:60px auto 10px auto; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.color_change {color: #618c33; font-size: 17px; line-height: 1.2;}
.width100 dl {text-align: left; width: 515px; margin: 10px auto;}
.width100 dt {width: 110px; float: left; margin-right: 5px; text-align:right;}
.width100 dd {width: 400px;float: left;}
.width100 dl, .width100 dt, .width100 dd{border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
#top_table{ color:#000; background-color:#f4f4f4; border-radius: 3px; padding:8px 0; width:515px; margin:5px auto 0 auto; display:block; overflow:hidden;}
/* ↑↑ 下層ページ ↑↑ */


/* ↓↓ ニュースレターベージ ↓↓ */
.box {width: 448px; height: auto; margin: 0 auto;}
#w1 {margin-right: auto; margin-left: auto; text-align: center; width: 388px; padding: 4px 30px;}
#w1 p {margin: 0px 0px 8px 0px; padding: 0px 0px 15px 0px; color: #474747; font-size: 13px; word-wrap: break-word;}
form {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.box .foot {width: 448px;clear: both; height: 250px;}
input[type="text"], input[type="password"], textarea, select {outline: none;}
input[type="text"], input[type="password"], textarea {color: #999;padding: 7px; border: 1px solid #ddd; background: #fff;}
input[type="text"], input[type="password"] {margin-top: -12px;}
.fm {margin-bottom: 10px; padding-left: 5px; padding-top: 3px; border-top: 1px solid #CCCCCC; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #CCCCCC; background-color: #f0f0f0; height: 20px; width: 380px;}
.bt4a {font-size: 12px; display: block; width: 100px; height: 30px; background: #618B29; margin: 0 auto; color: #FFFFFF; border-style:none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-appearance: none;}
.foot{ height:50px;}
.mail_box {overflow: hidden; margin-bottom: 10px; padding-left: 50px;}
.mail_img {float: left;}
.mail_text {float: left; height: 50px; line-height: 50px; margin-left: 15px; width: 615px; color: #808080; font-size:13px;}
#mail_attention {width: 100%; text-align: center; color: #808080; margin: 30px 0 50px 0; font-size:13px;}
/* ↑↑ ニュースレターベージ ↑↑ */


#recipe_box{ width:100%; overflow:hidden;}
#recipe_left_box{ width:425px; margin-right:10px; float:left; }
#recipe_right_box{ width:540px; float:left; background: transparent none repeat scroll 0 0;    padding: 0 5px 0 0; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.conteneurrecetterg { width: 100%; transform: rotate(1deg); background: #EDEDED; margin-bottom: 20px; border: 1px solid #e5e5e5;}
.conteneurrecetterg_inner {padding: 30px 20px; border: 1px solid #E7E7E7; background: #FBFBFB; transform: rotate(-1deg); color: #757575; margin-bottom: 0;position: relative;}
.recipe_right_title{ display:block;  font-size:21px; color:#618c33; width:100%; text-align:center; line-height:1.8;}
.conteneurrecetterg h2 {text-align: center;margin: 0 0 25px 5%;font-size: 13px;color: #A1A1A1;padding-bottom: 25px;font-style: italic;width: 90%;background: url(../recipe/img/line.png) center bottom no-repeat; line-height: 140%;}
.ingredientsbloc {width: 94%;padding: 3%;background: rgba(160, 160, 160, 0.05);border: 1px dashed #C8D9B0; overflow:hidden;}
.text_center{ display:block; width:100%; text-align:center; margin-bottom:10px;}
.ingredientsbloc ul li { width:45%; float:left; font-style: italic; background: url(../recipe/img/arrow.png) 0% 30% no-repeat; text-align: left; padding: 0px 0px 5px 20px;}
#recettecontent{ margin-top:20px;}
#recettecontent ol li {list-style-type: none; counter-increment: repas; margin-bottom: 20px; font-size:16px; overflow:hidden; display:block; line-height:1.5;}
.number{ float:left; display:block; width:20px; height:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#618c33; color:#FFF; line-height:20px; text-align:center; margin-right:5px; margin-top:3px;}
.recettecontent_text{ display:block; float:left; width:473px;}
#recipi_left_title{ height:74px; color:#618c33; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:30px; line-height:74px; }
#recipi_left_title img { float:left; margin-right:15px;}
ol, ul {list-style: none;padding: 0;margin: 0;}

#news_area{ width:100%; margin-bottom:30px;border-radius: 2px; background-image:url(../img/top_news_box_bg.gif);}
#news_area ul{ display:block; padding:30px 30px 20px 30px; }
#news_area ul li{ display:block; width:100%;}
#news_area ul li a{ color:#FFF; font-size:16px; line-height:20px; display:block; overflow:hidden;}
.arrow_sm{ font-size:8px; display:block; padding-bottom:5px; float:left; margin:0 5px 5px 0;}
.ico_new {;display: block; float:left; background: #fff; color: #618c33; font-size: 9px;padding: 1px 5px 0px;border-radius: 8px; margin-left:5px; font-weight:bold;}
.news_txt{ display:block; float:left;}
.news_txt:hover{ display:block; float:left; text-decoration:underline;}
.news-left { display:block ; width: 480px !important; float:left; margin-right:10px;}
.news-img { width: 480px; float:left;}
.news-img img { width: 490px;}


.content p{width: 100%; font-size: 16px; color: #808080; overflow: hidden;}
.contents p{width: 100%; font-size: 16px; color: #808080; overflow: hidden;}
.more { width: 150px; text-align: center;  padding: 5px; cursor: pointer; color: #618b29; border:1px solid #618b29;}

#ebisu-menu-title{ font-size:20px; color:#618c33; width:100%; text-align:center; line-height:1.2; margin-bottom:20px; margin-top:20px; }

.les-appellations-box{ width:100%; border-bottom: 1px solid #e0e8d4; margin-bottom:40px;}

/* ↓↓ メニュータブ ↓↓ */
.tabs input[type=radio] {position: absolute; left: -9999px;}
.tabs {max-width: 980px; float: none; list-style: none; position: relative; padding: 0; margin: 20px auto; height:660px;}
.tabs li { float: left; }
.tabs label { display: block; padding: 10px 20px; border-radius: 2px 2px 0 0; color: #FFF; font-size: 20px; background: #618c33; cursor: pointer; position: relative; top: 3px; margin-right:3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.tabs label:hover { background-color:#FFF; color:#618c33; top: 0;}
[id^=tab]:checked + label {background-color: #eeeeee;color: #618c33;top: 0;}
[id^=tab]:checked ~ [id^=tab-content] {display: block;}
.tab-content {z-index: 2;display: none;text-align: left;width: 100%;font-size: 20px;line-height: 140%;padding-top: 10px;background: #eeeeee;padding: 50px; color: white;position: absolute;left: 0; box-sizing: border-box; -webkit-animation-duration: 0.5s; -o-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s;overflow-y: auto; height:600px;}
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;}	25%, 75% {opacity: 0;}}
@-webkit-keyframes fadeInLeftUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); }}
@-moz-keyframes fadeInLeftUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); }}
@-o-keyframes fadeInLeftUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeInLeftUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); }}
.fadeInLeftUp { -webkit-animation-name: fadeInLeftUp; -moz-animation-name: fadeInLeftUp; -o-animation-name: fadeInLeftUp; animation-name: fadeInLeftUp;}
#main-menu{ margin-bottom:40px; height:660px;}
.lunch-text{color:#618c33;}
/* ↑↑ メニュータブ ↑↑ */

/* ↓↓ 物販ページ↓↓ */

#stock{font-size:16px;color:#222;}
#table94726{margin:0 auto;border-collapse: collapse;font-size:16px;border-top:1px solid #ddd;border-left:1px solid #ddd; width:380px;}
#table94726 thead {font-weight:bold;border-bottom:2px solid #ddd;}
#table94726 td{padding:8px 20px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
#table94726>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;}
#stock_caption{ width:380px ; color:#767676; margin:10px auto 0;}
#stock p{ width:100%; text-align:center; display:block; margin:0; font-size:16px;}

.note{ margin:0;}
.note dt {
  position: relative;
}
.note dt span {
  position: absolute;
}
.note dd {
  padding-left: 1em;
  margin-left:0;
}

.menu-table {
	font-size:16px; color:#808080;
}


/* ↓↓ リクルート↓↓ */
.job_title{ font-size:20px; color:#618c33; display:inline-block; width:100%; margin-bottom:15px;}
.job_wappen{ display: inline-block; text-decoration:underline; color:#000; margin-bottom:5px;}
.job_indent{ margin-left:20px;  margin-bottom:40px;}
.page-title3{ font-size:20px; margin:40px auto;color: #222222; font-weight:normal; line-height:1.2; width:100%; text-align:center;}

@media screen and (max-width:640px){
#common_wrap{background: #fff; margin: 0 auto;  width: 80%; padding: 0 5%; margin:0 5%;  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);    box-shadow: 0 0 10px rgba(0,0,0,.2);overflow:hidden;}
#top_logo{ width:180px; height:35px; background-image:url(../img/logoblog2.png); background-repeat:no-repeat; margin-bottom:20px; background-size:100%;}
#common_navi{ display:none;}
h2{font-weight:normal;font-size:14px;    line-height: 1.5em;}
#top_main_left img{ width:100%;}
#top_main_left{ display:block; width:100%; float: none; height: auto; margin-bottom:20px;}
#top_main_right{ width: 99%;   height: auto;  float: none;   border: 1px solid #618b29;    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);    font-size: 17px;    color: #8B8B8B;    border-radius: 3px;background: white url("../img/bg.png") center bottom repeat-x; overflow:hidden;}
#top_main_right_containar h3{line-height: 1.5;    font-weight: bold;    text-transform: uppercase;    font-size: 18px;    color: #618b29;    text-align: center;    margin: 30px 0 10px 0;    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#top_main_right_containar h3 br{ display:none;}
.width100 { line-height: 1.5; text-align: center;  float: none; font-size:13px;   width: 100%;    margin: 10px 0px;    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.br_none  br{ display:none;}
.hp-highlight {float: left; width: 90%; margin-right: 5%; margin-left:5%; margin-bottom: 30px;}
.hp-highlight img { width:100%;}
#foot_link {width: 90%; margin-left:5%; float: none; text-align: center; font-size: 10px; overflow:hidden;}
#foot_link a { margin-left: 0px;}
.topbtn { float: none;    display: block;    width: 100%;    text-align: center;    height: 35px;    line-height: 35px;    margin-left: 0px;    color: white !important;    background: #87A64A;    text-transform: uppercase;    border-radius: 2px;    font-size: 14px !important;    padding-top: 0px; margin-bottom:10px;}
.topbtn:hover{float: none;display:block;width:100%;text-align:center;height:35px;line-height:35px;margin-left:0px;color:white !important;background:#9cb962;text-transform:uppercase;border-radius:2px;font-size:14px !important;padding-top:0px; margin-bottom:10px;}
#footer a {color: #618c33;    text-decoration: none;    font-size: 14px;}
#footer_sns_icon {float:none;  width: 100%; font-size: 10px; color: #666; overflow:hidden;}
#footer_sns_icon ul {    overflow: hidden;    margin-top: 0px; float:none; margin-right:20px; display:block;}
#footer-bottom {height: auto;    padding: 20px 0 10px 0;    border-bottom: 1px solid #e0e8d4;}
#copyright { margin: 10px auto;  text-align: center; width: 100%; color: #CCC; font-weight: 400; font-size: 13px;}
.hp-highlight{ font-size:15px; color:silver;}

.menu{ display:block;}
#menu {background:#6E9836; color: #fff; display: block; margin: 0; border: border-bottom: 1px solid #AEC98B; font-size:14px; height:40px; line-height:40px; padding-left:10px;}
#menu2 {color: #fff; height:40px; line-height:40px; display: block; margin: 0; text-align:center;}
input[type="checkbox"].on-off{display: none;}
.menu ul { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; padding: 0; list-style: none; background: #8CAE5F;}
.menu li {}
.menu li a { color:#FFF;  display:block; height:40px; font-size:12px; line-height:40px; border-bottom: 1px solid #AEC98B; padding-left:10px; overflow:hidden;}
input[type="checkbox"].on-off + ul{ height: 0; overflow: hidden;}
input[type="checkbox"].on-off:checked + ul{height:778px;}

.page-top{display: none ; margin: 0 ; padding: 0 ; }
.page-top p{margin: 0 ; padding: 0 ; position: fixed ; right: 5px ; bottom: 5px ; }
.move-page-top{display: block ;background: #6E9836 ; width: 50px ; height: 50px ; cursor: pointer ; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; color: #fff ; line-height: 50px ; text-decoration: none ; text-align: center ; -webkit-transition:all 0.3s ; -moz-transition:all 0.3s ; transition:all 0.3s ;}
.arrow{ float:right; margin-right:10px;}

.img_area{ width:100%; overflow:hidden; border:1px solid #eee;}
.pcimg{ display:none;}
.spimg{ display:block; width:100%;}
.page-title{ font-size:20px; margin:10px auto;color: #618c33; font-weight:normal;}
.page-sub-title{font-size: 18px;color: #618c33;font-weight: normal; margin:5px auto;}
.body_text{ color:#808080; font-size:14px; line-height:1.5;}
.img_area_slider{ width:100%; height: auto; overflow:hidden;}
.img_area_slider2{ width:100%; height: auto; overflow:hidden;}
.media_main_box { overflow: hidden; width: 100%; margin-bottom: 20px;}
.media_title {width: 100%; height: auto; border-top: 1px solid #618b29; border-bottom: 1px solid #618b29; font-size: 12px; font-weight: bold; line-height: 21px; color: #618b29; overflow: hidden; margin-bottom: 10px;}
.media_title img { float: left;}
.media_title p {display: block; margin: 10px 0; line-height: 18px;}
.media_img {width: 100%;height: auto;font-size: 14px;color: #808080;overflow: hidden;}
.media_img img {float: left; margin-right: 30px; margin-bottom: 10px; width:100%;}
.CorpInfoList { font-size:13px;}
dl.CorpInfoList dt {width: 85px; float: left; clear: both; padding-right: 10px;}
dl.CorpInfoList dd {padding: 0 0 5px 55px;}
#recruuit_wrapper {margin:10px auto 50px auto; text-align: center; width: 100%;}
.recruit_title {width: 100%; text-align: center; color: #000000; height: 30px; line-height: 30px; display: inline-block; font-size: 16px; margin-bottom: 15px; border-bottom: solid 1px #000000;}
#recruit_title_box {width: 100%; margin: 0px auto; text-align: center; overflow: hidden;}
#recruit_title_box li {float: none;display: block;margin: 0 0; width: 100%; text-align: center; line-height: 20px; font-size: 14px; color: #000000;}
.recruit_btn a {display: block; margin: 0 0; width: 100%; text-align: center; height: 40px; line-height: 40px; color: white; background: #87A64A; text-transform: uppercase; border-radius: 2px; font-size: 10px; padding-top: 3px;}
.recruit_btn a:hover {display: block; margin: 0 0; width: 100%; text-align: center; height: 40px; line-height: 40px; color: white; background: #87A64A; text-transform: uppercase; border-radius: 2px; font-size: 10px; padding-top: 3px;}
.other_site {font-size: 10px;}
.recruit_btn{ width:100%;}

#recipe_box{ width:100%; overflow:hidden;}
#recipe_left_box{ width:100%; margin-right:0px; float:left; }
#recipe_left_box img{ width:100%; }
#recipe_right_box{ width:98%; float:left; background: transparent none repeat scroll 0 0;    padding: 0 5px 0 0; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.conteneurrecetterg { width: 100%; transform: rotate(1deg); background: #EDEDED; margin-bottom: 20px; border: 1px solid #e5e5e5;}
.conteneurrecetterg_inner {padding: 30px 20px; border: 1px solid #E7E7E7; background: #FBFBFB; transform: rotate(-1deg); color: #757575; margin-bottom: 0;position: relative;}
.recipe_right_title{ display:block;  font-size:20px; color:#618c33; width:100%; text-align:center; line-height:1.8;}
.conteneurrecetterg h2 {text-align: center;margin: 0 0 25px 5%;font-size: 13px;color: #A1A1A1;padding-bottom: 25px;font-style: italic;width: 90%;background: url(../recipe/img/line.png) center bottom no-repeat; line-height: 140%;}
.ingredientsbloc {width: 88%;padding: 6%;background: rgba(160, 160, 160, 0.05);border: 1px dashed #C8D9B0; overflow:hidden;}
.text_center{ display:block; width:100%; text-align:center; margin-bottom:10px; margin-top:10px;}
.ingredientsbloc ul li { width:85%; float:left; font-style: italic; background: url(../recipe/img/arrow.png) 0% 30% no-repeat; text-align: left; padding: 0px 0px 5px 20px;}
#recettecontent{ margin-top:20px;}
#recettecontent ol li {list-style-type: none; counter-increment: repas; margin-bottom: 15px; font-size:14px; overflow:hidden; display:block;}
.number{ float:left; display:block; width:20px; height:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#618c33; color:#FFF; line-height:20px; text-align:center; margin-right:5px; margin-top:3px;}
.recettecontent_text{ display:block; float:left; width:80%;}
#recipi_left_title{ height: auto; color:#618c33; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:20px; line-height:55px; }
#recipi_left_title img { float:left; margin-right:15px; width:50px;}

.width100 dl {text-align: left; width: 100%; margin: 10px auto;}
.width100 dt {width:100%; float: left; margin-right: 5px; text-align: left; color:#618b29; font-weight:bold;}
.width100 dd {width:100%;float: left;}
#top_table{ color:#000; background-color:#f4f4f4; border-radius: 3px; padding:10px 5%; width:90%; margin:5px auto 0 auto; display:block; overflow:hidden;}
#top_main_right_containar{width: 90%;    margin: 15px 5%; float:right; }
.text_left{ text-align:left !important;}

#top_main_right_containar h2 br{ display:none;}
#top_main_right_containar h2{line-height: 1.2; font-weight: bold; text-transform: uppercase; font-size: 20px; color: #618b29; text-align: center; margin: 20px 0 !important; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

/* ↓↓ ニュースレターベージ ↓↓ */
.box {width: 100%; height: auto; margin: 0 auto;}
#w1 {margin-right: auto; margin-left: auto; text-align: center; width: 100%; padding: 0px 0px;}
.fm {margin-bottom: 10px; padding-left: 0px; padding-top: 0px; border-top: 1px solid #CCCCCC; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #CCCCCC; background-color: #f0f0f0; height: 20px; width: 100%;}
input[type="text"], input[type="password"], textarea {color: #999; padding: 7px 0; border: 1px solid #ddd; background: #fff;}
.foot{ height:50px;}
.mail_box {overflow: hidden; margin-bottom: 20px; padding-left: 0px;}
.mail_img {float: left;width: 100%;}
.mail_img img{ width:100%;}
.mail_text {float: left; height: auto; line-height: normal; margin-left: 0px; width: 100%; color: #808080;}
/* ↑↑ ニュースレターベージ ↑↑ */

#news_area{ width:100%; margin-bottom:20px;border-radius: 2px; background-image:url(../img/top_news_box_bg.gif);}
#news_area ul{ display:block; padding:30px 30px 20px 30px; }
#news_area ul li{ display: block; width:100%; margin-bottom:20px;}
#news_area ul li a{ color:#FFF; font-size:16px; line-height:20px; display:block; overflow:hidden;}
.arrow_sm{ font-size:8px; display: inline; padding-bottom:5px; float: none; margin:0 5px 5px 0;}
.ico_new {display: inline-block; float: none; background: #fff; color: #618c33; font-size: 9px;padding: 1px 5px 0px;border-radius: 8px; margin-left:5px; font-weight:bold; width:25px;}
.news_txt{ display: inline; float: none;}
.news_txt:hover{ display: inline; float: none; text-decoration:underline;}
.news-left { display:block ; width: 100% !important; float:none; margin-right:0;}
.news-img { width: 100%; float:none;}
.news-img img { width: 100%;}

.news_main {width: 100%; font-size: 14px; color: #618b29; overflow: hidden;}
.more { width: 150px; text-align: center;  padding: 5px; cursor: pointer; color: #618b29; border:1px solid #618b29; margin-bottom:20px;}

.page-title2{ font-size:16px; margin:20px auto;color: #618c33; font-weight:normal; line-height:1.2;}
.contents p{width: 100%; font-size: 14px; color: #808080; overflow: hidden;}
.sp_none{ display:none;}

/* ↓↓ メニュータブ ↓↓ */
.tabs input[type=radio] {position: absolute; left: -9999px;}
.tabs {max-width: 980px; float: none; list-style: none; position: relative; padding: 0; margin: 20px auto; height:365px;}
.tabs li { float: left; width:33%; }
.tabs label { display: block; padding: 10px 10px; border-radius: 2px 2px 0 0; color: #FFF; font-size: 12px; background: #618c33; cursor: pointer; position: relative; top: 3px; margin-right:3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; line-height:1.2; height:30px;}
.tabs label:hover { background-color:#FFF; color:#618c33; top: 0;}
[id^=tab]:checked + label {background-color: #eeeeee;color: #618c33;top: 0;}
[id^=tab]:checked ~ [id^=tab-content] {display: block;}
.tab-content {z-index: 2;display: none;text-align: left;width: 100%;font-size: 20px;line-height: 140%;padding-top: 10px;background: #eeeeee;padding: 15px; color: white;position: absolute;left: 0; box-sizing: border-box; -webkit-animation-duration: 0.5s; -o-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s;height:300px; overflow: scroll;-webkit-overflow-scrolling: touch;}
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;}	25%, 75% {opacity: 0;}}
@-webkit-keyframes fadeInLeftUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); }}
@-moz-keyframes fadeInLeftUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); }}
@-o-keyframes fadeInLeftUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } }
@keyframes fadeInLeftUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); }}
.fadeInLeftUp { -webkit-animation-name: fadeInLeftUp; -moz-animation-name: fadeInLeftUp; -o-animation-name: fadeInLeftUp; animation-name: fadeInLeftUp;}
#main-menu{ margin-bottom:40px; height:365px;}
/* ↑↑ メニュータブ ↑↑ */
.lunch-text{color:#618c33; font-size:14px;}

/* ↓↓ 物販ページ↓↓ */

#stock{font-size:12px;color:#222;}
#table94726{margin:0 auto;border-collapse: collapse;font-size:12px;border-top:1px solid #ddd;border-left:1px solid #ddd; width:100%;}
#table94726 thead {font-weight:bold;border-bottom:2px solid #ddd;}
#table94726 td{padding:8px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
#table94726>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;}
#stock_caption{ width:100% ; text-align:left; color:#767676; margin-left:0px; margin-top:10px; font-size:12px;}
#stock p{ width:100%; text-align:center; display:block; margin:0; font-size:12px;}

#job { font-size:14px;}
.page-title3{ font-size:14px; margin:20px auto;color: #222222; font-weight:normal; line-height:1.2; width:100%; text-align:left;}


.contents dl {width:100%; overflow:hidden;}
.contents dt ,dd{ float:left; color:#808080; font-size:14px;}
.contents dt { width:120px;}

.menu-table {
	font-size:14px; color:#808080;
}


}