@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */

/* ヘッダー下余白削除 */
#header {
  height: 0;
  padding: 0 0 23.6%;
}
#h-top {
  min-height: unset;
}

/* 背景ピンク */
.note {
    padding: 10px;
    border: 1px dotted rgb(196, 103, 128);
    color: rgb(183, 33, 0);
    line-height: 40px;
    font-size: 16px;
    background-color: rgb(255, 249, 255);
    margin-bottom: 35px;
}

{
	position: relative;
	text-align: center;
}

/* フェードアウトライン */
.line1 {
	position: relative;
	text-align: center;
        clear:both;
}

.line1 span {
        color: #86C147 ;
	font-weight: bold;
        font-size: 18px;
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}

.line1::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #86C147 ;
	background: -webkit-linear-gradient(-45deg, transparent, #86C147 10%, #86C147 90%, transparent);
	background: linear-gradient(-45deg, transparent, #86C147 10%, #86C147 90%, transparent);
}

/* 文字装飾 */
.point {
    color:#fff;
 font-size:12px;
 background-color: #86C147 ;
 border:1px solid #86C147 ;
 padding: 1px 3px 0px 3px;
 text-decoration:none;
 }

/* マージンを下にだけつける */
.article p {
  margin-bottom: 35px;
}

.article p:last-child {
  margin-bottom: 0;
}


.article h1 {
  margin-top: 0;
}

/*スマホで画像の回りこみ禁止に */
@media only screen and (max-width: 639px) {
img.alignright,
 .wp-caption.alignright {
	padding: 0 0 10px 0;
	margin: 0 auto;
	display: block;
	}

img.alignright,
 .wp-caption.alignright {
	float: none;
	}

img.alignleft,
 .wp-caption.alignleft {
	padding: 0 0 10px 0;
	margin: 0 auto;
	display: block;
	}

img.alignleft,
 .wp-caption.alignleft {
	float: none;
	}

.article h1 {
   font-size: 10pt !important;
    }

}

.article h1 {
  margin-top: 0;
}

/* リストのタイトルを変更 */
.entry h2 a{
 font-weight: 600;
 font-size: 1.3rem !important;
 line-height: 1.4;
}

/* ナビメニュー */
#navi {
padding:5px 0px;
border-top: 3px double #888;
border-bottom: 3px double #888;
}

/*ホバー時の線と文字の色を変更*/
#navi ul li a:hover{
    color: #86C147 !important;
}
#navi ul li a:before{
   background:#86C147 !important;
}

/* 目次を中央に */
#toc_container {
	margin-left: auto;
	margin-right: auto;
}

/* リンクボタン */
a#btn01 {
	color: #FFFFFF;
	background: #346F15;
	padding: 10px;
	margin-bottom: 10px;
	width: 80%;
	display: block;
	text-align: center;
	text-decoration: none;
}

a#btn01:hover {
	background:#86C147 ;
}

/* リンクボタン2 */
a#btn02 {
        line-height: 100%;
        font-size:14px;
	color: #346F15;
	background: #D4F3C3 ;
	padding: 25px 5px;
	width: 70px;
	display: block;
	text-align: center;
	text-decoration: none;
        border-radius: 5px;
        border: 2px solid #346F15;

}

a#btn02:hover {
	background:#86C147 ;
	color: #ffffff;

}

/* 吹き出し */
.bubble-right,
.bubble-left,
.bubble-right2,
.bubble-left2 {
	position: relative;
	background: #fff;
	border: 1px solid #777;
	padding: 10px;
	border-radius: 10px;
	margin-top: 0;
	margin-bottom: 0;
}

.bubble-right,
.bubble-left {
	width: calc(100%-125px);
	width: -webkit-calc(100%-125px);
}

