@charset "utf-8";



/* webfont
----------------------------- */
#history dt {

}



/* 背景シルエット
----------------------------- */
#character_bg {
	background: url("../img/index/bg-character.png") no-repeat center top;
	height: 1000px;	/* キャラクター背景の足キレない用 */
}
@media (max-width: 490px) {	/* モバイル時はシルエットサイズ縮小 */
	#character_bg {
		background: url("../img/index/bg-character-s.png") no-repeat center 50px;
		height: 433px;	/* キャラクター背景の足キレない用 */
	}
}





#title_logo {
	margin: auto;	/* モバイル時センタリング */
	margin-top: -80px;
	margin-bottom: -80px;
	position: relative;
	z-index: 10;
}
@media (max-width: 990px) {
	#title_logo {
		margin-top: 350px;
	}
}
@media (max-width: 490px) {
	#title_logo {
		margin-top: 320px;
	}
}


/* 告知バナースペース
----------------------------- */
.top_banner {
	margin-top: 18em;	/* 告知バナーの上余白 */
}
.top_banner img {
	margin: 1em 0;
}
@media (max-width: 990px) {	/* モバイルレイアウトのmargin調整 */
	.top_banner {
		margin-top: 0;
	}
}


@media (max-width: 990px) {	/* モバイルレイアウトのmargin調整 */
	#box_history {
		margin: 0em 0 2em;
	}
	#box_twitter {
		margin: 3em 0 2em;
	}
	#socialbtn {	/* SNSボタン */
	overflow: hidden;
	margin: 7em 0 0;
	}
}

#history {
	margin: 0 0 .3em;
	text-align: center;
	height: 7.3em;
	overflow: hidden;	/* スクロールバー変更用設定 */
	position: relative;	/* スクロールバー変更用設定 */
}

#history dt {
	font-size: 1.5rem;
	font-weight: normal;
	clear: both;
}
#history dd {
	margin-bottom: 0.5em;
}
#history dd:after {
	content: " ";
	width: 80%;
	padding-bottom: 0.5em;
	margin: auto;
	display :block;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
#history a {
	font-weight: normal;
	font-size: 1.5rem;
}


#image_box {
	margin: 0 0 3em;
	box-shadow: 0 0 25px rgba(255,50,150,0.8);
}


.postbody {	/* 更新履歴の画像がはみ出すのカット */
	overflow: hidden;
}
/* 更新履歴のリンク装飾
----------------------------- */
.postbody a:link, .postbody a:visited {
	font-weight: bold;
	background: #428bca;
	background: -moz-linear-gradient(top, rgba(69,149,250,0.7), rgba(99,179,250,0.8));
	background: -webkit-linear-gradient(top, rgba(69,149,250,0.7), rgba(99,179,250,0.8));
	background: -ms-linear-gradient( top, rgba(69,149,250,0.7), rgba(99,179,250,0.8) 100% );
	background: linear-gradient(to bottom, rgba(69,149,250,0.7), rgba(99,179,250,0.9));
	color: #fff;
	font-size: 1.7rem;
	padding: .5em .1em;
	border-radius: 15px;
	margin: .5em 0;
	text-shadow: none;
	display: block;
	box-shadow: 0 0 10px #000;

	-moz-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.postbody a:hover {
	text-decoration: none;
	box-shadow: 0 0 5px #000;
	background: -moz-linear-gradient(top, rgba(69,149,250,0.7), rgba(99,179,250,0.8));
	background: -webkit-linear-gradient(top, rgba(69,149,250,0.7), rgba(99,179,250,0.8));
	background: -ms-linear-gradient( top, rgba(69,149,250,0.7), rgba(99,179,250,0.8) 100% );
	background: linear-gradient(to bottom, rgba(79,159,255,0.7), rgba(109,189,255,0.9));
	-moz-transform: scale3d(0.99,0.99,1);
	-ms-transform: scale3d(0.99,0.99,1);
	-webkit-transform: scale3d(0.99,0.99,1);
	transform: scale3d(0.99,0.99,1);
}

.postbody img {	/* img-responsiveつけれないので範囲内のimgに全部つける */
/*	display: block;
	height: auto;
	max-width: 100%;	*/
}	/* コマンド入力のやじるし画像がblock要素になってしまうのでやめ */



/* トップ画像
----------------------------- */
.top_image {
	margin: 0 auto -26em;	/* 3人絵のマージン打ち消し */
	box-shadow: 0 0 15px #000;
	border: 1px solid #333;
}
@media (max-width: 990px) {	/* モバイルレイアウトのmargin調整 */
	.top_image {
		margin: 0 auto 2em;
	}
}

div#old-cs{margin-bottom:1em;}
.twitter-timeline .stream { height: 340px !important;}
ol.h-feed {height:340px !important;}