﻿@charset "utf-8";

html{
  -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
  width:100%;
}
body {
  background: url("../../images/bg.webp");
  overflow-x: hidden;
  width:100%;
}
.spbr{display: none;}
/*//////////////////////////

ヘッダー

//////////////////////////*/
header {
	position:relative;
}
header .ttl-container {
  position:absolute;
	top:50%;
	left:50%;
  transform: translate(-50%, -50%);
  max-width:800px;
  width: 85%;
}
header h1 img {
  display: block;
  width: 100%;
  height: auto;
}
header ul {
	position:absolute;
	top:0;
	right:0;
	/*background:rgba(0,0,0,0.4);*/
  background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 9%, rgba(0,0,0,0.4) 100%);
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 9%,rgba(0,0,0,0.4) 100%);
  background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 9%,rgba(0,0,0,0.4) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
	padding: 20px 20px 10px 0;
}
header ul li {
	display:inline-block;
	float:left;
	margin-left:30px;
}
header ul li a {
	color:#fff;
	font-size:1em;
	font-weight: bold;
	text-shadow:0px 0px 4px #000000;
}
/*//////////////////////////

YouTube

//////////////////////////*/
.YouTube {
  max-width: 700px;
  width: 100%;
  margin: 50px auto 30px;
}
.YouTube a,
.YouTube img {
  display: block;
  width: 100%;
  height: auto;
}
.YouTube a:hover {
  opacity: 0.6;
  transition: .3s;
}
/*//////////////////////////

hulu

//////////////////////////*/
.hulu {
  max-width: 640px;
  width: 90%;
  margin: 50px auto 30px;
}
.hulu a,
.hulu img {
  display: block;
  width: 100%;
  height: auto;
}
.hulu a:hover {
  opacity: 0.6;
  transition: .3s;
}
/*//////////////////////////

コンテンツ

//////////////////////////*/
section > div {
	width:1200px;
	margin:0 auto;
	padding:50px 0 100px;
}
section > div h2 {
	margin-bottom:40px;
	padding-top:60px;
	background:url(../../images/icon_pine.png) no-repeat center top;
	color:#154071;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:208.3%;
	text-align:center;
}
.overlay_bg {
	background-color:#f7f7f7;
	background-color:rgb(255 242 242 / 60%);
}
.bacecolor{
  background-color: rgb(233 253 255 / 60%);
}
/* /////////////////////////

タイム表

///////////////////////////*/
table {
	width:650px;
	margin:0 auto;
}
th {
	border-bottom:3px #154071 solid;
	font-size:116.7%;
	font-weight:bold;
}
td {
	border-bottom:1px #a3a3a3 dotted;
	font-size:108.3%;
}
th, td {
	padding:15px 0;
	text-align:center;
  vertical-align: middle;
}
#narashi td {
  background-color: #f7f7f7;
  background-color: rgba(255, 255, 255, 0.7);
}
#oiyama td {
  background-color: #f7f7f7;
  background-color: rgba(255, 255, 255, 0.7);
}
#narashi .mov-modal {
  display: inline-block;
  margin-top: 5px;
  padding: 5px 10px;
  border-radius: 4px;
  background: #154071;
  color: #fff;
  font-size: 13px;
  vertical-align: 3px;
}
/* ///////////////////////////

番組概要 

///////////////////////////////*/
#main-contents .yamakasa{
  margin-top: 60px;
}
/* #main-contents #about .gaiyo{
    margin: 5%;
    background-color: rgb(255 255 255 / 35%);
} */
#main-contents #about .gaiyo p{
  font-size: clamp(18px, 2.7vw, 23px);
  line-height: 1.8em;
  padding:30px;
  color: #000;
  position: relative;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#main-contents #about .topspace {
  vertical-align: top;
  margin: 6px 0px 6px 0px;
  display: inline-block;
}
/*//////////////////////////

出演者

//////////////////////////*/
#main-contents .flex{
	display: flex;
}
#main-contents .center {
  width: 920px;
  margin: 0 auto;
}
#main-contents .flex {
  display: flex;
  flex-wrap:wrap;
}
#main-contents .inblock {
  position: relative;
  border-radius: 4px;
  background: #fff;
  box-shadow:6px 6px 0px 0px rgba(0,149,231,0.15);
}
#main-contents h2.ttl {
  margin-bottom: 40px;
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#main-contents h2.ttl strong {
  display: block;
  color: #154071;;
  font-size: 38px;
}
#main-contents h2.ttl.blk strong {
  padding-top: 60px;
  background: url(../../images/icon_pine.png) no-repeat center top;
  color: #154071;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-size: 208.3%;
}
/*//////////////////////

cast 

/////////////////////////*/
#main-contents .stripe {
  padding-bottom: 60px;
  padding-top: 60px;
}
#main-contents #cast .flex {
  margin: 0 auto;
  flex-wrap:wrap;
  justify-content: center;
}
#main-contents #cast .mc {
  width: 100%;
}
#main-contents #cast .inblock {
  width: 290px;
  margin: 0 15px 0 0;
  border-radius: 8px;
  overflow: hidden;
}
#main-contents #cast .inblock a {
  display: block;
  text-decoration: none;
}
#main-contents #cast .inblock .castImg {
  position: relative;
  padding-top: 80%;
  overflow: hidden;
}
#main-contents #cast .inblock .castImg img {
	width: 290px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
