h1,
h2{
text-align:center;
margin:0px auto 1% auto;max-width:100%;
}
h1 img,
h2 img{
max-width:100%;
}
div.main_box{
border:1px solid rgba(237,222,160,1.0);padding:1%;background-color:rgba(0,0,30,0.5);box-shadow:#ACF 1px 1px 10px!important;
}


/*背景*/
.top_bg01 {
  background-image:url(../images/bg/top_bg01.jpg);
  background-position:center top;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-size:cover;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-color:rgba(12,13,45,0.00)!important;
}

.top_bg00, .top_bg00::before,
.top_bg01, .top_bg01::before {
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  transition: all 0s ease;
}

/*おしらせ*/
.info_box{
margin:0px 0px 20px 0px;
}
.info_box a{
color:#dc143c !important;
}
.info_box a:hover{
color:#dda0dd !important;
}

div#notice a:link,
div#notice a{
color:#ffeb3b !important;
}
div#notice a:hover{
color:#ff6347 !important;
}


div#notice ul.list li dl + div a{
color:#2196f3 !important;
}
div#notice ul.list li dl + div a:hover{
color:#5cd761 !important;
}

div#notice ul.list > li{
padding:0px 0px 20px 0px;margin:0px auto 0px auto;width:98%;
}

div#notice ul.list > li dl{
background:url("../images/info/bg_h_info_s.png") no-repeat 2px center,rgba(0,0,0,0.5);
border-bottom:1px solid #bfa100;
margin-bottom:3px;position:relative;
font-size:14px;color:#ffffff;font-weight:bold;
display:flex;flex-wrap:wrap;align-items:end;justify-content:end;
}
div#notice ul.list >  li dl dt{
order:2;position:relative;width:115px;padding:0px 0px 0px 18px;color:#000;
background-image: linear-gradient(90deg, #fbf6a9 0%,#fbf6a9 50%,#d5ff9f 100%);
}
div#notice ul.list >  li dl dt:before{
position:absolute;content:'';left:0px; top:0px;border:none;border-left:solid 20px #1a1716;border-bottom:solid 20px transparent;
}
div#notice ul.list >  li dl dd{
width:calc(100% - 141px);padding:2px 0px;
}

div#notice ul.list li > div.title{
width:100%;padding:4px 0px 4px 26px;color:#fff;
background: url(../images/info/bg_h_info_s.png) no-repeat 2px center,rgba(0,0,0,0.5);
font-size:14px;border-bottom:double 4px #bfa100;
}

div#notice ul.list li dl.bd_double{
border-bottom:4px double #bfa100;
}
div#notice ul.list li dl + div{
background-image: linear-gradient(90deg, #fbf6a9 0%,#f5f2e1 20%,#f5f2e1 80%,#fbf6a9 100%);
padding:10px 1% 10px 1%;font-size:14px;
}
div#notice ul.list li dl + div.title{
font-size:16px;font-weight:bold;
}
div#notice ul.list li div.sub_head{
font-size:15px;font-weight:bold;
}
div#notice ul.list li div.sub_head1{
font-size:20px;font-weight:bold;
}
div#notice ul.list li .indent{
margin-left:3%;padding-right:3%;
}
div#notice ul.list li div.list_box{
background:#fff;border:1px solid #c43100;padding:1% 1% 1% 1%;margin-top:1%;
}
div#notice ul.list li div.indent_1 {
padding-left: 1rem;text-indent: -1rem;
}
div#notice ul.list li div.indent_2 {
padding-left: 1.7rem;text-indent: -1.7rem;
}

div#notice ul.list li div.sub_cate{
background:#f2a29a;font-size:16px;font-weight:bold;padding:5px 10px 0px 10px;
margin:10px 0px;
}
div#notice ul.list li div.sub_cate0{
background:#fdc994;font-size:16px;font-weight:bold;padding:2px 10px;
margin:10px 0px;text-align:center;
}
div#notice ul.list li div.sub_title0{
width: 100%;margin: 0px auto;text-align: center;border: 2px solid #ee7722;
font-weight:bold;font-size:18px;color:#0316a7;
}

div#notice ul.list li div.inner_box{
padding-bottom:16px;
}

