@charset "UTF-8";
.centerBox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

html { font-size: 62.5%; }

#autumn-2019-top { position: relative; line-height: 1.75; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; font-family: "メイリオ", sans-serif; background-color: #f0eee9; }

#autumn-2019-top div, #autumn-2019-top ul, #autumn-2019-top li, #autumn-2019-top div, #autumn-2019-top p, #autumn-2019-top dl, #autumn-2019-top dt, #autumn-2019-top dd, #autumn-2019-top figure, #autumn-2019-top figcaption { -webkit-box-sizing: border-box; box-sizing: border-box; }

#autumn-2019-top ul, #autumn-2019-top li { list-style: none; }

#autumn-2019-top img { width: 100%; height: auto; vertical-align: bottom; }

#autumn-2019-top .kv { padding: 7.8125% 3.125% 23.4375%; position: relative; background: url(../images/2019autumn/kv-bgi.png) no-repeat center bottom #f0eee9; background-size: cover; }

#autumn-2019-top .kv h1 { margin: 0% 14.84375% 7.8125%; width: auto; line-height: 0; text-align: center; }

#autumn-2019-top #local_navi_wrap { position: absolute; display: block; width: 100%; top: 0; padding-top: 65.625%; }

#autumn-2019-top #local_navi_wrap .local_navi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

#autumn-2019-top #local_navi_wrap .local_navi li { z-index: 10; }

#autumn-2019-top #local_navi_wrap .local_navi a { display: block; width: auto; }

#autumn-2019-top #local_navi_wrap .local_navi a:hover img { opacity: 1; }

#autumn-2019-top #local_navi_wrap .local_navi + .local_navi { margin-top: 3.125%; }

#autumn-2019-top #local_navi_wrap .column1 { width: 34.21875%; }

#autumn-2019-top #local_navi_wrap .column2 { width: 26.71875%; }

#autumn-2019-top #local_navi_wrap .column3 { width: 26.71875%; }

#autumn-2019-top #local_navi_wrap .column4 { width: 43.90625%; }

#autumn-2019-top #local_navi_wrap .column5 { width: 43.59375%; }

#autumn-2019-top #product-list { padding: 50% 6.25% 15.625%; background-size: 100% auto; position: relative; }

#autumn-2019-top #product-list:before { content: ''; position: absolute; top: -1.5625%; right: 0; display: block; height: 29.375%; width: 23.59375%; background-size: contain; background-image: url(../images/2019autumn/fllen-leaves-right.png); background-repeat: no-repeat; z-index: 8; }

#autumn-2019-top #product-list:after { content: ''; position: absolute; bottom: -18.4375%; left: 0; display: block; height: 21.40625%; width: 42.8125%; background-size: contain; background-image: url(../images/2019autumn/fllen-leaves-left.png); background-repeat: no-repeat; z-index: 8; }

#autumn-2019-top #product-list .inner { padding-top: 6.25%; position: relative; }

#autumn-2019-top #product-list .detail { padding: 0% 3.125% 6.25% 3.125%; background: #fff; color: #546070; }

#autumn-2019-top #product-list .detail + .detail { margin-top: 8.3333333333%; }

#autumn-2019-top #product-list .detail p { letter-spacing: -.03em; }

#autumn-2019-top #product-list .detail .btn { display: block; }

#autumn-2019-top #product-list .detail .btn a { padding: 2.0833333333%; width: auto; position: relative; display: block; background: #fff; color: #b2000e; font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; text-decoration: none; text-align: center; border: solid 3px #b2000e; -webkit-transition: opacity .75s; transition: opacity .75s; font-weight: bold; }

#autumn-2019-top #product-list .detail .btn a:after { margin: auto 0; width: 10px; height: 16px; content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 23px; background: url(../images/2019autumn/autumn-btn-icon.png) no-repeat; }

#autumn-2019-top #product-list .detail .btn a:hover img { opacity: 1; }

#autumn-2019-top #product-list .info-block { padding: 1.5625%; }

#autumn-2019-top #product-list .info-block h3 { font-size: 32px; font-size: 3.2rem; font-size: 5vw; line-height: 1.25; font-weight: bold; color: #382607; background-color: #efe9cf; padding: 3.125%; margin-top: -3.125%; }

#autumn-2019-top #product-list .info-block h3 small { display: block; font-size: 25px; font-size: 2.5rem; font-size: 3.90625vw; }

#autumn-2019-top #product-list .info-block h3 + p { font-size: 26px; font-size: 2.6rem; font-size: 4.0625vw; color: #382607; padding: 3.125% 1.5625% 0% 1.5625%; }

#autumn-2019-top #product-list .pkg_box { position: relative; text-align: center; padding: 1.5625%; }

#autumn-2019-top #product-list .pkg_box .pkg { margin: 2.0833333333% 12.5% 4.1666666667%; display: block; width: auto; }

#autumn-2019-top #product-list .pkg_box .pkg img { position: relative; }

.pagetop { margin: 0; padding: 1em; }