#main-contents #cast h3 {
  padding: 10px 15px;
  background: #ffe59a;
  text-align: center;
  margin: 0px auto;
}
#main-contents #cast h3 .name {
  color: #000;
  font-size: 1.7em;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#main-contents #cast h3 .nameunder {
  display: block;
  color: #000;
  margin-top: 10px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* #cast h3 .status {
  display: block;
  width: 130px;
  margin: 8px auto 0;
  padding: 5px 0;
  border-radius: 12px;
  background: #fff;
  color: #424241;
  font-size: 0.813em;
  display: none;
} */
/*//////////////////////////

ゲスト

//////////////////////////*/
#main-contents #gest .flex {
  margin: 0 auto;
  flex-wrap:wrap;
  justify-content: center;
}
#main-contents #gest .mc {
  width: 610px;
}
#main-contents #gest .inblock {
  width: 290px;
  margin: 0 15px 0 0;
  border-radius: 8px;
  overflow: hidden;
}
#main-contents #gest .inblock a {
  display: block;
  text-decoration: none;
}
#main-contents #gest .inblock .castImg {
  position: relative;
  padding-top: 80%;
  overflow: hidden;
}
#main-contents #gest .inblock .castImg img {
	width: 290px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
}
#main-contents #gest h3 {
  padding: 10px 15px;
  background: #f7d8ff;
  text-align: center;
  margin: 0px auto;
}
#main-contents #gest h3 .name {
  color: #000;
  font-size: 1.7em;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* #main-contents #gest h3 .nameunder {
  display: block;
  color: #000;
  font-weight: bold;
  margin-top: 10px;
}

