@charset "utf-8";






.box {
/*	background: url("../img/note/note-bg.jpg") center center;
	background-size: cover;	*/
	background: #101115;	/* 背景単色化 */
	margin-bottom: 3em;
}


.col-md-12:nth-child(2) .box {	/* タグメニューがタイトルロゴに被らないようにマージン確保 */
	margin-top: 40px;
}
@media (max-width: 960px) {
	.col-md-12:nth-child(2) .box {
		margin-top: 0;
	}
}

.col-md-12:nth-child(2) .box iframe {	/* メニューiframe横幅最大化 */
	width: 100%;
	border: none;
	margin: .5em;
}




/* 埋め込み動画のレスポンシブ化
----------------------------- */
.video-container {
	position: relative;
	padding-bottom: 56.25%;/* 16:9 */
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* noteぶん
----------------------------- */
.post {	/* 埋め込みulの左マージン解除 */
	padding: 0;
}

.postbody {
	padding: 0;
	overflow: hidden;	/* サイズオーバー画像カット */
}

.postbody {
	margin: 0 .5em;
}
.postbody a:link, .postbody a:visited {
	font-weight: bold;
	background: #428bca;
	text-align: center;

	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;
	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);
}