/*************** MEMO *************/
.memo	{position: relative;
	margin: 40px 0 30px;
	padding: 25px 20px 20px;
	border-radius: 10px;
	background-color: #e6e6fa;
	font-size: 14px;
	clear: both}
 
.memo:before	{position: absolute;
	left: 15px;
	top: -15px;
	content: '\f040';
	z-index: 2;
	width: 30px;
	height: 30px;
	padding-top: 4px;
	border-radius: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #b0c4de;
	color: #ffffff;
	font-family: 'FontAwesome';
	font-size: 20px;
	line-height: 1;
	text-align: center}
 
.memo:after	{position: absolute;
	left: 32px;
	top: -10px;
	z-index: 1;
	content: 'MEMO';
	padding: 3px 10px 3px 20px;
	border-radius: 5px;
	background-color: #b0c4de;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1}

/*************** check1 *************/
.check1 {position: relative;
margin: 40px 0 30px;
padding: 25px 20px 20px;
border-radius: 10px;
background-color: #faebd7;
font-size: 14px;
clear: both}
 
.check1:before {position: absolute;
left: 15px;
top: -15px;
content: '\f0a4';
z-index: 2;
width: 30px;
height: 30px;
padding-top: 4px;
border-radius: 8px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #deb887;
color: #ffffff;
font-family: 'FontAwesome';
font-size: 20px;
line-height: 1;
text-align: center}


.check1:after {position: absolute;
left: 32px;
top: -10px;
z-index: 1;
content: 'CHECK';
padding: 3px 10px 3px 20px;
border-radius: 5px;
background-color: #deb887;
color: #ffffff;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
line-height: 1}

/*チェックアイコン*/
.icon-check{
	padding: 0 0 0 30px;
	background: url(./wp/wp-content/uploads/2016/09/icon-check-list.png) left 3px no-repeat;
}


/*--------------------------------------
  クラス定義
--------------------------------------*/
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.s {
	font-size: 70%;
}
.ss {
	font-size: 50%;
}
.l {
	font-size: 150%;
	line-height: 130%;
}
.ll {
	font-size: 200%;
	line-height: 120%;
}
.b {
	font-weight: bold;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
span.futo {
	font-weight: bold;
}
span.futoaka {
	font-weight: bold;
	color: #ff0000;
}
span.futomido {
	font-weight: bold;
	color: #149b14;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 80%;
}
 
sup {
	bottom: 1ex;
}
 
sub {
	top: .5ex;
}

/*--------------------------------------
  ボックス
--------------------------------------*/
.gray_box {
	width: 85%;
	margin: 2em auto;
	padding: 5%;
	background-color: #efefef;
	overflow: hidden;
}

#entry_body .gray_box ul:last-child,
#contents #entry_body .gray_box p:last-child {
	margin-bottom: 0;
}

blockquote {
	width: 85%;
	background: #fff url(images/bq24.png) left top no-repeat;
	margin: 24px auto 36px auto;
	padding: 30px 15px 15px;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #000;
	-moz-box-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 1px 1px 2px #000;
}

#contents blockquote p:last-child {
	margin-bottom: 0;
}

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span {
	width: 100% !important;
}

/*--------------------------------------
  見出しベース
--------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin-bottom: 24px;
}

h1 {
	font-size: 48px; 
	line-height : 1.5;
}

h2 {
	font-size: 36px;
	line-height: 1.5;
}

h3 {
	font-size: 24px;
	line-height: 1.5;
}

/*--------------------------------------
  記事見出し
--------------------------------------*/
#contents #main #single_title {
	font-size: 24px;
	margin-bottom: 24px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

#archive_body h2,
#article_body h2 {
	font-size: 20px;
	text-align: left;
	margin: 36px 0 24px 0;
	padding: 0.4em;
	background: #efefef;
	border-bottom: 2px solid #ddd;
	text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);
}