#gest h3 .status {
  display: block;
  width: 130px;
  margin: 8px auto 0;
  padding: 5px 0;
  border-radius: 12px;
  background: #fff;
  color: #424241;
  font-size: 0.813em;
  display: none;
} */
/*///////////////////////

リポーター

////////////////////// */
#main-contents #reporter .reporter{
  width:100%;
  display: flex;
  margin-left: 15px;
}
#main-contents #reporter .repoinblock01{
  width: 27.3%;
  margin: 0 15px 0 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 6px 6px 0px 0px rgba(0, 149, 231, 0.15);
}
#main-contents #reporter .repoinblock02{
  width:68%;
  margin: 0 15px 0 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 6px 6px 0px 0px rgba(0, 149, 231, 0.15);
}
#main-contents #reporter .repoinblock01 img{
  width:100%;
  display: block;
}
#main-contents #reporter .repoinblock02 img{
  width:100%;
  display: block;
}
#main-contents #reporter .repoinblock01 a {
  text-decoration: none;
}
#main-contents #reporter .repoinblock02 a {
  text-decoration: none;
}
/* #main-contents #reporter h3 {
  padding: 10px 15px;
  background: #9bd9ff;
  text-align: center;
  margin: 0px auto;
} */
#main-contents #reporter .repoinblock01 h3{
  padding: 14.5px;
  background: #b2e6ff;
  text-align: center;
}
#main-contents #reporter .repoinblock02 h3{
  padding: 15px;
  background: #b2e6ff;
  text-align: center;
}
#main-contents #reporter h3 .name {
  color: #000;
  font-size: 1.7em;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#main-contents #reporter h3 .nameunder {
  display: block;
  color: #000;
  margin-top: 10px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
/* ///////////////////////

飾り山

////////////////////////*/
#kazariyama .inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#kazariyama dl {
	position:relative;
	float:left;
	width:13.6%;
	margin:0 0.3% 0.6%;
}
#kazariyama dt {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.4);
}
#kazariyama dt:hover {
	background:none;
	cursor:pointer;
  transition: .3s;
}
#kazariyama dt a {
	display:block;
  position: relative;
	width:100%;
	height:100%;
}
#kazariyama dt span {
	display:block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
	width:100%;
	padding:10px 0;
	border-top:3px #fff solid;
	border-bottom:3px #fff solid;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
#kazariyama img {
	display:block;
  width: 100%;
  height: auto;
}
.modaal-inner-wrapper {
  padding-top: 30px;
}
/*#kazariyama ul {
	margin-top:30px;
}
#kazariyama ul li {
	float:left;
	width:138px;
	margin-right:3px;
	padding:5px 0;
	border:1px #154071 solid;
	color:#154071;
	font-size:125.0%;
	text-align:center;
}
#kazariyama ul li:hover {
	background:#154071;
	color:#fff;
	cursor:pointer;
}
#kazariyama ul .active {
	background:#154071;
	color:#fff;
}*/

/*////////////////////////

スケジュール 

/////////////////////////*/
#schedule table{
  width:700px;
  display: block;
}
#schedule .scheduletd{
  background-color: #47a79c;
  color: #fff;
  border-radius: 3px;
  width: 100px;
  margin-bottom: 10px;
  display: block;
  padding: 8px 8px 5px 8px;
  margin-top: 10px;
}
#schedule .schedulebold{
  width: 100%;
  font-size: 1.1em;
  font-family: 'メイリオ', Meiryo,'Yu Gothic UI','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
