.fixed-btns {
  position: fixed;
  inset: 1rem 1rem auto auto;
  width: min(12vw, 60px);
}
.fixed-btns .fixed-btn {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 100vh;
  z-index: 1;
  border: solid 1px #fff;
}
.fixed-btns .fixed-btn + .fixed-btn {
  margin: 1rem 0 auto;
}
.fixed-btns .fixed-btn::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 100vh;
  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-btns .fixed-btn a {
  display: block;
  width: 100%;
  height: 100%;
}
.fixed-btns .fixed-btn + .btn {
  margin: 1rem auto 0;
}
.fixed-btns .fixed-btn--x {
  background-image: url(https://www.ctv.co.jp/assets/svgs/sns/x-w.svg);
  background-position: center;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-color: #000;
}
.fixed-btns .fixed-btn--x::before {
  background-color: #000;
}
.fixed-btns .fixed-btn--tiktok {
  background-image: url(https://www.ctv.co.jp/assets/svgs/sns/tiktok-w.svg);
  background-position: center;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-color: #000;
}
.fixed-btns .fixed-btn--tiktok::before {
  background-color: #000;
}
.fixed-btns .fixed-btn--youtube {
  background-image: url(https://www.ctv.co.jp/assets/svgs/sns/youtube-w.svg);
  background-position: center;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-color: red;
}
.fixed-btns .fixed-btn--youtube::before {
  background-color: red;
}
.fixed-btns .fixed-btn--fb {
  background-image: url(https://www.ctv.co.jp/assets/svgs/sns/facebook-w.svg);
  background-position: center;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-color: #1877f2;
}
.fixed-btns .fixed-btn--fb::before {
  background-color: #1877f2;
}

.fixed-bnrs {
  position: fixed;
  inset: auto 0 0 auto;
  container-type: inline-size;
  width: min(25vw, 125px);
}
.fixed-bnrs:has(:checked) {
  display: none;
}
.fixed-bnrs__close {
  text-box: trim-both cap alphabetic;
  display: block;
  background-color: red;
  color: #fff;
  text-align: center;
  font-size: 12cqw;
  width: 7em;
  padding: 0.5em 0;
  text-align: center;
  margin: 0 auto 1em;
  border-radius: 100vh;
  cursor: pointer;
  position: relative;
}
.fixed-bnrs__close:hover {
  -webkit-filter: brightness(1.2) grayscale(0.2);
          filter: brightness(1.2) grayscale(0.2);
}
.fixed-bnrs__close::after {
  content: "";
  position: absolute;
  background-color: red;
  inset: calc(100% - 1px) auto auto 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
  aspect-ratio: 2/1;
  height: 0.5em;
}
.fixed-bnrs__close input {
  display: none;
}
.fixed-bnrs .fixed-bnr {
  display: block;
  position: relative;
  width: 100%;
}
.fixed-bnrs .fixed-bnr + .bnr {
  margin: 1rem auto 0;
}
.fixed-bnrs .fixed-bnr--tver {
  background-color: rgb(33, 171, 230);
  border: solid 2px rgb(33, 171, 230);
}
.fixed-bnrs .fixed-bnr--hulu {
  background-color: rgb(61, 225, 49);
  border: solid 2px rgb(61, 225, 49);
}
.fixed-bnrs .fixed-bnr:hover {
  -webkit-filter: brightness(1.2) grayscale(0.2);
          filter: brightness(1.2) grayscale(0.2);
}
.fixed-bnrs .fixed-bnr .thumb {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
}
.fixed-bnrs .fixed-bnr .thumb img {
  width: 100%;
  pointer-events: none;
}
.fixed-bnrs .fixed-bnr .txt {
  display: block;
  padding: 0.75em 0 0.5em;
  text-box: trim-both cap alphabetic;
  font-size: 10cqw;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  -webkit-text-stroke: 0.25em #000;
  color: #fff;
  paint-order: stroke fill;
}
.fixed-bnrs .fixed-bnr .txt .strong {
  color: yellow;
}

.fixed-ui {
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateX(150%);
          transform: translateX(150%);
  -webkit-transition: 0.5s ease 0s;
  transition: 0.5s ease 0s;
}
.fixed-ui.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: revert;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}/*# sourceMappingURL=fixed.css.map */