@charset "utf-8";

/* main visal */
.main-visual_wrap{
  display: flex;
  width: 100%;
  background-color: rgba(68,68,68,1);
  }
  .mv_slide_blc{
    width: 100%; /*season_off */
    /*width: calc(100% - 345px);*/ /* season_on */
    position: relative;
    }
    .mv_sld_itm{width: 100%;}
      .mv_sld_itm img{
        width: 100%;
        max-width: auto;
        }

.mv_match_info{width: 345px;}
  .match_tab_blc{
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(51,51,51,1);
    }
    .match_tab_blc input[name="tab_itm"] {display: none;}
    .tab_itm{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 50%;
      height: 75px;
      color: rgba(150,150,150,1);
      line-height: 1;
      text-align: center;
      background-color: rgba(34,34,34,1);
      cursor: pointer;
      transition: .3s;
      }
      .match_tab_blc input:checked + .tab_itm,
      .tab_itm:hover{background-color: rgba(51,51,51,1);}
      .tab_itm.none:hover{background-color: rgba(34,34,34,1);}
      .match_tab_blc input:checked + .tab_itm{color: rgba(255,255,255,1);}
      .tab_itm_date{
        width: 100%;
        margin: 0 0 5px;
        font-size: 12px;
        }
        .ti_date_emp{
          font-size: 20px;
          font-weight: bold;
          }
      .tab_itm_res{
        width: 100%;
        margin: 0 0 5px;
        font-size: 14px;
        font-weight: bold;
        }
      .tab_itm_pos{
        display: inline-block;
        width: 50px;
        height: 15px;
        font-size: 11px;
        font-weight: bold;
        color: rgba(34,34,34,1);
        line-height: 15px;
        background-color: rgba(130,130,130,1);
        }
        .match_tab_blc input:checked + .home .tab_itm_pos{
          color: rgba(255,255,255,1);
          background-color: rgba(202,28,24,1);
          }
        .match_tab_blc input:checked + .away .tab_itm_pos{
          color: rgba(255,255,255,1);
          background-color: rgba(158,140,0,1);
          }

  #tab1:checked ~ #tab1_inr,
  #tab2:checked ~ #tab2_inr{
    display: block;
    }
  .match_sw_inr{
    display: none;
    width: 100%;
    height: 372px;
    /* padding: 15px 30px; */
    background-color: rgba(51,51,51,1);
    box-sizing: border-box;
    }
    .match_sw_lst{width: 100%;}
      .match_sw_itm{
        overflow: hidden;
        width: 83%;
        margin: 15px auto;
        padding: 10px 0 0;
        color: rgba(255,255,255,1);
        line-height: 1;
        text-align: center;
        border-radius: 5px;
        background-color: rgba(34,34,34,1);
        box-sizing: border-box;
        }
        .match_sw_divi{
          margin: 0 0 8px;
          font-size: 15px;
          font-weight: bold;
          }
        .match_sw_rd{
          margin: 0 0 15px;
          font-size: 13px;
          font-weight: bold;
          }
        .match_sw_opp{
          margin: 0 0 10px;
          padding: 7px 0;
          background-color: rgba(0,0,0,1);
          font-size: 13px;
          font-weight: bold;
          }
        .match_sw_venue{
          margin: 0 0 5px;
          font-size: 13px;
          line-height: 1.2;
          text-align: center;
          }
          .ms_venue_note{
            display: block;
            margin: 5px 0 0;
            font-size: 11px;
            }
        .match_sw_card{
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0 20px;
          box-sizing: border-box;
          }
          .result .match_sw_card{margin: 0 0 9px;}
          .ms_card_icon{
            width: calc(50% - 30px);
            height: 60px;
            }
            .ms_card_icon img{
              height: 100%;
              width: auto;
              }
            .ms_card_txt{
              width: 60px;
              font-weight: bold;
              color: rgba(127,127,127,1);
              }
        .match_sw_result{
          margin: 0 0 5px;
          font-size: 40px;
          font-weight: bold;
          text-align: center;
          }
        .match_sw_result .winText{
					font-size:50%;
					color:#f00;
					margin:0 1em;
				}
        .match_sw_result .loseText{
					font-size:50%;
					color:#09f;
					margin:0 1em;
				}
          .start .match_sw_result{display: none;}
        .match_sw_date{
          margin: 0 0 5px;
          font-size: 16px;
          font-weight: bold;
          color: rgba(202,29,25,1);
          }
          .result .match_sw_date{
            margin: 0 0 15px;
            color: rgba(255,255,255,1);
            }
          .ms_date_emp{
            margin: 0 5px;
            font-size: 50px;
            font-weight: bold;
            color: rgba(255,255,255,1);
            }
            .result .ms_date_emp{font-size: 16px;}
        .match_sw_time{
          margin: 0 0 15px;
          font-weight: bold;
          }
          .result .match_sw_time{display: none;}

          /* ver pale */
          .match_sw_inr.ver-pale .match_sw_opp{
            margin: 0;
            }
          .match_sw_inr.ver-pale .match_sw_venue{
            background-color: #EEEEEE;
            color: #000;
            margin: 0;
            padding: 10px 0 5px;
            }
          .match_sw_inr.ver-pale .match_sw_card{
            background-color: #EEEEEE;
            color: #000;
            }
          .match_sw_inr.ver-pale .result .match_sw_card{
            margin: 0;
            padding: 0 20px 9px;
            }
          .match_sw_inr.ver-pale .ms_card_txt{
            color: #000;
            }
          .match_sw_inr.ver-pale .match_sw_result{
            background-color: #EEEEEE;
            color: #000;
            }
          .match_sw_inr.ver-pale .result .match_sw_result{
            margin: 0;
            padding: 0 0 5px;
            }
          .match_sw_inr.ver-pale .match_sw_date{
            background-color: #EEEEEE;
            margin: 0;
            padding: 0 0 5px;
            }
          .match_sw_inr.ver-pale .result .match_sw_date{
            color: #000;
            padding: 0 0 15px;
            }
          .match_sw_inr.ver-pale .ms_date_emp{
            color: #000;
            }
          .match_sw_inr.ver-pale .match_sw_time{
            background-color: #EEEEEE;
            color: #000;
            margin: 0;
            padding: 0 0 15px;
            }
          /* ver pale Fin */
        .ms_btn_blc{display: flex;}
          .ms_btn_itm{
            width: 50%;
            height: 60px;
            }
            .ms_btn{
              display: block;
              width: 100%;
              height: 100%;
              padding: 0 0 0 20px;
              font-size: 13px;
              font-weight: bold;
              line-height: 60px;
              text-align: left;
              background-color: rgba(184,162,0,1);
              box-sizing: border-box;
              position: relative;
              transition: .3s;
              }
              .ms_btn::before{
                content: "";
                width: 6px;
                height: 100%;
                background-image: url(/src/images/common/arw_r_b.png);
                background-position: center;
                background-repeat: no-repeat;
                background-size: 100%;
                position: absolute;
                top: 0;
                right: 13px;
                }
              .event_btn .ms_btn{background-color: rgba(255,255,255,1);}
              .single-btn .ms_btn_itm{width: 100%;}
                .single-btn .ms_btn{
                  padding: 0;
                  text-align: center;
                  }

              .result .ms_btn{background-color: rgba(255,255,255,1);}
							
              .ticket_btn .ms_btn{background-color: rgba(184,162,0,1);}

              .ms_btn:hover{opacity: .7;}

  .sp_right_blc{
    height: calc(100% - 447px);
    
    /* 2021.5.31 add */
    /* height: 100%; */
    }
    .live_btn_blc{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 70px;
      background-color: rgba(34,34,34,1);
      
      /* 2021.5.31 add */
      /* height: 100px; */
      }
      .live_btn_inr{width: 280px;}
        .live_btn{
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 15px auto;
          width: 83%;
          height: 40px;
          font-size: 13px;
          font-weight: bold;
          color: rgba(205,28,12,1);
          border-radius: 20px;
          background-color: rgba(255,255,255,1);
          transition: .3s;
          position: relative;
          }
          .live_btn::before{
            content: "";
            width: 6px;
            height: 100%;
            background-image: url(/src/images/common/arw_r_r.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%;
            position: absolute;
            top: 0;
            right: 13px;
            }
          .live_btn:hover{opacity: .7;}

    .match_rank_blc{
      height: calc(100% - 70px);
      
      /* 2021.5.31 add */
      /* height: calc(100% - 100px); */
      }
      .rank_ttl{
        height: 57px;
        padding: 12px 0;
        color: rgba(255,255,255,1);
        line-height: 1;
        text-align: center;
        background-color: rgba(202,28,24,1);
        box-sizing: border-box;
        
        /* 2021.5.31 add */
        align-items: center;
        display: flex;
        justify-content: center;
        }
        .rank_ttl_txt{
          margin: 0 0 3px;
          font-size: 16px;
          font-weight: bold;
          }
          .rank_ttl_update{font-size: 14px;}
      .rank_lst{height: calc(100% - 57px);}
        .rank_lst_itm{
          display: flex;
          align-items: center;
          height: calc(100% / 11);
          font-size: 13px;
          color: rgba(255,255,255,1);
          border-bottom: 1px solid rgba(132,13,19,1);
          background-color: rgba(161,19,23,1);
          box-sizing: border-box;
          }
          .rank_lst_itm:last-of-type{border: 0;}
          .rank_lst_itm.active{
            color: rgba(202,27,24,1);
            background-color: rgba(255,255,255,1);
            }
          .rank_pos,
          .rank_point{
            width: 70px;
            text-align: center;
            }
          .rank_team{width: calc(100% - 140px);}
            .head .rank_team{text-align: center;}

  /* flexslider custom */
  .main-visual_wrap .flex-control-nav {
    width: auto;
    height: 8px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    }     
    .main-visual_wrap .flex-control-nav li{
      margin: 0;
      margin-right: 10px;
      }
      .main-visual_wrap .flex-control-nav li:last-of-type{margin-right: 0;}
      .main-visual_wrap .flex-control-paging li a{
        width: 8px;
        height: 8px;
        background-color: rgba(102,102,102,1);
        box-shadow: none;
        }
        .main-visual_wrap .flex-control-paging li a.flex-active{background-color: rgba(255,255,255,1);}

/* topics_ticker */        
.topics_ticker_wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding: 0 30px;
  background-color: rgba(68,68,68,1);
  box-sizing: border-box;
	position:relative;
	z-index:100;
  }
  .tpcs_tic_ttl{
    width: 115px;
    height: 32px;
    margin-right: 30px;
    font-size: 24px;
    font-weight: 500;
    color: rgba(184,162,0,1);
    line-height: 1;
    border-right: 1px solid rgba(102,102,102,1);
    }
    .tpcs_tic_blc{
      width: calc(100% - 280px);
      position: relative;
      }
      .topics_ticker_wrap .tpcs_lst{transform: translateY(-50%);}
        .tpcs_lst_itm{
          display: flex;
          align-items: center;
          font-size: 14px;
          color: rgba(255,255,255,1);
          }
          .topics_ticker_wrap .tpcs_lst_itm{
            overflow: hidden;
            height: 24px;
            }
          .tpcs_tic_inr{
            display: flex;
            width:100%;
            /* align-items: center; */
            }
          .topics_date{
            width: 95px;
            font-weight: 500;
            }
            .topics_cat{
              width: 95px;
              height: 21px;
              margin-right: 20px;
              font-weight: 500;
              line-height: 20px;
              text-align: center;
              position: relative;
              top: 1px;
              }
              .topics_ttl{
                width: calc(100% - 210px);
                font-weight: normal;
                color: rgba(255,255,255,1);
                line-height: 23px;
                } 
                .topics_ttl:hover{text-decoration: underline;}
                span.topics_ttl:hover{text-decoration: none;}
    .tpcs_tic_btn{
      display: block;
      width: 135px;
      font-size: 14px;
      font-weight: 500;
      color: rgba(255,255,255,1);
      position: relative;
      transition: .3s
      }
      .tpcs_tic_btn:hover{color: rgba(255,255,255,.7);}
      .tpcs_arw{
        width: 8px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        transition: .3s;
        opacity: 1;
        }
        .tpcs_tic_btn:hover .tpcs_arw{opacity: .7;}

