@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){
  /*必要ならばここにコードを書く*/
}

/*画像のキャプション非表示*/
.cf .wp-block-image figcaption { display: none; }


/* 吹き出しの文字色 */
.sb-id-23 .speech-balloon p{
color:#928178;
}
.sb-id-27 .speech-balloon p{
color:#928178;
}
.sb-id-26 .speech-balloon p{
color:#928178;
}
.sb-id-25 .speech-balloon p{
color:#928178;
}
.sb-id-22 .speech-balloon p{
color:#928178;
}
.sb-id-21 .speech-balloon p{
color:#928178;
}
.sb-id-20 .speech-balloon p{
color:#928178;
}
.sb-id-19 .speech-balloon p{
color:#928178;
}
.sb-id-18 .speech-balloon p{
color:#928178;
}
.sb-id-17 .speech-balloon p{
color:#928178;
}
.sb-id-16 .speech-balloon p{
color:#928178;
}
.sb-id-14 .speech-balloon p{
color:#928178;
}
.sb-id-13 .speech-balloon p{
color:#928178;
}
.sb-id-11 .speech-balloon p{
color:#928178;
}


/* フッターモバイルボタン */
.mobile-footer-menu-buttons .menu-button,
.mobile-footer-menu-buttons .menu-button:hover,
.mobile-footer-menu-buttons .menu-button a,
.navi-menu-content,
.menu-drawer a,
.menu-drawer a:hover{
  color: #a2d7dd;
}

.mobile-menu-buttons {
	font-size:24px; 
}


/*サイドバーのカテゴリーの色変える */
.widget_categories ul li a{
 color: #928178;
}


/*インデックスカードタイトル文字の位置*/
h2.entry-card-title.card-title.e-card-title{
margin-top:1em;
margin-bottom:1.2em;
padding: 0 1.5em 0;
}

/*アイキャッチ画像の角丸め*/
figure > img{
border-radius: 5px;
}



/*サイトロゴのフォント変更*/
.logo-header a span{
font-family: monospace;
font-size:44px;
}

/*通知エリア*/
.notice-area {
height: 5px;
text-align: center;
font-size: 1.1em;
font-weight: bold;
}

/* SNSボタン */
/*SNSボタンをアイコンのみにする*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*文字の装飾*/
.sns-share-message{
	color: #c8c2be; /*文字色*/
}

/*ボタンを一列にする*/
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}

/*ボタンを丸くする*/
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 8px; /*ボタン同士の間隔*/
}

/*ボタンの形を整える*/
#main .sns-share a {
	width: 50px; /*ボタンの横幅*/
	height: 50px; /*ボタンの高さ*/
}

/*ボタンカラーが「モノクロ」の場合*/
.bc-monochrome.sns-share.ss-bottom a[class*="-button"] {
	background-color: #c8c2be; /*背景の色*/
	color: #fff; /*アイコン*/
}

/*サイドバーのカテゴリ-同士の間隔あける */
.widget-sidebar {
  padding-bottom: 30px;
}

/* H3 */
.article h3{
border-top:none;
border-bottom: solid 4px #c8c2be;
border-left:none;
border-right:none;
padding: 0;
}

/* H4 */
.article h4{
border-top:none;
border-bottom: solid 3px #c8c2be;
position: relative;
padding: 0;
}

h4:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #a2d7dd;
  bottom: -3px;
  width: 20%;
}


 /*黄色アンダーラインマーカー*/
.marker-under {
 background: linear-gradient(transparent 55%, #ffe4e1 55%);
}





/* カテゴリーラベル非表示 */
.entry-card .cat-label,
.related-entry-card .cat-label{
 display: none;
}


.cat-link {
 background-color: #c8c2be;
 color: #FFFFFF;
 border-radius: 20px;
 padding: 8px 15px;
}


/* サイドバー見出し */
.sidebar h3 {
    background: none;
    font-size: 28px;
	color:#c8c2be;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center;
}
.sidebar h3::before, .sidebar h3::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 28%; /*ラインの長さ*/
    border-top: 3px solid #c8c2be; /*ラインの色*/
}
.sidebar h3::before {
    left: 0;
}
.sidebar h3::after {
    right: 0;
}

/* サイドバー文字色 */
.slide-in-sidebar,
.slide-in-sidebar a {
	color: #928178;
}

/* インデックスカード */
/* タイトル文字色 */
.entry-card-title,
.related-entry-card-title,
.e-card-info > span{
 color: #a99e93;
}


/* 固定ページの日付を消す */
.post-1019 .date-tags,
.post-8521 .date-tags,
.post-8527 .date-tags,
.post-4424 .date-tags,
.post-1135 .date-tags {
display: none;
}

/*ボックス白抜きのグレーの太さと色 */
.blank-box {border-width: 2px; border-color: #cccccc;}

/*サイドバーの文字を小さく */
#sidebar {
	font-size:16px;
}


/*プロフィールの枠線消す */
.author-box {
  border: 0px;
}

/*ページのところ丸くして色変える */
.page-numbers {
 color: #c8c2be;
 border-radius: 50%;
}

.pagination-next-link {
 color: #c8c2be;
 border-radius: 30px;
}

/*何ページの丸のところ大きく変える */
a.prev, a.next {
  display: none;
}
@media screen and (max-width: 480px) {
.page-numbers {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
}


/*サイドバーの人気記事の色変える */
.popular-entry-card-title{
  color: #928178;
}

/*ブログカード */
.blogcard-title {
	color: #a99e93;　←文字色
	}

.internal-blogcard-domain {
  display: none;
}

.blogcard-snippet {
	display:none;　←消しています。
}

.internal-blogcard-date {
	color: #a99e93;
}

.blogcard-favicon:after {
	content: "　      　     読んでみる →";
	color: #a58f86;
    font-size: 14px;
}

/*1240px以下*/
@media screen and (max-width: 1240px){
 .internal-blogcard-domain {
  display: none;
}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
 .internal-blogcard-domain {
  display: none;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
 .internal-blogcard-domain {
  display: none;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
 .internal-blogcard-domain {
  display: none;
}
 .blogcard-title {
 font-size: 17px;　←文字色
}
}
	
	
/*前へ次へのタイトルの色*/
.prev-post .prev-post-title {
	color:#a58f86;
}
.next-post .next-post-title { 
	color:#a58f86
}

/*パンクズリストの色 */
.breadcrumb a {
color: #a58f86;
}

/*関連記事のとこの色 */
.related-entry-heading {
  color: #c8c2be;
  text-align:center;
}

/*お問い合わせページの日付 */
.post-4424 .date-tags {
 display: none;
}

/*検索窓*/
.search-box .search-edit {
font-size: 14px;
padding: 5px 20px;
border-color: #84b9cb; /*枠の色*/
border-radius: 30px; /*角の丸さ*/
height: 50px;
}

.search-box .search-submit {
top: 0;
right: 0px;
height: 100%;
width: 60px;
color: #fff; /*ボタンの色*/
background-color:#84b9cb; /*ボタンの背景色*/
border-radius: 0 30px 30px 0; /*丸さボタン側*/
}
.search-box input::placeholder {
color: #84b9cb; /*テキスト色*/
}

/*広告サイズ*/
.ad-area {
    overflow: visible;
}