@charset "utf-8";.top-area.hanabi{position:relative;width:100%;min-height:800px;background:#000;overflow:hidden}.top-area.hanabi:before{content:"";position:absolute;max-width:970px;width:70%;height:auto;aspect-ratio:1/1;background-image:url(https://www.kojyanto.net/wphp/wp-content/uploads/2025/07/hanabi-top-bg.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center;left:1rem;top:1rem}.top-area.hanabi:after{content:"";position:absolute;max-width:440px;width:100%;height:auto;aspect-ratio:22/19;background-image:url(https://www.kojyanto.net/wphp/wp-content/uploads/2025/07/hanabi-top.png);background-size:100% auto;background-repeat:no-repeat;background-position:center;right:1rem;top:1rem}.top-area.hanabi h1{position:absolute;font-size:6rem;font-weight:900;line-height:7rem;text-align:end;color:#fff;bottom:2rem;right:2rem}.top-area.hanabi h1 small{display:block;font-size:2rem;line-height:4rem}.bg-hanabi{position:relative;padding:10rem 2rem;overflow:clip;box-sizing:border-box;background:linear-gradient(180deg,rgba(23,28,97,1) 0%,rgba(32,91,133,1) 65%,rgba(46,167,224,1) 100%);z-index:1}.bg-hanabi:before,.bg-hanabi:after{content:"";position:absolute;width:60%;height:auto;background-size:100% auto;background-repeat:no-repeat;background-position:center;z-index:-1}.bg-hanabi:before{max-width:1070px;width:60%;height:auto;aspect-ratio:107/117;background-image:url(https://www.kojyanto.net/wphp/wp-content/uploads/2025/07/hanabi-bg01.png);left:-5rem;top:-5rem}.bg-hanabi:after{max-width:1370px;width:60%;height:auto;aspect-ratio:137/122;background-image:url(https://www.kojyanto.net/wphp/wp-content/uploads/2025/07/hanabi-bg02.png);right:-5rem;bottom:-5rem}.bg-hanabi>p{color:#fff;line-height:2rem;font-weight:700;filter:drop-shadow(0 0 2px #000000bc);margin-bottom:6rem}.hanabi-list-area{position:relative;display:flex;max-width:1280px;width:100%;margin:auto;margin-bottom:5rem}.hanabi-list-area .btn-list{position:sticky;max-width:120px;width:100%;height:fit-content;margin-right:60px;top:calc(0px + 7.5rem);z-index:3}.tab__menu li{width:100%;min-height:60px;text-align:center;align-content:center;font-size:1.25rem;font-weight:700;color:#7f5200;background:#ffe49f;border-radius:10px;margin-bottom:1.875rem;cursor:pointer;transition:.3s}.tab__menu li:hover,.tab__menu li.is-active{color:#faee00;background:#ea5514}.tab__menu li:last-child{margin-bottom:0}.hanabi-detail-area{width:calc(100% - 180px)}.tab__panel-box001,.tab__panel-box002,.tab__panel-box003,.tab__panel-box004,.tab__panel-box005{display:none}.tab__panel-box.is-show{display:block}.tab__panel-box h2{font-size:2rem;font-weight:700;text-align:start;color:#faee00;line-height:100%;padding:1.5rem;margin-bottom:1.875rem;background:#ea5514;border-radius:1rem}ul.event-list{display:flex;flex-wrap:wrap;flex-direction:row;width:calc(100% - 3.75rem);margin:auto;justify-content:space-between}ul.event-list li{width:calc(50% - 1.25rem);background:#fff;border-radius:1rem;padding:1.25rem;margin-bottom:1.875rem}ul.event-list li h3{position:relative;font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:1.25rem;text-align:left}ul.event-list li h3:before{content:"";position:absolute;max-width:200px;width:100%;height:0;border-bottom:1px dashed;bottom:0;left:0}ul.event-list li dl{width:100%;display:flex;flex-wrap:wrap}ul.event-list li dl dt,ul.event-list li dl dd{font-size:1rem;margin-bottom:1rem}ul.event-list li dl dt:last-of-type,ul.event-list li dl dd:last-of-type{margin-bottom:0}ul.event-list li dl dt{max-width:100px;min-height:30px;max-height:30px;align-content:center;border-radius:15px;font-weight:700;color:#fff;background:#dedede;width:100%;margin-right:1.25rem}ul.event-list li dl dt.day{background:#22ac38}ul.event-list li dl dt.place{background:#f39800}ul.event-list li dl dt.shot{background:#e61673}ul.event-list li dl dt.syusai{background:#004798}ul.event-list li dl dd{width:calc(100% - 120px);text-align:left}.exit-top{text-align:center}.exit-top a{display:block;max-width:420px;text-align:center;text-decoration:none;color:#fff;min-height:60px;align-content:center;font-size:1.5rem;font-weight:700;border-radius:1rem;background:#ea5514;margin:auto;transition:.3s}.exit-top a:hover{filter:brightness(70%)}@media screen and (max-width:1160px){.top-area.hanabi{min-height:640px}.top-area.hanabi:before{max-width:620px}.top-area.hanabi:after{max-width:300px}.top-area.hanabi h1{font-size:4rem;line-height:5rem}.top-area.hanabi h1 small{font-size:1.5rem;line-height:3rem}.hanabi-list-area{flex-direction:column}.hanabi-list-area .btn-list{max-width:none;margin:0 auto 3.75rem;top:calc(0px + 5rem)}.hanabi-list-area .btn-list ul.tab__menu{display:flex;width:100%;justify-content:space-between}.tab__menu li{width:calc(20% - 1rem);min-height:80px;margin-bottom:0}.hanabi-detail-area{width:100%}ul.event-list{width:100%}ul.event-list li{width:calc(50% - 1rem)}}@media screen and (max-width:960px){ul.event-list li{width:100%}ul.event-list li dl dd{width:calc(100% - (50% + 128px));margin-right:.5rem}ul.event-list li dl dt:nth-of-type(3),ul.event-list li dl dd:nth-of-type(3){margin-bottom:0}}@media screen and (max-width:768px){.top-area.hanabi{min-height:480px}.top-area.hanabi:before{max-width:480px}.top-area.hanabi:after{max-width:180px}.top-area.hanabi h1{font-size:3rem;line-height:4rem}.bg-hanabi:before{width:75%;left:-2.5rem;top:-2.5rem}.bg-hanabi:after{width:75%;right:-2.5rem;bottom:-2.5rem}.tab__menu li{width:calc(20% - 0.5rem)}.tab__panel-box h2{font-size:1.5rem}ul.event-list li dl dd{width:calc(100% - 120px);margin-right:0}ul.event-list li dl dt:nth-of-type(3),ul.event-list li dl dd:nth-of-type(3){margin-bottom:1rem}}@media screen and (max-width:540px){.bg-hanabi{padding:7.5rem 1rem}.bg-hanabi>p{text-align:start}.bg-hanabi:before{width:90%;left:0;top:0}.bg-hanabi:after{width:90%;right:0;bottom:0}ul.event-list li h3{font-size:1.125rem}}