@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 3.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/


body {
   font-family: 'Hannari',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*初期設定でQuicksandが使われている部分を変える*/
.dfont {
   font-family: 'Hannari',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* Font Awesome hatena bookmark */
.fa-hatena:before {
content: "B!";
font-family: Verdana;
font-weight: bold
}

/* SNSボタン */
.share {margin-top : 5px;
}
.share ul {margin : 0 auto;
 padding : 0;
 list-style : none;}
.share li a {display : block;
 padding : 12.5px 10px 7.5px;
 color : #fff;
 font-size : 14px;
 text-decoration : none;
 text-align:center;
 border-radius:3px;
}
/*マウスオーバー時の挙動*/
.share li a:hover {
-ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
 border-bottom: none;
 box-shadow: none;
 filter:brightness(80%);
}
.share li a:visited{ color: #fff;}
.share ul:after {content : "";
 display : block;
 clear : both;
}
/*各SNSボタンの色設定*/
.tweet a{background-color: #00acee;
box-shadow: 0 4px #0092ca;}
.facebook a{background-color : #4555ab;
box-shadow: 0 4px #3b4892;}
.hatena a{background-color : #008be2;
box-shadow: 0 4px #2f70be;}
.lines a{background-color: #00c030;
box-shadow: 0 4px #219900;}
.pocket a{background-color :#ec2136;
box-shadow: 0 4px #c0392b;}
.feedly a{background-color: #6cc655;
box-shadow: 0 4px #57b93e;
}
/*各SNSボタンの配列*/
.share li {float : left;
 width : 15.6%;
 margin:0.5% 0.5% 0.5% 0.5%;
margin-top:5px;
}
/*Font Awesomeのサイズ変更*/
.fa-big {
font-size: 18px !important;
}

@media screen and (max-width:480px){
   .share li {
     width : 30%;
     margin:1.4% 1.4% 1.4% 1.8%;
   }
}


/* .sidelong__article-info {
   padding-left: 40px;
}

.sidelong__article {
   height: 90px;
}

@media only screen and (min-width: 1030px) {
   .sidelong__article {
      min-height: 100px;
   }
}

.sidelong__img {
   display: none;
} */

.sns-btn {
   display: none;
}

/*閲覧数表示のため追加20220401*/
.sidelong time {
   display: inline;
}


/*******
 * ここから
 * ****/

body {
   min-height: 100vh;
}
#container {
display: flex;
 flex-direction: column;
 min-height: 100vh;
}
#container > footer {
   margin-top: auto;
}

 #inner-header {
   text-align: center;
 }

 .sidebar .widget {
   background-color: transparent;
 }

 .fab-btn {
   display: none;
 }