/* あなたの町の */

.yc_chiku,.yc_season{
  width:20%;
}
.yc_hall{
  width:60%;
}
.yd_event,.yd_hall{
  width:40%;
}
.yc_season{
  width:20%;
}
.yk_season{
  width:20%;
}
.yk_hall{
  width:80%;
}

@media screen and (max-width: 768px) {
.zenkoku_head,.block_head,.ken_head,.chiku_head,.event_head{
  display:none;
}
table {
  border: none !important;
}
td {
  background: #fff;
}
.hometown_block::before {
  content:"ブロック大会";
  font-weight:bold;
}
.hometown_dou::before {
  content:"道大会";
  font-weight:bold;
}
.hometown_to::before {
  content:"都大会";
  font-weight:bold;
}
.hometown_fu::before {
  content:"府大会";
  font-weight:bold;
}
.hometown_ken::before {
  content:"県大会";
  font-weight:bold;
}
.chiku_name,.event_name{
background: #f5f5f5;
font-weight:bold;
}
.hometown_zenkoku,.hometown_block,.hometown_dou,.hometown_to,.hometown_fu,.hometown_ken,.hometown_chiku,.hometown_event {
  width: 100%;
}
.hometown_zenkoku td,.hometown_block td,.hometown_dou td,.hometown_to td,.hometown_fu td,.hometown_ken td,.hometown_chiku td,.hometown_event td {
  display: block;
  width: 100%;
  border: none !important;
}
.hometown_zenkoku td:before,.hometown_block td:before,.hometown_dou td:before,.hometown_to td:before,.hometown_fu td:before,.hometown_ken td:before,.hometown_chiku td:before,.hometown_event td:before{
  content: attr(data-label);
  font-size: .7rem;
  font-weight:bold;
  color: #999;
  display: block;
}
}

/* 代表校一覧 */

.taikai {
  display: grid;
  grid-template-columns: 25% 51% 8% 8% 8%;
  grid-template-rows: auto auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "h_koumei h_title h_sousaku h_zenkoku h_haishin"
    "d_koumei d_title d_sousaku d_zenkoku d_haishin";
  padding-bottom:1em;
}

.d_koumei {
  grid-area: d_koumei;
  display: inline-block;
  padding:0.5em;
  border: 1px solid #ddd;
  border-right: none;
  border-top: none;
}

.d_sousaku {
  grid-area: d_sousaku;
  display: inline-block;
  padding:0.5em;
  border: 1px solid #ddd;
  border-right: none;
  border-top: none;
  text-align:center;
}

.d_zenkoku {
  grid-area: d_zenkoku;
  display: inline-block;
  padding:0.5em;
  border: 1px solid #ddd;
  border-right: none;
  border-top: none;
  text-align:center;
}

.d_haishin {
  grid-area: d_haishin;
  display: inline-block;
  padding:0.5em;
  border: 1px solid #ddd;
  border-top: none;
  text-align:center;
}

.d_title {
  grid-area: d_title;
  display: inline-block;
  padding:0.5em;
  border: 1px solid #ddd;
  border-right: none;
  border-top: none;
}

.h_koumei {
  grid-area: h_koumei;
  display: inline-block;
  padding:0.5em;
  border: 1px solid #ddd;
  border-right: none;
  background: #f5f5f5;
  font-weight: bold;
}

.h_title {
  grid-area: h_title;
  display: inline-block;
  padding:0.5em;
  border: 1px solid #ddd;
  border-right: none;
  background: #f5f5f5;
  font-weight: bold;
}

.h_sousaku {
  grid-area: h_sousaku;
  display: inline-block;
  padding:0.5em;
  border: 1px solid #ddd;
  border-right: none;
  background: #f5f5f5;
  font-weight: bold;
  text-align:center;
}

.h_haishin {
  grid-area: h_haishin;
  display: inline-block;
  padding:0.5em;
  border: 1px solid #ddd;
  background: #f5f5f5;
  font-weight: bold;
  text-align:center;
}

.h_zenkoku {
  grid-area: h_zenkoku;
  display: inline-block;
  padding:0.5em;
  border: 1px solid #ddd;
  border-right: none;
  background: #f5f5f5;
  font-weight: bold;
  text-align:center;
}

@media screen and (max-width: 768px) {
.taikai {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto auto auto auto auto auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "h_koumei h_koumei h_koumei"
    "d_koumei d_koumei d_koumei"
    "h_title h_title h_title"
    "d_title d_title d_title"
    "h_sousaku h_zenkoku h_haishin"
    "d_sousaku d_zenkoku d_haishin";
}

.h_koumei {
  grid-area: h_koumei;
  border-top: none;
  border-left: none;
  border-bottom: none;
}

.d_koumei {
  grid-area: d_koumei;
  border-top: none;
  border-left: none;
  border-bottom: none;
}

.h_title {
  border-top: none;
  border-left: none;
  border-bottom: none;
  grid-area: h_title;
}

.d_title {
  grid-area: d_title;
  border-top: none;
  border-left: none;
  border-bottom: none;
}

.h_sousaku {
  grid-area: h_sousaku;
}

.h_zenkoku {
  grid-area: h_zenkoku;
}

.h_haishin {
  grid-area: h_haishin;
}

.d_sousaku {
  grid-area: d_sousaku;
}

.d_zenkoku {
  grid-area: d_zenkoku;
}

.d_haishin {
  grid-area: d_haishin;
}
}

/* 公演動画リンク */

.nav-tabs-outer{
  overflow-x:scroll;
}

.nav-tabs-outer .nav-tabs li{
  width: 110px;
}

.movie_schoolname_frame{
  padding-top:0.5em;
  padding-bottom:0.5em;
}

.movie_schoolname{
  display:inline-block;
}

.movie_dl{
  display:flex;
  flex-wrap: wrap;
  border: 1px solid #ddd;
  border-top: none;
}
.movie_dt{
  font-size:16px;
  background: #f5f5f5;
  width: 20%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #ddd; 
}
.movie_dd{
  font-size:16px;
  padding: 10px;
  margin: 0;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd; 
  width: 80%;
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .movie_dl{
    flex-flow: column nowrap;
  }
  .movie_dt, .movie_dd{
    width: 100%;
  }
  .movie_dd{
    border-left: none;
  }
}

@media screen and (max-width: 768px){
.link_movie{
    display:none;
  }
}

.link_movie{
  margin-bottom:20px;
}

a.btn-movie i {
  font-size: 2rem;
}

a.btn-movie {
  display: block;
  margin-top: -5px;
  margin-bottom: 20px;
  padding: 1rem 0;
  color: #fff;
  background: #da1725;
  -webkit-box-shadow: 0 5px 0 #b9000e;
  box-shadow: 0 5px 0 #b9000e;
}

a.btn-movie:hover {
  color: #fff;
}

.movie_time{
width:65px;
height:20px;
color:#ffffff;
background-color:#000;
text-align:center;
position:absolute;
top:95%;
left:97%;
-ms-transform: translate(-95%,-97%);
-webkit-transform: translate(-95%,-97%);
transform: translate(-95%,-97%);
}

@media screen and (max-width: 768px){
.movie_time{
width:70px;
height:30px;
color:#ffffff;
background-color:#000;
text-align:center;
position:absolute;
top:95%;
left:95%;
-ms-transform: translate(-95%,-95%);
-webkit-transform: translate(-95%,-95%);
transform: translate(-95%,-95%);
  }
}

/* SNSアカウント集 */

.snslabel {
  display: inline-block;
  padding: 0.2em 0.6em 0.3em;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}