.old_tpcs_btn{
  width: 250px;
  margin-top: 20px;
}        

/* square menu */
.sq-menu_wrap{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  }
  .sq-menu_itm{
    width: 20%;
    height: 280px;
    }
    .sq-menu_itm.sq-menu_itm_dbl{width: 40%;}
    .sq-menu_link{
      display: block;
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 101%;
      position: relative;
      transition: .3s;
      }
      .sq-menu_link:hover{opacity: .7;}
      .in-active .sq-menu_link{pointer-events: none;}

      .ticket_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_ticket.jpg);}
      .guide_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_guide.jpg);}
      .fun_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_fun.jpg);}
      .school_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_school.jpg);}
      .fc_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_fc.jpg);}
      .sponsorship_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_spsrshp.jpg);}

      .sq-menu_inr{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        }
        .sq-menu_itm_dbl .sq-menu_inr{width: 50%;}
        .sponsorship_itm .sq-menu_inr{
          left: auto;
          right: 0;
          }
        .sq-menu_ttl{
          width: 100%;
          color: rgba(255,255,255,1);
          text-align: center;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          }
          .sponsorship_itm .sq-menu_ttl{
            color: rgba(0,0,0,1);
            }
          .sq-menu_ttl_en{
            width: 100%;
            margin-bottom: 10px;
            font-size: 48px;
            font-weight: 700;
            line-height: 1;
            }
          .sq-menu_ttl_jp{
            width: 100%;
            font-size: 14px;
            line-height: 1.4;
            }

