【日本】推し花火広告

About

「推し花火広告」は、推しを応援するために花火を打ち上げ、その映像をファンに届ける新しい推し広告です🎆✨ 花火は実際に打ち上げられるだけでなく、映像化・配信・渋谷愛ビジョンでの上映を通じて、多くのファンが参加・共有できる体験型広告となります📣 .under { background: linear-gradient(45deg, #ff7ac785 0%, #7493df82 100%); background-size: 100% 30%; background-repeat: no-repeat; background-position: bottom; } h2 { border-width: 3px 0px 3px 0px; border-color: #FFBEDA; border-style: solid; padding: 15px 10px; margin: 0px 0px 10px 0px; background: transparent; } h3 { border-width: 0px 0px 0px 7px; border-color: #FFBEDA; border-style: solid; padding: 15px 10px; margin: 0px 0px 10px 0px; background: ##FFFFFF; color: #000000 } th { background: #d7eeff; width: 30%; } /***ステップバーデザイン3***/ .step-wrap3 { counter-reset: count; margin: 2em 0; position: relative; } .step-content3 { padding: 1.3em 0 .3em 1em; margin: 0 0 1em 1em; position: relative; border-top: solid 2px #ddd; } .step-content3::before { content: ""; display: block; position: absolute; bottom: 0; left: -10px; border-style: solid; border-width: 17px 8px 0 8px; border-color: #BBBBBB transparent transparent transparent; } .step-content3::after { content: ""; display: block; height: calc(100% - 36px); border-left: dashed 4px #BBBBBB; position: absolute; top: 16px; left: -4px; } .step-label3 { padding: 3px 20px 3px 15px; color: #fff; font-weight: bold; position: absolute; top: -18px; left: -20px; background: #ffabce; border-radius: 20px; z-index: 1; } .step-label3::after { counter-increment: count; position: relative; left: .3em; } .step-title3 { font-weight: bold; font-size: 120%; } .step-body3 { margin-top: .5em; padding: 0 0 1em; } .step-wrap3 > :last-child { box-shadow: 5px 7px 0 -5px #ddd; } .step-wrap3 > :last-child::before, .step-wrap3 > :last-of-type::after { display: none; } /***ステップバーデザイン3***/