@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.entry-content p {
    	font-size: 24px;
	line-height: 1.5em;
	margin-bottom: 2em;
        color: #444;
}

/*---------------------------------
見出し装飾をリセット
--------------------------------*/
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

/*---------------------------------
見出し
--------------------------------*/

.article h1 {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size: 30px;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/kizititle-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #333;
        padding-left: 90px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 10px;
	margin-bottom: 30px;
}

 
.article .abare {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/abare-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .aruku {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/aruku-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .dakko {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/dakko-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .hako {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/hako-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .hare {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/hare-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .ichi {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/ichi-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .kawa {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 100px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/kawa-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .kyoshu {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/kyosyu-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .motare {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/motare-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .neru {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 145px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/neru-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .nose {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 120px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/nose-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .osu {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 90px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/osu-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .rei {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/rei-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .sasi {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 100px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/sasi-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .tobu {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/tobu-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .unten {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/unten-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .untenyoko {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 120px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/untenyoko-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .onbu {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/06/onbu-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .paka {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/06/paka-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .paka2 {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/06/paka2-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .para {
  	margin: 30px 0px 30px 0px;
        padding:60px 10px 60px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/06/para-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .run {
  	margin: 30px 0px 30px 0px;
        padding:60px 10px 60px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/06/run-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .yomi {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/06/yomi-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .omoi {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/06/omoi-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .yomi2 {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/06/yomi2-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .kogi {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/06/kogi-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .hiki {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/06/hiki-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .hashi {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/06/hashi-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .kobune {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/07/kobune-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .ohuro {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 110px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/07/ohuro-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

.article .ouchi {
  	margin: 30px 0px 30px 0px;
        padding:40px 10px 40px 130px !important;
        font-size:24px;
	color: #008015;
	line-height: 30px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/07/ouchi-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
}

/*-----------------------------
  リストの装飾
-----------------------------*/

.entry-content ol{
  counter-reset:olnumber; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #fff;
}
.entry-content ol li {
        position: relative;
	padding: 0 .5em .5em 2.0em;
	counter-increment: olcount;
        font-size: 20px;
	color: #444;
	margin-bottom: 1em;
        font-weight:bold;
}
.entry-content ol li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: counter(olcount);
	width: 28px;
	height: 28px;
	line-height: 28px;
	background-color: #008015;
	border-radius: 100%;
	color: #fff;
	font-size: .9em;
	text-align: center;
}

.entry-content ul{
  padding: 0;
}

.entry-content ul li {
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin-bottom: 5px;
  line-height: 1.5;
  vertical-align: middle;
  font-size: 20px;
  color: #444;
  font-weight:bold;
}

.entry-content ul li:before{ /*疑似要素*/
  display:inline-block; 
  vertical-align: middle;
  /*以下白丸つくる*/
  content:'';
  width: .5em;
  height: .5em;
  background: #008015;
  border-radius: 50%;
  margin-right: 8px;
}

/*-----------------------------
付け足した装飾　アフィリの黒枠
-----------------------------*/

/* 中央寄せの外側アフィリ枠 */

.sotowaku {
    width:100%;
    text-align:center;
    border:0px solid #333;
}

/* 下のアフィリ枠 */
.sitawaku {
 display:inline-block;
 position: relative;
 padding:2em 0em;/*ボタン下の文字との空間*/
 border:0px solid #333;
 background: #fff;
 margin-bottom: -15px;/*ボタン下の文字との空間*/
}

/* amazonのアフィリ用ボタン */

.a-botan {
    max-width: 300px;/*最大幅の指定*/
    text-align: center;/*テキストを中央表示*/
    margin:-30px auto -15px auto;
    font-weight: bold;/*テキストを太字にする*/
    font-size: 24px;
    color: #e2851e !important;
}

.a-botan > img{
    display:inline !important;
}

.a-botan a {
 text-decoration: none !important;/*リンクテキストの下線をなし*/
 color: #e2851e !important;/*リンクの文字色*/
 display:block;
 padding: 10px;
 max-width: 300px;/*最大幅の指定*/
 border:3px solid #e2851e;
 background-color: #ffffff;/*背景色*/
    margin-right: auto;/*右余白を自動調整 */
    margin-left: auto;/*左余白を自動調整 */
    border-radius: 35px;  /*角丸く */
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
}

/* 楽天のアフィリ用ボタン */

.r-botan {
    max-width: 300px;/*最大幅の指定*/
    text-align: center;/*テキストを中央表示*/
    margin: -15px auto -10px auto;/*ボタン下の文字との空間*/
    font-weight: bold;/*テキストを太字にする*/
    font-size: 24px;
    color: #E53935 !important;
}
.r-botan > img{
    display:inline !important;
}

.r-botan a {
 text-decoration: none !important;/*リンクテキストの下線をなし*/
 color: #E53935 !important;/*リンクの文字色*/
 display:block;
 padding: 10px;
 max-width: 300px;/*最大幅の指定*/
 border:3px solid #E53935;
 background-color: #ffffff;/*背景色*/
    margin-right: auto;/*右余白を自動調整 */
    margin-left: auto;/*左余白を自動調整 */
    border-radius: 35px;  /*角丸く */
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
}

/*-----------------------------
　関連記事部分の装飾
-----------------------------*/

#related-entries h2 {
	font-size: 30px;
	font-weight: bold;
        padding:50px 10px 50px 110px !important;
	margin-bottom: 20px;
	line-height: 28px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/kanren-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	background-color:transparent;
}

/*---------------------------------
サイドバーの見出しを修正
--------------------------------*/
.sidebar h3 {
    background: none; /*背景色を解除*/
    padding: 0; /*余白をなしに*/
}

.sidebar h3 {
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 20px;
	padding-top: 50px;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 90px;
	background-image: url(https://mynotes.jp/wp-content/uploads/2017/04/side-tori.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}