#main{font-family:'Noto Sans JP', sans-serif;}
.link-btn + .link-btn{margin-top:0 !important;}

/*カード画像*/
#item{display:flex; justify-content:space-between;}
#item ul{width:calc(50% - 10px); text-align:center;}
#item ul img{max-width:200px;}
#item ul li + li{margin-top:5px;}
#item ul li:nth-child(2){font-size:15px; color:#01d7ff;}
#item ul li:nth-child(3){font-size:24px; font-weight:700; text-shadow:0 0 10px #01d7ff;}
#item ul li:nth-child(3)::before{content:"5000";}
#item ul li:nth-child(3)::after{content:"CAPで応募可能！"; font-size:16px;font-weight:500;}
@media screen and (max-width:520px){
#item{flex-wrap:wrap;}
#item ul{width:100%;}
#item ul + ul{margin-top:20px;}}

/*カード応募*/
#item li > p{width:100%; width:200px; padding:10px; margin:10px auto 0; pointer-events:none;}
#item li > p:not(.done){opacity:.7;}
#item li > p.done{background:#ff4ea8;}
#item .apply-btn{
display:block;
width:100%;
max-width:200px;
color:#01d7ff;
border:solid 2px #01d7ff;
padding:3px;
margin:10px auto 0;}
#item .apply-btn p{background:rgba(255,255,255,0); padding:7px; transition:all .2s ease;}
#item .apply-btn:hover p{background:rgba(255,255,255,1);}

/*カード確認*/
#item.check ul{width:100%; margin:20px auto;}
#item.check ul img{max-width:300px;}

/*CAP獲得量リスト*/
#list li{display:flex; align-items:center;}
#list li + li{border-top:1px dotted #2b5e83;}
#list li p{padding:10px 5px;}
#list li p:nth-child(1){width:calc(100% - 110px);}
#list li p:nth-child(2){width:100px; text-align:center; margin-left:10px;}
#list li:nth-child(1) p{background:#0d62c7;}
#list li:nth-child(2){border-top:none !important;}
#list li p br{display:none;}
@media screen and (max-width:720px){#list li p br{display:block;}}
@media screen and (max-width:480px){
#list li p:nth-child(1){width:calc(100% - 60px);}
#list li p:nth-child(2){width:55px; margin-left:5px;}}

/*注意事項リンク*/
#notice.text a{color:#fdd86f !important; text-decoration:underline;}
#notice.text a:hover{text-decoration:none;}

/*所持数*/
#epass{margin:0 auto 10px !important;}
.cap{
background:linear-gradient(to right, rgba(0,0,0) 0%,rgba(25,59,203,0.7) 30%,rgba(1,215,255,0.7) 70%,rgba(0,0,0) 100%);
text-align:center;
padding:10px 0;
margin:0 auto 30px;}
.cap p{font-size:30px; font-weight:700;}
.cap p::before,.cap p::after{display:inline-block; font-weight:500;}
.cap p::before{content:"現在の所持CAP"; color:#47fff8; font-size:13px; margin-right:20px;}
.cap p::after{content:"CAP"; font-size:18px; margin-left:2px;}

/*確認テキスト*/
#check .info{color:#ff4ea8; text-align:center; font-size:24px; font-weight:700; margin:20px auto;}