@charset "UTF-8";
@-webkit-keyframes animation-top { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  60% { opacity: 1; } }

@keyframes animation-top { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  60% { opacity: 1; } }

@-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  40% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0);
    transform: scale(0); }
  40% { -webkit-transform: scale(1);
    transform: scale(1); } }

.centerBox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

#autumn-2017-top { font-family: "メイリオ", sans-serif; position: relative; }

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

#autumn-2017-top .section { margin: 0 auto; width: 100%; }

#autumn-2017-top .section-full { width: 100%; }

#autumn-2017-top img { width: 100%; max-width: 100%; }

#autumn-2017-top a:hover img { opacity: 1; }

#autumn-2017-top #main-visual { position: relative; background: url(../images/2017-autumn/autumu-kv-bg.jpg) no-repeat center top; background-size: cover; }

#autumn-2017-top #main-visual:after { content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 20%; background: #ac1e0b; }

#autumn-2017-top #main-visual > .section { position: relative; z-index: 15; }

#autumn-2017-top #main-visual > .section h1 { padding: 0; }

#autumn-2017-top #main-visual > .section ul { margin-top: -40px; padding: 0 3% 30px 3%; display: table; width: 100%; }

#autumn-2017-top #main-visual > .section ul li { padding: 0 1.5%; display: table-cell; text-align: center; position: relative; }

#autumn-2017-top #main-visual > .section ul li a { width: 100%; display: block; text-decoration: none; color: #fff; }

#autumn-2017-top #main-visual > .section ul li a:after { margin: 0 auto; content: ''; display: block; position: absolute; right: 0; left: 0; background: url(../images/2017-autumn/autumu-arrow1.png) no-repeat; width: 12px; height: 10px; background-size: 100% auto; }

#autumn-2017-top #product-list { padding: 8.5% 5%; background: #eee9e6; }

#autumn-2017-top #product-list .detail { margin: 0 0 40px 0; padding: 10% 5%; border-radius: 10px; background: #fff; }

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

#autumn-2017-top #product-list .detail .pkg { margin: 0 0 1em 0; vertical-align: top; }

#autumn-2017-top #product-list .detail .pkg.single { padding: 5% 0 0 0; width: 50%; margin: 0 auto 1em auto; }

#autumn-2017-top #product-list .detail .pkg.twoup { padding: 1% 5% 0 5%; }

#autumn-2017-top #product-list .detail h3 { padding: 0 0 .3em 0; color: #412a1e; font-size: 24px; font-weight: bold; line-height: 1.25; border-bottom: 2px solid #ded6d2; }

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

#autumn-2017-top #product-list .detail h3 + p { padding: 1em 0; font-size: 16px; line-height: 1.75; }

#autumn-2017-top #product-list .detail .btn a { padding: 15px 0; position: relative; display: block; background: #ac1e0b; color: #fff; font-size: 18px; text-decoration: none; text-align: center; border-radius: 30px; }

#autumn-2017-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/2017-autumn/autumu-arrow-2.png) no-repeat; background-size: 100% auto; }