#event .main{
position:relative;
width:100%;
max-width:900px;
margin:0 auto;
z-index:2;}
#event .main img{width:100%;}

.main-bg,
.main-bg::before{
display:block;
position:fixed;
top:50px;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%;
content:"";
background-color:#fff;
background-image:url("../img/event/ev2603/inf2603_bg.webp");
background-repeat:no-repeat;
background-size:cover;
background-position:top;
padding:0;
opacity:1;
z-index:1;}

.main .inner{
display:flex;
position:relative;
background-image:url(/game/infinitas/2/img/event/ev2603/inf2603_button_base.webp);
background-repeat:repeat-y;
background-size:100% auto;
background-position:center;
flex-wrap:wrap;
justify-content:center;
align-items:center;
padding:20px 0;}
.main .inner > div{ width:100%; height:100%; }

/*ボタン*/
.main a.btn{
display:block;
position:relative;
width:90%;
max-width:480px;
background:#3b81fe;
border-radius:30px;
padding:3px;
margin:20px auto;}
.main a.btn p{
position:relative;
color:#fff;
background:#7abaff;
font-size:18px;
text-align:center;
font-weight:bold;
border-radius:27px;
padding:10px;
transition:all .2s ease;}
.main a.btn:hover p{color:#7abaff; background:#fff !important;}

.main a.btn::before,
.main a.btn p::before,
.main a.btn p::after{display:block; content:""; position:absolute; transition:all .2s ease;}
.main a.btn::before{
top:calc(50% - 15px);
right:10px;
width:30px;
height:30px;
background:#fff;
border-radius:50%;
z-index:3;}
.main a.btn p::before{
top:calc(50% - 7.5px);
right:14px;
width:15px;
height:15px;
border-top:3px solid #7abaff;
border-right:3px solid #7abaff;
transform:rotate(45deg);
z-index:4;}
.main a.btn p::after{
top:calc(50% - 1.5px);
right:15px;
width:15px;
height:3px;
background:#7abaff;
z-index:4;}
.main a.btn:hover::before{background:#7abaff;}
.main a.btn:hover p::before{border-color:#fff !important;}
.main a.btn:hover p::after{background:#fff!important;}

@media screen and (max-width:800px){
.main a.btn p{font-size:15px; padding:5px 10px;}
.main a.btn::before{
top:calc(50% - 12px);
width:24px;
height:24px;}
.main a.btn p::before{
top:calc(50% - 6px);
width:12px;
height:12px;
border-top:2px solid #7abaff;
border-right:2px solid #7abaff;}
.main a.btn p::after{
top:calc(50% - 1px);
width:10px;
height:2px;}}

.main a.btn.koubaibu{background:#e566a1;}
.main a.btn.koubaibu p{background:#df92b4;}
.main a.btn.koubaibu:hover p{color:#df92b4;}
.main a.btn.koubaibu p::before{border-top:3px solid #df92b4; border-right:3px solid #df92b4;}
.main a.btn.koubaibu p::after{background:#df92b4;}
.main a.btn.koubaibu:hover::before{background:#df92b4;}
@media screen and (max-width:800px){.main a.btn.koubaibu p::before{border-top:2px solid #df92b4; border-right:2px solid #df92b4;}}