h2{
text-align:center;
margin:60px auto 1% auto;width:100%;max-width:950px;
}
h2 img{
max-width:100%;position:relative;
}
#container_bottom img{
max-width:100%;
}

#container {
  background:url(../images/info/event1/bg.jpg) no-repeat center top,#110b27;
  background-size:100% auto;
}

.main img{
display:block;margin:0px auto;
}
.inner{
margin:0 auto;max-width:824px;font-family: "Noto Sans JP", serif;font-weight:700;font-size:18px;
color:#fff;
text-shadow:1px 1px 0 #8d7711,-1px 1px 0 #8d7711,-1px -1px 0 #8d7711,1px -1px 0 #8d7711,
2px 2px 2px #470e7b,-2px 2px 2px #470e7b,-2px -2px 2px #470e7b,2px -2px 2px #470e7b;
transform:rotate(0.03deg);
}
.inner > dl > dd{
padding:2%;
}
.inner > dl > dt:not(:first-of-type){
margin-top:3%;
}
dl.date,dl.howto{
display:flex;flex-wrap:wrap;
color:#3333cc;
}
dl.date > dt,dl.howto > dt{
width:26%;
}
dl.date > dd,dl.howto > dd{
width:calc(100% - 26%);
}
dl.section{
margin-top:3%;
}
dl.section > dt{
width:100%;
color:#ffff41;
text-align:center;background:#9d01bb;padding:3px 0px;
border:1px solid #9d01bb;
}
dl.section > dd{
width:100%;background:#fff;color:#470e7b;
text-shadow:none;
margin-bottom:10px;font-size:16px;
background:#ffccff;
border:1px solid #9d01bb;
color:#000;
}
dl.section > dd img:not(:first-of-type){
margin-top:2%;
}
dl.section > dd > span{
color:#ca0000;
}
.footer{
text-align:center;font-size:10px;color:#fff;
text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000;
}

@keyframes bounce{
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@media screen and (max-width:1920px){
  #bg{
  background-size:100%;
  }
  #title {
  margin-top:18vw;
  }
}
@media screen and (min-width:1501px){
  #bg > a{
  right:25%;
  }
}
@media screen and (max-width:1200px){
  .inner{
  margin-bottom:5%;
  }
}
@media screen and (min-width: 799px) and (max-width:998px){
  #title{
  margin-top:19%;
  }
}

@media screen and (max-width: 979px){
  .contents_elia{
  padding:15px;
  }
}
@media screen and (max-width: 799px){
  #container_bottom{
  padding:0px 0px 20px;
  }
  #bg > a{
  left:0px;
  }
  dl > dd > p{
  font-size:20px;
  }
  dl.section > dd,
  .inner{
  font-size:14px;
  }
  ul.ast > li{
  padding-left:16px;
  }
  ul.ast > li::before {
  content:"※";position:absolute;display:block;font-size:14px;top:0;left:0;
  }
  .small{
  font-size:10px;
  }
  ul.ast.small > li::before {
  content:"※";position:absolute;display:block;font-size:10px;top:0;left:0;
  }
}
@media screen and (max-width: 599px){
  dl > dd > p{
  font-size:16px;
  }
  dl.section > dd,
  .inner{
  font-size:12px;
  }
}
@media screen and (max-width: 529px){
  dl.date > dt,
  dl.date > dd,
  dl.howto > dt,
  dl.howto > dd{
  width:100%;text-align:center;
  }
}