@charset "utf-8";

body { min-width:initial; min-width:auto; position:relative; }
.dipc { display:none; }
.disp { display:block; }

.spMenu { position:fixed; }
.spMenu h1 { float:left; padding:12px 0 0 10px; }
.spMenu h1 img { width:120px; }
.spMenu button { -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0; display:block; outline:0; cursor:pointer; background:#8cc01c; border-width:0; padding:0 15px; margin:0; float:right; box-sizing:border-box; -webkit-box-sizing:border-box; height:60px; }
.spMenu button span { color:#fff;  font-size:13px; font-weight:bold; }
.spMenu button:before { font-size:17px; font-weight:normal; color:#fff; }
.spMenu div { display:none; box-sizing:border-box; -webkit-box-sizing:border-box; background:#8cc01c; padding:10px 10px 10px 10px; width:100%; float:none; clear:both; }
.spMenu ul { width:100%; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; box-sizing:border-box; -webkit-box-sizing:border-box; border:solid #fff; border-width:1px 0 0 1px; }
.spMenu ul li { width:50%; border:solid #fff; border-width:0 1px 1px 0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.spMenu ul li a { color:#fff; text-decoration:none; transition: all 0.1s ease-in-out 0s; display:block; padding:20px 0 20px; text-align:center; font-size:12px; font-family:Helvetica, Helvetica Neue, "游ゴシック", YuGothic,"Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN W3, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif; background:rgba(255,255,255,0.1); font-weight:bold; }
.spMenu ul li a:hover { color:#f2a102; background:#fff; }
.spMenu { z-index:999; width:100%; overflow:hidden; display:block; background:#fff; }

header { display:none; }
body > div { min-width:initial; min-width:auto; position:relative; }
.slide-text { padding:0; text-align:center; margin-top:-50px; }
.slide-text p img { max-width:90%; }
.slide-img { height:500px; }
.firstNavWrap { padding:30px 10px; box-sizing:border-box; -webkit-box-sizing:border-box; }
.firstNavWrap h2 { margin:0 0 20px; font-size:2.3rem; }
.firstNavWrap h2 img{ max-width:90%; }
.fadeUpT { opacity:1; }
.fadeInT { opacity:1; }
.firstNavmenu { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; display:block; }
.firstNavmenu li { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border-width:0 0 1px; }
.firstNavmenu li:first-child { -moz-border-radius:0.6em 0.6em 0 0; -khtml-border-radius:0.6em 0.6em 0 0; -webkit-border-radius:0.6em 0.6em 0 0; border-radius:0.6em 0.6em 0 0; }
.firstNavmenu li:first-child a { -moz-border-radius:0.5em 0.5em 0 0; -khtml-border-radius:0.5em 0.5em 0 0; -webkit-border-radius:0.5em 0.5em 0 0; border-radius:0.5em 0.5em 0 0; }
.firstNavmenu li:last-child { -moz-border-radius:0 0 0.6em 0.6em; -khtml-border-radius:0 0 0.6em 0.6em; -webkit-border-radius:0 0 0.6em 0.6em; border-radius:0 0 0.6em 0.6em; }
.firstNavmenu li:last-child a { -moz-border-radius:0 0 0.5em 0.5em; -khtml-border-radius:0 0 0.5em 0.5em; -webkit-border-radius:0 0 0.5em 0.5em; border-radius:0 0 0.5em 0.5em; }

.fTitle { margin:0 0 60px; }
.fTitle span { font-size:2.3rem; }
.deliciousnessWrap { padding:30px 10px; }
.deliciousnessContent { width:100%; display:block; margin:0 0 40px; }
.deliciousnessContent dt { width:100%; margin:0; }
.boundUpT { opacity:1; }
.deliciousnessContent dd { padding:70px 0 0; }
#mc h3.mb60 { margin:0 0 60px; }
#mc img.mb60 { margin:0 0 20px; }
.safeWrapContent dd { width:100%; padding:20px 10px; }
.safeWrap .safeWrapContent p { font-size:1.7rem; padding:0; }
.keepContent { width:100%; padding:20px; }
.keepWrap { padding:20px 10px 60px 10px; }
.keepContent iframe { height:260px; }


.deliWrap { padding:30px 10px; }
.deliWrap > div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.deliWrap > div dl { padding:10px; }
.deliWrap > div dl dd p { font-size:1.5rem; }
.deliWrap > div dl dd p br { display:none; }
.cTitle { font-size:2.0rem; }
.safeWrap { padding:20px 0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.safeWrap h3 { margin:0 0 20px; }
.safePhoto { margin:0 0 10px; }
.firstNavmenu li a span { font-size:1.5rem; }
.safePhoto h4:first-child { height:200px; background-size:cover; }
.safePhoto h4:last-child { height:200px; background-size:cover; }
.safeWrap p { font-size:1.5rem; text-align:left !important; padding:0 10px; }
.safeWrap p br { display:none; }
.cultivation { padding:20px 10px; }
.cultivation > div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.cultivation > div dl { padding:10px; }
.deliWrap > div dl dt { text-align:center; }
.cultivation > div dl dt { text-align:center; }
.cultivation > div dl dd p { font-size:1.5rem; }
.cultivation > div dl dd p br { display:none; }
.userVoiceTitle { background-size:100px; }
.userVoiceTitle h3 { padding:20px 0; font-size:1.8rem; }
.userWrap { padding:20px 10px; }
.userWrap article { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:20px 10px; }

.userWrap article dl { flex-flow: column; margin:0 0 20px; }
.userWrap article dl dt { order:2; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; position:relative; }
.userWrap article dl dt:after { width:0; height:0; display:inline-block; border-style:solid; border-width:10px; border-color:#2B5F0D transparent transparent  transparent; bottom:initial; top:-16px; left:50%; content:""; position:absolute; margin:0 0 0 -10px; }

.userWrap article dl dd { order:1; padding:10px; margin:0 0 15px; }
.userWrap article dl dd h4 { font-size:1.8rem; }
.userWrap article dl dd p { font-size:1.5rem; }
.userWrap article dl dd p br { display:none; }

.userWrap article dl dd:before { display:none; }
.userWrap article dl dd:after { display:none; }

.aboutWrap { flex-flow: column; }
.aboutWrap .aboutimg { order:2; padding:0 10px; text-align:center; }
.aboutContent { order:1; padding:20px 10px; }
.aboutContent h3 { text-align:center; }
.aboutWrap > div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.aboutContent p { font-size:1.5rem; }
.aboutContent p br { display:none; }
.aboutContent p:last-child { text-align:center; margin:0; }
.aboutWrap .aboutimg img { max-width:100%; }
.cookWrap { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:20px 10px; }
#mc .mb40 { margin:0 0 20px; }
.cookWrap > div { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; display:block; }
.cookWrap > div dl:first-child { margin:0 0 20px; }
.cookWrap > div dl { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }
.cookWrap > div dl dt { margin:0 0 10px; }
.contactWrap> div { padding:20px 10px; }
.contactWrap> div section { padding:10px; }
.contactWrap> div section h4 { font-size:2.2rem; margin:0 0 10px; }
.cc { font-size:1.8rem; }
.cl { font-size:2.5rem; }
.contactWrap> div section em { font-size:1.3rem; line-height:1; }