@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  font-family: "ヒラギノ角ゴ ProN W1", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  font-feature-settings: "palt";
  line-height: 1.8;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/*#################################
◆ 共通
#################################*/
.body {
  /*#################################
	◆ アニメーション
	#################################*/
  /*#################################
	◆ FVエリア
	#################################*/
  /*========= スクロールダウンのためのCSS ===============*/
  /*#################################
	◆ Leadエリア
	#################################*/
  /*#################################
	◆ placeエリア
	#################################*/
  /*#################################
	◆ contentsエリア
	#################################*/
  /*#################################
	◆ broadcastエリア
	#################################*/
  /*#################################
	◆ Eventエリア
	#################################*/
  /*#################################
	◆ sponsorsエリア
	#################################*/
  /*#################################
	◆ フッターエリア
	#################################*/
}

/* body {
  font-family: "ヒラギノ角ゴ ProN W1", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
} */

.body html {
  font-size: 16px;
  scroll-behavior: smooth;
  color: #0a0a0a;
}

.body header,
.body section,
.body footer,
.body ul,
.body h1,
.body h2,
.body h3,
.body h4,
.body body,
.body img,
.body p,
.body div,
.body dl,
.body dt,
.body dd,
.body a {
  z-index: 2;
  line-height: 1.8;
}

.body h2,
.body h3,
.body h4 {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic StdN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  text-align: center;
  line-height: 1.8;
}

.body h2 {
  color: #181617;
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 1.5;
}

.body h4 {
  font-size: 1.3rem;
  line-height: 1.8;
}

.body p,
.body li {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic StdN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  line-height: 1.8;
}

.body a {
  text-decoration: none;
  color: #0F0F0F;
  transition: .2s;
  word-wrap: break-word;
}

.body a.btn {
  display: block;
  text-align: center;
  background: #34AFFF;
  color: #ffffff;
  padding: 1.2rem 0;
  font-weight: bold;
  font-size: 1.5rem;
}

.body a.btn span {
  display: block;
  font-weight: normal;
  font-size: .8rem;
}

.body p.desc {
  font-size: 1.5rem;
  width: 800px;
  margin: 0 auto;
}

.body img {
  height: auto;
  border-style: none;
  max-width: 100%;
}

.body img.icon {
  width: 150px;
}

.body section {
  color: #0a0a0a;
}

.body .rayout {
  margin: 0 auto;
  width: 1100px;
}

.body .flex {
  display: flex;
}

.body .flex div {
  width: 100%;
  text-align: center;
}

.body .sns-area {
  width: 250px;
  display: flex;
  margin-bottom: 0;
}

.body .sns-area img {
  margin-bottom: 0;
}

.body .sns-area a {
  margin: 0 0.5rem;
}

.body .mt-2r {
  margin-top: 2rem;
}

.body .fw-b {
  font-weight: bold;
}

.body .box-place {
  background: #ffffff;
  padding: 4rem 2rem;
}

.body .small {
  font-size: 14px;
}

.smp_only {
  display: none;
}

.pc_only {
  display: block;
}

.ul-list {
  padding-left: 20px;
}

.ul-list li {
  list-style: disc;
}


/* ページトップに戻る */
#bangumi_page_top {
  position: fixed;
  bottom: 20px;
  right: 30px;
  margin-left: 520px;
  z-index: 5;
  width: 60px;
  height: 60px;
  background: #0775d7;
  border: solid 1px #fff;
  border-radius: 100px;
  text-indent: -999px;
  display: block;
  overflow: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

#bangumi_page_top:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 50%;
  margin-top: -13px;
  display: block;
  width: 15px;
  height: 15px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  overflow: hidden;
  margin-top: -5px;
  right: 22px;
}

#bangumi_page_top.hide {
  bottom: -80px;
}


/* 見出し、コンテンツの隙間　関連 */
#reception {
  padding: 20px 0 60px;
}

#lead {
  padding-bottom: 60px;
}

#sponsors {
  padding-top: 90px;
  padding-bottom: 120px;
}

#broadcast {
  padding-top: 90px;
  padding-bottom: 90px;
}

#movie {
  padding-top: 90px;
  padding-bottom: 80px;
}

#place {
  padding-bottom: 90px;
}

#event {
  padding-top: 90px;
  padding-bottom: 150px;
}

#contents {
  padding-bottom: 90px;
}

