h1,
h2{
text-align:center;
margin:3% auto 1% auto;width:100%;max-width:950px;
}
h1 img,
h2 img{
width:100%;
}
/*h2 > img:nth-of-type(2){
margin-top:-4%;
}
.main{
margin-top:4%;
}*/
h2{
position:relative;
}
h2 > img:first-of-type{position:relative;z-index:9;margin-top:16%;}
h2 > img:last-of-type{position:absolute;z-index:10;top:0px;left:0px;}

div.main_box{
border:1px solid rgba(237,222,160,1.0);padding:1%;background-color:rgba(255,242,184,0.9);box-shadow:#ACF 1px 1px 10px!important;
}
.main > img{
max-width:100%;margin:0px auto 10px;display:block;
}

div.main_box{
border:1px solid rgba(237,222,160,1.0);padding:1%;background-color:rgba(255,242,184,0.9);box-shadow:#ACF 1px 1px 10px!important;
}

.bkWAKU{
border:solid 6px #d7b376;
}
/*背景*/
.top_bg01 {
background-image:url(../images/info/event6/bg.jpg);background-position:center top;
background-repeat:no-repeat;background-size:cover;
background-color:rgba(12,13,45,0.00)!important;
}
.top_bg01, .top_bg01::before {
-webkit-transition: all 0s ease;-moz-transition: all 0s ease;transition: all 0s ease;
}

/*main*/
.inner{
margin:0 auto;max-width:920px;width:98%;font-family: "Noto Sans JP", serif;font-weight:700;font-size:18px;
color:#fff;
transform:rotate(0.03deg);
}

dl.event{
margin:0px auto 20px auto;
}
dl.event > dt,
dl.event > dd{
padding:10px;
}
dl.event > dt{
background:#282631;border-bottom:#fff 2px dashed;text-align:center;border-radius:15px 15px 0px 0px;font-size:28px;color:#fe86ea;
font-family: "M PLUS 2", sans-serif;font-weight:800;padding:20px 0px;
}
dl.event > dt > p{
background:linear-gradient(to right, #fc30cd 0%, #fab2f4 50%, #ffffff 100%);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;
filter:drop-shadow(1px 1px 0 #2d1a00) drop-shadow(-1px -1px 0 #2d1a00) drop-shadow(-1px 1px 0 #2d1a00) drop-shadow(1px -1px 0 #2d1a00) drop-shadow(0 0 2px #2d1a00) drop-shadow(0 0 2px #2d1a00);
transform:translateZ(0);line-height:100%;
}
dl.event > dd{
text-align:center;background:#282631;
}
dl.event > dd > div > img{
display:block;margin:0px auto;
}
dl.event > dd > .date{
margin:20px auto;
}
dl.event > dd > .date > dl{
display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
}
dl.event > dd > .date > dl > dt{
width:150px;padding:5px 0px;
}
dl.event > dd > .date > dl > dd{
padding:5px 0px;
}

dl.reward > dt{
padding:10px;border-top:2px solid #ffd6e0;border-bottom:2px solid #ffd6e0;margin-bottom:10px;
}
dl.reward > dd{
display:flex;flex-wrap:wrap;justify-content:center;
}
dl.reward > dd > div{
display:flex;flex-wrap:wrap;justify-content:space-between;/*align-items:start;*/
}
dl.reward > dd > div > ul{
background:#514c4c;margin:5px 5px 20px 5px;border-radius:10px 10px 10px 10px;
width:calc((100% - 20px) / 2);display:flex;flex-wrap:wrap;
}
dl.reward > dd > div > ul > li{
padding:10px;width:100%;display:flex;align-items:center;
}
dl.reward > dd > div > ul > li:first-of-type{
margin-bottom:auto;
}
dl.reward > dd > div > ul > li:nth-of-type(2){
margin:auto;
}
dl.reward > dd > div > ul > li:last-of-type{
margin-top:auto;
}

dl.reward > dd > div > ul > li > *{
width:100%;
}
dl.reward > dd > div > ul > li img{
max-width:98%;
}
dl.reward > dd > div > ul > li img[data-kind="wallpaper"]{
max-width:340px !important;width:98%;
}

dl.reward > dd > div > ul > li > p{
padding:10px;color:#ffff7b;font-size:20px;font-family: "M PLUS 2", sans-serif;font-weight:800;
background:#776c6c;
}
dl.reward > dd > div > ul > li > p > span{
color:#fff;font-size:14px;font-weight:600;
}
dl.reward > dd > div > ul > li > div > p{
padding:10px 0px;
}
dl.reward > dd > div > ul > li:first-of-type > div > img{
padding:10px;
}
dl.reward > dd > div > ul > li:last-of-type > div{
background:#776c6c;padding:10px;
}
dl.event#proficiency  > dd > .date{
margin:0px auto;
}

.cap a{
color:#ffff00;border-bottom:2px solid #ffff00;
}
.cap a:hover{
border-bottom:none;color:#e8f46e;
}
.link_box{
text-align:center;margin:40px auto 0px;
}
.link_box p{
margin-bottom:20px;font-size:24px;border-bottom:8px double #eb4ee5;
}
.link_box p > span{
color:#ed4fe7;font-weight:900;
}
.link_box a img{
transition:0.5s ease-in-out;
}
.link_box a:hover img{
filter:brightness(1.2);transition:0.5s ease-in-out;
transform:translateZ(0);
}

@media (max-width: 805px) {
.inner{
font-size:14px;
}
dl.event > dt{
font-size:20px;
}
dl.reward > dd > div > ul > li > p{
font-size:16px;
}
dl.reward > dd > div > ul > li > p > span{
font-size:12px;
}
.link_box p{
font-size:20px;
}
}
@media (max-width: 654px) {
dl.reward > dd > div > ul{
width:80%;
}
dl.reward > dd > div{
justify-content:center;
}
}
@media (max-width: 580px) {
.inner{
font-size:12px;
}
dl.event > dt{
font-size:16px;
}
dl.reward > dd > div > ul > li > p{
font-size:14px;
}
.link_box p{
font-size:16px;
}

dl.reward > dd > div > ul{
width:90%;
}
}