body { 
text-align:center;
font-family: "メイリオ", Meiryo, Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
line-height:1.6;



margin:0;
padding:0;
letter-spacing: 1px;






background-color:#F0FFF0; /* 外側背景色 */
} 

/*************▼リンク付きのみの画像半透明化▼*/
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}
/*************▼リンク付きのみの画像半透明化▼*/
/* --------サムネイルリンク枠線を消す-------- */
a img {
border-style:none;
}
/* --------サムネイル枠線を消す-------- */
/******************************* ▼ リンクの色と下線の有無 ▼ */
a:link {color:#4169E1; text-decoration:none;} /* 通常 */
a:active {color:#4169E1; text-decoration:none;} /*実行中*/
a:visited {color:#4169E1; text-decoration:none;} /*訪問済*/
a:hover {color:#0000CD; text-decoration:underline;} /*マウス*/
/******************************* ▲ リンクの色と下線の有無 ▲ */
/******************************************* ▼ サイトの幅 ▼ */
#outline{ 
width:1100px; /* 全体 */
margin:0 auto; 
background:#FFFFFF; /* サイト背景色 */
border:#ddd 1px solid; 　　　　　　　　　　　　　　 /* 枠 */
}

#center { 
width:770px; /* 中央 */
float:left;
margin-left: 10px;　　　　　　　　　　 /* 全体の左間隔 */ 
} 
#left { 
width:310px; /* サイド */
float:right; 
} 
#right { 　　　　　　　　　　　　　　　　　　　　　　　 
width:0px; 
float:right; 
} 
#center-left { 　　　　　　　　　　　　　　　 /* 合計 */
width:1100px; /* サイズ変更するときは全体と合計は同じにする */ 　　　　　　　　　　　　
float:left;　 
} 　/* 中央とサイドのサイズ変更するときは全体と合計より-にしないと記事とサイドの隙間がなくなる */
/******************************************* ▲ サイトの幅 ▲ */


/********************************************* ▼ ヘッダー ▼ */
#header_outline {
border:0px solid #ffffff; /* 外枠の色 */
}
#header_body { 
margin-bottom:10px; /* ヘッダ下間隔 */
border-bottom:#ddd 1px solid; /* 下線 */
background-color:#ffffff; /* 背景色 */


} 






/********************************************* ▲ ヘッダー ▲ */


