.main_box {
	display: flex;
	justify-content: center;
}
.disp_box_pc {
	width: 950px;
}
.content_box {
	margin: 0px;
}
.separate_box_r {
	width: 240px;
	margin: 0px 0px 0px 10px;
}
.separate_box_l {
	width: 690px;
	margin: 0px 10px 0px 0px;
}

.title_box {
	height:50px;
}

.disp {}
.disp_SP {display: none;}
.menu_disp{display: none;}

.no_data_box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  margin: 0px 0px 100px 0px;
}

.hidden{
  visibility: hidden;
}


.flex_r_n {flex-direction: row;}
.flex_r_r {flex-direction: row;}
.flex_c   {flex-direction: column;}
.flex_CR  {flex-direction: row;}
.flex_wrap{flex-wrap: wrap;}
.flex_CR_PS{flex-direction: row;}
.inline_top {vertical-align: bottom;}

.flex_box {display:flex;}
.flex_grow{flex:1;}
.float_box{float:left;}
.float_box_PS{float:none;}
.half_box {width: calc(50%);}
.left   {justify-content: left;}
.right  {justify-content: flex-end;}
.center {justify-content: center;}
.between{justify-content: space-between;}
.around {justify-content: space-around;}
.bottom {align-items: flex-end;}
.centerv{align-items: center;}
.betweenColumn {justify-content: space-between;}

