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

@font-face { font-family: 'MyYuGothicM'; font-weight: normal; src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular"); }

@font-face { font-family: 'MyYuGothicM'; font-weight: bold; src: local("YuGothic-Bold"), local("Yu Gothic"); }

#autumn-2022-top { min-width: 960px; font-family: 'メイリオ', Meiryo,'MS ゴシック',sans-serif; overflow: hidden; }

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

#autumn-2022-top a { text-decoration: none; }

#autumn-2022-top .inner { margin: 0 auto; display: block; position: relative; width: 960px; }

#autumn-2022-top #kv { position: relative; z-index: 90; width: 100%; height: 580px; text-align: center; background: url(../images/2022autumn/kv-bgi.jpg) no-repeat center top #fade91; }

#autumn-2022-top .kv_ttl { padding: 123px 0 0 10px; position: relative; z-index: 80; }

#autumn-2022-top .local_navi_wrap { position: absolute; left: 0; bottom: 0; width: 100%; height: 126px; background: #9a0d0d; }

#autumn-2022-top .local_navi_wrap:before, #autumn-2022-top .local_navi_wrap:after { display: block; position: absolute; bottom: 0; z-index: 0; content: ""; }

#autumn-2022-top .local_navi_wrap:before { left: 0; width: 478px; height: 454px; background: url(../images/2022autumn/kv-left.png) no-repeat; background-size: contain; }

#autumn-2022-top .local_navi_wrap:after { right: 0; width: 567px; height: 396px; background: url(../images/2022autumn/kv-right.png) no-repeat; background-size: contain; }

#autumn-2022-top #local_navi { z-index: 80; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-family: MyYuGothicM, YuGothic, sans-serif; }

#autumn-2022-top #local_navi li { margin: 0 28px; position: relative; }

#autumn-2022-top #local_navi li a { padding-bottom: 44px; display: block; position: relative; height: 100%; }

#autumn-2022-top #local_navi li a:after { display: block; position: absolute; bottom: 16px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 16px; content: url(../images/2020autumn/lineup-arrow.png); }

#autumn-2022-top #local_navi li a:hover img { opacity: 1; }

#autumn-2022-top #local_navi li img { margin: 0 0 -7px -10px; }

#autumn-2022-top #local_navi li span { display: block; width: 100%; line-height: 1.1428571429; color: #fff; font-size: 14px; }

#autumn-2022-top #local_navi li.new:after { display: block; position: absolute; bottom: 206px; right: -4px; width: 61px; height: 61px; background: url(../images/2022autumn/nav_label_new.png) no-repeat; background-size: contain; content: ""; }

#autumn-2022-top #local_navi li.tamago a { left: -11px; }

#autumn-2022-top #local_navi li.tororo img { margin: 0 0 -7px -6px; }

#autumn-2022-top #local_navi li.tororo.new:after, #autumn-2022-top #local_navi li.tororo.renewal:after { right: -31px; }

#autumn-2022-top #product-list { padding: 82px 0 210px; position: relative; background: url(../images/2022autumn/section-bgi.jpg) center top #fff no-repeat; background-size: 100% auto; }

#autumn-2022-top #product-list:after { position: absolute; bottom: 0; left: 21px; z-index: 0; width: 100%; height: 130px; background: url(../images/2022autumn/footer-img.png) center bottom no-repeat; content: ""; }

#autumn-2022-top #product-list .detail { padding: 30px 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; z-index: 80; background: #fff; color: #705455; -webkit-box-shadow: 0 0 20px 1px #e5e5e1; box-shadow: 0 0 20px 1px #e5e5e1; }

#autumn-2022-top #product-list .detail + .detail { margin-top: 42px; }

#autumn-2022-top #product-list .detail .info-block { padding-left: 58px; width: 670px; }

#autumn-2022-top #product-list .detail h3 { margin-bottom: 22px; padding: 0 0 18px 0; color: #412a1e; font-size: 32px; font-weight: bold; line-height: 1; border-bottom: 2px solid #d0d0d0; white-space: nowrap; }

#autumn-2022-top #product-list .detail h3 small { display: block; line-height: 1.2; font-size: 21px; }

#autumn-2022-top #product-list .detail h3 small + b { margin-top: 11px; }

#autumn-2022-top #product-list .detail h3 b { display: block; font-size: 32px; }

#autumn-2022-top #product-list .detail h3 + p { padding: 0 0 20px; font-size: 16px; line-height: 1.75; min-height: 127px; }

#autumn-2022-top #product-list .detail .btn { position: relative; }

#autumn-2022-top #product-list .detail .btn a { padding: 12px 1em; border-radius: 25px; display: block; position: relative; width: 276px; height: 50px; background: -webkit-gradient(linear, left top, right top, from(#c0020d), to(#e51921)); background: linear-gradient(to right, #c0020d 0%, #e51921 100%); color: #fff; font-size: 18px; text-align: center; -webkit-transition: opacity .75s; transition: opacity .75s; }

#autumn-2022-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/2020autumn/btn-icon.png) no-repeat; }

#autumn-2022-top #product-list .detail .btn a:hover { opacity: .9; }

#autumn-2022-top #product-list .detail .pkg { position: relative; top: 26px; left: -13px; width: 350px; text-align: center; }

#autumn-2022-top #product-list .detail .pop { position: absolute; top: -29px; right: 6px; }

#autumn-2022-top #product-list .tamago .pop { top: -29px; right: 6px; }

#autumn-2022-top #product-list .tororo .pop { top: -39px; right: 9px; }

#autumn-2022-top #product-list .tororo .pkg { top: 32px; left: -10px; }

.pagetop { padding: 1em; }