@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

sns-share-message{
    font-weight:bold;
    color:#499eda;
}
.sns-share-buttons {
    justify-content: center;
}
.sns-share-buttons a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 8px;
}
.button-caption{
    display:none;
}

sns-follow-message{
    font-weight:bold;
    color:#499eda;
}
.sns-follow-buttons{
    justify-content: center;
}
.sns-follow-buttons a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 8px;
}
.button-caption{
    display:none;
}
/* Twitter
===================================*/
.author-follows .sns-follow .sns-follow-buttons .twitter-button{
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background-color: #55acee;
    color: #fff;
    border: 0;
    margin-right: .5em;
}
.author-follows .sns-follow .sns-follow-buttons .twitter-button:hover{
    background-color: #55acee;
}
/* Instagram
===================================*/
.author-follows .sns-follow .sns-follow-buttons .instagram-button{
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background: -webkit-linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;
    background: linear-gradient(135deg,#427eff 0,#f13f79 70%) no-repeat;
    color: #fff;
    border: 0;
    margin-right: .5em;
}
.internal-blogcard::after{
	content: '読んでみる \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #87cefa; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}
.internal-blogcard-footer{
	display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}
/* トップページのタイトル非表示 */
#post-815 h1.entry-title {
    display: none;
}
/*著者情報を消す場合*/
.page .author-info {
    display: none;
}
/************************/
/* 見出しタグ */
/************************/
.entry-content h2{
padding: 10px;
margin: 5px 0;
border-top: solid 3px #779dc4;
border-bottom: solid 3px #779dc4;
font-size:22px;
}
.entry-content h3 {
color: #ffffff;
font-size: 16px;
line-height: 20px;
position: relative;
padding: 10px;
background: #779dc4;
box-shadow: 0 0 0 0 #779dc4, -10px 0 0 0 #779dc4, 0 3px 3px 0 #003046;
}
.entry-content h3:before {
content: " ";
position: absolute;
top: 100%;
left: -10px;
width: 0;
height: 0;
border-width: 0 10px 10px 0;
border-style: solid;
border-color: transparent;
border-right-color: #003046;
}
.entry-content h4 {
color: #000;
font-size: 16px;
line-height: 20px;
padding: 10px;
background: repeating-linear-gradient(45deg, #779dc4, #779dc4 10px, #afc5dc 10px, #afc5dc 20px);
}
.entry-content h5{
border-bottom: 1px solid #aaa;
margin: 15px 0;
padding: 5px 0;
position: relative;
}
.entry-content h5:before,
.entry-content h5:after {
content: '';
border-right: 20px solid #fff;
border-top: 15px solid #aaa;
bottom: -15px;
position: absolute;
left: 25px;
}
.entry-content h5:after {
border-top-color: #fff;
border-right-color: transparent;
bottom: -13px;
left: 26px;
}

h1 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
}
/*---------------------------------
固定ページの日付を非表示にする
--------------------------------*/
.post-815 .date-tags {
  display: none;
}