@charset "UTF-8";

.mgt-5 {
  margin-top: 5px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.fz11 {
  font-size: 11px !important;
}
.nodata_txt {
  padding: 10px;
  height: 200px;
}
.nodata_txt>p {
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-indent: 10px;
  color: #666;
}

/*----- media_guide -----*/

.txt-l {
  text-align: left !important;
}
.sub-title-headline {
  font-weight: bold;
  font-size: 15px;
  padding: 0 10px;
  margin: 30px 0 5px;
}
.xs-10-8 .swiper-wrapper .swiper-slide .tbl-stats tr > :first-child, .xs-10-7 .swiper-wrapper .swiper-slide .tbl-stats tr > :first-child, .xs-10-6 .swiper-wrapper .swiper-slide .tbl-stats tr > :first-child, .xs-9-6 .swiper-wrapper .swiper-slide .tbl-stats tr > :first-child, .xs-7-4 .swiper-wrapper .swiper-slide .tbl-stats tr > :first-child, .xs-6-4 .swiper-wrapper .swiper-slide .tbl-stats tr > :first-child, .xs-5-4 .swiper-wrapper .swiper-slide .tbl-stats tr > :first-child, .xs-4-3 .swiper-wrapper .swiper-slide .tbl-stats tr > :first-child, {
  display: none;
}
.xs-10-8 .swiper-wrapper .swiper-slide .tbl-stats tr > :nth-child(2), .xs-10-7 .swiper-wrapper .swiper-slide .tbl-stats tr > :nth-child(2), .xs-10-6 .swiper-wrapper .swiper-slide .tbl-stats tr > :nth-child(2), .xs-9-6 .swiper-wrapper .swiper-slide .tbl-stats tr > :nth-child(2), .xs-7-4 .swiper-wrapper .swiper-slide .tbl-stats tr > :nth-child(2), .xs-6-4 .swiper-wrapper .swiper-slide .tbl-stats tr > :nth-child(2), .xs-5-4 .swiper-wrapper .swiper-slide .tbl-stats tr > :nth-child(2), .xs-4-3 .swiper-wrapper .swiper-slide .tbl-stats tr > :nth-child(2) {
  display: table-cell;
}
.xs-7-4 .swiper-wrapper .swiper-slide .tbl-stats tr > :first-child,
.xs-9-6 .swiper-wrapper .swiper-slide .tbl-stats tr > :first-child {
  display: table-cell;
}
.xs-7-3 table tr > :first-child,
.xs-9-3 table tr > :first-child {
  padding-left: 0px;
}
.xs-7-3 table tr td,
.xs-9-3 table tr td {
  font-size: 12px;
  padding-left: 0px;
}
.xs-7-3 table .th-sort tr > :first-child > a,
.xs-9-3 table .th-sort tr > :first-child > a {
  padding-left: 8px;
}
.xs-7-3 table .th-sort tr > :first-child > span,
.xs-9-3 table .th-sort tr > :first-child > span {
  padding-left: 8px;
}
.xs-7-4 table tr td span {
  font-size: 12px;
}
.tbl-stats tbody td:not([class^="t-"]) {
  text-align: center;
}
.tbl-stats .borderline td[class="tbl-order"] {
  text-align: center !important;
  padding: 0 4px;
}
.tbl-stats .borderline td[class="tbl-order"] + .tal > span {
  font-size: 12px;
}
.tbl-stats .borderline td:first-child {
  font-size: 11px;
  padding-left: 8px;
}
.opp_tbl .swiper-wrapper .swiper-slide .tbl-stats tr > :first-child {
  display: none;
}
.opp_tbl .swiper-wrapper .swiper-slide .tbl-stats tr > :nth-child(2) {
  display: none;
}
.vs_tbl .th-sort tr th span {
  border-width: 1px;
  padding: 10px 5px;
}
.vs_tbl .th-sort tr:first-child th span {
  height: auto !important;
  font-weight: bold;
}
.vs_tbl .borderline tr td,
.gamedata_vs_tbl .borderline tr td {
  font-size: 11px !important;
  padding: 8px 0;
}
.vs_tbl .borderline tr td[class="tac bdl"] {
  padding-left: 0;
}
.vs_tbl .bdl,
.gamedata_vs_tbl .bdl {
  border-left: 1px solid #ddd;
}
.mg_another_team_list {
  margin-top: -10px;
  margin-bottom: -10px;
}
.mg_another_team_list [class*="list-buttons-"] .wrap > div {
  margin: 0;
}
.mg_another_team_list .list-arrows a.item:after {
  right: 5px;
  top: 37%;
  font-size: 22px;
}
.mg_another_team_list .list-arrows .item {
  padding: 10px 16px;
}
.mg_another_team_list .list-arrows .item .item-title {
  font-size: 14px;
  font-weight: normal;
}
.records-tbl table {
  margin-bottom: 10px;
  font-size: 11px;
}
.records-tbl table thead tr th {
  width: 33.3333%;
}
.records-tbl table thead tr:first-child th span {
  margin-bottom: -10px;
}
.records-tbl table tbody tr td {
  width: 33.3333%;
}
.records-tbl .th-sort th > span {
  border-width: 1px;
  padding: 15px 0;
}
.hitting_hr_tbl .tbl-stats .th-sort tr th {
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 10px 0;
  border-width: 2px;
}
.hitting_hr_tbl .tbl-stats .th-sort tr:nth-of-type(2) th:first-child:after {
  content: '';
  position: absolute;
  left: 0;
  top: -2px;
  border-top: 2px solid #f5f5f5;
  width: 100%;
}
.hitting_hr_tbl .borderline tr td:first-child {
  text-align: left !important;
}
div[class="xs-10-5 box-tbl-stats-name"] .tbl-stats tbody tr > :last-child {
  padding-left: 8px;
}
div[class="t_unit to"] .title-headline {
  padding-bottom: 0;
}
.gamedata_vs_tbl tr td {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.battle_tbl .borderline th:first-child,
.battle_tbl .borderline td:first-child {
  padding: 8px;
}
.battle_tbl .borderline td>span,
.battle_issue_tbl .borderline td>span {
  display: block;
  margin: 6px 0;
}
.battle_tbl .win_loss,
.battle_issue_tbl .win_loss {
  margin-left: -8px;
  padding-right: 2px;
}
.battle_tbl .tbl-stats .th-sort tr th:first-child span {
  padding-left: 4px;
}
/*----- gamedata -----*/

.gamedata_select {
  padding: 5px 16px;
  background-color: #f5f5f5;
}
.gamedata_select .select-holder {
  margin: 10px 0;
}
.gamedata_select .select-holder:after {
  content: "\f104";
}
.gamedata_select select {
  height: 40px;
}
.gamedata_list .m_team,
.gamedata_list .vs,
.gamedata_list .e_team {
  display: block;
  line-height: 1.3;
}
.gamedata_list .vs {
  text-indent: 14px;
}
.print_head {
  display: none;
}
.exchange {
  margin: 0 2px 0 -4px !important;
  display: inline !important;
  font-size: 12px;
}
.hand {
  margin: 0 3px 0 -5px;
}
.notes {
  margin-top: 10px;
  font-size: 10px;
}
.gamedata_vs_tbl .th-sort tr th span {
  border-width: 1px;
}
.gamedata_vs_tbl .th-sort tr:last-child th span {
  height: 0 !important;
}
.gamedata_vs_tbl .th-sort tr>:first-child>span {
  padding-left: 4px;
}
.gamedata_vs_tbl .borderline tr>:first-child {
  padding-left: 0;
}
.battle_tbl .borderline th:first-child,
.battle_tbl .borderline td:first-child {
  padding: 8px;
}
.battle_issue_tbl .box-tbl-stats-name .tbl-stats tbody tr>:last-child {
  padding-right: 8px !important;
}
.battle_issue_tbl .swiper-slide .borderline tr:last-child td:first-child,
.battle_issue_tbl .swiper-slide .borderline tr:last-child td:nth-of-type(2) {
  display: table-cell;
}
.pc_home_visitor {
  display: none;
}
.sp_home_visitor span {
  display: block;
  font-size: 10px;
  padding-left: 10px;
}
.battle_issue_tbl .tbl-stats .th-sort tr:nth-of-type(3) th:first-child,
.battle_issue_tbl .tbl-stats .th-sort tr:nth-of-type(3) th:nth-of-type(2),
.battle_issue_tbl .tbl-stats .borderline tr:first-child td:first-child,
.battle_issue_tbl .tbl-stats .borderline tr:first-child td:nth-of-type(2) {
  display: table-cell;
}
.battle_issue_tbl .box-tbl-stats-data .swiper-container:before {
  box-shadow: none;
}
.battle_tbl .box-tbl-stats-data .tbl-stats tr>:nth-child(-n+2) {
  display: table-cell;
}

/*sp チケット開閉用*/
#toggleTicket{
  position: relative;
}
#toggleTicket::after,
#toggleTicket::before{
  content: '';
  height: 15px;
  width: 1px;
  background-color: #999;
  display: block;
  position: absolute;
  right: 20px;
  top: auto;
  bottom: auto;
  transition: all 700ms 0s ease;
}
#toggleTicket::after{
  transform: rotate(0deg);
}
#toggleTicket::before{
  transform: rotate(90deg);
}
#toggleTicket.is-show{
  box-shadow: 0px 5px 10px #4e4e4eaa;
}
#toggleTicket.is-show::after{
  transform: rotate(225deg);
}
#toggleTicket.is-show::before{
  transform: rotate(-225deg);
}
.menu-accordion-panel{
  /* display: none; */
  visibility: hidden;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 700ms 0s ease;
  background: #27489333;
}
.menu-accordion-panel.is-show{
  /* display: block; */
  visibility: visible;
  opacity: 1;
  height: auto;
  overflow: auto;
  padding: 1rem;
}
.menu-accordion-panel p a{
  background-color: #243d8c;
  margin: 10px 0;
  color: #fafafa;
  padding: 0.5rem 1rem;
  display: block;
  position: relative;
}
.menu-accordion-panel p a::before,
.menu-accordion-panel p a::after{
  content: '';
  height: 15px;
  width: 1px;
  background-color: #fff;
  display: block;
  position: absolute;
  right: 20px;
}
.menu-accordion-panel p a::before{
  transform: rotate(-45deg);
  bottom: calc( 50% - 2px );
}
.menu-accordion-panel p a::after{
  transform: rotate(45deg);
  top: calc( 50% - 2px );
}