@charset "Shift_JIS";

/***************■全体構造*********************/

/*背景色の指定*/
#backcolor{
	background-color: #fff;
	text-align: center;
}

/*タイトル*/
#titleImage,#ptitleImage{
	display:block;
	margin:0 auto;
}

/*番組概要*/
#introBox{
	background-color: #FFE4E1;
	vertical-align: middle;
	padding: 20px 5%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/*メイン*/
#main_body{
	vertical-align: middle;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/*見出し*/
.main_mida{
	background-color: #25b7c0;
	border-radius: 10px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px 0;
	max-width:500px;
	text-align: center;
	margin:30px auto;
}
a:hover .main_mida{background:#6dd;}

/*物語・説明*/
.workBox{
	background-color: #D9E5FF;
	border-radius: 10px 10px 10px 10px;
	border: solid 1px #e0e0e0;
	font-size: 100%;
	vertical-align: middle;
	padding: 20px 5%;
	text-align: left;
	margin:30px auto 0;
}

.mida_work1{
	border: 1px solid #0000ff;
	color: #0000ff;
	text-align: center;
	font-weight: bold;
	max-width:140px;
	padding: 5px 0;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.mida_work2{
	border: 1px solid #666666;
	color: #666666;
	font-weight: bold;
	max-width:200px;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

/*制作日記*/
.nikki_mida{
	background-color: #25b7c0;
	border-radius: 10px 10px 0px 0px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px 30px;
	text-align: center;
	margin:40px auto 0;
}

.nikkiBox1{
	background-color: #fff;
	border: solid 1px #e0e0e0;
	font-size: 100%;
	vertical-align: middle;
	padding: 10px 5%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.nikkiBox2{
	background-color: #F3FFD8;
	border: solid 1px #e0e0e0;
	font-size: 100%;
	vertical-align: middle;
	padding: 10px 5%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.nikkiBoxBottom{
	background-color: #fff;
	border-radius: 0px 0px 10px 10px;
	border: solid 1px #e0e0e0;
	font-size: 100%;
	vertical-align: middle;
	padding: 10px 30px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.img_nikki{
	padding: 0px;
	margin: 5px 0 10px 0px;
	border: none;
}

/*制作協力*/
.box_cooperate{
	background-color: #fff;
	font-size: 100%;
	vertical-align: middle;
	margin-top: 12px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*外部リンク*/
.box_bottom{
	background-color: #fff;
	font-size: 100%;
	text-align: left;
	vertical-align: middle;
	padding: 10px 50px;
	margin-left: auto;
	margin-right: auto;
/*	border: 5px solid #000000;*/	/*デバック用*/
}


/*感想募集*/
.kanso{
	text-align: center; font-size:1em; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; background-color:#fff462; padding:15px ; border-radius: 15px;
}


/*画像*/
.img_sozai{
	padding: 0px;
	margin: 0px;
	border: none;
}

.b_story{
	padding: 0px;
	margin: 0px;
	border: none;
	float: right;
}

.clearBoth{
	clear:both;
}

/*文字サイズ変更 など*/
.sectionSanjuan{
	font-size: 110%;
	color: #ea5506;
	font-weight: bold;
}

.sectionCaution{
	font-size: 100%;
	color: #ff1493;
	font-weight: bold;
	background-color: #99ffff;
}

.sectionTitle{
	font-size: 130%;
	color: #007bbb;
	font-weight: bold;
}

.up_date{
	font-size: 80%;
	font-weight: normal;
}



/*----------------■中大画面---------------*/
@media screen and (min-width: 767px) {

.img_nikki{margin-right:30px;float:left;}

}

/*----------------■小画面---------------*/
@media screen and (max-width: 766px) {

.img_nikki{display:block;}

}