@charset "utf-8";

/* ====================
 * Google Fonts *
==================== */
@import url('https://fonts.googleapis.com/css2?family=Murecho:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Zen+Antique+Soft&display=swap');

#main img {
  vertical-align: middle;
}

#bsn-drama-request_body {
  position: relative;
}

#bdr-sp_bd {
  font-size: 15px;
  background: url(/tv/drama-request/images/bg_bdr.png);
  background-color: #f8df75;
  background-position: top center;
  background-size: 100%;
  position: relative;
}

#bdr-sp_bd img {
  vertical-align: middle;
}

#bdr-sp_bd .header {
  position: relative;
  text-align: center;
  padding: 2em 0 10em;
  overflow: hidden;
  z-index: 1;
}

/* #bdr-sp_bd .header {
  position: relative;
  background: linear-gradient(170deg, #F8DF75 22%, #FAEAA5 0, #FAEAA5 78%, #F8DF75 0);
  z-index: -10;
  text-align: center;
  padding: 2em 0 6em;
  overflow: hidden;
}
*/

#bdr-sp_bd .header .upper_area,
#bdr-sp_bd .header .lower_area,
#bdr-sp_bd section .upper_area,
#bdr-sp_bd section .lower_area {
  position: absolute;
  width: 100%;
  height: 50%;
  z-index: -1;
}

#bdr-sp_bd .header .upper_area,
#bdr-sp_bd section .upper_area {
  top: 0;
}

#bdr-sp_bd .header .lower_area,
#bdr-sp_bd section .lower_area {
  bottom: 0;
}

#bdr-sp_bd .header .upper_area::before,
#bdr-sp_bd .header .upper_area::after,
#bdr-sp_bd .header .lower_area::before,
#bdr-sp_bd .header .lower_area::after,
#bdr-sp_bd section .upper_area::before,
#bdr-sp_bd section .upper_area::after,
#bdr-sp_bd section .lower_area::before,
#bdr-sp_bd section .lower_area::after {
  position: absolute;
  content: "";
  width: 120%;
  height: 2px;
  background: #ffffff;
  z-index: -1;
}

#bdr-sp_bd .header .upper_area::before,
#bdr-sp_bd section .upper_area::before {
  top: 5%;
  right: 0;
  transform-origin: top right;
  transform: rotate(-7.5deg);
}

#bdr-sp_bd .header .upper_area::after,
#bdr-sp_bd section .upper_area::after {
  bottom: -30%;
  right: 0;
  transform-origin: top right;
  transform: rotate(7.5deg);
}

#bdr-sp_bd .header .lower_area::before,
#bdr-sp_bd section .lower_area::before {
  top: 5%;
  left: 0;
  transform-origin: top left;
  transform: rotate(7.5deg);
}

#bdr-sp_bd .header .lower_area::after,
#bdr-sp_bd section .lower_area::after {
  bottom: -30%;
  left: 0;
  transform-origin: top left;
  transform: rotate(-7.5deg);
}

#bdr-sp_bd .header .img_area {
  width: 960px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

#bdr-sp_bd .header .logo {
  width: 720px;
}

/* 拡大 */
.zoomIn {
  animation-name: zoomInAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes zoomInAnime {
  from {
    transform: scale(0.2);
  }

  to {
    transform: scale(1);
  }
}

#bdr-sp_bd .header .special {
  position: absolute;
  bottom: -4em;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 840px;
}

#bdr-sp_bd section {
  position: relative;
  overflow: hidden;
  padding: 0 0 6em;
  z-index: 1;
}

#bdr-sp_bd .box {
  width: 960px;
  margin: 0 auto;
}

#bdr-sp_bd .title {
  font-family: "Noto Serif JP", serif;
  background: #feeee7;
  padding: 2em;
  filter: drop-shadow(1em 1em 0 rgba(20, 20, 20, 0.9));
  border: 0.5em solid #141414;
}

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(6em);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeUpTrigger{
  opacity: 0;
}

#bdr-sp_bd .caption {
  font-weight: 800;
  text-align: center;
  font-style: italic;
}

#bdr-sp_bd .caption p:first-child {
  font-size: 2.4em;

}

#bdr-sp_bd .caption p:first-child span {
  margin: 0 0 0 0.5em;
}

