@charset "UTF-8";
body { line-height: 150%; color: #666; letter-spacing: 0.8pt; font-family: "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; }

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

img { vertical-align: bottom; }

br.spbr { display: none; }

h1, h2 { text-align: center; }

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

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

.u-floatLeft { display: none !important; }

.vegi01 { position: absolute; z-index: 101; bottom: -40px; left: -20px; }

.vegi01 img { height: 370px; }

.vegi02 { position: absolute; right: -100px; bottom: -50px; z-index: 101; }

.vegi02 img { width: 220px; }

header { position: relative; background-color: #FFF; z-index: 100; height: 100px; }

header h1 { display: block; position: absolute; left: 20px; top: 20px; width: 439px; }

header ul.sub-nav { position: absolute; right: 20px; top: 40px; }

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

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

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

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

#head-kv .head-title { font-size: 37px; font-weight: bold; position: absolute; right: 24%; color: #FFBF26; line-height: 140%; }

#head-kv .head-description { position: absolute; right: 45%; bottom: 20px; height: 320px; color: #fff; font-size: 19px; line-height: 140%; }

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: 60px 0; }

#tp-block-01 { background-image: url("image/tp-block-01-bg.jpg"); background-size: cover; min-height: 650px; position: relative; }

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

#tp-block-01 p.title1, #tp-block-01 p.title2 { font-size: 32px; font-weight: bold; position: absolute; top: 25%; }

#tp-block-01 p.title1 { right: 27%; }

#tp-block-01 p.title2 { left: 27%; }

#tp-block-01 p.caption { text-align: center; position: absolute; top: 80%; margin: auto; font-size: 19px; left: 0; right: 0; }

#tp-block-01 .logo { width: 353px; height: 352px; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

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

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

#tp-block-02 ul li { width: 48%; float: left; margin-right: 4%; margin-bottom: 30px; }

#tp-block-02 ul li:nth-child(2n) { margin-right: 0; }

#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: 1000px; margin: 0 auto; }

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

#tp-block-03 .wrapper h2 { text-align: center; }

#tp-block-03 .wrapper .twitter { width: 48%; float: left; }

#tp-block-03 .wrapper .news { width: 48%; float: left; }

#tp-block-03 .wrapper { width: 1000px; margin: 0 auto; }

#tp-block-03 .wrapper .twitter { width: 45%; float: left; margin-right: 10%; }

#tp-block-03 .wrapper .news { width: 45%; float: left; }

#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: 1000px; margin: 0 auto; }

#tp-block-04 .wrapper ul { margin-top: 30px; }

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

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

#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: 380px; height: 180px; }

#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 .pic { float: left; }

#tp-block-04 .wrapper ul .desc { float: left; width: 580px; height: 140px; background-color: #f1eeeb; padding: 20px; }

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

#banner-area { margin: 0 0 30px 0; text-align: center; }

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

#tp-block-05 .wrapper { width: 1000px; 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: 32%; margin-right: 2%; float: left; background-color: #fff; min-height: 410px; 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:nth-child(4), #tp-block-05 .wrapper ul li:nth-child(5), #tp-block-05 .wrapper ul li:nth-child(6) { min-height: 490px; }

#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: 200px; }

#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: 1000px; 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:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

#tp-block-06 .wrapper ul li { width: 47%; margin-right: 6%; float: left; 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:nth-child(2n) { 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: 800px; margin: 0 auto; }

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

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

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

#contact { width: 800px; 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: 300px; margin: 60px auto 40px auto; }

footer { background-image: url("./image/footer-bg.png"); background-position: center right; background-repeat: no-repeat; background-color: #faf2e8; background-size: contain; padding: 20px 0 !important; }

footer .wrapper { width: 1000px; margin: 0 auto; }

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

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

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.css.map */