/*
  Name: Green Pop
  
  by 第0版 http://zero.edition.jp/
*/


/*************************************************************************************************************************
 全体
*************************************************************************************************************************/
*{
/*	font-size: 14px; */
/*	color: #333;*/
}

body{
/*	background-image: url(./images/bg2.jpg); */
	background-color: #a5d4ad;
	background-position: left top;
	background-size: cover;
	background-attachment: fixed;
}

a{
	color: #5c9965;
	text-decoration: underline;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

a:hover{
	color: #D04255;
}


/*************************************************************************************************************************
 ヘッダー
*************************************************************************************************************************/
#header{
	background: transparent;
}

/*************************************************************************************************************************
 グローバルナビメニュー
*************************************************************************************************************************/
#navi{
	border-bottom: 1px dotted #A5D4AD;
	background-color: rgba( 255, 255, 255, 0.5 );
}

#navi .sub-menu li,
#navi .children li{
	height: 44px;
}

#navi ul{
	background: none;
	border: none;
}

#navi ul li{
	padding: 5px;
}

#navi ul li a{
	padding: 10px;
}

#navi ul li a:hover{
	background-color: #A5D4AD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#navi ul.sub-menu{
	border: none;
	background-color: #EBF5EC;
	opacity: 0.95;
}

#navi ul.sub-menu li a:hover {
	background-color: #A5D4AD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#navi-in{
	width: 1000px;
}

/*************************************************************************************************************************
 body
*************************************************************************************************************************/
#body{
	margin-top: 0px;
}

/*************************************************************************************************************************
 記事共通
*************************************************************************************************************************/
#main{
	border: none;
	border-left: 1px dotted #A5D4AD;
	border-right: 1px dotted #A5D4AD;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: rgba( 255, 255, 255, 0.95 );
	margin: 0px;
	position: relative;
}

/*
非表示
div#main:before
	font-family: 'FontAwesome';
	content: '\f111';
	color: #A5D4AD;
	font-size: 60px;
	position: absolute;
	top: -30px;
	left: -27px;


div#main:after
	font-family: 'FontAwesome';
	content: '\f08d';
	color: #FFF;
	font-size: 30px;
	position: absolute;
	top: -15px;
	left: -11px;
	-webkit-transform:rotate(315deg);
	-moz-transform:rotate(3155deg);
	transform:rotate(315deg);


*/

/*************************************************************************************************************************
 記事一覧
*************************************************************************************************************************/
#main .entry{
	border: none !important;
	margin-bottom: 10px;
}

h1.entry-title a{
	font-size: 24px;
}

h2 a.entry-title{
	font-size: 18px;
	font-weight: normal;
}

h2 a.entry-title:before{
	font-family: 'FontAwesome';
	content: '\f1bb';
	color: #A5D4AD;
	margin-right: 10px;
}

h2 a.entry-title:hover:before{
	color: #D04255;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.entry-thumb a:hover,
.related-entry-thumb a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

/*************************************************************************************************************************
 パンくずリスト
*************************************************************************************************************************/
#breadcrumb span,
#breadcrumb a{
	font-size: 12px;
	color: #999;
}

/*************************************************************************************************************************
 個別記事見出し
*************************************************************************************************************************/
.article h1{
	font-size: 24px;
	margin: 30px -29px 20px -29px;
	padding: 10px 10px 10px 40px;
	position: relative;
	background-color: #EBF5EC;
}

.article h1:before{
	font-family: 'FontAwesome';
	content: '\f111';
	color: #5c9965;
	font-size: 52px;
	position:absolute;
	left: -22px;
}

.article h1:after{
	font-family: 'FontAwesome';
	content: '\f1bb';
	color: #FFF;
	font-size: 25px;
	position:absolute;
	top: 10px;
	left: -10px;
}

.article h2{
	font-size: 22px !important;
	color: #5c9965;
	margin: 20px -29px;
	padding: 10px 10px 2px 40px;
	border: none;
	border-bottom: 1px solid #A5D4AD;
	position: relative;
}