.bg_c_violet {background: #43469c;}
.bg_c_green  {background: #1a854f;}
.bg_c_silver {background: #c0c0c0;}
.bg_c_red    {background: #ff0000;}
.bg_c_blue   {background: #0000ff;}
.bg_c_ce     {background: #00af82;}
.bg_c_pa     {background: #37b6d6;}
.bg_c_xl     {background: #404040;}
.bg_c_th     {background-color: #ebebeb !important;}
.bg_c_tr     {background-color: #f5f5f5;}
.bg_c_select {background: #ffffe0;}
.bg_c_white  {background: #ffffff;}
.bg_c_black  {background: #111;}
.bg_c_dgray  {background: #242424;}
.bg_c_orange {background: #ffa500;}
.bg_c_dblue  {background: #00008b;}
.bg_c_lemon  {background: #fffacd;}

.f_c_white   {color: #ffffff;}
.f_c_gray    {color: #808080;}
.f_c_dgray   {color: #696969;}
.f_c_red     {color: #ff0000;}
.f_c_blue    {color: #0000ff;}
.f_c_link_b  {color: #0d47a1 !important;}
.f_c_black   {color: #333;}
.bg_c_team_g  { background-color: rgb(255, 111, 0);}
.bg_c_team_t  { background-color: rgb(255, 234, 0);}
.bg_c_team_d  { background-color: rgb(25, 118, 210);}
.bg_c_team_de { background-color: rgb(33, 150, 243);}
.bg_c_team_c  { background-color: rgb(244, 67, 54);}
.bg_c_team_s  { background-color: rgb(76, 175, 80);}
.bg_c_team_h  { background-color: rgb(255, 215, 64);}
.bg_c_team_m  { background-color: rgb(189, 189, 189);}
.bg_c_team_l  { background-color: rgb(21, 101, 192);}
.bg_c_team_e  { background-color: rgb(211, 47, 47);}
.bg_c_team_f  { background-color: rgb(2, 119, 189);}
.bg_c_team_b  { background-color: rgb(63, 81, 181);}
.border_silver {background:#c0c0c0; height: 1px;}

.m_t1  {margin: 1px 0px 0px 0px;}
.m_r1  {margin: 0px 1px 0px 0px;}
.m_b1  {margin: 0px 0px 1px 0px;}
.m_l1  {margin: 0px 0px 0px 1px;}
.m_t3  {margin: 3px 0px 0px 0px;}
.m_r3  {margin: 0px 3px 0px 0px;}
.m_b3  {margin: 0px 0px 3px 0px;}
.m_l3  {margin: 0px 0px 0px 3px;}
.m_t5  {margin: 5px 0px 0px 0px;}
.m_r5  {margin: 0px 5px 0px 0px;}
.m_b5  {margin: 0px 0px 5px 0px;}
.m_l5  {margin: 0px 0px 0px 5px;}
.m_t10 {margin: 10px 0px 0px 0px;}
.m_r10 {margin: 0px 10px 0px 0px;}
.m_b10 {margin: 0px 0px 10px 0px;}
.m_l10 {margin: 0px 0px 0px 10px;}
.m_t15 {margin: 15px 0px 0px 0px;}
.m_r15 {margin: 0px 15px 0px 0px;}
.m_b15 {margin: 0px 0px 15px 0px;}
.m_l15 {margin: 0px 0px 0px 15px;}
.m_t30 {margin: 30px 0px 0px 0px;}
.m_b20 {margin: 0px 0px 20px 0px;}
.m_r20 {margin: 0px 20px 0px 0px;}
.m_b30 {margin: 0px 0px 30px 0px;}
.m_r30 {margin: 0px 30px 0px 0px;}
.m_b40 {margin: 0px 0px 40px 0px;}
.m_0   {margin: 0px !important;}
.m_5   {margin: 5px;}
.m_10  {margin: 10px;}
.m_15  {margin: 15px;}
.m_lr10{margin: 0px 10px 0px 10px;}
.m_footer_c {margin: 0px 20px 10px 0px;}
.m_rb15{margin: 0px 15px 15px 0px;}
.m_mb_20{margin: 0px 15px 0px 0px;}
.msp_r15{margin: 0px 15px 0px 0px;}
.msp_r30{margin: 0px 30px 0px 0px;}
.m_ad{margin: 10px 0px 10px 0px;}

.p_t5  {padding: 5px 0px 0px 0px;}
.p_r5  {padding: 0px 5px 0px 0px;}
.p_b5  {padding: 0px 0px 5px 0px;}
.p_l5  {padding: 0px 0px 0px 5px;}
.p_l35 {padding: 0px 5px 0px 35px;}
.p_l40 {padding: 0px 0px 0px 40px;}
.p_t10 {padding: 10px 0px 0px 0px;}
.p_r10 {padding: 0px 10px 0px 0px;}
.p_b10 {padding: 0px 0px 10px 0px;}
.p_l10 {padding: 0px 0px 0px 10px;}
.p_1   {padding: 1px;}
.p_2   {padding: 2px;}
.p_3   {padding: 3px;}
.p_4   {padding: 4px;}
.p_5   {padding: 5px;}
.p_10  {padding: 10px;}
.p_20  {padding: 20px;}
.p_lr5 {padding: 0px 5px 0px 5px;}
.p_lr10{padding: 0px 10px 0px 10px;}
.p_tb4lr10 {padding: 4px 10px 3px 10px;}
.p_tb2lr5  {padding: 2px 5px 2px 5px;}
.p_tb10lr6  {padding: 10px 6px 10px 6px;}
.p_tab_box { padding: 5px 5px 0px 5px;}

.mp0 {padding: 0px; margin: 0px;}

.th_s3p {width: calc(3%);}
.th_s5p {width: calc(5%);}
.th_s6p {width: calc(6%);}
.th_s7p {width: calc(7%);}
.th_s9p {width: calc(9%);}
.th_s21p {width: calc(21%);}
.tb_s100  {width: 100%;}
.div_s8p  {width: 8%;}
.div_s92p {width: 92%;}
.div_s80 {width: 80px;}
.menu_scroll {width: 100%;}
.league_box_s_top {}

.bg_i_g {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/G.png");
}
.bg_i_t {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/T.png");
}
.bg_i_d {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/D.png");
}
.bg_i_de {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/DB.png");
}
.bg_i_c {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/C.png");
}
.bg_i_s {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/S.png");
}
.bg_i_h {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/H.png");
}
.bg_i_m {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/M.png");
}
.bg_i_l {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/L.png");
}
.bg_i_e {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/E.png");
}
.bg_i_f {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/F.png");
}
.bg_i_b {
	background-size: 28px;
	background-position:top 50% left 5px;
	background-repeat:no-repeat;
	background-image:url("./img/Bs.png");
}

.bg_i_g2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/G.png");
}
.bg_i_t2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/T.png");
}
.bg_i_d2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/D.png");
}
.bg_i_de2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/DB.png");
}
.bg_i_c2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/C.png");
}
.bg_i_s2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/S.png");
}


.bg_i_h2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/H.png");
}
.bg_i_m2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/M.png");
}
.bg_i_l2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/L.png");
}
.bg_i_e2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/E.png");
}
.bg_i_f2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/F.png");
}
.bg_i_b2 {
	background-size: contain;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/Bs.png");
}

.bg_i_sort_default {
  height: 15px;
  width: 100%;
	background-size: 15px 6.25px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/sort_default.png");
}
.bg_i_sort_asc {
  height: 15px;
  width: 100%;
	background-size: 15px 6.25px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/sort_asc.png");
}
.bg_i_sort_desc {
  height: 15px;
  width: 100%;
	background-size: 15px 6.25px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/sort_desc.png");
}
.bg_i_sort_non {
  height: 15px;
  width: 100%;
}


.bg_s25 {background-size: 25px;}

.game_cal_link{
  margin: 0px 0px 0px 15px;
	font-weight: 700;
	font-size: 12px;
  align-items: center;
}
.game_box {
	border: 0.5px #c0c0c0 solid;
	padding: 5px 5px;
  color: #333;
}

.game_box_out {
	width: calc(33.3% - 10px);
}

.game_box_team {
	display: flex;
	height: 70px;
	width: 70px;
}
.game_box_score {
	display: flex;
	justify-content: center;
	align-items: center;
}
.game_box_score_h {
	display: flex;
	width: 25px;
	justify-content: center;
	align-items: center;
}
.game_box_bottom_h {
	padding: 0px 0px 0px 10px;
}
.game_box_bottom_v {
	padding: 0px 10px 0px 0px;
}

.logo {
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 32px;
}

.line1 {line-height: 1;}

.f_n10 {
	font-weight: 400;
	font-size: 10px;
}
.f_b10 {
	font-weight: 700;
	font-size: 10px;
}
.f_t12 {
	font-weight: 300;
	font-size: 12px;
}
.f_n12 {
	font-weight: 400;
	font-size: 12px;
}
.f_b12 {
	font-weight: 700;
	font-size: 12px;
}
.f_t14 {
	font-weight: 300;
	font-size: 14px;
}
.f_n14 {
	font-weight: 400;
	font-size: 14px;
}
.f_b14 {
	font-weight: 700;
	font-size: 14px;
}
.f_n16 {
	font-weight: 400;
	font-size: 16px;
}
.f_b16 {
	font-weight: 700;
	font-size: 16px;
}
.f_n24 {
	font-weight: 400;
	font-size: 24px;
}
.f_b24 {
	font-weight: 700;
	font-size: 24px;
}
.f_n32 {
	font-weight: 400;
	font-size: 32px;
}
.f_b32 {
	font-weight: 700;
	font-size: 32px;
}
.f_right_content {
	font-weight: 400;
	font-size: 12px;
}
.f_right_content_v {
	font-weight: 400;
	font-size: 14px;
}
.f_right_content_t {
	font-weight: 700;
	font-size: 16px;
}
.f_title {
	font-weight: 700;
	font-size: 16px;
}
.f_chartM {
	font-weight: 400;
	font-size: 14px;
}
.f_chartN {
	font-weight: 400;
	font-size: 12px;
}
.f_chartT {
	font-weight: 400;
	font-size: 14px;
}
.f_chartD {
	font-weight: 400;
	font-size: 14px;
}
.f_chartW {
	font-weight: 400;
	font-size: 12px;
}
.f_teamRank {
	font-weight: 400;
	font-size: 16px;
}
.f_teamRank_head {
	font-weight: 400;
	font-size: 12px;
}
.f_teamRank_name {
	font-weight: 400;
	font-size: 16px;
}
.f_footer_h {
	font-weight: 700;
	font-size: 14px;
}
.f_footer_p {
	font-weight: 300;
	font-size: 12px;
}
.f_link_top1 {
	font-weight: 400;
	font-size: 14px;
}
.f_link_top2 {
	font-weight: 700;
	font-size: 12px;
}
.f_nav_selected {
	font-weight: 700;
	font-size: 12px;
	color: #333;
	background: #fff;
}
.f_nav {
	font-weight: 400;
	font-size: 12px;
}
.f_nav_left {
	font-weight: 400;
	font-size: 14px;
}
.f_tab_selected {
	font-weight: 700;
	font-size: 14px;
  color: #333;
	background: #fff;
	padding: 4px 15px 4px 15px;
}
.f_tab_noselect {
	font-weight: 400;
	font-size: 14px;
	color: #696969;
	background: #ebebeb;
	padding: 4px 15px 4px 15px;
}
.f_form {
	font-weight: 400;
	font-size: 14px;
}
.f_filter_checkbox {
	font-weight: 400;
	font-size: 14px;
}
.f_b {font-weight: 700 !important;}
.f_bk {font-weight: 900 !important;}

.f_grid_player {
  font-weight: 700 !important;
  color: #0d47a1 !important;
  line-height: 16px;
}
.f_grid_team {
  font-weight: 700 !important;
  color: #0d47a1 !important;
  line-height: 16px;
}
.f_ranking_card {
  font-weight: 400;
  font-size: 12px;
}
.f_starting_mem {
  font-weight: 700;
  font-size: 12px;
}




.header1 {
	font-weight: 700;
	font-size: 16px;
}

.f_oswald {font-family: 'Oswald', 'Noto Sans JP', sans-serif; font-style: normal;}
.f_noto   {font-family: 'Noto Sans JP', sans-serif; font-style: normal;}
.f_dela   {font-family: "Dela Gothic One", sans-serif; font-weight: 400; font-style: normal;}
.f_df     {
  font-family: "YakuHanJPs","-apple-system","BlinkMacSystemFont","Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
}
.f_noto_os{font-family: 'Oswald', 'Noto Sans JP', sans-serif;}

.border_l {
	background: #000000;
	width: 50px;
	height: 2px;
}
.border_r {
	background: #dcdcdc;
	width: 100%;
	height: 2px;
}
.border_league {
	height: 4px;
}
.border_v {width: 4px;}

table{border-collapse: collapse;}
table, th, tr, td{border: 0.5px #e0e0e0 solid;}
td, th{padding: 5px 5px 5px 5px;}
td {text-align: right;}
tr {height: 38px;}
.noborder {border: 0px;}
.td_left{text-align: left;}
.td_right{text-align: right;}
.td_center{text-align: center;}
.th_p2 {padding: 0px 2px 0px 2px;}
.th_r_s1 {width: 17px;}
.th_r_s2 {width: 114px;}
.th_r_s3 {width: 25px;}
.td_s_160{width: 160px;}
.td_s_50 {width: 50px;}
.menu_left{padding: 0px 10px 0px 10px;}
.tr_h_chart {height: 38px;}
.td_s_12p {width: 30%;}
.td_s_88p {width: calc(100% - 50px);}
.flex_grow1{flex: 1; min-width: 0;}
.league_box_top{height: 16px;}

.checkbox_08 {
	transform:scale(1.0);
}


body{
	font-family: 'Noto Sans JP', sans-serif;
	color: #333;
	margin: 0px;
}
a {
	text-decoration: none;
}
a:link { color: #022eb0;}
a:hover { text-decoration: underline;}
a:hover.hover_noneUL { text-decoration: none;}

*:hover.hover_c_gray {
	color: #aeaeae;
	text-decoration: none;
}
*:hover.hover_c_blue {
	color: #022eb0;
	text-decoration: none;
}

.link_footer {
  text-decoration: none;
  color: #fff;
}
.link_footer:hover {
  text-decoration: underline;
}

.th_rank {
	padding: 5px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-weight: 700;
	font-size: 16px;
	background: #ebebeb;
	height: 140px;
	border: 0.5px #e0e0e0 solid;
	border-right-style: none;
	flex-direction: column;
	line-height: 1.1em;
}
.th_rank:hover {
  z-index: 999;
}

.th_rank_r{
	padding: 5px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-weight: 700;
	font-size: 16px;
	background: #ebebeb;
	height: 140px;
	border: 0.5px #e0e0e0 solid;
	flex-direction: column;
	line-height: 1.1em;
}
.th_rank_r:hover {
  z-index: 999;
}

.td_rank {
	padding: 5px 3px 5px 3px;
	display: flex;
  align-items: center;
	font-family: 'Oswald', 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 14px;
	border: 0.5px #e0e0e0 solid;
	border-top-style: none;
	border-right-style: none;
  height: 40px;
	line-height: 16px;
}
.td_rank_r {
	padding: 5px 3px 5px 3px;
	display: flex;
  align-items: center;
	font-family: 'Oswald', 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 14px;
	border: 0.5px #e0e0e0 solid;
	border-top-style: none;
  height: 40px;
	line-height: 16px;
}
.td_inbox {
  display: flex;
  
}
.shadow {
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.2);
}


.rank_area {
  display: flex;
  overflow: auto;
  white-space: nowrap;
  width: 100%;
  height: 600px;
  font-size: 0;
}

.td_w_m60 {}

.fixed_area {
  display: inline-block;
}
.fixed_height {
  display: inline-block;
  font-size: 0;
}
.border_r{
  border: 0.5px #e0e0e0 solid;
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
}

.fixed_tl{
  position: sticky;
  top: 0;
  left: 0;
  z-index: 800;
  &:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
  }
}
.fixed_t{
  position: sticky;
  top: 0;
  z-index: 500;
}
.fixed_l{
  position: sticky;
  left: 0;
  z-index: 800;
}


.fixed {
	position: fixed;
    top: 0;
	margin: auto;
    width: 950px;
	min-width: 0;
	z-index: 1000;
	font-family: 'Noto Sans JP', sans-serif;
}
.scroll {
	overflow: auto;
	white-space: nowrap;
}
.scroll_wrap {
	overflow: auto;
	white-space: wrap;
}
.scroll_disp {
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
.scroll_disp::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}

.scroll_disp_PS {
}
.scroll_disp_PS::-webkit-scrollbar {  /* Chrome, Safari 対応 */
}



.tooltip { /* 補足説明するテキストのスタイル */
  position: relative;
  cursor: pointer;
  padding: 0 5px;
  font-size: 10px;
  color: #1e90ff;
}
 
.description_top { /* ツールチップのスタイル */
  display: inline-block;
  width: 250px; /* 横幅 */
  position: absolute;
  left: 50%;
  top: 150%; /* Y軸の位置 */
  transform: translateX(-50%);
  margin-bottom: 8px; /* テキストとの距離 */
  padding: 15px;
  border-radius: 10px; /* 角の丸み */
  background-color: #fff;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  text-align: left;
  visibility: hidden; /* ツールチップを非表示に */
  opacity: 0; /* 不透明度を0％に */
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
  overflow-wrap: normal;
  white-space: normal;
  transition: 0.3s all;
}
 
.tooltip:hover .description_top { /* マウスオーバー時のスタイル */
  top: 150%; /* Y軸の位置 */
  visibility: visible; /* ツールチップを表示 */
  opacity: 1; /* 不透明度を100％に */
}

.description_top2_l { /* ツールチップのスタイル */
  display: inline-block;
  width: 250px; /* 横幅 */
  position: absolute;
  left: 50%;
  bottom: 80%; /* Y軸の位置 */
  transform: translateX(-50%);
  margin-bottom: 8px; /* テキストとの距離 */
  padding: 15px;
  border-radius: 10px; /* 角の丸み */
  background-color: #fff;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  text-align: left;
  visibility: hidden; /* ツールチップを非表示に */
  opacity: 0; /* 不透明度を0％に */
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
  overflow-wrap: normal;
  white-space: normal;
  transition: 0.3s all;
}
.description_top2_r { /* ツールチップのスタイル */
  display: inline-block;
  width: 250px; /* 横幅 */
  position: absolute;
  left: 50%;
  bottom: 80%; /* Y軸の位置 */
  transform: translateX(-50%);
  margin-bottom: 8px; /* テキストとの距離 */
  padding: 15px;
  border-radius: 10px; /* 角の丸み */
  background-color: #fff;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  text-align: left;
  visibility: hidden; /* ツールチップを非表示に */
  opacity: 0; /* 不透明度を0％に */
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
  overflow-wrap: normal;
  white-space: normal;
  transition: 0.3s all;
}

.tooltip:hover .description_top2_r { /* マウスオーバー時のスタイル */
  bottom: 100%; /* Y軸の位置 */
  visibility: visible; /* ツールチップを表示 */
  opacity: 1; /* 不透明度を100％に */
}
.tooltip:hover .description_top2_l { /* マウスオーバー時のスタイル */
  bottom: 100%; /* Y軸の位置 */
  visibility: visible; /* ツールチップを表示 */
  opacity: 1; /* 不透明度を100％に */
}
.nowrap {
	white-space: nowrap;
}
.wrap {
	white-space: normal;
}


.ranking_between {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.ranking_card {
  width: calc(25% - 12px);
  margin: 0px 0px 30px 0px;
}

.ranking_head {
  font-size: 14px;
  font-weight: 700;
  color: #333;
}

.ranking_content {
  display: flex;
}

.ranking_tr {
  display: flex;
}
.ranking_th {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1em;
  color: #333;
  background-color: #ebebeb;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  border: 0.5px #e0e0e0 solid;
  border-right-style: none;
  height: 50px;
  padding: 5px;
}

.ranking_td {
  font-size: 12px;
  color: #333;
  line-height: 25px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  border: 0.5px #e0e0e0 solid;
  border-top-style: none;
  border-right-style: none;
  height: 25px;
  padding: 5px;
  height: 25px;
}
.ranking_player {
  font-size: 12px;
  color: #333;
  line-height: 25px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  border: 0.5px #e0e0e0 solid;
  border-top-style: none;
  border-right-style: none;
  height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 3px 5px 40px;
  height: 25px;
}

.ranking_ave {
  font-size: 10px;
  font-weight: 400;
  color: #808080;
  text-align: right;
  padding: 0px 5px 0px 0px;
}


.ranking_footer {
  font-size: 12px;
  font-weight: 400;
  color: #696969;
  border: 0.5px #e0e0e0 solid;
  border-top-style: none;
  border-radius: 0px 0px 10px 10px;
  text-align: center;
  padding: 3px;
}
.ranking_footer:hover {
  background-color: #efefef;
  cursor: pointer;
}
.ranking_card input {
  display: none;
}
.ranking_hidden {
  height: 0;
  overflow: hidden;
  transition: height .3s ease-out;
}
.ranking_card input:checked ~ .ranking_hidden {
  height: 180px;
  opacity: 1;
}

.td_border_r {
  border-right-style: solid !important;
}
.td_border_b {
  border-bottom-style: solid !important;
}

.ranking_col1 {
  width: 10%;
}
.ranking_col2 {
  width: 60%;
}
.ranking_col3 {
  width: 18%;
}
.ranking_col4 {
  width: 12%;
}


.ranking_best_title {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.f_ranking_best_player {
  font-size: 14px;
  font-weight: 700;
  color: #333;
}

.ranking_score_area {
  display: flex;
  overflow: auto;
  white-space: nowrap;
  width: 100%;
}

.ranking_div1{
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  border: 0.5px #e0e0e0 solid;
  border-right-style: none;
  padding: 5px;
  background-color: #ebebeb;
}
.ranking_div2{
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  border: 0.5px #e0e0e0 solid;
  border-top-style: none;
  border-right-style: none;
  padding: 5px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  line-height: 1.3em;
  height: 39px;
}
.ranking_div2_b {
  font-size: 12px;
}

.ranking_note {
  font-size: 12px;
  font-weight: 400;
  color: #808080;
  text-align: left;
  margin: 0px 0px 20px 0px;
}

.ranking_p {
  font-size: 8px;
  font-weight: 400;
}

.ranking_link {
  font-size: 10px;
  font-weight:400;
  color: #696969;
}
.ranking_pn {
  font-size: 14px;
  font-weight:700;
  color: #333;
}


.game_detail_game_box {
  border: 0.5px #c0c0c0 solid;
  padding: 10px 10px;
  width: calc(35% - 22px);
}
.game_detail_score_column_t {
  display: flex;
  width: 25px;
  height: 25px;
  padding: 5px;
  border: 0.5px #e0e0e0 solid;
  border-right-style: none;
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.game_detail_score_column_tr {
  display: flex;
  width: 25px;
  height: 25px;
  padding: 5px;
  border: 0.5px #e0e0e0 solid;
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.game_detail_score_column_b {
  display: flex;
  width: 25px;
  height: 25px;
  padding: 5px;
  border: 0.5px #e0e0e0 solid;
  border-right-style: none;
  justify-content: center;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.game_detail_score_column_br {
  display: flex;
  width: 25px;
  height: 25px;
  padding: 5px;
  border: 0.5px #e0e0e0 solid;
  justify-content: center;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.game_detail_score_team_h {
  display: flex;
  width: 110px;
  height: 25px;
  padding: 5px;
  border: 0.5px #e0e0e0 solid;
  border-right-style: none;
  justify-content: left;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.game_detail_score_team_v {
  display: flex;
  width: 110px;
  height: 25px;
  padding: 5px;
  border: 0.5px #e0e0e0 solid;
  border-right-style: none;
  border-bottom-style: none;
  justify-content: left;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.game_detail_index_team {
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 0px 0px 5px 0px;
}
.game_detail_content_h {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 5px;
  background-color: #ebebeb;
}
.game_detail_content_SB {
  display: flex;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  height: 25px;
  white-space: nowrap;
  overflow: hidden;
}
.game_detail_content {
  display: flex;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  height: 25px;
  white-space: nowrap;
  overflow: hidden;
}
.game_detail_content_BP {
  display: flex;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 3px 5px 3px;
  height: 25px;
  white-space: nowrap;
  overflow: hidden;
}
.game_detail_content_player {
  display: flex;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  height: 25px;
  width: 95px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.game_detail_content_player_SB {
  display: flex;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  height: 25px;
  width: 95px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.game_detail_content_player_BP {
  display: flex;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  height: 25px;
  width: 75px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.game_detail_content_h_b {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 5px;
  background-color: #ebebeb;
  line-height: 1.2em;
  height: 75px;
}
.game_detail_player {
  font-size: 16px;
  font-weight:700;
  color: #0d47a1 !important;
}
.game_detail_player_throw {
  font-size: 16px;
  font-weight:400;
  color: #333 !important;
}
.game_detail_separate_box {
  width: 50%;
}

.player_detail_team_g {
  background-color: rgb(255, 111, 0);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/G.png");
}
.player_detail_team_t {
  background-color: rgb(255, 234, 0);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/T.png");
}
.player_detail_team_d {
  background-color: rgb(25, 118, 210);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/D.png");
}
.player_detail_team_de {
  background-color: rgb(33, 150, 243);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/DB.png");
}
.player_detail_team_c {
  background-color: rgb(244, 67, 54);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/C.png");
}
.player_detail_team_s {
  background-color: rgb(76, 175, 80);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/S.png");
}
.player_detail_team_h {
  background-color: rgb(255, 215, 64);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/H.png");
}
.player_detail_team_m {
  background-color: rgb(189, 189, 189);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/M.png");
}
.player_detail_team_l {
  background-color: rgb(21, 101, 192);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/L.png");
}
.player_detail_team_e {
  background-color: rgb(211, 47, 47);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/E.png");
}
.player_detail_team_f {
  background-color: rgb(2, 119, 189);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/F.png");
}
.player_detail_team_b {
  background-color: rgb(63, 81, 181);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 90px;
  margin: 0px 0px 15px 0px;
  width: calc(100% - 100px);
  height: 30px;
  background-size: 50px;
  background-position:top 50% left 20px;
  background-repeat:no-repeat;
  background-image:url("./img/Bs.png");
}
.player_detail_backnumber {
  height: 46px;
  width: 40px;
  padding: 10px;
  margin: 0px 20px 0px 0px;
}
.player_detail_bn_position {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  text-align: center;
  line-height: 1.1em;
}
.player_detail_bn_backnumber {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  text-align: center;
  line-height: 1.1em;
}
.player_detail_playername {
  display: flex;
  font-size: 45px;
  font-weight: 700;
  color: #333;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  text-align: left;
  align-items: center;
  line-height: 1em;
}
.player_detail_border {
  height: 2px;
  width: 100%;
}
.player_detail_content_h {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 5px;
  background-color: #ebebeb;
  line-height: 1.2em;
  height: 75px;
}
.player_detail_content_h {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 5px;
  background-color: #ebebeb;
  line-height: 1.2em;
  height: 75px;
}
.player_detail_content_h2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 5px;
  background-color: #ebebeb;
  line-height: 1.1em;
  height: 125px;
}
.player_detail_content {
  display: flex;
  height: 25px;
  padding: 5px;
  border: 0.5px #e0e0e0 solid;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.player_detail_content_l {
  display: flex;
  height: 26px;
  padding: 5px 7px 5px 7px;
  border: 0.5px #e0e0e0 solid;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  line-height: 1.1em;
  font-size: 14px;
  font-weight: 400;
}
.player_detail_content_team {
  display: flex;
  height: 32px;
  width: 70px;
  padding: 2px 7px 2px 7px;
  border: 0.5px #e0e0e0 solid;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  line-height: 1.1em;
  font-size: 12px;
  font-weight: 400;
}
.player_detail_content_box {
  width: 100%;
  height: 190px;
  margin:0px 0px 10px 0px;
}
.player_detail_content_box_l {
  width: 100%;
  height: 230px;
  margin:0px 0px 10px 0px;
}
.player_detail_content_box_s {
  width: 100%;
  height: 150px;
  margin:0px 0px 10px 0px;
}
.player_detail_content_box_day {
  width: 100%;
  margin:0px 0px 10px 0px;
}
.player_detail_comment {
  font-size: 10px;
  font-weight: 400;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  color: #696969;
}


.team_detail_content_h {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  background-color: #ebebeb;
  height: 25px;
}
.team_detail_content_h2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  background-color: #ebebeb;
  line-height: 1.1em;
  height: 95px;
}
.team_detail_content_h3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  background-color: #ebebeb;
  line-height: 1.1em;
  height: 120px;
}
.team_detail_content_h4 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px;
  background-color: #ebebeb;
  line-height: 1.1em;
  height: 135px;
}
.team_detail_content_h5 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px;
  background-color: #ebebeb;
  line-height: 1.1em;
  height: 135px;
}
.team_detail_content_box1 {
  margin:0px 0px 10px 0px;
}
.team_detail_content_box2 {
  margin:0px 0px 10px 0px;
}
.team_detail_content_box3 {
  margin:0px 0px 10px 0px;
}
.team_detail_content_box4 {
  margin:0px 0px 10px 0px;
}
.team_detail_content_box5 {
  margin:0px 0px 10px 0px;
}
.team_detail_content {
  display: flex;
  height: 25px;
  padding: 5px;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.team_detail_index {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  margin: 20px 0px 0px 0px;
}
.team_detail_link{
  font-size: 16px;
  font-weight: 400;
  color: #0d47a1;
  margin: 0px 0px 10px 0px;
}
.team_detail_rank_h {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 15px 5px 15px;
  background-color: #ebebeb;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team_detail_rank_player {
  display: flex;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 15px 5px 15px;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nowrap_el {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
.team_detail_rank_content {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 10px 5px 10px;
}
.team_detail_top_separate {
  width: 50%;
}
.team_detail_top_card_ce {
  border: 0.5px #e0e0e0 solid;
  margin: 10px 10px 0px 0px;
}
.team_detail_top_card_pa {
  border: 0.5px #e0e0e0 solid;
  margin: 10px 0px 0px 10px;
}
.team_detail_top_content {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  padding: 0px 0px 0px 20px;
}
.team_detail_top_teamname {
  font-size: 20px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
}
.team_detail_top_teamcolor {
  
}
.team_detail_top_g {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/G.png");
}
.team_detail_top_t {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/T.png");
}
.team_detail_top_d {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/D.png");
}
.team_detail_top_de {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/DB.png");
}
.team_detail_top_c {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/C.png");
}
.team_detail_top_s {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/S.png");
}
.team_detail_top_h {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/H.png");
}
.team_detail_top_m {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/M.png");
}
.team_detail_top_l {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/L.png");
}
.team_detail_top_e {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/E.png");
}
.team_detail_top_f {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/F.png");
}
.team_detail_top_b {
  width: 81px;
  height: 81px;
  background-size: 81px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/Bs.png");
}
.team_detail_top_belt {
  width: 10px;
}
.teamcolor_g {background-color: rgb(255, 111, 0);}
.teamcolor_t {background-color: rgb(255, 234, 0);}
.teamcolor_d {background-color: rgb(25, 118, 210);}
.teamcolor_de {background-color: rgb(33, 150, 243);}
.teamcolor_c {background-color: rgb(244, 67, 54);}
.teamcolor_s {background-color: rgb(76, 175, 80);}
.teamcolor_h {background-color: rgb(255, 215, 64);}
.teamcolor_m {background-color: rgb(189, 189, 189);}
.teamcolor_l {background-color: rgb(21, 101, 192);}
.teamcolor_e {background-color: rgb(211, 47, 47);}
.teamcolor_f {background-color: rgb(2, 119, 189);}
.teamcolor_b {background-color: rgb(63, 81, 181);}

.team_detail_player_h {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px;
  background-color: #ebebeb;
  line-height: 1.1em;
  height: 60px;
}
.team_detail_player_hl {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 7px;
  background-color: #ebebeb;
  line-height: 1.1em;
  height: 80px;
}
.team_detail_player_content {
  display: flex;
  height: 25px;
  padding: 5px;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  background-color: #fff;
}
.team_detail_player_comment {
  font-size: 12px;
  font-weight: 700;
  color: #333;
}
.team_detail_player_link {
  font-size: 12px;
  font-weight: 400;
}
.team_detail_day_h {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 5px;
  background-color: #ebebeb;
  line-height: 1.1em;
  height: 95px;
}
.team_detail_month_h{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 5px;
  background-color: #ebebeb;
  line-height: 1.1em;
  height: 123px;
}


.game_f_link{
  font-size: 12px;
  font-weight: 400;
}

.report_separate_box_r{
  margin: 0px 0px 0px 20px;
  width: 240px;
}
.report_separate_box_l{
  width: 690px;
}

.report_title{
  font-size: 20px;
  font-weight: 700;
  color: #333;
}

.report_img{
  max-width: 690px;
  height: auto;
  margin: 15px 0px 15px 0px;
}

.report_box{
  display: flex;
  width: 100%;
  height:120px;
  margin: 0px 0px 30px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report_img_box{
  width: 200px;
  height: 120px;
  margin: 0px 15px 0px 0px;
}
.report_thumb{
  width: 200px;
  height: 120px;
  object-fit: contain;
}
.report_top_title{
  font-size: 20px;
  font-weight: 700;
  color: #333;
}
.report_top_text{
  font-size: 14px;
  font-weight: 400;
  color: #696969;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report_top_date{
  font-size: 12px;
  font-weight: 400;
  color: #808080;
}

.report_top_next{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 35px;
  background: #4169e1;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.report_top_page_text{
  font-size: 14px;
  color: #333;
  font-weight: 400;
}


.index_report_title{
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index_report_date{
  font-size: 12px;
  font-weight: 400;
  color: #808080;
  margin: 0px 0px 5px 0px;
}


.player_detail_grid{
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  width: 50px;
  height: 62px;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  line-height: 1.2em;
}
.player_detail_grid_full{
  width: 100%;
  height: 100%;
}
.player_detail_grid_s{
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
}
.player_detail_grid_c1{
  color: #fff;
  font-weight: 700 !important;
  background: #dc143c;
}
.player_detail_grid_c2{
  color: #fff;
  font-weight: 700 !important;
  background: #f00;
}
.player_detail_grid_c3{
  color: #fff;
  font-weight: 700 !important;
  background: #ff4500;
}
.player_detail_grid_c4{
  color: #fff;
  font-weight: 700 !important;
  background: #ff6347;
}
.player_detail_grid_c5{
  font-weight: 400 !important;
  background: #d3d3d3;
}
.player_detail_grid_c6{
  color: #fff;
  font-weight: 700 !important;
  background: #a9a9a9;
}
.player_detail_grid_c7{
  color: #333;
  font-weight: 400 !important;
  background: #87ceeb;
}
.player_detail_grid_c8{
  color: #fff;
  font-weight: 700 !important;
  background: #0000ff;
}

.img_batter_l{
  width: 152.5px;
  height: 434px;
}
.img_batter_r{
  width: 152.5px;
  height: 434px;
  transform: scale(-1, 1);
}
.player_detail_more_ba{
  display: flex;
  height: 30px;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  padding: 5px 10px 5px 10px;
  white-space: nowrap;
}
.player_detail_more_th{
  display: flex;
  height: 70px;
  justify-content: center;
  align-items: flex-end;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  padding: 5px 10px 5px 10px;
  white-space: nowrap;
  line-height: 1.1em;
}
.player_detail_more_s{
  font-size: 12px;
  font-weight: 400;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  white-space: nowrap;
}
.player_detail_grid_comment{
  border: 0.5px #e0e0e0 solid;
  padding: 5px;
  width: 110px;
  white-space: nowrap;
  text-align: center;
}
.player_detail_grid_comment2{
  padding: 5px;
  white-space: nowrap;
  text-align: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
}
.player_detail_more_comment{
  font-size: 12px;
  font-weight: 400;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
}
.player_detail_more_heatmap_grid{
  width: 1.8px;
  height: 1.8px;
}
.player_detail_more_chart{
  width: 100%;
  height: 500px;
}

.player_detail_graph_chart{
  width: 100%;
}
.player_detail_graph_container{
  height: 350px;
  width: 100%;
}

.sp_rank_s_h{
  height: 60px;
}


.sp_rank_separate{
  width: 50%;
}
.sp_rank_t_cell{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 61.9px;
  height: 50px;
  padding: 2px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1em;
}
.sp_rank_t_cell_th{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 61.9px;
  height: 30px;
  padding: 2px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1em;
}
.sp_rank_t_cell_all{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 2px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1em;
}
.sp_rank_t_cell_all_th{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: 2px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1em;
}
.sp_rank_separate_margin_r{
  margin: 0px 10px 0px 0px;
}
.sp_rank_separate_margin_l{
  margin: 0px 0px 0px 10px;
}
.sp_rank_separate_margin_b{
  margin: 0px;
}
.sp_rank_cellbox_all{
  width: calc(100%/13);
}
.sp_rank_stats_cell{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  padding: 4px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1em;
  min-width: 28px;
}
.sp_rank_stats_teamname{
  height: 60.5px;
}
.sp_rank_stats_cell_th{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  padding: 0px 4px 0px 4px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1em;
  min-width: 28px;
}

.sp_rank_t_rank_canvas {
  width: 100%;
  height: 1000px;
}
.sp_rank_stats_cell_team_pad {
  padding: 4px 6px 4px 6px;
}
.sp_rank_content {
  display: flex;
  height: 25px;
  padding: 5px;
  border: 0.5px #e0e0e0 solid;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.team_detail_game_table{
  max-height: 650px;
}

.team_detail_score_div_col_team{
  background-color: #ebebeb;
  width: 40px;
}

.team_detail_score_div_col_sp{
  width: 120px;
  white-space: nowrap;
}
.team_detail_score_div_col_df{
  width: 30px;
}
.team_detail_score_head{
  font-weight: 700;
  font-size: 14px
}
.team_detail_score_cell{
  font-weight: 400;
  font-size: 16px
}
.team_detail_score_th{
  background-color: #ebebeb;
  font-weight: 700;
  font-size: 14px
}

.team_detail_score_sp_hidden{
  visibility: hidden;
  width: 0px;
  padding: 0px;
}
.team_detail_score_row_hidden{
  display:none;
  height: 0px;
  padding: 0px;
}
.team_detail_score_bg1{ background: #ffff00; }
.team_detail_score_bg2{ background: #fff000; }
.team_detail_score_bg3{ background: #ffe000; }
.team_detail_score_bg4{ background: #ffd000; }
.team_detail_score_bg5{ background: #ffc000; }

.team_detail_score_header{
  font-weight: 400;
  font-size: 14px
}



.description_top3_l { /* ツールチップのスタイル */
  display: inline-block;
  width: 250px; /* 横幅 */
  position: absolute;
  left: 50%;
  top: -80%; /* Y軸の位置 */
  transform: translateX(-100%);
  margin-bottom: 8px; /* テキストとの距離 */
  padding: 15px;
  border-radius: 10px; /* 角の丸み */
  background-color: #fff;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  text-align: left;
  visibility: hidden; /* ツールチップを非表示に */
  opacity: 0; /* 不透明度を0％に */
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
  overflow-wrap: normal;
  white-space: normal;
  transition: 0.3s all;
}
.description_top3_r { /* ツールチップのスタイル */
  display: inline-block;
  width: 250px; /* 横幅 */
  position: absolute;
  left: 50%;
  top: -80%; /* Y軸の位置 */
  transform: translateX(0%);
  margin-bottom: 8px; /* テキストとの距離 */
  padding: 15px;
  border-radius: 10px; /* 角の丸み */
  background-color: #fff;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  text-align: left;
  visibility: hidden; /* ツールチップを非表示に */
  opacity: 0; /* 不透明度を0％に */
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
  overflow-wrap: normal;
  white-space: normal;
  transition: 0.3s all;
}

.tooltip:hover .description_top3_r { /* マウスオーバー時のスタイル */
  top: -80%; /* Y軸の位置 */
  visibility: visible; /* ツールチップを表示 */
  opacity: 1; /* 不透明度を100％に */
}
.tooltip:hover .description_top3_l { /* マウスオーバー時のスタイル */
  top: -80%; /* Y軸の位置 */
  visibility: visible; /* ツールチップを表示 */
  opacity: 1; /* 不透明度を100％に */
}

.zindex:hover {
  z-index: 999;
}

.game_calendar_comment{
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  height: 100px;
  width: 100%;
}
.game_calendar_box{
  width: 80%;
}
.game_calendar_f_month{
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  color: #333;
}
.game_calendar_box_week{
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  box-sizing: border-box;
  height: 30px;
  width: calc(100% / 7);
}

.game_calendar_box_day{
  box-sizing: border-box;
  width: calc(100% / 7);
  padding: 3px;
  height: 135px;
}
.game_calendar_f_day{
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  color: #333;
}
.game_calendar_hv_border_h{
  height: 3px;
  background: #0000ff;
}
.game_calendar_hv_border_v{
  height: 3px;
}
.game_calendar_f_section{
  text-align: center;
  font-weight: 400;
  font-size: 10px;
  color: #333;
  line-height: 1.1em;
}
.game_calendar_f_vs{
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  color: #333;
}
.game_calendar_f_score{
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  color: #333;
}
.game_calendar_f_result{
  font-family: "Dela Gothic One", sans-serif; font-weight: 400; font-style: normal;
  text-align: center;
  font-size: 18px;
  color: #333;
}
.game_calendar_f_result_np{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  height: 26px;
  color: #333;
}
.game_calendar_f_pit{
  font-weight: 400;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  color: #333;
}
.game_calendar_f_pit_result{
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #333;
}
.game_calendar_f_stadium{
  text-align: center;
  font-weight: 400;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  color: #333;
}
.game_calendar_f_time{
  text-align: center;
  font-weight: 400;
  font-size: 10px;
  color: #333;
}

.border_t {
  border: 0.5px #e0e0e0 solid;
  border-right-style: none;
  border-bottom-style: none;
}
.border_tr {
  border: 0.5px #e0e0e0 solid;
  border-bottom-style: none;
}
.border_b {
  border: 0.5px #e0e0e0 solid;
  border-right-style: none;
}
.border_br {
  border: 0.5px #e0e0e0 solid;
}
.border_br2 {
  border: 0.5px #e0e0e0 solid;
  border-top-style: none;
  border-left-style: none;
}
.border_b_only {
  border: 0.5px #e0e0e0 solid;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
}
.border_t_only {
  border: 0.5px #e0e0e0 solid;
  border-bottom-style: none;
  border-right-style: none;
  border-left-style: none;
}
.border_r_only {
  border: 0.5px #e0e0e0 solid;
  border-bottom-style: none;
  border-top-style: none;
  border-left-style: none;
}
.border_tb_only {
  border: 0.5px #e0e0e0 solid;
  border-right-style: none;
  border-left-style: none;
}
.no_border{
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom-style: none;
}

.border_t_b {
  border: 2px #333 solid;
  border-right-style: none;
  border-bottom-style: none;
}
.border_tr_b {
  border: 2px #333 solid;
  border-bottom-style: none;
}
.border_b_b {
  border: 2px #333 solid;
  border-right-style: none;
}
.border_br_b {
  border: 2px #333 solid;
}

.border_l_b {
  border-color:#000 #e0e0e0 #000 #000;
  border-style: solid; border-width: 2.5px 0.5px 2px 2px;
  border-right-style: none;
}
.border_m_b {
  border-color:#000 #e0e0e0 #000 #e0e0e0;
  border-style: solid; border-width: 2.5px 0px 2px 0.5px;
  border-right-style: none;
}
.border_r_b {
  border-color:#000 #000 #000 #e0e0e0;
  border-style: solid; border-width: 2.5px 2px 2px 0.5px;
}
.border_r_only_b{
  border-color:#000 #000 #000 #e0e0e0;
  border-style: solid; border-width: 0px 2px 0px 0px;
}


.border_grid_b{
  border: 0.5px #e0e0e0 solid;
  border-top-style: none;
  border-right-style: none;
}
.border_grid_r{
  border: 0.5px #e0e0e0 solid;
  border-bottom-style: none;
  border-left-style: none;
}

.border_cell_th{
  border: 0.5px #e0e0e0 solid;
  border-right-style: none;
}
.border_cell_th_r{
  border: 0.5px #e0e0e0 solid;
}
.border_cell_td{
  border: 0.5px #e0e0e0 solid;
  border-right-style: none;
  border-top-style: none;
}
.border_cell_td_r{
  border: 0.5px #e0e0e0 solid;
  border-top-style: none;
}




.toppage_rank_cards{
  display: flex;
  flex-direction: column;
}
.toppage_rank_card{
  width: 100%;
}






.loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.spinner {
  width: 100px;
  height: 100px;
  margin: 40vh auto;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
/* ローディングアニメーション */
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(1.0);
    opacity: 0;
  }
}




.loader_pre{
  width: 0px;
  height: 0px;
  display: hidden;
}


.load_bg {
  top: -5px;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255,255,255,0.5);
  position: fixed;
  z-index: 9999;
}

.loader {
    width: 10em;
    height: 10em;
    font-size: 25px;
    box-sizing: border-box;
    border-top: 0.3em solid hotpink;
    border-radius: 50%;
    position: relative;
    animation: rotating 2s ease-in-out infinite;
    --direction: 1;
}

.loader::before,
.loader::after {
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    box-sizing: border-box;
    top: -0.2em;
}

.loader::before {
    border-top: 0.3em solid dodgerblue;
    transform: rotate(120deg);
}

.loader::after {
    border-top: 0.3em solid gold;
    transform: rotate(240deg);
}
.load_txt_1 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  text-shadow:
  0 1px #fff,
  1px 2px #fff,
  2px 3px #fff,
  3px 3px 3px #fff;
}
.load_txt_2 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 10000;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-shadow:
  0 1px #fff,
  1px 2px #fff,
  2px 3px #fff,
  3px 3px 3px #fff;
}

.load span {
    position: absolute;
    color: #333;
    width: inherit;
    height: inherit;
    text-align: center;
    line-height: 10em;
    font-family: sans-serif;
    animation: rotating 2s linear infinite;
    --direction: -1;
}

@keyframes rotating {
    50% {
        transform: rotate(calc(180deg * var(--direction)));
    }

    100% {
        transform: rotate(calc(360deg * var(--direction)));
    }
}