@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 {
        padding-top: 65px;
        min-width: 0; }

    .contents_top, .contents_body, .main_contents_body, .inner, #breadcrumb_list ul {
        /*margin: 10px;*/
        margin: 10px 0;
        /*overflow: hidden;*/
        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: scroll;
        margin-bottom: 20px; }
    .team-color-table:not(.default) table, .large-table table, .scrollable table {
        min-width: 600px; }
    .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; }
    .large-table td {
        background-color: #fff;
    }

    /* =================================================
      tab
    ================================================= */
    .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; }
    .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; }
    .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; }
    .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;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 12px;
        font-size: 1.2rem;
        display: block;
        margin: 4px 2px;
        padding: 7px; }
    .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: #39404b;
        color: #fff; }

    #tab-switch, #ticket-switch {
        padding: 0; }
    #tab-switch ul, #ticket-switch ul {
        padding: 3px; }
    #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;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        display: block; }
    #tab-switch ul li a.current, #ticket-switch ul li a.current {
        -moz-border-radius: 3px;
        -webkit-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; }

    /* =================================================
      Header
    ================================================= */
    header {
        height: 65px !important;
        min-width: 0;
        /* メニューのスクロール処理 */
        /* =================================================
          Navigation
        ================================================= */
        /* -----------------------
          Global navigation
        ------------------------------------------------- */ }
    header .inner {
        padding: 15px 10px 0; }
    header h1 {
        display: none; }
    header .logo {
        margin: -15px auto 0; }
    header .logo img {
        width: 50px !important; }
    header .menu, header .menu_close {
        color: #39404b;
        display: block;
        font-family: "Palanquin Dark", sans-serif;
        font-size: 10px;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1;
        position: absolute;
        top: 0;
        right: 5px; }
    header .menu:before, header .menu_close:before {
        font-family: FontAwesome;
        content: '\f0c9';
        display: block;
        font-size: 32px;
        font-size: 3.2rem; }
    header .menu_close {
        color: #fff;
        display: block;
        top: 10px;
        right: 15px; }
    header .menu_close:before {
        font-family: FontAwesome;
        content: '\f00d'; }
    header .menu_inner {
        background-color: #39404b;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1000; }
    header .nav_link {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden; }
    header #global_navigation {
        margin-top: 70px;
        text-align: left; }
    header #global_navigation ul#g_nav {
        margin-bottom: 0; }
    header #global_navigation ul#g_nav li {
        display: block;
        margin: 0;
        min-width: auto; }
    header #global_navigation ul#g_nav li a {
        color: #fff;
        display: block;
        padding: 10px;
        position: relative; }
    header #global_navigation ul#g_nav li a p {
        margin: 0; }
    header #global_navigation ul#g_nav li a .en, header #global_navigation ul#g_nav li a .jp {
        display: inline-block; }
    header #global_navigation ul#g_nav li a .jp {
        padding: 30px 0 0 10px;
        visibility: visible; }
    header #global_navigation ul#g_nav li a:hover, header #global_navigation ul#g_nav li.current a {
        color: #e15847; }
    header #global_navigation ul#g_nav li a:hover:after, header #global_navigation ul#g_nav li.current a:after {
        display: none; }
    header .link_area {
        background: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 10px;
        position: relative;
        top: 0;
        right: 0; }
    header .link_area img {
        vertical-align: middle; }
    header .link_area a {
        color: #dfe0e3; }
    header .link_area div, header .link_area li {
        display: inline-block; }
    header .link_area .sns {
        background-color: #5d6673;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        margin: 10px 0 20px;
        padding: 10px 0;
        width: 100%; }
    header .link_area .sns img {
        width: 24px; }
    header .link_area .sns li {
        margin: 0 15px; }
    header .link_area .beginner {
        float: left;
        margin: 0 20px; }
    header .link_area .beginner span {
        display: inline-block;
        margin-left: 5px; }
    header .link_area .link {
        float: right;
        margin: 0 10px;
        padding-bottom: 20px; }
    header .link_area .link li {
        margin: 0 10px; }
    header .link_area .link li:before {
        color: #9ea3ab;
        font-weight: lighter;
        font-family: FontAwesome;
        content: '\f105';
        margin-right: 5px; }

    /* =================================================
      breadcrumb
    ================================================= */
    #breadcrumb_list {
        display: none; }

    /* =================================================
      Footer
    ================================================= */
    footer .team_list {
        display: none; }
    footer .footer_content {
        background: url(/static/images/footer/bg_footer.png) -50% 50% 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 .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;
}
}