h1,
h2{
text-align:center;
margin:0px auto 1% auto;width:100%;max-width:950px;
}
h1 img,
h2 img{
max-width:100%;position:relative;
}
h1 > img:nth-of-type(1){
z-index:2;
}
h1 > img:nth-of-type(2){
margin-top:-24%;z-index:1;
}
#container_bottom img{
max-width:100%;
}
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:url(../images/info/makenshin/bg.jpg) no-repeat center top,#020204;
  background-size:cover;
}

#info > .cate{
margin:2% 0px;padding:20px 0px;color:#fff;font-family:'Noto Sans JP',sans-serif;
}
#info > .cate > div{
padding:20px 5px 0px;
font-weight:700;font-size:18px;

}
#info > .cate > div img{
display:block;margin:0px auto;
}

#info > .cate > div > p {
background:#cc003a;padding:10px;margin-top:20px;text-align:center;border:1px solid #fff;
color:#ffeb3b;
}
#info > .cate > div > p + div{
text-shadow:1px 1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,
2px 2px 5px #795548,-2px 2px 5px #fff,-2px -2px 5px #795548,2px -2px 5px #fff;
}

ul.ast > li{
position: relative;margin:3px auto 0px;padding-left: 20px;
}
ul.ast > li::before {
content:"※";position:absolute;display:block;font-size:20px;top:0;left:0;
}
ul.ast.small > li::before{
content:"※";position:absolute;display:block;font-size:14px;top:0;left:0;
}

dl.reward{
margin-top:10px;
}
dl.reward > dt{
width:100%;background:#2b5fd9;padding:10px;text-align:center;border:1px solid #fee39b;border-bottom:3px solid #fee39b;
margin-top:10px;
text-shadow:1px 1px 0 #2a5cd2,-1px 1px 0 #2a5cd2,-1px -1px 0 #2a5cd2,1px -1px 0 #2a5cd2,
2px 2px 5px #795548,-2px 2px 5px #fff,-2px -2px 5px #795548,2px -2px 5px #fff;
}
dl.reward > dd{
width:100%;background:#fff;color:#9a0e61;
text-shadow:none;
}
dl.reward > dd > ul{
display:flex;flex-wrap:wrap;border-right:1px solid #ffbb00;border-left:1px solid #ffbb00;border-bottom:2px solid #ffbb00;border-top:none;
}
dl.reward > dd > ul > li:first-of-type{
width:35%;
}
dl.reward > dd > ul > li:last-of-type{
width:65%;padding:0px 11px;border-left:1px solid #ffbb00;
display:flex;
}
dl.reward > dd > ul > li:last-of-type > p{
display:flex;align-items:center;
}
dl.reward > dd > ul > li:first-of-type > p{
padding:5px 2px;
}
dl.reward > dd > ul > li:first-of-type > p:first-of-type{
width:100%;text-align:center;border-bottom:1px solid #ffbb00;
}
dl.reward > dd > ul > li:first-of-type > p:last-of-type{
width:100%;text-align:center;
}

@media screen and (max-width: 799px){
  #info > .cate > div{
  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){
  #info > .cate > div{
  font-size:12px;
  }
}
@media screen and (max-width: 499px){
 #info > h1{
   margin-top:15px !important;
 }
}
@media screen and (max-width: 479px){
 #info > .cate > div > ul.w_box > li{
 width:100%;
 }
}

div.btn a {
width: 90%;max-width:500px;text-align: center;display: block;text-decoration:none;
padding: 15px 10px;/*background:#e91e63;*/background:#03a9f4;border:3px solid #fff;border-radius:10px;
font-size: 21px;color:#fff !important;font-weight:bold;box-shadow:#fff 0 0 6px;
margin:2% auto;
}
div.btn a:hover{
background:#00bcd4;/*border:3px solid #f37e5a;*/color:#fff !important;
}
div.btn.none a{
pointer-events:none;
background:#adadad;border:3px solid #84888c;color:#84888c !important;cursor:default;
box-shadow:#ccc 0 0 6px;
}

#info > div.btn + div.cate{
margin-top:0px;padding-top:0px;
}

@media screen and (max-width: 700px) {
div.btn a{
font-size:12px;
}
}
.c_orange{
color:#ff5722;
}
.cap,
.c_red{
color:#f00;
}
strong{
font-weight:bold;
}

#calendar.main_box > p{
background:#fff;padding:5px;margin:10px auto 3px auto;text-align:center;font-weight:bold;font-size:16px;
border:2px solid #000;
}
#calendar.main_box > p:last-of-type{
margin-top:5%;
}

#calendar > ul{
width:100%;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;
}
#calendar > ul > li{
background:#fff;border-left:1px solid #000;border-bottom:1px solid #000;padding:5px;text-align:center;
width:calc(100% / 7);
}
#calendar > ul.cal_header{
border-top:1px solid #000;
}
#calendar > ul > li[data-anv='0'],
#calendar > ul > li:first-of-type{
background:#fff0f0;color:#f00;
}
#calendar > ul > li:last-of-type{
background:#f0f0ff;color:#00f;border-right:1px solid #000;
}

#calendar > ul > li > p:first-of-type{
text-align:left;font-weight:bold;font-size:16px;
}
#calendar > ul > li > p:first-of-type span{
display:none;
}

#calendar > ul > li[data-kind='1']{
background:#fffbaf;
}

#calendar > ul > li > p > img{
max-width:90%;
}

@media screen and (min-width: 980px) {
div#schedule{
margin-top:45px !important;
}
}

@media screen and (min-width: 800px) {
div#schedule{
margin-top:60px;
}
#calendar > ul > li > p:nth-of-type(2) span{
font-size:10px;
}
}
@media screen and (max-width: 800px) {
#calendar > ul > li > p{
font-size:10px;
}
}

@media screen and (max-width: 799px) {
#calendar > ul > li > p:first-of-type{
font-size:14px;
}
#calendar > p{
display:none;
}
#calendar > ul.cal_header{
display:none;
}
#calendar > ul > li{
width:100%;display:none;
}
#calendar > ul > li[data-event='0']{
display:flex;display:flex;flex-wrap:wrap;justify-content:space-between;
}
#calendar > ul > li > p{
font-size:12px;
}
#calendar > ul > li > p:first-of-type span{
display:inline;
}
#calendar > ul > li > p:first-of-type{
width:25%;display:flex;align-items:center;justify-content:center;
border-right:1px solid #ddd;
}
#calendar > ul > li > p:nth-of-type(2){
width:calc((100% - 25%) /2);display:flex;align-items:center;justify-content:center;
}
#calendar > ul > li > p:nth-of-type(3) img{
width:50px;
}
#calendar > ul > li{
border-top:1px solid #000;border-right:1px solid #000;border-left:1px solid #000;border-bottom:none;
}
#calendar > ul:last-of-type > li[data-event='0']{
border-bottom:2px solid #000;
}
#calendar > ul:nth-last-of-type(2) > li:nth-of-type(3){
border-bottom:1px solid #000;
}
}
@media screen and (max-width: 410px) {
#calendar > ul > li > p:first-of-type{
width:30%;
}
}