@charset "utf-8";

.webpageBox img {
  vertical-align: bottom;
}

/***************
* Google Fonts *
***************/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');

.tv-tokuban_body {
	font-family: 'Shippori Mincho', serif;
  font-size: 15px;
}

.tv-tokuban_body section .box .flex .txt p {
  font-size: 1.2em;
  text-indent: 1em;
  margin: 0 0 1em;
  line-height: 1.75em;
}

.tv-tokuban_body section .box .flex .txt p:last-child {
  margin: 0;
}

.tv-tokuban_body section {
  margin: 4em 0 0;
}

.tv-tokuban_body section:first-child {
  margin: 2em 0 0;
}

.tv-tokuban_body section h2 {
  font-size: 1.4em;
  color: #ffffff;
  border-bottom: 1px solid #0052A5;
}

.tv-tokuban_body section h2 span {
  background-color: #0052A5;
  display: inline-block;
  padding: 0.25em 1em;
}

.tv-tokuban_body section .box {
  padding: 2em 1em 0;
  font-weight: 600;
  line-height: 1.75em;
}

.tv-tokuban_body section .box .flex {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 0 2em;
}

/* .tv-tokuban_body section .box .flex .txt {
  width: 58%;
  margin: 0 2% 0 0;
} */

.tv-tokuban_body section .box .flex .img {
  width: 40%;
  text-align: right;
  line-height: 1.5em;
}

.tv-tokuban_body section .box .flex .img span {
  display: block;
  font-size: 0.9em;
  margin: 0.25em 0 0;
}

.tv-tokuban_body section .box .img_gp ul {
  display: flex;
  gap: 2em;
}

.tv-tokuban_body section .box .date-time {
  font-size: 1.2em;
}

.tv-tokuban_body section .box .date-time span {
  font-size: 1.25em;
}

.tv-tokuban_body .video {
  width: 640px;
  margin: 2em auto 0;
}

@media screen and (max-width: 899px) {
  .tv-tokuban_body {
    font-size: 12px;
    margin: 0 0 3em;
	}

  .tv-tokuban_body section .box .flex {
    flex-direction: column-reverse;
    margin: 0 0 1em;
  }

  .tv-tokuban_body section .box .flex .txt {
    margin: 1em 0 0;
    width: auto;
  }

  .tv-tokuban_body section .box .flex .txt p {
    text-indent: 0;
  }

	.tv-tokuban_body section .box .flex .img {
		width: 75%;
    margin: 0 auto;
		text-align: center;
	}

  .tv-tokuban_body section .box .img_gp ul {
    gap: 1em;
    flex-wrap: wrap;
    padding: 0 2em;
  }

  .tv-tokuban_body .video {
    position: relative;
    width: 90%;
    height: 0;
    padding-top: 56.25%;
    margin: 2em auto 0;
  }

  .tv-tokuban_body .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}