@import url(phone.min.css)screen and (max-width:767px);@import url(tablet.min.css)screen and (min-width:768px) and (max-width:1024px);@import url(pc.min.css)screen and (min-width:1025px);@keyframes keyGradientAnimation{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes gradientAnimation{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes buttonAnimation{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes statusIconAnimation{0%{background-position:0 100%}to{background-position:0 0}}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:2em}40%{box-shadow:0-1rem;height:2.5rem}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:2rem}40%{box-shadow:0-2rem;height:2.5rem}}section>div .eventList{list-style:none;display:flex;flex-wrap:wrap;min-height:100%}section>div .eventList>li{position:relative;overflow:hidden;opacity:0;align-items:center;box-sizing:border-box;border:1px solid gray}section>div .eventList>li>img{display:block;background:url(/img/loading.gif)center;background-repeat:no-repeat;background-size:30px}section>div .eventList>li>div{padding:1rem;height:100%}section>div .eventList>li>div>h3{color:#fff;margin-top:1rem}section>div .eventList>li>div>.buttonWrapper{margin-bottom:1rem}section>div .eventList>li .cornerIcon{background:#fff;color:#666;position:absolute}section>div .eventList>li:before{content:"";position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;background:#000}.page-load-status{width:100%;display:none}.loadingArea{min-height:100px}.loadingArea .loader,.loadingArea .loader:after,.loadingArea .loader:before{background:#fff;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:.5rem;height:2rem}.loadingArea .loader{color:#fff;text-indent:-9999rem;margin:44px auto;position:relative;font-size:.6rem;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loadingArea .loader:after,.loadingArea .loader:before{position:absolute;top:0;content:""}.loadingArea .loader:before{left:-1rem;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loadingArea .loader:after{left:1rem}@media screen and (max-width:767px){section{width:96%;margin:auto}section>div{padding:1rem}section>div .eventList{width:100%;row-gap:1rem;justify-content:space-between}section>div .eventList>li,section>div .eventList>li>div{width:100%;display:flex;flex-wrap:wrap}section>div .eventList>li>.cornerIcon{top:-25px;right:-25px;width:30px;height:30px;transform:rotate(45deg);display:flex;justify-content:center;align-items:center}section>div .eventList>li>.cornerIcon>i{transform:rotate(-45deg);position:absolute;bottom:2px;left:18px;font-size:1.2rem}section>div .eventList>li>img{width:calc(100% - 4rem);height:auto;margin:2rem}section>div .eventList>li>div{align-content:space-between;height:auto}section>div .eventList>li>div>h3{font-size:1.6rem}section>div .eventList>li>div .buttonWrapper{width:100%;display:flex;justify-content:end}section>div .eventList>li>div .buttonWrapper .button1{width:100%;margin-top:1rem}}@media screen and (min-width:768px) and (max-width:1024px){section{width:96%;margin:auto}section>div{padding:1rem}section>div .eventList{width:100%;row-gap:1rem;justify-content:space-between}section>div .eventList>li{width:100%;display:flex}section>div .eventList>li>.cornerIcon{top:-25px;right:-25px;width:30px;height:30px;transform:rotate(45deg);display:flex;justify-content:center;align-items:center}section>div .eventList>li>.cornerIcon>i{transform:rotate(-45deg);position:absolute;bottom:2px;left:18px;font-size:1.2rem}section>div .eventList>li>img{width:120px;height:auto}section>div .eventList>li>div{width:calc(100% - 120px - 2rem);display:flex;flex-wrap:wrap;align-content:space-between}section>div .eventList>li>div>h3{padding-right:2rem}section>div .eventList>li>div .buttonWrapper{width:100%;display:flex;justify-content:end}section>div .eventList>li>div .buttonWrapper .toDetail{width:300px;height:6rem;font-size:1.4rem;font-weight:700;text-decoration:none;display:block;padding:.5rem 1rem;box-sizing:border-box}section>div .eventList>li>div .buttonWrapper .toDetail>*{text-decoration:none}section>div .eventList>li>div .buttonWrapper .toDetail>*>p{overflow:hidden;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000;z-index:0}section>div .eventList>li>div .buttonWrapper .toDetail>*>p>span{color:#fc5c7d;margin:0 .5rem;transition:300ms;z-index:2}section>div .eventList>li>div .buttonWrapper .toDetail>*>p>i{color:#fff;z-index:2}section>div .eventList>li>div .buttonWrapper .toDetail>*>p::before{content:"";background:#000;color:#fff;background:linear-gradient(45deg,#fc5c7d 0,#fc5c7d 33%,#3c96fc 66%,#fcd63c 100%);background-size:400% 400%;animation:keyGradientAnimation 10s ease infinite;width:100%;height:100%;top:-100%;left:-100%;transform:rotate(500deg);position:absolute;z-index:1;transition:300ms}section>div .eventList>li>div .buttonWrapper .toDetail>*>p::after{content:"";background:#000;width:calc(100% - 2px);height:calc(100% - 2px);top:1px;left:1px;position:absolute;z-index:1;transition:300ms}section>div .eventList>li>div .buttonWrapper .toDetail>:hover>p>i,section>div .eventList>li>div .buttonWrapper .toDetail>:hover>p>span{color:#fff}section>div .eventList>li>div .buttonWrapper .toDetail>:hover>p::before{top:0;left:0;transform:rotate(0deg)}}@media screen and (min-width:1025px){section{min-width:1025px;max-width:1680px;width:96%;margin:auto;padding-bottom:4rem}section>div{padding:1rem}section>div .eventList{width:100%;row-gap:1rem;justify-content:space-between}section>div .eventList>li{width:calc(50% - .5rem);display:flex}section>div .eventList>li>.cornerIcon{top:-25px;right:-25px;width:30px;height:30px;transform:rotate(45deg);display:flex;justify-content:center;align-items:center}section>div .eventList>li>.cornerIcon>i{transform:rotate(-45deg);position:absolute;bottom:2px;left:18px;font-size:1.2rem}section>div .eventList>li>img{width:120px;height:auto}section>div .eventList>li>div{width:calc(100% - 120px - 2rem);display:flex;flex-wrap:wrap;align-content:space-between}section>div .eventList>li>div>h3{padding-right:2rem}section>div .eventList>li>div .buttonWrapper{width:100%;display:flex;justify-content:end}section>div .eventList>li>div .buttonWrapper .toDetail{width:300px;height:6rem;font-size:1.4rem;font-weight:700;text-decoration:none;display:block;padding:.5rem 1rem;box-sizing:border-box}section>div .eventList>li>div .buttonWrapper .toDetail>*{text-decoration:none}section>div .eventList>li>div .buttonWrapper .toDetail>*>p{overflow:hidden;position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000;z-index:0}section>div .eventList>li>div .buttonWrapper .toDetail>*>p>span{color:#fc5c7d;margin:0 .5rem;transition:300ms;z-index:2}section>div .eventList>li>div .buttonWrapper .toDetail>*>p>i{color:#fff;z-index:2}section>div .eventList>li>div .buttonWrapper .toDetail>*>p::before{content:"";background:#000;color:#fff;background:linear-gradient(45deg,#fc5c7d 0,#fc5c7d 33%,#3c96fc 66%,#fcd63c 100%);background-size:400% 400%;animation:keyGradientAnimation 10s ease infinite;width:100%;height:100%;top:-100%;left:-100%;transform:rotate(500deg);position:absolute;z-index:1;transition:300ms}section>div .eventList>li>div .buttonWrapper .toDetail>*>p::after{content:"";background:#000;width:calc(100% - 2px);height:calc(100% - 2px);top:1px;left:1px;position:absolute;z-index:1;transition:300ms}section>div .eventList>li>div .buttonWrapper .toDetail>:hover>p>i,section>div .eventList>li>div .buttonWrapper .toDetail>:hover>p>span{color:#fff}section>div .eventList>li>div .buttonWrapper .toDetail>:hover>p::before{top:0;left:0;transform:rotate(0deg)}section>div .eventList>li:nth-child(odd){margin-right:1rem}}