@charset "UTF-8";

/********************************************************/
/*                       other.css                      */
/********************************************************/

/* ▼▼▼ レイアウトの設定_youtube ▼▼▼
--------------------------------------------------------*/
.live-container {
  width: 60%;
  margin: auto;
}
.live {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
  margin-top: 15px;
}
.live iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ▲▲▲ レイアウトの設定_youtube ▲▲▲
--------------------------------------------------------*/

/* ▼▼▼ レイアウトの設定_content ▼▼▼
--------------------------------------------------------*/

.hannyuu-keiro {
  width: 70%;
  margin: 15px auto;
}

/* ▲▲▲ レイアウトの設定_content ▲▲▲
--------------------------------------------------------*/

/********************************************************/
/*                 画面幅が820px以下の場合              */
/********************************************************/

@media screen and (max-width:820px) {
  /*この間に設定を記入*/
  .live-container {
    width: 90%;
  }
  .hannyuu-keiro {
    width: 90%;
  }
}

/* * * * * * * * * * * * 一番下 * * * * * * * * * * * * */