.title_logo {
  margin: 0 auto;
  display: flex;
  position: relative;
  top: 30px;
}


/* メイン画像 */
.main-img {
  text-align: center;
  background-image: url(../img/main_back.jpg);
  background-size: cover;
}

.main-img img {
  width: 100%;
  vertical-align: top;
  max-width: 1100px;
}

.past-selectbox {
  text-align: right;
  padding-bottom: 40px;
}

.past-selectbox-select {
  font-family: "ヒラギノ角ゴ ProN W1", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  padding: 5px 20px 5px 10px;
  background-color: #074aa5;
  border: none;
  color: #fff;
}

.past-selectbox-select:disabled {
  font-family: "ヒラギノ角ゴ ProN W1", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  background-color: #f1f1f1;
  color: #0a0a0a;
  border: none;
}


/* 無料閲覧受付はこちら */
.reception-inner {
  font-size: 16px;
  margin: 0 auto;
  width: 1100px;
}

.reception-inner p {
  text-align: center;
}

.reception_button {
  text-align: center;
}

.reception_button a {
  text-decoration: none !important;
}

.reception_button img {
  display: block;
  width: 420px;
  margin: 0 auto;
  padding-bottom: 10px;
}

.application-button {
  background-image: linear-gradient(90deg, #c3001b, #fd2248);
  border-radius: 10px;
  width: 398px;
  height: 100px;
  font-weight: bold;
  margin: 0 auto 30px;
  box-shadow: 0 7px 0px #92061b;
  align-content: center
}

.application-button a {
  color: #fff;
  display: block;
  padding: 0 10px;

  /* 「早めの応募で当選確率アップ！」がある場合は必要 */
  line-height: 1.3 !important;
}

@media (hover: hover) and (pointer: fine) {
  .application-button:hover {
    transform: translateY(8px);
    cursor: pointer;
    box-shadow: 0 2px 0px #92061b;
  }
}

.application-button span:nth-of-type(1) {
  font-size: 25px;
  line-height: 1.5;
}

.application-button span:nth-of-type(2) {
  font-size: 18px;
}

.application-closing {
  text-align: center;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.2 !important;
  margin: 50px 0;
}

.application-closing span {
  font-size: 16px;
}

.still-button-on {
  border: 5px solid #074aa5;
  color: #074aa5;
  border-radius: 10px;
  padding: 20px;
  font-size: 25px;
  width: 420px;
  height: 120px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.still-button {
  background-color: #afafaf;
  color: #fff;
  border-radius: 10px;
  align-content: center;
  font-size: 25px;
  width: 420px;
  height: 101px;
  font-weight: bold;
  line-height: 1.2 !important;
  margin: 0 auto;
}

.still-button span {
  font-size: 16px;
}

.reception-special-program {
  width: 460px;
  border: 1px solid #0a0a0a;
  padding: 10px;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 60px;
}

.reception-special-program>p>span {
  font-weight: 700;
  font-size: 19px;
}

.reception-special-program a {
  text-decoration: underline;
}

.reception-inquiry {
  width: 460px;
  border: 1px solid #0a0a0a;
  padding: 10px;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 20px;
}

.reception-inquiry div {
  width: 75%;
  margin: 0 auto;
}

.reception-inquiry a {
  text-decoration: underline;
}

.reception-inquiry span {
  font-weight: 800;
}


/* キャスター陣と学ぶ 情報の選び方 */
.lead-inner {
  margin: 0 auto;
  width: 1100px;
}

.bs_logo {
  display: block;
  width: 55%;
  margin: 0 auto;
}

.lead-title {
  font-size: 2.5rem;
  font-family: "ヒラギノ角ゴ ProN", sans-serif;
  font-weight: 500;
  padding-bottom: 50px;
}

.lead-title-sub {
  font-size: 16px;
  font-weight: normal;
  position: relative;
  top: -20px;
}

.lead-list {
  width: 720px;
  margin: 0 auto;
}

#lead a {
  text-decoration: underline;
}

.lead-list-dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic StdN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

.lead-list-dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #074aa5;
  color: #ffff;
  border-radius: 7px;
  padding: 10px;
  font-weight: 700;
  width: 20%;
  margin-bottom: 10px;
}

.lead-list-dl dd {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic StdN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  width: 80%;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
  top: 10px;
}

.lead-list-dl dd:first-of-type {
  top: 0;
}