/* //////////////////////

FBSニュース 

////////////////////////*/
#main-contents #news{
	margin-bottom: min(80px, 10vw);
}
#main-contents #news .news__inner {
  width: min(1000px, 90%);
  margin: 0 auto;
}
#main-contents #news .fbs-news__ttl {
  margin-bottom: min(40px, 9vw);
  text-align: center;
}
#main-contents #news .fbs-news__ttl strong {
  display: block;
  margin-bottom: min(15px, 2.5vw);
  color: #121212;
  font-family: "Mulish", sans-serif;
  font-weight: 900;
  font-size: min(36px, 10vw);
}
#main-contents #news .fbs-news__ttl span {
  color: #e80016;
  font-weight: 600;
  font-size: min(25px, 4.5vw);
}
#main-contents #news .article__list {
  display: flex;
  /* justify-content: center; */
  flex-wrap: wrap;
  gap: min(20px, 1.8vw) 1.8%;
}
#main-contents #news .article__item {
  width: 23.63%;
  border-radius: min(15px, 2.5vw);
  background-color: #fff;
  overflow: hidden;
}
#main-contents #news .article__item a {
  transition: .3s;
	display: flex;
  flex-direction: column;
  height: 100%;
}
#main-contents #news img {
  display: block;
  width: 100%;
  height: auto;
}
#main-contents #news .article__text {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  padding: 10px 15px 15px;
}
#main-contents #news h4.article__ttl {
  flex-grow: 1;
  line-height: 1.4;
  font-weight: 600;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "sans-serif";
}
#main-contents #news .article__text .update-date {
  color: #888;
  font-size: .813rem;
}
#main-contents #news .news__btn {
  width: min(300px, 80%);
  margin: 30px auto 0;
  transition: .3s;
}
#main-contents #news .news__btn a {
  display: block;
  position: relative;
  padding: 30px 0;
  border-radius: 50px;
  background-color: #121212;
  color: #fff;
  font-weight: 600;
  font-size: 1.25rem;
  text-align: center;
}
#main-contents #news .news__btn a::after {
  display: block;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  translate: 0 -50%;
  width: 8px;
  height: 8px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  rotate: 45deg;
}
/* /////////////////////

動画

///////////////////////*/
#movie > div h2 {
	margin-bottom:15px;
}
#movie div > p {
  margin-bottom:40px;
  color:#154071;
  font-size:108.3%;
  text-align:center;
}
#movie > div {
	position:relative;
}
#movie ul {
  position:relative;
  height:563px;
  background:url(../../images/map.jpg) no-repeat;
}
#movie ul li {
  position:absolute;
  width:50px;
  height:50px;
  background:url(../../images/mikoshi.png) no-repeat;
  text-indent:-9999px;
  cursor:pointer;
}
#kushida {
  top:454px;
  left:388px;
}
#daiagari {
  top:393px;
  left:456px;
}
#tocyoji {
  top:335px;
  left:598px;
}
#gofukumachi {
  top:176px;
  left:340px;
}
#reizenmachi {
  top:283px;
  left:475px;
}
#naraya {
  top:53px;
  left:53px;
}
#movie ul #sky {
  top:402px;
  left:662px;
  width:156px;
  height:70px;
  background:url(../../images/helicopter.png) no-repeat;
}
#movie div > span {
  display:inline-block;
  position:absolute;
  left:60px;
  top:-50px;