.bubble-right:after,
.bubble-right:before,
.bubble-left:after,
.bubble-left:before {
	top: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bubble-right:after,
.bubble-right:before {
	right: 100%;
}

.bubble-left:after,
.bubble-left:before {
	left: 100%;
}

.bubble-right {
	margin-left: 105px;
}

.bubble-left {
	margin-right: 105px;
}

.bubble-right:after,
.bubble-left:after {
	border-color: rgba(255,255,255,0);
	border-width: 7px;
	margin-top: -7px;
}

.bubble-right:before,
.bubble-left:before {
	border-color: rgba(0,0,0,0);
	border-width: 8px;
	margin-top: -8px;
}

.bubble-right:after {
	border-right-color: #fff;
}

.bubble-right:before {
	border-right-color: #000;
}

.bubble-left:after {
	border-left-color: #fff;
}

.bubble-left:before {
	border-left-color: #000;
}

.bubble-right2,
.bubble-left2 {
	width: calc(100%-135px);
	width: -webkit-calc(100%-135px);
}

.bubble-right2:before,
.bubble-left2:after {
	top: 15px;
	border: solid transparent;
	width: 2em;
	position: absolute;
	pointer-events: none;
}

.bubble-right2 {
	margin-left: 135px;
}

.bubble-right2:before {
	right: 99%;
	content: "｡oO";
}

.bubble-left2 {
	margin-right: 135px;
}

.bubble-left2:after {
	left: 100%;
	content: "Oo｡";
}

.buble-img-left,
.buble-img-right {
	width: 100px;
	font-size: 12px;
	text-align: center;
}

.buble-img-left {
	float: left;
}

.buble-img-right {
	float: right;
}

/* リンクマウスオーバーで白く */
a:hover img {
	filter: alpha(opacity=80);
	opacity: .8;
}

/* 行間調整 */
.article {
    line-height: 190%;
}

/* サイトタイトルとキャッチフレーズを非表示 */
.top-title-catchphrase {
	display: none;
}

/* サイドバーのフォントサイズ、見出し背景を修正 */
#sidebar h3{
 font-size:16px;
   height: 50px;
  line-height: 50px;
	text-align: center;
  background: #86C147;
  font-weight: 550;
  color: #ffffff;
}

/* 関連記事間に線を引く */
#main .related-entry {
 border-bottom: 1px solid #F0F0F0;
 padding-bottom: 10px; 
}

/* フォントを灰色にする */
#main p {
color: #3b3b3b;
}

/* mainとsidebarの枠線を消す */
#main,#sidebar{
 border:none !important;
}

/* リストタグを修正 */
.article li {
  margin: 0 0 7px;
  line-height: 1.7;
  position: relative;
  padding-left: 10px;
}

/* 見出し */

.article h1 {
   font-size: 14pt ;

	color:#222;
     background:#ededed;
     border-top:3px solid #86C147; 
     padding:.8em .3em .8em .9em;
}


.article h2 {
    position: relative;
    color: #ffffff;
    background: #86C147;
    font-size: 14pt ;
    border: 2px solid #86C147;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.article h2:after  {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #86C147;
}

.article h3 {
        margin: 2em 0 1em;
        background: #f3f3f3;
        border-left:7px solid #86C147;
        border-bottom:1px solid #86C147;
	font-size: 17px;
        padding:.6em .8em
}

.article h4 {
       margin: 2em 0 1em;
       border-left:1px solid #86C147;
	border-bottom:3px solid #86C147;
 	font-size: 17px;
        padding:.6em .8em
}

.article h5 {
        margin: 2em 0 1em;
	padding: 0 0 0 5px;
	border-left: 16px solid #86C147;
	color: #333;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 1.24rem;
	line-height: 1;
}

.article h6 {
        margin: 2em 0 1em;
	padding: 0 0 0 10px;
        border-bottom:1px dashed #86C147;
	font-size: 20px;
}

.rank1{
    background:url("../../uploads/2016/08/dae3bcce93b7c2c92cc2fd75987564fe.png") no-repeat !important;
    line-height:87px; /* 行の高さ */
	left: -10px;
        border-left:none !important;
        border-bottom:none !important;
 	padding: 0 0 0 85px !important;
	font-size: 20px !important;
       margin: 0 !important;
}

.rank2{
    background:url("../../uploads/2016/08/f4a42c38b62a20e9b137c1f4d8c8d2c6.png") no-repeat !important;
    line-height:87px; /* 行の高さ */
	left: -10px;
        border-left:none !important;
        border-bottom:none !important;
 	padding: 0 0 0 85px !important;
	font-size: 20px !important;
       margin: 0 !important;
}

.rank3{
    background:url("../../uploads/2016/08/f7a5038f6805dbeaa61cfe4ef4099aa8.png") no-repeat !important;
    line-height:87px; /* 行の高さ */
	left: -10px;
        border-left:none !important;
        border-bottom:none !important;
 	padding: 0 0 0 85px !important;
	font-size: 20px !important;
       margin: 0 !important;
}

.rank4{
    background:url("../../uploads/2016/08/f37bbc39ece7feed9bfa37f119de1685.png") no-repeat !important;
    line-height:87px; /* 行の高さ */
	left: -10px;
        border-left:none !important;
        border-bottom:none !important;
 	padding: 0 0 0 85px !important;
	font-size: 18px !important;
       margin: 0 !important;
}

.rank5{
    background:url("../../uploads/2016/08/2512de0d2e67c5957fd8a6473cc00bd5.png") no-repeat !important;
    line-height:87px; /* 行の高さ */
	left: -10px;
        border-left:none !important;
        border-bottom:none !important;
 	padding: 0 0 0 85px !important;
	font-size: 18px !important;
       margin: 0 !important;
}