/* sns */
.sns_timeline_wrap{
  width: 100%;
  padding: 65px 20px 60px;
  box-sizing: border-box;
  }
  .sns_tl_inr{
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    }
    .sns_tl_itm{
      width: calc((100% - 60px) / 3);
      margin-right: 30px;
      box-sizing: border-box;
      }
      .sns_tl_itm:last-of-type{margin-right: 0;}
      .sns_tl_logo{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 42px;
        margin-bottom: 20px;
        }
        .sns_tl_logo img{
          max-height: 100%;
          }
      .sns_tl_logo_text{
        font-size: 1.25rem;
        font-weight: 700;
        padding: 0 10px;
        }
        /* .inst_logo{width: 134px;}
        .twit_logo{width: 140px;}
        .fb_logo{width: 163px;} */

      .sns_tl_blc{
        width: 100%;
        min-height: 457px;
        border: 1px solid rgba(204,204,204,1);
        }
        .inst_blc{
          padding: 10px;
          box-sizing: border-box;
					/* min-height:392px; */
          }
        
/* banner */
.banner_wrap{
  width: 100%;
  padding: 60px 20px;
  box-sizing: border-box;
  }
  .banner_media{background-color: rgba(34,34,34,1);}
  .bnr_inr{
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    }
    .bnr_itm{
      display: block;
      width: calc((100% - 30px) / 2);
      /*background-color: rgba(255,255,255,1);*/
      background-color: rgba(0,0,0,1);
      position: relative;
      }
      .bnr_itm:nth-of-type(2){margin-left: 30px;}
      .bnr_fig{
        display: block;
        transition: .3s;
        }
        .bnr_itm:hover .bnr_fig{opacity: .7;}

  .youtube_itm{
    padding: 15px;
    display: block;
    background-image: url(/src/images/top/bnr_fig_01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .3s;
    box-sizing: border-box;
    }
    .youtube_itm:hover{opacity: .7;}
    .youtube_blc{
      overflow: hidden;
      width: 58%;
      height: auto;
      padding-top: 34.1%;
      position: relative;
      /* position: absolute;
      top: 50%;
      left: 10px;
      transform: translateY(-50%); */
      z-index: 100;
      }
      .youtube_blc iframe{
        display: block;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        }
      .youtube_blc_fig{
        display: block;
        width: 36%;
        position: absolute;
        top: 50%;
        right: 2%;
        transform: translateY(-50%);
        }

/* topics */
.topics_wrap{
  padding: 55px 20px 75px;
  background-color: rgba(205,28,12,1);
  box-sizing: border-box;
  }
  .tpcs_inr{
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    }
  .topics_wrap .tpcs_lst{margin-bottom: 35px;}
    .topics_wrap .tpcs_lst_itm{
      margin-bottom: 10px;
      padding: 12px 15px;
      background-color: rgba(255,255,255,1);
      }
      .topics_wrap .tpcs_lst_itm:last-of-type{margin-bottom: 0;}
      .topics_wrap .topics_date{color: rgba(0,0,0,1)}
      .topics_wrap .topics_ttl{color: rgba(0,0,0,1)}


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

/* square menu */
.sq-menu_itm{height: 240px;}
  .sq-menu_ttl_en{font-size: 38px;}

}/* max-width: 1450px */     

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