/*************************************** ▼ ブログタイトル ▼ */
h1 { 
font-size:36pt; /* 文字サイズ */
text-align:left; /* 左寄せ */
margin:10px 30px; 
}
/* ▽文字色とリンクの下線有無▽ */
h1 a:link { color:#000000; text-decoration:none; } /* 通常 */
h1 a:active { color:#000000; text-decoration:none; } /*実行中*/
h1 a:visited { color:#000000; text-decoration:none; } /*訪問済*/
h1 a:hover { color:#0000ff; text-decoration:none; } /*マウス*/
/* △文字色とリンクの下線有無△ */
/*************************************** ▲ ブログタイトル ▲ */


/***************************************** ▼ サイト紹介文 ▼ */
.intro { 
font-size:10pt; /* 文字サイズ */
color:#000000; /* 文字色 */
text-align:left; /* 左寄せ */
margin:5px 30px 10px; 
}
/***************************************** ▲ サイト紹介文 ▲ */
/***************************************** ▼ トップページ記事一覧 ▼ */
.ently_outline2 { 
font-size:9pt; /* 文字サイズ(記事タイトル)*/
border:#e0e0e0 0px solid; /* 外枠の色/太さ/実線 */
background-color:#FFFFFF; /* 背景色 */
margin-bottom:30px; /* 次の記事までの間隔 */
float: left;
width: 242px;/* 横幅 */
min-height:440px;/* 縦幅の最小値 */
max-height:auto;
margin-right: 10px;
}


.ently_navi2 { 

margin-left: 5px;
text-align:left; /* 左寄せ(時刻・CM・TB) */
color:#555555; /* 文字色(時刻・CM・TB) */


} 
.ently_body2 { 
font-size:10pt; /* 文字サイズ(CM・TB) */
} 
/* --------サムネイルサイズ-------- */
.imgsize2 img{
width: 218px;
height: 200px;
border: 2px #E0E0E0 solid;
}
/* --------サムネイルサイズ-------- */
/***************************************** ▲ トップページ記事一覧 ▲ */
/************************************************* ▼ 記事 ▼ */
.ently_outline { 
border-bottom: 1px solid #b4b4b4;
margin-top: 5px; /* 全体の上間隔 */
margin-bottom:0px; /* 次の記事までの間隔 */ 
margin-left: 0px;　　　　　　　　　　 /* 全体の左間隔 */
border:#e0e0e0 0px solid; /* 外枠の色/太さ/実線 */
background-color:#fff; /* 背景色 */　　　　　 
} 
.ently_title {
text-align:left; 
margin-top: 10px; /* 上間隔 *(記事タイトル)/
font-size:14pt; /* 文字サイズ(記事タイトル)*/
background-color:#; 　　　 /* 背景色 (記事タイトル)*/
border:#666666 0px solid; /* 枠 (記事タイトル)*/
margin-left: 5px;
margin-right: 5px;
} 
/* ▽文字色とリンクの下線有無▽ */
h2 a:link { color:#555555; text-decoration:none; } /* 通常 */
h2 a:active { color:#555555; text-decoration:none; } /*実行中*/
h2 a:visited { color:#555555; text-decoration:none; } /*訪問済*/
h2 a:hover { color:#0000ff; text-decoration:none; } /*マウス*/



/* △文字色とリンクの下線有無△ */
.ently_body { 
font-size:1500pt; /* 文字サイズ(記事本文) */
color:#000000; /* 文字色 (記事本文) */
border-top: #e0e0e0 0px solid; /* 枠(上) (記事本文) */
border-left: #000000 0px solid; /* 枠(左) (記事本文) */
border-right: #000000 0px solid; /* 枠(右) (記事本文) */
border-bottom:#000000 0px solid; /* 枠(下) (記事本文) */
} 
.ently_text {
text-align:left; /* 左寄せ (記事本文) */

margin:20px 20px;







padding:5%;












}
.ently_navi { 
font-size:10pt; 
margin-left: 10px;
text-align:left; /* 左寄せ(時刻・CM・TB) */
color:#555555; /* 文字色(時刻・CM・TB) */
} 


.img{
max-width:90%;
height:auto;
}

.ently_outline_img{
max-width:90%;
height:auto;
}





.pocket-btn{
 display:inline-block;
}





/* --------サムネイルサイズ-------- */
.imgsize img{
width: 180px;
height: 150px;


}
/* --------サムネイルサイズ-------- */
/************************************************* ▲ 記事 ▲ */




/*************************** ▼ (プラグイン１) ▼ */
.plugin1_outline { 
margin-right: 10px;
margin-bottom:10px; /* 次のプラグインまでの間隔 */
border: #ddd 1px solid; /* 個別枠 */
} 
.plugin1_title { 
font-size:10pt; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#555555; /* 文字色 (タイトル) */


border-bottom:#ddd 1px solid; /* 下線 */
padding:2px 15px;
border-left: #999999 5px solid; /* 枠(左) (タイトル) */

} 


.plugin1_body { 
font-size:10pt; /* 文字サイズ(本体) */
color:#333333; /* 文字色 (本体) */
background-color:#ffffff; /* 背景色 (本体) */
padding:10px 10px 10px 10px;


line-height:1;
}
/* プラグイン1説明（上部） */
.p1u_description {
margin-bottom:7px;
}
/* プラグイン1説明（下部） */
.p1d_description {
margin-top:7px;
}
/*************************** ▲ (プラグイン１) ▲ */


/*************************** ▼ (プラグイン２) ▼ */
.plugin2_outline { 
border: #ddd 1px solid; /* 個別枠 */
margin-bottom:10px; /* 次のプラグインまでの間隔 */
margin-right: 10px;
} 
.plugin2_title { 
font-size:10pt; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#555555; /* 文字色 (タイトル) */
border-bottom:#ddd 1px solid; /* 下線 */
padding:2px 15px; 
border-left: #999999 5px solid; /* 枠(左) (タイトル) */ 
}




.plugin2_body { 
font-size:10pt; /* 文字サイズ(本体) */
color:#333333; /* 文字色 (本体) */
background-color:#ffffff; /* 背景色 (本体) */
padding:5px 5px 5px 5px; 
line-height:1;
}
/* プラグイン2説明（上部） */
.p2u_description {
margin-bottom:2px;
}
/* プラグイン2説明（下部） */
.p2d_description {
margin-top:2px;
}
/*************************** ▲ (プラグイン２) ▲ */


/*************************** ▼ (プラグイン３) ▼ */
.plugin3_outline { 
margin-bottom:3px;
border: #999999 0px solid; /* 個別枠 */ 
} 
.plugin3_title { 
font-size:10pt; /* 文字サイズ(タイトル) */
font-weight:bold; /* 太字 (タイトル) */
color:#555555; /* 文字色 (タイトル) */
border-bottom:#ddd 1px solid; /* 下線 */ 
padding:5px 20px;
border-left: #999999 10px solid; /* 枠(左) (タイトル) */ 


} 
.plugin3_body { 
font-size:10pt; /* 文字サイズ(本体) */
color:#333333; /* 文字色 (本体) */
background-color:#ffffff; /* 背景色 (本体) */
padding:5px 20px;



}
/* プラグイン3説明(上部) */
.p3u_description {
margin-top:5px;
margin-bottom:5px;
}
/* プラグイン3説明(下部) */
.p3d_description {
margin-top:5px;
margin-bottom:5px;
}
/*************************** ▲ (プラグイン３) ▲ */


/********************************************* ▼ コメント ▼ */
.comment_outline { 
border:#e0e0e0 0px solid; /* 外枠の/色太さ/実線 */
background-color:#FFFFFF; /* 背景色 */
text-align:left; /* 左寄せ */
margin-bottom:20px; /* 次のコメントまでの間隔 */
} 
.comment_title { 
font-size:10pt; /* 文字サイズ(タイトル) */
color:#555555; /* 文字色 (タイトル) */
font-weight:bold; /* 太字 (タイトル) */
background-color:#f0f0f0; /* 背景色 (タイトル) */
text-align:left; /* 左寄せ (タイトル) */
border:#666666 0px solid; /* 枠 (タイトル) */
padding:5px 20px; 
} 
.comment_body { 
font-size:10pt; /* 文字サイズ(コメント本文) */
color:#000000; /* 文字色 (コメント本文) */
border-top: #e0e0e0 0px solid; /* 枠(上) (コメント本文) */
border-left: #666666 0px solid; /* 枠(左) (コメント本文) */
border-right: #666666 0px solid; /* 枠(右) (コメント本文) */
border-bottom:#666666 0px solid; /* 枠(下) (コメント本文) */
} 
.comment_text { 
text-align:left; /* 左寄せ (コメント本文) */
margin:10px 20px;
}
.comment_navi { 
color:#555555; /* 文字色 (時刻・CM・TB) */
text-align:right; /* 右寄せ (時刻・投稿者) */
margin:0px 10px 3px;
}
/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}
/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}
/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}
/********************************************* ▲ コメント ▲ */




/*************************************** ▼ トラックバック ▼ */
.trackback_outline { 
border:#e0e0e0 0px solid; /* 外枠の/色太さ/実線 */
background-color:#FFFFFF; /* 背景色 */
margin-bottom:20px; 
} 
.trackback_block_title { 
font-size:10pt; /*文字サイズ(ブロックタイトル)*/
color:#555555; /*文字色 (ブロックタイトル)*/
font-weight:bold; /*太字 (ブロックタイトル)*/
background-color:#f0f0f0; /*背景色 (ブロックタイトル)*/
text-align:left; /*左寄せ (ブロックタイトル)*/
border:#666666 1px solid; /*枠 (ブロックタイトル)*/
padding:5px 20px; 
} 
.trackback_block_body { 
font-size:10pt; /* 文字サイズ(ブロック本文) */
color:#000000; /* 文字色 (ブロック本文) */
border-top: #e0e0e0 0px solid; /* 枠(上) (ブロック本文) */
border-left: #000000 0px solid; /* 枠(左) (ブロック本文) */
border-right: #000000 0px solid; /* 枠(右) (ブロック本文) */
border-bottom:#000000 0px solid; /* 枠(下) (ブロック本文) */
text-align:left; 
padding:10px 20px 0;
}
.trackback_title {
font-size:10pt; /* 文字サイズ(個別タイトル) */
color:#555555; /* 文字色 (個別タイトル) */
font-weight:bold; /* 太字 (個別タイトル) */
}
.trackback_body { 
font-size:15pt; /* 文字サイズ(個別本文) */
color:#000000; /* 文字色 (個別本文) */
margin-bottom:20px;
}
.trackback_navi {
border-top:#e0e0e0 1px solid; /* 飾り線 (時刻・投稿者) */
text-align:right; /* 右寄せ (時刻・投稿者) */
} 
/*************************************** ▲ トラックバック ▲ */




/******************* ▼ カテゴリ・検索・月別ナビゲーション ▼ */
.various_outline { 
border-top:#e0e0e0 2px solid; /* 外枠の色/太さ/実線 (上) */
margin-bottom:20px; 
} 
.various_title {
font-size:10pt; /* 文字サイズ(タイトル) */
color:#555555; /* 文字色 (タイトル) */
font-weight:bold; /* 太字 (タイトル) */
background-color:#f0f0f0; /* 背景色 (タイトル) */
text-align:left; /* 左寄せ (タイトル) */
border:#666666 0px solid; /* 枠 (タイトル) */
padding:5px 20px; 
margin:0; 
}
.various_body { 
font-size:10pt; /* 文字サイズ(本体) */
color:#000000; /* 文字色 (本体) */
background-color:#FFFFFF; /* 背景色 (本体) */
border-top:#e0e0e0 2px solid; /* 飾り線(上)(本体) */
} 
.various_text {
text-align:left; /* 左寄せ (本体) */
margin:10px 20px;
}
.various_navi { 
text-align:center; /* 中央寄せ (矢印) */
margin:0px;
} 
/******************* ▲ カテゴリ・検索・月別ナビゲーション ▲ */




/********************************************* ▼ フッター ▼ */
#footer_outline { 
border:2px solid #f0f0f0; /* 外枠の色 */
background-color:#f0f0f0; /* 背景色 */
}
#footer_body { 
font-size:9pt; /* 文字サイズ */
color:#999999; /* 文字色 */
border:0px solid #666666; /* 内枠の色 */
padding:5px; 
} 
/* リンク */
#footer_body a:link { color:#999999; } /* 通常 */
#footer_body a:active { color:#999999; } /* 実行中 */
#footer_body a:visited { color:#999999; } /* 訪問済み */
#footer_body a:hover { color:#0000ff; } /* オンマウス時 */
/********************************************* ▲ フッター ▲ */



/* カレンダー */
.calender td { text-align: center; }
th#sun { color: #CC3300; }
th#sat { color: #0066CC; }


/*** その他 ***/
p { margin: 2px 0; }
ul { margin:2px 0 5px 0; padding:0; } 
li { margin-left:20px; margin-bottom:3px; } 
form { margin:0; }
table { font-size:10pt; }
.c-both { clear:both; } 
.readmore { margin-top: 10px; } 
.readclose { margin: 10px 0; } 
.page_navi { margin:30px 0; font-size:14pt; }




/* カレンダーの中央寄せ */
.calender{
margin-left: auto;
margin-right: auto;
}


/* 引用部分 */
sample_blockquote { 
background: url(image/blockquote2.gif) no-repeat 2% 6%; 
　background:#e8ffd1;
padding: 10px 20px; 
border-top: 1px solid #CCC; 
border-bottom: 1px solid #CCC; 
color: #212121; 
} 
.sample2 p { 
margin-bottom: 12px; 
} 
.sample2 .origin { 
text-align: right; 
margin-bottom:0; 
} 
.sample2 .origin a { 
color: #2D88B3; 
}






blockquote_2 {
margin:2px;
padding:5px;
background:#edffdb; /* 背景 */
border:#edffdb 1px solid; /* 枠線 */
border-left:#edffdb 5px solid; /* 枠線(左) */
}


blockquote{
margin:7px;
padding:10px;
background:#f7f7f7;
border:none;
border-left:5px solid #cfe6cf;
border-right:5px solid #cfe6cf;
border-top:5px solid #cfe6cf;
border-bottom:5px solid #cfe6cf;

}






/* ブックマーク 拍手 */
.fc2_footer {
margin-top:20px; /* 上の余白 */
}




/* プラグインの文字配置 */
.ta_left { text-align: left }
.ta_right { text-align: right }
.ta_center { text-align: center }


/* プラグイン内の入力欄幅設定 */
.plugin1_body input[type="text"],
.plugin2_body input[type="text"],
.plugin1_body textarea,
.plugin2_body textarea {
width: 90%;
}


/* ▼ FC2バトンのスタイル ▼ */


/* 質問番号(Q) */
.q_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}


/* 質問本文 */
.baton_q {
margin-bottom:5px; /* 答えまでの余白 */
}


/* 答え番号(A) */
.a_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}


/* 答え本文 */
.baton_a {
margin-left: 0px;
padding-bottom:2px; /* 罫線までの余白 */
border-bottom: dotted 1px #cccccc; /* 罫線 */
margin-bottom: 20px; /* 次の質問までの余白 */
}


/* ▲ FC2バトンのスタイル ▲ */


.top_search {
float:right;
margin-top:20px; /* 検索窓の上間隔 */
margin-right:20px; /* 検索窓の右間隔 */
}


h1 {
float:left;
}
.intro {
clear:both;
}



li {
margin-left:0px;
list-style-type: none;
}












/*--------------------------------------
  ヨメレバ・カエレバ（PC）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    min-width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{color:#FF9901 !important;border: 1px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border: 1px solid #c20004 !important;}
.shoplinkkindle a{color:#007dcd !important;border: 1px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border: 1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 1px solid #7b0099 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}













/*********フォローボタン**********/
.follow-btn{
 width: 280px;/*横幅*/
 margin: 5px auto 5px auto;
}
.follow-btn ul {
 list-style: none;
 display: -webkit-flex;
 display: flex;
 margin: 0;
 padding: 0;
}
.follow-btn li {
 height:100px;/*縦の幅*/
 width: 100%;
 -webkit-transition: width 0.3s ease-out;
 transition: width 0.3s ease-out;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
}
.follow-btn li:hover {
 width: 200%;
}
.follow-btn li span{
 line-height:2.5;
 font-size:180%;
 font-weight: normal;
 font-style: normal;
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.btn1{
 background: #5F5E5E;/*読者ボタンの背景色*/
}
.btn2{
 background: #6FB6C3;/*Twitterの背景色*/
}
.btn3 {
 background: #82C36F;/*Feedlyの背景色*/
}
.btn4 {
 background: #6998b9;/*Facebookの背景色*/
}
.btn1-icon:before{
 content: "\f000";
 display: inline-block;
 font-family: blogicon;
}
.btn2-icon:before{
 content: "\f035";
 display: inline-block;
 font-family: blogicon;
}
.btn3-icon:before{
 content: "\f04e";
 display: inline-block;
 font-family: blogicon;
}
.btn4-icon:before{
 content: "\f036";
 display: inline-block;
 font-family: blogicon;
}
.follow-btn a {
 width:100%;
 height:100%;
 font-size: 13px;
 line-height: 1;
 font-weight: normal;
 text-decoration: none;
 text-align: center;
 color: #fff;
 -webkit-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}














/*シェアボタン*/
#share ul{
	height:auto;
}
#share li{
	font-size:14px;
	float:left;
	text-align:center;
	width:100px;
	margin-right:1%;
	margin-bottom:8px;
	border-radius:3px;
	list-style:none;
}
#share li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#share li.share-twitter:hover{
	background:#83c3f3;
}
#share li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover{
	background:#4c70ba;
}
#share li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share li.share-google:hover{
	background:#e47365;
}
#share li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#share li.share-hatena:hover{
	background:#4888d4;
}
#share li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share li.share-pocket:hover{
	background:#f26f7f;
}
#share li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share li.share-line:hover{
	background:#2bd92b;
}
#share a{
	display:block;
	height:27px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#share a:hover{
	text-decoration:none;
	color:#ffffff;
}












