.main{
margin-top:10px;
}
div.main_inner{
display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;
}
div.main_inner:after{
display:none;
}
.contents_title_f16{
margin:0px auto;
}

/*背景*/
.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;
}

h1,
h2{
text-align:center;
margin:0px auto 0% auto;width:100%;
}
h1 img,
h2 img{
max-width:100%;
}

div#title{
text-align:center;
margin:10px auto 20px auto;color:#ffffff;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-shadow:#663300 2px 2px 2px;font-weight:bold;padding:2px 0px;text-align:center;
}
div.sub_title{
background:#f0c083;border-radius:5px;margin:0px auto 10px;text-align:center;padding:10px 0px 5px 0px;font-size:16px;
}
.no-mes{
font-size:16px;text-align:center;color:#ffffff;padding:2% 0px;
}

/*左メニュー*/
div#menubox ul li.btn a{
background:url("../images/common/btn_sub_menu.png")no-repeat;width:240px;height:35px;
display:block;margin:0px auto 5px auto;background-size:100% 200%;color:#ffffff;text-align:center;padding-top:10px;
}
div#menubox ul li.btn a:hover,
div#menubox ul li.btn_as a:hover,
div#menubox ul li.btn a.active{
background-position:100% 100%;color:#ffdd3e;
}
div#menubox ul li.btn_as a{
background:url("../images/ranking/btn_std_as.png")no-repeat;width:246px;height:128px;
display:block;margin:0px auto 5px auto;background-size:100% 200%;color:#ffffff;
}

/*地域*/
div.area{
color:#fff;
}
div.area1{
border-radius:5px;background:#A69C00;
}
div.area2{
border-radius:5px;background:#1B9BC0;
}
div.area3{
border-radius:5px;background:#008fa6;
}
div.area4{
border-radius:5px;background:#00A60C;
}
div.area5{
border-radius:5px;background:#BD7714;
}
div.area6{
border-radius:5px;background:#8A20C0;
}
div.area7{
border-radius:5px;background:#E13BBC;
}
div.area8{
border-radius:5px;
background: linear-gradient(135deg, rgba(0,166,12,1) 0%,rgba(204,173,0,1) 20%,rgba(204,51,0,1) 40%,rgba(225,59,188,1) 60%,rgba(0,55,166,1) 80%,rgba(27,155,192,1) 100%);
}


@media screen and (max-width:799px) {
div.area1,
div.area2,
div.area3,
div.area4,
div.area5,
div.area6,
div.area7,
div.area8{
 width:98%;border-radius:5px;margin: 2px 0;padding:3px 0 0;
}
}
/*上メニュー*/


div.rankMenu{
padding-top:10px;
}

div.rankMenu > div:first-of-type > div{
background:#f0c083;border-radius:5px;margin:0px auto 10px; auto;
text-align:center;padding:10px 0px 5px 0px;font-size:16px;
}
div.MenuF{
display:inline-block;vertical-align:middle;margin-left:10px;
}
div.MenuF:after{
display:none;
}

div.MenuF p{
display:inline-block;width:120px;height:auto;margin-left:10px;vertical-align:middle;
}

div.wbox{
display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;padding-top:10px;margin-bottom:10px;
}
div.wbox.alw{
margin-bottom:0px;
}
div.wbox div{
width:100%;
}
div.wbox > div{
width:50%;padding:0px 5px;
}
div.wbox div.MenuF{
margin:0px;
}

div.wbox select{
width:56%;max-width:250px;
}
div.wbox div.rankMenu > div:first-of-type > div{
margin:0px auto;
}

div.wbox + .contents_title_f16,
div.rankMenu + .contents_title_f16{
margin-top:20px;
}


@media (max-width: 679px) {
div.MenuF{
width:100%;margin:0px;
}
div.MenuF > form{
display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
}
select.sel_rank{
width:70%;max-width:253px;
}
div.MenuF p{
width:26%;max-width:120px;
}
}
@media (max-width: 579px) {
div.wbox:not(.alw) > div{
width:100%;
}
}
/*ランキング*/
div.rank_inner{
border:1px solid rgba(250, 210, 203,1.0);padding:1%;background-color:rgba(0,0,30,0.5);box-shadow:#ACF 1px 1px 10px!important;
}

div.rankLastDay{
font-size:13px;text-align:right;padding:10px 10px 0px 0px;color:#fff;
}

div.rank_inner > ul.ranking > li > div.r_pc{
width:614px;height:94px;margin:0 auto 5px auto;text-align:left;color:#000;
background:url("../images/ranking/sheet_rank_std.png") no-repeat;
position:relative;
}

div.rank_inner > ul.ranking > li > div.r_pc > .rank{
width:52px;font-size:19px;color:#fff;font-weight:bold;text-align:center;
position:absolute;top:30px;left:3px;
}
div.rank_inner > ul.ranking > li > div.r_pc > .school{
width:190px;font-size:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;
position:absolute;top:35px;left:55px;
}
div.rank_inner > ul.ranking > li > div.r_pc > .area{
width:80px;height:24px;font-size:16px;text-align:center;padding:3px 0px 0px;
position:absolute;top:57px;left:110px;
}
div.rank_inner > ul.ranking > li > div.r_pc > .val{
width:104px;color:#fff;font-size:18px;text-align:center;
position:absolute;top:33px;left:245px;
}
div.rank_inner > ul.ranking > li > div.r_pc > .val.long{
font-size:14px;top:36px;
}
div.rank_inner > ul.ranking > li > div.r_pc > .detail_box{
position:absolute;top:5px;left:354px;width:175px;
}

