@charset "utf-8";

@import url('components.css');
@import url('magnific-popup.css');
@import url('swiper.min.css');

html, body { font-size:13px; position: relative; width: 100%; height: 100%; min-height: 810px; }

a { color:#333; text-decoration: none; }

#container { height: 724px; width: 880px; text-align: left; margin: -405px 0 0 -440px; zoom:1; position: absolute; top:50%; left: 50%; }

footer { width: 880px; margin: 0 auto; zoom:1; position: relative; z-index: 1043; }
footer .copyright { width: 100%; float: none; text-align: right; overflow: hidden; display: block; color: #eee; font-size: 80%; padding:3px 0 0; line-height: 15px; }
footer:after { content: ""; display: block; clear: both; }
footer .logo { float: left; }
footer .logo a { line-height: 1px; display: block; width: 207px; height: 36px; background: url(/static/images/common/nav_top.png); }
footer .logo a:hover,
footer .logo.active a { background: url(/static/images/common/nav_top_ov.png); }
footer .logo a span { display: none; }

footer nav { float: right; margin: 0 0 0 20px; width: 637px; line-height: 1px; position: relative; }
footer nav ul { float: left; padding:25px 0 0; width: 577px; }
footer nav ul li { float: left; margin: 0 20px 10px 0; }
footer nav ul li a ,
footer nav ul li span { line-height: 1px; display: block; height: 12px; }
footer nav ul li a span,
footer nav ul li span span { line-height: 1px; display: none; }
footer nav ol { float: right; position: relative; top:22px; width: 56px; }
footer nav ol li { float: left; padding: 0 0 0 10px; }
footer nav ol li img { height: 18px; font-size: 1px; line-height: 1px; }
footer nav ol li a:hover img { opacity: 0.75; }

footer nav li.news a, footer nav li.news span       { width: 46px; background: url(/static/images/common/nav_news.png); }
footer nav li.concept a, footer nav li.concept span { width: 76px; background: url(/static/images/common/nav_concept.png); }
footer nav li.column a, footer nav li.column span { width: 73px; background: url(/static/images/common/nav_column.png); }
footer nav li.shop a, footer nav li.shop span       { width: 43px; background: url(/static/images/common/nav_shop.png); }
footer nav li.menu a, footer nav li.menu span       { width: 47px; background: url(/static/images/common/nav_menu.png); }
footer nav li.delivery a, footer nav li.delivery span       { width: 84px; background: url(/static/images/common/nav_delivery.png); }
footer nav li.recruit a, footer nav li.recruit span { width: 68px; background: url(/static/images/common/nav_recruit.png); }
footer nav li.company a, footer nav li.company span { width: 82px; background: url(/static/images/common/nav_company.png); }

footer nav li.news a:hover, footer nav li.news.active a       { background: url(/static/images/common/nav_news_ov.png); }
footer nav li.concept a:hover, footer nav li.concept.active a { background: url(/static/images/common/nav_concept_ov.png); }
footer nav li.column a:hover, footer nav li.column.active a { background: url(/static/images/common/nav_column_ov.png); }
footer nav li.shop a:hover, footer nav li.shop.active a       { background: url(/static/images/common/nav_shop_ov.png); }
footer nav li.menu a:hover, footer nav li.menu.active a       { background: url(/static/images/common/nav_menu_ov.png); }
footer nav li.delivery a:hover, footer nav li.delivery.active a       { background: url(/static/images/common/nav_delivery_ov.png); }
footer nav li.recruit a:hover, footer nav li.recruit.active a { background: url(/static/images/common/nav_recruit_ov.png); }
footer nav li.company a:hover, footer nav li.company.active a { background: url(/static/images/common/nav_company_ov.png); }

.catch { padding: 210px 0 0; margin: 0 auto; text-align: center; }
.topCatch { padding: 35px 0 25px; text-align: center; margin: 0 auto; }
.topCatch img { width: 100%; margin: 0 auto; text-align: center; }
.topCatch .swiper-slide { text-align: center; }


.wrap { height: 690px; width: 880px; margin: 0 auto; position: relative; overflow: hidden; }
.wrap h1 { height: 187px; position: relative; z-index: 1045; }
.wrap h1 span { display: none; }
.wrap h2 { line-height: 23px;;  }
.wrap table { border:0; border-spacing: 0; border-collapse: collapse; }
.wrap th { width: 130px; font-weight: 900; vertical-align: top; line-height: 23px; font-size: 13px; letter-spacing: 1px; }
.wrap td { font-weight: 100; vertical-align: top; line-height: 23px; font-size: 13px; }
.wrap td a { color:#bbb; }
.wrap td a:hover { color:#3E3A39; }
.wrap td dl:last-child { padding: 0; }
.wrap td dl:after { content: ""; display: block; clear: both; }
.wrap td dt { line-height: 23px; width: 9em; float: left; }
.wrap td dt { line-height: 23px; overflow: hidden; }

.conceptWrap .inr:after { content: ""; display: block; clear: both; }
.conceptWrap h1 { background: url(/static/images/concept/catch.png) left 55px no-repeat; }
.conceptWrap dl { margin: 0 0 0 20px; width: 160px; float: left; }
.conceptWrap dl.conceptHuman { margin: 0; }
.conceptWrap dt { padding: 12px 0 10px; margin: 0 0 18px; border-bottom:1px solid #818285; }
.conceptWrap dt span { display: none; }
.conceptWrap dd { margin: 0 0 18px; }
.conceptWrap dd.iimg { margin: 0; padding:6px 0 0; }

.conceptWrap dl.conceptHuman dt { background: url(/static/images/concept/h_human.png) center 0 no-repeat; }
.conceptWrap dl.conceptVagetable dt { background: url(/static/images/concept/h_vagetable.png) center 0 no-repeat; }
.conceptWrap dl.conceptSeasonality dt { background: url(/static/images/concept/h_seasonality.png) center 0 no-repeat; }
.conceptWrap dl.conceptOurmenu dt { background: url(/static/images/concept/h_ourmenu.png) center 0 no-repeat; }
.conceptWrap dl.conceptOurservice dt { background: url(/static/images/concept/h_ourservice.png) center 0 no-repeat; }

.menuWrap .inr:after { content: ""; display: block; clear: both; }
.menuWrap h1 { background: url(/static/images/menu/catch.png) left 55px no-repeat; }
.menuWrap dl { width: 281px; float: left; }
.menuWrap dl.menuGreenbowl    { margin: 0 19px 0 0; }
.menuWrap dl.menuWrapgreen    { margin: 0 18px 0 0; }
.menuWrap dl.menuGreensgarden { margin: 0; }
.menuWrap dt img { width: 281px; }
.menuWrap dd.itxt { padding: 13px 0; line-height: 1px; font-size: 10px; }
.menuWrap ul { padding: 25px 0 0; }
.menuWrap ul li.img { margin: 0 19px 0 0; padding: 4px 0 0; float: left; }
.menuWrap ul li { margin: 0 0 0.8em; }

.shopWrap h1 { background: url(/static/images/shop/catch.png) left 55px no-repeat; }
.shopWrap ul { padding: 0 0 55px; }
.shopWrap ul li { text-align: center; padding: 0 0 10px; }
.shopWrap.v2 h1 { background-image: url(/static/images/shop/catch_v4.png); }

.recruitWrap h1 { background: url(/static/images/recruit/catch_v3.png) left 55px no-repeat; }
.recruitWrap table { margin: 0 0 12px; }
.recruitWrap table table { margin: 0; }
.recruitWrap table table td { padding: 0 1em 0 0; }
.recruitWrap table th { width: 182px }
.recruitWrap .sub { border-top:1px solid #3E3A39; padding: 17px 0 0; }
.recruitWrap .sub table { margin: 0; }

.companyWrap { padding: 145px 0 0; }
.companyWrap table th { width: 182px }
.companyWrap th,
.companyWrap td {  }

.newsBg { display: none; position: fixed; top:0; left: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 200;}
.newsWrap .inr:after { content: ""; display: block; clear: both; }
.newsWrap h1 { background: url(/static/images/news/catch.png) left 55px no-repeat; }
.newsWrap .inr a { display: block; width: 160px; padding: 0 0 5px; margin: 0 20px 0 0; float: left; cursor: pointer; position: relative; z-index: 100; }
.newsWrap .inr a:after { content: ""; display: block; clear: both; }
.newsWrap .inr a:nth-child(5n) { margin: 0; }
.newsWrap .inr a:hover { opacity: 0.75; }
.newsWrap dt { margin: 0 0 5px; }
.newsWrap dt img { width: 100%; }
.newsWrap dd { line-height: 18px; padding: 0; min-height: 54px; font-size: 13px; position: relative; width: 160px; line-height: 18px; }
.newsWrap dd strong { line-height: 18px; }
.newsWrap dl.active { opacity: 1; z-index: 300; background: #fff; }

.columnWrap h1 { background: url(/static/images/column/catch.png) left 55px no-repeat; }
.columnWrap .inr { padding: 6px 0 0 55px; }
.columnWrap .inr:after { content: ""; display: block; clear: both; }
.columnWrap .inr a { display: block; width: 240px; padding: 0 0 5px; margin: 0 20px 0 0; float: left; cursor: pointer; position: relative; z-index: 100; }
.columnWrap .inr a:after { content: ""; display: block; clear: both; }
.columnWrap .inr a:nth-child(5n) { margin: 0; }
.columnWrap .inr a:hover { opacity: 0.75; }
.columnWrap dt { margin: 0 0 10px; }
.columnWrap dt img { width: 240px; height: 240px; object-fit: cover; font-family: 'object-fit: cover;'; }
.columnWrap dd { line-height: 18px; padding: 0 10px 10px; font-size: 13px; position: relative; line-height: 18px; }
.columnWrap dd strong { line-height: 18px; }
.columnWrap dl.active { opacity: 1; z-index: 300; background: #fff; }

.deliveryWrap h1 { background: url(/static/images/delivery/catch.png) left 55px no-repeat; }
.deliveryWrap table { margin:23px 0 24px; }
.deliveryWrap table th { width: 182px }
.deliveryWrap .deliverytel {padding: 2em 0; text-align: center; border-top:1px solid #3E3A39; border-bottom: 1px solid #3E3A39; }

.pagenation { width: 880px; padding: 0 0 0; text-align: right; }
.pagenation ul { text-align: right; }
.pagenation ul li { display: inline; }


#newsArticle { width: 810px; margin: 0 auto; zoom:1; }
#newsArticle:after { content: ""; display: block; clear: both; }
#newsArticle .inr:after { content: ""; display: block; clear: both; }
#newsArticle dl { width:240px; margin: 0 0 0 20px; float: left; }
#newsArticle dt { width:240px; height: 240px; margin: 0 0 10px; overflow: hidden; }
#newsArticle dt img { width:240px; height: 240px; }
#newsArticle dd { text-align: left; line-height: 18px; height: 126px; margin: 0 10px 30px; overflow: hidden; text-align: justify; text-justify: inter-ideograph; }
#newsArticle dd strong { padding-right: 1em; line-height: 18px; }

#newsArticle .orNext { float: left; margin: 0 0 0 30px; }
#newsArticle .orPrev { float: right; margin: 0 30px 0 0; }
#newsArticle .orNext a span,
#newsArticle .orPrev a span { display: none; }
#newsArticle .orNext a,
#newsArticle .orPrev a { display: block; font-size: 1px; line-height: 1px; width: 41px; height: 14px; }
#newsArticle .orNext a { background: url(/static/images/news/btn_next_c.png); }
#newsArticle .orPrev a { background: url(/static/images/news/btn_prev_c.png); }
#newsArticle .orPrev a:hover,
#newsArticle .orNext a:hover { background-position: 0 -20px; }

.pagenationS { width: 810px; margin: 0 auto; }
.pagenationS .orNext { float: left; margin: 0 0 0 30px; }
.pagenationS .orPrev { float: right; margin: 0 30px 0 0; }
.pagenationS .orNext a span,
.pagenationS .orPrev a span { display: none; }
.pagenationS .orNext a,
.pagenationS .orPrev a { display: block; font-size: 1px; line-height: 1px; width: 41px; height: 14px; }
.pagenationS .orNext a { background: url(/static/images/news/btn_next_c.png); }
.pagenationS .orPrev a { background: url(/static/images/news/btn_prev_c.png); }
.pagenationS .orPrev a:hover,
.pagenationS .orNext a:hover { background-position: 0 -20px; }

.wrap.shopWrap h2 { padding: 0 0 20px; }
.shopLeft { width: 350px; float: left; }
.shopLeft dl { line-height: 23px; font-size: 13px; width: 330px; overflow: hidden; }
.shopLeft dt { line-height: 23px; font-size: 13px; width: 5em; float: left;}
.shopLeft dd { line-height: 23px; font-size: 13px; overflow: hidden; }
.shopLeft p { padding: 10px 0; line-height: 23px; }
.shopLeft a { color:#bbb; cursor: pointer; }
.shopLeft a:hover { color:#3E3A39; }
.shopRight { width: 490px; float: right; }

.shopLeft .appointment h3 { padding:30px 0 20px; }
.shopLeft .appointment dt { width: 8em; }

a.linkGray { color:#bbb; }
a.linkGray:hover { color:#3E3A39; }

.shopWrap.v2 .shopLeft { width: 340px; }
.shopWrap.v2 .appointment.top { padding:0 0 15px; }
.shopWrap.v2 .appointment.top > h3 { padding:0 0 10px; margin:0; }
.shopWrap.v2 .appointment.top strong { vertical-align: baseline; }
.shopWrap.v2 .appointment.top strong a { line-height: 23px; vertical-align: baseline; cursor: pointer; }
.shopWrap.v2 .appointment.middle { border-top:1px solid #818285; }
.shopWrap.v2 .appointment.middle h3 { padding:15px 0 7px; margin:0; }
.shopWrap.v2 .appointment.middle p { padding:0; }
.shopWrap.v2 .shopRight { width:540px; }
.shopWrap.v2 .shopRight .mapswrap { position: relative; height: 297px; margin: 0 0 11px; }
.shopWrap.v2 .shopRight .mapswrap > div { width:540px; position: absolute; top:0; left: 0; }
.shopWrap.v2 .shopRight .mapswrap > div a { position: absolute; top:266px; left: 0; color: #bbb; }
.shopWrap.v2 .shopRight .mapswrap > div a:hover { color: #333; }
.shopWrap.v2 .shopRight .mapswrap > div > div { width:540px; height:260px; position: absolute; top:0; left: 0; }
.shopWrap.v2 .shopRightBottom { border-top: 1px solid #818285; }
.shopWrap.v2 .shopRightBottom:after { content: ""; display: block; clear: both; }
.shopWrap.v2 .shopRightBottom dl { width: 180px; margin: 0 20px 0 0; float: left; }
.shopWrap.v2 .shopRightBottom dl:last-child { width: 140px; margin: 0 ; }
.shopWrap.v2 .shopRightBottom dt { padding:15px 0 7px; margin:0; font-weight: bold; }
.shopWrap.v2 .shopRightBottom dt span { font-weight: normal; }
.shopWrap.v2 .shopRightBottom dt a { color: #bbb; }
.shopWrap.v2 .shopRightBottom dt a:hover { color: #333; }
.shopWrap.v2 .shopRightBottom dd { line-height: 23px; }
.shopWrap.v2 .shopRightBottom dd a { color: #bbb; }
.shopWrap.v2 .shopRightBottom dd a:hover { color: #333; }

.columnArticle { text-align: left; position: relative; }
.columnArticle .inr { padding:0 1em 0 0; height: 460px; overflow: auto; }
.columnArticle .top { margin: 0 0 3em; }
.columnArticle .top:after { content: ""; display: block; clear: both; }
.columnArticle .top .img { float: left; margin: 0 30px 0 0; }
.columnArticle .top .img img { width: 170px; height: 200px; object-fit: cover; font-family: 'object-fit: cover;'; }
.columnArticle .top .txt { overflow: hidden; }
.columnArticle .top .txt p { margin: 0; }
.columnArticle h2 { margin: 0 0 1.5em; font-weight: bold; line-height: 20px; }
.columnArticle h3 { margin: 0 0 1.5em; font-weight: bold; line-height: 20px; }
.columnArticle h3:after { content: ""; display: block; clear: both; line-height: 20px; }
.columnArticle h4 { margin: 0 0 1.5em; font-weight: bold; line-height: 20px; }
.columnArticle p { margin: 0 0 1.5em; font-weight: 500; }
.columnArticle.v2 { z-index: 9999; padding:3em 20px 20px; box-sizing: border-box; position: fixed; top:10vh; left: 15vw; width: 70vw; height: 80vh; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.05); overflow: auto; }
.columnArticle.v2 a { color:#bbb; }
.columnArticle.v2 a:hover { color:#333; }
.columnArticlebg { position: fixed; top:0; left: 0; width: 100vw; height: 100vh; display: block; }
.columnArticle a small { color: #bbb; }
.columnArticle a:hover small { color: #333; }
.columnBack { height: 44px; line-height: 44px; position: absolute; text-decoration: none; opacity: 0.65; filter: alpha(opacity=65); font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; color: #555; top: -69px; right: 0; text-align: right; width: 100%; z-index: 99999; }
.columnimg { display: flex; justify-content: space-between; }
.columnimg img { width: calc(50% - 5px); height: 280px; object-fit: cover; font-family: 'object-fit: cover;'; }
.matsuodaBnr { position: absolute; bottom: 0; right: 0; }
.matsuodaBnr a:hover { opacity: .75; }
.menulist { display: flex; }
.menulist span:nth-of-type(1) { width: 8em; }
.menulist span:nth-of-type(2) { width: calc(100% - 8em); }

/* ───────────────────────────────────────────────────────────────────────────
 1000px以下の動作
─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1000px){
}

/* ───────────────────────────────────────────────────────────────────────────
 640px以下の動作
─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:640px){
}