.lead-text {
  font-weight: 700;
  padding-top: 60px;
  width: 995px;
  margin: 0 auto;
}

.lead-text-sub {
  font-size: 16px;
  font-weight: normal;
}

.list-center {
  position: relative;
  top: 5px;
}


/* sponsors */
#sponsors {
  background-image: url(../img/sponser_back.jpg);
  background-size: cover;
}

.box-title {
  color: #074aa5;
  font-weight: 700;
  font-size: 20px;
  padding-top: 30px;
}

#sponsors .box-title,
#movie .box-title {
  padding-top: 10px;
}

.box-title-01 {
  padding-bottom: 20px;
}

.box-title-02 {
  color: #074aa5;
  font-weight: 700;
  font-size: 20px;
}

.sponsors-inner {
  text-align: center;
}

.body section#sponsors .sponsors-logo {
  display: grid;
  max-width: 800px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  place-items: center;
}

.sponsor_img img {
  object-fit: contain;
}


/* movie */
.movie-contents {
  text-align: center;
  font-size: 40px;
}


/* contents */
.contents-cast {
  margin-top: 20px;
}

.contents-theme {
  text-align: center;
  margin: 30px 0;
  font-weight: 800;
}

.contents-theme span {
  font-weight: normal;
}

.contents-cast {
  text-align: left;
}


/* Place */
#place a {
  text-decoration: underline;
}

.place-list {
  width: 730px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.place-list-dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.place-list-dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #074aa5;
  color: #ffff;
  border-radius: 7px;
  padding: 10px;
  font-weight: 700;
  width: 135px;
  margin-bottom: 10px;
}

.place-list-dl dd {
  width: 75%;
  margin-bottom: 10px;
  padding-left: 20px;
}


/* broadcast */
/* 動画 */
.box-broadcast {
  background: #edf5fc;
  padding: 3rem 2rem 5rem;
}

.box-broadcast p {
  text-align: center;
  font-size: 16px !important;
}

.broadcast-contents {
  text-align: center;
}

.box-broadcast-inner {
  width: fit-content;
  margin: 0 auto;
}

.broadcast_ul li {
  list-style: disc;
}

.broadcast_ul li:first-child {
  font-weight: 700;
}


/* 動画 */
.announcement_video_inner_youtube {
  margin: 0 auto;
  width: 70%;
}

.youtube-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube-wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


@media screen and (min-width: 1300px) {
  #bangumi_page_top {
    margin-left: 680px;
  }
}

@media screen and (min-width: 768px) {
  .reception-hed-contents {
    display: block;
    text-indent: 10.5rem;
    margin-top: -20px;
  }
}

@media screen and (max-width: 520px) {
  .body section#sponsors .sponsors-logo {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 520px) {
  .body h2 {
    top: 30px;
    font-size: 1.5rem;
  }

  .body h4 {
    font-size: 1.2rem;
    margin: 30px 0;
  }

  .body p.desc {
    font-size: 1rem;
  }

  .body a.btn {
    padding: 1rem 0;
    font-size: 1rem;
    font-weight: bold;
    margin: 0 auto 1rem;
    width: 100%;
  }

  .body a.btn span {
    display: block;
    font-weight: normal;
    font-size: .5rem;
  }

  .body section#contents th {
    /*アンカーリンクのズレ対策*/
    padding-top: 1rem !important;
    margin-top: -1rem !important;
    padding-bottom: 1rem !important;
  }
}

@media screen and (max-width: 520px) {
  .body .sp-block {
    display: block;
  }

  .body .pc-block {
    display: none;
  }
}

@media screen and (min-width: 521px) {
  .body .sp-block {
    display: none;
  }

  .body .pc-block {
    display: block;
  }
}

.body .anim-box.fadeup.is-animated {
  animation: fadeup 5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeup {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.body section#contents h4 {
  font-weight: bold;
}

#contents {
  background-color: #edf5fc;
  background-size: cover;
  background-repeat: no-repeat;
}

.contents-time {
  font-family: din-2014, Oswald, sans-serif;
  font-size: 18px;
}

.box-contents>.box-title {
  margin-top: 50px;
}

.body .box-contents>p {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #ffffff;
  margin: 0;
}

.box-contents tr {
  height: 490px;
}

.box-contents td {
  align-content: center
}

.body section#contents table {
  border-collapse: separate;
  border-spacing: 0px 20px;
}

