@charset "utf-8";

/* フォント変更 */
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
 
body {
     font-family: 'Sawarabi Gothic', sans-serif;
     font-size: 100%;
}

/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/


/*SNSフォローボタン*/
.sns li a {
font-size:80%;
position:relative;
display:block;
padding:10px;
color:#fff;
border-radius: 2px;
text-align:center;
text-decoration: none;
text-shadow:none;
}
.sns li a:hover {
-webkit-transform: none;
-moz-transform: none;
transform: none;
box-shadow:none;
}

.sns li a .text{
font-weight: normal;
}

/* ツイッター */
.sns .twitter a {
color: #22b8ff !important;
border: solid 1px #22b8ff !important;
background: #fff !important;
box-shadow:none;

}
.sns .twitter a:hover {
color: #fff !important;
border: solid 1px #22b8ff !important;
background: #22b8ff !important;
}

/* Facebook */
.sns .facebook a {
color: #6680d8 !important;
border: solid 1px #6680d8 !important;
background: #fff !important;
box-shadow:none;
}
.sns .facebook a:hover {
color: #fff !important;
border: solid 1px #6680d8 !important;
background: #6680d8 !important;
}

/*Line*/
.sns .line a{
color: #25af00 !important;
border: solid 1px #25af00 !important;
background: #fff !important;
box-shadow: none;
}

.sns .line a:hover{
color: #fff !important;
border: solid 1px #25af00 !important;
background: #25af00 !important;
}

/* はてぶ */
.sns .hatebu a {
color: #5d8ac1 !important;
border: solid 1px #5d8ac1 !important;
background: #fff !important;
box-shadow:none;
}
.sns .hatebu a:hover {
color: #fff !important;
border: solid 1px #5d8ac1 !important;
background: #5d8ac1 !important;
}

/* Pocket */
.sns .pocket a {
color: #ff6d82 !important;
border: solid 1px #ff6d82 !important;
background: #fff !important;
box-shadow:none;
}
.sns .pocket a:hover {
color: #fff !important;
border: solid 1px #ff6d82 !important;
background: #ff6d82 !important;
}

/* Feedly */
.sns .feedly a {
color: #6cc655 !important;
border: solid 1px #6cc655 !important;
background: #fff !important;
box-shadow:none;
}
.sns .feedly a:hover {
color: #fff !important;
border: solid 1px #6cc655 !important;
background: #6cc655 !important;
}

/* トップ下SNSシェアボタン非表示
.share.short {
display: none;
}
 */

/*サイドバーのタイトル*/
#sidebar1 .widgettitle {
position: relative;
background: #eff7fc;/* 背景色 */
font-size: 18px;/* 文字の大きさ */
padding: 0 0 0 35px;
color: #474747;/* 文字色 */
border-bottom: solid 4px #999;/* 下線の太さや色 */
}
#sidebar1 .widgettitle:before {
font-family: "Font Awesome 5 Free";
content: "\f6be";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;/* アイコン色 */
background: #0185c0;/* アイコンの背景色 */
width:40px;/* 背景の大きさ */
height: 40px;/* 背景の大きさ */
text-align: center;
top: 50%;
left: 0px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}

/* ページネーション */
.pagination a, .pagination span{
padding: 8px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
@media only screen and (max-width: 767px){
.pagination a, .pagination span{
padding: 9px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
}

/*見出しH2*/
.entry-content h2 {
position: relative;
background: #0185c0 ;/* 背景色 */
margin: 4.0em 0 2.0em 0 ;	
padding: 5px 5px 5px 40px;
left: 10px;
font-size: 18px;
font-weight: normal;
color: #FFFFFF;/* 文字色 */
}
.entry-content h2:before {
font-family: "Font Awesome 5 Free";
content: "\f6be";
font-weight: bold;
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #0185c0;/* 背景色 */
width: 42px;
text-align: center;
height: 42px;
left: -10px;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}

/* 見出し装飾H3 */
.entry-content h3{
margin: 3.0em 0 1.5em 0;	
padding: 5px 5px 5px 3px;
font-size: 18px;
font-weight: normal;
color: #0185c0;/* 文字色 */
/* 水色の線の設定 */
border-bottom: solid 5px #cce4ff !important;
border-left: none;
position: relative;
}
.entry-content h3:after {
/* 青色の短い線の設定 */
position: absolute;
left: 0px;
content: " ";
display: block;
border-bottom: solid 5px #0185c0;
bottom: -5px;
width: 20%;
}
/* h4見出しのデザイン変更
.entry-content h4{
font-size: 1.1em ;
border-left-color: #0185c0;
color: #555555;
margin-bottom: 1.5em;
} */

/* フォントサイズ変更 */
span.font_size_s {font-size: 0.8em;}/*  */
span.font_size_m {font-size: 1.0em;}/*  */
span.font_size_xl {font-size: 1.5em;}/*  */
span.font_size_xxl {font-size: 2.0em;}/*  */
/*  */

/* ヘッダーロゴ画像サイズ調整 */
#logo .h1.img img {
max-height: 200px;
width: auto;
}

/* 記事の画像下の間隔を０にする */
.entry-content img {
  margin-bottom: 0;
}

/* 記事の行間・改行幅・段落幅を広くする　標準1.6em-1.75 */
.entry-content p {
margin: 0 0 1em; 
line-height: 1.8;
}