@charset "utf-8";


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

　真夜中のウナギ　リニューアル　251015
　
	[01] 基本・レイアウト
	[02] メインビジュアル
	[03] 番宣
    [08] 見逃し配信
    [09] 作品概要
    [10] SNS
	[99] メディアクエリ

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


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

	[01] 基本・レイアウト

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

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Mochiy+Pop+One&family=Murecho:wght@100..900&family=Oswald:wght@200..700&display=swap');

/* googlefonts
---------------------------------*/

/*value from 200 to 700*/
.oswald400 {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.mochiy400 {
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*value from 100 to 900*/
.murecho200 {
  font-family: "Murecho", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.dela400 {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-style: normal;
}


html{ scroll-behavior: smooth;height: 100%;}
#wrapper { font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; width: 100%; padding: 0; background-color: var(--sub-color01); 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: min(96%, 1000px); margin: 0 auto; box-sizing: border-box;}
img{height: auto;}


/* Flex Box
---------------------------------*/
.flb { display: flex; flex-wrap: wrap; width: 100%;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); }


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


/* リンク
---------------------------------*/
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;}


/* 見出し
---------------------------------*/
.mayonaka_unagi h2 { margin: 1rem 0; }
/*.mayonaka_unagi h2 img { width: 100%; max-width: 1200px; }
.cmn_tp .mayonaka_unagi h2 img { width: 60%; }*/
/*.mayonaka_unagi #box_mci h3 { border-bottom: none; }*/
.mayonaka_unagi h3 {margin: 60px auto 20px; padding: 0 0 1rem; text-align: center; z-index: 3; position: relative; }
.mayonaka_unagi h3 img { position: relative; z-index: 2; width:clamp(200px, 50%, 300px);}
.mayonaka_unagi #box_comment h3 { border-bottom: none; }
.mayonaka_unagi 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; }
.mayonaka_unagi #box_event h5 { margin: 0; font-size: 1.8rem; font-weight: 300; }


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

	[02] メイン ウナギキービジュアル

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

  /* ===== ファーストビュー===== */
section#kv .slider {
    position: relative;
    width: 100%;
    /*height: 100vh;*/
	height: calc(100vh - 150px); 
	margin-top: 150px;
    overflow: hidden;
  }

  /* ===== （1枚目） ===== */
section#kv .tile-grid {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(8, 1fr); /* 横に8枚 */
  grid-template-rows: repeat(6, 1fr);    /* 縦に6枚 */
  gap: 0; 
}

section#kv .tile {
  width: 100%;
  height: 100%;
  transform: scale(1);
  opacity: 0;
  transition: transform 0.1s ease, opacity 0.8s ease;
}
section#kv .tile.visible { opacity: 1; transform: scale(1.2);}
section#kv .tile img {width: 100%;height: 100%;object-fit: cover;display: block;}

  /* ===== 背景 ===== */
  section#kv .background-fade {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.3);
    opacity: 0;
    transition: opacity 1s ease;
    z-index: 1;
  }

  section#kv .background-fade.visible {
    opacity: 1;
  }

  /* ===== メインビジュアル ===== */
  section#kv .main-slide {
    position: absolute;
/*    inset: 0;*/
	top:0;left:0;right: 0;bottom:auto;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 1.2s ease;
    z-index: 2;
  }

  section#kv .main-slide.visible {  opacity: 1; }
  section#kv .main-image {  width: 100%;  max-width: 500px;  overflow: hidden;  }
  section#kv .main-image img {  width: 100%;  height: auto;  display: block;  }

@media (max-width:768px) {
 section#kv .tile-grid {
  grid-template-columns: repeat(4, 1fr); /* 横に4枚並べる */
  grid-template-rows: repeat(12, 1fr); 
}	  
  }	

/*/キービジュアル*/