.body section#contents table th {
  vertical-align: middle;
  background-color: #0775d7;
  color: #ffffff;
  min-width: 103px;
}

.body section#contents table td {
  background: #fff;
  border: 1px solid #c7c7c7;
  margin-bottom: 2rem;
  text-align: center;
  padding: 2.3rem;
}

.body section#contents .performer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 30px;
  max-width: 800px;
}

.body section#contents .performer li {
  max-width: 136px;
}

.body section#contents .performer li:not(:nth-of-type(1)) {
  margin-left: 20px;
}

.body section#broadcast {
  background: #ffffff;
}

.body section#broadcast h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #07368d;
}

.body section#broadcast p {
  font-size: 20px;
  margin-top: 1rem;
}

.body section#broadcast p a {
  text-decoration: underline;
  font-weight: bold;
  font-size: 22px;
}


/* ブース */
.booth>.box-title {
  color: #000;
}

.booth table {
  width: 1100px;
  margin: 0 auto;
}

.booth th {
  vertical-align: middle;
  color: #ffffff;
}


/* Event */
.body section#event {
  background-image: url(../img/event_back.jpg);
  background-size: cover;
}

.body section#event .box-event {
  background: #ffffff;
  padding: 3rem 2rem 5rem;
}

.body section#event .box-event h3 {
  text-align: center;
  font-weight: bold;
}

.body section#event .box-event h3:not(:nth-of-type(1)) {
  margin-top: 1rem;
}

.body section#event .box-event>p {
  text-align: center;
  font-size: 20px;
  margin-top: 30px;
}

.body section#event .box-event h4 {
  font-weight: bold;
  margin-bottom: 0;
}

.body section#event .box-event .small {
  font-size: 16px;
  margin: 0;
}

.body section#event .box-event .small a {
  text-decoration: underline;
}

.body section#event .box-event .note {
  color: #5c5c5c;
  margin-top: 0.5rem;
}

.attention {
  margin-top: 30px;
  color: #5a5a5a;
  border: 1px solid #c7c7c7;
}

.attention-box {
  width: 800px;
  margin: 0 auto;
}

.attention-text {
  margin-top: 30px;
  font-size: 14px;
}

.entry-fee {
  text-align: center;
}

.event-text-big {
  font-size: 40px;
  font-weight: 600;
}

.box-event .box-title-02 {
  margin-top: 40px;
  margin-bottom: 10px;
}

.body section#event .box-event .scroll {
  background: #fff;
  padding: 1rem;
  height: 300px;
  overflow-y: scroll;
}

.body section#event .box-event .scroll>li:not(:nth-of-type(1)) {
  margin-top: 1rem;
}

.body section#event .box-event .scroll>li h4 {
  font-size: 1rem;
  text-align: left;
  font-weight: bold;
  margin: 0;
}

.body section#event .box-event .scroll>li a {
  text-decoration: underline;
}

.body section#event .box-event .message {
  margin-top: 1rem;
}

.body section#event .box-event .message h3 {
  margin: 1rem 0;
}

.body section#event .box-event .message h4 {
  margin-top: 3rem;
}

.body section#event .box-event .message p,
.body section#event .box-event .message li {
  font-size: 16px;
}

@media screen and (max-width: 520px) {
  .body section#event .box-event .small {
    font-size: 14px;
  }

  .body section#event .box-event .scroll li h4,
  .body section#event .box-event .scroll li p {
    font-size: 14px;
  }
}

/* レスポンシブ */
@media screen and (max-width: 1099px) {
  .body .rayout {
    width: 90%;
    margin: 0 auto;
  }

  .booth table {
    width: 90%;
    margin: 0 auto;
  }

  .reception-inner {
    width: 100%;
  }
}

