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

/*@231115 https://www.satokobo.net/cocoon/1164 より参照*/
/************************************
** シェアボタンを丸くする
************************************/

/*シェアボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons
{
	justify-content: center; /*中央に寄せる*/
}

/*シェアボタンのリンク*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a
{
	width: 40px; /*横幅*/
	height: 40px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
}

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

/*シェアボタンのキャプション*/
.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
{
	right: -2px; /*右側からの距離*/
	bottom: -2px; /*下側からの距離*/
	padding: 2px; /*内側の余白*/
	font-size: 10px; /*文字の大きさ*/
	border: solid 1px; /*線*/
	border-radius: 3px; /*丸み*/
	background-color: inherit; /*背景色*/
}

/*シェア数の表示が必要ないシェアボタン*/
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty
{
	padding: 0; /*内側の余白*/
	border: 0; /*線*/
}

/*@231115 https://web-ashibi.net/archives/2865 より参照*/
/************************************
** 検索窓をカスタムする
************************************/
.sidebar .search-edit{
 font-size: 20px; /*フォントサイズ*/
}

/* @231120 https://kuwebsite.net/20211002-2/ より参照 */
/************************************
** 画像をレスポンシブ対応する
************************************/
img {
max-width: 100%;
height: auto;
}

/*@231120 https://web-ashibi.net/archives/1899 より参照 */
/************************************
** 見出しの行間を調整する
************************************/
.article h2 {
	margin-top: 0;
	margin-bottom: 0;
}

.article h3, .article h4 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/*@231121 https://nickey-ms.net/howto/bizzare-foods-custom/3911/#google_vignette より参照*/
/************************************
** アイキャッチ画像周りの修正
************************************/
/*フィルターの解除*/
.eye-catch img {
filter: none;
-o-filter: none;
-ms-filter: none;
-moz-filter: none;
-webkit-filter: none;
height: auto !important;
opacity: 1;
}

/*タイトルとタグを絶対位置から相対位置にして多少の余白を設ける*/
h1.entry-title,
.date-tags {
  position: relative;
  top: 0;
  left: 0;
  padding: 0.5em;
  margin-right: 0;
}

/*親要素の高さ指定を解除*/
header.article-header.entry-header {
  height: auto;
}

/*デバイス幅834px以下でも同様にする*/
@media (max-width: 834px) {
  header.article-header.entry-header {
    height: auto;
  }
}

/* 250424@ChatGPT参考に修正 */
/************************************
** GooglereCAPCHAの表示設定
************************************/
/* 非表示にする（問い合わせフォームの下だけに表示）*/
.grecaptcha-badge {
	visibility :hidden;
}

/* 250428@https://wp-cocoon.com/community/customs/ を参考に修正 */
/************************************
** Youtubeの動画を中央に配置する
************************************/
.video-container {
margin: 0px auto;
}

/* 250502@ChatGPT参考に修正 */
/************************************
** シェアボタン,アイキャッチを非表示にする
************************************/
.page-id-1261 .sns-share,
.page-id-1256 .sns-share,
.page-id-1250 .sns-share,
.page-id-1261 .sns-follow,
.page-id-1256 .sns-follow,
.page-id-1250 .sns-follow,
.page-id-1261 .eye-catch,
.page-id-1256 .eye-catch,
.page-id-1250 .eye-catch,
.page-id-1261 .post-thumbnail,
.page-id-1256 .post-thumbnail,
.page-id-1250 .post-thumbnail{
  display: none !important;
}