@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"); }

#contents { width: auto; margin-bottom: 0; }

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

#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 #kv { position: relative; width: 100%; height: 516px; background: url(../images/2019autumn/kv-bgi.png) no-repeat center bottom #f0eee9; background-size: cover; text-align: center; }

#autumn-2019-top #kv h1 { padding-top: 34px; }

#autumn-2019-top .local_navi_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 10; }

#autumn-2019-top #local_navi { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: MyYuGothicM, YuGothic, sans-serif; width: 960px; height: 120px; background: #fefefe; padding: 20px 0px; }

#autumn-2019-top #local_navi li { position: relative; z-index: 800; }

#autumn-2019-top #local_navi li a { display: block; text-decoration: none; position: relative; }

#autumn-2019-top #local_navi li a img { position: absolute; top: -100px; left: 0; }

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

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

#autumn-2019-top #local_navi .column1 { width: 230px; }

#autumn-2019-top #local_navi .column2 { width: 165px; }

#autumn-2019-top #local_navi .column3 { width: 165px; }

#autumn-2019-top #local_navi .column4 { width: 165px; }

#autumn-2019-top #local_navi .column5 { width: 230px; }

#autumn-2019-top #local_navi .nav_sp { border: none; }

#autumn-2019-top #local_navi .nav_sp { border-right: 2px solid #f0eee9; height: 80px; padding-top: 30px; }

#autumn-2019-top #local_navi .nav_sp span { margin-top: -5px; display: inline-block; line-height: 1.2; font-size: 14px; font-weight: bold; letter-spacing: -0.1em; padding: 0.5em; }

#autumn-2019-top #local_navi .nav_sp .renewal { color: #852121; margin-bottom: -20px; padding-bottom: 0; }

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

#autumn-2019-top #product-list { padding: 60px 0 80px; background-size: 100% auto; background-color: #f0eee9; position: relative; }

#autumn-2019-top #product-list:before { position: absolute; top: -150px; right: 0; content: url(../images/2019autumn/fllen-leaves-right.png); z-index: 8; }

#autumn-2019-top #product-list:after { position: absolute; bottom: -60px; left: -30px; content: url(../images/2019autumn/fllen-leaves-left.png); }

#autumn-2019-top #product-list .detail { margin: 0 0 50px; padding: 30px 0 5px; position: relative; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#autumn-2019-top #product-list .detail .pkg_box { position: relative; text-align: center; width: 370px; padding: 0 0 20px 20px; }

#autumn-2019-top #product-list .detail .pkg_box .pkg { width: 360px; height: 280px; background-color: #f0eee9; background: linear-gradient(45deg, transparent 10px, #f0eee9 10px), linear-gradient(-45deg, transparent 10px, #f0eee9 10px), linear-gradient(225deg, transparent 10px, #f0eee9 10px), linear-gradient(-225deg, transparent 10px, #f0eee9 10px); background-position: bottom left, bottom right, top right, top left; background-size: 50% 50%; background-repeat: no-repeat; }

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

#autumn-2019-top #product-list .detail .pkg_box .pkg_renewal { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 275px; bottom: 200px; }

#autumn-2019-top #product-list .detail .info-block { padding: 0 0 20px 25px; width: 550px; }

#autumn-2019-top #product-list .detail .info-block h3 { margin-top: -50px; padding: 20px 0px 20px 0px; text-align: center; width: 520px; color: #382607; font-size: 32px; font-weight: bold; line-height: 1.25; background-color: #efe9cf; }

#autumn-2019-top #product-list .detail .info-block h3 span { display: block; font-size: 22px; }

#autumn-2019-top #product-list .detail .info-block h3 small { display: block; font-size: 24px; }

#autumn-2019-top #product-list .detail .info-block h3 + p { padding: 20px 20px 40px 20px; font-size: 16px; line-height: 1.75; color: #382607; width: 510px; }

#autumn-2019-top #product-list .detail .btn { position: relative; padding-left: 20px; }

#autumn-2019-top #product-list .detail .btn a { padding: 17px 0; width: 286px; position: relative; display: block; background: #fff; color: #b2000e; font-size: 18px; text-decoration: none; text-align: center; border: solid 3px #b2000e; -webkit-transition: opacity .75s; transition: opacity .75s; font-weight: bold; z-index: 7; }

#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 { opacity: .9; }

.pagetop { padding: 1em; background-color: #f0eee9; }