#article_body h3{
	font-size: 18px;
	text-align: left;
	border-bottom: 2px solid #ccc;
	margin: 24px 0 24px 0;
	padding: 10px 0 5px 0;
}

#article_body h4 {
	font-size: 18px;
	border-left: 3px solid #ccc;
	margin: 48px 0 24px 0;
	padding: 0.2em 0.2em 0.2em 0.5em;
}

/* ----------------------------------------------------------------------
 headline - 見出しのスタイル
---------------------------------------------------------------------- */
.post_content .style2, .post_content .style3a, .post_content .style3b, .post_content .style4a, .post_content .style4b, .post_content .style5a, .post_content .style5b, .post_content .style6 { line-height:1.6; } 
/* h2 */
 .post_content .style2 { margin:3em 0 1.5em; padding:1.1em .9em 1em; font-size:22px; font-weight:400; border-top:2px solid #222; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; }
/* h3 */
.post_content .style3a { margin:2em 0 1em; padding:.5em .8em .4em 1em; font-weight:400; font-size:20px; color:#fff; background:#222; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; }
.post_content .style3b { margin:3em 0 1.5em; padding:1.1em .9em 1em; font-size:22px; font-weight:400; border-top:2px solid #222; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; }
/* h4 */
.post_content .style4a { margin:2.5em 2px 1.2em; padding:.3em 0 .3em .8em; font-size:18px; font-weight:400; border-bottom:none; border-left:2px solid #222; }
.post_content .style4b { margin:2.5em 0 1.2em; padding:.9em 0 .8em; font-size:18px; font-weight:400; border-bottom:1px dotted #aaa; }
/* h5 */
.post_content .style5a { margin:2em 0 1em; padding:.5em .8em .3em 1em; font-weight:700; font-size:18px; background:#f5f5f5; box-shadow:0px 2px 0px 0px #f2f2f2; }
.post_content .style5b { margin:2em 0 1em; padding:.5em .8em .4em 1em; font-weight:400; font-size:18px; color:#fff; background:#222; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; }
/* h6 */
.post_content .style6 { position:relative; margin:2em 0 1em; padding:.5em .8em .8em 1.3em; color:#222; font-weight:bold; font-size:16px; }
.post_content .style6:before { position:absolute; width:12px; height:12px; top:.5em; left:.2em; background:#222; content:""; }
.post_content .news_headline1{ position:relative; margin:80px 0 25px 0; padding:.5em; border-left:8px solid #444; line-height:1.2; font-size:1.2em; }
.post_content .news_headline1:after { content:""; position:absolute; bottom:0px; left:0; height:0; width:100%; border-bottom:1px dotted #ddd; }
.post_content .news_headline2{ margin:40px 0 20px 0; padding:0 .5em; border-left:6px solid #545454; line-height:26px; font-size:1.1em;}
.post_content .balloon { clear:both; display:block; position:relative; margin:50px 0 22px; padding:.5em 18px .5em; width:auto; min-width:115px; color:#fff; text-align:left; font-size:20px; font-weight:400; background:#222; z-index:0; border-bottom:0; }
.post_content .balloon:after { content:""; position:absolute; bottom:-10px; left:30px; margin-left:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#222 transparent transparent transparent; }

/*------------------------------------------------------------
蛍光ペン
-------------------------------------------------------------*/
span.keiko-pen-red{
background: linear-gradient(transparent 15%,rgba(255,0,39,0.55) 60%);
}

span.keiko-pen-blue{
background: linear-gradient(transparent 15%,rgba(134, 246, 255, 0.55) 60%);
}

span.keiko-pen-yellow{
background: linear-gradient(transparent 55%,rgba(255, 213, 0, 0.85) 60%);
}


span.keiko-pen-green{
background: linear-gradient(transparent 75%,rgba(0, 255, 71, 0.85) 60%);
}


.brown{color:#663300}    /* グレー */
.pink{color:#FF99CC}    /* ピンク */