@media screen and (max-width: 950px) {

.main_box {
	display: flex;
	justify-content: center;
	width: 100%;
	overflow: hidden;
}
.disp_box_pc {
	width: 100%;
	overflow: hidden;
}
.content_box {
	margin: 8px;
}
.separate_box_r {
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.separate_box_l {
	width: 100%;
	margin: 0px 10px 0px 0px;
}

.title_box {
	height:50px;
}

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

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

.flex_box {display:flex;}
.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 {flex-direction: column;}

.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_th     {background: #ebebeb;}
.bg_c_tr     {background: #fafafa;}
.bg_c_white  {background: #ffffff;}
.bg_c_black  {background: #111;}
.bg_c_dgray  {background: #242424;}
.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;}
.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_b20 {margin: 0px 0px 20px 0px;}
.m_b30 {margin: 0px 0px 30px 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 15px 10px 0px;}
.m_mb_20{margin: 0px 0px 20px 0px;}
.msp_r15{margin: 0px 0px 0px 0px;}
.msp_r30{margin: 0px 0px 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 {}
.league_box_s_top {width:100%;}

.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: 10px;
  width: 100%;
	background-size: 10px 4.2px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/sort_default.png");
}
.bg_i_sort_asc {
  height: 10px;
  width: 100%;
	background-size: 10px 4.2px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/sort_asc.png");
}
.bg_i_sort_desc {
  height: 10px;
  width: 100%;
	background-size: 10px 4.2px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("./img/sort_desc.png");
}
.bg_i_sort_non {
  height: 10px;
  width: 100%;
}


.bg_s25 {background-size: 25px;}

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

.game_box_out {
	width: 100%;
}

.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: 15px;
}
.f_b10 {
	font-weight: 700;
	font-size: 15px;
}
.f_t12 {
	font-weight: 300;
	font-size: 18px;
}
.f_n12 {
	font-weight: 400;
	font-size: 18px;
}
.f_b12 {
	font-weight: 700;
	font-size: 18px;
}
.f_t14 {
	font-weight: 300;
	font-size: 21px;
}
.f_n14 {
	font-weight: 400;
	font-size: 21px;
}
.f_b14 {
	font-weight: 700;
	font-size: 21px;
}
.f_n16 {
	font-weight: 400;
	font-size: 24px;
}
.f_b16 {
	font-weight: 700;
	font-size: 24px;
}
.f_n24 {
	font-weight: 400;
	font-size: 36px;
}
.f_b24 {
	font-weight: 700;
	font-size: 36px;
}
.f_n32 {
	font-weight: 400;
	font-size: 48px;
}
.f_b32 {
	font-weight: 700;
	font-size: 48px;
}
.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: 16x;
}
.f_title {
	font-weight: 700;
	font-size: 16px;
}
.f_chartM {
	font-weight: 400;
	font-size: 10px;
}
.f_chartN {
	font-weight: 700;
	font-size: 8px;
}
.f_chartT {
	font-weight: 400;
	font-size: 9px;
}
.f_chartD {
	font-weight: 400;
	font-size: 10px;
}
.f_chartW {
	font-weight: 400;
	font-size: 8px;
}
.f_teamRank {
	font-weight: 400;
	font-size: 14px;
}
.f_teamRank_head {
	font-weight: 400;
	font-size: 14px;
}
.f_teamRank_name {
	font-weight: 400;
	font-size: 12px;
}
.f_footer_h {
	font-weight: 700;
	font-size: 10px;
}
.f_footer_p {
	font-weight: 300;
	font-size: 8px;
}
.f_link_top1 {
	font-weight: 400;
	font-size: 12px;
}
.f_link_top2 {
	font-weight: 700;
	font-size: 12px;
}
.f_nav_selected {
	font-weight: 700;
	font-size: 14px;
	color: #333;
	background: #fff;
}
.f_nav {
	font-weight: 400;
	font-size: 14px;
}
.f_nav_left {
	font-weight: 400;
	font-size: 16px;
}
.f_tab_selected {
	font-weight: 700;
	font-size: 18px;
  color: #333;
	background: #fff;
	padding: 4px 15px 4px 15px;
}
.f_tab_noselect {
	font-weight: 400;
	font-size: 18px;
	color: #696969;
	background: #ebebeb;
	padding: 4px 15px 4px 15px;
}
.f_form {
	font-weight: 400;
	font-size: 14px;
}
.f_b {font-weight: 700 !important;}
.f_ranking_card {
  font-weight: 400;
  font-size: 12px;
}
.f_starting_mem {
  font-weight: 700;
  font-size: 16px;
}


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

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

.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: 120px;}
.td_s_50 {width: 35px;}
.menu_left{padding: 0px 6px 0px 6px;}
.tr_h_chart {height: 20px;}
.td_s_12p {width: 30%;}
.td_s_88p {width: calc(100% - 50px);}
.flex_grow1{flex: 1; min-width: 0;}
.league_box_top{height: 26px;}

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

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

.td_rank {
	padding: 5px;
	display: flex;
	font-family: 'Oswald', 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 10px;
	border: 0.5px #e0e0e0 solid;
	border-top-style: none;
	border-right-style: none;
	white-space: nowrap;
  height: 40px;
}
.td_rank_r {
	padding: 5px;
	display: flex;
	font-family: 'Oswald', 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 10px;
	border: 0.5px #e0e0e0 solid;
	border-top-style: none;
	white-space: nowrap;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.td_w_m60 {
  max-width: 60px;
  }

.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_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: 100%;
	min-width: 0;
	z-index: 1000;
	font-family: 'Noto Sans JP', sans-serif;
}
.scroll {
	overflow: auto;
	white-space: nowrap;
}
.scroll_disp {
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
.scroll_disp::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}

.scroll_disp_PS {
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
.scroll_disp_PS::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}

.description_top2_l { /* ツールチップのスタイル */
  display: inline-block;
  width: 250px; /* 横幅 */
  position: absolute;
  left: 50%;
  bottom: 80%; /* Y軸の位置 */
  transform: translateX(-55%);
  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(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_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;
}


.ranking_card {
  width: calc(50% - 9px);
  margin: 0px 0px 20px 0px;
}

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

.ranking_th {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 10px;
  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: 10px;
  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: 10px;
  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: 10px;
  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;
}

.td_border_r {
  border-right-style: solid;
}

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

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

.ranking_note {
  font-size: 10px;
  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: 8px;
  font-weight:400;
  color: #696969;
}

.game_detail_game_box {
  border: 0.5px #c0c0c0 solid;
  padding: 10px 10px;
  width: calc(100% - 21px);
}
.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_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: 100%;
  margin: 0px 0px 15px 0px;
}
.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: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team_detail_top_teamname {
  display: flex;
  justify-content: left;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  height: 45px;
  line-height:1.2em;
}
.team_detail_top_content {
  font-size: 12px;
  font-weight: 400;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  padding: 0px 0px 0px 5px;
}
.team_detail_top_g {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/G.png");
}
.team_detail_top_t {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/T.png");
}
.team_detail_top_d {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/D.png");
}
.team_detail_top_de {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/DB.png");
}
.team_detail_top_c {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/C.png");
}
.team_detail_top_s {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/S.png");
}
.team_detail_top_h {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/H.png");
}
.team_detail_top_m {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/M.png");
}
.team_detail_top_l {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/L.png");
}
.team_detail_top_e {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/E.png");
}
.team_detail_top_f {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/F.png");
}
.team_detail_top_b {
  width: 55px;
  height: 55px;
  background-size: 55px;
  background-position:top 50% left 50%;
  background-repeat:no-repeat;
  background-image:url("./img/Bs.png");
}


.report_separate_box_r{
  display: none;
}
.report_separate_box_l{
  width: 100%;
}

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

.report_img{
  max-width: 100%;
  object-fit: contain;
  margin: 15px 0px 15px 0px;
}

.report_box{
  display: flex;
  width: 100%;
  margin: 0px 0px 30px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report_img_box{
  width: 100px;
  height: 60px;
  margin: 0px 15px 0px 0px;
}
.report_thumb{
  width: 100px;
  height: 60px;
  object-fit: contain;
}
.report_top_title{
  font-size: 16px;
  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;
}

.player_detail_grid{
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  line-height: 1.2em;
  padding:2px;
}
.player_detail_grid_full{
  width: 100%;
  height: 100%;
}
.player_detail_grid_s{
  text-align: center;
  white-space: nowrap;
  font-size: 10px;
}
.player_detail_grid_c1{
  color: #fff;
  font-weight: 700;
  background: #dc143c;
}
.player_detail_grid_c2{
  color: #fff;
  font-weight: 700;
  background: #f00;
}
.player_detail_grid_c3{
  color: #fff;
  font-weight: 700;
  background: #ff4500;
}
.player_detail_grid_c4{
  color: #fff;
  font-weight: 700;
  background: #ff6347;
}
.player_detail_grid_c5{
  font-weight: 400;
  background: #d3d3d3;
}
.player_detail_grid_c6{
  color: #fff;
  font-weight: 400;
  background: #a9a9a9;
}
.img_batter_l{
  width: 100px;
  height: 284.5px;
}
.img_batter_r{
  width: 100px;
  height: 284.5px;
  transform: scale(-1, 1);
}
.player_detail_more_ba{
  display: flex;
  height: 32px;
  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_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.5px;
  height: 1.5px;
}

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

.player_detail_content_l {
  display: flex;
  height: 20px;
  padding: 3px;
  border: 0.5px #e0e0e0 solid;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  line-height: 1.1em;
  font-size: 10px;
  font-weight: 400;
}



.toppage_rank_cards{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.toppage_rank_card{
  width: calc(50% - 9px);
}

.sp_rank_separate{
  width: 100%;
}
.sp_rank_t_cell{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc((100% - 28px)/7);
  height: 50px;
  padding: 2px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.1em;
}
.sp_rank_t_cell_th{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc((100% - 28px)/7);
  height: 30px;
  padding: 2px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 11px;
  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: 11px;
  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: 11px;
  font-weight: 400;
  line-height: 1.1em;
}
.sp_rank_separate_margin_r{
  margin: 0px;
}
.sp_rank_separate_margin_l{
  margin: 0px;
}
.sp_rank_separate_margin_b{
  margin: 0px 0px 20px 0px;
}
.sp_rank_cellbox_all{
  flex-shrink: 0;
  width: calc(100%/7);
}

#canvas .sp_rank_t_rank_canvas {
  width: 100%;
  height: 500px;
}

.sp_rank_stats_cell{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding: 2px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.1em;
  min-width: 9px;
}
.sp_rank_stats_teamname{
  height: 48.5px;
}
.sp_rank_stats_cell_th{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding: 0px 2px 0px 2px;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.1em;
  min-width: 9px;
}
.sp_rank_content {
  display: flex;
  height: 25px;
  padding: 2px;
  border: 0.5px #e0e0e0 solid;
  align-items: center;
  font-family: 'Oswald', 'Noto Sans JP', sans-serif;
  font-size: 9px;
  font-weight: 400;
}
.sp_rank_stats_cell_team_pad {
  padding: 2px;
}

.game_calendar_comment{
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  height: 50px;
  width: 100%;
}

.game_calendar_box{
  width: 100%;
}
.game_calendar_f_month{
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  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);
    padding: 2px;
}

.game_calendar_box_day{
  box-sizing: border-box;
  width: calc(100% / 7);
  padding: 2px;
  height: 103px;
}
.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: 6px;
  color: #333;
  line-height: 1.1em;
}
.game_calendar_f_vs{
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  color: #333;
}
.game_calendar_f_score{
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #333;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1em;
}
.game_calendar_f_result{
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Dela Gothic One", sans-serif; font-weight: 400; font-style: normal;
  font-size: 18px;
  color: #333;
  line-height: 1.1em;
}
.game_calendar_f_result_np{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  height: 20px;
  color: #333;
}
.game_calendar_f_pit{
  font-weight: 400;
  font-size: 8px;
  white-space: nowrap;
  overflow: hidden;
  color: #333;
  line-height: 1.1em;
}
.game_calendar_f_pit_result{
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-size: 8px;
  color: #333;
  line-height: 1.1em;
}
.game_calendar_f_stadium{
  text-align: center;
  font-weight: 400;
  font-size: 8px;
  white-space: nowrap;
  overflow: hidden;
  color: #333;
  line-height: 1.1em;
}
.game_calendar_f_time{
  text-align: center;
  font-weight: 400;
  font-size: 8px;
  color: #333;
  line-height: 1.1em;
}

.team_detail_game_table{
  max-height: initial;
}


}

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