@charset "UTF-8";
/* ギガ　コンテンツレイアウト
=================================================================== */
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@500;700&family=Roboto:wght@600&display=swap');
.thm-page-special .gigaindex .detail {
 font-family: 'BIZ UDPGothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'BIZ UDPGothic', 'YuGothic', 'Yu Gothic', 'メイリオ', Meiryo, sans-serif;
 font-weight: 500;
 letter-spacing: 1px;
 width: 1180px;
 margin: auto;
 position: relative;
}
#gigaContents {
 z-index: 2;
 width: 1180px;
 margin: auto;
 position: relative;
 background-color: #fff;
 color: #222;
}
@media screen and (min-width: 813px) {
 .thm-page-special .gigaindex .detail {
  font-size: 16px;
 }
}
@media screen and (max-width: 812px) {
 .thm-page-special .gigaindex .detail {
  width: 100%;
 }
}
.thm-page-special .gigaindex .head {
 border-bottom: none;
}
.thm-page-special .gigaindex h1 {
 display: none;
}
.youtubebox {
 background: #000;
}
.youtube {
 background: #000;
 position: relative;
 width: 100%;
 padding-top: 56.25%;
}
.youtube iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100% !important;
 height: 100% !important;
}
.colorbarLong9, #gigaindexName, .colorbarLong4 {
 z-index: 1;
}
@media screen and (max-width: 812px) {
 #gigaContents {
  width: 100%;
 }
}
#gigaContents h2.title-sp {
 position: relative;
 text-align: center;
 background: #C80003;
 color: #fff;
 padding: 10px;
 font-weight: bold;
 font-size: 30px;
 margin-top: 30px;
}
#gigaContents h2 a {
 position: absolute;
 bottom: 20px;
 right: 0;
}
#gigaContents p a:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha( opacity=70 )";
}
.clearfix:before {
 clear: both;
 display: block;
 content: "";
}
#gigaContents .cre {
 height: 35px;
 text-align: right;
 color: #999;
 font-size: 9px;
 padding: 5px 0;
}
#gigaContents p {
 font-size: 15px;
 line-height: 1.8;
}
#gigaContents p.min {
 font-size: 11px;
 line-height: 1.5;
 padding-top: 8px;
}
#gigaContents a.banner {
 display: block;
 margin-bottom: 20px;
}
#gigaContents p.read {
 padding: 20px;
}
/* -------------------------------------------
   プロフィール帳スライダー（Swiper代替：素のJS）
   - PC: slidesPerView 2.5 / gap 30px 相当
   - SP: slidesPerView 1.48 / gap 20px 相当
   ------------------------------------------- */
