@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-2019-top { min-width: 960px; font-family: 'メイリオ', Meiryo,'MS ゴシック',sans-serif; overflow: hidden; }

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

#spring-2019-top #kv { position: relative; width: 100%; height: 580px; background: url(../images/2019spring/kv-bgi.png) no-repeat center top #489606; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

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

#spring-2019-top .local_navi_wrap { padding-bottom: 20px; display: flex; justify-content: center; position: absolute; left: 0; bottom: 0; width: 100%; background: linear-gradient(to top, #fff 126px, rgba(255, 255, 255, 0) 126px); }

#spring-2019-top #local_navi { position: relative; display: flex; justify-content: center; font-family: MyYuGothicM, YuGothic, sans-serif; }

#spring-2019-top #local_navi li { padding: 0 35px; position: relative; z-index: 800; }

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

#spring-2019-top #local_navi li a:after { margin: 10px auto 0; display: block; width: 16px; content: url(../images/2019spring/lineup-arrow.png); }

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

#spring-2019-top #local_navi span { margin-top: -5px; display: block; line-height: 1.2; color: #0b3875; font-size: 14px; font-weight: bold; height: 2.2em; }

#spring-2019-top #local_navi:before { position: absolute; top: 50px; left: -266px; content: url(../images/2019spring/leaf-left.png); }

#spring-2019-top #local_navi:after { position: absolute; bottom: 0; right: -362px; content: url(../images/2019spring/leaf-right.png); }

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

#spring-2019-top #product-list { padding: 60px 0 70px; background: url(../images/2019spring/spring-product-bgi.png) repeat-y; background-size: 100% auto; }

#spring-2019-top #product-list .detail { margin: 0 0 50px; padding: 30px 0 5px; border-radius: 10px; position: relative; background: #fff; box-shadow: 0 0 7px 1px #e5e5e1; display: flex; align-items: flex-start; }

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

#spring-2019-top #product-list .detail:last-of-type { margin: 0; }

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

#spring-2019-top #product-list .detail .info-block h3 { margin-bottom: 20px; padding: 0 0 13px 0; color: #0b3875; font-size: 32px; font-weight: bold; line-height: 1.25; border-bottom: 2px solid #d7d7d7; }

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

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

#spring-2019-top #product-list .detail .info-block h3 + p { padding: 0 0 22px; font-size: 16px; line-height: 1.75; color: #546070; }

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

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

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

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

#spring-2019-top #product-list .amazake .pkg { padding-top: 10px; }

#spring-2019-top #product-list .okura .pkg { padding-top: 20px; }

#spring-2019-top #product-list .karushio .pkg { padding-top: 20px; }

.pagetop { padding: 1em; }