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

html { font-size: 62.5%; }

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

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

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

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

#autumn-2020-top .kv { position: relative; }

#autumn-2020-top .local_navi { background: #8b030d; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 20px; font-size: 2rem; font-size: 3.125vw; }

#autumn-2020-top .local_navi li { width: 25%; }

#autumn-2020-top .local_navi a { display: block; position: relative; width: 100%; height: 10.5em; }

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

#autumn-2020-top .local_navi a img { position: absolute; bottom: 0; width: 100%; }

#autumn-2020-top .local_navi .renewal { top: -3.5em; right: -1em; }

#autumn-2020-top .local_navi .wakame .renewal { right: .5em; }

#autumn-2020-top #product-list { padding: 7.8125% 6.25% 9.375%; position: relative; background: url(../images/2020autumn/product-bgi.jpg) repeat-y; background-size: 100% auto; overflow: hidden; }

#autumn-2020-top #product-list:before { position: absolute; top: 0; right: 0; z-index: 5; width: 100%; height: 5em; background: url(../images/2020autumn/top-img.png) no-repeat; background-size: contain; content: ""; }

#autumn-2020-top #product-list:after { position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; height: 7em; background: url(../images/2020autumn/product-footer.png) left bottom; background-size: 100% auto; font-size: 20px; font-size: 2rem; font-size: 3.125vw; content: ""; }

#autumn-2020-top .youtube-img { margin-top: 4.1666666667%; -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); }

#autumn-2020-top .detail { padding: 8.9285714286% 7.1428571429% 7.1428571429% 7.1428571429%; position: relative; z-index: 4; border-radius: .25em; background: #fff; color: #705455; -webkit-box-shadow: 0 0.1em 1em 0.1em rgba(0, 0, 0, 0.1); box-shadow: 0 0.1em 1em 0.1em rgba(0, 0, 0, 0.1); }

#autumn-2020-top .detail + .detail { margin-top: 7.1428571429%; }

#autumn-2020-top .detail p { line-height: 1.7692307692; }

#autumn-2020-top .detail .attention { margin-top: 0.4090909091em; display: table; line-height: 1.5; letter-spacing: .025em; font-size: 22px; font-size: 2.2rem; font-size: 3.4375vw; }

#autumn-2020-top .detail .attention:before { display: table-cell; width: 1.25em; content: "※"; }

#autumn-2020-top .detail .btn { display: block; }

#autumn-2020-top .detail .btn:hover img { opacity: 1; }

#autumn-2020-top h3 { margin-bottom: 3.75%; padding-bottom: 2.9166666667%; font-size: 42px; font-size: 4.2rem; font-size: 6.5625vw; line-height: 1.2619047619; font-weight: bold; border-bottom: .1em solid #d0d0d0; color: #412a1e; white-space: nowrap; }

#autumn-2020-top h3 small { display: block; font-size: 34px; font-size: 3.4rem; font-size: 5.3125vw; }

#autumn-2020-top h3 b { display: block; letter-spacing: -.025em; }

#autumn-2020-top .pkg { margin: 8.3333333333% auto 0; display: block; }

#autumn-2020-top #shiokoji { padding: 8.9285714286% 7.1428571429% 5.3571428571% 7.1428571429%; }

#autumn-2020-top #syouga .pkg { margin-top: 4.7625%; }

#autumn-2020-top #shijimi .pkg { margin-top: 5.85625%; }

#autumn-2020-top #wakame .pkg { margin: 6.325% 0 0 7.8875%; position: relative; }

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