@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
.page2 {
	background-color: #000000;
	color: #FFFFFF;
	padding: 0rem 0;
	margin-bottom: 0;

}
.page {
	font-family: 'Noto Sans JP', sans-serif !important;
	text-shadow: none !important;
	font-feature-settings: "palt" 1;
	background-image: url(../img/bg.jpg);
	background-size: 100%;
	background-repeat: repeat-y;
	clear: both;
}
.img_s {
	display: none;
}
.page li {
	list-style: none;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.clearfix {
	zoom: 1;/* for IE5.5 - IE7 */
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
/*.page {
	overflow-x: hidden;
}*/
/* ----- .pagetop ----- */
#page-top {
	position: fixed;
	bottom: 0px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 90px;
	padding: 0px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}

/* メインビジュアル */
.content-header {
	position: relative;
}

/* 放送時間表記の文字画像 */
.oa_date {
	position: relative;
	z-index: 100;
	width: 61.8%;
	margin: -1rem auto 0;
}

.oa_date > img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/**
 * ページトップ放送日時
 * 2023.03追加
 */
.title {
	position:relative
}

.img_day{
	margin: 5rem auto 2rem;
	display: block;
}

.bt_tver{
		max-width: 450px;
		height: auto;
		margin:2rem auto 8rem;
		display: block;
	}
.contents {
	width: 100%;
	padding-bottom: 2rem;
}

/* ----- 放送エリア拡大中 ----- */

.oa_area {
	width: 90%;
    max-width: 1040px;
	margin: 5rem auto 8rem auto;
}

.oa_area dl {
	width: fit-content;
	margin: 0 auto;
    padding: 2rem 10rem;
	letter-spacing: .5px;
	border: 1px solid #fe0000;
	background-image: linear-gradient(360deg, rgba(254, 0, 0, 0.4), rgba(254, 0, 0, 0.34) 22%, rgba(254, 0, 0, 0) 56%);
}

.oa_area dl dt {
	font-size: clamp(26px, 3.5vw, 46px);
	font-weight: bold;
	text-align: center;
	color: #fe0000;
	margin-bottom: .7rem;
	font-weight: bold;
}

.oa_area dl dd {
	font-size: clamp(16px, 2vw, 24px);
}

.oa_area dl dd:not(:last-of-type) {
	margin-bottom: .5rem;
}

.oa_area dl dd span {
	font-size: clamp(18px, 2.5vw, 32px);
	font-weight: bold;
}

.oa_area dl dd i {
	margin-right: 1em;
}

/* ----- 書籍化告知 ----- */

.sp {
	display: none;
}

.book {
	width: 90%;
    max-width: 1040px;
    margin: 5rem auto 1rem auto;
	text-align: center;
	letter-spacing: .5px;
}

.book h3 {
	color: #fe0000;
	font-size: clamp(26px, 4.5vw, 48px);
}

.book p {
	width: 40%;
	margin: 1.5vw auto 2.5vw auto;
}

.book p img {
	max-width: 100%;
}

.book ol li h4 {
	font-size: clamp(26px, 3.5vw, 34px);
	margin-bottom: 1.5vw;
}

.book ol li {
	font-size: clamp(16px, 2vw, 24px);
}

.book ul {
	font-size: clamp(18px, 2vw, 20px);
	margin: 2vw auto;
}

.book ul span {
	font-size: clamp(18px, 2.5vw, 28px);
	font-weight: bold;
}

.book dl dt {
	font-weight: bold;
	font-size: clamp(16px, 2.5vw, 24px);
}

.book dl dd a {
	transition-duration: .1s;
	color: #0066ff;
	font-size: clamp(18px, 2vw, 20px);
	word-break: break-all;
}

.book dl dd a:hover {
	opacity: .7;
}


/* ----- .movie ----- */
.box_movie {
	text-align: center;
	padding: 0rem 0rem;
}
.box_movie img{
	margin: 2rem 0;
}
.box_movie p {
	width: 800px;
	margin: 0 auto;
	font-weight: 600;
	padding: 20px;
	line-height: 3rem;
	font-size: 1.3rem;
	letter-spacing: 0.1em
}
.box_movie .p_title {
	border-bottom: 5px #000000 solid;
	padding: 0.3rem 0rem;
	font-weight: 600;
	font-size: 1.5rem;
	width: 11%;
	margin: 0 auto 1rem;
}
.movie {
	width: 100%;
	max-width: 1040px;
	margin: 0px auto 40px;
	background-image: url(../img/bg_movie.jpg);
	background-position: center bottom;
	padding: 1rem;
}
.movie img {
	width: 100%;
	height: auto;
}
.tvo-video {
 height: calc(1040px * 0.5625)
}
.article_overview {
	padding: 2rem 0 5rem;
}
.article_overview h2 {
	height: 0;
	width: 100%;
	max-width: 529px;
	line-height: 0;
	margin: 1rem auto 0;
	background: url(../img/h2.png) no-repeat top center;
	background-size: contain;
 padding-top: calc(55 / 529 * 100%);
	font-size: 0px;
	position: relative;
}

.article_overview p {
	font-size: 1.6rem;
	margin: 0rem auto;
	color: #eae9e9;
	max-width: 1000px;
	text-align: center;
	line-height: 4rem;
	letter-spacing: 2px;
}
.article_overview p span {
	font-size: 2.0rem;
	margin: 0 auto;
	color: #fe0000;
	text-align: center;
}
.box_kaidanshi {
	background: #000000;
	padding:5rem 0 5rem;
	  background-color: rgba(0,0,0,0.5);
}
.box_kaidanshi h3 {
	text-align: center;
    font-size: 2.3rem;
    font-weight: normal;
	display: block;
    margin-bottom: 5rem;
	background-color: #000000;

	width: 90%;
	margin: 0 auto;
	padding: 1rem 0;
    color: #FF0004;
/*	text-shadow: 0 0 1px #ffd8d8, 0 0 3px #ffd8d8, 0px 0px 6px #ffd8d8, 0 0 10px #dd4c30, 0 0 30px #dd4c30, 0 0 50px #dd4c30, 0 0 70px #dd4c30, 0 0 100px #dd4c30, 0 0 150px #dd4c30, 0 0 200px #dd4c30, 0 15px 5px #000;*/
}
.box_kaidanshi figure .img1 {
	width: 366px;
	height: 442px;
	margin: 4rem auto 0rem;
	display: block;
}
.box_kaidanshi figcaption {
	color: #DDDDDD;
	font-size: 2rem;
	text-align: center;
	line-height: 3rem;
	letter-spacing: 0.1em
	}
figcaption span {
	font-size: 1rem;
	line-height: 2.5rem;
}
.kaidanshi {
	clear: both;
	display: block;
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
.box_kaidanshi figcaption {
	font-size: 1.5rem;
	line-height: 1.8rem;
	margin-bottom: 2rem;
}
.kaidanshi figure {
	clear: both;
	width: 33%;
	display: inline-block;
	padding: 1rem;
	box-sizing: border-box;
	margin-top: 5rem;
	vertical-align: top;
}
.page .kaidanshi figure img {
	display: block;
	width: 80%;
	height: auto;
	margin: 0rem auto 1rem;
}
.box_sns {
	padding: 8rem 0 3rem;
}
.box_sns .bt_oubo a {
	text-decoration: none;
	display: block;
	border: #FF0004 1px solid;
	background-image: url(../img/bg_movie.jpg);
	background-size: cover;
	width: 900px;
	height: 280px;
	font-weight: 600;
	font-size: 3.5rem;
	color: #ff0000;
	margin: 0rem auto 8rem;
	padding: 3rem;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.box_sns .bt_oubo a:hover {
	text-decoration: none;
	display: block;
	border: #FF0004 1px solid;
	background-image: url(../img/bg_bt.jpg);
	background-size: cover;
		width: 900px;
	height: 280px;
	font-weight: 600;
	font-size: 3.5rem;
	color: #ff0000;
	margin: 0rem auto 8rem;
	padding: 3rem;
	text-align: center;
	vertical-align: middle;
}
.bt_youtube {
	margin: 0 auto;
	display: block;
}
.box_tw {
	clear: both;
	width: 40%;
	height: 900px;
	box-sizing: border-box;
	margin-top: 15px;
	margin: 5rem auto 0rem;
}
.tw {
	background-color: #0582C8;
	height: 30px;
	text-align: center;
	color: #FFFFFF;
	padding: 0.5rem 0 0;
}
.tw a {
	color: #FFFFFF;
}
.twitter-timeline {
	background-color: #F4F4F4;
}
.foot {
	background-color: #090909;
	padding: 3rem 0;
}
.foot_in {
	max-width: 557px;
	text-align: center;
	margin: 0 auto;

}
.foot_logo{
	height: 0;
	width: 100%;
	max-width: 557px;
	line-height: 0;
	margin: 0rem auto 0;
	background: url(../img/foot_logo.jpg) no-repeat top center;
	background-size: contain;
	background-position: center center;
 padding-top: calc(247 / 557 * 100%);
	font-size: 0px;
	position: relative;
}

.foot_sp {
	margin-left: 0px;
}
.fade {
	transition: all 1500ms;
	opacity: 0;
	visibility: hidden;
	transform: translate(0px, 50px);
}
.fadein {
	opacity: 1;
	visibility: visible;
	transform: translate(0px, 0px);
}
.youtube{
width: 90%;
	max-width: 1040px;
	margin: 0px auto 8rem;
	text-align: center;
}
.youtube h2{
text-align: center;
    font-size: 2.3rem;
    font-weight: normal;
    display: block;

    width: 100%;
    margin:0rem auto 2rem;
    padding:5rem 0 2rem;
    color: #fff;

}
.youtube h3{
text-align: center;
    font-size: 2.3rem;
    font-weight: normal;
    display: block;
    margin-bottom: 5rem;

    width: 100%;
    margin: 2rem auto 2rem;
    padding: 1rem 0;
    color: #fff;

}
.youtube p{
	color: #fff;
	margin-bottom: 40px;
	text-align: center;font-size: 2rem;
}
.youtube .p_youtube{
	color: #FF0004;
	margin-bottom: 40px;
	text-align: center;
	border: 1px #FF0004 dashed;
}
.youtube p a{
	padding: 1rem 0;
	text-align: center;
	display: block;
		color: #FF0004;
	border-bottom:none;
	font-size: 1.7rem;
	text-decoration: none;

}
.youtube p a:hover{
	/* background-color: #000000; */
	opacity: 0.85;
}
.box_overview{
	max-width: 1000px;
	margin: 0 auto;
	color:#E8E6E6;
	font-size: 1.3rem;
	padding-bottom: 10rem;

}
.box_overview h4{
	text-align: center;
	font-size: 2.3rem;
	font-weight: normal;
	margin-bottom: 3rem;
	color: #FF0004;
}
/*dl {
	clear: both;
	width: 100%;
	padding: 0px 0;
	margin: 0px auto 50px;
	padding-bottom: 20px;
	line-height: 2.5em;
	font-weight: normal;
	font-size: 1em;
	display: block;
	box-sizing: border-box;
	text-align: center;
}
.page dt {
	float: none;
	clear: both;
	padding: 0px;
	width: auto;
	background-color: #000;
	color:#E80003;
	text-indent: 10px;
	margin-top: 10px;
	font-size: 1em;
	text-align: center;
}*/

/* dl {
	padding: 20px 20px 20px 0px;
	border-bottom: 1px solid #313131;
	width: 100%;
	overflow: hidden;
	margin: 0
} */
.box_overview dt {
	padding-bottom: 5px;
	color: #FF0004;
	padding-right: 20px;
	clear: left;
	float: left;
	width: 20%;
	font-size: 1.1rem;
}
.box_overview dd {
	margin-left: 0%;
	float: left;
		line-height: 1.5rem;
}
	.box_overview dd a{
		color:#CCCCCC;
}
.box_overview dd img{
	float: left;
	display: block;
	margin-top: 5px;
}
.box_overview dd span{
	font-size: 1rem;
	margin: 0 1rem 0 0.5rem;
}
.box_buzzooka{
	line-height: 2.5rem;
}
.box_buzzooka img{
		width: 500px;
		height: auto;
		margin: 1rem auto 0;
		display: block;
	}
.p_form{
	text-align: center;
	margin-bottom: 2rem;
	padding:0 2rem;
}

@media screen and (max-width:1024px) {
	.page{
	  overflow:auto;
    width:100%;
    height:100%;
    -webkit-overflow-scrolling:touch;
	}
	.box_movie img{
		width: 80%;
		margin: 0 auto 1rem;
		height: auto;
}
	.header h1 {
	height: 0;
	width: 100%;
	max-width: 100%;
	line-height: 0;
	margin: 0rem auto 0;
	background: url(../img/s_main.jpg) no-repeat top center;
	background-size: contain;
 padding-top: calc(1458/ 1024 * 100%);
	font-size: 0px;
	position: relative;
}
	.img_day{
		width: 90%;
		height: auto;
	margin: 2rem auto 2rem;
	display: block;
}
	.bt_tver{
		width: 85%;
		max-width: 90%;
		height: auto;
		margin: 4rem auto 5rem;
	}
.movie {
	width: 90%;
	margin: 0px auto;
	padding: 0.5rem;
	box-sizing: border-box;
}
.tvo-video {
 height: calc(90vw * 0.5625);
}
.article_overview {
	width: 90%;
	margin: 0 auto;
	padding: 0rem 0 3rem;
}
.article_overview h2 {
	max-width: 90%;
 padding-top: calc(120 / 529 * 100%);
	margin-bottom: 2rem;
}
.article_overview p {
	font-size: 0.9rem;
	line-height: 1.6rem;
	letter-spacing: 2px;
	text-align: left;
	font-weight: normal;
}
.article_overview p br {
	display: none;
}
.article_overview p span {
	font-size: 1.0rem;
	font-weight: normal;
}
.box_kaidanshi {
	padding: 3rem 0;
}
.box_kaidanshi h3 {
height: auto;
	width: 100%;
	max-width: 100%;
	margin: 0rem auto 2rem;
	font-weight: normal;
	background:none;
	font-size: 1.3rem;
/*	position: relative;*/
		text-align: center;
		color: #FF0004;
		padding: 2.5rem 0 0;
	display: block;
    line-height: 1.3;
    text-shadow: 0 0 1px #ffd8d8, 0 0 3px #ffd8d8, 0px 0px 6px #ffd8d8, 0 0 10px #dd4c30, 0 0 30px #dd4c30, 0 0 50px #dd4c30, 0 0 70px #dd4c30, 0 0 100px #dd4c30, 0 0 150px #dd4c30, 0 0 200px #dd4c30, 0 15px 5px #000;
}
.youtube h2{
	height: auto;
	width: 100%;
	max-width: 100%;
	margin: 0rem auto 2rem;
	font-weight: normal;
	background:none;
	font-size: 1.3rem;
/*	position: relative;*/
		text-align: center;
		color: #FF0004;
		padding: 2.5rem 0 0;
	display: block;
    line-height: 1.3;
    text-shadow: 0 0 1px #ffd8d8, 0 0 3px #ffd8d8, 0px 0px 6px #ffd8d8, 0 0 10px #dd4c30, 0 0 30px #dd4c30, 0 0 50px #dd4c30, 0 0 70px #dd4c30, 0 0 100px #dd4c30, 0 0 150px #dd4c30, 0 0 200px #dd4c30, 0 15px 5px #000;
	}
	.youtube h3{
	height: auto;
	width: 100%;
	max-width: 100%;
	margin: 5rem auto 2rem;
	font-weight: normal;
	background:none;
	font-size: 1.3rem;
	position: relative;
	text-align: center;
	color: #FF0004;
	padding: 0.5rem 0;
	display: block;
    line-height: 1.3;
    text-shadow: 0 0 1px #ffd8d8, 0 0 3px #ffd8d8, 0px 0px 6px #ffd8d8, 0 0 10px #dd4c30, 0 0 30px #dd4c30, 0 0 50px #dd4c30, 0 0 70px #dd4c30, 0 0 100px #dd4c30, 0 0 150px #dd4c30, 0 0 200px #dd4c30, 0
	}
.page .box_kaidanshi .h3_index{
	height: auto;
	width: 90%;
	max-width: 100%;
	margin: 0rem auto 0;
	font-weight: normal;
	background:none;
	font-size: 1.3rem;
	position: relative;
		text-align: center;
		color: #FF0004;
		padding: 0.5rem 0;
	display: block;
    line-height: 1.3;
    text-shadow: 0 0 1px #ffd8d8, 0 0 3px #ffd8d8, 0px 0px 6px #ffd8d8, 0 0 10px #dd4c30, 0 0 30px #dd4c30, 0 0 50px #dd4c30, 0 0 70px #dd4c30, 0 0 100px #dd4c30, 0 0 150px #dd4c30, 0 0 200px #dd4c30, 0 15px 5px #000;
	}
.box_kaidanshi figure .img1 {
	width: 65%;
	height: auto;
	margin: 2rem auto 1rem;
	display: block;
}
.box_kaidanshi figcaption {
	color: #DDDDDD;
	font-size: 2rem;
	text-align: center;
	line-height: 3rem;
	letter-spacing: 0.1em
}
figcaption span {
	font-size: 1rem;
	line-height: 2.5rem;
}
.kaidanshi {
	clear: both;
	display: block;
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
}
.kaidanshi figure {
	clear: both;
	width: 49%;
	display: inline-block;
	padding: 0.5rem;
	box-sizing: border-box;
	margin-top: 3rem;
	vertical-align: top;
}
.page .kaidanshi figure img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0rem auto 1rem;
}
.box_kaidanshi figcaption {
	font-size: 1.1rem;
	line-height: 1.1rem;
}
figcaption span {
	font-size: 0.8rem;
	line-height: 1.5rem;
}
.box_sns .bt_oubo a {
	width: 90%;
	height: auto;
	font-size: 1.6rem;
	color: #ff0000;
	margin: 0rem auto 5rem;
	padding: 2rem 0;
}
	.box_sns .bt_oubo a:hover {
	width: 90%;
	height: auto;
		background-image: url(../img/bg_bt.jpg);
	font-size: 1.6rem;
	color: #ff0000;
	margin: 0rem auto 5rem;
	padding: 2rem 0;
}

.box_sns {
	padding: 2rem 0 0rem;
}
.bt_youtube {
	width: 85%;
	height: auto;
	margin: 0 auto;
	display: block;
}
.box_sns {
	width: 100%;
	float: none;
	box-sizing: border-box;
	margin: 0rem auto;
	display: block;
	height: auto;
}
.box_tw {
	clear: both;
	width: 84%;
	height: 850px;
	box-sizing: border-box;
	margin-top: 15px;
	margin: 2rem auto 0rem;
}
	.foot {
    padding: 1rem 0;
}
.foot_in {
	max-width: 100%;
	background-image: none;
	padding: 0rem;
}
.foot_logo {
    height: 0;
    width: 80%;
    max-width: 557px;
    line-height: 0;
    margin: 0rem auto 0;
    background: url(../img/foot_logo.jpg) no-repeat top center;
    background-size: contain;
    background-position: center center;
    padding-top: calc(247 / 557 * 100%);
    font-size: 0px;
    position: relative;
}
/* ----- .pagetop ----- */
#page-top {
	position: fixed;
	bottom: 0px;
	right: -30px;
	font-size: 77%;
}
#page-top a img {
	text-decoration: none;
	color: #fff;
	width: 70px;
	height: auto;
	padding: 0px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}

	.youtube{
width: 100%;
	max-width: 1040px;
	margin: 0px auto 4rem;
	text-align: center;
		padding:0 0.8rem;
		box-sizing: border-box;
}
.youtube .p_youtube{
	color: #FF0004;
	margin-bottom: 40px;
	text-align: center;

}
.youtube p a{
	text-align: center;
	display: block;
		color: #FF0004;
	border-bottom:none;
	font-size: 1.2rem;

}
	.box_kaidanshi {
	background: #000000;
	padding:2rem 0 3rem;
	  background-color: rgba(0,0,0,0.3);
}
	.youtube p{
	color: #fff;
	margin-bottom:20px;
	text-align: center;font-size: 1.0rem;

}
	.box_overview{
		width: 88%;
		margin: 3rem auto 0;

	max-width: 90%;
	color:#E8E6E6;
	font-size:0.9rem;
	padding-bottom: 3rem;
		box-sizing: border-box;
		line-height: 2rem;
	}
	.box_overview h4 {
    text-align: center;
    font-size: 1.3rem;
    font-weight: normal;
    margin-bottom: 2rem;
    color: #FF0004;background-color: #000000;
		padding: 0.5rem 0;

	display: block;
    line-height: 1.3;
    text-shadow: 0 0 1px #ffd8d8, 0 0 3px #ffd8d8, 0px 0px 6px #ffd8d8, 0 0 10px #dd4c30, 0 0 30px #dd4c30, 0 0 50px #dd4c30, 0 0 70px #dd4c30, 0 0 100px #dd4c30, 0 0 150px #dd4c30, 0 0 200px #dd4c30, 0 15px 5px #000;
}
/* dl {
	padding:1rem 0;
	border-bottom: 1px solid #313131;
	width: 100%;
	overflow: hidden;
	margin: 0
} */
.box_overview dt {
	padding-bottom: 5px;
	color: #FF0004;
	padding-right: 20px;
	clear: left;
	float: left;
	width: 100%;
	font-size: 1rem;

	box-sizing: border-box;
}
	.box_overview br{
		display: none;
}
		.box_overview .br_s{
		display:block;
}
.box_overview dd {
	margin-left: 0%;
	float: left;
	line-height: 1.7rem;
}
	.box_overview dd a{
		color:#CCCCCC;
}
.box_overview dd img{
	float: left;
	display: block;
	margin-top: 5px;
}
.box_overview dd span{
	font-size: 0.8rem;
	margin: 0 0.5rem 0 0.5rem;
}
	.box_buzzooka {
		line-height: 1.5rem;
	}
	.box_buzzooka img{
		width: 90%;
		height: auto;
		margin: 1rem auto 0;
		display: block;
	}
	.p_form{
		text-align: left;
}
}