#bdr-sp_bd .caption .og-logo_miu404 {
  width: 720px;
  margin: 0.5em auto;
}

#bdr-sp_bd .caption .onair-date,
#bdr-sp_bd .caption .onair-time  {
  font-size: 2.4em;
}

#bdr-sp_bd .caption .onair-date span,
#bdr-sp_bd .caption .onair-time span {
  font-size: 1.6em;
}

#bdr-sp_bd .caption .onair-date strong {
  color: #ff0000;
}

#bdr-sp_bd .caption .repletion {
  margin: 0.25em 0 0;
}

#bdr-sp_bd .caption .repletion p {
  font-size: 1.2em;
  margin: 0 0 0.25em;
}

#bdr-sp_bd .caption .repletion a {
  color: #0052a4;
  text-decoration: underline;

}

#bdr-sp_bd .intro {
  margin: 2em 0 1em;
  font-weight: 600;
}

#bdr-sp_bd .lead {
  margin: 2em 0 0;
}

#bdr-sp_bd .lead p {
  font-size: 1.8em;
  font-weight: 600;
}

#bdr-sp_bd .lead .miu404 {
  font-size: 1.2em;
  font-weight: 800;
}

#bdr-sp_bd .lead .miu404 span:first-child {
  color: #FF0707;
}

#bdr-sp_bd .lead .miu404 span:last-child {
  color: #293ACC;
}

#bdr-sp_bd .intro p:nth-of-type(1) {
  font-size: 1.4em;
  margin: 0 0 0.5em;
  display: flex;
  align-items: center;
}

#bdr-sp_bd .intro p:nth-of-type(1)::before,
#bdr-sp_bd .intro p:nth-of-type(1)::after {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #741700;
}

#bdr-sp_bd .intro p:nth-of-type(1) span {
  display: block;
  min-width: 20em;
  text-align: center;
  font-weight: 700;
}

#bdr-sp_bd .intro p:nth-of-type(2) {
  font-size: 1.2em;
  text-align: center;
}

#bdr-sp_bd .official-link {
  text-align: center;
}

#bdr-sp_bd .official-link a {
  padding: 0 2em;
  display: inline-block;
  background: #FFFFFF;
  line-height: 2.4em;
  font-weight: 700;
  color: #741700;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  border: #d5bdb0 solid 1px;
}

#bdr-sp_bd .pre-head {
  font-size: 2.4em;
  font-weight: 800;
  text-align: center;
  font-style: italic;
  margin: 0 0 0.5em;
}

#bdr-sp_bd .pre-name {
  margin: 0 0 0.5em;
}

#bdr-sp_bd .pre-name span:nth-of-type(1) {
  color: #FF0707;
}

#bdr-sp_bd .pre-name span:nth-of-type(2) {
  color: #293ACC;
}

#bdr-sp_bd .pre-name span:nth-of-type(3) {
  background: linear-gradient(transparent 70%, #F8DF75 70%);
}

#bdr-sp_bd .pre-img {
  width: 80%;
  margin: 0 auto;
}

#bdr-sp_bd .pre-lead p {
  font-size: 1.8em;
  font-weight: 600;
}

#bdr-sp_bd .pre-lead span {
  font-size: 1.2em;
  font-weight: 800;
}

#bdr-sp_bd .pre-lead .miu-rd {
  color: #FF0707;
}

#bdr-sp_bd .pre-lead .miu-bl {
  color: #293ACC;
}

#bdr-sp_bd .pre-detail {
  margin: 2em 0;
}

#bdr-sp_bd .pre-detail h5 {
  font-size: 1.8em;
  display: flex;
  align-items: center;
}

#bdr-sp_bd .pre-detail h5::before,
#bdr-sp_bd .pre-detail h5::after {
  content: '';
  width: 100%;
  height: 2px;
}

#bdr-sp_bd .pre-detail h5::before {
  background-color: #FF0707;
}

#bdr-sp_bd .pre-detail h5::after {
  background-color: #293ACC;
}

#bdr-sp_bd .pre-detail h5 span {
  display: block;
  min-width: 6em;
  text-align: center;
  font-weight: 800;
}

#bdr-sp_bd .method {
  margin: 2em 0;
}

