/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
/*二重黒囲み*/
.blockw {
	padding: 20px;
	background: #fff;
	border: 2px #000000 solid;
	position: relative;
	z-index: 10;
}

.blockw:before {
	content: "";
	position: absolute;
	background: #fff;
	margin: 3px;
	border: 2px #000000 solid;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: -10;
}

/*シャドー付きグレー枠*/
.blockglay {
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 50px #ddd inset;
	-moz-box-shadow: 0 0 50px #ddd inset;
	-webkit-box-shadow: 0 0 50px #ddd inset;
}

/*透明とブルーの重ね枠*/
.block {
	position: relative;
	background: #fff;
	padding: 20px;
	z-index: 10;
	top: 0;
	left: 0;
}

.block:before, .block:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 1px 4px #aaa;
	-moz-box-shadow: 0 1px 4px #aaa;
	-webkit-box-shadow: 0 1px 4px #aaa;
}

.block:before {
	background: rgba(255,255,255,0.5);
	top: 0;
	left: 0;
	z-index: -10;
}

.block:after {
	background: #87cefa;
	top: 8px;
	left: 8px;
	z-index: -20;
}

/*ステッチ風枠*/
.stech {
	background-color: #8d1e47;
	border: 2px dashed #fff;
	border-radius: 8px;
	box-shadow: 0 0 0 4px #8d1e47;
	color: #fff;
	margin: 2em 0;
	padding: 2em;
}

/*コメント付き枠*/
.point {
	border: 2px solid #da4033;
	border-radius: 4px;
	margin: 2em 0;
	padding: 2em;
	position: relative;
}

.point::before {
	background-color: #fff;
	color: #da4033;
	content: "POINT";
	font-weight: bold;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -1em;
}


/*グラデーション見出し*/
.lunah3{
position: relative;
padding: 0.25em 0;
}
.lunah3:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}