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

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

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

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

#spring-2020-top #kv h1 { position: relative; top: -17px; }

#spring-2020-top .local_navi_wrap { position: absolute; left: 0; bottom: 0; width: 100%; height: 130px; background: #bf1f48; }

#spring-2020-top #local_navi { position: absolute; left: 0; bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: MyYuGothicM, YuGothic, sans-serif; }

#spring-2020-top #local_navi li { position: relative; z-index: 800; }

#spring-2020-top #local_navi li a { display: block; position: relative; height: 100%; text-decoration: none; }

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

#spring-2020-top #local_navi li a:hover img { opacity: 1; }

#spring-2020-top #local_navi span { display: block; line-height: 1.1428571429; color: #fff; font-size: 14px; }

#spring-2020-top #local_navi:before { margin-left: -655px; position: absolute; bottom: -30px; left: 50%; content: url(../images/2020spring/kv-sakura.png); }

#spring-2020-top #local_navi .amazake a { top: 23px; left: -109px; }

#spring-2020-top #local_navi .amazake a:after { margin-top: 13px; }

#spring-2020-top #local_navi .dashimiso a { top: 21px; left: -105px; }

#spring-2020-top #local_navi .dashimiso span:first-of-type { position: relative; top: -9px; left: -60px; }

#spring-2020-top #local_navi .dashimiso span:last-of-type { position: relative; top: -57px; left: 53px; }

#spring-2020-top #local_navi .hourensou a { top: 80px; left: -21px; }

#spring-2020-top #local_navi .hourensou a:after { margin-left: -6px; bottom: 90px; }

#spring-2020-top #local_navi .hourensou span { position: relative; top: -9px; left: -3px; }

#spring-2020-top #local_navi .shinshu a { top: 69px; left: 46px; }

#spring-2020-top #local_navi .shinshu a:after { margin-left: -6px; bottom: 80px; }

#spring-2020-top #local_navi .shinshu span:first-of-type { position: relative; top: -1px; left: -60px; }

#spring-2020-top #local_navi .shinshu span:last-of-type { position: relative; top: -33px; left: 50px; }

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

#spring-2020-top #product-list { padding: 52px 0 130px; position: relative; z-index: 80; background: url(../images/2020spring/section-bgi.jpg) center top #eeebe5; }

#spring-2020-top #product-list:after { position: absolute; bottom: 0; left: 0; z-index: 0; width: 355px; height: 197px; background: url(../images/2020spring/product-footer-sakura.png) left bottom; content: ""; }

#spring-2020-top #product-list .detail { padding: 30px 0; border-radius: 10px; position: relative; z-index: 80; background: #fff; color: #705455; -webkit-box-shadow: 0 0 7px 1px #e5e5e1; box-shadow: 0 0 7px 1px #e5e5e1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

#spring-2020-top #product-list .detail + .detail { margin-top: 50px; }

#spring-2020-top #product-list .detail .info-block { padding-left: 60px; width: 500px; }

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

#spring-2020-top #product-list .detail h3 small { display: block; font-size: 21px; letter-spacing: -.075em; }

#spring-2020-top #product-list .detail h3 small + b { margin-top: 9px; }

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

#spring-2020-top #product-list .detail h3 + p { padding: 0 0 32px; font-size: 16px; line-height: 1.75; }

#spring-2020-top #product-list .detail .attention { padding: 0; font-size: 14px; }

#spring-2020-top #product-list .detail .attention + .btn { margin-top: 35px; }

#spring-2020-top #product-list .detail p + .attention { margin-top: -25px; }

#spring-2020-top #product-list .detail .btn { position: relative; }

#spring-2020-top #product-list .detail .btn a { padding: 17px 0; width: 286px; position: relative; display: block; background: #bf1f48; color: #fff; font-size: 18px; text-decoration: none; text-align: center; border-radius: 30px; -webkit-transition: opacity .75s; transition: opacity .75s; }

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

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

#spring-2020-top #product-list .detail .pkg { position: relative; text-align: center; width: 466px; }

#spring-2020-top #product-list .detail .pop { position: absolute; }

#spring-2020-top #product-list .amazake .pkg { top: 30px; left: 8px; }

#spring-2020-top #product-list .amazake .pop { top: -89px; right: 19px; }

#spring-2020-top #product-list .dashimiso h3 small { letter-spacing: 0; }

#spring-2020-top #product-list .dashimiso h3 b { letter-spacing: -.03em; }

#spring-2020-top #product-list .dashimiso h3 span { letter-spacing: -.05em; }

#spring-2020-top #product-list .dashimiso .pkg { top: 55px; left: 5px; }

#spring-2020-top #product-list .dashimiso .pop { top: -100px; right: 167px; }

#spring-2020-top #product-list .hourensou h3 small { letter-spacing: 0; }

#spring-2020-top #product-list .hourensou .pkg { top: 30px; left: 8px; }

#spring-2020-top #product-list .shinshu { padding-bottom: 20px; }

#spring-2020-top #product-list .shinshu h3 small { letter-spacing: 0; }

#spring-2020-top #product-list .shinshu .pkg { top: 4px; left: 3px; }

.pagetop { padding: 1em; }