@charset "utf-8";

/*--------------------------------------------------------*/
/*リセット*/
/*HTML*/
html{margin: 0;padding: 0;border: 0;}
*{margin: 0;padding: 0;border: 0;}
.hack:after{content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}
* html .hack{display: inline-block;}
/* no ie mac \*/
* html .hack{height: 1%;}
.hack{display: block;}
body{line-height: 1;}
/*メイン*/
h1,h2,h3,h4,h5,h6,p,span,table,a,img,dl,dt,dd,ul,li,ol,iframe,nav{
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
background: transparent;
vertical-align: bottom;
border: none;
}
ol, ul{list-style: none; list-style-type: none;}
/*--------------------------------------------------------*/
html {overflow-y: scroll;}
body{
background: #153f83 url("../img/bg_body.webp") repeat-x top;
text-align: center;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
width: 100%;
background-attachment: fixed;
background-size: cover;
}
@media screen and (max-width: 1280px) {
/* 表示領域が1280px以下の場合に適用するスタイル */
body{
background-position: 20% top;
}
}
.cleartext{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.clearfix::after{
content: ""; 
display: block; 
height: 0; 
font-size: 0;	
clear: both; 
visibility: hidden;
}
.clearfix{display: inline-block;} 
/* Hides from IE Mac */
* html .clearfix{height: 1%;}
.clear {clear: both;}
.clearfix{display: block;}
/*--リンク--*/
a:link{color: #ebf8fd; text-decoration: underline;}
a:visited{color: #ebf8fd; text-decoration: underline;}
a:hover{color: #f11384; text-decoration: underline;}
/*--------------------------------------------------------*/
/*MXヘッダーの隙間消し*/
.mx_menu_all,
.banner_bg{
margin-bottom: 0px !important;
}
/*--------------------------------------------------------*/
#all {
margin: 0 auto;
text-align: left;
overflow: hidden;
padding: 0;
width: 1640px;
}
#wrapper {
box-sizing: border-box;
/* margin: 0 auto; */
float: left;
height: 1700px;
/* overflow: hidden; */
position: relative;
/* padding: 0 1% 10px; */
width: 1200px;
/* text-align: right; */
}
/*--all_back--*/
.all_back {
background: url("../img/bg_main.webp") no-repeat top -18% right 62%;
margin: 0 auto;
text-align: center;
width: 1640px;
}
.onlyPc{
display: block;
}
.onlySp{
display: none;
}
/*--------------------------------------------------------*/
/*--パンくず--*/
.panlist{
color: #fff;
font-size: 0.8em;
margin: auto;
padding: 8px;
text-align: left;
text-shadow: 0px 0px 2px rgb(13, 19, 110), 1px 1px 2px rgb(13, 19, 110), -1px -1px 3px rgb(13, 19, 110);
width: 1280px;
}
/*--------------------------------------------------------*/
#sns_button_pc {
margin: 15px auto;
position: absolute;
right: 25px;
top: 0;
width: 100px;
}
#sns_button_pc .btn_sns img {
height: 36px;
width: 36px;
margin: 0 5px;
}
.time{
	width: 90%;
	margin: 0 0 0 auto;
}
.time_box {
position: relative;
}
.time_box h1 {
	margin: 55px 34px 120px auto;
    width: 98%;
}
.time_box h1 img{
	width: 500px;
}
.time_box h2{
	margin: 0 14px 0px auto;
width: 95%;
}
.time_box h2 img {
	width: 430px;
}
/*--------------------------------------------------------*/
/* 写真エリア phpto_area */
#photo_area {
box-sizing: border-box;
height: 1015px;
margin: 130px auto 0;
float: left;
width: 600px;
}
#photo_area h2 {
border-radius: 3px;
background-color: #4DBDB7;
color: #fff;
display: block;
font-weight: bold;
margin-bottom: 10px;
padding: 10px;
}
#photo_area h2 span{
font-weight: normal;
font-size: 0.7rem;
display: inline-block;
margin: 0 0 2px 10px;
}
.photo_box ul {
display: -js-flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.photo_box li {
flex: 0 0 49%;
max-width: 49%;
margin-bottom: 10px;
}
.photo_box li img {
width: 100%;
}

/*--コンテンツ-*/
#contents_box {
color: #0e0e0e;
margin: 0 0 0 auto;
position: relative;
height: 800px;
width: 86%;
}

