@charset "UTF-8";.categoryNav{border-top:1px solid #fff;border-bottom:1px solid #fff;background-color:#a4e7f7}.categoryNav__inner{display:grid;grid-template-columns:repeat(7,1fr);column-gap:1px;max-width:1190px;margin-right:auto;margin-left:auto;border-right:1px solid #fff;border-left:1px solid #fff;background-color:#fff;font-family:"Noto Sans JP",sans-serif;font-weight:400;font-style:normal}@media (max-width:768px){.categoryNav__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px}}.categoryNav__item{position:relative;flex-grow:1}@media (max-width:768px){.categoryNav__item{width:30%}.categoryNav__item:last-of-type{width:100%;padding-top:10px}}.categoryNav__link{display:block;width:100%;border:0;padding:15px 0;color:#fff;font-size:2rem;font-weight:700;text-align:center;text-decoration:none;background-color:#4ac9f2;cursor:pointer}.categoryNav__link[aria-current=page]{background-color:#a4e7f7}@media (hover:hover){.categoryNav__link{transition:all 0.3s ease-in}.categoryNav__link:hover{filter:brightness(1.05)}}@media (max-width:1190px){.categoryNav__link{font-size:1.6rem}}@media (max-width:768px){.categoryNav__link{border-radius:5px}}.categoryNav__btn{position:relative;width:100%;padding:15px 0;border:0;color:#4ac9f2;font-size:2rem;font-weight:700;background-color:#fff}.categoryNav__btn:after{content:"";position:absolute;top:45%;right:6px;width:12px;height:8px;background-color:#4ac9f2;clip-path:polygon(0 0,100% 0,50% 100%)}.categoryNav__btn.open{background-color:#e9fbff}@media (hover:hover){.categoryNav__btn{transition:all 0.3s ease-in}.categoryNav__btn:hover{cursor:pointer;background-color:#e9fbff}}@media (max-width:1190px){.categoryNav__btn{font-size:1.6rem}}@media (max-width:768px){.categoryNav__btn{border-radius:50px;border:3px solid #4ac9f2}.categoryNav__btn:after,.categoryNav__btn:before{right:24px}}.selectMonth{position:absolute;top:100%;right:0;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:510px;padding-top:3px}.selectMonth[aria-hidden=true]{opacity:0;visibility:hidden}.selectMonth[aria-hidden=false]{opacity:1;visibility:visible}@media (max-width:768px){.selectMonth{width:100%;padding-top:16px}}.selectMonth__item{position:relative}.selectMonth__link{display:block;width:100%;padding:12px 0;border:0;color:#fff;text-align:center;background-color:rgba(112,112,112,0.9)}.selectMonth__link[aria-current=page]{background-color:#4ac9f2}@media (hover:hover){.selectMonth__link{transition:all 0.3s ease-in}.selectMonth__link:hover{cursor:pointer;filter:brightness(1.05)}}.mainArea .selectedText{margin-bottom:16px;font-size:2rem;text-align:center}.mainArea .emptyText{margin-top:24px;text-align:center}.subArea{margin-top:32px}.subArea__title{margin-bottom:24px;font-size:2rem;text-align:center}.eventList{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1190px;margin-right:auto;margin-left:auto}@media (max-width:768px){.eventList{grid-template-columns:1fr;gap:0}}.event{display:grid;grid-template-areas:"img category" "img text" "img btn";grid-template-columns:196px 1fr;grid-template-rows:auto auto 1fr;align-items:flex-end;column-gap:9.4%;padding:12px 20px;background-color:#fff}@media (max-width:1024px){.event{grid-template-columns:40% 1fr;column-gap:5%}}@media (max-width:768px){.event{position:relative;grid-template-areas:"img text" "img btn";grid-template-rows:auto 1fr;grid-template-columns:28% 1fr;column-gap:5%;padding:26px 20px 20px}}.event.recommend{order:-1}.event__text{grid-area:text;margin-top:32px;text-decoration:none}@media (hover:hover){.event__text{transition:all 0.3s ease-in}.event__text:hover{text-decoration:underline}}@media (max-width:1024px){.event__text{margin-top:12px}}@media (max-width:768px){.event__text{margin-top:0}}.event__img{display:grid;place-content:center;grid-area:img;height:100%}.event__img a{aspect-ratio:7/10;height:100%}@media (hover:hover){.event__img a{transition:all 0.3s ease-in}.event__img a:hover{filter:brightness(1.05)}}.event__img img{margin-right:auto;margin-left:auto;object-fit:contain}.event__category{grid-area:category;width:calc(100% + 20px);margin-top:7px;padding:2px 20px 2px 0;font-size:1.2rem;font-style:italic;font-weight:600;text-align:right;background-color:#a8a8a8}@media (max-width:768px){.event__category{position:absolute;top:0;left:0;width:100%;margin-top:0;border-radius:5px 5px 0 0;text-align:center}}.event__title{grid-area:title;font-size:2.2rem;line-height:1.36}@media (max-width:1024px){.event__title{font-size:2rem}}@media (max-width:768px){.event__title{font-size:4vw;line-height:1.43}}.event__day{grid-area:day;margin-top:8px;font-size:1.8rem;line-height:1.6}@media (max-width:1024px){.event__day{font-size:1.6rem}}@media (max-width:768px){.event__day{font-size:3.5vw}}.event__place{grid-area:place;font-size:1.8rem;line-height:1.6}@media (max-width:1024px){.event__place{font-size:1.6rem}}@media (max-width:768px){.event__place{font-size:3.5vw}}.event__btn{grid-area:btn;margin-top:16px}.event__btn[data-state=表示なし]{display:none}.event__btn[data-state=ご招待] .purchaseBtn,.event__btn[data-state=完売] .purchaseBtn,.event__btn[data-state=販売終了] .purchaseBtn{display:none}@media (max-width:768px){.event__btn{display:grid;grid-template-columns:1fr auto;margin-top:8px}}.event__btn .state{width:100%;max-width:200px;margin:0 auto;padding:4px 0;border-radius:50px;color:#707070;font-size:1.6rem;font-weight:600;text-align:center;background-color:#fff500}@media (max-width:768px){.event__btn .state{padding:8px 0;font-size:3.5vw;white-space:nowrap}}.event__btn .purchaseBtn{margin-top:10px}@media (max-width:768px){.event__btn .purchaseBtn{margin-top:0;margin-left:8px}}.event__btn .purchaseBtn a{display:block;width:100%;max-width:200px;margin:0 auto;padding:8px 0;border-radius:50px;color:#fff;font-weight:600;text-align:center;text-decoration:none;background-color:#4ac9f2}@media (hover:hover){.event__btn .purchaseBtn a{transition:all 0.3s ease-in}.event__btn .purchaseBtn a:hover{filter:brightness(1.08)}}@media (max-width:768px){.event__btn .purchaseBtn a{max-width:none;padding:8px;font-size:3.5vw;white-space:nowrap}}.event[data-category=music] .event__category{color:#e5ff21}.event[data-category=stage] .event__category{color:#fff}.event[data-category=sports] .event__category{color:#d3fffc}.event[data-category=art] .event__category{color:#ffdff3}.event[data-category=other] .event__category{color:#fff}.bnrArea{margin-top:30px;padding:0 16px}@media (max-width:768px){.bnrArea{margin-top:10px;padding:0 20px}}.bnrList{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;justify-content:space-between;max-width:1190px;margin-right:auto;margin-left:auto}@media (hover:hover){.bnrList a{transition:all 0.3s ease-in}.bnrList a:hover{filter:brightness(1.08)}}@media (max-width:768px){.bnrList{display:block}.bnrList img{width:100%}.bnrList li+li{margin-top:16px}}.snsArea{margin-top:64px;padding:0 16px}@media (max-width:768px){.snsArea{margin-top:30px}}.snsArea__title{color:#707070;font-weight:600;text-align:center}@media (max-width:768px){.snsArea__title{font-size:1.4rem}}.snsList{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 10px;max-width:940px;margin:16px auto 0}@media (max-width:768px){.snsList{grid-template-columns:repeat(2,1fr)}}.snsList li a{position:relative;display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;padding:3px 7px;border:1px solid #707070;border-radius:5px;color:#707070;font-size:2.2rem;text-decoration:none;background-color:#fff}.snsList li a:after{content:"";position:absolute;top:50%;right:12px;translate:0 -50%;width:12px;height:12px;border-right:2px solid #4ac9f2;border-bottom:2px solid #4ac9f2;rotate:-45deg}@media (max-width:768px){.snsList li a:after{right:8px;width:10px;height:10px}}@media (hover:hover){.snsList li a{transition:all 0.3s ease-in}.snsList li a:hover{background-color:#d4f2fc}}@media (max-width:768px){.snsList li a{grid-template-columns:24px 1fr;column-gap:8px;padding:6px;font-size:1.6rem}}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f5f5f5}.loading:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:32px;height:32px;margin:10px auto;border:4px #ddd solid;border-top:4px #04c4ff solid;border-radius:50%;animation:sp-anime 1s infinite linear}@keyframes sp-anime{to{transform:rotate(360deg)}}.bottomBnr{margin-top:40px}.bottomBnr__bnr{max-width:307px;margin-right:auto;margin-left:auto}
/*# sourceMappingURL=index.css.map */