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

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
body {
	font-size: 1.1em !important;
	line-height: 2 !important;
	font-family: Tahoma, \"メイリオ\", Meiryo, \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", Osaka, \"ＭＳ Ｐゴシック\", sans-serif !important;
	color: #333 !important;
}

p {
	font-size: 17px;
	line-height: 28px;
	margin-bottom: 30px;
}

/* ボタン赤 */
.button-red {
	display: inline-block;
	width: 280px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	vertical-align: middle;
}

.button-red::before,
.button-red::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.button-red,
.button-red::before,
.button-red::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button-red {
	position: relative;
	background-color: #E65555;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #952C25;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	font-size: 18px;
}

.button-red:hover {
	background-color: #FFA8A2;
	box-shadow: 0 3px 0 #C14D45;
}

.button-red:active {
	top: 3px;
	box-shadow: none;
}

/* ボタン色変更 */
.button-red {
	position: relative;
	background-color: #E65555;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #952C25;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	font-size: 18px;
}

.button-red:hover {
	background-color: #FFA8A2;
	box-shadow: 0 3px 0 #C14D45;
}

.button-red:active {
	top: 3px;
	box-shadow: none;
}

/* ボタン青 */
.button-rink1 {
	display: inline-block;
	width: 280px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	outline: none;
}

.button-rink1::before,
.button-rink1::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.button-rink1,
.button-rink1::before,
.button-rink1::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button-rink1 {
	position: relative;
	background-color: #36C7D2;
	border-radius: 4px;
	color: #fff;
	line-height: 30px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #1F939C;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	font-size: 18px;
}

.button-rink1:hover {
	background-color: #75E8F0;
	box-shadow: 0 3px 0 #3BB7C0;
}

.button-rink1:active {
	top: 3px;
	box-shadow: none;
}

/* アマゾンR */
.button-black {
	display: inline-block;
	width: 280px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}

.button-black::before,
.button-black::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.button-black,
.button-black::before,
.button-black::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button-black {
	position: relative;
	background-color: #303040;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #000000;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	font-size: 18px;
}

.button-black:hover {
	background-color: #9A9AA5;
	box-shadow: 0 3px 0 #2B2B43;
}

.button-black:active {
	top: 3px;
	box-shadow: none;
}



/* 共通フキダシ */
.bubble {
 display:inline-block;
 position: relative;
 padding:1em;
 border-radius:5px;
 background: #C7FFD1;
}
.bubble:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}

/* 下三角半分 */
.bubble-half-bottom:after {
 top: 100%;
 left: 5%;
 border-top:10px solid #C7FFD1;
 border-right:10px solid transparent;
}
/* 上三角半分 */
.bubble-half-top:after {
 bottom: 100%;
 left: 5%;
 border-bottom:10px solid #C7FFD1;
 border-right:10px solid transparent;
}




/* 見出し緑背景 */
.box-green {
border-left: 14px double #226B01;
border-bottom: 1px dotted #226B01;
text-align: left;
background-color: #B3FF90;
font-size: 17px;
color: #000;
margin:0px;
padding: 2px 2px 2px 15px;
width:100%;
}


.box-lightgreen {
border-bottom: 3px solid #B3FF90;
text-align: left;
background-color: #D8FCC6;
font-size: 16px;
color: #000;
margin: 0px;
padding: 2px 2px 2px 15px;
width:100%;
}


h2 {
padding: 0.5em!important;/*文字周りの余白*/
color: #010101!important;/*文字色*/
background: #A7EFAA!important;/*背景色*/
border-bottom: solid 3px #09590D!important;/*下線*/
}


h3{
border-bottom: double 5px #09590D !important;
/*線の種類（二重線）太さ 色*/
}