#bdr-sp_bd .method a {
  background: #F8DF75;
  width: 70%;
  display: block;
  text-align: center;
  font-size: 1.8em;
  margin: 0 auto;
  border-radius: 100vh;
  padding: 0.5em 0;
  color: #000;
  font-weight: 700;
  border: 3px solid #feeee7;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}

#bdr-sp_bd .method a:hover {
  opacity: 1;
  text-decoration: none;
  background: #feeee7;
  border: 3px solid #F8DF75;
  color: #741700;
}

#bdr-sp_bd .pre-detail .apply_box {
  width: 70%;
  margin: 0 auto;
}

#bdr-sp_bd .pre-detail .apply_head {
  justify-content: left;
}

#bdr-sp_bd .pre-detail .apply_head span {
  font-size: 2em;
  font-weight: 700;
  padding: 0;
}

#bdr-sp_bd .pre-detail .apply_head span::before,
#bdr-sp_bd .pre-detail .apply_head span::after {
  content: none;
}

#bdr-sp_bd .pre-detail div.app-dl_box {
  width: 100%;
  font-weight: 700;
}

#bdr-sp_bd .pre-detail div.app-dl_box .app-dl_free {
  font-size: 1.2em;
}

#bdr-sp_bd .pre-detail div.app-dl_box ul.app-dl_process {
  font-size: 1em;
}

#bdr-sp_bd .pre-detail .deadline {
  margin: 1em 0 0;
  font-weight: 600;
  font-size: 1em;
}

#bdr-sp_bd .pre-detail .deadline p:first-child {
  margin: 0 0 0.5em;
  display: flex;
  align-items: center;
  font-size: 1.8em;
}

#bdr-sp_bd .pre-detail .deadline p:first-child span {
  display: block;
  min-width: 6em;
  text-align: center;
  font-weight: 700;
}

#bdr-sp_bd .pre-detail .deadline p:first-child::before,
#bdr-sp_bd .pre-detail .deadline p:first-child::after {
  content: '';
  width: 100%;
  height: 2px;
}

#bdr-sp_bd .pre-detail .deadline p:first-child::before {
  background-color: #FF0707;
}

#bdr-sp_bd .pre-detail .deadline p:first-child::after {
  background-color: #293ACC;
}

#bdr-sp_bd .pre-detail .deadline p:nth-of-type(2) {
  font-size: 1.6em;
  text-align: center;
}

#bdr-sp_bd .pre-detail .deadline p:nth-of-type(2) span {
  font-size: 0.8em;
}

.separator {
  background-image:repeating-linear-gradient(45deg, #790085, #790085 1em, #ff0a7f 1em, #ff0a7f 2em);
  height: 2em;
}

/* === 通常ver === */
#bdr-cmn_bd {
  /* margin: 6em 0 0; */
  /* padding: 6em 0 0; */
  font-size: 15px;
}

#bdr-cmn_bd section {
  margin: 0 0 4em;
}

#bdr-cmn_bd section .box {
  width: 960px;
  margin: 0 auto;
}

#bdr-cmn_bd #cmn_hd {
  /* padding: 6em 0 0; */
  background: #fff4b4;
  text-align: center;
}

#cmn_hd .cmn_img {
  margin: 4em 0;
}

#cmn_hd img {
  /* フタ開けロゴ
  width: 840px;
  */
  /* フタ締めロゴ */
  width: 960px;
}

#bdr-cmn_bd .status {
  font-style: italic;
  font-weight: 500;
  background: #FFEB72;
  color: #000;
  padding: 1em;
  margin: -2em 0 0;
}

#bdr-cmn_bd .status p {
  font-size: 4em;
  font-weight: 800;
  filter: drop-shadow(0.075em 0.075em 0 #fff);
}

#bdr-cmn_bd .status span {
  font-size: 0.75em;
  display: block;
}


#bdr-cmn_bd section .onair-drama {
  text-align: center;
}

#bdr-cmn_bd .onair-drama .start-day {
  font-size: 3em;
  font-weight: 600;
  text-align: center;
  color: #000000;
}

#bdr-cmn_bd .onair-drama .start-day span {
  font-size: 1.25em;
  /* color: #efdb1a; */
  color: #c30d23;
}

#bdr-cmn_bd .onair-drama .start-day span:nth-of-type(2),
#bdr-cmn_bd .onair-drama .start-day span:nth-of-type(3) {
  font-size: 1.5em;
}