div.rank_inner > ul.ranking > li > div.r_pc .title{
width:175px;color:#fff;font-size:11px;font-weight:bold;text-align:center;background:#3d256b;border-radius:8px;
}
div.rank_inner > ul.ranking > li > div.r_pc .qlv{
width:175px;font-size:11px;font-weight:bold;text-align:center;
/*position:absolute;top:20px;left:354px;*/
}
div.rank_inner > ul.ranking > li > div.r_pc .d_rank{
width:175px;font-size:13px;font-weight:bold;text-align:center;
/*position:absolute;top:35px;left:354px;*/
}
div.rank_inner > ul.ranking > li > div.r_pc .c_name{
width:175px;font-size:14px;color:#fff;text-align:center;
position:absolute;top:49px;left:354px;
}
div.rank_inner > ul.ranking > li > div.r_pc .name{
width:175px;font-size:14px;font-weight:bold;color:#330000;text-align:center;
position:absolute;top:66px;left:354px;
}
div.rank_inner > ul.ranking > li > div.r_pc > .chara{
width:74px;height:84px;position:absolute;right:2px;top:0px;
}

.r_pc{
display:block;
}
.r_sp{
display:none;
}
div.wbox .r_sp{
display:block;
}
@media (max-width: 679px) {
.r_pc{
display:none;
}
.r_sp{
display:block;
}
.contents_box a {
outline:none;color:#FFF;text-decoration:none;
}

div.rank_inner > ul.ranking > li > div.r_sp{
display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;
}
div.rank_inner > ul.ranking > li > div.r_sp > div:first-of-type{
width:100%;border-top:4px solid #fad2cb;border-bottom:1px solid #fad2cb;text-align:left;
color:#fff;background:#000;
}
div.rank_inner > ul.ranking > li > div.r_sp > div:nth-of-type(2){
width:80%;background:#9c1e23;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;
}
div.rank_inner > ul.ranking > li > div.r_sp > div:nth-of-type(3){
width:20%;text-align:center;
}
div.rank_inner > ul.ranking > li > div.r_sp > div:nth-of-type(4){
width:100%;color:#fff;text-align:right;padding:4px;
}

div.rank_inner > ul.ranking > li > div.r_sp .rank{
display:inline-block;vertical-align:top;padding-top:5px;padding-left: 5px;
font-size:20px;font-weight:bold;
}
div.rank_inner > ul.ranking > li > div.r_sp .name_box{
display:inline-block;font-size:16px;line-height:0.8;margin-left:10px;padding-bottom:10px;
}
div.rank_inner > ul.ranking > li > div.r_sp .c_name{
font-size:10px;line-height:16px;color:#fbff05;
}
div.rank_inner > ul.ranking > li > div.r_sp .val{
font-size:32px;color:#fff;margin:4px auto;text-align:left;border-bottom:1px solid #fefb78;width:98%;
}
div.rank_inner > ul.ranking > li > div.r_sp .qlv{
width:50%;color:#fedf14;font-size:15px;padding:0px 5px;
}
div.rank_inner > ul.ranking > li > div.r_sp .d_rank{
width:50%;color:#fedf14;font-size:15px;padding:0px 5px;text-align:right;
}
div.rank_inner > ul.ranking > li > div.r_sp .title{
width:50%;color:#fedf14;padding:0px 5px;
}
}

/*ページング*/
div.rankBox0{
text-align:center;margin-top:10px;
}
div.rankPagePrev{
width:68px;height:28px;background:url("../images/ranking/btn_page_prev.png") no-repeat;
vertical-align:top;display:inline-block;
}
div.rankPageNext{
width:68px;height:28px;margin-left:10px;background:url("../images/ranking/btn_page_next.png") no-repeat;
vertical-align:top;display:inline-block;
}
div.rankPage{
margin-left:10px;font-size:20px;text-align:center;vertical-align:top;display:inline-block;color:#ffffff;
}

div.rankPagePrev a{
display:block;width:68px;height:28px;background:url("../images/ranking/btn_page_prev.png") no-repeat;
}
div.rankPageNext a{
display:block;width:68px;height:28px;background:url("../images/ranking/btn_page_next.png") no-repeat;
}
div.rankPagePrev a:hover,
div.rankPageNext a:hover{
background-position:0px -28px;
}

div.link_box{
border-top:1px solid #ffea00;
}
div.link_box > ul{
display:flex;flex-wrap:wrap;justify-content:space-around;align-items:end;
}
div.link_box > ul:after{
display:none;
}
div.selbox{
max-width:300px;width:100%;color:#fff;border:1px solid #f00;text-align:center;padding:5px;
margin:15px auto 0px auto;background:#cc4848;       
}
div.selbox > div{
display:inline-block;vertical-align:middle;
}
div.selbox > div select{
height:20px;display:inline-block;vertical-align:middle;
}
div.selbox p{
width:120px;display:inline-block;vertical-align:middle;
}


div.rank_innner div.rankMenuS{
width:98%;margin:0px auto;
}


@media (max-width: 679px) {
div.rankBox0{
border-top:1px solid #ffea00;padding-top:5px;
}
.link_box .rankBox0{
border:none;
}
}