@media screen and (max-width: 798px) {
  .body section#contents .performer li:not(:nth-of-type(1)) {
    margin-left: 0;
  }

  .body section#contents .performer li img {
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  .attention-box {
    width: 100%;
  }

  .smp_only {
    display: block;
  }

  .pc_only {
    display: none !important;
  }

  /* ページトップに戻る */
  #bangumi_page_top {
    right: 10px;
  }

  /* コンテンツ幅 */
  #event {
    padding: 1.5rem 0;
  }

  #reception {
    padding: 1.5rem 0 0;
  }

  #lead {
    padding-bottom: 50px;
    /* padding-bottom: 0; */
  }

  #movie {
    padding-top: 40px;
    padding-bottom: 0;
  }

  #broadcast {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  #contents {
    padding: 40px 0;
  }

  #sponsors {
    padding-top: 30px;
    padding-bottom: 80px;
  }

  #place {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  #event {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .body h4 {
    margin: 0 0 30px;
  }

  .body p.desc {
    width: 100%;
  }

  /* ロゴ */
  .title_logo {
    top: 20px;
  }

  #sponsors .title_logo {
    width: 280px;
  }

  #movie .title_logo {
    width: 180px;
  }

  .contents-section .title_logo {
    width: 280px;
  }

  #broadcast .title_logo {
    width: 290px;
  }

  #place .title_logo {
    width: 160px;
  }

  #event .title_logo {
    width: 170px;
  }

  .box-title {
    padding-top: 10px;
  }

  #sponsors .box-title,
  #movie .box-title {
    padding-top: 0;
  }

  .bod-banner img {
    width: 80%;
  }

  /* メイン画像 */
  .reception-inner {
    width: 100%;
    display: block;
    font-size: 14px;
  }

  .reception_button img {
    display: block;
    width: 270px;
    margin: 20px auto;
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .still-button-on {
    padding: 20px;
    font-size: 16px;
    width: 280px;
    height: 85px;
  }

  .still-button {
    margin: 30px auto;
    padding: 0 20px;
    font-size: 16px;
    width: 270px;
    height: 85px;
  }

  .still-button span {
    font-size: 14px;
  }

  .reception_button ul {
    font-size: 14px;
  }

  .reception-special-program {
    width: 320px;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 30px;
  }

  .reception-inquiry {
    width: 320px;
    font-size: 14px;
    margin-top: 20px;
  }

  .reception-inquiry div {
    width: 95%;
  }

  .reception-special-program>p>span {
    font-size: 17px;
  }

  .application-button {
    max-width: 300px;
    height: 80px;
    box-shadow: 0 5px 0px #92061b;
  }

  .application-button span:nth-of-type(1) {
    font-size: 20px;
    line-height: 1.0;
    align-items: center;
  }

  .application-button span:nth-of-type(2) {
    font-size: 13px;
  }

  .application-closing {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.5 !important;
    margin: 20px 10px;
  }

  .application-closing span {
    font-size: 14px;
    display: block;
    line-height: 1.5;
  }

  .past-selectbox {
    margin-right: 10px;
    padding-bottom: 40px;
  }

  .past-selectbox-select {
    padding: 5px 10px 5px 10px;
    font-size: 14px;
  }

  .past-selectbox-select:disabled {
    font-size: 14px;
  }

  option {
    font-size: 14px;
  }

  /* イベント概要 */
  .bs_logo {
    width: 100%;
  }

  .lead-text {
    width: 100%;
  }

  .lead-list {
    width: 100%;
  }

  .lead-list-dl {
    display: block;
    text-align: center;
  }

  .lead-list-dl dt {
    width: 100%;
  }

  .lead-list-dl dd {
    width: 100%;
    padding-left: 0;
    top: 0;
  }

  .lead-list li {
    font-size: 14px;
  }

  .lead-title {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .lead-title-sub {
    top: -10px;
  }

  /* contents */
  .box-contents>.box-title {
    margin-bottom: 20px;
  }

  .booth>.box-title {
    margin-bottom: 40px;
  }

  .booth table {
    width: 90%;
    margin: 0 auto;
    border-spacing: 0 !important;
  }

  /* broradcast */

  /* 動画がない場合非表示 */
  /* .box-broadcast {
    padding: 4rem 0rem;
  } */

  /* place*/
  .place-inner>.box-place {
    padding: 0;
  }

  .place-inner>.box-place {
    padding-bottom: 40px;
  }

  .box-place-02 {
    padding: 4rem 1.5rem 0;
  }

  .place-list {
    width: 100%;
    padding-bottom: 0;
  }

  .place-list li {
    font-size: 14px;
  }

  .place-list-dl {
    display: block;
  }

  .place-list-dl dt {
    width: 100%;
  }

  .place-list-dl dd {
    width: 100%;
  }

  .place-list-dl dd:first-of-type {
    top: 0;
  }

  .body .box-place {
    padding: 4rem 0;
  }

  /* movie */
  .movie-inner>.box-place {
    padding: 4rem 0;
  }

  .movie-contents {
    font-size: 35px;
  }

  .announcement_video_inner_youtube {
    width: 100%;
    margin: 0 auto;
  }

  /* event */
  .event-text-big {
    font-size: 20px;
  }

  .attention .ul-list li {
    font-size: 14px;
  }

  /* sponsor */

  .sponsor_img img {
    width: 100%;
    margin: 0 auto;
  }

  .sponsor_img img:nth-of-type(1) {
    padding-right: 0;
  }

  .sponsor_img img:nth-of-type(4) {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 520px) {
  .body section#contents .rayout {
    margin: 0;
    width: 100%;
  }

  .box-contents:first-of-type {
    padding: 3rem 0 0;
  }

  .box-contents {
    width: 90%;
    margin: 0 auto;
  }

  .body section#contents .box-contents .flex {
    display: block;
    margin-bottom: 3rem;
  }

  .body section#contents table th,
  .body section#contents table td {
    padding: 1rem 1.5rem;
    display: block;
    width: 100%;
  }

  .body section#broadcast h3 {
    font-size: 20px;
  }

  .body section#contents table td p {
    text-align: center;
  }

  .body section#contents table td img {
    width: 100%;
  }

  .body .broadcast {
    overflow: scroll;
  }

  .body .broadcast img {
    width: 1900px;
    max-width: 720px;
  }

  .body section#contents .performer li {
    max-width: 200px;
  }

  .body section#contents .performer li:not(:nth-of-type(1)) {
    margin-left: 20px;
  }

  .body section#contents .performer li:nth-of-type(3) {
    margin-left: 0;
  }

  .box-contents>.box-title {
    margin-top: 0;
  }
}