#seiyu_to_yoasobi .aa-slider {
 position: relative;
 background-color: #fff;
 padding: 20px 0;
}
#seiyu_to_yoasobi .aa-slider__viewport {
 overflow: hidden;
 position: relative;
}
#seiyu_to_yoasobi .aa-slider__track {
 display: flex;
 gap: 30px;
 list-style: none;
 margin: 0;
 padding: 0;
 transition: transform 0.5s ease;
 will-change: transform;
}
#seiyu_to_yoasobi .aa-slider__track.is-no-transition {
 transition: none;
}
#seiyu_to_yoasobi .aa-slider__slide {
 flex: 0 0 38%;
 box-sizing: border-box;
 transition: opacity 0.4s ease;
}
#seiyu_to_yoasobi .aa-slider__slide.is-active {
 opacity: 1;
}
#seiyu_to_yoasobi .aa-slider__slide img {
 width: 100%;
 height: auto;
 display: block;
}
#seiyu_to_yoasobi .aa-slider__prev,
#seiyu_to_yoasobi .aa-slider__next {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 width: 70px;
 height: 70px;
 background: #000;
 border-radius: 50%;
 cursor: pointer;
 z-index: 2;
 padding: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: none;
 border: none;
}
#seiyu_to_yoasobi .aa-slider__prev:hover,
#seiyu_to_yoasobi .aa-slider__next:hover,
#seiyu_to_yoasobi .aa-slider__prev:focus-visible,
#seiyu_to_yoasobi .aa-slider__next:focus-visible {
 background: #ffcc00;
}
#seiyu_to_yoasobi .aa-slider__prev {
 left: 12px;
}
#seiyu_to_yoasobi .aa-slider__next {
 right: 12px;
}
#seiyu_to_yoasobi .aa-slider__prev::before,
#seiyu_to_yoasobi .aa-slider__next::before {
 content: "";
 width: 22px;
 height: 22px;
 border-top: 3px solid #fff;
 border-right: 3px solid #fff;
}
#seiyu_to_yoasobi .aa-slider__prev::before {
 transform: rotate(-135deg);
 margin-left: 4px;
}
#seiyu_to_yoasobi .aa-slider__next::before {
 transform: rotate(45deg);
 margin-right: 4px;
}
#seiyu_to_yoasobi .aa-slider__pagination {
 display: flex;
 justify-content: center;
 gap: 6px;
 margin-top: 16px;
 flex-wrap: wrap;
}
#seiyu_to_yoasobi .aa-slider__pagination button {
 width: 30px;
 height: 5px;
 min-height: inherit;
 background: #ccc;
 border: none;
 padding: 0;
 cursor: pointer;
 border-radius: 0;
}
#seiyu_to_yoasobi .aa-slider__pagination button:hover,
#seiyu_to_yoasobi .aa-slider__pagination button:focus-visible {
 background: #888;
}
#seiyu_to_yoasobi .aa-slider__pagination button[aria-selected="true"] {
 background: #000;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .aa-slider__track {
  gap: 20px;
 }
 #seiyu_to_yoasobi .aa-slider__slide {
  flex: 0 0 70%;
 }
 #seiyu_to_yoasobi .aa-slider__pagination button {
  width: 10px;
  height: 5px;
 }
 #seiyu_to_yoasobi .aa-slider__prev,
 #seiyu_to_yoasobi .aa-slider__next {
  width: 36px;
  height: 36px;
 }
 #seiyu_to_yoasobi .aa-slider__prev {
  left: 6px;
 }
 #seiyu_to_yoasobi .aa-slider__next {
  right: 6px;
 }
