td,th{
    font-size:16px;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}


/*game index page*/


td.game_index_score{
    width: 100px;
}
td.game_index_stat{
    width: 100px;
}

div.pulldown_menu_container{
    display:flex;
    justify-content: space-around;
    flex-direction: column;

    height: 160px;
}
div.pulldown_menu_container_1{
    display:flex;
    justify-content: space-around;
    flex-direction: column;

    height: 40px;
}
div.pulldown_menu_container_2{
    display:flex;
    justify-content: space-around;
    flex-direction: column;

    height: 80px;
}
div.pulldown_menu_container_3{
    display:flex;
    justify-content: space-around;
    flex-direction: column;

    height: 120px;
}
div.pulldown_menu_container_4{
    display:flex;
    justify-content: space-around;
    flex-direction: column;

    height: 160px;
}
div.pulldown_menu_container_5{
    display:flex;
    justify-content: space-around;
    flex-direction: column;

    height: 200px;
}
div.pulldown_menu_container_6{
    display:flex;
    justify-content: space-around;
    flex-direction: column;

    height: 240px;
}

Select{
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;

    width:300px;

    font-size:20px;
    border : 0px;
    background:linear-gradient(transparent 80%, #aaaaaa 0%);

    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
}

table#game_page{
    font-size: 16px;
}

td.game_page_mid{
    width: 120px;
    background-color: #cccccc;
}

th.game_page_team_table_stats{
    width: 40px;
}
th.game_page_team_table_stats_as{
    width: 60px;
}

th.player_page_th{
    width: 120px;
}

/*ranking page*/

td.ranking_rank{
    width: 60px;
}
td.ranking_val{
    width: 60px;
}
div.ranking_team_name_phone{
    display: none;
}
@media screen and (max-width:767px){

td.ranking_rank{
    width: 50px;
}
td.ranking_val{
    width: 40px;
}
div.ranking_team_name_pc{
    display: none;
}
div.ranking_team_name_phone{
    display: block;
}
td.ranking_team_name{
    width: 60px;
}

}


/*index page*/
div.index_team_name_pc{
    display: block;
}
div.index_team_name_phone{
    display: none;
}
td.index_ranking_stat{
    width:100px;
}

@media screen and (max-width:767px){
div.index_team_name_pc{
    display: none;
}
div.index_team_name_phone{
    display: block;
}
td.index_ranking_stat{
    width:60px;
}
td.index_ranking_team_name{
    width:60px;
}

}

/*game page*/

h2.game_h2_phone{
    display: none;
}
div.game_main_team_name_phone{
    display: none;
}
td.game_team_table_player_name_phone{
    background-color:#d0f5f2 ;
    text-align: left;
}
table.game_team_table_phone{
    display: none;
}
@media screen and (max-width:980px){
    h2.game_h2_pc{
        display: none;
    }
    h2.game_h2_phone{
        display: block;
    }
    div.game_main_team_name_pc{
        display: none;
    }
    div.game_main_team_name_phone{
        display: block;
    }
    table.game_team_table_pc{
        display: none;
    }
    table.game_team_table_phone{
        display: block;
    }
}

/*team index page*/
colgroup.team_index_rank{
    width: 60px;
}
colgroup.team_index_wins{
    width: 100px;
}
div.team_index_team_name_phone{
    display: none;
}
@media screen and (max-width:767px){
    div.team_index_team_name_pc{
        display: none;
    }
    div.team_index_team_name_phone{
        display: block;
    }
}

/*article page*/
.article{
  font-size:20px;
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/*record page*/
.record{
  font-size:20px;
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/*hamburger*/
@media (max-width: 767px) {
    li.menuitem {
        height: 0px;
        overflow: hidden;
        transition : 0.5s ease 0s;
    }
}

div#hamburger {
    display: none;
    position: absolute;
    top: 20px;
    right: 30px;
    width: 50px;
    height: 44px;
    transition: 1s;
}
@media (max-width: 767px) {
    div#hamburger {
      display: block;
    }
  }
span.inner_line {
    display: block;
    position: absolute;
    left: 0;
    width: 50px;
    height: 6px;
    background-color: snow;
    transition: .5s;
    border-radius: 4px;
}
span#line1 {
    top: 0;
}
span#line2 {
    top: 20px;
}
span#line3 {
    top: 40px;
}
.line_1,.line_2,.line_3{
    background: snow;
}
.line_1 {
    transform: translateY(20px) rotate(-45deg);
    top: 0;
}
.line_2 {
    opacity: 0;
}
.line_3 {
    transform: translateY(-20px) rotate(45deg);
    top: 40;
}