/*記事上・記事下フォローボタン*/
.content-inner-follow-buttons{
    width: 100%;
    text-align: center;
    margin-top:40px;
    letter-spacing: -.40em;
}
.content-inner-follow-buttons .follow-title {
    letter-spacing: normal;
    width:100%;
    color:#666;
}
.content-inner-follow-buttons a {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    width: 20%;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    padding:20px 0;
    margin:3px;
    overflow: hidden;
    z-index:2;
}
.content-inner-follow-buttons a:hover {
    color:#fff;
}
.content-inner-follow-buttons a:before, .content-inner-follow-buttons a:after {
    position:absolute;
    content:'';
    width:100%;
    height:50%;
    left:0;
    z-index:-1;
    transition: 0.3s;
}
.content-inner-follow-buttons a:before {
    top:0;
}
.content-inner-follow-buttons a:after {
    bottom:0;
}
.content-inner-follow-buttons .inner-text {
    font-size:16px;
    padding-left:5px;
}
.content-inner-follow-buttons .hatena {
    color: #ffffff;
    border: 1px solid #38393C;
    background: #38393C;
}
.content-inner-follow-buttons .hatena:hover {
    color: #38393C;
    background: #ffffff;
    transition: all .3s;
}
.content-inner-follow-buttons .hatena:hover:before,.content-inner-follow-buttons .hatena:hover:after {
    height: 0;
    background:#38393C;
}
.content-inner-follow-buttons .facebook {
    color: #ffffff;
    border: 1px solid #305097;
    background: #305097;
}
.content-inner-follow-buttons .facebook:hover {
    color: #305097;
    background: #ffffff;
    transition: all .3s;
}
.content-inner-follow-buttons .facebook:hover:before,.content-inner-follow-buttons .facebook:hover:after {
    height: 0;
    background:#305097;
}
.content-inner-follow-buttons .twitter {
    color: #ffffff;
    border: 1px solid #55acee;
    background: #55acee;
}
.content-inner-follow-buttons .twitter:hover {
    color: #55acee;
    background: #ffffff;
    transition: all .3s;
}
.content-inner-follow-buttons .twitter:hover:before,.content-inner-follow-buttons .twitter:hover:after {
    height: 0;
    background:#55acee;
}
.content-inner-follow-buttons .instagram {
    color: #ffffff;
    border: 1px solid #3f729b;
    background: #3f729b;
}
.content-inner-follow-buttons .instagram:hover {
    color: #3f729b;
    background: #ffffff;
    transition: all .3s;
}
.content-inner-follow-buttons .instagram:hover:before,.content-inner-follow-buttons .instagram:hover:after {
    height: 0;
    background:#3f729b;
}
.content-inner-follow-buttons .feedly {
    color: #ffffff;
    border: 1px solid #6cc655;
    background: #6cc655;
}
.content-inner-follow-buttons .feedly:hover {
    color: #6cc655;
    background: #ffffff;
    transition: all .3s;
}
.content-inner-follow-buttons .feedly:hover:before,.content-inner-follow-buttons .feedly:hover:after {
    height: 0;
    background:#6cc655;
}
.content-inner-follow-buttons .googleplus {
    color: #ffffff;
    border: 1px solid #cd201f;
    background: #cd201f;
}
.content-inner-follow-buttons .googleplus:hover {
    color: #cd201f;
    background: #ffffff;
    transition: all .3s;
}
.content-inner-follow-buttons .googleplus:hover:before,.content-inner-follow-buttons .googleplus:hover:after {
    height: 0;
    background:#cd201f;
} 












