/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

.nothumb .entry-meta:after, .nothumb .page-title:after {
    content: none;
}

.entry-content h4 {
position: relative;/*相対位置*/
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;/*行高*/
}

h4:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f075";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #5ab9ff; /*アイコン色*/
}

.entry-content h3 {
position: relative;
background: #f1f8ff;
padding: 0.25em 0.5em;
border-left: solid 2em #5c9ee7;
}

.entry-content h3:before {
font-family: FontAwesome;
content: "\f040";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.entry-content h2{
color: #364e96;/*文字色*/
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #364e96;/*上線*/
border-bottom: solid 3px #364e96;/*下線*/
}

.buttonlink {
	 max-width: 600px;/*最大幅の指定*/
    text-align: center;/*テキストを中央表示*/
    margin:20px auto 20px auto;
    font-weight: bold;/*テキストを太字にする*/
    color: #ffffff !important;
    height: auto;    /*高さを自動調整*/

}
.buttonlink > img{
    display:inline!important;
}

.buttonlink :before {
	content:"【\f00c】";/*テキストの前に付ける文字列*/
        font-family: FontAwesome;
}
.buttonlink :after {
	content:" の公式サイトへ \f08e";/*テキストの後ろにつける文字列*/
        font-family: FontAwesome;
}

.buttonlink a {
 text-decoration: none !important;/*リンクテキストの下線をなし*/
 color: #ffffff !important;/*リンクの文字色*/
 display:block;
 padding: 10px;
 background-color: #60CF43;/*背景色*/
    margin-right: auto;/*右余白を自動調整 */
    margin-left: auto;/*左余白を自動調整 */
    border-radius: 10px;  /*角丸く */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.buttonlink a:hover {
 text-decoration: none !important;
 color:#666666 !important;
 background-color: #fff;
 border:2px solid #17c6b8;
}


#toc_container {
display: block !important;
background: #fff;
border: 2px solid #ccc;
font-size: 95%;
box-sizing: border-box;
line-height: 1.4;
margin-top: 20px;
margin-bottom: 20px;
padding: 1em 2em;
}

#toc_container ul {
list-style: none;
margin-bottom: 0;
}
#toc_container ul li {
margin: 0;
padding-left: 0;
text-indent: 0;
}
#toc_container ul a {
display: block;
text-decoration: none;
color: #444;
border-bottom: 1px dotted #ddd;
font-size: 100%;
}
#toc_container .toc_list > li > a {
border-bottom: 2px solid #4C9CF5;
font-size: 110%;
}
#toc_container ul ul {
padding: 5px 0px 5px 10px;
}
#toc_container li {
margin-bottom: 0.8em;
padding-bottom: 0.2em;
}
/*スマホ対応*/
@media screen and (max-width: 413px)
{
#toc_container ul a  {
font-size: 80%;}
#toc_container .toc_list > li > a {
font-size:95%;}
#toc_container {
padding:1em 1em;}
}
@media screen and (min-width: 414px) and (max-width: 500px)
{
#toc_container ul a  {
font-size: 80%;}
#toc_container .toc_list > li > a {
font-size:95%;}
#toc_container {
padding:1em 1em;}
}


/*アフィリエイト用ボタンリンク*/
.btn_link{
text-align:center;/*中央寄せ*/
}
.btn_link>a{
    margin: .5em .5em .5em 0;
    text-decoration: none;
    display: inline-block;
    padding: .4em 1.3em;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
    background-color: #4fc3f7;/*背景色*/
    color: #fff;/*文字色*/
    font-weight: bold;/*文字の太さ*/
}
.btn_link>a:hover{
    text-decoration: none;
    box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
    -webkit-tap-highlight-color: transparent;
}