.textArea{
display: flex;
flex-wrap: wrap;
}
.textArea .aboutOut{
width: 56%;
display: inline-flex
;
}
.textArea .otherOutBox{
margin: 0 0 0 2%;
width: 40%;
}

/*h1 img,*/
h2 img,.rbn img{
width: 100%;
}
.aboutOut, .otherOut{
/* border-right: #fff solid 2px;
border-left: #fff solid 2px; */
box-shadow: 0 0 10px #467ed9;
}
.aboutOut::before,.aboutOut::after,
.otherOut::before,.otherOut::after{
content: '';
display: block;
/*width: calc( 100% + 32px );*/
/* height: 5px; */
/*margin-left: -16px;*/
/* background: linear-gradient(to right, #fff, #fff); */
}
.about,.other{
box-sizing: border-box;
background-color: rgb(255 255 255 / 80%);
padding: 30px 25px 0px 25px;
line-height: 1.5em;
/*overflow: hidden;*/
position: relative;
width: 100%;
border: solid #00006e 5px;
border-image: linear-gradient(to bottom, #00006EFF, #0028A6FF, #0069A6FF, #0028A6FF, #050A9AFF) 7;
}
.about h3,
.other h3{
font-size: 1.2em;
font-weight: bold;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.about h3{
top: -36px;
}

.other h3{
top: -32px;
}

.about h3 img{
width: 300px;
}
.other h3 img{
width: 370px;
}
.about_text, .other_text {
font-size: 1.2em;
line-height: 1.8;
font-weight: bold;
margin: 0 0 20px;
text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 1px 1px 2px rgba(255, 255, 255, 1), -1px -1px 3px rgba(255, 255, 255, 1);
color: #003ba3;
}
.about_text ul {
/* display: flex; */
width: 100%;
}
.about_text ul li {
color: #fff;
display: block;
font-size: 0.8em;
font-weight: bold;
float: left;
text-align: center;
padding: 0 0 8px;
width: 50%;
}
.about_text ul li a{
text-decoration: none !important;
}
.about_text ul li a:link,.about_text ul li a:visited,.about_text ul li a:hover{
}
.about_text ul li a:hover{
opacity:0.8;
}
.about_text ul li img{
margin: 0 auto;
width: 85%;
}
.about_text small{}
.about_text ul li a.bnr_Offi {
	color: #c039dc;
}
.about_text ul li a.bnr_X {
	color: #c039dc;
}
.about_text p.about_bangumi{
font-size: 0.98em;
}
.about_text p.rbn_txt{
margin-top: 1%;
font-size: 0.9em;
}
.about_text .rbn_box{
margin-top: 3%;
font-size: 0.9em;
line-height: 1.6;
}
.about_text .rbn_box p:first-child{
margin-bottom: 2%;
}
.copy {
left: 2px;
bottom: 144px;
margin-top: 3%;
/* position: absolute; */
}

.housou_about{
display: block;
padding: 15px;
margin-top: 15px;
line-height: 140%;
}
.housou_about h3{
padding-bottom: 11px;
border-bottom: solid 2px #ffd810;
font-size: 120%;
font-weight: bold;
}
.tv_set{
margin-bottom: 4%;
line-height: 140%;
border-bottom: solid 1px #adbdd9;
font-size: 120%;
text-align: left;
color: #003ba3;
padding-bottom: 2%;
}

.tv_set dt {
	margin-bottom: 2%;
	font-size: 1.25rem;
}

.tv_set dd a {	
	font-size: 1rem;
}

.tv_set:last-child {
	border: none;
}

.tv_set h4{
font-weight: bold;
color: #f24e88;
}

.tv_set .tv_set_text {
font-size: 0.68em;
/* display: block; */
padding: 0 1.8%;
}

.linethrough {
	text-decoration: line-through;
}

.linethrough_newvar {
	margin-top: -10px;
}

.flex {
	display: flex;
}

small {
	font-weight: lighter;
	display: block;
	text-align: right;
	font-size: 0.68em;
}

dt .type {
	font-size: 0.68em;
	color: #003ba3;
	/* background-color: #003ba3; */
	display: inline-block;
	/* display: table; */
	text-shadow: none;
	line-height: 1.5rem;
	border: 1px solid #003ba3;
	margin-bottom: 3px;
}

/*cast_box*/
#cast_box{
width: 300px;
color: #fff;	
background-color: rgba(11, 34, 76, 0.7);	
position: relative;
display: inline-block;
margin-left: 24px;
box-shadow: 0 0 10px 1px #ffd810;
}
.cast_about{
display: block;
line-height: 140%;
}
.cast_about h3{
padding-bottom: 11px;
border-bottom: solid 2px #ffd810;
font-size: 120%;
font-weight: bold;
}
.cast_set{
margin-bottom: 2%;
border-bottom: solid 1px #cccccc;
}

.cast_set h4{
font-weight: bold;
color: #ffd810;
}
.cast_set span{
font-size: 70%;
line-height: 22px;
}
/*--------------------------------------------------------*/
/*Rチャンネルバナー*/
.rbn{ width: 37%; margin: 0px 3% 2% 5%;}
.rbn img{ width: 100%; }
/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*Tverバナー*/
.tverbn{ width: 37%; margin: 0px 3% 6% 5%;}
.tverbn img{ width: 100%; }
/*--------------------------------------------------------*/
/*動画縦横比維持*/
#douga{
position: relative;
width: 100%;
}
#douga:before{
content: "";
display: block;
padding-top: 56.25%; /* 高さと幅の比を16: 9に固定。9/16*100=56.25 */
}
#douga iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*--------------------------------------------------------*/
/*--コピーライト--*/
.copy{
}
#footer .mx_copyright{color: #fff !important;}
/*#footer .mx_copyright a:link{ color: ffffff; }
#footer .mx_copyright a:visited{ color: ffffff; }*/
/*--------------------------------------------------------*/
/*--右カラム--*/
/*#right_side{*/
.rb{
width: 300px;
float: left;
}
/*SP版*/
/*#right_side{
max-width: 412px;
margin: 0 auto 10px auto;
}*/
/*--------------------------------------------------------*/
/*--フッター[PC]--*/
.box_footer{ padding: 1px 0 10px; }
#footer{ text-align: center; margin: 0 auto;}
.foot{ margin: 0 auto; }
.mx_copyright{ color: rgb(214, 214, 214); line-height: 1.5; }
.mx_copyright a:link{ color: rgb(214, 214, 214); }
.mx_copyright a:visited{ color: rgb(214, 214, 214); }
.mx_copyright a:hover{ color: rgb(214, 214, 214); }
/*-----------------------------------*/
/*緊急テキスト*/
#rp_textbox{}
.pop_text{}
.popup_title{}
#rp_textbox a{}
/*-----------------------------------*/
/*google翻訳*/
.skiptranslate.goog-te-gadget,
a.goog-logo-link{color: #fff !important;}

/*--------------------------------------------------------*/
/*--youtubeはこちら--*/
.youtube{
float: right;
margin-bottom: 30px;
}
.lnk_mcas {
bottom: 0;
margin: 4% 1.5% 0 auto;
width: 970px;
}
.lnk_mcas img{
width: 100%;
}

/*-- ローディング ----------------------*/
#loader{
height: 100em;
display: block;
padding-top: 5em;
z-index: 100;
width: 100%;
}
.loader,.loader:before,.loader:after {
background: #aaa;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
height: 4em;
width: 1em;
}
.loader {
color: #ccc;
text-indent: -9999em;
margin: auto;
position: relative;
font-size: 11px;
-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);
-webkit-animation-delay: -0.16s;animation-delay: -0.16s;
}
.loader:before,.loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;animation-delay: -0.32s;
}
.loader:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,80%,100% {
	box-shadow: 0 0;
	height: 4em;
	}
	40% {
	box-shadow: 0 -2em;
	height: 5em;
	}
	}
	@keyframes load1 {
	0%,80%,100% {
	box-shadow: 0 0;
	height: 4em;
	}
	40% {
	box-shadow: 0 -2em;
	height: 5em;
	}
}
/*--------------------------------------------------------*/
/* .footer_bg_wrapper {
	margin-top: -130px;
} */