div#notice ul.list li span.def{
font-size:14px;font-weight:normal;
}

div#notice table td{
border:1px solid #000000;padding:5px 10px;
}
div#notice table td:nth-child(odd){
background:#d3d3d3;font-weight:bold;
}
div#notice table.center1 td:nth-child(odd),
div#notice table td:nth-child(even){
background:#ffffff;
}
div#notice table.center{
margin:0px auto;
}
div#notice table.center1{
margin:0px auto;
text-align:center;
}
div#notice table.center1 td,
div#notice table.center1 tr{
text-align:center;
}
div#notice table.center1 td img{
min-width:120px;
}
div#notice table th{
border:1px solid #000000;padding:0px 10px;background:#d3d3d3;text-align:center;
}

div#notice table.tbl0{
font-size:12px;background:#ffffff;margin:0px auto;
}
div#notice table.tbl0 td{
background:#ffffff;
}
div#notice table.tbl0 tr:nth-child(3n) td{
background:#9bdbfd !important;font-size:14px;text-align:center;
}
div#notice div.cap{
font-size:12px;color:#a90e0e;
}


div.gra{
text-align:center;margin:0px auto;
}
div.gra img{
max-width:100%;
}

@media (max-width: 800px) {
div#notice ul.list li dl dd{
width:calc(100% - 26px);
}
div#notice ul.list li dl dt{
font-size:12px;color:#fff;background:none;text-align:right;width:100%;
}
div#notice ul.list > li dl dt:before{
border-left:solid 20px transparent;
}
}


/*qmedal*/

.tbl_qmedal{
color:#fff;width:90%;margin:0px auto;
}
.tbl_qmedal tr.title_f{
display:none;
}
.tbl_qmedal th{
text-align:center;font-weight: bold;padding: 2px 2px 1px 2px;text-shadow: #630 1px 1px 2px;background-color: #d7a232;box-shadow: #630 0 0 6px;
font-size:14px;border:1px solid #fedf14;
}
.tbl_qmedal td{
width:calc(100%/4);text-align:center;border-left:1px solid #fedf14;border-bottom:1px solid #fedf14;padding:1%;
}
.tbl_qmedal td:last-child{
border-right:1px solid #fedf14;
}
@media (min-width: 980px) {
div#qmedal{
margin-top:45px !important;
}
}
@media (min-width: 800px) {
div#qmedal{
margin-top:60px;
}
}

/*mission*/
div#mission dl{
margin:20px auto;width:80%;
}
div#mission dl > dt{
width: 100%;height: auto;color: #FFF;font-weight: bold;padding: 2px 2px 1px 2px;
margin: 0px auto 0px auto;text-align: center;font-size: 16px;text-shadow: #630 1px 1px 2px;
border-radius: 0px;background-color: #d7a232;box-shadow: #630 0 0 6px;width:100%;
}
div#mission dl > dd{
padding:20px;display:flex;align-items:center;
text-align:center;border:1px solid #fedf14;margin:0px auto 10px auto;width:100%;
}
div#mission dl > dd > .mission_box{
width:80%;padding:1% 2%;border-radius:10px;background:rgba(0,0,0,0.5);color:#ffffff;
}
div#mission .mission_box .one_t{
border-left:8px solid #ffffe0;border-bottom:1px solid #f5deb3;
margin:20px 0px;padding:0px 10px;text-align:left;
}
div#mission div.reward_box{
display:inline-block;background:rgba(200,162,50,0.5);color:#ffffff;border-radius:10px;
border:2px solid #fedf14;width:20%;margin:2% 0% 2% 2%;padding:1%;
vertical-align:top;font-size:18px;font-weight:bold;vertical-align:middle;
}
div#mission .q_flagt{
display:block;margin:0px auto;
}
div#mission .q_flagf{
display:none;
}

@media (min-width: 980px) {
div#mission{
margin-top:45px !important;
}
}
@media (max-width: 980px) {
div#mission dl{
width:100%;
}
}

@media (min-width: 800px) {
div#mission{
margin-top:60px;
}
}

@media (max-width: 600px) {
div#mission dl > dd{
padding:10px;
}
}

.cap ul.ast > li{
padding-left:15px;
}
.cap ul.ast > li::before{
font-size:13px;
}