/*サイドバーフォローボタン*/
.sidebar-follow-buttons{
    width: 100%;
    text-align: center;
    letter-spacing: -.40em;
}
.sidebar-follow-buttons a {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    width: 47%;
    font-size: 22px;
    text-align: center;
    text-decoration: none;
    padding:6% 0;
    margin:1%;
    overflow: hidden;
    z-index:2;
}
.sidebar-follow-buttons a:hover {
    color:#fff;
}
.sidebar-follow-buttons a:before, .sidebar-follow-buttons a:after {
    position:absolute;
    content:'';
    width:100%;
    height:50%;
    left:0;
    z-index:-1;
    transition: 0.3s;
}
.sidebar-follow-buttons a:before {
    top:0;
}
.sidebar-follow-buttons a:after {
    bottom:0;
}
.sidebar-follow-buttons .inner-text {
    font-size:16px;
    padding-left:5px;
}
.sidebar-follow-buttons .twitter {
    color: #ffffff;
    border: 1px solid #55acee;
    background: #55acee;
}
.sidebar-follow-buttons .twitter:hover {
    color: #55acee;
    background: #ffffff;
    transition: all .3s;
}
.sidebar-follow-buttons .twitter:hover:before,.sidebar-follow-buttons .twitter:hover:after {
    height: 0;
    background:#55acee;
}
.sidebar-follow-buttons .feedly {
    color: #ffffff;
    border: 1px solid #6cc655;
    background: #6cc655;
}
.sidebar-follow-buttons .feedly:hover {
    color: #6cc655;
    background: #ffffff;
    transition: all .3s;
}
.sidebar-follow-buttons .feedly:hover:before,.sidebar-follow-buttons .feedly:hover:after {
    height: 0;
    background:#6cc655;
}
.sidebar-follow-buttons .googleplus {
    color: #ffffff;
    border: 1px solid #cd201f;
    background: #cd201f;
}
.sidebar-follow-buttons .googleplus:hover {
    color: #cd201f;
    background: #ffffff;
    transition: all .3s;
}
.sidebar-follow-buttons .googleplus:hover:before,.sidebar-follow-buttons .googleplus:hover:after {
    height: 0;
    background:#cd201f;
}
.sidebar-follow-buttons .instagram {
    color: #ffffff;
    border: 1px solid #3f729b;
    background: #3f729b;
}
.sidebar-follow-buttons .instagram:hover {
    color: #3f729b;
    background: #ffffff;
    transition: all .3s;
}
.sidebar-follow-buttons .instagram:hover:before,.sidebar-follow-buttons .instagram:hover:after {
    height: 0;
    background:#3f729b;
}







