.main_bg{
width:100%; 
margin:0 auto;padding-bottom:10px;
position:relative;
background:url("../images/event/5th/bg.jpg") repeat;
}
#main{
width:100%;max-width:980px;margin:0px auto;
font-size:18px;font-family:'M PLUS Rounded 1c';transform: rotate(0.05deg);
}
#main > img{
margin-left:-7px;
}
#main img{
max-width:100%;
}
.main_box{
padding:20px 10px;
margin-bottom:40px;
}
.main_inner{
width:90%;margin:0px auto;
}
.main_inner:not(:first-of-type){
margin-top:6%;
}
.main_inner:first-of-type > p{
margin-bottom:10px;
}
.main_inner:not(:first-of-type) > p{
margin:10px auto;
}
.main_inner > div{
border:5px solid #9a8bd6;border-radius:15px;padding:20px;background:#fff;
}

.main_inner > div > p{
text-align:center;
}

#bottom{
margin-bottom:20px;
}

#day{
background:#9ad8ff;width:96%;margin:10px auto;padding:10px;text-align:center;
border:5px solid #fff;outline:5px solid #ff7d81;outline-offset:0px;border-radius:15px;
font-weight:bold;
text-shadow: 1px 1px 3px #fff,-1px -1px 3px #fff,-1px 1px 3px #fff,1px -1px 3px #fff,0px 3px 1px #fff,0 -1px 3px #fff,-1px 0 3px #fff,1px 0 3px #fff;
}
#day span{
color:#0114fd;font-size:30px;
}
.btn_box{
margin:4% auto;
}
.btn_box p{
text-align:center;font-weight:bold;padding:10px;max-width:860px;margin:0px auto;color:#ff5722;
text-shadow: 1px 1px 0px #fff,-1px -1px 0px #fff,-1px 1px 0px #fff,1px -1px 0px #fff,0px 1px 0px #fff,0 -1px 0px #fff,-1px 0 0px #fff,1px 0 0px #fff;
}
#coop_btn a{
width:52.55%;height:0px;padding-top:7.70%;display:block;margin:0px auto;
background:url(../images/campaign/5thpass/btn01.png) no-repeat;
background-position:0 0;background-size:100%;
}

p#entry_btn{
width:52.55%;height:0px;padding-top:7.70%;display:block;margin:0px auto;
background:url(../images/campaign/5thpass/btn04.png) no-repeat;
background-position:0 0;background-size:100%;cursor:pointer;
}
p#entry_btn.none{
opacity:0.4;cursor:default;
}
p#entry_btn:not(.none):hover{
background-position:0px 100%;
}
#entry_btn a{
width:52.55%;height:0px;padding-top:7.70%;display:block;margin:0px auto;
background:url(../images/campaign/5thpass/btn04.png) no-repeat;
background-position:0 0;background-size:100%;
}
#check_btn a{
width:52.55%;height:0px;padding-top:7.70%;display:block;margin:0px auto;
background:url(../images/pass/btn02.png) no-repeat;
background-position:0 0;background-size:100%;
}

.main_inner > div #check_btn a{
width:63.26%;padding-top:9.33%;
}
#login_btn a{
width:52.55%;height:0px;padding-top:7.70%;display:block;margin:0px auto;
background:url(../images/campaign/5thpass/btn05.png) no-repeat;
background-position:0 0;background-size:100%;
}

.btn a:hover{
background-position:0px 100% !important;
}
.btn{
margin:2% auto;
}

#name{
text-align:center;padding:10px;margin:10px auto;width:90%;min-width:310px;border-top:3px solid #ff7d80;border-bottom:3px solid #ff7d80;background:#9ad8ff;color:#241cc9;font-weight:bold;
box-shadow: 0 8px 3px -3px #fff inset,0 -8px 3px -3px #fff inset;
}

p.title{
border-bottom:3px solid #9a8bd6;margin-bottom:2%;
}

.ssp{
display:none;
}
ul.ast li,
ul.dot li,
ul.flow li{
position:relative;padding:5px 0px 5px 20px;
}
ul.ast li::before,
ul.dot li::before,
ul.flow li::before{
display:block;position:absolute;top:5;left:0;
}
ul.flow li:first-of-type::before {
content: "①";
}
ul.flow li:nth-of-type(2)::before {
content: "②";
}
ul.flow li:nth-of-type(3)::before {
content: "③";
}
ul.dot > li::before {
content: "・";
}
ul.ast > li::before {
content: "※";
}

@media (max-width: 799px) {
  #main{
  font-size:12px;
  }
  ul.ast li,
  ul.dot li,
  ul.flow li{
  padding:5px 0px 5px 18px;
  }
  .main_inner > div{
  padding:10px;
  }
  #day{
  font-size:14px;
  }
  #day span{
  font-size:18px;
  }
}
@media (max-width: 530px) {
  .main_inner > div:not(.date) > p{
  text-align:left;
  }
}
@media (max-width: 450px) {
  #day .ssp{
  display:block;
  }
}
@media (max-width: 360px) {
  .main_inner > div.date > p{
  text-align:left;
  }
}
input[type="checkbox"]{display:none !important; border:0 !important; margin:0 !important;}

.input-checkbox{
position:relative;
width:260px;
color:#0012ff;
font-size:16px;
font-weight:700;
line-height:30px;
letter-spacing:2px;
padding:0 0 0 40px;
margin:30px auto;
z-index:5;}

.input-checkbox label{display:inline-block; cursor:pointer;}

.input-checkbox label:before,
.input-checkbox label:after{content:""; position:absolute; display:inline-block; transition:transform .2s ease;}

.input-checkbox label:before{
top:0;
left:0;
width:30px;
height:30px;
background-color:#fff;
border:2px solid #01d7ff;
border-radius:5px;
opacity:.5;}

.input-checkbox label:after{
top:-4px;
left:10px;
width:10px;
height:30px;
border-right:4px solid transparent;
border-bottom:4px solid transparent;
transform:rotate(45deg);
transition:border-bottom-color,border-right-color .2s ease;}

.input-checkbox input[type="checkbox"]:checked + label:before{opacity:1;}
.input-checkbox input[type="checkbox"]:checked + label:after{border-color:#ed1e79;}

@media screen and (max-width:480px){
.input-checkbox{width:230px; font-size:14px; line-height:24px; padding:0 0 0 30px;}
.input-checkbox label:before{width:24px; height:24px;}
.input-checkbox label:after{top:-8px;}}

#error h2{
margin:0px auto 20px;text-align:center;
}
#deco0{
text-align:center;
}

dl.att > dt:not(:first-of-type){
margin-top:20px;
}
dl.att > dt{
color:#00f;font-weight:bold;background:#d6d6ff;padding:5px;text-align:center;
}
dl.att > dd a{
color:#e95d3e;text-decoration:underline;
}
dl.att > dd a:hover{
color:#e91e63;text-decoration:none;
}