h1,
h2{
text-align:center;
margin:0px auto 1% auto;width:100%;max-width:950px;
}
h1 img,
h2 img{
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;
}
.main > img{
max-width:100%;margin:0px auto 10px;display:block;
}

.bkWAKU{
border:solid 6px #d7b376;
}


/*背景*/
.top_bg01 {
  background-image:url(../images/info/event2/bg.webp);
  background-position:center top;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-size:100%;
  -webkit-background-size:100%;
  -moz-background-size:100%;
  -o-background-size:100%;
  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;
}

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

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

#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;
}

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

@media (min-width: 800px) {
div#schedule,
div#chararank{
margin-top:60px;
}
}
@media (max-width: 800px) {
#calendar > ul > li > p{
font-size:10px;
}
}

@media (max-width: 570px) {
#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:80px;
}
/*#calendar > ul > li:last-of-type{
border:none;
}*/
#calendar > ul > li{
border-top:1px solid #000;border-right:1px solid #000;border-left:1px solid #000;border-bottom:none;
}
#calendar > ul:nth-last-of-type(2) > li{
border-bottom:1px solid #000;
}
#calendar > ul:last-of-type > li[data-event='0']{
border-bottom:2px solid #000;
}
}
#point table{
width:100%;
}
#point table tr > th{
text-align:center;font-weight:bold;padding:2px 2px 1px 2px;text-shadow:#630 1px 1px 2px;
background-color:#d7a232;font-size:14px;border:1px solid #e91e63;color:#fff;
}
#point table tr td {
text-align:center;padding:1%;color:#000;
}
#point table tr{
background:#fff;
}
#point table tr td:last-of-type{
text-align:left;
}
#point table tr[data-type='0'] td{
background:rgba(255,212,212,0.2);
}
#point table tr[data-type='1'] td{
background:rgba(33,150,243,0.2);
}
#point table tr[data-type='2'] td{
background:rgba(139,195,74,0.2);
}
#point table tr[data-type='3'] td{
background:rgba(255,130,172,0.2);
}
#point table tr[data-type='4'] td{
background:rgba(255,255,59,0.2);
}
#point table tr[data-type='5'] td{
background:rgba(121,85,2,0.2);
}
#point table tr[data-type='6'] td{
background:rgba(244,67,54,0.2);
}
#point table tr[data-type='7'] td{
background:rgba(195,175,126,0.2);
}
#point table tr[data-type='8'] td{
background:rgba(230,176,69,0.2);
}
#chararank .main_box{
color:#000;
}
#chararank{
font-size:16px;
}
#chararank div.main_box > div{
margin:10px 10px;padding-bottom:20px;
}
#chararank div.main_box > div > p{
background:#760000;padding:5px;margin:10px 0px;font-weight:bold;font-size:18px;color:#fff;
}
#chararank table{
margin:10px auto;
}
#chararank table tr >th{
background:#ff9800;text-align:center;
}
#chararank table tr >td{
background:#fff;
}
#chararank table tr >th,
#chararank table tr >td{
padding:5px;border-top:1px solid #e91e63;border-left:1px solid #e91e63;
}
#chararank table tr >th:last-of-type,
#chararank table tr >td:last-of-type{
border-right:1px solid #e91e63;
}
#chararank table tr:last-of-type > td{
border-bottom:1px solid #e91e63;
}
#chararank div:not(.btn) > a{
border-bottom:1px solid #4397bd;color:#4397bd;font-weight:bold;
}
#chararank div:not(.btn) > a:hover{
border-bottom:none;color:#03a9f4;
}
#chararank ul.item{
display:flex;justify-content:center;/*background:#fff;*/padding:20px 0px;
}
#chararank ul.item li{
background:#fff;
}
#chararank ul.item.small li{
padding:10px;
}
.date dl{
margin:10px 0px;
}
.date dt{
font-weight:bold;color:#f75a5a;
}
.date dd {
width:97%;margin-left:3%;font-weight:bold;color:#873301;
}

div.btn a {
width: 100%;max-width:320px;text-align: center;display: block;text-decoration:none;
padding: 10px;background:#e91e63;border:3px solid #fff;border-radius:10px;
font-size: 16px;color:#fff !important;font-weight:bold;box-shadow:#fff 0 0 6px;
margin:2% auto;
}
div.btn a:hover{
background:#f37e5a;/*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;
}
.txt_small{
font-size:13px;
}

ul.ast > li{
position:relative;padding: 5px 0px 5px 20px;
}
ul.ast > li::before {
content: "※";position: absolute;display: block;
font-size: 14px;top: 5px;left: 5px;
}
@media (max-width: 700px) {
#chararank div.main_box > div > p,
div.btn a,
#chararank{
font-size:12px;
}
.txt_small{
font-size:10px;
}
ul.ast.txt_small > li{
padding:5px 0px 5px 18px;
}
ul.ast.txt_small > li::before {
font-size: 10px;
}
}
.c_orange{
color:#ff5722;
}
.cap,
.c_red{
color:#f00;
}
strong{
font-weight:bold;
}