.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; }
.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;  }
/*------------------------------------------------

	[03] 次回予告　アーカイブ

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

.inner{border:5px solid #000;background-color: #fff;padding:clamp(1rem, 4vw, 4rem);box-sizing: border-box;/*height: 100%;*/box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.3); }
.inner h4{font-size: clamp(1.25rem, 4vw, 2rem);font-family: "Murecho", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
.inner h4 span.day{display: block;font-family: 'Oswald', sans-serif; color:#a63a6f; font-weight: 300;font-size: clamp(1rem, 4vw, 1.5rem);}
.inner p{font-size: clamp(0.875rem, 2vw, 1.25rem);}
.flb.ep_photo{justify-content: center;align-items: center;gap:0.25em;margin: 1rem 0;/*width:min(100%,1000px);*/width:100%;}
.flb.ep_photo li{flex: 1 1 0;}
.flb.ep_photo li img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;}
/*次回予告*/
#next {background-color: #fff;padding: 60px 0;}
/*アーカイブ*/
#archive .inner{padding:clamp(1rem, 2vw, 1.5rem);}
#archive {background-color: #fff;padding: 60px 0 0;}
#archive .box_cnt {width: min(96%, 1400px);margin: 0 auto;}
.mayonaka_unagi #archive h3 img {width:clamp(300px, 50%, 500px);}
.archive_list {display: grid; grid-template-columns: repeat(3, 1fr);gap:0.25em;grid-auto-rows:auto;align-items: stretch;padding-bottom: 1rem;}

#btn_readmore{margin: 1em auto;width: 80%;max-width: 600px;border-radius: 0.5em;padding: 1em;cursor: pointer;background-color:var(--sub-color01);color: #fff;font-size: 1rem;font-weight: bold;display: block;}/*もっと見る ボタン*/	
@media (max-width:768px) {
.archive_list {display: grid; grid-template-columns: repeat(1, 1fr);gap:0.25em;}
	}

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

	[04] あいち・なごや マップ

------------------------------------------------*/
#map{background: url("../images/bg_map.jpg");background-size:30%;background-repeat: repeat;}
.mayonaka_unagi #map h3 {margin: 0px auto 20px; padding: 0; text-align: center; z-index: 3; position: relative;background-color: var(--sub-color01); }
.mayonaka_unagi #map h3 img {width:clamp(300px, 50%, 500px);}
.map_box{display: grid; grid-template-columns: repeat(2, 1fr);gap:1rem;width: clamp(300px,100%,1500px);padding: clamp(1rem,3vw,60px); box-sizing: border-box;padding: 100px 0;}
.map-container {position: relative;display: inline-block;}
.map-container img.main_map { width: 100%;}
.pin {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: crimson;
    border-radius: 50% 50% 0 50%;
    transform: rotate(45deg);
    cursor: pointer;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
    z-index: 5;
    transition: transform 0.2s ease;
	transform-origin: 50% 100%;
  }
  .pin::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    top: 6px;
    left: 6px;
  }
  .pin:hover {transform:rotate(45deg) scale(1.3);}	
  .pin.new {transform: rotate(45deg) scale(1.6); background-color:rgba(249,9,106,1.00);}	

 .popup {
    position: absolute;
    top: 2rem;
    background: white;
    border-radius: 0.2rem;
    padding: 0.5rem 1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transform: translate(-50%, 1rem);
    width: 280px;
    font-size: 14px;
    text-align: left;
    opacity: 0;
    z-index: 10;
    pointer-events: none;
    transition: opacity 0.4s ease, transform 0.4s ease;
  }
  .popup.show {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0.5rem);
  }
  .popup img {width: 100%; border-radius: 0.25rem;}
  .popup h4 {font-size: 1.125rem; font-weight: bold; color: #222; margin: 0.25rem 0;}
  .popup p {margin: 0.25rem 0;}

.area {position: absolute;}
/*.area h4 span.day {font-family: 'Oswald', sans-serif; color:#a63a6f; font-weight: 300;font-size: clamp(0.875rem, 3vw, 1rem);}*/
  .area.aichi01 {top: 15%; left: 20%;}/*豊山町*/
  .area.aichi02 {top: 50%; left: 70%;}/*鳳来寺山 oa0713*/
  .area.aichi03 {top: 74%; left: 59%;}/*豊橋市 oa0727*/
  .area.aichi04 {top: 80.5%; left: 26%;}/*日間賀島 oa0810*/
  .area.aichi05 {top: 80.5%; left: 27.2%;}/*日間賀島 oa0824*/
  .area.aichi06 {top:22%; left: 10%;}/*清須市 oa1012*/
  .area.aichi07 {top:25%; left: 12%;}/*清須市 oa1109*/

  .area.nagoya01 {top: 58%; left: 45%;}/*若宮大通*/
  .area.nagoya02 {top: 35%; left: 45%;}/*北区・黒川*/
  .area.nagoya03 {top: 50%; left: 70%;}/*東山動植物園*/
  .area.nagoya04 {top: 43%; left: 45%;}/*名古屋市東大手駅*/
  .area.nagoya05 {top: 60%; left: 45%;}/*大須・千種 oa0622*/
  .area.nagoya06 {top: 28%; left: 41%;}/*庄内緑地公園 oa0914*/
  .area.nagoya07 {top: 55%; left: 40%;}/*中区 oa0928*/
  .area.nagoya08 {top: 58%; left: 60%;}/*名古屋 oa1026*/


  @media screen and (max-width: 768px) {
	.map_box{grid-template-columns: repeat(1, 1fr);gap:0;}
	.pin{transform-origin: 100% 30%;}
	.popup {
      position: fixed !important;
      top: 50% !important;
      left: 50% !important;
      transform: translate(-50%, -50%) !important;
      width: 80% !important;
      max-width: 400px;
      height: auto;
      max-height: 80vh;
      overflow-y: auto;
      z-index: 9999;
      border-radius: 0.5rem;
      box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    }
  }


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

	[05] 番宣・配信

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

#movie {background-color: #fff;}
#movie .movie-box{
	display:flex;
    align-items:center;
    justify-content:center;
/*	width:clamp(300px, 90%, 1280px); 2件*/
	width:clamp(300px, 90%, 1000px);
	box-sizing:border-box;
	padding: 2rem 0;
	margin: 0 auto;
	gap:1rem;
	}