#bdr-cmn_bd .onair-drama .time {
  font-size: 3em;
  font-weight: 600;
  text-align: center;
  color: #790085;
}

#bdr-cmn_bd .onair-drama .time span {
  font-size: 1.2em;
  color: #ff0a7f;
}

#bdr-cmn_bd .onair-drama .announce-mini {
  font-size: 1.2em;
}

#bdr-cmn_bd .onair-drama .timetable {
  text-align: center;
  margin: 0.5em 0 0;
}

#bdr-cmn_bd .onair-drama .timetable a {
  font-size: 1.8em;
  color: #0052a5 !important;
}

/*==================================================
　ラインナップはこちら！
==================================================*/
#bdr-cmn_bd section .detail-text {
  text-align: center;
  font-size: 1.8em;
}

#bdr-cmn_bd section .detail-text span {
  font-size: 1.4em;
  font-weight: 600;
  color: #770084;
}

#bdr-cmn_bd section table {
  margin: 1em auto;
}

#bdr-cmn_bd section table,
#bdr-cmn_bd section table th,
#bdr-cmn_bd section table td {
  border: 2px solid #555555;
  border-collapse: collapse;
}

#bdr-cmn_bd section table th,
#bdr-cmn_bd section table td {
  padding: 1em;
  vertical-align: middle;
}

#bdr-cmn_bd section table th {
  background-color: #fff4b4;
}

#bdr-cmn_bd section table th.num {
  width: 5%;
  text-align: center;
  vertical-align: middle;
}

#bdr-cmn_bd section table th.title {
  width: 45%;
}

#bdr-cmn_bd section table th.year {
  width: 10%;
  text-align: center;
}

#bdr-cmn_bd section table th.cast {
  width: 40%;
}

#bdr-cmn_bd section table th.summary {
  width: 100%;
}

#bdr-cmn_bd section table td.num {
  width: 5%;
  text-align: center;
  vertical-align: middle;
}

#bdr-cmn_bd section table td.title {
  width: 45%;
  text-align: center;
  font-size: 1.4em;
}

#bdr-cmn_bd section table td.title a {
  color: #0052a4 !important;
  text-decoration: underline;
}

#bdr-cmn_bd section table td.year {
  width: 10%;
  text-align: center;
}

#bdr-cmn_bd section table td.cast {
  width: 40%;
  text-align: center;
}

#bdr-cmn_bd section table td.summary {
  width: 100%;
}

/*==================================================
　放送履歴
==================================================*/
#bdr-cmn_bd .history {
  font-family: 'Kosugi Maru', sans-serif;
  background-color: #fff4b4;
  padding: 2em;
  border-top: 5px solid #ff0a7f;
  border-left: 5px solid #ff0a7f;
  border-right: 5px solid #770084;
  border-bottom: 5px solid #770084;
}

#bdr-cmn_bd .history .history_head {
  font-size: 2em;
  position: relative;
}

#bdr-cmn_bd .history .history_head:before {
  position: absolute;
  top: calc(50%);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #000;
}

#bdr-cmn_bd .history .history_head span {
  position: relative;
  padding: 0 0.5em 0 0;
  background: #fff4b4;
}

#bdr-cmn_bd .history ul {
  padding: 1em;
}

#bdr-cmn_bd .history ul li {
  border-bottom: 1px dashed;
  padding: 0 0 1em 1em;
  margin: 0 0 1em;
}

#bdr-cmn_bd .history ul li:last-child {
  margin: 0;
}

#bdr-cmn_bd .history ul li img {
  vertical-align: middle;
  padding: 0 0 0 1em;
}

#bdr-cmn_bd .history ul li:nth-of-type(1) img {
  height: 6em;
}

#bdr-cmn_bd .history ul li:nth-of-type(2) img {
  height: 5em;
}

#bdr-cmn_bd .history ul li:nth-of-type(3) img,
#bdr-cmn_bd .history ul li:nth-of-type(7) img {
  height: 4em;
}

#bdr-cmn_bd .history ul li:nth-of-type(4) img,
#bdr-cmn_bd .history ul li:nth-of-type(5) img {
  height: 6em;
}

#bdr-cmn_bd .history ul li:nth-of-type(6) img,
#bdr-cmn_bd .history ul li:nth-of-type(15) img {
  width: 16em;
}

