/*
  Skin Name: スキンテンプレート
  Description: スキンのひな形
  Skin URI: https://wp-cocoon.com/
  Author: わいひら
  Author URI: https://nelog.jp/
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 0.0.2
  Priority: 10010
*/
/*以下にスタイルシートを記入してください*/
/************************************
** シェアボタン
************************************/

.share-button a{
    color: #000000;
}

.sns-buttons a{
    color: #000000;
}

.sns-buttons a.share-button {
    color: #000000;
    background: white;
    border-radius: 0;
    border: none;
    margin-top: 10px;
}

.bc-brand-color-white .sns-buttons a.share-button{
    border-width: 1px;
    border-style: solid;
}

.sns-buttons a:hover {
    transform: translateY(-4px);
    transition:all 500ms;
    color: #000000;
}

.bc-brand-color.sns-share .sns-buttons a,
.bc-brand-color.sns-follow  .sns-buttons a,
.bc-monochrome .sns-buttons a{
    background: #fff;
    border:none;
}

.bc-brand-color a.twitter-button {
    color: #1da1f2;
}

.bc-brand-color a.facebook-button {
    color: #3b5998;
}

.bc-brand-color a.hatebu-button {
    color:#2c6ebd;
}

.bc-brand-color a.instagram-button {
    color: #405de6;
}

.bc-brand-color a.youtube-button {
    color: #cd201f;
}

.bc-brand-color a.linkedin-button {
    color: #0077b5;
}

.bc-brand-color a.note-button {
    color: #41c9b4;
}

.bc-brand-color a.flickr-button {
    color: #111;
}

.bc-brand-color a.pinterest-button {
    color: #bd081c;
}

.bc-brand-color a.pocket-button {
    color:#ef4056;
}

.bc-brand-color a.line-button {
    color:#00c300;
}

.bc-brand-color a.amazon-button {
    color: #ff9900;
}

.bc-brand-color a.rakuten-room-button {
    color: #c61e79;
}

.bc-brand-color a.slack-button {
    color: #e01563;
}

.bc-brand-color a.github-button {
    color: #4078c0;
}

.bc-brand-color a.feedly-button {
    color:#2bb24c;
}

.bc-brand-color a.rss-button {
    color: #f26522;
}

.sns-share-message, .sns-follow-message,span.related-entry-main-heading.main-caption,.comment-title{
    font-size:0;
    text-align: center;
   display: block;
    margin: 50px;
}

.sns-share.ss-high-and-low-lc a .social-icon.button-caption, .sns-share.ss-high-and-low-cl a .social-icon.button-caption, .sns-share.ss-high-and-low-lc a .button-caption.button-caption, .sns-share.ss-high-and-low-cl a .button-caption.button-caption {
    font-size: 10px;
}

.sns-share-message:before,.sns-follow-message:before,
span.related-entry-main-heading.main-caption:before,.comment-title:before{
    font-size: 16px;
  font-family: sans-serif;
   font-weight: 100;
    padding: .5em;
   border-bottom: 2px solid whitesmoke;
    letter-spacing: .4em;
}

.sns-share-message:before{
    content:"SHARE";
}

.sns-follow-message:before{
   content:"FOLLOW";
}

span.related-entry-main-heading.main-caption:before{
    content:"MORE";
}

.comment-title:before{
    content:"COMMENTS";
}
/*「FEED」と「RSS」の2つのボタンを非表示に*/
a.follow-button.feedly-button.feedly-follow-button-sq{
display:none;
}
a.follow-button.rss-button.rss-follow-button-sq{
display:none;
}

/************************************
** Recaptcha
************************************/
/*Recaptchaのポリシー表示*/
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #444 !important;
}
.recaptcha_policy a {
  font-size: 11px !important;
  color: #111 !important;
}
/*バッジを非表示にする*/
.grecaptcha-badge { visibility: hidden; }

/************************************
** 投稿者情報
************************************/

section.profile {
width: 100%;
border: 5px solid #3333;
border-radius: 10px;
margin: 30px 0;
padding: 20px 25px;
box-sizing: border-box;
}
section.profile h6 {/* h1  */
font-size: 18px;
border-bottom: 1px dotted #666666;
margin: 0 0 20px;
padding: 0 0 5px;
}
section.profile .inner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
margin: 0;
padding: 0;
}
section.profile .inner .left-side {
width: 120px;
}
section.profile .inner .left-side img {
border-radius: 0%;/* 50％ */
}
section.profile .inner .right-side {
width: calc(100% - 125px);
}
section.profile .inner .right-side .authorName {
font-size: 16px;
font-weight: bold;
margin: 0 0 5px;
}
section.profile .inner .right-side .authorProfile {
font-size: 14px;
line-height: 1.6;
margin: 1em;
}
section.profile .inner .left-side img{/* 本文下の投稿者画像には影をつけない */
box-shadow:none;
}
@media only screen and (max-width: 600px) {
section.profile {
padding: 15px;
	}
section.profile h1 {
font-size: 16px;
    }
section.profile .inner .left-side {
width: 70px;
    }
section.profile .inner .right-side .authorName {
font-size: 15px;
    }
section.profile .inner .right-side {
width: calc(100% - 85px);
    }
section.profile .inner .right-side .authorProfile {
font-size: 13px;
    }
}