#movie .movie-box .movie-card{
	flex:1 1 0;
	background-color: var(--sub-color01);
	}
#movie .movie-box .movie-card div{
		position:relative;
		aspect-ratio: 16 / 9;
		overflow:hidden;
	}
#movie .movie-box .movie-card p{
text-align: center;
font-family: "Mochiy Pop One", sans-serif;font-weight: 400;font-style: normal;
font-size: clamp(1rem,4vw,1.5rem);
color: #fff;
	}
#movie .movie-box .movie-card div iframe{
		position:absolute;
		inset:0;
		width:100%;
		height:100%;
		display:block;
		border: 0;
	}
@media (max-width: 768px){
#movie .movie-box{	display: block;}
#movie .movie-box .movie-card{margin-bottom: 1rem;}
}

/*.pkg p.article{ margin-top: 6px; text-align: center; font-size: 1.4rem; font-weight: 600; }
.pkg{width: 48%; margin: 0 1%;}
.pkg1{width: 100%; margin: 0 0%;}
.close-modal,::after,::before{box-sizing:border-box}
*/

/* youtube video */
/*.vdo-base {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; }*/

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

	[00] SNS　バナー

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

#sns_bnr{}
#sns_bnr ul.flb{justify-content: center;align-items: center;width:min(96%,1000px);gap:1rem;padding: 2rem 0;}
#sns_bnr ul li{flex:1 1 0;}
#sns_bnr ul li img{width: 100%;border-radius: 0.25rem;}
@media (max-width:768px) {
#sns_bnr ul.flb{flex-direction: column;}
}
/*------------------------------------------------

	[06] ウナギ　バナー

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

#bnr{}
#bnr ul.flb{justify-content: center;align-items: center;width:min(96%,1000px);gap:1rem;padding: 2rem 0 0.5rem;}
#bnr ul li{flex:1 1 0;}
#bnr ul li img{width: 100%;}
@media (max-width:768px) {
#bnr ul.flb{flex-direction: column;}
}

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

	[07] SNSボタン

------------------------------------------------*/
	section.sc_sns{}
	section.sc_sns .box_sns{padding:0.3em 0 0 0;/*background-color:rgba(255, 255, 255, 0.3); */background-color:#DC0024; /*width: clamp(300px, 100vw, 1000px);*/width:100%;margin:3rem auto 0;box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.3);z-index: 9999;/*border-radius: 5rem;*/box-sizing: border-box;}
	section.sc_sns .iconflx{display:flex;align-self:center; justify-content: center;box-sizing: border-box;}
	section.sc_sns .iconflx li{max-width:60px;}
	section.sc_sns .iconflx li p{text-align: center;font-size: 0.75rem;padding: 0.2em 0; color: yellow;font-weight: bold;}
	section.sc_sns .iconflx li img{display: block;margin: 0 auto;width:80%;height: auto;}
@media screen and (max-width: 768px) {
	section.sc_sns > div{padding: 0em;}
	}


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

	[99] メディアクエリ

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

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




/* [02] メインビジュアル
---------------------------------*/
.header { display: flex; width: 96%; max-width: 960px; height: 50px; margin: 0 auto; }
.mayonaka_unagi { position: relative; padding-bottom: 30px; }
/*.mayonaka_unagi 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; }
.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] 新着情報
---------------------------------*/



}


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

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

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


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

/*.header { display: flex; width: 96%; height: 50px; margin: 0 auto; justify-content: right; }*/
.mayonaka_unagi { position: relative; }
/*.mayonaka_unagi 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;  }*/
/* 最新の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] メインビジュアル
---------------------------------*/

/* [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%; }
	*/
/*縦長画像対応*/
/*#box_news li span.title.flb{flex-direction: row;}
#box_news li span.title.flb span.left,
#box_news li span.title.flb span.right{width:100%;}*/

/* [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] イベント
---------------------------------*/

}