@charset "utf-8";


/*======================================================================

　ときめき爆弾
　
	[01] 基本・レイアウト
	[02] メインビジュアル
	[03] 番宣
	[04] 新着情報
	[05] イントロダクション
    [06] あらすじ
    [07] キャスト
    [08] 見逃し配信
    [09] 作品概要
    [10] SNS
    [11] グッズ
    [12] 相関図
    [13] イベント
    [14] トピック
	[99] メディアクエリ

======================================================================*/


/*------------------------------------------------

	[01] 基本・レイアウト

------------------------------------------------*/

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);*/

html{ scroll-behavior: smooth;}
.sitemap_box{}
#wrapper { font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; width: 100%; padding: 0; background: #000; font-size: 1.8rem; line-height: 1.8; }
.container { border: 1px solid #222; }
.wrapper { display: flex; width: 100%; margin: 0 auto; justify-content: space-between; }
.box_cnt { width: 92%; max-width: 1280px; margin: 0 auto; }
img{height: auto;}


/* Flex Box
---------------------------------*/
.flb { display: flex; flex-wrap: wrap; /*justify-content:center;*/ width: 100%; /*max-width: 1000px;*/ margin: 0 auto; }

a.no_link {color: #fff; text-decoration: none; background: rgba(184,184,184,0.9) !important; pointer-events: none; border-radius: 4px;}

.nav a.no_link {text-decoration: none; background: none !important; pointer-events: none; opacity: 0.5;}
.footNav a.no_link {text-decoration: none; background: none !important; pointer-events: none; opacity: 0.5;}



/* フェード
---------------------------------*/
.scrollin { opacity: 0; transition: all .4s ease; }
.scrollin.show { opacity: 1; transform: none; }
.scr_lr { transform: translate(-1rem, 0); }
.scr_rl { transform: translate(1rem, 0); }
.scr_fadein { transform: translate(0, 0px); }
.scr_up1 { transform: translate(0, 1rem); transition: 0.8s 0s ease; }
.scr_up2 { transform: translate(0, 1rem); transition: 0.8s 0.2s ease; }
.scr_up3 { transform: translate(0, 1rem); transition: 0.8s 0.4s ease; }
.scr_up4 { transform: translate(0, 1rem); transition: 0.8s 0.6s ease; }
.scr_up5 { transform: translate(0, 1rem); transition: 0.8s 0.8s ease; }
.scr_up6 { transform: translate(0, 1rem); transition: 0.8s 1.0s ease; }
.scr_down { transform: translate(0, -1rem); }
.scr_scaleUp { transform: scale(.5); }
.scr_scaleDown { transform: scale(1.5); }
.scr_rotateL { transform: rotate(1rem); }
.scr_rotateR { transform: rotate(1rem); }


/* サブナビ
---------------------------------*/
ul.sub_nav { width: 90%; max-width: 990px; margin: 0 auto; padding-top: 30px; justify-content: center; list-style: none; }
ul.sub_nav li { position: relative; display: inline-block; width: calc(100% / 4 - 30px); margin: 0 15px;  border-radius: 3px; /*padding: 10px; font-size: 1.6rem; font-weight: 500; color: #000;*/ background: #640d5f; }
ul.sub_nav li a { display: block; width: calc(100% - 40px); padding: 2px 20px 10px; text-align: center; /*border-radius: 10px;*/ }
ul.sub_nav li img { width: 100%; max-width: 106px; filter: brightness(0) invert(1); }
ul.sub_nav li.no_link { opacity: 0.3; }
ul.sub_nav li { /*text-decoration: none; padding: 2px 20px 10px;*/ }
ul.sub_nav li::after { position: absolute; bottom: 24px; left: 0; content: ''; width: 100%; height: 2px; background: #000; transform: scale(0, 1); transform-origin: center top; transition: transform .3s; }
ul.sub_nav li:hover { text-decoration: none; background: #fff; opacity: 1; }
ul.sub_nav li:hover img { filter: brightness(0) invert(0); }
ul.sub_nav li:hover::after { transform: scale(1, 1); }

.nav01 ul.sub_nav > li:nth-child(1),
.nav02 ul.sub_nav > li:nth-child(2),
.nav03 ul.sub_nav > li:nth-child(3),
.nav04 ul.sub_nav > li:nth-child(4),
.nav05 ul.sub_nav > li:nth-child(5) { display: none; }



.footNav { width: 100%; margin: auto; text-align: center; }
.footNav li { display: inline-block; position: relative; margin-right: 20px; font-size: 0.85rem; font-weight: 600; color: #3f3f3f; vertical-align: middle; }
.footNav li:last-child { margin-right: 0px; }
.footNav li a { color: #3f3f3f; text-decoration: none; }
.footNav li a:hover { color: #3f3f3f; }
.footNav li:after { content: ""; display: block; width: 1px; height: 14px; background: #3f3f3f; position: absolute; top: 4px; right: -15px; /*-webkit-transform: rotate(30deg); transform: rotate(30deg);*/ }
.footNav li:last-child:after { content: unset; }


/* フッタ
---------------------------------*/
#foot_area_nav { width: 90%; margin: 0 auto; }
#foot_area_nav .area_nav { background: rgba(255,255,255,1); }
footer#common_foot { margin: 0; }


/* リンク
---------------------------------*/
a { color: var(--main-color); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
a:link		{}
a:visited	{}
a:hover		{text-decoration:none; opacity:0.7;}
a:active	{text-decoration:none;}


/* 見出し
---------------------------------*/
.idolofthedead h2 { margin: 50px 0; }
.idolofthedead h2 img { width: 100%; max-width: 1200px; }
.cmn_tp .idolofthedead h2 img { width: 60%; }
.idolofthedead h3 { margin: 0 auto 60px; padding: 0 0 14px; text-align: center; z-index: 3; position: relative; }
.idolofthedead h3 img { position: relative; z-index: 2; width: 100%; max-width: 300px; }
/*.idolofthedead #box_mci h3 { border-bottom: none; }*/
.idolofthedead #box_comment h3 { border-bottom: none; }

.idolofthedead h4 {width: 100%; margin: 0 0 3rem; padding: 0.8rem 0; font-size: 2.4rem; font-weight: 600; letter-spacing: 0.09em; line-height: 1.8; color: #3f3f3f; background-image: linear-gradient(90deg, #e70012 0 10%, #787878 10%); background-repeat: no-repeat; background-size: 100% 4%; background-position: bottom;}

.idolofthedead h5 { margin: 0 0 10px; padding: 0 0 8px; font-size: 1.0rem; font-weight: 600; letter-spacing: 0.09em; line-height: 1.0; color: #fff; border-bottom: 3px solid #fff; }
.idolofthedead #box_event h5 { margin: 0; font-size: 1.8rem; font-weight: 300; }

/*.bar { width: 100%; height: auto; margin: -44px auto 44px; transform: rotate(-4deg); border-bottom: 6px solid #e538cd; }*/


/* 脚注
---------------------------------*/

/* 共通
---------------------------------*/
/*共通カラー：
メインカラー（）
サブカラー（）*/
:root{
 --main-color:#e538cd;/* color: var(--main-color); */
 --sub-color01:#34AFF3;/* color: var(--sub-color01); */
 --sub-color02:#741214;	/* color: var(--sub-color02); */
}



/*------------------------------------------------

	[02] メインビジュアル

------------------------------------------------*/
/*.main { display: flex; width: 100%; }
.inr_main { width: 100%; }
.main img { width: 100%; }*/
.main { position: relative; }
.inr_main { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; max-width: 1200px;height: 100%; margin: 0 auto; z-index: 2; }

/*.loop_wrap { display: flex; flex-direction: column; width: 100%; height: calc(100vw * .7);  ループエリアの高さを調整  overflow: hidden; position: absolute; top: 0; left: 0; z-index: 1; }
.cmn_tp .loop_wrap { height: calc(100vw* .3); max-height: 240px; }
.loop_wrap img { width: 100%; height: auto; min-height: 100vh;  画像がエリアを縦方向に埋める  }*/

/*@keyframes loop {
   0% { transform: translateY(100%); }
   to { transform: translateY(-100%); }
}

@keyframes loop2 {
   0% { transform: translateY(0); }
   to { transform: translateY(-200%); }
}
*/
/*.loop_wrap img:first-child { animation: loop 100s -50s linear infinite; } 
.loop_wrap img:last-child { animation: loop2 100s linear infinite; }*/
/*.glitch { background: #000 no-repeat center; background-size: 0; height: 80vh; position: relative; overflow: hidden; }
.cmn_tp .glitch { height: 28vh; }
.glitch::before, .glitch::after,
.glitch .channel { background: inherit; background-size: inherit; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.glitch::before { animation: glitch-before 3s linear infinite alternate both; content: ""; }
@keyframes glitch-before {
  0% {
    clip-path: polygon(0% 31.9082159444%, 100% 31.9082159444%, 100% 36.6198790423%, 0% 36.6198790423%);
    transform: translate(-7.6674686222%, 0.4534887787%);
  }
  2% {
    clip-path: polygon(0% 7.5500738906%, 100% 7.5500738906%, 100% 15.5935237957%, 0% 15.5935237957%);
    transform: translate(-1.1438516127%, -0.3814318498%);
  }
  4% {
    clip-path: polygon(0% 43.4097079053%, 100% 43.4097079053%, 100% 52.1684510155%, 0% 52.1684510155%);
    transform: translate(1.2781204263%, -0.3172913315%);
  }
  6% {
    clip-path: polygon(0% 44.8176609922%, 100% 44.8176609922%, 100% 46.76689293%, 0% 46.76689293%);
    transform: translate(-0.2999627644%, -0.4913627645%);
  }
  8% {
    clip-path: polygon(0% 12.8653482093%, 100% 12.8653482093%, 100% 22.267835498%, 0% 22.267835498%);
    transform: translate(4.2227821949%, 0.2583852926%);
  }
  10% {
    clip-path: polygon(0% 52.6898136351%, 100% 52.6898136351%, 100% 60.3306401305%, 0% 60.3306401305%);
    transform: translate(3.7305346917%, 0.2941268441%);
  }
  12% {
    clip-path: polygon(0% 75.1545915715%, 100% 75.1545915715%, 100% 76.9798365169%, 0% 76.9798365169%);
    transform: translate(0.1704373362%, 0.2052854455%);
  }
  14% {
    clip-path: polygon(0% 38.8394416623%, 100% 38.8394416623%, 100% 46.5362002348%, 0% 46.5362002348%);
    transform: translate(3.5977428674%, 0.4368766436%);
  }
  16% {
    clip-path: polygon(0% 15.6211689648%, 100% 15.6211689648%, 100% 20.8368298157%, 0% 20.8368298157%);
    transform: translate(0.1552445441%, 0.1078435695%);
  }
  18% {
    clip-path: polygon(0% 23.2262816814%, 100% 23.2262816814%, 100% 27.685402981%, 0% 27.685402981%);
    transform: translate(-4.670375666%, -0.2467758544%);
  }
  20%, 100% {
    clip-path: none;
    transform: none;
  }
}
.glitch::after { animation: glitch-after 3s linear infinite alternate both; content: ""; }
@keyframes glitch-after {
  0% {
    clip-path: polygon(0% 42.5331875672%, 100% 42.5331875672%, 100% 46.9398662103%, 0% 46.9398662103%);
    transform: translate(3.5888817418%, 0.1806573233%);
  }
  2% {
    clip-path: polygon(0% 41.432397919%, 100% 41.432397919%, 100% 47.931345124%, 0% 47.931345124%);
    transform: translate(-7.1293127211%, 0.3077149835%);
  }
  4% {
    clip-path: polygon(0% 19.0198655368%, 100% 19.0198655368%, 100% 27.2247802061%, 0% 27.2247802061%);
    transform: translate(-0.0114736168%, -0.2725145178%);
  }
  6% {
    clip-path: polygon(0% 85.0364510177%, 100% 85.0364510177%, 100% 88.3569926197%, 0% 88.3569926197%);
    transform: translate(-4.525837865%, -0.4286478274%);
  }
  8% {
    clip-path: polygon(0% 47.1968540706%, 100% 47.1968540706%, 100% 55.7249910788%, 0% 55.7249910788%);
    transform: translate(1.7895675655%, 0.0422974528%);
  }
  10% {
    clip-path: polygon(0% 27.4972595008%, 100% 27.4972595008%, 100% 31.8445175297%, 0% 31.8445175297%);
    transform: translate(0.8282921036%, -0.1861544241%);
  }
  12% {
    clip-path: polygon(0% 86.1920802753%, 100% 86.1920802753%, 100% 92.8382064511%, 0% 92.8382064511%);
    transform: translate(2.5185565799%, -0.1438787518%);
  }
  14% {
    clip-path: polygon(0% 9.9689267762%, 100% 9.9689267762%, 100% 16.7369913936%, 0% 16.7369913936%);
    transform: translate(1.863004964%, 0.1622720437%);
  }
  16% {
    clip-path: polygon(0% 70.8356379298%, 100% 70.8356379298%, 100% 79.6844968513%, 0% 79.6844968513%);
    transform: translate(2.0362695952%, 0.3974903347%);
  }
  18% {
    clip-path: polygon(0% 63.5661750958%, 100% 63.5661750958%, 100% 71.0738653061%, 0% 71.0738653061%);
    transform: translate(-7.1821994725%, -0.3411584363%);
  }
  20%, 100% {
    clip-path: none;
    transform: none;
  }
}
.glitch .channel { mix-blend-mode: screen; }
.glitch .channel::before { bottom: 0; content: ""; display: block; mix-blend-mode: multiply; position: absolute; left: 0; right: 0; top: 0; }
.glitch .r { animation: rgb-shift-r 3s steps(1, jump-end) infinite alternate both; }
@keyframes rgb-shift-r {
  0% { transform: translate(-1.5365952057%, -0.2280866994%); }
  2% { transform: translate(0.4558671808%, -0.3558458107%); }
  4% { transform: translate(-1.2671768234%, 0.164932564%); }
  6% { transform: translate(-1.0869103695%, -0.0797534008%); }
  8% { transform: translate(-1.7069209756%, -0.3752927302%); }
  10% { transform: translate(1.4734496239%, -0.209912235%); }
  12% { transform: translate(0.7194563039%, 0.3291788325%); }
  14% { transform: translate(1.4216793192%, -0.1271303511%); }
  16% { transform: translate(-0.839957804%, 0.0073410965%); }
  18% { transform: translate(1.9725328495%, -0.3488281549%); }
  20%, 100% { transform: none; }
}
.glitch .r::before { background: #f00; }
.glitch .g { animation: rgb-shift-g 3s steps(1, jump-end) infinite alternate both; }
@keyframes rgb-shift-g {
  0% { transform: translate(0.7874887569%, 0.2057749176%); }
  2% { transform: translate(1.3362497451%, 0.1815560829%); }
  4% { transform: translate(1.7682688438%, -0.4082440994%); }
  6% { transform: translate(-0.4521376988%, 0.4996249133%); }
  8% { transform: translate(0.9497070913%, 0.0720151445%); }
  10% { transform: translate(-1.4912867282%, 0.3619380511%); }
  12% { transform: translate(-1.4481530795%, -0.0417824338%); }
  14% { transform: translate(-1.950133165%, -0.4880384852%); }
  16% { transform: translate(1.9502897205%, 0.1534663851%); }
  18% { transform: translate(-0.3227833792%, -0.3893537743%); }
  20%, 100% { transform: none; }
}
.glitch .g::before { background: #0f0; }
.glitch .b { animation: rgb-shift-b 3s steps(1, jump-end) infinite alternate both; }
@keyframes rgb-shift-b {
  0% { transform: translate(1.0672059953%, 0.4841253399%); }
  2% { transform: translate(-0.2754972838%, 0.0480563762%); }
  4% { transform: translate(-1.8171086728%, -0.353282972%); }
  6% { transform: translate(1.7385634212%, -0.1595864753%); }
  8% { transform: translate(-0.7374873596%, -0.2684182838%); }
  10% { transform: translate(1.0680054126%, -0.0337668023%); }
  12% { transform: translate(0.88874533%, -0.1502014891%); }
  14% { transform: translate(-1.5749425993%, -0.3629345439%); }
  16% { transform: translate(-0.1037734719%, 0.321158115%); }
  18% { transform: translate(1.7248326634%, -0.0810182881%); }
  20%, 100% { transform: none; }
}
.glitch .b::before { background: #00f; }
*/

.txt_copy{text-align: center;color: #fff;text-shadow:1px 1px 2px #000;font-size: 0.875rem;background-color:var(--main-color);padding: 1rem 0;  }

.catch01 { display: flex; justify-content: center; position: relative; z-index: 2; text-align: center; width: 100%; max-width: 1200px; margin: -60px auto 0px; }
.catch01 img { width: 100%; max-width: 1000px; }
.catch01 img.vsp { max-width: 376px; margin-top: 20px; }

.schedule { display: flex; justify-content: center; position: relative; z-index: 2; text-align: center; width: 100%; max-width: 1200px; margin:50px auto 60px; }
.schedule img { width: 100%; max-width: 500px; }
.schedule img.vsp { max-width: 376px; margin-top: 20px;}

/*------------------------------------------------

	[03] 番宣

------------------------------------------------*/
.vdo-unit { width: 96%; max-width: 750px; margin: 60px auto; }

/* ポップアップCM
---------------------------------*/
.modal_section {max-width: 630px; margin: 0 auto; padding: 0 20px;}
.modal_title {margin: 0; padding: 1em 0; font-weight: bold;}
.movie-content-wrap {position: relative; width: 100%; padding-top: 56.25%;}
.movie-content-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mfp-content {max-width: 800px; padding-top: 44px;}
.mfp-fade01.mfp-bg {opacity: 0; transition: all 0.2s ease-out;}
.mfp-fade01.mfp-bg.mfp-ready {opacity: 0.7;}
.mfp-fade01.mfp-bg.mfp-removing {opacity: 0;}
.mfp-fade01.mfp-wrap .mfp-content {opacity: 0; transition: all 0.2s ease-out;}
.mfp-fade01.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade01.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}

#box_mov { position: relative; z-index: 2; margin-bottom: 160px; }
#box_mov .flb { justify-content: center; }
.pkg p.article{ margin-top: 6px; text-align: center; font-size: 1.4rem; font-weight: 600; }
.pkg{width: 48%; margin: 0 1%;}/*2個入る版*/
.pkg1{width: 100%; margin: 0 0%;/*width: 70%; margin: 0 15%;*/}/*1個入る版*/
/**,::after,::before{box-sizing:border-box}*/
.close-modal,::after,::before{box-sizing:border-box}



/* youtube video */
.vdo-base {/*margin-bottom: .8rem;*/ position: relative;}
.modal-open {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 6;}
.vdo-body {max-width: 100%; height: auto; padding-bottom: 56.25%; position: relative; overflow: hidden;}
.vdo-body iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.vdo-body img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.cnt_box .vdo-txt p.txt-ttl {font-size: 1.6rem; font-weight: 600; margin-top: -.2rem; color: #d23155; text-align: center;}
.cnt_box .vdo-txt p.txt-txt {text-align: center;}
.cnt_box .vdo-txt p.txt-txt span {font-size: 1.4rem; margin-bottom: .4rem; color: #d23155; text-align: center;}

.itemList { width: 100%; max-width: 750px; margin: 0 auto 20px; }
.itemList .thumb a { position: relative; display: block; text-decoration: none; }
.itemList .thumb a img { width: 100%; }
.itemList .thumb a:before { position: absolute; content: ""; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: 6px solid #21abe6; width: 60px; height: 60px; }
 .itemList .thumb a:after { position: absolute; content: ""; display: block; top: 50%; left: 50%; transform: translate(-40%, -50%); border-style: solid; border-color: transparent transparent transparent #21abe6; border-width: 15px 0 15px 25px; }






/*------------------------------------------------

	[04] 新着情報

------------------------------------------------*/
#box_news {margin-top: -60px; padding:0px 0 0px; position: relative; z-index: 2; }
#box_news:before { content: ""; display: block; height: 140px; margin-top: -140px; visibility: hidden; }
#box_news .inr_box { width: 94%; max-width: 1200px; margin: 0 auto; }
#box_news a, #box_news label { display: block; color: #fff; transition: 0.7s; text-decoration: none; }
#box_news a:hover, #box_news label:hover { background: #222; }
#box_news a:last-child, #box_news label:last-child { border-bottom: none; }
#box_news ul { width: 94%; max-width: 750px; margin: 0 auto; }
#box_news li { padding: .5em 0; font-size: 0.875rem; color: #fff; }
#box_news li span.date { font-family:'Oswald', sans-serif; width: 14%; margin: 0 2% 0 1%; color: var(--main-color); }
#box_news li span.title { width: 83%; }



/*------------------------------------------------

	[05] イントロダクション

------------------------------------------------*/
#box_intro { padding: 60px 0 160px; }
#box_intro:before { content: ""; display: block; height: 140px; margin-top: -140px; visibility: hidden; }
#box_intro .inr_box { width: 94%; max-width: 1200px; margin: 0 auto; }
#box_intro .inr_box p { color: #fff; }
#box_intro .inr_box p.txt_stg { margin: 0 auto 20px; font-size: 2.1rem; font-weight: 600; text-align: center; line-height: 1.4; }
#box_intro .inr_box p.txt { margin: 0 auto 20px; font-size: 1.125rem; }
#box_intro .inr_box .fsb { font-size: 1.6rem; vertical-align: baseline; padding: 0 2px; }
#box_intro .inr_box .fw600 { font-weight: 600; }



/*------------------------------------------------

	[06] あらすじ

------------------------------------------------*/
#box_story { padding: 0 0 60px; }
#box_story:before { content: ""; display: block; height: 140px; margin-top: -140px; visibility: hidden; }
#box_story .inr_box { width: 94%; max-width: 1200px; margin: 0 auto; }
ul.gallery { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; }
ul.gallery li { width: calc(100% / 10 - 0px); margin: 10px 0; padding: 0; text-align: center; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
/*ul.gallery li a { display: block; width: 100%; padding: 0px 1%; text-decoration: none; }
ul.gallery li:hover { opacity: 0.7; }
ul.gallery li img { width: 100%; max-width: 240px; margin: 0; }*/
#box_story .inr_box p { color: #fff; }
#box_story .inr_box p.txt_stg { margin: 0 auto 20px; font-size: 1.6rem; font-weight: 600; text-align: center; }
#box_story .inr_box p.txt_stg span { display: block; font-size: 0.875rem; }
#box_story .inr_box ul.list_story p.txt_stg { margin: 10px auto 20px; font-size: 1.0rem; }
#box_story .inr_box ul.list_story p.txt_stg span { font-size: 0.75rem; }
#box_story .inr_box p.txt { margin: 0 auto 20px; font-size: 1.125rem; }
p.txt_stg span.day { font-family: 'Oswald', sans-serif; color: #e538cd; font-weight: 300; }

/*ギャラリー*/
.gallery div { width: calc(100% / 3); margin: 0; }
.gallery div img { width: 100%; margin: 0; }

.gallery01 { width: 100%; margin: 0 auto 30px; overflow: hidden; }
.gallery02 { width: 100%; margin: 40px auto 0; overflow: hidden; }
.slide { position: relative; width: 240px; height: 160px; margin: 0; background: #3486eb; }
.slide img { width: 110%; }
.autoplay-slider01 { display: flex; min-width: 100%; width: min-content; animation: 60s linear infinite sliderAnimation01; }
.autoplay-slider02 { display: flex; min-width: 100%; width: calc(240px * 20); /* スライドの幅とスライドの数 */ animation: 60s linear infinite sliderAnimation02; }

@keyframes sliderAnimation01 {
  100% { transform: translateX(-50%); }
}
@keyframes sliderAnimation02 {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

ul.list_story { width: 100%; }
ul.list_story li { width: calc(100% / 3 - 40px); margin: 0 20px 20px; }
ul.list_story li img { width: 100%; margin: 0; }


/*モーダル表示*/
#box_story .modal_wrap input { display: none; }
#box_story .modal_overlay { display: flex; justify-content: center; overflow: auto; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.5s, transform 0s 0.5s; transform: scale(0); }
#box_story .modal_trigger { position: absolute; width: 100%; height: 100%; }
#box_story .modal_content { align-self: center; width: calc(80% - 60px); max-width: 1000px; margin: auto; padding: 30px 30px 15px; box-sizing: border-box; background: rgba(30, 30, 30, 0.7); line-height: 1.4em; transition: 0.5s; }

#box_story .modal_content p { padding-top: 0; }
#box_story .modal_content p.txt { margin: 0 0 1rem; font-size: 0.875rem; line-height: 1.7; color: #f8dbab; }
#box_story .modal_content p.article { margin-bottom: 80px; font-size: 0.875rem; line-height: 2; color: #fff; text-align: justify; }

#box_story .close_button { position: absolute; bottom: 30px; right: 48.5%; font-size: 2.4rem; cursor: pointer; color: #e538cd; }
#box_story .modal_wrap input:checked ~ .modal_overlay { opacity: 1; transform: scale(1); transition: opacity 0.5s; }
#box_story .modal_wrap input:checked ~ .modal_overlay .modal_content { transform: translateY(20px); }
#box_story .open_button { cursor :pointer; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#box_story .open_button:hover { opacity: 0.7; }
.swiper-slide img { height: auto; width: 100%; }
#box_story .modal_content .swiper { margin-bottom: 20px; }


/*------------------------------------------------

	[07] キャスト

------------------------------------------------*/
#box_cast { padding: 60px 0 160px; }
#box_cast:before { content: ""; display: block; height: 140px; margin-top: -140px; visibility: hidden; }
#box_cast .inr_box { width: 94%; max-width: 1200px; margin: 0 auto; }


/*#box_cast { padding: 60px 0; position: relative; z-index: 2; }
#box_cast:before { content: ""; display: block; height: 140px; margin-top: -140px; visibility: hidden; }
#box_cast .inr_box { width: 94%; max-width: 1200px; margin: 0 auto; }*/
ul.list_cast { display: flex; flex-wrap: wrap; width: 80%; max-width: 1200px; margin: 0 auto; justify-content: center; }
ul.list_cast li { width: calc(100% / 3 - 40px); margin: 20px; padding: 0; text-align: center; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
/*ul.list_cast li a { display: block; width: 100%; padding: 0px 1%; text-decoration: none; }
ul.list_cast li:hover { opacity: 0.7; }*/
ul.list_cast li img { width: 100%; max-width: 420px; margin: 0 auto .2em; border-radius: 3px; }
ul.list_cast li p.name { margin: 10px auto 4px; font-size: 1.125rem; font-weight: 600; line-height: 1; color: #fff; }
ul.list_cast li p.cast { font-size: .875rem; line-height: 1.4; color: #fff; }
ul.list_cast li p.cast span { display: block; font-size: 0.75rem; }

/*モーダル表示*/
#box_cast .modal_wrap input { display: none; }
#box_cast .modal_overlay { display: flex; justify-content: center; overflow: auto; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.5s, transform 0s 0.5s; transform: scale(0); }
#box_cast .modal_trigger { position: absolute; width: 100%; height: 100%; }
#box_cast .modal_content { align-self: center; width: calc(80% - 60px); max-width: 1000px; margin: auto; padding: 30px 30px 15px; box-sizing: border-box; background: rgba(30, 30, 30, 0.7); line-height: 1.4em; transition: 0.5s; }

#box_cast .modal_content p { padding-top: 0; }
#box_cast .modal_content p.txt { margin: 0 0 1rem; font-size: 1.125rem; line-height: 1.7; color: #fff; }
#box_cast .modal_content p.article { margin-bottom: 80px; font-size: 0.875rem; line-height: 2; color: #fff; text-align: justify; }

#box_cast .close_button { position: absolute; bottom: 30px; right: 50%; font-size: 2.4rem; cursor: pointer; color: #e538cd; }
#box_cast .modal_wrap input:checked ~ .modal_overlay { opacity: 1; transform: scale(1); transition: opacity 0.5s; }
#box_cast .modal_wrap input:checked ~ .modal_overlay .modal_content { transform: translateY(20px); }
#box_cast .open_button { cursor :pointer; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#box_cast .open_button:hover { opacity: 0.7; }

#box_cast .modal_content .flb { margin-bottom: 100px; }
#box_cast .modal_content .flb div.img_cast { width: 30%; margin: 0; padding: 0; }
#box_cast .modal_content .flb div.txt_cast { width: 70%; margin: 0; padding: 0; }


#box_cast .modal_content .flb div.img_quote { width: 100%; margin: 0 0 20px; padding: 0; }
#box_cast .modal_content .flb div.img_quote img { width: 100%; }
#box_cast .modal_content .flb div.img_cast img { width: 100%; max-width: 280px; }

#box_cast .modal_content .flb div.txt_cast p.name { font-family: 'Oswald', sans-serif; margin: 0 0 10px; padding: 0 0 8px; font-size: 0.875rem; letter-spacing: 0.09em; line-height: 1.0;color: #fff; border-bottom: 3px solid #fff; }
#box_cast .modal_content .flb div.txt_cast p.cast { font-size: 1.5rem; font-weight: 600; color: #fff; }
#box_cast .modal_content .flb div.txt_cast p.cast span { font-size: 1.125rem; font-weight: 300; vertical-align: baseline; }

#box_cast .modal_content p.icon_comment { font-size: 0.925rem; font-weight: 600; color: #fff; }
#box_cast .modal_content p.icon_comment img { margin: 0 10px 0 0; vertical-align: middle; }
#box_cast .modal_content p.comment { margin: 0 0 1rem; font-size: 0.875rem; line-height: 1.6; color: #fff; text-align: justify; }
#box_cast .modal_content p.icon_profile { font-size: 0.925rem; font-weight: 600; color: #fff; }
#box_cast .modal_content p.icon_profile img { margin: 0 10px 0 0; vertical-align: middle; }
#box_cast .modal_content p.profile { margin: 0 0 1rem; font-size: 0.875rem; line-height: 1.6; color: #fff; text-align: justify; }



/*------------------------------------------------

	[08] 見逃し配信

------------------------------------------------*/
#box_oa { padding: 0 0 160px; position: relative; z-index: 2; }
#box_oa:before { content: ""; display: block; height: 140px; margin-top: -140px; visibility: hidden; }
#box_oa .inr_box { width: 94%; max-width: 1200px; margin: 0 auto; }
.img_schedule { width: 100%; max-width: 800px; margin: 0 auto 20px; }
.img_schedule img { width: 100%; }

#box_oa .inr_box p { text-align: center; color: #fff; }
#box_oa .inr_box p.txn { margin: 0 auto; font-size: 1.4rem; font-weight: 600; }
#box_oa .inr_box p.li_txn { margin: 0 auto 30px; font-size: 1.0rem; }
#box_oa .inr_box p.txt_stg { margin: 0 auto 20px; font-size: 1.6rem; font-weight: 600; }

ul.list_oa { display: flex; flex-wrap: wrap; width: 100%; max-width: 750px; margin: 0 auto; justify-content: center; }
ul.list_oa li { width: calc(100% / 2 - 20px); margin: 0 10px 10px; padding: 4px 0; text-align: center; line-height: 1; border-radius: 6px; background: #fff; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
ul.list_oa li a { display: block; width: 100%; padding: 8px 0; text-decoration: none; }
ul.list_oa li:hover { opacity: 0.7; }
ul.list_oa li img { width: 100%; max-width: 200px; vertical-align: middle; }

ul.list_oa3 { display: flex; flex-wrap: wrap; width: 100%; max-width: 750px; margin: 0 auto; justify-content: center; }
ul.list_oa3 li { width: calc(100% / 3 - 20px); margin: 0 10px 20px; padding: 4px 0; text-align: center; line-height: 1; border-radius: 6px; background: #fff; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
ul.list_oa3 li a { display: block; width: 100%; padding: 0px 0; text-decoration: none; }
ul.list_oa3 li:hover { opacity: 0.7; }
ul.list_oa3 li img { width: 100%; max-width: 200px; vertical-align: middle; }

ul.list_oa4 { display: flex; flex-wrap: wrap; width: 100%; max-width: 750px; margin: 0 auto; justify-content: center; }
ul.list_oa4 li { width: calc(100% / 5 - 20px); margin: 0 10px 20px; padding: 4px 0; text-align: center; line-height: 1; border-radius: 6px; background: #fff; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
ul.list_oa4 li a { display: block; width: 100%; padding: 0px 0; text-decoration: none; }
ul.list_oa4 li:hover { opacity: 0.7; }
ul.list_oa4 li img { width: 100%; max-width: 200px; vertical-align: middle; }



/*------------------------------------------------

	[09] 作品概要

------------------------------------------------*/
#box_summary { padding: 0 0 60px; }
#box_summary:before { content: ""; display: block; height: 140px; margin-top: -140px; visibility: hidden; }
#box_summary .inr_box { width: 94%; max-width: 1200px; margin: 0 auto; }

/* テーブル
---------------------------------*/
.tb_res, .tb_res td, .tb_res th { border-collapse: collapse; }
.tb_res td, .tb_res th { border-bottom: 1px solid rgba(255, 255, 255, .8); }
.tb_res tr:last-child td, .tb_res tr:last-child th { border-bottom: none; }
.tb_res { width: 100%; margin: 10px auto 20px; font-size: 0.875rem; line-height: 1.8; color: #fff; }
#box_event .tb_res { margin: 10px auto 60px; }
.tb_res th { width: 18%; padding: 8px 0 8px 2%; text-align: left; vertical-align: top; font-weight: 600; }
.tb_res th span { white-space: nowrap; }
.tb_res td { width: 78%; padding: 8px 2% 8px 0; text-align: left; }
.tb_res td span { vertical-align: baseline; }
.tb_res th img { margin: 5px 10px; }



/*------------------------------------------------

	[10] SNS

------------------------------------------------*/





/*------------------------------------------------

	[11] グッズ

------------------------------------------------*/
#box_goods { padding: 60px 0; position: relative; z-index: 2; }
#box_goods:before { content: ""; display: block; height: 140px; margin-top: -140px; visibility: hidden; }
#box_goods .inr_box { width: 94%; max-width: 1200px; margin: 0 auto; }

.list_goods ul { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 10px auto; max-width: 1000px; }
.list_goods ul li { width: calc(100% / 1 - 2%); height: auto; margin: 20px 1% 40px; color: #fff; text-align: center; }
.list_goods ul li img { width: 100%; }
p.dtl_goods { margin: 0px 0 0; padding: 20px 0 0; font-size: 0.875rem; line-height: 1.6; /*border-top: 2px solid #e5e5e5;*/}
p.dtl_goods span {font-weight: 600;}

div.yoyaku { }
div.yoyaku p { display: inline-block; padding: 0 12px; font-size: 0.875rem; font-weight: 600; color: #000; background: #e538cd; }
p.announce { color: #fff; font-size: 0.875rem; text-align: center; font-weight: 600; }
p.att { color: yellow; font-size: 0.875rem; text-align: center; }

/*------------------------------------------------

	[12] 相関図

------------------------------------------------*/
#box_chart { padding: 60px 0; position: relative; z-index: 2; }
#box_chart:before { content: ""; display: block; height: 140px; margin-top: -140px; visibility: hidden; }
#box_chart .inr_box { width: 94%; max-width: 1200px; margin: 0 auto; }
.img_chart { width: 100%; max-width: 750px; margin: 0 auto; }
.img_chart img { width: 100%; }


/*------------------------------------------------

	[13] イベント

------------------------------------------------*/
#box_event { padding: 60px 0; position: relative; z-index: 2; }
#box_event:before { content: ""; display: block; height: 140px; margin-top: -140px; visibility: hidden; }
#box_event .inr_box { width: 94%; max-width: 1200px; margin: 0 auto; }

#box_event div.img_quote { margin: 0 0 10px; padding: 0 0 8px; font-size: 1.8rem; color: #fff; border-bottom: 3px solid #fff; }
#box_event .notice { color: yellow; }

.tb_res td.entry { width: 100%; padding: 8px 0; text-align: center; }
.entry p { width: 80%; max-width: 400px; margin: 10px auto; padding: 8px 0; font-size: 1.4rem; letter-spacing: 0.03em;text-align: center; line-height: 1; border-radius: 6px; background: #ff0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.entry p a { display: block; width: 100%; padding: 4px 1%; color: #000; font-weight: 600; text-decoration: none; }
.entry p:hover { opacity: 0.7; }


/*------------------------------------------------

	[14] トピック

------------------------------------------------*/
#box_topic { padding: 0; }
#box_topic:before { content: ""; display: block; height: 140px; margin-top: -140px; visibility: hidden; }
#box_topic .inr_box { width: 94%; max-width: 1200px; margin: 0 auto; }

#box_topic .list_topic { margin: 0 0 60px; padding: 0 0 60px; border-bottom: dotted 1px #999; color: #fff; line-height: 1.4em; }
#box_topic .list_topic:last-child { margin: 0; padding: 0; border-bottom: none; }
.txt_date { font-size: 0.75rem; text-align: right; }
.txt_date span { font-family: 'Oswald', sans-serif; color: #3db133; text-align: right; }

#box_topic .list_topic p { padding-top: 0; }
#box_topic .list_topic p.article { margin-bottom: 80px; font-size: 0.875rem; line-height: 2; color: #fff; text-align: justify; }

#box_topic .list_topic .flb { margin-bottom: 100px; }
#box_topic .list_topic .flb div.img_cast { width: 30%; margin: 0; padding: 0; }
#box_topic .list_topic .flb div.img_cast2 { width: 50%; margin: 0; padding: 0; }
#box_topic .list_topic .flb div.txt_cast { width: 70%; margin: 0; padding: 0; }
#box_topic .list_topic .flb div.txt_cast2 { width: 50%; margin: 0; padding: 0; }

#box_topic .list_topic .flb div.img_quote { width: 100%; margin: 0 0 20px; padding: 0; }
#box_topic .list_topic .flb div.img_quote img { width: 100%; }
#box_topic .list_topic .flb div.img_cast img { width: 100%; max-width: 280px; }
#box_topic .list_topic .flb div.img_cast2 img { width: 94%; max-width: 750px; }

#box_topic .list_topic .flb div.txt_cast p.name,
#box_topic .list_topic .flb div.txt_cast2 p.name { font-family: 'Oswald', sans-serif; margin: 0 0 10px; padding: 0 0 8px; font-size: 1rem; letter-spacing: 0.09em; line-height: 1.0; color: #fff; border-bottom: 3px solid #fff; }

#box_topic .list_topic .flb div.txt_cast p.name,
#box_topic .list_topic .flb div.txt_cast2 p.name { font-family: 'Oswald', sans-serif; margin: 0 0 10px; padding: 0 0 8px; font-size: 0.875rem; letter-spacing: 0.09em; line-height: 1.0;color: #fff; border-bottom: 3px solid #fff; }
#box_topic .list_topic .flb div.txt_cast p.cast,
#box_topic .list_topic .flb div.txt_cast2 p.cast { font-size: 1.5rem; font-weight: 600; color: #fff; }
/*#box_topic .list_topic .flb div.txt_cast p.cast span { font-size: 1.125rem; font-weight: 300; vertical-align: baseline; }*/

#box_topic .list_topic p.icon_comment { font-size: 0.925rem; font-weight: 600; color: #fff; }
#box_topic .list_topic p.icon_comment img { margin: 0 10px 0 0; vertical-align: middle; }
#box_topic .list_topic p.comment { margin: 0 0 1rem; font-size: 0.875rem; line-height: 1.6; color: #fff; text-align: justify; }
#box_topic .list_topic p.icon_profile { font-size: 0.925rem; font-weight: 600; color: #fff; }
#box_topic .list_topic p.icon_profile img { margin: 0 10px 0 0; vertical-align: middle; }
#box_topic .list_topic p.profile { margin: 0 0 1rem; font-size: 0.875rem; line-height: 1.6; color: #fff; text-align: justify; }

ul.notice { margin: 0 0 1rem; }
ul.notice li { font-size: 0.875rem; color: yellow; padding-left: 1em; text-indent: -1em; line-height: 1.6; }


/*------------------------------------------------

	[99] メディアクエリ

------------------------------------------------*/
@media screen and (min-width: 769px) {

/* [01] 基本・レイアウト
----------------------------*/




/* [02] メインビジュアル
---------------------------------*/
.header { display: flex; width: 96%; max-width: 960px; height: 50px; margin: 0 auto; }
.idolofthedead { position: relative; padding-bottom: 30px; }
.idolofthedead div.bg_nav { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; }
div.box_nav { width: 100%; position: sticky; display: flex; margin:0; padding: 0; top: 0; z-index: 999; }
div.bg_nav { margin: 0 auto; padding: 20px 0; border-radius: 4px;}
#fix_nav {position: inherit;}
/*.main {position: relative;}*/

.area_nav { display: flex; width: 100%; margin: 0 1% 0 0; border-radius: 2px; background: rgba(255,255,255,0.9); }
.btn_sns { width: 50px; height: 50px; margin: 0 2% 0 0; background: rgba(255, 255, 255, 0.9); border-radius: 999px; /*display: grid; place-items: center;*/ }
.btn_sns a { display: inline-block; width: 50px; text-align: center; text-decoration: none; }
.btn_sns a img { width: 60%; max-width: 26px; vertical-align: middle; }
.btn_mp {width: 16%; max-width: 120px; margin: 0 1% 0 0; font-size: 1.4rem; font-weight: 300; line-height: 1.3; text-align: center; display: grid; place-items: center;}
.btn_mp a {color: #fff; text-decoration: none; border-radius: 4px; background: rgba(231,0,18,0.9);}


/* [03] 番宣
---------------------------------*/

/* [04] 新着情報
---------------------------------*/

/* [05] イントロダクション
---------------------------------*/

/* [06] あらすじ
---------------------------------*/

/* [07] キャスト
---------------------------------*/

/* [08] 見逃し配信
---------------------------------*/

/* [09] 作品概要
---------------------------------*/

/* [10] SNS
---------------------------------*/


/* [11] グッズ
---------------------------------*/

/* [12] 相関図
---------------------------------*/

/* [13] イベント
---------------------------------*/

/* [14] トピック
---------------------------------*/


}


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

/* [01] 基本・レイアウト
---------------------------------*/
#wrapper {}

.vpc{display: none;}
.vsp{display: inherit;}


/* 見出し */
.idolofthedead h2 { margin: 0; }
.idolofthedead h3 { margin: 0 auto 30px; }
.idolofthedead #box_event h5 { border-bottom: none; }

.header { display: flex; width: 96%; height: 50px; margin: 0 auto; justify-content: right; }
.idolofthedead { position: relative; }
.idolofthedead div.bg_nav {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%;}
div.box_nav {width: 100%; position: sticky; display: flex; margin:0; padding: 0; top: 0; z-index: 999;}
div.bg_nav { margin: 0 auto; padding: 20px 0; border-radius: 4px;}
#fix_nav {position: inherit;}
/*.main {position: relative;}*/

.area_nav { display: none; }
.btn_sns { width: 50px; height: 50px; margin: 0 2% 0 0; background: rgba(255, 255, 255, 0.9); border-radius: 999px; /*display: grid; place-items: center;*/ }
/* 最新のsafari用*/
_::-webkit-full-page-media, _:future, :root .btn_sns { margin: 10px 2% 0 0; }
/* 古いsafari用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .btn_sns { margin: 10px 2% 0 0; }
}
.btn_sns a { display: inline-block; width: 50px; text-align: center; text-decoration: none; }
.btn_sns a img { width: 60%; max-width: 26px; vertical-align: middle; }


/*ナビ*/
/*div.box_nav {width: 100%; position: sticky; display: flex; padding: 0; top: 0; z-index: 999;}
div.bg_nav {width: 96%; max-width: 960px; margin: 0 2%; padding: 12px 2%; border-radius: 4px;}
#fix_nav {position: relative;}*/

/* サブナビ
---------------------------------*/

ul.sub_nav li { width: calc(100% / 2 - 30px); margin: 0 15px 20px; }



/* [02] メインビジュアル
---------------------------------*/
.loop_wrap { height: calc(100vw * 1.7); }
.glitch { height: 40vh; }

.cmn_tp .glitch { height: 20vh; }
	
.catch01 { margin: -30px auto 0px; }

/* [03] 番宣
---------------------------------*/

/* [04] 新着情報
---------------------------------*/
#box_news { padding: 0 0 60px; }
#box_news ul { width: 96%; }
#box_news li span.date { width: 24%; margin: 0 2% 0 1%; }
#box_news li span.title { width: 73%; }

/* [05] イントロダクション
---------------------------------*/
#box_intro { padding: 60px 0 60px; }
#box_intro .inr_box p.txt_stg { font-size: 1.5rem; }
#box_intro .inr_box .fsb { font-size: 1.25rem; }
#box_intro .inr_box p.txt { font-size: 0.875rem; }


/* [06] あらすじ
---------------------------------*/
ul.list_story { width: 100%; }
ul.list_story li { width: calc(100% / 2 - 20px); margin: 0 10px 20px; }
#box_story .inr_box ul.list_story p.txt_stg { font-size: 0.875rem; }
#box_story .inr_box ul.list_story p.txt { font-size: 0.75rem; }
/*#box_story .inr_box p.txt_stg { font-size: 1.25rem; }
#box_story .inr_box p.txt { font-size: 0.875rem; }*/

/*モーダル表示*/
#box_story .modal_content { align-self: center; width: 90%; margin: auto; padding: 20px 3% 15px; box-sizing: border-box; background: rgba(30, 30, 30, 0.7); line-height: 1.4em; transition: 0.5s; }
#box_story .close_button { position: absolute; bottom: 30px; right: 48.5%; font-size: 2.4rem; cursor: pointer; color: #e538cd; }



/* [07] キャスト
---------------------------------*/
ul.list_cast { width: 90%; }
ul.list_cast li { width: calc(100% / 2 - 20px); margin: 10px; }


/*モーダル表示*/
#box_cast .modal_content { align-self: center; width: 90%; margin: auto; padding: 20px 3% 15px; box-sizing: border-box; background: rgba(30, 30, 30, 0.7); line-height: 1.4em; transition: 0.5s; }
/*#box_cast .modal_content .img_cast { width: 100%; max-width: 180px; margin: 0 auto .2em; text-align: center; }*/
#box_cast .modal_content .flb div.img_cast,
#box_cast .modal_content .flb div.img_cast2 { width: 100%; margin: 0 auto .2em; text-align: center; }
#box_cast .modal_content .flb div.txt_cast,
#box_cast .modal_content .flb div.txt_cast2 { width: 100%; margin: 0; padding: 0; }
#box_cast .close_button { position: absolute; bottom: 30px; right: 50%; font-size: 2.4rem; cursor: pointer; color: #e538cd; }






/* [08] 見逃し配信
---------------------------------*/
#box_oa { padding: 0 0 60px; }
/*.img_schedule_sp { width: 100%; max-width: 460px; margin: 0 auto; }
.img_schedule_sp img { width: 100%; }*/
ul.list_oa li a { padding: 4px 1%; }
ul.list_oa li img { max-width: 160px; }
/* 最新のsafari用*/
_::-webkit-full-page-media, _:future, :root ul.list_oa li a { padding: 4px 1% 10px; }
/* 古いsafari用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, ul.list_oa li a { padding: 4px 1% 10px; }
}

ul.list_oa3 li a { padding: 4px 1%; }
ul.list_oa3 li img { max-width: 160px; }
/* 最新のsafari用*/
_::-webkit-full-page-media, _:future, :root ul.list_oa li a { padding: 4px 1% 10px; }
/* 古いsafari用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, ul.list_oa3 li a { padding: 4px 1% 10px; }
}

ul.list_oa4 li a { padding: 4px 1%; }
ul.list_oa4 li img { max-width: 160px; }
/* 最新のsafari用*/
_::-webkit-full-page-media, _:future, :root ul.list_oa li a { padding: 4px 1% 10px; }
/* 古いsafari用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, ul.list_oa4 li a { padding: 4px 1% 10px; }
}




/* [09] 作品概要
---------------------------------*/
/* テーブル */
.tb_res { width: 100%; margin: 0% auto; border: none; }
#box_event .tb_res { margin: 0 auto 60px; }
.tb_res th { display: block; width: 94%; margin: 3% 0 0; padding: 6px 3%; border: none; color: #fff; border-radius: 4px; background: var(--main-color); }
.tb_res td { display: list-item; width: 94%; margin: 0 3% ; padding: 6px 0; border: none !important; list-style: none; }


/* [10] SNS
---------------------------------*/



/* [11] グッズ
---------------------------------*/
.list_goods ul li { width: calc(100% / 1 - 2%); margin: 20px 1% 40px; }


/* [12] 相関図
---------------------------------*/

/* [13] イベント
---------------------------------*/


/* [14] トピック
---------------------------------*/
#box_topic .list_topic .flb div.img_cast,
#box_topic .list_topic .flb div.img_cast2 { width: 100%; margin: 0 auto 1em; text-align: center; }
#box_topic .list_topic .flb div.txt_cast,
#box_topic .list_topic .flb div.txt_cast2 { width: 100%; margin: 0; padding: 0; }



}


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

/* [01] 基本・レイアウト
---------------------------------*/

/* [02] メインビジュアル
---------------------------------*/
.loop_wrap { height: calc(100vw * 2); }

/* [03] 番宣
---------------------------------*/

/* [04] 新着情報
---------------------------------*/

/* [05] イントロダクション
---------------------------------*/

/* [06] あらすじ
---------------------------------*/

/* [07] キャスト
---------------------------------*/
ul.list_cast li { width: calc(100% / 2 - 20px); }


/* [08] 見逃し配信
---------------------------------*/

/* [09] 作品概要
---------------------------------*/

/* [10] SNS
---------------------------------*/


/* [11] グッズ
---------------------------------*/

/* [12] 相関図
---------------------------------*/

/* [13] イベント
---------------------------------*/

}