@charset "utf-8";

/* 見出し */
.midashi{ text-align:center;}
	@media screen and (max-width: 619px){
		.midashi{ padding-top:10px;}
	}

#wrap_episodes .midashi{ padding-bottom:10px;}


/* スタキャス */
#wrap_staff .kijitxt,#wrap_onair .kijitxt{
	line-height:1.8;
}
	@media screen and (max-width: 619px){
		#wrap_staff .kijitxt,#wrap_onair .kijitxt{
			font-size:inherit;
			line-height:inherit;
		}
	}


.staffbox {
    margin: 0;
    padding: 0;
    width: 640px;
	border-bottom:dashed 1px #36ccb2;
}
.staffbox dt {
    float: left;
	clear:left;
    margin: 0;
    padding:6px 10px 0 0;
    width: 170px;
	border-top:dashed 1px #36ccb2;
}
.staffbox dd {
    float: left;
    margin: 0;
    padding: 6px 0 0 0;
    width: 460px;
	border-top:dashed 1px #36ccb2;
}
.txt_themesong{
	width:49%;
	padding:2% 3%;
	border:solid 1px #140b75;
	box-sizing:border-box;
}
.f_right{float:right;}
.f_left{float:left;}

	@media screen and (max-width: 619px){
		.staffbox {
			margin: 0;
			padding: 0;
			width: auto;
			border-bottom:none;
		}
		.staffbox dt {
			float: inherit;
			padding: 10px 0 0 0;
			width: auto;
			font-weight:bold;
			border-top:none;
		}
		.staffbox dd {
			float: inherit;
			margin: 0;
			padding: 0;
			width: auto;
			border-top:none;
		}
		.txt_themesong{
			width:80%;
			margin:0 auto 1.25em;
		}
		.f_right,.f_left{float:none;}
	}

.themesongbox{
	overflow:auto;
	margin-bottom:1.25em;
}

/* キャラクター */
#wrap_chara .m_btn { width:660px; margin:0 auto 20px; text-align:right;}
	@media screen and (max-width: 619px){
		#wrap_chara .m_btn { width: auto; margin:10px auto 20px; text-align:center;}
	}
#wrap_chara .m_btn a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color:#7e6dff;
	padding:6px 16px;
	margin: 0 10px 10px 0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-sizing:border-box;
	font-size:16px;
	display:inline-block;
	line-height:1;
	box-shadow:2px 2px 0 #4a3c87;
}

#wrap_chara .m_btn a:hover {
	color: #140b75;
	background-color:#6dc7ff;
}


#wrap_chara .kijitxt .charaimg{ text-align:center; width:280px; float:left;}
#wrap_chara .kijitxt .charatxt{ width:350px; margin:90px auto 0 auto; padding:0 0 20px 0; float:left;}
	@media screen and (max-width: 619px){
		#wrap_chara .kijitxt .charaimg{ text-align:center; width:auto; float:inherit;}
		#wrap_chara .kijitxt .charatxt{ width:auto; margin: inherit; padding:inherit; float:inherit;}
	}

/* ストーリー */
#wrap_story .kijitxt strong{
	font-size:110%;
}
	@media screen and (max-width: 619px){
		#wrap_story .kijitxt strong{
			line-height:inherit;
			font-weight:inherit;
			font-size:110%;
		}
	}

/* 放送局情報 */


/*これまでのお話ナビゲーション*/
#epinav {
	padding: 0 8px 10px;
	text-align: center;
	clear:both;
}
	@media screen and (max-width: 619px){
		#epinav {
			padding: 20px 0;
		}
	}
#epinav a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color:#140b75;
	border:solid 2px #ffd11b;
	padding:14px 16px;
	margin-bottom:10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-sizing:border-box;
	font-size:16px;
	display:inline-block;
	line-height:1;
}

#epinav a:hover {
	color: #140b75;
	background-color:#6dc7ff;
	border:solid 2px #140b75;
}

.current_page{
	color: #fff;
	background-color:#8ec31f;
	border:solid 2px #8ec31f;
	padding:14px 16px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-sizing:border-box;
	font-size:16px;
	display:inline-block;
	line-height:1;
}


/* 場面写 */
.thum{
	margin:20px 0 0;
	text-align:center;
}
	.thum img{
		border:solid 1px #8e1213;
		margin:0 6px 0;
	}
	@media screen and (max-width: 619px){
		.thum{
			text-align:center;
		}
		.thum img{
			width:46%;
			height:auto;
			margin:0 1% 10px;
		}
	}
	
/* データ放送 */	
.data01_01 {
	margin:20px 0 0;
	padding:0;
	text-align:center;
}

.dataIMG {
	margin:10px 0 0;
	padding:0;
	text-align:center;
}

.data_txt_orange {
	color:#ff8400;
	font-weight:bold;
}

.dataQR,.dataPretxt {
	border:1px dotted #333;
	padding:7px 10px;
	font-size:85%;
	margin:15px 0 0;
}

.dataQR span {
	font-weight:bold;
}

.dataPreName {
	color:#39a13f;
	font-weight:bold;
	font-size:110%;
	border-bottom:2px dotted #39a13f;
	padding-bottom:1px;
}

.dataPreIMG {
	margin:0;
	padding:0;
	text-align:center;
}

.dataDeadline {
	text-align:center;
	font-size:160%;
	font-weight:bold;
	margin:25px 0;
	color:#FF0004;
}

ul.dataDeadlineCom {
	border:1px dotted #333;
	padding:7px 10px;
	margin:0 0 20px;
}

ul.dataDeadlineCom li {
	list-style:none;
	margin:0;
	padding:0 0 0 15px;
	font-size:85%;
	text-indent:-1em;
}

.dataBtnOubo {
	text-align:center;
	margin:0px auto 30px auto;
}

ul.dataChui li {
	list-style:none;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	font-size:85%;
	text-indent:-1em;
}

.dataAccess {
	margin:0 0 25px 0;
	padding:0 0 0 15px;
	font-size:85%;
	text-indent:-1em;
}

.dataPreT {
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:5px 5px;
	background:#fcac00;
}

.dataPreCom {
	border-bottom:solid 5px #fcac00;
	border-left:solid 1px #fcac00;
	border-right:solid 1px #fcac00;
	background:#fff;
	padding:10px;
}