@media screen and (min-width:1025px) and ( max-width:1280px) {
}

@media screen and (max-width:767px) {
	.oa_date {
		width: 90%;
		margin: 0 auto;
	}

	/* ----- 放送エリア拡大中 ----- */

	.oa_area {
		margin: 0 auto 4rem auto;
	}

	.oa_area dl {
		width: 100%;
		padding: 1.5rem 1rem;
		box-sizing: border-box;
		letter-spacing: .3px;
	}

	.oa_area dl dt {
		font-size: clamp(24px, 3.5vw, 30px);
	}

	.oa_area dl dd {
		text-align: center;
		line-height: 1.5em;
	}

	.oa_area dl dd:not(:last-of-type) {
		margin-bottom: .7rem;
	}

	.oa_area dl dd i {
		margin-right: .5em;
	}

	.oa_area dl dd i:first-of-type {
		display: none;
	}

	/* ----- 書籍化告知 ----- */

	.sp {
		display: block;
	}

	.book {
		margin: 2rem auto 1rem auto;
		letter-spacing: .3px;
	}

	.book h3 {
		font-size: clamp(22px, 7vw, 42px);
		line-height: 1.3em;
	}

	.book p {
		width: 50%;
		margin: 3.5vw auto 4.5vw auto;
	}

	.book ol li h4 {
		font-size: clamp(20px, 6vw, 38px);
		line-height: 1.3em;
		margin-bottom: 3.5vw;
	}

	.book ol li {
		font-size: clamp(16px, 3vw, 22px);
	}

	.book ul {
		font-size: clamp(16px, 3vw, 22px);
		margin: 5vw auto;
	}

	.book ul span {
		font-size: clamp(18px, 4vw, 30px);
	}

	.book dl dt {
		font-size: clamp(16px, 3vw, 22px);
	}

	.book dl dd a {
		font-size: clamp(14px, 3vw, 18px);
	}

	.book dl dd a:hover {
		opacity: unset;
	}

}