@charset "UTF-8";
/***** iPhone landscape view CSS (600px) *****/
/*max-device-width*/
@media only screen and (max-width: 600px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  html body {
    min-width: 0;
  }
  .league_tabs, .contents_top, .contents_body, .main_contents_body, .inner, #breadcrumb_list ul {
    margin: 10px 0;
    width: auto;
  }
  .contents_body, .main_contents_body {
    padding: 10px;
  }
  /* =================================================
    parts
  ================================================= */
  img {
    max-width: 100%;
  }
  /* form */
  input, select {
    font-size: 16px;
    font-size: 1.6rem;
    max-width: 100%;
  }
  textarea {
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
  }
  select {
    padding: 5px;
  }
  .half {
    width: 100% !important;
    margin: 5px 0;
  }
  /* =================================================
    title
  ================================================= */
  .title_lv1 {
    padding: 10px 0;
  }
  .title_lv1 h2 {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .title_lv1 .inner .select_area {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 20px;
    text-align: center;
  }
  .title_lv2, .team-schedule_title {
    font-size: 20px;
    font-size: 2rem;
  }
  .title_lv2:after, .team-schedule_title:after {
    bottom: -2px;
  }
  .title_lv2 em + em, .team-schedule_title em + em {
    margin: 10px 0;
  }
  .team-schedule_title h2 {
    font-size: 20px;
    font-size: 2rem;
  }
  .title_lv3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* =================================================
    table
  ================================================= */
  .team-color-table:not(.default), .large-table, .scrollable {
    box-sizing: border-box;
    clear: both;
    overflow: auto;
    margin-bottom: 20px;
  }
  .team-color-table:not(.default) table, .large-table table, .scrollable table {
    min-width: 600px;
  }
  .team-color-table:not(.default) table td, .large-table table td, .scrollable table td {
    background-color: #fff;
  }
  .team-color-table:not(.default) table img, .large-table table img, .scrollable table img {
    height: auto;
  }
  .team-color-table:not(.default)::-webkit-scrollbar, .large-table::-webkit-scrollbar, .scrollable::-webkit-scrollbar {
    height: 10px;
  }
  .team-color-table:not(.default)::-webkit-scrollbar-track, .large-table::-webkit-scrollbar-track, .scrollable::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #ccc;
    border-radius: 5px;
  }
  .team-color-table:not(.default)::-webkit-scrollbar-thumb, .large-table::-webkit-scrollbar-thumb, .scrollable::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }
  /* =================================================
    tab
  ================================================= */
  .league_tabs .ui-tabs-nav, .league_tabs .p-by-p_tabs, .schedule_result_tabs .ui-tabs-nav, .schedule_result_tabs .p-by-p_tabs, .default_tabs .ui-tabs-nav, .default_tabs .p-by-p_tabs {
    background-color: #eee;
    padding: 5px;
  }
  .league_tabs .ui-tabs-nav:after, .league_tabs .p-by-p_tabs:after, .schedule_result_tabs .ui-tabs-nav:after, .schedule_result_tabs .p-by-p_tabs:after, .default_tabs .ui-tabs-nav:after, .default_tabs .p-by-p_tabs:after {
    border-bottom: none;
  }
  .league_tabs .ui-tabs-nav li, .league_tabs .p-by-p_tabs li, .schedule_result_tabs .ui-tabs-nav li, .schedule_result_tabs .p-by-p_tabs li, .default_tabs .ui-tabs-nav li, .default_tabs .p-by-p_tabs li {
    width: calc(50% - 4px);
    margin: 0;
    vertical-align: top;
  }
  .league_tabs .ui-tabs-nav li a, .league_tabs .ui-tabs-nav li span, .league_tabs .p-by-p_tabs li a, .league_tabs .p-by-p_tabs li span, .schedule_result_tabs .ui-tabs-nav li a, .schedule_result_tabs .ui-tabs-nav li span, .schedule_result_tabs .p-by-p_tabs li a, .schedule_result_tabs .p-by-p_tabs li span, .default_tabs .ui-tabs-nav li a, .default_tabs .ui-tabs-nav li span, .default_tabs .p-by-p_tabs li a, .default_tabs .p-by-p_tabs li span {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    margin: 4px 2px;
    padding: 7px;
  }
  .league_tabs .ui-tabs-nav li.ui-state-active a, .league_tabs .ui-tabs-nav li.ui-state-active span, .league_tabs .ui-tabs-nav li.active a, .league_tabs .ui-tabs-nav li.active span, .league_tabs .p-by-p_tabs li.ui-state-active a, .league_tabs .p-by-p_tabs li.ui-state-active span, .league_tabs .p-by-p_tabs li.active a, .league_tabs .p-by-p_tabs li.active span, .schedule_result_tabs .ui-tabs-nav li.ui-state-active a, .schedule_result_tabs .ui-tabs-nav li.ui-state-active span, .schedule_result_tabs .ui-tabs-nav li.active a, .schedule_result_tabs .ui-tabs-nav li.active span, .schedule_result_tabs .p-by-p_tabs li.ui-state-active a, .schedule_result_tabs .p-by-p_tabs li.ui-state-active span, .schedule_result_tabs .p-by-p_tabs li.active a, .schedule_result_tabs .p-by-p_tabs li.active span, .default_tabs .ui-tabs-nav li.ui-state-active a, .default_tabs .ui-tabs-nav li.ui-state-active span, .default_tabs .ui-tabs-nav li.active a, .default_tabs .ui-tabs-nav li.active span, .default_tabs .p-by-p_tabs li.ui-state-active a, .default_tabs .p-by-p_tabs li.ui-state-active span, .default_tabs .p-by-p_tabs li.active a, .default_tabs .p-by-p_tabs li.active span {
    background-color: #231815;
    color: #fff;
  }
  .league_tabs .ui-tabs-nav {
    gap: 10px;
  }
  #tab-switch, #ticket-switch {
    padding: 0;
  }
  #tab-switch ul, #ticket-switch ul {
    padding: 3px;
    gap: 3px 5px;
    justify-content: flex-start;
  }
  #tab-switch ul li, #ticket-switch ul li {
    font-size: 11px;
    font-size: 1.1rem;
    padding: 3px 2px;
    width: calc(33.3% - 5px);
  }
  #tab-switch ul li + li, #ticket-switch ul li + li {
    margin: 0;
  }
  #tab-switch ul li a, #ticket-switch ul li a {
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    display: block;
  }
  #tab-switch ul li a.current, #ticket-switch ul li a.current {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
  }
  #tab-switch ul li.tab-selecter, #ticket-switch ul li.tab-selecter {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: calc(100% - 6px);
  }
  #tab-switch ul li.tab-selecter select, #ticket-switch ul li.tab-selecter select {
    margin: 5px 5px 10px;
    width: 100%;
  }
  /* =================================================
    pager
  ================================================= */
  #pager {
    margin: 20px 10px;
    width: calc(100% - 20px);
  }
  #pager ul li {
    width: 95px;
  }
  /* =================================================
    remodal
  ================================================= */
  .remodal .check {
    margin: 10px 0 20px;
    position: relative;
    bottom: 0;
    right: 0;
  }
  /* =================================================
    breadcrumb
  ================================================= */
  #breadcrumb_list {
    display: none;
  }
  /* =================================================
    Footer
  ================================================= */
  footer .team_list {
    display: none;
  }
  footer .footer_content {
    background: url(../images/footer/bg_footer.png) -30% 80% no-repeat;
  }
  footer .footer_content ul li {
    margin-bottom: 20px;
  }
  footer .footer_content .foot_sub_navi {
    padding-bottom: 10px;
  }
  /* =================================================
    Styles
  ================================================= */
  .gloss {
    background: #fff3f4;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px;
  }
  .gloss ul li {
    display: inline-block;
    margin-right: 10px;
  }
  .contents_half {
    float: none;
    width: 100%;
  }
  .contents_half + .contents_half {
    margin-left: 0;
  }
  /* =================================================
    ttl select
  ================================================= */
  #award h3 select, #standing h3 select, .select_award h3 select,
  #method h3 select, .sc_select {
    margin: 10px 0;
  }
  .sc_select {
    float: none;
    margin: -10px 0 20px;
    text-align: right;
  }
}
/* =================================================
  page
================================================= */
@media only screen and (max-width: 600px) {
  .search_filter .filter_day,
  .search_filter .filter_keyword,
  .search_filter .button_set {
    float: none;
    padding: 0 0 0.5em 0;
  }
  .search_filter {
    text-align: center;
    width: 100%;
  }
  .search_filter li:last-child {
    margin-right: 0;
  }
  .search_filter h3, .filter_ui {
    width: 100%;
  }
  .filter_ui .error_list {
    margin: 0 1em;
  }
}