#bdr-cmn_bd .history ul li img[src="/tv/drama-request/images/txt_special.png"] {
  width: 12em;
  padding: 0 0 0 0.5em;
}

#bdr-cmn_bd .history ul li:nth-of-type(16) span {
  font-weight: 600;
  font-size: 1.6em;
  vertical-align: middle;
}

#bdr-cmn_bd .history ul li img[src="/tv/drama-request/images/og-logo_miu404_2024.png"] {
  height: 6em;
  padding: 0 0 0 0.5em;
}

#bdr-cmn_bd .history .papamusu {
  font-size: 3em;
  vertical-align: middle;
  padding: 0 0 0 15px;
}

#bdr-cmn_bd .history .reverse {
  font-size: 3.2em;
  vertical-align: middle;
  padding: 0 0 0 15px;
}

#bdr-cmn_bd .history ul li:nth-of-type(10) img,
#bdr-cmn_bd .history ul li:nth-of-type(11) img,
#bdr-cmn_bd .history ul li:nth-of-type(13) img,
#bdr-cmn_bd .history ul li:nth-of-type(14) img,
#bdr-cmn_bd .history ul li:nth-of-type(17) img,
#bdr-cmn_bd .history ul li:nth-of-type(18) img {
  width: 24em;
}

#bdr-cmn_bd .history ul li:nth-of-type(12) img {
  width: 30em;
}

#bdr-cmn_bd .history .papamusu {
  font-family: 'Murecho', sans-serif;
  color: #50C88C;
  font-weight: 600;
}

#bdr-cmn_bd .history .reverse {
  font-family: 'Zen Antique Soft', serif;
  color: #e4007f;
}

#bdr-cmn_bd .headline {
  background-color: #ff0a7f;
  color: #ffffff;
  text-align: center;
  border-radius: 2em 2em 0 0;
  padding: 1em 0;
}

#bdr-cmn_bd .headline span {
  font-size: 2.4em;
}

#bdr-cmn_bd .out-border {
  border-left: 5px solid #ff0a7f;
  border-right: 5px solid #ff0a7f;
  border-bottom: 5px solid #ff0a7f;
  border-radius: 0 0 2em 2em;
  padding: 2em;
}

div.app-dl_box {
  width: 90%;
  margin: 1em auto 0;
}

div.app-dl_box p.app-dl_head {
  background-color: #0052a4;
  color: #ffffff;
  text-align: center;
  border-radius: 100vh;
  padding: 0.25em 0;
  font-size: 1.2em;
}

div.app-dl_box ul.app-dl_link {
  display: flex;
  margin: 1em;
}

div.app-dl_box ul.app-dl_link li:nth-of-type(2n+1) {
  margin: 0 0.5em;
}

div.app-dl_box .app-dl_free,
div.app-dl_box .apply_process {
  text-align: center;
  font-size: 1.4em;
}

div.app-dl_box ul.app-dl_process {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75%;
  margin: 0.5em auto 0;
  font-size: 1.2em;
}

div.app-dl_box ul.app-dl_process li {
  text-align: center;
}

div.app-dl_box ul.app-dl_process li.app-btn1 {
  width: 38%;
}

div.app-dl_box ul.app-dl_process li.right-arrow {
  width: 10%;
  margin: 0 2%;
}

div.app-dl_box ul.app-dl_process li.app-btn2 {
  width: 50%;
  margin: 2em 0 0;
}

