@charset "UTF-8";
body { line-height: 150%; color: #666; letter-spacing: 0.8pt; font-family: fot-cezanne-pron, "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro", "Meiryo", verdana, "Osaka", "MS PGothic", Sans-Serif; }

.clearfix { *zoom: 1; }

.clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; }

img { vertical-align: bottom; }

h1, h2 { text-align: center; color: #000; }

h2 { padding-bottom: 40px !important; font-weight: bold; font-size: 24px; }

div, p { font-size: 14px; }

.symbol { width: 20%; margin: 0 auto 10px auto; }

.vegi01 { position: absolute; z-index: 101; top: -120px; left: -20px; }

.vegi01 img { height: 200px; }

.vegi02 { position: absolute; right: 0; bottom: -10px; z-index: 101; }

.vegi02 img { width: 80px; }

header { background-color: #FFF; }

header h1 { padding-top: 10px; }

header h1 img { width: 85%; }

header ul.sub-nav { width: 30%; margin: 20px auto; }

header ul.sub-nav:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

header ul.sub-nav li { float: left; margin-left: 9px; }

header ul.sub-nav li i { color: #FFBF26; font-size: 24px; }

#head-kv { background-image: url("image/kv-sp.jpg"); background-size: cover; background-position: center; min-height: 400px; position: relative; }

#head-kv .vertical-wt { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }

#head-kv::before { /* 透過した黒を重ねる */ background-color: rgba(0, 0, 0, 0.2); /* どの範囲に重ねるかを指定 */ position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ' '; }

#head-kv .wrapper { width: 90%; margin: 0 auto; padding: 5%; }

#head-kv .head-title { font-size: 30px; font-weight: bold; position: absolute; right: 5%; bottom: 10px; color: #FFBF26; line-height: 130%; }

#head-kv .head-description { position: absolute; left: 5%; bottom: 10px; height: 320px; color: #fff; font-size: 14px; }

nav#gnav { text-align: center; padding: 16px 0; background-color: #f1f1f1; -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)); filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)); }

nav#gnav p { font-size: 1.1em; }

nav#gnav a { color: #666; text-decoration: none; }

.outbox { padding: 30px 0; }

#tp-block-01 { background-image: url("image/tp-block-01-bg-sp.png"); background-size: cover; background-position: center; position: relative; padding: 50px 0; }

#tp-block-01 p { color: #333; }

#tp-block-01 p.title1, #tp-block-01 p.title2 { font-size: 32px; font-weight: bold; text-align: center; }

#tp-block-01 p.caption { margin-top: 15px; padding: 0 5%; text-align: center; font-size: 16px; }

#tp-block-01 .logo { width: 65%; margin: 10px auto; }

#tp-block-01 .logo img { width: 100%; }

#tp-block-02 ul { width: 90%; margin: 50px auto; }

#tp-block-02 ul li { margin-bottom: 30px; }

#tp-block-02 ul li img { width: 100%; }

#tp-block-03 { background-color: #f1eeeb; border-top: 1px dashed #9A7400; border-bottom: 1px dashed #9A7400; }

#tp-block-03 .wrapper { width: 90%; margin: 0 auto; }

#tp-block-03 .wrapper .twitter { width: 100%; margin-bottom: 40px; }

#tp-block-03 .wrapper .news { width: 100%; }

#tp-block-03 .wrapper .news dl dt { font-size: 14px; }

#tp-block-03 .wrapper .news dl dd { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #999; }

#tp-block-04 .wrapper { width: 90%; margin: 0 auto; }

#tp-block-04 .wrapper ul li:nth-child(1) .pic { background-image: url("image/tp-block-04-01.jpg"); background-size: cover; background-position: center; width: 100%; height: 130px; }

#tp-block-04 .wrapper ul li:nth-child(2) .pic { background-image: url("image/tp-block-04-02.jpg"); background-size: cover; background-position: center; width: 100%; height: 130px; }

#tp-block-04 .wrapper ul li:nth-child(3) .pic { background-image: url("image/tp-block-04-03.jpg"); background-size: cover; background-position: center; width: 100%; height: 130px; }

#tp-block-04 .wrapper ul li { margin-bottom: 20px; -webkit-filter: drop-shadow(2px 2px 2px rgba(200, 200, 200, 0.5)); filter: drop-shadow(2px 2px 2px rgba(200, 200, 200, 0.5)); }

#tp-block-04 .wrapper ul li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#tp-block-04 .wrapper ul .desc { width: 94%; background-color: #f1eeeb; padding: 3%; }

#tp-block-04 .wrapper ul h3 { text-align: center; color: #FFF; line-height: 130px; font-size: 22px; }

#banner-area { width: 90%; margin: 0 auto 30px auto; }

#banner-area img { width: 100%; }

#tp-block-05 { clear: both; background-color: #f1eeeb; }

#tp-block-05 .wrapper { width: 90%; margin: 0 auto; }

#tp-block-05 .wrapper ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#tp-block-05 .wrapper ul li { width: 100%; float: left; background-color: #fff; margin-bottom: 30px; -webkit-filter: drop-shadow(2px 2px 2px rgba(200, 200, 200, 0.5)); filter: drop-shadow(2px 2px 2px rgba(200, 200, 200, 0.5)); }

#tp-block-05 .wrapper ul li:nth-child(3n) { margin-right: 0; }

#tp-block-05 .wrapper ul li .wrapper2 { padding: 10px; }

#tp-block-05 .wrapper ul li .wrapper2 .item-name { text-align: center; font-weight: bold; font-size: 1.1em; padding-bottom: 10px; }

#tp-block-05 .wrapper ul li .pic img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 130px; }

#tp-block-05 a.brown-btn { display: block; background-color: #A17C52; color: #FFF; text-align: center; padding: 10px 5px; text-decoration: none; width: 300px; margin: 20px auto; }

#tp-block-06 .wrapper { width: 90%; margin: 0 auto; }

#tp-block-06 .wrapper a { color: #666; }

#tp-block-06 .wrapper ul { margin: 30px 0 0 0; }

#tp-block-06 .wrapper ul li { width: 100%; background-color: #fff; min-height: 340px; margin-bottom: 30px; position: relative; }

#tp-block-06 .wrapper ul li p.store-name { text-align: center; padding: 10px 0; font-weight: bold; }

#tp-block-06 .wrapper ul li:last-child { margin-right: 0; }

#tp-block-06 .wrapper ul li .pic img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 300px; }

#tp-block-06 .wrapper ul li .fb { font-size: 30px; position: absolute; right: 0; top: 305px; }

#content { margin: 50px 0 100px 0; }

#privacypolicy { width: 92%; margin: 0 auto; }

#privacypolicy h3 { margin-top: 30px; margin-bottom: 10px; }

#privacypolicy li { margin-left: 1.5em; }

#privacypolicy ol { margin-bottom: 20px; }

#contact { width: 92%; margin: 0 auto; }

#contact p.caution { margin: 10px 0; font-size: 13px; }

#contact a.btn { display: block; background-color: #A17C52; color: #FFF; text-align: center; padding: 10px 5px; text-decoration: none; width: 90%; margin: 20px auto; }

footer { background-color: #faf2e8; padding: 15px 0 !important; }

footer .wrapper { width: 90%; margin: 0 auto; }

footer .wrapper .content_L { margin: 25px 0 0 0; }

footer .wrapper .content_L .yahoo { margin: 8px 0; }

footer .wrapper .content_L .yahoo img { width: 100%; }

footer .wrapper .footernav { padding: 30px 0 15px 0; }

footer .wrapper .footernav a, footer .wrapper .footernav a:link, footer .wrapper .footernav a:visited, footer .wrapper .footernav a:active { color: #A17C52; }
/*# sourceMappingURL=styles-sp.css.map */