/*****************************************
*
* 獅子舞
*
******************************************/

/*------------------------------------------*/
/* メイン
/*------------------------------------------*/

.submain-logo {
  background: url('./img/submain.png') no-repeat;
  background-size: 100%;
}


/*------------------------------------------*/
/* 一覧
/*------------------------------------------*/

.dance-list-box {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  color: var(--color-text);
  line-height: 2;
  padding: 40px 20px;
}

@media screen and (min-width: 834px), print {
  .dance-list-box {
    padding: 40px;
  }
}


/* 見出し --------------------------------*/
.dance-list-box .heading {
  text-align: left;
  border-bottom: solid 3px var(--color-red);
  font-size: 1.1rem;
  font-weight: bold;
}

@media screen and (min-width: 834px), print {
  .dance-list-box .heading {
    font-size: 1.6rem;
  }
}


/* 表 --------------------------------*/
.dance-list-box .table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
}

.dance-list-box .table th,
.dance-list-box .table td {
  text-align: left;
  font-size: 1rem;
  padding: 5px 0;
}

.dance-list-box .table th {
  font-weight: bold;
  padding-right: 20px;
}

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

  .dance-list-box .table tr,
  .dance-list-box .table th,
  .dance-list-box .table td {
    display: block;
    width: auto;
  }

  .dance-list-box .table th,
  .dance-list-box .table td {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 768px), print {
  .dance-list-box .table th {
    white-space: nowrap;
    vertical-align: text-top;
  }
}