Diable Baiser（ディアブルベーゼ）　Y2K×グランジ

About

document.addEventListener('DOMContentLoaded', function () { var splides = document.querySelectorAll('.splide.splide--lp-carousel'); splides.forEach(function (el) { new Splide(el, { autoplay: true, type: 'loop', perPage: 1, perMove: 1, focus: "center", pauseOnHover: false, pauseOnFocus: false, interval: 5000, speed: 1000, gap: 30, rewind: true, padding: "15%", lazyLoad: 'nearby', breakpoints: { 767: { perPage: 1, gap: 20, padding: "12%", arrows: false, }, }, }).mount(); }); }); おすすめコーデ Coodinate item トップス ボトムス インナー 靴下 Coodinate item トップス ボトムス Coodinate item トップス ボトムス アクセサリー Coodinate item トップス ボトムス --> .code-box { margin: 20px calc(50% - 50vw); } .code { margin: 0 auto 20px; padding-bottom: 10px; background: #2b2b2b; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); } .code img { border-radius: 0; border: none; } .code dl{ margin: 10px 20px; text-align: center; height: 70px; } .code dl dt { margin-bottom: 10px; color: #666; } .code dl dd { display: inline-block; margin: 0 10px; } .code dl dd a { text-decoration: underline !important; color: #fff; } @media screen and (min-width: 769px) { .code-box { margin: 50px auto; width: 700px; } .code { width: 500px; margin: 0 auto 100px; } .splide__pagination { bottom: 5.5em !important; } } /*//コーデ*/ /*カルーセルデザイン調整 （引用元：splide.min.css）*/ .splide__pagination { bottom: -.3em; } .splide__pagination__page.is-active { background: #262d29 !important; transform: none !important; } .splide__arrow { background: #fff !important; box-shadow: 0 0 5px #999 !important; top: 43%; } .splide__arrow svg { fill: #222 !important; } /*見出し*/ .badge { display: inline-block; background: #222; color: #d0f670; font-weight: bold; padding: 5px 30px; letter-spacing: 5px; font-size: 14px; margin-bottom: 10px; /* スライス（斜めカット） */ clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0% 100%); }