.button-clear,.floatbanner__tag,.floatbanner__close{background:none;border:0;cursor:pointer}.floatbanner{position:fixed;bottom:1rem;right:1rem;z-index:150;transform:translateY(calc(100% + 16px));transition:all .3s;padding-left:1em}.is-sp .floatbanner{bottom:.8rem;right:.8rem}.floatbanner a{display:block}.floatbanner img{display:block;width:100%;max-width:100%;height:auto}.floatbanner__body{overflow:hidden;max-width:400px}.floatbanner__close{position:absolute;top:-4px;right:-4px;width:44px;height:44px;display:flex;justify-content:center;align-items:center;font-size:1.2em;display:none}.floatbanner__close:active{transform:translateY(2px)}.floatbanner__tag{font-size:14px;position:absolute;bottom:100%;right:0;padding:.8rem 1.2rem;visibility:visible;opacity:1;transform:translateY(0);transition:all .3s .3s;color:#000;box-shadow:0 0 10px rgba(0,0,0,.1);border-top-left-radius:4px;border-top-right-radius:4px;font-weight:bold;background:#333;color:#fff}.is-sp .floatbanner__tag{padding:.7rem}.floatbanner__tag--both{padding-left:2.2em}.is-sp .floatbanner__tag--both{padding-left:2.2em}.floatbanner__tag--both i{font-size:1.2em;position:absolute;left:.6em;top:50%;transform:translateY(-50%)}.floatbanner__tag--icon{font-size:2.2em;padding:.1em .3em}.is-sp .floatbanner__tag--icon{padding:.1em .3em}.floatbanner__smalltext{font-weight:normal;font-size:12px;line-height:1.2;position:absolute;bottom:7px;right:calc(100% + 6px);white-space:nowrap;padding:.4em .6em;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.12);letter-spacing:-0.02em;color:#333;background:#fff}.floatbanner__smalltext::after{content:"";position:absolute;top:50%;left:100%;width:0;height:0;border-top:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);border-left:4px solid #fff;transform:translateY(-50%)}.floatbanner__smalltext strong{font-size:1.2em;font-weight:bold;letter-spacing:0;margin:0 .1em}.floatbanner__smalltext i{font-style:italic}.floatbanner--admin{padding-top:1em;position:relative;display:flex;flex-direction:row-reverse}.floatbanner--admin .floatbanner__tag{position:initial}.floatbanner--shadow .floatbanner__body{box-shadow:0 0 10px rgba(0,0,0,.16)}.floatbanner--active{transform:translateY(0);opacity:1;visibility:visible}.floatbanner--active .floatbanner__tag{visibility:hidden;opacity:0;transform:translateY(100%);transition:all 0s}.floatbanner--active .floatbanner__close{display:block}.floatbanner--loading{visibility:hidden;opacity:0}.floatbanner--loading .floatbanner__tag{visibility:hidden;opacity:0;transform:translateY(100%)}body:not(.active-stickybottom) .floatbanner{bottom:14px !important}