.line-friend-banner{background-color:var(--line-banner-bg-color, #00C300);color:var(--line-banner-text-color, #ffffff);padding-top:var(--mobile-padding-top, 40px);padding-bottom:var(--mobile-padding-bottom, 40px);display:flex;align-items:center;justify-content:center;min-height:200px;overflow:hidden;position:relative;transition:background-color .3s ease}.line-friend-banner__container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.line-friend-banner__content{text-align:center;opacity:0;transform:translateY(20px);animation:fadeInUp .8s ease-out forwards;animation-delay:.2s}.line-friend-banner__headline{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK JP,Hiragino Kaku Gothic ProN,\30d2\30e9\30ae\30ce\89d2\30b4  ProN W3,Meiryo,sans-serif;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:.02em;margin:0 0 12px;text-shadow:0 1px 2px rgba(0,0,0,.1);animation-delay:.3s;color:#fff}.line-friend-banner__description{font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.01em;margin:0 0 24px;opacity:.95;animation-delay:.4s}.line-friend-banner__description p{margin:0 0 8px}.line-friend-banner__description p:last-child{margin-bottom:0}.line-friend-banner__button-wrapper{animation-delay:.5s}.line-friend-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-height:48px;background-color:var(--line-banner-button-bg, #ffffff);color:var(--line-banner-button-text, #333333);border:2px solid transparent;border-radius:24px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;letter-spacing:.01em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 2px 8px #0000001a,0 1px 3px #0000001a}.line-friend-banner__button:hover{box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a}.line-friend-banner__button:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a,0 1px 2px #0000001a}.line-friend-banner__button:focus{border-color:currentColor;box-shadow:0 0 0 3px #ffffff4d,0 2px 8px #0000001a}.line-friend-banner__button-text{flex:1}.line-friend-banner__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.line-friend-banner__icon svg{width:20px;height:20px;transition:transform .3s ease}.line-friend-banner__button:hover .line-friend-banner__icon svg{transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.line-friend-banner.is-visible .line-friend-banner__content{animation-play-state:running}@media screen and (min-width: 768px){.line-friend-banner{padding-top:calc(var(--section-padding-top, 60px) * .8);padding-bottom:calc(var(--section-padding-bottom, 60px) * .8);min-height:240px}.line-friend-banner__container{padding:0 40px}.line-friend-banner__headline{font-size:28px;margin-bottom:16px}.line-friend-banner__description{font-size:16px;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.line-friend-banner__button{padding:14px 32px;font-size:18px;min-height:52px}}@media screen and (min-width: 1280px){.line-friend-banner{padding-top:var(--section-padding-top, 60px);padding-bottom:var(--section-padding-bottom, 60px);min-height:280px}.line-friend-banner__container{padding:0 60px}.line-friend-banner__headline{font-size:32px;margin-bottom:20px}.line-friend-banner__description{font-size:18px;margin-bottom:40px;max-width:700px}.line-friend-banner__button{padding:16px 40px;font-size:18px;min-height:56px}.line-friend-banner__icon svg{width:24px;height:24px}}@media screen and (min-width: 1920px){.line-friend-banner__headline{font-size:36px}.line-friend-banner__description{font-size:20px;max-width:800px}}@media (prefers-reduced-motion: reduce){.line-friend-banner__content{animation:none;opacity:1;transform:none}.line-friend-banner__button{transition:none}.line-friend-banner__button:hover{transform:none}}@media (prefers-contrast: high){.line-friend-banner__button{border:2px solid currentColor}.line-friend-banner__button:focus{outline:2px solid currentColor;outline-offset:2px}}@media print{.line-friend-banner{background:#fff!important;color:#000!important;box-shadow:none}.line-friend-banner__button{border:1px solid black;background:#fff;color:#000;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/line-banner.css.map */