#seiyu_to_yoasobi .aa-slider__prev::before,
#seiyu_to_yoasobi .aa-slider__next::before {
 content: "";
 width: 12px;
 height:12px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
}
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_title {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-flow: column;
 flex-flow: column;
 gap: 1em;
 margin-bottom: 2em;
 padding-top: 4em;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_title:after {
 content: "";
 display: block;
 height: 2em;
 width: 1px;
 background: #000;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_read {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-flow: column;
 flex-flow: column;
 gap: 3em;
 padding: 3em 3em 1em;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_read {
  padding: 2em;
  margin-bottom: 0;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_read h2 {
 width: 60%;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_read h2 {
  width: 100%;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_read h2 img {
 width: 100%;
 height: auto;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_read p {
 font-size: 18px;
 font-weight: 700;
 text-align: center;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_read h2 {
 font-size: 24px;
 font-size: clamp(18px, 2vw, 24px);
 line-height: 1.8em;
 font-weight: 700;
 text-align: center;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-flow: column;
 flex-flow: column;
 gap: 2em;
 padding: 3em;
 margin-bottom: 3em;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile h2 {
 width: 60%;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile h2 img {
 width: 100%;
 height: auto;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile p {
 text-align: center;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_news {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 1.5em;
 margin-bottom: 3em;
}
@media screen and (min-width: 813px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_read h2 br.sp {
  display: none;
 }
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_read p {
  font-size: 16px;
 }
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile {
  padding: 2em;
 }
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile h2 {
  width: 100%;
 }
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile p {
  font-size: 13px;
  text-align: left;
 }
 #seiyu_to_yoasobi .seiyu_to_yoasobi_news {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 16px;
  padding: 2em;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_news a {
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_news a img {
 width: 100%;
 height: auto;
 border-radius: 8px;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_news a span {
 display: block;
 color: #666;
 font-size: 13px;
 text-align: right;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_info {
 background-color: #000;
 padding: 3em;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-flow: column;
 flex-flow: column;
 gap: 2em;
 max-width: 1000px;
 margin: auto;
 border-radius: 1.5em;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_info {
  padding: 4em 3em;
  font-size: .8em;
  gap: 0;
  margin: 0 20px;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_info .seiyu_to_yoasobi_info_img {
 max-width: 500px;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_info .seiyu_to_yoasobi_info_img img {
 width: 100%;
 height: auto;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_info p {
 max-width: 500px;
 font-size: 16px;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_sns {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 2em 0 5em;
 max-width: 1000px;
 margin: auto;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_sns {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 16px;
  padding: 20px;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_sns .seiyu_to_yoasobi_sns_img {
 width: 70%;
 padding-right: 2em;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_sns .seiyu_to_yoasobi_sns_img {
  width: 100%;
  padding-right: 0;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_sns .seiyu_to_yoasobi_sns_img img {
 border-radius: 8px;
 width: 100%;
 height: auto;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_sns .seiyu_to_yoasobi_sns_x {
 width: 30%;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_sns .seiyu_to_yoasobi_sns_x {
  width: 100%;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_list {
 max-width: 1000px;
 margin: auto;
 padding: 5em 0 2em;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-flow: column;
 flex-flow: column;
 gap: 5em;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_list {
  padding: 3em 20px 0;
  gap: 3.5em;
 }
}
#seiyu_to_yoasobi .-sobby {
 text-align: center;
}
#seiyu_to_yoasobi .-sobby img {
 border-radius: 8px;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 gap: 11%;
 position: relative;
 padding: 4em 1.5em;
 background: #fbe1de;
 border-radius: 1.5em;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 0px;
  padding-top: 2em;
  padding-bottom: 2em;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item.-connect {
 background: #ffffcc;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 1em;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card.-rev {
 -webkit-box-orient: horizontal;
 -webkit-box-direction: reverse;
 -ms-flex-flow: row-reverse;
 flex-flow: row-reverse;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card img {
 width: 200px;
 aspect-ratio: 5 / 6;
 -o-object-fit: cover;
 object-fit: cover;
 object-position: top;
 background-color: #fff;
}
@media screen and (min-width: 813px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card.-column {
  display: flex;
  flex-direction: column;
 }
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card {
  gap: 0;
 }
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card.-column:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
 }
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card img {
  width: 50%;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card .-name {
 font-size: 28px;
 text-align: center;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-flow: column;
 flex-flow: column;
 font-weight: 400;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card .-name {
  font-size: 20px;
 }
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card .-name {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card a {
 padding: 4px 2em;
 margin-top: 1em;
 font-size: 16px;
 display: block;
 text-align: center;
 border-radius: 80px;
 background: #c42d2b;
 color: #fff;
 -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
 box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card a:hover {
 background: #222;
 color: #fff;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card a {
  font-size: 14px;
  padding: 4px 1em;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .week_icon {
 position: absolute;
 left: 50%;
 top: 50%;
 width: 84px;
 height: auto;
 margin-left: -42px;
 margin-top: -42px;
 font-weight: 700;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .week_icon {
  width: 42px;
  top: 0;
  margin-left: -21px;
  margin-top: 21px;
 }
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .week {
 font-family: Poppins, YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
 font-weight: 600;
 line-height: 1;
 letter-spacing: -1px;
 left: 0;
 position: absolute;
 top: -45px;
 width: 100%;
 text-align: center;
 color: #c42d2b;
 font-size: 90px;
 font-weight: 900;
 text-transform: uppercase;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .week.-connect {
 color: #ff9966;
 mix-blend-mode: normal;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .week {
  font-size: 40px;
  top: -24px;
 }
}
.seiyu_to_yoasobi_info_ttl {
 font-size: 3em;
 letter-spacing: normal;
 text-align: center;
 margin: 0 auto;
 font-family: Poppins, YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
 line-height: 1.2em;
 color: #E0B114;
}
.seiyu_to_yoasobi_info_box .logo-abema {
 width: 80%;
 max-width: 400px;
 display: block;
 margin: 30px auto 35px;
}
.seiyu_to_yoasobi_info_box .subttl {
 font-size: 1.8em;
 line-height: 1.5em;
 margin-bottom: 10px;
 margin-bottom: 2vh;
}
.seiyu_to_yoasobi_info_box .info-abema li {
 position: relative;
 margin-left: 25px;
 line-height: 1.5em;
 margin-bottom: 5px;
}
.seiyu_to_yoasobi_info_box .info-abema li::before {
 position: absolute;
 content: "●";
 left: -25px;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_info .cap {
 font-size: 0.7em;
 color: #ccc;
}
@media screen and (min-width: 812px) {
 .seiyu_to_yoasobi_info_box .subttl br {
  display: none;
 }
 .seiyu_to_yoasobi_info_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .seiyu_to_yoasobi_info_box .box {
  width: 60%;
 }
 .seiyu_to_yoasobi_info_box .box-logo {
  width: 35%;
 }
}
@media screen and (max-width: 812px) {
 .seiyu_to_yoasobi_info_box .subttl {
  font-size: 1.5em;
  text-align: center;
 }
}

/* -------------------------------------------
   トレカ ボタン（プロフィール帳ボタンの下に並ぶ二次アクション）
   - 既存 .profile_card a の赤ボタンと視覚階層を分けるため
     パレット内の E0B114（INFORMATION見出しに既出）を採用
   - 背景 #E0B114 / 文字 #222 のコントラスト比 7.5:1（AAA）
   ------------------------------------------- */
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card .treca-btn {
 padding: 4px 2em;
 margin-top: 0.6em;
 font-size: 16px;
 display: block;
 text-align: center;
 border-radius: 80px;
 background: #ff9966;
 color: #fff;
 border: none;
 cursor: pointer;
 font-family: inherit;
 font-weight: 700;
 letter-spacing: 1px;
 -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
 box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
 line-height: 1.5;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card .treca-btn:hover,
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card .treca-btn:focus-visible {
 background: #222;
 color: #fff;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card .treca-btn {
  font-size: 14px;
  padding: 4px 1em;
  margin-top: 1em;
 }
}

/* -------------------------------------------
   プロフィール／トレカ ボタンのサイズ統一
   - 両ボタンで min-width・line-height・box-sizing を揃え
     テキスト長に関わらず同じ幅・同じ高さに見えるよう制御
   - margin-top は各ボタンの既存ルール（a: 1em / treca-btn: 0.6em）をそのまま維持
   ------------------------------------------- */
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card a,
#seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card .treca-btn {
 min-width: 10em;
 box-sizing: border-box;
 line-height: 1.5;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card a,
 #seiyu_to_yoasobi .seiyu_to_yoasobi_profile_item .seiyu_to_yoasobi_profile_card .treca-btn {
  min-width: 8em;
 }
}

/* -------------------------------------------
   トレカ モーダルウィンドウ
   ------------------------------------------- */
.treca-modal {
 position: fixed;
 inset: 0;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 padding: 20px;
 box-sizing: border-box;
 z-index: 9999;
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 -webkit-transition: opacity 0.25s ease, visibility 0s linear 0.25s;
 transition: opacity 0.25s ease, visibility 0s linear 0.25s;
}
.treca-modal.is-open {
 opacity: 1;
 visibility: visible;
 pointer-events: auto;
 -webkit-transition: opacity 0.25s ease, visibility 0s linear 0s;
 transition: opacity 0.25s ease, visibility 0s linear 0s;
}
.treca-modal__backdrop {
 position: absolute;
 inset: 0;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background: rgba(0, 0, 0, 0.65);
 cursor: pointer;
}
.treca-modal__content {
 position: relative;
 max-width: 480px;
 width: 100%;
 background: #fff;
 border-radius: 12px;
 padding: 40px 24px 24px;
 box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
 max-height: 90vh;
 overflow-y: auto;
 box-sizing: border-box;
 -webkit-transform: translateY(12px) scale(0.94);
 -ms-transform: translateY(12px) scale(0.94);
 transform: translateY(12px) scale(0.94);
 opacity: 0;
 -webkit-transition: opacity 0.22s ease, -webkit-transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
 transition: opacity 0.22s ease, transform 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.treca-modal.is-open .treca-modal__content {
 -webkit-transform: translateY(0) scale(1);
 -ms-transform: translateY(0) scale(1);
 transform: translateY(0) scale(1);
 opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
 .treca-modal,
 .treca-modal__content {
  -webkit-transition-duration: 0.01ms;
  transition-duration: 0.01ms;
 }
 .treca-modal__content {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
 }
}
.treca-modal__close {
 position: absolute;
 top: 8px;
 right: 8px;
 width: 48px;
 height: 48px;
 border: none;
 background: transparent;
 line-height: 1;
 cursor: pointer;
 color: #c42d2b;
 padding: 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 border-radius: 50%;
 -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
 transition: background-color 0.2s ease, transform 0.2s ease;
}
.treca-modal__close-icon {
 width: 28px;
 height: 28px;
 display: block;
 -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
 transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.treca-modal__close:hover,
.treca-modal__close:focus-visible {
 background-color: rgba(196, 45, 43, 0.08);
 outline: none;
}
.treca-modal__close:hover .treca-modal__close-icon,
.treca-modal__close:focus-visible .treca-modal__close-icon {
 -webkit-transform: rotate(90deg) scale(1.12);
 -ms-transform: rotate(90deg) scale(1.12);
 transform: rotate(90deg) scale(1.12);
}
.treca-modal__close:active {
 -webkit-transform: scale(0.92);
 -ms-transform: scale(0.92);
 transform: scale(0.92);
}
.treca-modal__close:focus-visible {
 box-shadow: 0 0 0 2px rgba(196, 45, 43, 0.45);
}
@media (prefers-reduced-motion: reduce) {
 .treca-modal__close,
 .treca-modal__close-icon {
  -webkit-transition-duration: 0.01ms;
  transition-duration: 0.01ms;
 }
 .treca-modal__close:hover .treca-modal__close-icon,
 .treca-modal__close:focus-visible .treca-modal__close-icon {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
 }
}
.treca-modal__title {
 font-size: 18px;
 text-align: center;
 margin: 0 0 16px;
 font-weight: 700;
 color: #222;
}
.treca-modal__figure {
 margin: 0;
}
.treca-modal__image {
 width: 100%;
 height: auto;
 display: block;
 border-radius: 8px;
}
.treca-modal__caption {
 text-align: center;
 font-size: 15px;
 margin-top: 12px;
 color: #333;
 letter-spacing: 0.5px;
}
body.u-no-scroll {
 overflow: hidden;
}

/* -------------------------------------------
   SNS Xリンクボタン
   ------------------------------------------- */
#seiyu_to_yoasobi .seiyu_to_yoasobi_sns .seiyu_to_yoasobi_sns_x_btn {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 gap: 10px;
 width: 100%;
 padding: 14px 18px;
 background: #000;
 color: #fff;
 text-decoration: none;
 font-size: 15px;
 font-weight: 700;
 letter-spacing: 0.04em;
 border-radius: 999px;
 box-sizing: border-box;
 -webkit-transition: background-color 0.2s ease, -webkit-transform 0.2s ease;
 transition: background-color 0.2s ease, transform 0.2s ease;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_sns .seiyu_to_yoasobi_sns_x_btn:hover,
#seiyu_to_yoasobi .seiyu_to_yoasobi_sns .seiyu_to_yoasobi_sns_x_btn:focus-visible {
 background: #555;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_sns .seiyu_to_yoasobi_sns_x_icon {
 width: 18px;
 height: 18px;
 -ms-flex-negative: 0;
 flex-shrink: 0;
}
#seiyu_to_yoasobi .seiyu_to_yoasobi_sns .seiyu_to_yoasobi_sns_x_label {
 line-height: 1.2;
}
@media screen and (max-width: 812px) {
 #seiyu_to_yoasobi .seiyu_to_yoasobi_sns .seiyu_to_yoasobi_sns_x_btn {
  font-size: 14px;
  padding: 12px 16px;
 }
}