@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

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

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

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

/*背景*/
#main,
#sidebar {
	background-color: rgba(255 255 255 / 0%);	
}

/*固定ページ日付非表示*/
.page .date-tags {
display: none;
}

/*固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*top詰め*/
.content-top {
    margin-top: 0;
}
.main {
    padding: 5px 29px;
}

/* 新着2カラム表示 */
.new-entry-cards.fp-new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}
.fp-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 33.3%;
}

/* 見出しデザインのリセット */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    /*background-color: transparent; /* 背景色を透明に */
    border: none; /* 枠線なし */
    border-radius: 0; /* 角の丸みなし */
}
h3 {
   position: relative;
   background-color:#4287f5;
   color:#fff;
}
h3:before,
h3:after {
   position: absolute;
   left: 0;
   width: 100%;
   content: '';
   border-top: 1px solid #fff; /*ライン：太さ・実線・色 */
}
h3:before {
   top: 3px;
}
h3:after {
   bottom: 3px;
}

/* カテゴリーのフォルダアイコンを消す */
.archive.category #archive-title .fa-folder-open::before {
  content: none;
}

#sidebar {
background-repeat: repeat-y;
background-image: url("/wp-content/uploads/2025/08/sidebar-back.png");
}

/* サイドカテゴリ */
.widget_categories ul li a,
.widget_archive ul li a {
	color: white;
    display: block;
    font-size: 85%;
    margin: 0;
    position: relative;
    border-bottom: dotted 1px #CCC;
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover {
    background-color: #f7ddb5!important;
}

/*ヘッダー背景透明化*/
.header-container,
.main,
.sidebar,
.footer{
  background-color: rgb(255 255 255 / 0%);
}

/* モバイルメニューでサイドバー非表示　*/
.mobile-menu-buttons .sidebar-menu-button {
	display: none;
}

/************************************
SNS ボタンをまとめて小さくする
************************************/

/*トップシェアボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons {
	justify-content: center;/*flex-start; 左寄せ*/
}

/*ボトムシェア・フォローボタンの枠組み*/
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: center;/*flex-start; 左寄せ*/
	flex-wrap: wrap; /*折り返す*/
}

/*シェア・フォローボタンの形*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 35px; /*横幅*/
	height: 35px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
	border: none;/*ボタンの枠線*/
}

/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 25px; /*アイコンのサイズ*/
}

/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 25px; /*アイコンのサイズ*/
}

/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}

/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: 1px; /*右側からの距離*/
	bottom: 0; /*下側からの距離*/
	font-size: 10px; /*文字の大きさ*/
}

/*シェアメッセージ*/
.sns-share-message {
	text-align: center;
}

/*タグクラウドのカスタマイズ*/
.tagcloud a{
  border-radius: 0px; /*角の丸み*/
  background-color: #ffffff; /*背景の色*/
  color: #8195a2; /*アイコンと文字の色*/
}

/*タグクラウド：ホバー時のカスタマイズ*/
.tagcloud a:hover{
  color: #8195a2; /*アイコンと文字の色*/
}

.sidebar h3 {
    background-color: #d2b48c;
    padding: 7px 20px;
    margin: 40px 0 20px;
color: #fff;
 border-radius: 7px ;
	font-size: 1em;
}