@charset "UTF-8";
a {
  text-decoration: none;
  color: #000000; }

body {
  margin: 0;
  width: 100%;
  min-width: 1024px;
  font-size: 16px; }

header {
  text-align: center;
  font-size: 200%;
  padding: 10px 5px;
  background: linear-gradient(135deg, #ffffff, #004ea7, #004ea7, #004ea7, #ffffff);
  border-radius: 20px;
  color: #ffffff;
  font-weight: bold; }

.subtitle {
  text-align: center;
  font-size: 200%;
  margin-top: 30px;
  font-weight: bold;
  color: #004ea7;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }

.small {
  font-size: 70%;
  vertical-align: middle; }

.wrapper {
  width: 90%;
  margin: 10px auto 30px;
  max-width: 1800px; }

.bigwrapper {
  margin-top: 0;
  background-image: url("../img/main_bg.jpg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat; }

.flexwrapper {
  display: flex; }

.kaigyou {
  display: inline-block; }

.kuuhaku {
  height: 100px; }

.capcont {
  width: 18%; }

.caption {
  box-sizing: border-box;
  width: 100%;
  height: 80%;
  position: relative;
  top: 10px;
  border: 5px double #003e67;
  background-color: rgba(255, 255, 255, 0.6);
  overflow-y: auto; }
  .caption .child {
    font-size: 120%; }
  .caption .kata {
    font-size: 100%; }

table {
  table-layout: fixed; }

.shikai {
  width: 57px; }

.inner {
  padding: 10px; }

.bold {
  font-weight: bold; }

.bold.title {
  font-size: 150%; }

.child {
  margin-top: 10px; }

.contena {
  width: 82%;
  margin-right: 10px; }
  .contena video {
    width: 100%; }
  .contena .icont {
    width: 100%;
    height: 0;
    padding-bottom: 56%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    vertical-align: top; }
    .contena .icont iframe {
      vertical-align: top;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }

.symp_section {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  height: auto;
  background: rgba(255, 255, 255, 0.7);
  border: 5px #003e67 solid;
  color: #003e67;
  margin: 40px auto;
  border-radius: 15px; }

.section {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  height: auto;
  /*	background: linear-gradient(135deg, #cd123f,#ddacb8); */
  background: rgba(255, 255, 255, 0.7);
  border: 5px #003e67 solid;
  color: #003e67;
  margin: 40px auto;
  text-align: center;
  border-radius: 15px;
  line-height: 24px;
  font-weight: bold;
  display: flex;
  flex-direction: column; }

/* セクション用のクラス、フォント、枠線等を指定 */
.list {
  margin-top: 90px; }
  .list__line {
    display: flex;
    font-size: 125%;
    padding: 5px 20px;
    border-bottom: 2px solid #004ea7;
    border-radius: 20px;
    transition: 0.6s ease;
    transition-property: color background-color;
    margin-bottom: 30px;
    align-items: flex-start; }
    .list__line.sec {
      border: 0px solid;
      font-weight: bold;
      font-size: 130% !important;
      pointer-events: none; }
    .list__line__title {
      width: 48%;
      margin-right: 20px; }
    .list__line__person {
      width: 48%; }
    .list__line__chair {
      font-size: 70%;
      width: 6em;
      margin-right: 0;
      vertical-align: bottom;
      line-height: 32px; }
    .list__line:hover {
      background-color: #004ea7;
      color: #ffffff; }

.kata {
  font-size: 70%;
  display: inline-block; }

.buttoncont {
  text-align: center;
  margin-top: 20px; }

.backbtn {
  display: inline-block;
  padding: 20px;
  font-size: 120%;
  background-color: #003e67;
  color: #ffffff;
  border-radius: 20px;
  transition: 0.6s ease;
  transition-property: background-color color;
  font-weight: bold; }
  .backbtn:hover {
    background-color: #FEF200;
    color: #003e67; }

@media screen and (max-width: 896px) {
  body {
    font-size: 14px; } }
@media screen and (max-width: 480px) {
  .list {
    margin-top: 20px; }

  .subtitle {
    font-size: 120%; }

  header {
    font-size: 130%; }

  .list__line {
    font-size: 100%; }
    .list__line__title {
      width: 60%; }
    .list__line__person {
      width: 39%; }

  body {
    font-size: 12px; }

  .sub {
    display: none; } }