/* square menu */
.sq-menu_itm{height: 200px;}
  .sq-menu_ttl_en{font-size: 30px;}

}/* max-width: 1250px */       

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

/* square menu */
.sq-menu_itm{height: 160px;}
  .sq-menu_ttl_en{font-size: 24px;}

}/* max-width: 1050px */      

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

/* main visal */
.mv_slide_blc{
  width: 100%;
  /*width: calc(100% - 300px);*/
  }

.mv_match_info{width: 300px;}
  .match_tab_blc{
    display: flex;
    flex-wrap: wrap;
    }
    .match_tab_blc input[name="tab_itm"] {display: none;}
    .tab_itm{height: 60px;}
      .tab_itm_date{
        margin: 0 0 3px;
        font-size: 11px;
        }
        .ti_date_emp{font-size: 16px;}
      .tab_itm_res{
        margin: 0 0 3px;
        font-size: 12px;
        }
      .tab_itm_pos{
        height: 12px;
        font-size: 9px;
        line-height: 12px;
        }
  .flex-direction-nav a {width: 30px;}
    .flex-direction-nav a:before {width: 8px;}
    .match_sw_inr{
      /* padding: 10px 20px; */
      height: 290px;
      }
      .match_sw_itm{
        width: 87%;
        margin: 10px auto;
        padding: 10px 0 0; 
        border-radius: 5px;
        }
        .match_sw_divi{
          margin: 0 0 8px;
          font-size: 12px;
          }
        .match_sw_rd{
          margin: 0 0 10px;
          font-size: 11px;
          }
        .match_sw_opp{
          margin: 0 0 10px;
          padding: 7px 0;
          font-size: 12px;
          }
        .match_sw_venue{
          font-size: 12px;
          line-height: 1.1;
          }
          .ms_venue_note{
            margin: 5px 0 0;
            font-size: 10px;
            }
        .match_sw_card{padding: 0 20px;}
          .result .match_sw_card{margin: 0 0 5px;}
          .ms_card_icon{
            width: calc(50% - 30px);
            height: 50px;
            }
            .ms_card_txt{width: 50px;}
        .match_sw_result{
          margin: 0 0 5px;
          font-size: 24px;
          }
        .match_sw_date{
          margin: 0 0 5px;
          font-size: 14px;
          }
          .result .match_sw_date{margin: 0 0 10px;}
          .ms_date_emp{
            margin: 0 5px;
            font-size: 30px;
            }
        .match_sw_time{
          margin: 0 0 10px;
          font-size: 14px;
          }
          .ms_btn_itm{
            width: 50%;
            height: 40px;
            }
            .ms_btn{
              padding: 0 0 0 20px;
              font-size: 12px;
              line-height: 40px;
              }

  .live_btn_blc{
    width: 100%;
    height: 50px;
    /* 2021.5.31 add */
    padding: 0;
    }
    .live_btn_inr{width: 250px;}
      .live_btn{
        height: 30px;
        font-size: 12px;
        border-radius: 15px;
        }

  .match_rank_blc{}
    .rank_ttl{
      height: 47px;
      padding: 8px 0;
      }
      .rank_ttl_txt{font-size: 13px;}
        .rank_ttl_update{font-size: 12px;}

    .rank_lst_itm{
      height: 22px;
      font-size: 12px;
      }

}/* max-width: 1100px */  
@media screen and (min-width: 851px) and (max-width: 1100px) {
.rank_pos, 
.rank_point{
  font-size: 10px;
  width: 50px;
  }
.rank_team{
  font-size: 12px;
  width: calc(100% - 105px);
  }
  
}

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