.article h2:before{
	font-family: 'FontAwesome';
	content: '\f111';
	color: #5c9965;
	font-size: 40px;
	position:absolute;
	left: -17px;
}

.article h2:after{
	font-family: 'FontAwesome';
	content: '\f06c';
	color: #FFF;
	font-size: 20px;
	position:absolute;
	top: 11px;
	left: -10px;
}

.article h3{
	font-size: 20px;
	color: #5c9965;
	margin: 20px -29px;
	padding: 10px 10px 1px 40px;
	border: none;
	border-bottom: 1px dashed #A5D4AD;
	position: relative;
}

.article h3:before{
	font-family: 'FontAwesome';
	content: '\f111';
	color: #FFF;
	font-size: 35px;
	position:absolute;
	left: -15px;
}

.article h3:after{
	font-family: 'FontAwesome';
	content: '\f10c';
	color: #5c9965;
	font-size: 35px;
	position:absolute;
	top: 10px;
	left: -15px;
}

.article h4{
	font-size: 18px;
	color: #5c9965;
	margin: 20px 0px;
	padding: 0px 10px;
	border: none;
	position: relative;
}

.article h4:before{
	font-family: 'FontAwesome';
	content: '\f111';
	color: #5c9965;
	font-size: 20px;
	position:absolute;
	left: -20px;
}

.article h5{
	font-size: 22px !important;
	color: #5c9965;
	margin: 20px -29px;
	padding: 10px 10px 2px 40px;
	border: none;
	border-bottom: 1px solid #A5D4AD;
	position: relative;
}

.article h5:before{
	font-family: 'FontAwesome';
	content: '\f111';
	color: #5c9965;
	font-size: 40px;
	position:absolute;
	left: -17px;
}

.article h5:after{
	font-family: 'FontAwesome';
	content: '\f06c';
	color: #FFF;
	font-size: 20px;
	position:absolute;
	top: 11px;
	left: -10px;
}

.article h6{
	font-size: 20px;
	color: #5c9965;
	margin: 20px -29px;
	padding: 10px 10px 1px 40px;
	border: none;
	border-bottom: 1px dashed #A5D4AD;
	position: relative;
}

.article h6:before{
	font-family: 'FontAwesome';
	content: '\f111';
	color: #FFF;
	font-size: 35px;
	position:absolute;
	left: -15px;
}

.article h6:after{
	font-family: 'FontAwesome';
	content: '\f10c';
	color: #5c9965;
	font-size: 35px;
	position:absolute;
	top: 10px;
	left: -15px;
}

.entry-content li {
	margin-bottom: 10px;
	list-style-image: url(images/check.gif);
}

a.entry-content small {
	color: #cccccc;
	border: none;
}

/*************************************************************************************************************************
 記事内非表示・表示
*************************************************************************************************************************/

.hidden_box label {
	color: #FFF;
	background: #5c9965;
}

.hidden_box label:hover {
	color: #5c9965;
}

/*************************************************************************************************************************
 投稿日・カテゴリ
*************************************************************************************************************************/
.post-meta{
	padding: 3px;
	border-style: dotted;
	border-width: 2px 0px;
	border-color: #A5D4AD;
	background-color: #FFF;
}

.post-meta span,
.post-meta time,
.post-meta a{
	font-size: 13px;
}

/*************************************************************************************************************************
 続きを読む
*************************************************************************************************************************/
.entry-read,
.related-entry-read{
	width: 100%;
	text-align: right;
	margin: 10px 0px;
}

a.entry-read-link:before,
.related-entry-read a:before{
	font-family: 'FontAwesome';
	content: '\f01d';
	margin-right: 5px;
}