@media screen and (max-width: 520px) {
  .body section#contents .performer li {
    max-width: 110px;
  }
}


/* テレ東BIZはこちら */
.bod-banner {
  background: #e60012;
  color: #fff;
  text-align: center;
  padding: 0 !important;
}

.bod-banner p {
  margin-bottom: 0;
}

.bod-banner img {
  width: 30%;
}

.bod-banner a {
  display: block;
}


/*footer*/
.footer {
  background-color: #162734;
  color: #fff;
  text-align: center;
}

.footer__excuse,
.footer__nav,
.footer__copyright {
  border-bottom: 1px solid #22323e;
}

.footer__excuse {
  padding: 15px 0;
  font-size: 12px;
}

.footer__nav {
  padding: 33px 0;
  font-size: 13px;
}

.footer__nav ul {
  margin-bottom: 10px;
}

.footer__nav ul:last-child {
  margin-bottom: 0;
}

.footer__nav ul::after {
  content: "|";
  font-weight: bold;
}

.footer__nav li {
  display: inline-block;
  padding-right: 10px;
}

.footer__nav li::before {
  content: "|";
  margin-right: 10px;
  font-weight: bold;
}

.footer__nav a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.footer__nav a:hover {
  text-decoration: underline;
}

.footer__copyright {
  padding: 15px 0;
  font-size: 11px;
}

.page-to-tops_button-group {
  padding: 30px 0;
}

.page-to-top {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
  text-align: center;
  border: 1px #fff solid;
  border-radius: 60px;
  background: none;
  cursor: pointer;
}

.fa-angle-up {
  font-size: 18px;
  color: #fff;
}


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

  /*----------footer--------*/
  .footer {
    background-color: #162734;
    color: #fff;
  }

  .footer__nav {
    padding: 0 0 15px;
    line-height: 2;
    font-size: 10px;
  }

  .footer__nav ul {
    margin-bottom: 0;
  }

  .footer__nav ul:last-child {
    margin-bottom: 0;
    padding: 0;
    line-height: 1;
  }

  .footer__nav ul::after {
    content: "";
    font-weight: bold;
  }

  .footer__nav li {
    display: inline-block;
    padding-right: 10px;
  }

  .footer__nav li::before {
    content: "|";
    margin-right: 10px;
    font-weight: bold;
  }

  .footer__nav a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
  }

  .footer__nav a:hover {
    text-decoration: underline;
  }

  .footer__copyright {
    padding: 0 10px 20%;
    font-size: 10px;
    text-align: center;
  }

  .footer__nav ul:last-of-type li:nth-of-type(5):after {
    content: "|";
    font-weight: bold;
    margin-left: 10px;
  }

  .footer__nav ul:last-of-type li:last-of-type {
    margin-top: 10px;
  }

  .kontainer {
    padding: 0 14px;
    text-align: left;
  }

}