@import url("https://www.tbs.co.jp/saitamanohost_tbs/css/snsicons.css");
@import url("keyframes.css");
/* =================================
	Web Fonts
================================= */
@font-face {
  font-family: 'Paytone One';
  src: url('/um/library/fonts/Paytone_One/PaytoneOne-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
}
div.menu nav ul li a:before, div.menu nav ul li span.soon:before, main > article > header h1:before, div.story article header h2, div.interview article header h2, div.wnew section h2 span, div.tbs-topics article header h2, div.chara article header h2, .idx div.cover div.sns > aside div section > h3, section.story-bn ul li span a.lazy-done:before, ul.yt-lists li span a.yt-playing:after, section.unit > h3 > span > span.relay, article.plylist nav.yt-playlist-btn ul li a.yt-playing:after, .story h2.h2-story span.xl, div.btn-more a, .diary h2.h2-story span.xl {
  font-family: "Paytone One", sans-serif;
  font-weight: 900;
  font-style: normal;
}
/*
.num {
  font-weight: 400;
}
*/
div.stream aside div.unit h2, div.sns-icons aside div:first-child h2, div.menu nav ul li a span, div.menu nav ul li span.soon, /*div.story article header p > span,*/ .news div.btn a, div.tbs-topics article header p.tolist, section.unit > h3, section.unit > div.inner > h4, div.items > h3, div.inner > dl dt span.nm {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}
div.header header p:not(.logo), div.story article header p, div.story article div.txt div.btn a, article.plylist nav.yt-playlist-btn ul li a, .num, main > article > header h1 span, main article > div.outer > div.inner p.title b, section.unit > h2, div.inner p.copy-s, section.unit > div.inner > h3, div.inner p.copy, .caststaff main > article > div.unit > article > h2, main > article > div.unit > article > h2, section.unit.story-bn > h2 > span, h2.h2-story, h2.h2-story .title, div.inner > dl dt span.role {
  font-family: "dela-gothic-one", sans-serif;
  font-weight: 400;
  font-style: normal;
}
section.unit > h3, section.unit > div.inner > h4, div.items > h3, div.stream > aside > div.unit p.csoon {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.old-font {
  font-family: Arial, "貂ｸ繧ｴ繧ｷ繝?繧ｯ Medium", "Yu Gothic Medium", "貂ｸ繧ｴ繧ｷ繝?繧ｯ", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
  font-family: Arial, "貂ｸ譏取悃菴? Medium", "Yu Mincho Medium", "貂ｸ譏取悃菴?", YuMincho, "繝偵Λ繧ｮ繝取?取悃 Pro", "Hiragino Mincho Pro", serif;
  font-weight: bold;
  font-variant-east-asian: jis90;
  -moz-font-feature-settings: "jp90";
  -webkit-font-feature-settings: "jp90";
  font-feature-settings: "jp90";
}
/* =================================
	CSS
================================= */
/* link */
a:link {
  text-decoration: underline;
  color: #FF4D07;
}
a:visited {
  text-decoration: none;
  color: #FF4D07;
}
a:active {
  text-decoration: none;
  color: #FF4D07;
}
a:hover {
  text-decoration: underline;
  color: #FF4D07;
}
/* font size */
.xxl {
  font-size: 150%;
}
.xl {
  font-size: 125%;
}
.l {
  font-size: 112.5%;
}
.s {
  font-size: 83%;
}
.xs {
  font-size: 75%;
}
.xxs {
  font-size: 62.5%;
}
@media all and (max-width: 374px) {
  .xl, .xxl {
    font-size: 112.5%;
  }
  .s, .xs {
    font-size: 62.5%;
  }
}
/* smp br */
@media all and (min-width: 992px) {
  .br-smp {
    display: none;
  }
}
@media all and (max-width: 991.98px) {
  .br-pc {
    display: none;
  }
}
/* smp none */
@media all and (min-width: 992px) {
  .none-smp {
    display: inline;
  }
}
@media all and (max-width: 991.98px) {
  .none-smp {
    display: none;
  }
}
.ff {
  font-family: serif;
}
.lazy {
  display: block;
  position: relative;
}
.wbr {
  white-space: nowrap;
  display: inline-block;
}
/*	copyright
============================== */
div.copyright p {
  line-height: 1.25;
  text-align: center;
}
div.copyright p > small {
  display: block;
  color: #fff
}
@media all and (min-width: 992px) {
  div.copyright p {
    font-size: 75%;
  }
  div.copyright p > small {
    padding: 40px 0;
  }
  div.copyright p a:hover {
    text-decoration: none;
  }
}
@media all and (max-width: 991.98px) {
  div.copyright p {
    font-size: 62.5%;
  }
  div.copyright p > small {
    padding: 30px 12px;
  }
}
/*	background
============================== */
body {
  color: #322A27;
  text-align: center;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: "Hiragino Sans", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", Hiragino Kaku Gothic ProN, Arial, "繝｡繧､繝ｪ繧ｪ", Meiryo, sans-serif;
}
div.cover {
  /**/
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  /**/
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  overflow: hidden;
}
/*
div.cover h2, div.cover h3, div.cover h4, div.cover b {
  font-weight: 600;
}
*/
div.sns-icons aside div:first-child {
  color: #322A27;
}
@media all and (max-width: 991.98px) {
  div.cover {
    min-width: 320px;
  }
}
/*	fix bg
============================== */
@media all and (min-width: 992px) {
  body {
    background-image: url(../img/bg.jpg?0);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
  }
}
@media all and (max-width: 991.98px) {
  body:before {
    content: "";
    width: 100vw;
    height: 100vh;
    background-image: url(../img/bg.jpg?0);
    position: fixed;
    background-size: cover;
    background-position: center center;
    top: 0px;
    left: 0px;
    z-index: -1;
  }
}
/*	YouTube
============================== */
div.mov-outer {
  position: relative;
}
div.mov-inner {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  background-color: #000;
  background-size: cover;
}
div.mov-inner iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 992px) {
  body.story main > article > div.mov-outer, body.story main > article > div.yt-player {
    margin: 0 auto 40px;
    max-width: 800px;
  }
}
@media all and (max-width: 991.98px) {
  body.story main > article > div.mov-outer, body.story main > article > div.yt-player {
    margin: 0 12px 20px;
  }
}
@media print {
  div.mov-inner {
    display: none;
  }
}
/*	.header p
============================== */
div.header header p:not(.logo) {
  color: #322A27;
  text-align: center;
  line-height: 1;
  position: relative;
  z-index: 1;
  text-shadow: 4px 0 0 white, -4px 0 0 white, 0 4px 0 white, 0 -4px 0 white, 4px 4px 0 white, -4px -4px 0 white, 4px -4px 0 white, -4px 4px 0 white, 4px 4px 10px rgba(51, 49, 43, 0.8);
}
div.header header p:not(.logo) > span {
  display: inline-block;
  padding: 0 0.25em;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}
div.header header p:not(.logo) > span > span {
  font-size: 118%;
  color: #FFC927;
}
div.header header p:not(.logo) > span > span.num {
  display: inline-block;
  font-size: 175%;
  line-height: 1;
  transform: translateY(0.08em);
}
div.header header p:not(.logo) > span.yellow {
  color: #FFC927;
  display: inline-block;
  padding: 0;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}
div.header header p:not(.logo) > span.small {
  display: inline-block;
  padding: 0;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  font-size: 81%;
}
@media all and (min-width: 992px) {
  div.header header p:not(.logo) {
    font-size: 340%;
  }
  div.header header p:not(.logo).sub {
    font-size: 240%;
  }
}
@media all and (max-width: 991.98px) {
  div.header header p:not(.logo) {
    font-size: 6vw;
    text-shadow: 2px 0 0 white, -2px 0 0 white, 0 2px 0 white, 0 -2px 0 white, 2px 2px 0 white, -2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white, 2px 2px 10px rgba(51, 49, 43, 0.8);
  }
  div.header header p:not(.logo).sub {
    font-size: 4.2vw;
  }
}
@media all and (max-width: 767px) {
  div.header header p:not(.logo) {
    line-height: 1.2;
  }
  div.header header p.oa_position {
    transform: unset;
  }
  div.header header p:not(.logo) > span.small {
    font-size: 6vw;
  }
  div.header header p:not(.logo) > span.yellow {
    font-size: 118%;
  }
}
/*	menu
============================== */
div.menu {}
div.menu nav {
  position: relative;
  z-index: 2;
  text-align: left;
}
div.menu nav ul {
  display: flex;
  justify-content: center;
  width: 100%;
}
div.menu nav ul li {}
div.menu nav ul li span, div.menu nav ul li a, div.menu nav ul li span.soon {
  display: block;
}
div.menu nav ul li a, div.menu nav ul li span.soon {
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  box-shadow: 4px 4px 4px hsla(16, 12%, 17%, .2);
}
div.menu nav ul li a, div.menu nav ul li span.soon {
  padding: 0.75em 0 1.25em;
}
div.menu nav ul li span.soon {
  opacity: .8
}
div.menu nav ul li a:before, div.menu nav ul li span.soon:before {
  display: block;
  white-space: nowrap;
  line-height: 1.25;
  color: #FF4D07;
}
/* 左上だけ角丸なし */
.radius-tl0 a {
  border-radius: 0 20px 20px 20px;
}
/* 右下だけ角丸なし */
.radius-br0 a {
  border-radius: 20px 20px 0 20px;
}
.radius-br0 span.soon {
  border-radius: 20px 20px 0 20px;
}
div.menu nav ul li.about a:before {
  content: "About";
}
div.menu nav ul li.staff a:before {
  content: "Cast&Staff";
}
div.menu nav ul li.story span.soon:before {
  content: "Story";
}
div.menu nav ul li.chara a:before {
  content: "Character";
}
div.menu nav ul li.news a:before {
  content: "News";
}
div.menu nav ul li.onair a:before {
  content: "OnAir";
}
div.menu nav ul li.original a:before {
  content: "Original";
}
div.menu nav ul li a span, div.menu nav ul li span.soon span {
  color: #322A27;
  display: inline-block;
  line-height: 1.5;
  padding: 0 0.5em;
}
div.menu nav ul li a span.spacer, div.menu nav ul li span.soon span.spacer {
  letter-spacing: -.1em;
}
.about div.menu nav ul li.about a, .story div.menu nav ul li.story a, .caststaff div.menu nav ul li.staff a, .character div.menu nav ul li.chara a, .news div.menu nav ul li.news a, .onair div.menu nav ul li.onair a, .original div.menu nav ul li.original a {
  /*
  background-color: hsla(0, 0%, 100%, 1.00);
  background-image: linear-gradient(0deg, rgba(226, 179, 195, 1), rgba(253, 249, 249, 1));
*/
}
.about div.menu nav ul li.about a:before, .story div.menu nav ul li.story a:before, .caststaff div.menu nav ul li.staff a:before, .character div.menu nav ul li.chara a:before, .news div.menu nav ul li.news a:before, .onair div.menu nav ul li.onair a:before, .original div.menu nav ul li.original a:before {
  color: #FFC927;
}
.about div.menu nav ul li.about a span, .story div.menu nav ul li.story a span, .caststaff div.menu nav ul li.staff a span, .character div.menu nav ul li.chara a span, .news div.menu nav ul li.news a span, .onair div.menu nav ul li.onair a span, .original div.menu nav ul li.original a span {}
@media all and (min-width: 992px) {
  div.menu {
    padding: 14px 0;
  }
  div.menu nav {
    max-width: 1080px;
    margin: 0 auto;
  }
  div.menu nav ul li {
    width: 14.5%;
  }
  div.menu nav ul li:nth-child(2), div.menu nav ul li:nth-child(5) {
    width: 19%;
  }
  div.menu nav ul li:not(:last-child) {
    margin-right: 0.8%;
  }
  div.menu nav ul li a, div.menu nav ul li span.soon {
    padding: 0.75em 0 1.25em;
  }
  div.menu nav ul li a:before, div.menu nav ul li span.soon:before {
    font-size: 190%;
    font-weight: 600;
  }
  div.menu nav ul li a span, div.menu nav ul li span.soon span {
    font-size: 110%;
  }
}
@media all and (max-width: 991.98px) {
  div.menu {
    padding: 2%;
  }
  div.menu nav ul {
    flex-wrap: wrap;
  }
  div.menu nav ul li {
    width: 30%;
  }
  div.menu nav ul li:nth-child(2), div.menu nav ul li:nth-child(5) {
    width: 36%;
  }
  div.menu nav ul li:not(:nth-child(3n)) {
    margin-right: 2%;
  }
  div.menu nav ul li:nth-child(-n+3) {
    margin-bottom: 2%;
  }
  div.menu nav ul li a, div.menu nav ul li span.soon {
    padding: 0.5em 0 0.75em;
  }
  div.menu nav ul li a:before, div.menu nav ul li span.soon:before {
    font-size: 5vw;
  }
  div.menu nav ul li a span, div.menu nav ul li span.soon span {
    font-size: 3.5vw;
  }
  div.menu nav ul li:nth-child(2) a span {
    letter-spacing: -0.1em;
  }
  /* 左上だけ角丸なし */
  .radius-tl0 a {
    border-radius: 0 15px 15px 15px;
  }
  /* 右下だけ角丸なし */
  .radius-br0 a {
    border-radius: 15px 15px 0 15px;
  }
}
/*	p.lines
============================== */
p.lines, dd.lines, div.lines {
  background-position: left bottom;
  background-repeat: repeat;
  text-align: justify;
  text-justify: inter-ideograph;
  padding: 0 0.75em;
  color: #322A27
}
@media all and (min-width: 992px) {
  p.lines, dd.lines, div.lines {
    font-size: 110%;
    background-image: url(../img/line36.png);
    line-height: 36px;
    background-size: 36px 36px;
  }
  p.lines:not(:last-child), dd.lines:not(:last-child), div.lines:not(:last-child) {
    margin-bottom: 36px;
  }
}
@media all and (max-width: 991.98px) {
  p.lines, dd.lines, div.lines {
    font-size: 100%;
    background-image: url(../img/line30.png);
    line-height: 30px;
    background-size: 30px 30px;
    word-break: break-all;
  }
  p.lines:not(:last-child), dd.lines:not(:last-child), div.lines:not(:last-child) {
    margin-bottom: 30px;
  }
}
/*	.pagetop
============================== */
div.pagetop {
  position: fixed;
  transition: right ease 1s;
  display: none;
  z-index: 2;
}
div.pagetop a {
  display: block;
  background-image: url(../img/btn_pagetop.png?0);
  background-size: cover;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media all and (min-width: 992px) {
  div.pagetop {
    bottom: 20px;
  }
  div.pagetop-on {
    right: 30px;
  }
  div.pagetop-off {
    right: -104px;
  }
  div.pagetop a {
    width: 100px;
    height: 100px;
  }
}
@media all and (max-width: 991.98px) {
  div.pagetop {
    bottom: 24px;
  }
  div.pagetop-on {
    right: 0;
  }
  div.pagetop-off {
    right: -70px;
  }
  div.pagetop a {
    width: 68px;
    height: 68px;
  }
}
/*	images
============================== */
div.imgs {
  z-index: -1;
  position: absolute;
  /*	opacity:0.6;*/
}
.idx div.tbs-topics div.imgs {
  z-index: 0;
}
div.imgs span, div.imgs img {
  display: block;
}
div.imgs > span {
  position: relative;
  height: 0;
  padding-top: -webkit-calc(1800 / 1800 * 100%);
  padding-top: calc(1800 / 1800 * 100%);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
div.imgs > span.lazy-done {
  -webkit-animation: fadeIn 800ms;
  animation: fadeIn 800ms;
}
div.imgs > span img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
div.imgs-tl, div.imgs-tr {
  top: 0;
}
div.imgs-bl, div.imgs-br {
  bottom: 0;
}
div.imgs-tl, div.imgs-bl {
  left: 0;
}
div.imgs-tr, div.imgs-br {
  right: 0;
}
@media all and (min-width: 992px) {
  div.imgs {
    width: 440px;
  }
  .idx div.story div.imgs-tl.imgs, .idx div.interview div.imgs-tl.imgs, .lower div.imgs-tl.imgs {
    left: -320px;
    top: -130px;
  }
  .idx div.story div.imgs-br.imgs, .idx div.interview div.imgs-br.imgs, .lower div.imgs-br.imgs {
    right: -220px;
    bottom: -60px;
  }
  .idx div.tbs-topics div.imgs-br.imgs {
    right: 50%;
    margin-right: -800px;
    bottom: 20px;
  }
  .lower div.imgs-tl.imgs {
    left: -160px;
  }
  .lower div.imgs-br.imgs {
    right: -160px;
  }
}
@media all and (max-width: 991.98px) {
  div.imgs {
    width: 280px;
  }
  .idx div.story div.imgs-tl.imgs, .idx div.interview div.imgs-tl.imgs, .lower div.imgs-tl.imgs {
    left: -160px;
    top: -180px;
  }
  .idx div.story div.imgs-br.imgs, .idx div.interview div.imgs-br.imgs, .lower div.imgs-br.imgs {
    right: -40px;
    bottom: -30px;
  }
  .idx div.tbs-topics div.imgs-br.imgs {
    right: -60px;
    bottom: 10px;
  }
  .lower div.imgs-tl.imgs {
    top: -90px;
  }
}
/*	.slider-pics
============================== */
.slider-pics {
  text-align: left;
}
.slider-pics .outer {
  position: relative;
  overflow-x: hidden;
}
.slider-pics .outer ul {
  display: flex;
  flex-wrap: nowrap;
  /**/
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /**/
  width: fit-content;
}
.slider-pics.slider-off .outer ul {
  justify-content: center;
  width: auto;
}
.slider-pics .outer ul.inner li {}
.slider-pics .outer ul.inner li, .slider-pics .outer ul.inner li a, .slider-pics .outer ul.inner li a img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.slider-pics ul li a, .slider-pics ul li a span, .slider-pics ul li a span img {
  display: block;
}
.slider-pics .outer ul.inner li a {
  text-decoration: none;
}
.slider-pics ul li a span {
  position: relative;
}
.slider-pics ul li a span.lazy-done {
  -webkit-animation: fadeIn 500ms;
  animation: fadeIn 500ms;
}
.slider-pics .outer ul.inner li a span.thumb {
  background-position: center center;
  background-size: cover;
}
.slider-pics .outer ul.inner li span.slazy-done img {
  background-image: url(/um/img/play_yt_thumb.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.slider-pics .outer ul.inner li a.yt-playing span.slazy-done img {
  border: 3px solid #f00;
}
@media all and (min-width: 992px) {
  .slider-pics {
    position: relative;
    padding: 12px 0;
  }
  .slider-pics .outer {
    margin: 0 40px;
  }
  .slider-pics .outer ul.inner li:not(:last-child) {
    padding-right: 12px;
  }
  .slider-pics ul li a span.thumb, .slider-pics ul li a span.thumb img {
    width: 202px;
  }
  .slider-pics ul li a span.thumb, .slider-pics ul li a span.thumb img {
    height: 114px;
  }
}
@media all and (max-width: 991.98px) {
  .slider-pics {
    padding: 6px 0;
  }
  .slider-pics .outer {}
  .slider-pics .outer ul.inner li:not(:last-child) {
    padding-right: 6px;
  }
  .slider-pics ul li a span.thumb, .slider-pics ul li a span.thumb img {
    width: 142px;
  }
  .slider-pics ul li a span.thumb, .slider-pics ul li a span.thumb img {
    height: 80px;
  }
}
/*	arrow
============================== */
@media all and (min-width: 992px) {
  .slider-pics ul.ctrl.ctrl-off {
    display: none;
  }
  .slider-pics ul.ctrl li {
    position: absolute;
    top: 50%;
    margin-top: -57px;
  }
  .slider-pics ul.ctrl li.ctrl-lef {
    left: 0;
  }
  .slider-pics ul.ctrl li.ctrl-rig {
    right: 0;
  }
  .slider-pics ul.ctrl li a {
    position: relative;
    width: 40px;
    height: 114px;
    overflow: hidden;
  }
  .slider-pics ul.ctrl li a.off {
    opacity: 0.25;
    cursor: default;
  }
  .slider-pics ul.ctrl li a span {
    display: inline-block;
    color: #333;
    width: 32px;
    height: 32px;
    border: 3px solid #333;
    border-left: 0;
    border-bottom: 0;
    /**/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /**/
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .slider-pics ul.ctrl li.ctrl-lef a span {
    transform: translate(-25%, -50%) rotate(-135deg);
  }
  .slider-pics ul.ctrl li.ctrl-rig a span {
    transform: translate(-75%, -50%) rotate(45deg);
  }
  .slider-pics ul.ctrl li.ctrl-lef a:not(.hidebtn):hover {}
  .slider-pics ul.ctrl li.ctrl-rig a:not(.hidebtn):hover {}
}
@media all and (max-width: 991.98px) {
  .slider-pics ul.ctrl {
    display: none;
  }
}
/*	article.plylist
============================== */
article.plylist .yt-player {
  position: relative;
}
article.plylist nav.yt-playlist-btn ul {
  width: 100%;
  background-color: #fff;
  /*	background-image: linear-gradient(90deg, rgba(190, 224, 250, 1), rgba(251, 194, 235, 1));*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  padding: 8px;
}
.story article.plylist nav.yt-playlist-btn ul {
  width: 100%;
  background-color: #fff;
  /*	background-image: linear-gradient(90deg, rgba(190, 224, 250, 1), rgba(251, 194, 235, 1));*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  padding: 8px 0;
}
article.plylist nav.yt-playlist-btn ul li a {
  display: block;
}
article.plylist nav.yt-playlist-btn ul li a {
  text-decoration: none;
  background-color: hsla(17, 100%, 51%, 1);
  color: #fff;
  padding: 0.4em 0;
  line-height: 1.4;
  position: relative;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
article.plylist nav.yt-playlist-btn ul li a.yt-playing {
  background-color: hsla(0, 0%, 100%, 1);
  background-image: -webkit-gradient(linear, left top, right bottom, from(hsla(0, 0%, 100%, 1)), to(hsla(0, 0%, 100%, 1)));
  background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 1), hsla(0, 0%, 100%, 1));
}
article.plylist nav.yt-playlist-btn ul li a.yt-playing {
  color: hsla(17, 100%, 51%, 1);
}
article.plylist nav.yt-playlist-btn ul li a.yt-playing:after {
  content: "Now Playing";
  background-color: #FFC927;
  color: hsla(0, 0%, 100%, 1);
  display: inline-block;
  line-height: 1.25;
  font-size: 55%;
  padding: .25em 1em;
  position: absolute;
  top: -4px;
  right: -4px;
  /*  background: linear-gradient(45deg, #FF4D07, #FFC927);*/
}
@media all and (min-width: 768px) {
  article.plylist nav.yt-playlist-btn ul li {
    width: calc((100% - 8*2px)/3);
  }
  .story article.plylist nav.yt-playlist-btn ul li:nth-child(1), .story article.plylist nav.yt-playlist-btn ul li:nth-child(2) {
    /*    width: calc((100% - 8px)/2);*/
    width: 100%;
  }
  article.plylist nav.yt-playlist-btn ul li a {
    font-size: 175%;
  }
  .interview article.plylist nav.yt-playlist-btn ul li, .story article.plylist nav.yt-playlist-btn ul li {
    /*    width: calc((100% - 10px)/2);*/
    width: 100%;
    border: 2px solid #FF4D07;
  }
}
@media all and (max-width: 767px) {
  /*article.plylist nav.yt-playlist-btn ul li {
	width:calc((100% - 8px)/2);
}*/
  article.plylist nav.yt-playlist-btn ul {
    gap: 5px;
    padding: 5px;
  }
  article.plylist nav.yt-playlist-btn ul li {
    width: calc((100% - 5*2px)/3);
  }
  .story article.plylist nav.yt-playlist-btn ul li:nth-child(1), .story article.plylist nav.yt-playlist-btn ul li:nth-child(2) {
    /*    width: calc((100% - 5px)/2);*/
    width: 100%;
  }
  .interview article.plylist nav.yt-playlist-btn ul li, .story article.plylist nav.yt-playlist-btn ul li {
    /*    width: calc((100% - 10px)/2);*/
    width: 100%;
    border: 1px solid #FF4D07;
  }
  /*.interview article.plylist nav.yt-playlist-btn ul li:nth-child(1) {
	width:100%;
}*/
  article.plylist nav.yt-playlist-btn ul li a {
    font-size: 83%;
  }
  .interview article.plylist nav.yt-playlist-btn ul li a, .story article.plylist nav.yt-playlist-btn ul li a {
    font-size: 80%;
    letter-spacing: -0.05em;
  }
}
/*	sns-icons_bg
============================== */
div.sns_bg_01 {
  background-color: #fff
}
div.sns_bg_02 {
  background-color: hsla(30, 10%, 92%, 1);
}
/*	tbsv9_banner
============================== */
.tbsv9_banner_w, .tbsv9_banner_responsive, .tbsv9_banner_responsive_pc {
  background: rgba(255, 255, 255, 0.7) url(bg.jpg) center / cover no-repeat;
  background-blend-mode: lighten;
  padding-bottom: 40px
}
.tbsv9_banner_w:not(:last-child) {
  margin-bottom: 0px !important;
  padding: 40px 0;
}
@media all and (min-width: 768px) {
  .tbsv9_banner_w:not(:last-child) {
    margin-bottom: 0px !important;
  }
}