a.entry-read-link,
.related-entry-read a{
	padding: 5px 10px;
	color: #555;
	text-decoration: none;
	background-color: #EBF5EC;
	border: 1px solid #EBF5EC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

a:hover.entry-read-link,
.related-entry-read a:hover{
	background-color: #A5D4AD;
	border: 1px solid #A5D4AD;
}

/*************************************************************************************************************************
 SNS
*************************************************************************************************************************/
ul.snsb li a span{
	color: inherit;
	font-size: inherit;
}

ul.snsp li a span{
	color: inherit;
}

/*************************************************************************************************************************
 関連記事
*************************************************************************************************************************/
#related-entries h2{
	font-size: 22px;
	position: relative;
	color: #5c9965;
}

#related-entries h2:before{
	font-family: 'FontAwesome';
	content: '\f111';
	color: #5c9965;
	font-size: 40px;
	position:absolute;
	left: -46px;
}

#related-entries h2:after{
	font-family: 'FontAwesome';
	content: '\f06c';
	color: #FFF;
	font-size: 23px;
	position:absolute;
	left: -39.5px;
}

.related-entry-title a{
	font-weight: normal;
}

/*************************************************************************************************************************
 コメント
*************************************************************************************************************************/
#comments{
	font-size: 22px;
	position: relative;
}

#comments:before{
	font-family: 'FontAwesome';
	content: '\f111';
	color: #A5D4AD;
	font-size: 40px;
	position:absolute;
	left: -46px;
}

#comments:after{
	font-family: 'FontAwesome';
	content: '\f06c';
	color: #FFF;
	font-size: 20px;
	position:absolute;
	left: -39px;
}

/*************************************************************************************************************************
 ナビゲーション
*************************************************************************************************************************/
.navigation a:hover{
  background: #EBF5EC;
}

/*************************************************************************************************************************
 ページネーション
*************************************************************************************************************************/
.pagination a{
	border: none;
	font-size: 16px;
}

.pagination li{
	border-bottom: 1px solid #A5D4AD;
}

.pagination li:not([class*="current"]) a:hover{
	background-color: #EBF5EC;
}

.pagination li.current a{
	background-color: #A5D4AD;
}

/*************************************************************************************************************************
 サイドバー
*************************************************************************************************************************/
#sidebar{
	margin: 0px;
	padding: 0px 15px;	/* 何かの設定の際にサイドバーが並ばなくなったら15pxの値を小さくしてください */
	background-color: rgba( 255, 255, 255, 0.95 );
}

#sidebar .widget{
	margin-bottom: 20px;
}

#sidebar aside{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#sidebar aside h3{
	margin-top: 10px;
	padding-left: 5px;
	border-bottom: 1px dotted #EBF5EC;
	font-size: 20px;
	color: #5c9965;
	position: relative;
	clear: both;
}

#sidebar aside h3:before{
	font-family: 'FontAwesome';
	content: '\f111';
	color: #FFF;
	font-size: 30px;
	position:absolute;
	left: -28px;
}

#sidebar aside h3:after{
	font-family: 'FontAwesome';
	content: '\f1db';
	color: #A5D4AD;
	font-size: 30px;
	position:absolute;
	top: 0px;
	left: -28px;
}

#sidebar li.cat-item a { /* リンク全体の装飾 */
	display: block;
	overflow: hidden;
	font-size: 15px; /* 文字サイズ */
	line-height: 2.0em; /* 行（ボックス）の高さ */
	text-decoration: none;
	vertical-align: middle;
	padding: 0 8px; /* 左右の余白 */
	color: #fff; /* 文字色 */
	background: #5c9965; /* 背景色 */
	margin-bottom: 2px; /* 次のカテゴリーとの余白 */
}


#sidebar li.cat-item a:hover { /* マウスオーバー時の設定 */
	background: #A5D4AD; /* 背景色 */
	color: #fff; /* 文字色 */
}

/*************************************************************************************************************************
 タグクラウド
*************************************************************************************************************************/

#tag_cloud-2 a {
	font-size: 14px !important; /* 文字のサイズ */
	line-height: 1em;
	background: #5c9965; /* 背景色 */
	color: #fff; /* 文字色 */
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px; /* 文字周りの余白 */
	margin-top: 3px; /* タグ同士の余白 */
	border-radius: 4px; /* 角を少し丸く */
	text-decoration: none;
}