.rank6{
    background:url("../../uploads/2016/08/a8d8ea950d46859b9aba3f8b6c9e141e.png") no-repeat !important;
    line-height:87px; /* 行の高さ */
	left: -10px;
        border-left:none !important;
        border-bottom:none !important;
 	padding: 0 0 0 85px !important;
	font-size: 18px !important;
       margin: 0 !important;
}

.rank7{
    background:url("../../uploads/2016/08/58753f66e3c93d00bc30b6f37925d30e.png") no-repeat !important;
    line-height:87px; /* 行の高さ */
	left: -10px;
        border-left:none !important;
        border-bottom:none !important;
 	padding: 0 0 0 85px !important;
	font-size: 18px !important;
       margin: 0 !important;
}

.rank {
	padding: 0;
	margin: 0;
	border: none !important;
	position: relative;
	margin: 2em 0;
	margin-left: 50px;
	padding: 15px;
	padding-left: 70px !important;
	background-color: #6A9938 !important;
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
}

.rank::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 40%;
	left: -30px;
	width: 100px; 
	height: 100px; 
	transform: translateY(-50%);
        background-image: url(../../uploads/2016/08/efc76b323f3587c8285ddfdfe91ae18f.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.rank::after {
        border-style:none !important;
}

/* 続きを読むアイコンの変更 */

#main .entry {
    border-bottom: 1px dotted #333333;
    padding-bottom: 15px;
}

.entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#86C147;
 border:1px solid #86C147;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 
.entry-read a:hover{
 color:#86C147;
 background-color:#EDEDED ;
 border:1px solid #EDEDED ;
}

.entry-read {
  text-align: right;
  margin-right: 10px;
}

.check{
    background:url("../../uploads/2016/09/point.png") no-repeat;
        line-height:45px;
       	padding: 0 0 0 60px;
	font-size: 18px;
        font-weight: bold; 
}

/* ｈ2タグ装飾 */

.teach {
	padding: 0;
	margin: 0;
	border: none !important;
	position: relative;
	margin: 2em 0;
	margin-left: 50px;
	padding: 15px;
	padding-left: 70px !important;
	background-color: #86C147 !important;
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
}

.teach::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 40%;
	left: -10px;
	width: 100px; 
	height: 100px; 
	transform: translateY(-50%);
        background-image: url(../../uploads/2016/09/b0edd35c9feac433d8a36ca5b5d4706d.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.teach::after {
        border-style:none !important;
}

.qes {
	padding: 0;
	margin: 0;
	border: none !important;
	position: relative;
	margin: 2em 0;
	margin-left: 50px;
	padding: 15px;
	padding-left: 90px !important;
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
}

.qes::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 40%;
	left: -10px;
	width: 100px; 
	height: 100px; 
	transform: translateY(-50%);
        background-image: url(../../uploads/2016/09/7aedebb4000518af7af7589374b3dd08.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.qes::after {
        border-style:none !important;
}

.fit {
	padding: 0;
	margin: 0;
	border: none !important;
	position: relative;
	margin: 2em 0;
	margin-left: 50px;
	padding: 15px;
	padding-left: 80px !important;
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
}

.fit::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 40%;
	left: -10px;
	width: 100px; 
	height: 100px; 
	transform: translateY(-50%);
        background-image: url(../../uploads/2016/09/dcf73fcb92538fade839914d5c3a0db7.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.fit::after {
        border-style:none !important;
}


/* ｈ3タグ装飾 */

.q {
	padding: 0;
	margin: 0;
	border: none !important;
	position: relative;
	margin: 2em 0;
	margin-left: 50px;
	margin-bottom: 30px !important;
	padding: 30px;
	padding-left: 90px !important;
	background-color: #ebebeb !important;
	color: #3b3b3b;
	font-size: 17px !important;
	line-height: 1.6;
}

.q::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 60%;
	left: -10px;
	width: 100px; 
	height: 120px; 
	transform: translateY(-50%);
        background-image: url(../../uploads/2016/09/7aedebb4000518af7af7589374b3dd08.png);
	background-repeat: no-repeat;
	background-position: left center;
}


.t {
	padding: 0;
	margin: 0;
	border: none !important;
	position: relative;
	margin: 2em 0;
	margin-left: 50px;
	margin-bottom: 30px !important;
	padding: 30px;
	padding-left: 90px !important;
	background-color: #ebebeb !important;
	color: #3b3b3b;
	font-size: 17px !important;
	line-height: 1.6;
}

.t::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 60%;
	left: -10px;
	width: 100px; 
	height: 120px; 
	transform: translateY(-50%);
        background-image: url(../../uploads/2016/09/b0edd35c9feac433d8a36ca5b5d4706d.png);
	background-repeat: no-repeat;
	background-position: left center;
}