@charset "UTF-8";
/* CSS Document */
/*all*/
main *, main *::before, main *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 3.5vmin;
  font-family: "M PLUS Rounded 1c", sans-serif;
  letter-spacing: 0.05em;
  -webkit-animation: opa 0.5s ease 0s both;
          animation: opa 0.5s ease 0s both;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 1025px) {
  html {
    font-size: 20px;
  }
}
@-webkit-keyframes opa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body {
  opacity: 0;
  -webkit-transition: 1s ease 0s;
  transition: 1s ease 0s;
  pointer-events: none;
}
body.vis {
  opacity: 1;
  pointer-events: revert;
}

.smooth {
  scroll-behavior: smooth;
}

main {
  overflow: clip;
}

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

.pc {
  display: none;
}
@media screen and (min-width: 1025px) {
  .pc {
    display: revert;
  }
}

h2 {
  position: relative;
  margin: 0 auto;
  font-weight: bold;
  font-size: 3rem;
  text-align: center;
  text-box: trim-both cap alphabetic;
}
.webcast h2 {
  width: 10em;
}
.about h2 {
  width: 5.5em;
}
.cast h2 {
  width: 5em;
}
.onair h2 {
  width: 8.5em;
}
.backnumber h2 {
  width: 8.5em;
}
.podcast h2 {
  width: 8.5em;
}
.creator h2 {
  width: 9em;
  letter-spacing: -0.1em;
}
h2::before, h2::after {
  position: absolute;
  height: 0.75em;
  background-image: url(../img/paws.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  aspect-ratio: 36/40;
}
h2::before {
  bottom: 100%;
  left: 0;
  -webkit-transform: rotateY(180deg) rotateZ(25deg);
          transform: rotateY(180deg) rotateZ(25deg);
}
h2::after {
  top: 100%;
  right: 0;
  -webkit-transform: rotateZ(25deg);
          transform: rotateZ(25deg);
}
h2 span {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 2em;
  background-image: url(../img/mujina-face.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 500/280;
}

.illust {
  position: relative;
  z-index: 5;
}
.illust img {
  position: absolute;
}
.illust-armor img {
  top: -2rem;
  right: 1rem;
  width: 5rem;
}
@media screen and (min-width: 1025px) {
  .illust-armor img {
    right: 3rem;
  }
}
.illust-mirror img {
  top: 1rem;
  left: 1rem;
  width: 6rem;
}
@media screen and (min-width: 1025px) {
  .illust-mirror img {
    left: 3rem;
  }
}
.illust-okina img {
  top: -2rem;
  left: 1rem;
  width: 5rem;
}
@media screen and (min-width: 1025px) {
  .illust-okina img {
    left: 3rem;
  }
}
.illust-kakejiku2 img {
  top: 0;
  right: 1rem;
  width: 5rem;
}
@media screen and (min-width: 1025px) {
  .illust-kakejiku2 img {
    right: 3rem;
  }
}
.illust-owan img {
  top: -1rem;
  right: 1rem;
  width: 6rem;
}
@media screen and (min-width: 1025px) {
  .illust-owan img {
    right: 3rem;
  }
}
.illust-katana img {
  top: 2rem;
  left: 1rem;
  width: 6rem;
}
@media screen and (min-width: 1025px) {
  .illust-katana img {
    left: 3rem;
  }
}
.illust-hagoromo img {
  top: 1rem;
  left: 1rem;
  width: 5rem;
}
@media screen and (min-width: 1025px) {
  .illust-hagoromo img {
    left: 3rem;
  }
}
.illust-chochin img {
  top: 1rem;
  right: 1rem;
  width: 5rem;
}
@media screen and (min-width: 1025px) {
  .illust-chochin img {
    right: 3rem;
  }
}
.illust-byobu img {
  top: 0;
  right: 1rem;
  width: 6rem;
}
@media screen and (min-width: 1025px) {
  .illust-byobu img {
    right: 3rem;
  }
}
.illust-kakejiku img {
  top: -5rem;
  left: 1rem;
  width: 5rem;
}
@media screen and (min-width: 1025px) {
  .illust-kakejiku img {
    left: 3rem;
  }
}

.fixed-btn-x {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 6;
  -webkit-transform: translateX(150%);
          transform: translateX(150%);
  width: 4rem;
  border-radius: 100vh;
  background-image: url(../img/icon-x-w.svg);
  background-position: center;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-color: #000000;
  -webkit-transition: 1s ease 0s;
  transition: 1s ease 0s;
  aspect-ratio: 1/1;
}
.fixed-btn-x::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 100vh;
  background-color: #000000;
  content: "";
  -webkit-animation: wave 1.5s ease infinite both;
          animation: wave 1.5s ease infinite both;
}
@-webkit-keyframes wave {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes wave {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.fixed-btn-x a {
  display: block;
  width: 100%;
  height: 100%;
}
.fixed-btn-x.in {
  -webkit-transform: revert;
          transform: revert;
}

.fixed-btn-tiktok {
  position: fixed;
  top: 6.5rem;
  right: 1rem;
  z-index: 6;
  -webkit-transform: translateX(150%);
          transform: translateX(150%);
  width: 4rem;
  border-radius: 100vh;
  background-image: url(../img/icon-tiktok-w.svg);
  background-position: center;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-color: #000000;
  -webkit-transition: 1s ease 0.2s;
  transition: 1s ease 0.2s;
  aspect-ratio: 1/1;
}
.fixed-btn-tiktok::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 100vh;
  background-color: #000000;
  content: "";
  -webkit-animation: wave 1.5s ease infinite both;
          animation: wave 1.5s ease infinite both;
}
@keyframes wave {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.fixed-btn-tiktok a {
  display: block;
  width: 100%;
  height: 100%;
}
.fixed-btn-tiktok.in {
  -webkit-transform: revert;
          transform: revert;
}

.fixed-webcast {
  position: fixed;
  right: 0;
  bottom: 1rem;
  z-index: 9;
  -webkit-transform: translateX(150%);
          transform: translateX(150%);
  width: 6rem;
  background-color: #dddddd;
  -webkit-transition: 1s ease 0.4s;
  transition: 1s ease 0.4s;
}
.fixed-webcast__thumb {
  width: 100%;
  aspect-ratio: 16/9;
}
.fixed-webcast__thumb img {
  width: 100%;
}
.fixed-webcast__link {
  width: 100%;
}
.fixed-webcast__link img {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  width: 100%;
}
.fixed-webcast.in {
  -webkit-transform: revert;
          transform: revert;
}

.title {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 1025px) {
  .title {
    aspect-ratio: 16/9;
  }
}
.title h1 img {
  width: 100%;
}

.date {
  position: relative;
  padding: 1rem;
  background-color: #f6f0de;
  font-size: 2rem;
}
.date img {
  display: inline-block;
  width: auto;
  height: 1.5em;
  margin: 0 0.25em 0 0;
  vertical-align: sub;
}
.date::before, .date::after {
  position: absolute;
  width: 100%;
  height: 0.75rem;
  border: solid 0.2rem #000000;
  background-image: url(../img/deco-line.svg);
  background-size: 100px auto;
  content: "";
}
.date::before {
  top: 0;
  left: 0;
}
.date::after {
  bottom: 0;
  left: 0;
}
.date p {
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.webcast__title {
  position: relative;
  z-index: 1;
  width: 13em;
  margin: 0 auto 1.5rem;
  padding: 0.5em 0;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.webcast__title::after {
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 50%);
          clip-path: polygon(0 0, 100% 0, 50% 50%);
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 2rem;
  background-color: #000000;
  content: "";
  aspect-ratio: 1/1;
}
.webcast__wrap {
  position: relative;
  width: calc(100% - 2rem);
  max-width: 800px;
  margin: 0 auto;
  padding: 1.75rem 0 0;
  border-right: solid 0.5rem #000000;
  border-left: solid 0.5rem #000000;
  background-color: #c1e1c4;
}
.webcast__wrap::before, .webcast__wrap::after {
  position: absolute;
  width: 100%;
  height: 0.75rem;
  border: solid 0.2rem #000000;
  background-image: url(../img/deco-line.svg);
  background-size: 100px auto;
  content: "";
}
.webcast__wrap::before {
  top: 0;
  left: 0;
}
.webcast__wrap::after {
  bottom: 0;
  left: 0;
}
.webcast__thumb {
  display: none;
  width: calc(100% - 2rem);
  max-width: 500px;
  margin: 0 auto;
  overflow: clip;
  border: solid 0.2rem #000000;
  border-radius: 1rem;
  aspect-ratio: 16/9;
}
.webcast__thumb:has(img) {
  display: revert;
}
.webcast__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.webcast__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem 0.25rem;
}
.webcast__item {
  width: calc(33.3333333333% - 0.5rem);
  margin: 0 0.25rem;
}
.webcast__item a {
  display: block;
  -webkit-transform: translateY(-0.25rem);
          transform: translateY(-0.25rem);
  width: 100%;
  border: solid 0.2rem #000000;
  -webkit-box-shadow: 0 0.25rem 0 #000000;
          box-shadow: 0 0.25rem 0 #000000;
  cursor: pointer;
  aspect-ratio: 2/1;
}
.webcast__item a:hover {
  -webkit-transform: revert;
          transform: revert;
  -webkit-box-shadow: 0 0 0 #000000;
          box-shadow: 0 0 0 #000000;
}
.webcast__item a img {
  width: 100%;
}

.about {
  position: relative;
}
.about__wrap {
  position: relative;
}
.about__wrap p {
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 2;
  text-align: center;
}
.about__wrap p img {
  display: inline-block;
  vertical-align: middle;
}
.about__wrap p img.txt-bakale {
  width: 75%;
  max-width: 400px;
  -webkit-filter: drop-shadow(0 0.2em 0.4em rgba(50, 50, 50, 0.3));
          filter: drop-shadow(0 0.2em 0.4em rgba(50, 50, 50, 0.3));
}

.cast__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0.5rem;
}
.cast__item {
  width: calc(100% - 1rem);
  margin: 1rem 0.5rem;
}
@media screen and (min-width: 1025px) {
  .cast__item {
    width: calc(50% - 2rem);
    margin: 1rem;
  }
}
.cast__pic {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  overflow: clip;
  border-radius: 100vh;
  aspect-ratio: 1/1;
}
.cast__pic img {
  width: 100%;
}
.cast__name {
  margin: 1rem auto;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
}
.cast__profile {
  position: relative;
  width: 100%;
  margin: 0 auto 3rem;
  padding: calc(1em + 0.75rem) 0.5em;
  border-radius: 0.75em;
  line-height: 1.8;
}
.cast__profile::before, .cast__profile::after {
  position: absolute;
  width: 100%;
  height: 0.75rem;
  border: solid 0.2rem #000000;
  background-image: url(../img/deco-line.svg);
  background-size: 100px auto;
  content: "";
}
.cast__profile::before {
  top: 0;
  left: 0;
}
.cast__profile::after {
  bottom: 0;
  left: 0;
}
.cast__profile p {
  position: relative;
  margin: 0 auto;
  padding-left: 1.5em;
  font-size: 0.95rem;
  line-height: 2;
}
.cast__profile p::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: auto;
  height: 1em;
  background-image: url(../img/icon-leaf.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  aspect-ratio: 1/1;
}
.cast__profile p:nth-child(even)::before {
  -webkit-filter: contrast(0.5);
          filter: contrast(0.5);
}
.cast__profile .modal__btn {
  display: block;
  -webkit-transform: translateY(-0.2rem);
          transform: translateY(-0.2rem);
  width: calc(100% - 2rem);
  margin: 1em auto 0;
  padding: 0.75em 0;
  border: solid 0.2rem #000000;
  border-radius: 100vh;
  -webkit-box-shadow: 0 0.2rem 0 #000000;
          box-shadow: 0 0.2rem 0 #000000;
  background-color: #ffca26;
  color: #000000;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.cast__profile .modal__btn.dark {
  background-color: #555555;
  color: #ffffff;
}
.cast__profile .modal__btn:hover {
  -webkit-transform: revert;
          transform: revert;
  -webkit-box-shadow: 0 0 0 #000000;
          box-shadow: 0 0 0 #000000;
}

.profcard {
  width: 100%;
  max-width: 1000px;
  margin: 1rem auto;
  padding: 2rem 1rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
          box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  background-image: url(../img/bg.webp);
  background-size: 300px auto;
  background-color: #f6f0de;
}
.profcard__title {
  position: relative;
  width: calc(100% - 2rem);
  margin: 0 auto 1rem;
  padding: 0.5em 0;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.profcard__title::after {
  -webkit-clip-path: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%);
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: 1rem;
  height: 100%;
  background-color: #000000;
  content: "";
}
.profcard__title::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
  position: absolute;
  top: 0;
  right: calc(100% - 1px);
  width: 1rem;
  height: 100%;
  background-color: #000000;
  content: "";
}
.profcard__box {
  position: relative;
  padding: 1rem 0.5rem 0.5rem;
  border: solid 0.25rem #ffca26;
  border-radius: 0.5rem;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 0.9rem;
}
@media screen and (min-width: 1025px) {
  .profcard__box {
    padding: 1rem 0.5rem 0.5rem;
  }
}
.profcard__box .cate {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0.5em 1em;
  border-radius: 100vh;
  background-color: #000000;
  color: #ffca26;
  font-size: 0.8rem;
  line-height: 1;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.profcard__box li {
  position: relative;
  padding-left: 1.25em;
}
.profcard__box li::before {
  position: absolute;
  top: 0.25em;
  left: 0;
  width: auto;
  height: 1em;
  background-image: url(../img/icon-leaf.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  aspect-ratio: 1/1;
}
.profcard__box li:nth-child(even)::before {
  -webkit-filter: contrast(0.5);
          filter: contrast(0.5);
}
.profcard__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 1rem;
}
@media screen and (min-width: 1025px) {
  .profcard__flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.profcard__item {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .profcard__item {
    width: calc(50% - 0.5rem);
  }
}
.profcard__item:nth-child(1) {
  margin: 0 0 1rem;
}
@media screen and (min-width: 1025px) {
  .profcard__item:nth-child(1) {
    margin: 0;
  }
}
.profcard__item:has(.profcard__pic) {
  width: 7rem;
  margin: 0;
}
@media screen and (min-width: 1025px) {
  .profcard__item:has(.profcard__pic) {
    width: 10rem;
  }
}
.profcard__item:has(.profcard__name) {
  width: calc(100% - 7rem - 1rem);
  margin: 0;
}
@media screen and (min-width: 1025px) {
  .profcard__item:has(.profcard__name) {
    width: calc(100% - 10rem - 1rem);
  }
}
.profcard__pic {
  width: 100%;
  height: 100%;
  padding: 0;
}
.profcard__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
@media screen and (min-width: 1025px) {
  .profcard__name {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 1025px) {
  .profcard__age {
    width: 20em;
    font-size: 1.1rem;
  }
}

.onair {
  display: none;
  position: relative;
}
.onair:has(.onair__content) {
  display: revert;
}
.onair__label {
  display: block;
  position: relative;
  width: calc(100% - 4rem);
  max-width: 500px;
  margin: 1rem auto;
  padding: 0.5rem;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}
.onair__label__arrow {
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1em;
  margin: auto;
  aspect-ratio: 1/1;
}
.onair__label__arrow::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100vh;
  background-image: url(../img/arrow.svg);
  background-position: center;
  background-size: cover;
  background-color: #ffca26;
  content: "";
}
.onair__label:has(:checked) .onair__label__arrow::after {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
.onair__label:hover {
  opacity: 0.75;
}
.onair__label::after {
  -webkit-clip-path: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%);
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: 1rem;
  height: 100%;
  background-color: #000000;
  content: "";
}
.onair__label::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
  position: absolute;
  top: 0;
  right: calc(100% - 1px);
  width: 1rem;
  height: 100%;
  background-color: #000000;
  content: "";
}
.onair__label input {
  display: none;
}
.onair__label__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.onair__label__item:nth-child(1) {
  width: 7rem;
}
.onair__label__item:nth-child(2) {
  width: calc(100% - 7rem);
  padding-left: 1rem;
}
.onair__label__pic {
  width: 100%;
  overflow: clip;
  border-radius: 0.5em;
  background-image: url(../img/logo.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f6f0de;
  aspect-ratio: 16/9;
}
.onair__label__pic img {
  width: 100%;
}
.onair__content {
  display: none;
  width: calc(100% - 2rem);
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 0 2rem;
  border-radius: 1rem;
  background-color: #000000;
  color: #ffffff;
  -webkit-transition: 0.5s ease 0s;
  transition: 0.5s ease 0s;
}
@media screen and (min-width: 1025px) {
  .onair__content {
    width: calc(100% - 6rem);
  }
}
.onair__label:has(:checked) + .onair__content {
  display: revert;
  margin: 0 auto 3rem;
}
#load-onair .onair__content {
  display: revert;
}
.onair__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.onair__item {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .onair__item {
    width: 50%;
  }
}
@media screen and (min-width: 1025px) {
  .onair__item:nth-child(2) {
    margin: 1.75rem 0 0;
  }
}
.onair__date {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0 0 1rem;
  padding: 1rem;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
}
.onair__date::after {
  -webkit-clip-path: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%);
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: 1rem;
  height: 100%;
  background-color: #000000;
  content: "";
}
.onair__date::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
  position: absolute;
  top: 0;
  right: calc(100% - 1px);
  width: 1rem;
  height: 100%;
  background-color: #000000;
  content: "";
}
.onair__number {
  margin: 0 0.5em 0 0;
  color: #ffca26;
}
.onair__creator {
  position: relative;
  margin: 1rem;
}
.onair__creator__pic {
  width: 6rem;
  border: solid 0.2rem #dddddd;
  border-radius: 100vh;
  background-image: url(../img/logo.svg);
  background-position: center;
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-color: #f6f0de;
  cursor: pointer;
  -webkit-transition: 0.3s ease 0s;
  transition: 0.3s ease 0s;
  aspect-ratio: 1/1;
}
.onair__creator__pic:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.onair__creator__pic img {
  width: 100%;
  border-radius: 100vh;
}
.onair__creator__name {
  position: absolute;
  top: 50%;
  left: 7rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 1.5em 0 0;
  padding: 0 0.5em 0 0;
  font-weight: bold;
  font-size: 1.2rem;
  cursor: pointer;
}
.onair__creator__name:hover {
  color: #ffca26;
}
.onair__creator__name::after {
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1em;
  border-radius: 100vh;
  background-image: url(../img/arrow.svg);
  background-position: center center;
  background-size: cover;
  background-color: #ffca26;
  content: "";
  aspect-ratio: 1/1;
}
.onair__btn {
  position: relative;
  -webkit-transform: translateY(-0.3rem);
          transform: translateY(-0.3rem);
  width: 15em;
  margin: 2rem 2rem 2rem auto;
  padding: 0.75rem 0 0.75rem 1rem;
  border-radius: 100vh 0 0 100vh;
  border-radius: 0.75rem;
  background-color: #ffca26;
  color: #000000;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: 0.3s ease 0s;
  transition: 0.3s ease 0s;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  -webkit-filter: drop-shadow(0 0.3rem 0 #bf9600);
          filter: drop-shadow(0 0.3rem 0 #bf9600);
}
.onair__btn::after {
  position: absolute;
  top: 50%;
  right: -1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 3rem;
  border-radius: 100vh;
  background-image: url(../img/arrow-spin.svg);
  background-position: center;
  background-size: 90% auto;
  background-repeat: no-repeat;
  background-color: #ffca26;
  content: "";
  -webkit-transition: 0.5s ease 0s;
  transition: 0.5s ease 0s;
  aspect-ratio: 1/1;
}
.onair__btn.hide {
  -webkit-transform: revert;
          transform: revert;
  -webkit-filter: drop-shadow(0 0 0 #666666);
          filter: drop-shadow(0 0 0 #666666);
}
.onair__btn.hide::after {
  -webkit-transform: translateY(-50%) rotateZ(180deg);
          transform: translateY(-50%) rotateZ(180deg);
}
.onair__art {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  position: relative;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 1025px) {
  .onair__art {
    width: calc(100% - 1rem);
    margin: 0 auto 0 1rem;
    overflow: clip;
    border-radius: 0.75rem;
  }
}
.onair__art__pic {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/logo.svg);
  background-position: center;
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-color: #f6f0de;
  -webkit-transition: 0.5s ease 0s;
  transition: 0.5s ease 0s;
}
.onair__art__pic.hide {
  opacity: 0;
  z-index: -1;
  -webkit-transform: scale(2);
          transform: scale(2);
}
.onair__art__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.onair__art__txt {
  position: relative;
  margin: 2rem 1rem 0;
  padding: 1.75rem 0.75rem;
}
.onair__art__txt::before, .onair__art__txt::after {
  position: absolute;
  width: 100%;
  height: 0.75rem;
  border: solid 0.2rem #000000;
  background-image: url(../img/deco-line.svg);
  background-size: 100px auto;
  content: "";
}
.onair__art__txt::before {
  top: 0;
  left: 0;
}
.onair__art__txt::after {
  bottom: 0;
  left: 0;
}
.onair__art__title {
  margin: 0 auto 1em;
  font-weight: bold;
  font-size: 1.2rem;
}
.onair__art__title__stock {
  display: none;
}
.onair__art__caption {
  padding: 0 0 1rem;
  line-height: 1.8;
}
.onair__art__caption__stock {
  display: none;
}
.onair__links {
  display: none;
  margin: 0 auto;
  padding: 0 0.5rem;
  text-align: center;
}
.onair__links:has(a) {
  display: revert;
}
.onair__links__title {
  position: relative;
  margin: 3rem 1rem 1rem;
  padding: 0.75em 0;
  border-top: double 6px #444444;
  border-bottom: double 6px #444444;
  color: #ffffff;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.onair__link {
  display: inline-block;
  -webkit-transform: translateY(-0.25rem);
          transform: translateY(-0.25rem);
  width: 10rem;
  margin: 0.5rem 0.5rem;
  border: solid 0.2rem #444444;
  -webkit-box-shadow: 0 0.25rem 0 #444444;
          box-shadow: 0 0.25rem 0 #444444;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 2/1;
}
.onair__link:hover {
  -webkit-transform: revert;
          transform: revert;
  -webkit-box-shadow: 0 0 0 #444444;
          box-shadow: 0 0 0 #444444;
}
.onair__link-tiktok {
  position: relative;
  background-image: url(../img/tiktok.webp);
}
.onair__link-tiktok::after {
  display: none;
  position: absolute;
  top: calc(100% + 0.5em);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  padding: 0.3em 0;
  line-height: 1;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.onair__link-tiktok:nth-child(1)::after {
  background-color: #ffffff;
  color: #000000;
  content: "第1弾";
}
.onair__link-tiktok:nth-child(2)::after {
  background-color: #fe2c55;
  color: #ffffff;
  content: "第２弾";
}
.onair__link-tiktok:nth-child(3)::after {
  background-color: #25f4ee;
  color: #000000;
  content: "第３弾";
}
.onair__links:has(.sublink) .onair__link::after {
  display: revert;
}
.onair__link-tver {
  background-image: url(../img/tver_free.webp);
}
.onair__link-locipo {
  background-image: url(../img/locipo_free.webp);
}
.onair__link-hulu {
  background-image: url(../img/hulu.webp);
}
.onair__link-prime {
  background-image: url(../img/primevideo.webp);
}
.onair__backnumber {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - 2rem);
  max-width: 500px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 100vh;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.5s ease 0s;
  transition: 0.5s ease 0s;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.onair__backnumber:hover {
  background-color: #ffca26;
  color: #000000;
}

.backnumber {
  position: relative;
}

.creator {
  display: none;
  z-index: 2;
}
.creator:has(.creator__content) {
  display: revert;
}
.creator__inner {
  position: relative;
  width: calc(100% - 2rem);
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
  overflow: clip;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .creator__inner {
    width: calc(100% - 6rem);
    padding: 2rem;
  }
}
.creator__comingSoon {
  opacity: 0;
  position: relative;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  width: 17em;
  margin: 1em auto;
  padding: 1em;
  border: solid 0.2rem #000000;
  border-radius: 1rem;
  background-color: #f6f0de;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  -webkit-transition: 1s ease 0s;
  transition: 1s ease 0s;
}
@media screen and (min-width: 1025px) {
  .creator__comingSoon {
    width: 30em;
  }
}
.creator__comingSoon.is-trigger {
  opacity: 1;
  -webkit-transform: revert;
          transform: revert;
}
.creator__comingSoon::before, .creator__comingSoon::after {
  opacity: 0;
  position: absolute;
  width: auto;
  height: 7em;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  -webkit-transition: 2s ease 0s;
  transition: 2s ease 0s;
  aspect-ratio: 1/1;
  -webkit-filter: drop-shadow(0 0.2em 0.4em rgba(50, 50, 50, 0.1));
          filter: drop-shadow(0 0.2em 0.4em rgba(50, 50, 50, 0.1));
}
.creator__comingSoon.is-trigger::before, .creator__comingSoon.is-trigger::after {
  opacity: 1;
  -webkit-transform: revert;
          transform: revert;
}
.creator__comingSoon::before {
  right: calc(100% - 3.5em);
  bottom: -2.5em;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  background-image: url(../img/illust-smokeL.svg);
  -webkit-transform-origin: center right;
          transform-origin: center right;
}
.creator__comingSoon::after {
  bottom: -2.5em;
  left: calc(100% - 3.5em);
  background-image: url(../img/illust-smokeR.svg);
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
.creator__btn {
  display: inline-block;
  -webkit-transform: translateY(-0.3rem);
          transform: translateY(-0.3rem);
  width: calc(50% - 2rem);
  max-width: 200px;
  margin: 1rem;
  cursor: pointer;
  aspect-ratio: 1/1;
}
.creator__btn:hover {
  opacity: 0.75;
}
.backnumber .creator__btn {
  display: none;
}
.creator__thumb {
  width: 100%;
  border: solid 0.2rem #000000;
  aspect-ratio: 1/1;
}
.creator__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.creator__thumb__name {
  margin: 1em 0 0;
  font-weight: bold;
}
.creator__content {
  display: none;
  -webkit-clip-path: circle(0 at 50% 50%);
          clip-path: circle(0 at 50% 50%);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100vw;
  height: 100vh;
  height: 100lvh;
  background-color: #ffca26;
  -webkit-transition: 0.75s ease 0s;
  transition: 0.75s ease 0s;
  pointer-events: none;
}
.creator__content.open {
  -webkit-clip-path: circle(75vmax at 50% 50%);
          clip-path: circle(75vmax at 50% 50%);
  -webkit-transition: 1s ease 0s;
  transition: 1s ease 0s;
  pointer-events: revert;
}
.creator__content__inner {
  width: 100%;
  height: 100%;
  padding: 3rem 2rem 6rem;
  overflow-y: auto;
}
.creator__close {
  position: absolute;
  top: 1rem;
  right: 2rem;
  z-index: 1;
  width: 2rem;
  cursor: pointer;
  aspect-ratio: 1/1;
}
.creator__close::after {
  -webkit-clip-path: polygon(10% 0%, 0% 10%, 40% 50%, 0% 90%, 10% 100%, 50% 60%, 90% 100%, 100% 90%, 60% 50%, 100% 10%, 90% 0%, 50% 40%);
          clip-path: polygon(10% 0%, 0% 10%, 40% 50%, 0% 90%, 10% 100%, 50% 60%, 90% 100%, 100% 90%, 60% 50%, 100% 10%, 90% 0%, 50% 40%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  content: "";
  -webkit-transition: 0.5s ease 0s;
  transition: 0.5s ease 0s;
}
.creator__close.black::after {
  background-color: #000000;
}
.creator__close:hover::after {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.creator__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 0 5rem;
}
.creator__item {
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .creator__item:nth-child(1) {
    width: 500px;
  }
  .creator__item:nth-child(2) {
    width: calc(100% - 500px);
    padding: 0 0 0 2rem;
  }
}
.creator__pic {
  opacity: 0;
  width: 100%;
  max-width: 500px;
  margin: 1rem auto;
  border: solid 0.25rem #000000;
  background-color: #000000;
  -webkit-transition: 1s ease 0.5s;
  transition: 1s ease 0.5s;
  aspect-ratio: 1/1;
}
.open .creator__pic {
  opacity: 1;
}
.creator__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.creator__name {
  opacity: 0;
  position: relative;
  max-width: 1000px;
  margin: 1rem auto;
  color: #000000;
  font-weight: bold;
  font-size: 1.2rem;
  -webkit-transition: 1.5s ease 0.5s;
  transition: 1.5s ease 0.5s;
}
.creator__name::before {
  opacity: 0.5;
  white-space: pre;
  content: "creator\a";
}
.open .creator__name {
  opacity: 1;
}
.creator__profile {
  opacity: 0;
  max-width: 1000px;
  margin: 1rem auto;
  color: #000000;
  line-height: 1.8;
  text-align: left;
  -webkit-transition: 2s ease 0.5s;
  transition: 2s ease 0.5s;
}
.open .creator__profile {
  opacity: 1;
}
.creator__profile p {
  margin: 1em auto;
}
.creator__profile a {
  color: #604900;
}
.creator__profile a:hover {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 0.05em;
}
.creator__genre {
  position: relative;
  padding: 0.5em 1em;
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.creator__genre::after {
  -webkit-clip-path: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 0 50%, 100% 100%, 0 100%);
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: 1rem;
  height: 100%;
  background-color: #000000;
  content: "";
}
.creator__genre::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
  position: absolute;
  top: 0;
  right: calc(100% - 1px);
  width: 1rem;
  height: 100%;
  background-color: #000000;
  content: "";
}
.creator__catch {
  margin: 1rem auto;
  font-weight: bold;
}
.creator__maintxt {
  margin: 1rem auto;
}
.creator__snslinks {
  display: none;
  margin: 2rem auto;
}
.creator__snslinks:has(a) {
  display: revert;
}
.creator__snslinks__head {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 100vh;
  background-color: #bf9600;
  color: #ffffff;
  text-align: center;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.creator__snslink {
  position: relative;
  margin: 1em;
  padding-left: 3em;
  line-height: 1.2;
  word-break: break-all;
}
.creator__snslink::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2em;
  border-radius: 0.2em;
  background-position: center;
  background-size: 60% auto;
  background-repeat: no-repeat;
  content: "";
  aspect-ratio: 1/1;
}
.creator__snslink.hp::before {
  background-image: url(https://www.ctv.co.jp/bakale/img/icon-home.svg);
  background-color: #604900;
}
.creator__snslink.instagram::before {
  background-image: url(https://www.ctv.co.jp/assets/svgs/sns/instagram-w.svg);
  background-color: #ff0069;
}
.creator__snslink.tiktok::before {
  background-image: url(https://www.ctv.co.jp/assets/svgs/sns/tiktok-w.svg);
  background-color: #000000;
}
.creator__snslink.youtube::before {
  background-image: url(https://www.ctv.co.jp/assets/svgs/sns/youtube-w.svg);
  background-color: red;
}
.creator__snslink__tips {
  margin: 1rem auto;
  font-size: 0.9em;
  line-height: 1.4;
}
.creator__mov {
  opacity: 0;
  -webkit-transition: 2s ease 0.5s;
  transition: 2s ease 0.5s;
}
.open .creator__mov {
  opacity: 1;
}
.creator__mov__title {
  position: relative;
  margin: 3rem auto 1rem;
  padding: 0.75em 0;
  border-top: double 4px #000000;
  border-bottom: double 4px #000000;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.creator__mov__links {
  text-align: center;
}
.creator__mov__links a {
  display: inline-block;
  -webkit-transform: translateY(-0.25rem);
          transform: translateY(-0.25rem);
  width: 10rem;
  margin: 0.5rem 0.5rem;
  border: solid 0.2rem #000000;
  -webkit-box-shadow: 0 0.25rem 0 #000000;
          box-shadow: 0 0.25rem 0 #000000;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  aspect-ratio: 2/1;
}
.creator__mov__links a.tiktok {
  background-image: url(../img/tiktok.webp);
}
.creator__mov__links a:hover {
  -webkit-transform: revert;
          transform: revert;
  -webkit-box-shadow: 0 0 0 #000000;
          box-shadow: 0 0 0 #000000;
}

.podcast {
  display: none;
  z-index: 1;
}
.podcast:has(.podcast__title) {
  display: revert;
}
.podcast__inner {
  position: relative;
  width: calc(100% - 2rem);
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
  overflow: clip;
  text-align: center;
}
@media screen and (min-width: 1025px) {
  .podcast__inner {
    width: calc(100% - 6rem);
    padding: 2rem;
  }
}
.podcast__title {
  position: relative;
  padding: calc(0.75rem + 0.5em) 0;
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  font-size: 1.2rem;
}
.podcast__title::before, .podcast__title::after {
  position: absolute;
  width: 100%;
  height: 0.75rem;
  border: solid 0.2rem #000000;
  background-image: url(../img/deco-line.svg);
  background-size: 100px auto;
  content: "";
}
.podcast__title::before {
  top: 0;
  left: 0;
}
.podcast__title::after {
  bottom: 0;
  left: 0;
}
.podcast__txt {
  position: relative;
  margin: 2rem auto;
  color: #000000;
  font-weight: bold;
}
.podcast__txt::before {
  white-space: pre;
  content: "出演者\a";
}

#footer {
  position: relative;
}

.share {
  padding: 2rem 0;
}

.share-title {
  padding: 1em 0;
  background-color: #000000;
  color: #f6f0de;
  line-height: 1;
  text-box: trim-both cap alphabetic;
}
.share-title::after {
  border-top: solid 0.5em #000000;
}

.icon-share {
  height: 1em;
  fill: #ffffff;
}

.footer-txt {
  padding: 1rem 0;
  background-color: #000000;
  text-align: center;
}
.footer-txt * {
  color: #f6f0de;
  font-weight: bold;
  line-height: 2;
}

.pagehead {
  position: relative;
  margin: 1em;
  padding: 1rem 0;
  overflow: clip;
  border-radius: 1rem;
}
.pagehead h1 {
  width: 50%;
  max-width: 250px;
  margin: 0 auto;
  aspect-ratio: 1/1;
}
.pagehead h1 img {
  width: 100%;
}

.clip {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1) inset;
}
.cast__pic .clip {
  -webkit-clip-path: circle(50% at 50% 50%);
          clip-path: circle(50% at 50% 50%);
  border-radius: 100vh;
}
.creator__inner > .clip, .podcast__inner > .clip {
  -webkit-clip-path: inset(0 0 0 0 round 1rem);
          clip-path: inset(0 0 0 0 round 1rem);
  border-radius: 1rem;
}
.clip div {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  height: 100lvh;
}
.clip .karesansui {
  background-image: url(../img/bg-karesansui.webp);
  background-position: center center;
  background-size: 435px auto;
  -webkit-filter: grayscale(1) opacity(0.3);
          filter: grayscale(1) opacity(0.3);
}
.clip .bakale {
  background-image: url(../img/bg.webp);
  background-position: center center;
  background-size: 600px auto;
  background-color: #f6f0de;
}

strong {
  font-weight: bold;
}

.fs-06 {
  font-size: 0.6em;
}

.fs-07 {
  font-size: 0.7em;
}

.fs-08 {
  font-size: 0.8em;
}

.fs-09 {
  font-size: 0.9em;
}

.fs-11 {
  font-size: 1.1em;
}

.fs-12 {
  font-size: 1.2em;
}

.fs-13 {
  font-size: 1.3em;
}

.fs-14 {
  font-size: 1.4em;
}

.fs-15 {
  font-size: 1.5em;
}

.fs-16 {
  font-size: 1.6em;
}

.fs-20 {
  font-size: 2em;
}

.fs-25 {
  font-size: 2.5em;
}

.fs-26 {
  font-size: 2.6em;
}

.fs-28 {
  font-size: 2.8em;
}

.fs-30 {
  font-size: 3em;
}

.sc-08 {
  display: inline-block;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.opa-06 {
  opacity: 0.6;
}

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

.lh-1 {
  line-height: 1em;
}

.mar-01 {
  margin: 0 0.1em;
}

.c-main {
  color: #f6f0de;
}

.c-sub {
  color: #ffca26;
}

.c-darkorange {
  color: #ce3400;
}

.c-pink {
  color: #ff267c;
}

.c-blue {
  color: #006cd2;
}

.c-purple {
  color: #ec85ff;
}

.c-lime {
  color: #c5ff26;
}

.c-detail {
  color: #c1e1c4;
}

.c-white {
  color: #ffffff;
}

.sat {
  color: #5da1ff;
}

.sun {
  color: #ff655d;
}

.marker {
  display: inline-block;
  margin: 0 0.2em;
  padding: 0.25em 0.1em;
  line-height: 1;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.marker-black {
  background-color: #000000;
}
.marker-sub {
  background-color: #ffca26;
}

.under {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  text-decoration-thickness: 0.15em;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-box: trim-both cap alphabetic;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}
.under-main {
  -webkit-text-decoration-color: #f6f0de;
          text-decoration-color: #f6f0de;
}
.under-sub {
  -webkit-text-decoration-color: #ffca26;
          text-decoration-color: #ffca26;
}
.under-detail {
  -webkit-text-decoration-color: #c1e1c4;
          text-decoration-color: #c1e1c4;
}

.trigger {
  opacity: 0;
  -webkit-transition: 1s ease 0s;
  transition: 1s ease 0s;
}
.trigger.delay-05 {
  -webkit-transition: 1s ease 0.5s;
  transition: 1s ease 0.5s;
}
.trigger.delay-15 {
  -webkit-transition: 1s ease 1.5s;
  transition: 1s ease 1.5s;
}
.trigger.delay-20 {
  -webkit-transition: 1s ease 2s;
  transition: 1s ease 2s;
}
.trigger.opa.is-trigger {
  opacity: 1;
}
.trigger.slideright {
  -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
}
.trigger.slideright.is-trigger {
  opacity: 1;
  -webkit-transform: revert;
          transform: revert;
}
.trigger.slideup {
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
}
.trigger.slideup.is-trigger {
  opacity: 1;
  -webkit-transform: revert;
          transform: revert;
}
.trigger.fall {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.trigger.fall.is-trigger {
  opacity: 1;
  -webkit-transform: revert;
          transform: revert;
}
.trigger.pop {
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
  transition: 1s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.trigger.pop.is-trigger {
  opacity: 1;
  -webkit-transform: revert;
          transform: revert;
}/*# sourceMappingURL=style.css.map */