/* main visal */
.main-visual_wrap{flex-wrap: wrap;}
  .mv_slide_blc{width: 100%;}
  .mv_match_info{
    display: flex;
    width: 100%;
    }
  .match_tab_blc{width: 50%;}
  .match_sw_inr{height: auto;}
  .match_sw_itm{width: 91%;}
  .sp_right_blc{
    width: 50%;
    height: 100%;
    }
    .live_btn_blc{height: 60px;}
      .live_btn_inr{width: 250px;}
        .live_btn{
          height: 40px;
          border-radius: 20px;
          }
    .match_rank_blc{height: calc(100% - 70px);}
      .rank_ttl{height: 44px;}
      .rank_lst{height: calc(100% - 44px);}
        .rank_pos,
        .rank_point{
          width: 60px;
          text-align: center;
          }
        .rank_team{width: calc(100% - 120px);}

/* topics_ticker */        
.topics_ticker_wrap{
  flex-wrap: wrap;
  justify-content: flex-end;
  height: auto;
  padding: 20px;
  }
  .tpcs_tic_ttl{
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    font-size: 20px;
    border-right: 0;
    }
    .tpcs_tic_blc{
      width: 100%;
      margin-bottom: 15px;
      }
      .topics_ticker_wrap .tpcs_lst_itm{
        overflow: initial;
        height: auto;
        }
        .tpcs_tic_inr{flex-wrap: wrap;}
        .tpcs_lst_itm{font-size: 13px;}
          .topics_date{width: 80px;}
          .topics_cat{
            width: 95px;
            height: 21px;
            margin-right: 0;
            font-size: 12px;
            line-height: 21px;
            top: -1px;
            }
          .topics_ttl{
            width: 100%;
            margin-top: 5px;
            } 
    .tpcs_tic_btn{
      width: 110px;
      font-size: 13px;
      }
      .tpcs_arw{width: 6px;}