#tag_cloud-2 a:hover {
 	background: #A5D4AD; /* マウスホバー時の背景色 */
	color: #fff; /* マウスホバー時の文字色*/
}

/*************************************************************************************************************************
 フッター
*************************************************************************************************************************/
#footer{
	color: #333;
	border-top: 1px dotted #A5D4AD;
	background-color: rgba( 255, 255, 255, 0.5 );
}

#footer h3{
	color: #333;
}

#footer a{
	color: #5c9965;
}

#copyright a{
	color: #5c9965;
	text-decoration: underline;
}

/*************************************************************************************************************************
 トップに戻る
*************************************************************************************************************************/
#page-top a{
	border-radius: 5px;
	background-color: #EEE;
}

/*************************************************************************************************************************
 Amazon JS
*************************************************************************************************************************/
.amazonjs_item .amazonjs_info h4:before{
	content: '';
}




/*************************************************************************************************************************
 ウィジェット
*************************************************************************************************************************/

#widget-index-top .widgets {
    margin-top: 5px;
    margin-bottom: 5px;
}

#widget-index-top h2{
	clear: both;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	margin: 0px 0px;
	padding: 2px 10px;
	border: none;
	background-color: #5c9965;
	color: #ffffff;
}

#widget-index-top ul{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#widget-index-top li{
	float: left;
	width: 50%;
	text-align: center;
}


/*****/

#widget-index-middle h2{
	clear: both;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 0px 5px 0px;
	padding: 2px 10px;
	border: none;
	background-color: #5c9965;
	color: #ffffff;
}

#widget-index-middle h3{
	clear: left;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	border:1px dashed #5c9965;
	border-right: hidden;
	border-left: hidden;
	color: #5c9965;
}


#widget-index-middle ul{
	list-style:none;
	margin: 5px 0px;
	padding: 0px 0px 5px 0px;
}

#widget-index-middle li{
	float: left;
	width: 25%;
	text-align: center;
}

#widget-index-middle li a{
	display: inline-block;
	margin: 2px 1px;
	padding: 0.3em 0em;
	width: 97%;
	text-decoration: none;
	color: #5c9965;
	background: #EBF5EC;
	border: solid 1px #5c9965;
	border-radius: 3px;
	transition: .4s;
}

#widget-index-middle li a:hover {
    background: #5c9965;
    color: #FFF;
}


#widget-index-middle .future-item-list ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#widget-index-middle .future-item-list li {
	float: left;
	width: 50%;
}

#widget-index-middle .future-item-list li a {
	text-align: center;
	border:none;
	background: transparent;
}

#widget-index-middle .future-item-list li a:hover {
    color: red;
}

#widget-index-middle .future-item-list li img{
	border-radius: 10px;
}

#widget-index-middle .future-item-list li img:hover{
	opacity: 0.7;
}


/*****/

#text-10 h4{
	clear: left;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 5px 0px;
	border:1px dashed #5c9965;
	border-right: hidden;
	border-left: hidden;
	color: #5c9965;
}


#text-10 ul{
	list-style:none;
	margin: 5px 0px;
	padding: 0px 0px 5px 0px;
}

#text-10 li{
	float: left;
	width: 49%;
	margin: 1px 1px;
	text-align: center;
}

#text-10 li a{
	display: inline-block;
	margin: 1px 1px;
	padding: 0.3em 0em;
	width: 97%;
	text-decoration: none;
	color: #5c9965;
	background: #EBF5EC;
	border: solid 1px #5c9965;
	border-radius: 3px;
	transition: .4s;
}

#text-10 li a:hover {
    background: #5c9965;
    color: #FFF;
}


/*****/

#text-6 ul{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#text-6 li{
	float: left;
	width: 50%;
	text-align: center;
}

#text-6 h2 {
    font-size: 18px;
    padding: 10px 5px 2px 5px;
    position: relative;
    color: #5c9965;
    border-bottom: 3px solid #A5D4AD;
}