h3 {
  position: relative;
  padding: 8px 10px;
  color: #fff;
  background-color: #00552e;
  border-radius: 4px;
}
h3::before,h3::after {
  position: absolute;
  width: 100%;
  height: 4px;
  z-index: 2;
  content: '';
}
h3::before {
  top: 0;
  left: 0;
  border-bottom: 1px dashed #fff;
}
h3::after {
  top: 100%;
  left: 0;
  margin-top: -4px;
  border-top: 1px dashed #fff;
}








h4 {
border-left:5px solid #007b43;
border-bottom:1px solid #007b43;
padding:10px 15px;
background-color:#F8F8F8;
}




/*合わせて読みたい*/
.entry-content .emphasize-link {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #ee7917;
  background-color: #fffbf5;
}
.entry-content .emphasize-link p:last-child {
  margin-bottom: 0;
}
.entry-content .emphasize-link::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "Check!!";
  background-color: #ee7917;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.entry-content .emphasize-link::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #ee7917;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f029";
  font-size: 18px;
  font-family: "blogicon";
  color: #fff;
}



/***********************************
チャット風レイアウト
************************************/
/*画像左側のチャット*/
.chat-box {
    width: 100%;
    height: auto;
    overflow: hidden; 
    margin-bottom: 20px;
}
.chat-face {
    float: left;
    margin-right: -120px;
}
.chat-face img{
　　width: 90px;
    height: 90px;
    border-radius: 30px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #ddd;
}
.chat-area {
    width: 100%;
    float: right;
}
.chat-hukidashi {
    display: inline-block;
    padding: 15px 20px;
    margin-left: 120px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative; 
    background-color: #D9F0FF; 
}
.chat-hukidashi p{
    margin-bottom: 0px;
}
.chat-hukidashi:after {
    content: "";
    position: absolute;
    top: 35px; left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #D9F0FF transparent transparent;
}
/*画像右側のチャット*/
.chat-box2{
    width: 100%;
    height: auto;
    overflow: hidden; 
    margin-bottom: 20px;
}
.chat-face2 {
    float: right;
    margin-left: -120px;
}
.chat-face2 img{
　　width: 90px;
    height: 90px;
    border-radius: 30px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #ddd;
}
.chat-area2 {
    width: 100%;
    float: left;
}
.chat-hukidashi2 {
    display: inline-block; 
    padding: 15px 20px;
    margin-right: 120px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative; 
    background-color: #DDFFD9; 
    float: right;
}
.chat-hukidashi2 p{
    margin-bottom: 0px;
}
.chat-hukidashi2:after {
    content: "";
    position: absolute;
    top: 35px; right: -20px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
   border-width: 10px 10px 10px 10px;
    border-color: transparent transparent transparent #DDFFD9; 
 }

.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}

body2 {
  width: 100%;
  height: 100%;
  padding: 28px 0 0;
  margin: 0;
  background: url(http://dekikotu.com/wp-content/themes/dekikotu/images/article_h1_bg.png);
}
.btn_wrap {
  width: 224px;
  margin: auto;
  color: #fff;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}
.btn {
  padding: 12px;
  background: #f8a;
/*    border-bottom: 10px solid #e00;*/
  box-shadow: 0 10px 0 #e03;
  border-radius: 10px;
}
.btn_wrap:hover {
  padding-top: 10px;
}
.btn_wrap:hover .btn {
/*    border-bottom: none;*/
  box-shadow: none;
}

/***********************************
チャット風レイアウト
************************************/

/**************************************************************/
/*
フッターにある著作権表示を残して頂ければ
どんなにカスタマイズされても構いません。
http://16162ch.blog.fc2.com/ 対艦番長
*/
/**************************************************************/
/**************************************************************/
/*
フッターにある著作権表示(リンク)さえ残して頂ければ
どんなにカスタマイズされても構いません。また、
どのようなサイトでも利用してくださって結構です。
FC2ブログのテンプレート工房
[lightframe_ver.05.1] (http://10plate.blog44.fc2.com/)
*/
/**************************************************************/