div.app-dl_box ul.app-dl_process li.app-btn1 img,
div.app-dl_box ul.app-dl_process li.app-btn2 img {
  filter: drop-shadow(1px 1px 2px #333333);
}

div.app-dl_box ul.app-dl_process li.app-btn2 img {
  margin: 0 0 0.5em;
}

.howto .apply_box {
  margin: 0 0 2em;
  border-bottom: 0.25em dashed #ccc;
  padding: 0 0 2em;
}

.howto .apply_box.web-form {
  border-bottom: none;
  padding: 0;
}

.apply_head {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  margin: 0 0 1em;
}

.apply_head span {
  font-size: 2.4em;
  position: relative;
  padding: 0 1.8em;
}

.apply_head span::before,
.apply_head span::after {
  content: "";
  background: url(/tv/drama-request/images/ico_tohyo.svg) no-repeat;
  position: absolute;
  width: 1.5em;
  height: 1.5em;
}

.apply_head span::before {
  left: 0;
}

.apply_head span::after {
  right: 0;
}

.apply_form {
  text-align: center;
}

.apply_form a {
  background: #770084;
  border: 0.25em solid #770084;
  color: #ffffff !important;
  font-size: 2em;
  padding: 0.25em 4em;
  display: inline-block;
  border-radius: 100vh;
  font-weight: 500;
  transition: .5s;
}

.apply_form a:hover {
  text-decoration: none;
  opacity: 1;
  background: #fff;
  color: #770084 !important;
}

.post-deadline p:nth-of-type(1) {
  display: flex;
  align-items: center;
  margin: 0 0 1em;
}

.post-deadline p:nth-of-type(1) span {
  font-size: 1.6em;
  display: block;
  min-width: 6em;
  text-align: center;
  font-weight: 600;
}

.post-deadline p:nth-of-type(1)::before,
.post-deadline p:nth-of-type(1)::after {
  content: '';
  width: 100%;
  height: 0.1em;
  background-color: #000;
}

.post-deadline p:nth-of-type(2) {
  text-align: center;
  font-size: 1.6em;
  font-weight: 600;
}

.float_link {
  position: fixed;
  bottom: 12em;
  right: 2em;
  z-index: 2147483648;
}

.float_link a {
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.float_link a :hover {
  text-decoration: none;
}

/*アニメーション*/
.dokundokun {
  animation: dokundokun 2000ms ease infinite;
}

@keyframes dokundokun {
  0%  { transform: scale(1); }
  15% { transform: scale(1.2); }
  30% { transform: scale(1); }
  45% { transform: scale(1.2); }
  70% { transform: scale(1); }
}

.dokundokun p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.5);
  width: 12em;
  height: 12em;
  border-radius: 100vh;
}

.dokundokun img,
.dokundokun span {
  display: block;
}