/* square menu */
.sq-menu_wrap{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  }
  .sq-menu_itm{
    width: 33.333333%;
    height: auto;
    }
  .sq-menu_itm_spNone{display: none;}
    /*.teams_itm{order: 0;}
    .home_itm{order: 2;}
    .guide_itm{order: 1;}
    .ticket_itm{order: 3;}
    .fc_itm{order: 4;}
    .sponsorship_itm{order: 5;}
    .sch_itm{order: 6;}*/
    .sq-menu_itm.sq-menu_itm_dbl{width: 33.333333%;}
    .sq-menu_link{
      background-size: cover;
      height: auto;
      padding-top: 100%;
      }
      .ticket_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_ticket_sp.jpg);}
      .guide_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_guide_sp.jpg);}
      .fun_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_fun_sp.jpg);}  
      .school_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_school_sp.jpg);}
      .fc_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_fc_sp.jpg);}
      .sponsorship_itm .sq-menu_link{background-image: url(/src/images/top/sq-menu_fig_spsrshp_sp.jpg);}
  
        .sq-menu_itm_dbl .sq-menu_inr{width: 100%;}
          .sq-menu_ttl_en{font-size: 36px;}

/* sns */
.sns_timeline_wrap{padding: 50px 20px;}
  .sns_tl_inr{
    flex-wrap: wrap;
    }
    .sns_tl_itm{
      width: 100%;
      max-width: 500px;
      margin: 0 auto 50px;
      }
      .sns_tl_itm:last-of-type{margin: 0 auto;}
      .sns_tl_logo{
        width: 100%;
        /*height: auto;*/
        margin-bottom: 10px;
        }
      .sns_tl_logo_text{}
        /* .inst_logo{width: 107px;}
        .twit_logo{width: 112px;}
        .fb_logo{width: 130px;} */

      .sns_tl_blc{/* height: 380px; */ height:auto;}

/* banner */
.banner_wrap{padding: 40px 20px;}
  .bnr_inr{flex-wrap: wrap;}
    .bnr_itm{
      width: 100%;
      max-width: 600px;
      }
      .bnr_itm:nth-of-type(2){margin: 20px 0 0;}          

  .youtube_itm{
    padding: 20px 20px;
    box-sizing: border-box;
    }
    .youtube_blc{
      overflow: hidden;
      width: 54%;
      height: auto;
      padding-top: 31.3%;
      position: relative;
      top: auto;
      left: auto;
      transform: none;
      }
      .youtube_blc_fig{
        width: 36%;
        right: 30px;
        }

/* topics */
.topics_wrap{padding: 45px 20px 60px;}
  .topics_wrap .tpcs_lst{margin-bottom: 30px;}

} /* max-width: 850px */  

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

/* square menu */
.sq-menu_ttl_en{
  margin-bottom: 5px;
  font-size: 32px;
  }

/* banner */
.youtube_itm{padding: 15px;}
  .youtube_blc_fig{right: 20px;}

} /* max-width: 650px */  

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

/* main visal */
.sld_img_06{
  height: auto;
  max-width:100%;
  }
.main-visual_wrap{flex-wrap: wrap;}
  .mv_slide_blc{width: 100%;}
  .mv_match_info{flex-wrap: wrap;}
  .match_tab_blc{width: 100%;}
  .sp_right_blc{width: 100%;}
      .rank_lst{height: auto;}
        .rank_lst_itm{
          height: 30px;
          /*height: 25px;*/
          }

/* square menu */
.sq-menu_ttl_en{font-size: 26px;}

} /* max-width: 550px */ 

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

/* square menu */
.sq-menu_ttl_en{font-size: 22px;}
.sq-menu_ttl_jp{font-size: 13px;}
.guide_itm .sq-menu_ttl_jp{font-size: 0.85em;}

/* banner */
.youtube_itm{padding: 10px;}
  .youtube_blc_fig{right: 15px;}

} /* max-width: 450px */