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

詳しくは上のヘルプアイコンをクリックしてください。
*/
.profile-background img {
 width: 100%;
}
.yourprofile .profile-img {
 position: relative;
 width: 180px;
 height: 180px;
 margin: -100px auto 0;
}
.yourprofile .profile-img img {
 border: solid 3px #fff;
 border-radius: 100px;
 overflow: hidden;
}
.yourname {
 padding: 0 10px;
 font-size: 1.6em;
 font-weight: bold;
 text-align: center;
}
.profile-content {
 padding: 0 19px;
 font-size: 0.99em;
}
.profile-sns {
 margin: 0;
 padding: 10px 10px 20px;
 text-align: center;
}
.profile-sns li {
 display: inline-block;
}
.widget .profile-sns li a {
 padding: 3px;
 color: #555;
}
.widget .profile-sns li a:hover {
 background: transparent;
 opacity: .6;
}
.profile-sns li .fa {
 width: 40px;
 height: 40px;
 border-radius: 50%; 
 background: #6eb6fd;
 color: #fff;
 font-size: 20px;
 text-align: center;
 line-height: 40px;
}
.profile-sns li .fa-twitter {
 background: #7dcdf7;
}
.profile-sns li .fa-facebook {
 background: #7c9dec;
}
.profile-sns li .fa-instagram {
 background: #f99593;
}
.profile-sns li .fa-rss {
 background: #a9dc8b;
}

#logo, #logo img, .desktop-nav li a, #drawer__open {
    height: 90px;/*スマホ用サイズ*/
    line-height: 90px;/*スマホ用サイズ*/
}
@media only screen and (min-width: 768px) {
    #logo, #logo img, .desktop-nav li a {
       height: 150px;/*768px〜で見たとき用サイズ*/
       line-height: 150px;/*768px〜で見たとき用サイズ*/
    }
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* テーブルに横スクロールバーを表示 */
@media (max-width: 640px) {
    .table-scroll {
        overflow-x: scroll;
    }
}



/*トップページ人気記事用のウィジェット*/
.popular-posts .cardtype__article-info {
    padding-top: 0.5em;
}
.popular-posts .cardtype__link {
    padding-bottom: 10px;
}
.popular-posts.cardtype {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.popular-posts .cardtype__article {
  width: 46%;
  margin: 0 0 25px;
}
.popular-posts .cardtype__article:nth-child(odd){
  margin-right: 4%;
}
.popular-posts .cardtype__article p {
  margin: 0; 
}
.popular-posts.cardtype h2 {
    margin: 0 5px;
    font-size: 15px;
}

.normal-sns.fixed-menu__share.active,.fixed-menu__follow.active{
  bottom: calc( env(safe-area-inset-bottom) + 52px );
}

/*線で挟むCSS*/
.title-border {
display: flex;
align-items: center;
}
.title-border:before,
.title-border:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.title-border:before {
margin-right: 1rem;
}
.title-border:after {
margin-left: 1rem;
}