.float_link a span {
  color: #000;
  font-size: 1.2em;
  font-style: italic;
  margin: -2em 0 0;
  filter: drop-shadow(0.2em 0.2em 0 #fff);
}

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

  #bdr-sp_bd {
    font-size: 12px;
    background-size: 200%;
    padding: 0 0 2em;
  }

  #bdr-sp_bd .header {
    padding: 2em 0 6em;
  }

  #bdr-sp_bd .header .upper_area::after,
  #bdr-sp_bd section .upper_area::after,
  #bdr-sp_bd .header .lower_area::after,
  #bdr-sp_bd section .lower_area::after {
    bottom: 0;
  }

  #bdr-sp_bd .header .img_area {
    width: 80%;
  }

  #bdr-sp_bd .header .special {
    bottom: -2em;
  }

  #bdr-sp_bd section {
    padding: 0 0 4em;
  }

  #bdr-sp_bd .box {
    width: 95%;
  }

  #bdr-sp_bd .title {
    padding: 1em;
  }

  #bdr-sp_bd .caption p:first-child {
    font-size: 2em;
  }

  #bdr-sp_bd .caption .onair-date {
    font-size: 0.8em;
  }

  #bdr-sp_bd .caption p:first-child span {
    margin: 0;
  }

  #bdr-sp_bd .caption .og-logo_miu404 {
    width: auto;
  }

  #bdr-sp_bd .caption .onair-date,
  #bdr-sp_bd .caption .onair-time {
    font-size: 1.6em;
  }

  #bdr-sp_bd .caption .repletion p {
    font-size: 0.8em;
  }

  #bdr-sp_bd .lead p {
    font-size: 1.6em;
  }

  #bdr-sp_bd .intro p:nth-of-type(1) span {
    min-width: 12em;
    font-size: 0.9em;
  }

  #bdr-sp_bd .intro p:nth-of-type(2) {
    text-align: left;
  }

  #bdr-sp_bd .pre-head {
    font-size: 6.5vw;
  }

  #bdr-sp_bd .pre-lead p {
    font-size: 1.4em;
  }

  #bdr-sp_bd .method a {
    width: 90%;
  }

  #bdr-sp_bd .pre-detail .apply_box {
    width: 90%;
  }

  #bdr-sp_bd .pre-detail .deadline p:nth-of-type(2) {
    font-size: 1.2em;
    margin: 0 0.5em;
  }

  /* === 通常ver === */
  #bdr-cmn_bd {
    /* margin: 4em 0 0; */
    font-size: 12px;
  }

  #bdr-cmn_bd section {
    margin: 0 0 2em;
  }

  #cmn_hd .cmn_img {
    margin: 2em 0;
  }

  #cmn_hd img {
    width: 90%;
    /* width: 100%; */
  }

  #cmn_hd .separator {
    height: 1.5em;
  }

  #bdr-cmn_bd .status {
    margin: 0;
  }

  #bdr-cmn_bd .status p {
    /* font-size: 5.75vw; */
    font-size: 7vw;
    filter: drop-shadow(0.1em 0.1em 0 #fff);
  }

  #bdr-cmn_bd .thank p {
    font-size: 4.5vw;
  }

  #bdr-cmn_bd section .box {
    width: 90%;
  }

  #bdr-cmn_bd .headline span {
    font-size: 2em;
  }

  /* #bdr-cmn_bd .onair-drama img {
    width: 80%;
  } */

  #bdr-cmn_bd .onair-drama .start-day,
  #bdr-cmn_bd .onair-drama .time {
    font-size: 5vw;
  }

  #bdr-cmn_bd .status span {
    font-size: 0.6em;
  }

  #bdr-cmn_bd .onair-drama .announce-mini {
    font-size: 0.9em;
  }

  #bdr-cmn_bd .onair-drama .timetable a {
    font-size: 1.2em;
  }

  .scroll-table {
    overflow-x: auto;
    display: block;
  }

  #bdr-cmn_bd section table th,
  #bdr-cmn_bd section table td {
    white-space: nowrap;
    padding: 0.5em 1em;
  }

  #bdr-cmn_bd section table td.title {
    text-align: left;
    font-size: 1.2em;
  }

  #bdr-cmn_bd section table td.cast {
    text-align: left;
  }

  #bdr-cmn_bd .history {
    padding: 1em;
  }

  #bdr-cmn_bd .history ul {
    padding: 1em 0.5em;
  }

  #bdr-cmn_bd .history ul li {
    padding: 0 0 1em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  #bdr-cmn_bd .history ul li img {
    padding: 0 0 0 0.5em;
    max-width: 80%;
  }

  #bdr-cmn_bd .history ul li:nth-of-type(1) img,
  #bdr-cmn_bd .history ul li:nth-of-type(2) img,
  #bdr-cmn_bd .history ul li:nth-of-type(3) img,
  #bdr-cmn_bd .history ul li:nth-of-type(7) img {
    height: auto;
  }

  #bdr-cmn_bd .history ul li:nth-of-type(15) img {
    width: 12em;
  }

  #bdr-cmn_bd .history ul li img[src="/tv/drama-request/images/txt_special.png"] {
    width: 8em;
  }

  #bdr-cmn_bd .history ul li:nth-of-type(16) span {
    font-size: 1.2em;
  }

  #bdr-cmn_bd .history ul li img[src="/tv/drama-request/images/og-logo_miu404_2024.png"] {
    height: auto;
    padding: 0.5em 0 0 1em;
  }

  #bdr-cmn_bd .history .papamusu {
    font-size: 6vw;
  }

  #bdr-cmn_bd .history .reverse {
    font-size: 8vw;
  }

  #bdr-cmn_bd .out-border {
    padding: 1em;
  }

  #bdr-cmn_bd section .detail-text {
    text-align: left;
    font-size: 1.4em;
  }

  .apply_head span {
    font-size: 2em;
  }

  div.app-dl_box {
    width: auto;
    margin: 0.5em auto 0;
  }

  div.app-dl_box ul.app-dl_link {
    margin: 1em 0 0.5em;
  }

  div.app-dl_box ul.app-dl_link .qr {
    display: none;
  }

  div.app-dl_box .app-dl_free,
  div.app-dl_box .apply_process {
    font-size: 1.2em;
  }

  div.app-dl_box ul.app-dl_process {
    width: auto;
  }

  .apply_form a {
    font-size: 1.6em;
    padding: 0.25em 2em;
  }

  .post-deadline p:nth-of-type(2) {
    font-size: 1.2em;
  }

  .dokundokun p {
    width: 8em;
    height: 8em;
  }

  .float_link {
    bottom: 10em;
  }

  .float_link a span {
    font-size: 0.8em;
  }
}