　padding: 10px;
  border-radius:3px;
  background:rgba(0, 0, 0, 0.5);
  color:#fff;
  text-indent:0;
}
#movie #pop_kushida {
  top:710px;
  left:340px;
}
#movie #pop_daiagari {
  top:565px;
  left:320px;
}
#movie #pop_tocyoji {
	top:505px;
	left:530px;
}
#movie #pop_gofukumachi {
	top:360px;
	left:257px;
}
#movie #pop_reizenmachi {
	top:455px;
	left:405px;
}
#movie #pop_naraya {
	top:220px;
	left:100px;
}
#movie #pop_sky {
	top:577px;
	left:660px;
}
.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:rgba(0,0,0,0.7);
	z-index:10;
}
.videoWrap {
	position:fixed;
	top:50%;
	left:50%;
	z-index:20;
}
.video {
	position:relative;
	margin:0 auto;
	height:auto;
}
.movWrap .close {
	position:absolute;
	top:-30px;
	right:0px;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:3px 3px 0 0;
	background:url(../../images/close.png) no-repeat center;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	cursor:pointer;
	text-indent:-9999px;
}
/*//////////////////////////

フッター

//////////////////////////*/
footer {
	margin-top:60px;
	padding:30px 0;
	text-align:center;
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1200px) {
body {
	min-width:1200px;
}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1000px) {
body {
	min-width:0;
  font-size: 0.75em;
}
/*/////////////////////////

ヘッダー

//////////////////////////*/
header nav {
	display:none;
}
header ul {
	padding-top: 5px;
	padding-bottom: 5px;
}
header ul li {
	margin-left:12px;
}
header ul li a {
	font-size:0.5em;
}
/*//////////////////////////

コンテンツ

//////////////////////////*/
section > div {
	width:90%;
	padding:30px 0 80px;
}
section > div h2 {
	margin-bottom:30px;
	padding-top:45px;
	background:url(../../images/icon_pine.png) no-repeat center top;
	background-size:40px auto;
  font-weight: 600;
	font-size:225%;
}
/* //////////////////////////

タイム表

///////////////////////////*/
table {
	width:100%;
}
td {
	line-height:1.4em;
	vertical-align:middle;
}
#narashi .mov-modal {
  padding: 3px 10px;
  font-size: 12px;
}
/*//////////////////////////

出演者

//////////////////////////*/
#main-contents .center {
  width: 100%;
  margin: 0 auto;
}
/*///////////////////////////

リポーター

/////////////////////////// */
#main-contents #reporter .reporter{
  width:100%;
  display: flex;
  margin-left: 15px;
  flex-direction: column;
  align-items: center;
}
#main-contents #reporter .repoinblock01{
  width: 30%;
  margin-left: -20px;
}
#main-contents #reporter .repoinblock02{
  width: 90%;
  margin-top: 40px;
  margin-left: -20px;
}
#main-contents #reporter .repoinblock01 h3{
  padding: 15px;
}
#main-contents #reporter .repoinblock02 h3{
  padding: 15px;
}
#main-contents #reporter h3 .name {
  color: #000;
  font-size: 1.7em;
}
#main-contents #reporter h3 .nameunder {
  display: block;
  color: #000;
  margin-top: 10px;
}
/* ///////////////////////////////

飾り山

/////////////////////////////////*/
#kazariyama dl {
	position:relative;
	float:left;
	width:140px;
	margin:0 2px 4px;
}
#kazariyama dt span {
  font-size: 14px;
}
.modaal-inner-wrapper {
  padding: 80px 10%;
}
.modaal-container {
  height: 88vh !important;
}
/* /////////////////////////////

動画 

//////////////////////////////*/
#movie > div h2 {
	margin-bottom:30px;
}
#movie div > p {
	display:none;
}
#movie ul {
	position:static;
	height:auto;
	background:none;
}
#movie ul li {
	position:static;
	width:auto;
	height:auto;
	margin-bottom:15px;
	background:none;
	font-size:128%;
	text-indent:0;
}
#movie ul #sky {
	width:auto;
	height:auto;
	background:none;
}
#schedule .schedulebold {
  font-size: 1.8vw;
}
/*//////////////////////////

フッター

//////////////////////////*/
footer a {
	right:10px;
	bottom:30px;
}
}
@media (max-width: 812px) {
/*////////////////////////////////////////////////////////////////////////////////////

YouTube

//////////////////////////*/
.YouTube {
  max-width: 700px;
  width: 90%;
  margin: 50px auto 30px;
}
/*//////////////////////////


出演者

//////////////////////////*/
#main-contents #cast .flex {
  justify-content: space-between;
}
#main-contents #cast .mc {
  width: 85%;
}
#main-contents #cast .inblock {
  width: 47.5%;
  margin: 0;
}
/* #main-contents #cast .inblock .castImg {
  padding-top: 120%;
} */
#main-contents #cast .inblock .castImg img {
  width: auto;
  height: 100%;
}
#main-contents #cast h3 {
  padding: 7% 0;
}
#main-contents #cast h3 .name {
  font-size: 4.5vw;
}
#main-contents #cast h3 .nameunder{
  font-size: 3vw;   
}
#main-contents #cast h3 .status {
  width: 28vw;
  margin: 5% auto 0;
  padding: 1.2vw 0;
  border-radius: 3.3vw;
  font-size: 2.6vw;
}
/*//////////////////////////

ゲスト

//////////////////////////*/
/* #main-contents #gest .flex {
  justify-content: space-between;
} */
#main-contents #gest .mc {
  width: 85%;
}
#main-contents #gest .inblock {
  width: 47.5%;
  margin: 0;
}
/* #main-contents #gest .inblock .castImg {
  padding-top: 120%;
} */
#main-contents #gest .inblock .castImg img {
  width: auto;
  height: 100%;
}
#main-contents #gest h3 {
  padding: 7% 0;
}
#main-contents #gest h3 .name {
  font-size: 4.5vw;
}
#main-contents #gest h3 .nameunder{
  font-size: 3vw;   
}
#main-contents #gest h3 .status {
  width: 28vw;
  margin: 5% auto 0;
  padding: 1.2vw 0;
  border-radius: 3.3vw;
  font-size: 2.6vw;
}
#main-contents h2.ttl strong {
    font-size: 5vw;
}
/*////////////////////////////

リポーター

/////////////////////////// */
#main-contents #reporter .reporter{
  width:100%;
  display: flex;
  margin-left: 15px;
  flex-direction: column;
  align-items: center;
}
#main-contents #reporter .repoinblock01{
  width: 43%;
  margin-left: -20px;
}
#main-contents #reporter .repoinblock02{
  width:90%;
  margin-top: 40px;
  margin-left: -20px;
}
#main-contents #reporter .repoinblock01 h3{
  padding: 15px;
}
#main-contents #reporter .repoinblock02 h3{
  padding: 15px;
}
#main-contents #reporter h3 .name {
  color: #000;
  font-size: 4.5vw;
}
#main-contents #reporter h3 .nameunder {
  display: block;
  color: #000;
  margin-top: 10px;
  font-size: 3vw;
}
/*/////////////////////////

スケジュール

//////////////////////////*/
#schedule table{
	width: 100%;
}
#schedule .scheduletd{
 margin-bottom: 3px;
 width: 85px;
}
#schedule .schedulebold {
  padding: 0px;
  font-size: 2.4vw;
}
#main-contents #news .fbs-news__ttl strong {
    font-size: 4.8vw;
}
/*///////////////////////

FBSニュース

////////////////////////*/
#main-contents #news .article__list {
  gap: 6vw 3%;
  width: min(600px, 100%);
  margin: 0 auto;
}
#main-contents #news .article__item {
  width: 48.5%;
}
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 500px) {
.spbr{
  display: block;
}
header .ttl-container {
  width: 95%;
}
.hulu {
  margin: 30px auto 10px;
}
section > div h2 span {
	display:block;
	margin-top:10px;
	font-size:90%;
}
#main-contents h2.ttl.blk strong {
  font-size: 188.3%;
}
/*////////////////////////

タイム表

/////////////////////////*/
td span {
	display:block;
	margin-top:5px;
}
.modaal-inner-wrapper {
  padding: 80px 10px;
}
/*/////////////////////////

スケジュール

//////////////////////////*/

#schedule table{
	width: 100%;
}
#schedule td .flex{
 flex-wrap: wrap;
}
#schedule img {
  margin-bottom: 15px;
	width:90%;
}
#schedule h3{
	font-size: 1em;
	margin-bottom: 0px;
}
#schedule .schedulebold {
  padding: 0px;
  font-size: 3.4vw;
}
/*////////////////////////

FBSニュース

/////////////////////////*/
#main-contents #news .fbs-news {
  margin-bottom: 15vw;
}
#main-contents #news .article__list {
  flex-direction: column;
  gap: 3vw 0;
}
#main-contents #news .article__item {
   width: 100%;
}
#main-contents #news .article__item a {
  flex-direction: unset;
  justify-content: space-between;
  padding: 3%;
  height: auto;
}
#main-contents #news .article__pic {
  width: 45%;
}
#main-contents #news .article__pic img {
  border-radius: 1vw;
}
#main-contents #news .article__text {
  position: relative;
  display: block;
  flex-grow: unset;
  width: 52%;
  padding: 0;
}
#main-contents #news .article__ttl {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: min(.875rem, 4vw);
}
#main-contents #news .article__text .update-date {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: min(.75rem, 3.5vw);
}
}








