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


/*SNSシェアボタン*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	/*font-weight: bold; /*太字*/
	color: #4b7363; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	/*border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 5px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 10%; /*ボタンの横幅*/
	height: 50px; /*ボタンの高さ*/
}

/*ボタンカラーが「モノクロ」の場合*/
.bc-monochrome.sns-share.sf-bottom a[class*="-button"] {
	background-color: #ffffff; /*背景の色*/
	color: #000000; /*アイコン・キャプション等の色 ※「#fff」は「#ffffff」の省略形*/
}

 .sns-share-buttons a {
  background: none !important;
 /* border: 1px solid #444d53;*/
  color: #4b7363;
  border-radius: 1px;
}




/*SNSフォローボタン*/
.sns-follow-message{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	/*font-weight: bold; /*太字*/
	color: #ffffff; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 5px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 20px; /*ボタンの横幅*/
	height: 20px; /*ボタンの高さ*/
}


/*ボタンカラーが「モノクロ」の場合*/
.bc-monochrome.sns-follow.sf-bottom a[class*="-button"] {
	background-color: #ffffff; /*背景の色*/
	color: #000000; /*アイコン・キャプション等の色 ※「#fff」は「#ffffff」の省略形*/
}


/*フッターのSNSフォローボタン*/
.footer .sns-follow-buttons a {
  	width: 10%; /*ボタンの幅*/
	margin: 0 5px;
}

.footer .sns-follow-buttons {
	justify-content: center;
}

.footer .sns-follow-buttons a {
  background: none !important;
 /* border: 1px solid #444d53;*/
  color: #000000;
  border-radius: 1px;
}


/*YouTubeのアイコン変更*/
.icon-youtube-logo:before {
	font-family: "Font Awesome 5 Brands";
    content: "\f167";
}
/*Twitterのアイコン変更*/
.icon-twitter-logo:before {
	font-family: "Font Awesome 5 Brands";
    content: "\f099";
}

/*facebookのアイコン変更*/
.icon-facebook-logo:before {
	font-family: "Font Awesome 5 Brands";
    content: "\f39e";
}
/*instagramのアイコン変更*/
.icon-instagram-logo:before {
	font-family: "Font Awesome 5 Brands";
    content: "\f16d";
}



/************************************
** ショートコードの新着一覧を２カラム表示にする
************************************/
.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: 49.5%;
}

.new-entry-card-title {
    font-size: 18px;
}


/*YouTubeの埋め込みを中央へ*/
.video-container {
margin: 0px auto;
}

/*ヘッダーの色と高さ、アイコンの位置を調整*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #faf9f8;
	color: #000000;
	height: 55px;
	padding-top: 10px;
}

.logo-menu-button.menu-button{
	background-color: #faf9f8;
}
.search-menu-caption.menu-caption,
.navi-menu-caption.menu-caption{
	display: none;/*モバイルヘッダーの検索・メニューの字を非表示*/
}

/*スライドインメニュー*/
.navi-menu-content{
	background-color: #faf9f8;
	width: 25em;
}
.menu-drawer a{
	font-family: 'Vollkorn';
	font-size: 18px;/*文字の大きさ*/
	color: #000000;/*文字の色*/
	/*height: 3em;/*行の高さ*/
	margin: 0 0 0 -1em;/*余白*/
	width: 17em;
	
	border-bottom:solid
	#808080 1px; /*borderの指定*/
	padding: 18px;
	
	/*余白の指定*/
}







/*モバイルとPCでロゴを変える*/
/*1023px以下でロゴを消す*/
@media screen and (max-width: 1023px){
	img.site-logo-image{
		/*visibility: hidden;*/
		height: 30px !important; /* スマホ時のロゴの画像タテサイズ */
		margin: 0.3em auto;
	}
}


/*1023px以下でモバイル用のロゴ表示*/
/*@media screen and (max-width: 1023px){
	.logo-menu-button.menu-button{
		background-image: url(https://kasumisou-hitorigoto.com/wp-content/uploads/2022/10/logo_white.png);
		background-size: auto 25px;
		background-position: center;
		background-repeat: no-repeat;
}
}*/


/* ヘッダーメニューフォントカスタマイズ */
@font-face {
   font-family: 'Vollkorn';
   src: url('webfonts/Vollkorn/Vollkorn-Regular.ttf"') format("truetype");
}
#navi-in,
.slicknav_menu {
  font-family: 'Vollkorn';
}


/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
  padding: 0;
  margin: 0;
  font-size: medium;
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: normal;
  position:relative;
}

.article h1{ /*見出し１（タイトル）カスタマイズ*/
  background: #ffffff; /*背景カラー*/
  font-size: 24px; /*フォントサイズ*/
  letter-spacing: 1px; /*文字間隔*/
  margin: 8px -8px 20px -8px;
  padding: 9px 10px 9px 10px;
  /*border-left: 10px solid #fe619a; /*左ラインの太さとカラー*/
  line-height: 35px; /*高さ*/
  border-radius: 3px; /*角丸コーナー*/
  }

.article h2{ /*見出し２カスタマイズ*/
 background: #f5f5f5; /*背景カラー*/
  font-size: 15px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 10px 7px 10px 10px;
  /*border-left: 7px solid #dd9933; /*左ラインの太さとカラー*/
	border-bottom: 1px solid #2f2f2f; /*アンダーラインの太さとカラー*/
  border-top: 1px solid #2f2f2f; /*トップラインの太さとカラー*/
  
  line-height: 27px; /*高さ*/
}

.article h3{ /*見出し３カスタマイズ*/
  background: #f5f5f5; /*背景カラー*/
  font-size: 15px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 9px 7px 9px 10px;
  /*border-left: 5px solid #dd9933; /*左ラインの太さとカラー*/
  border-bottom: 1px solid #2f2f2f; /*アンダーラインの太さとカラー*/
  line-height: 25px; /*高さ*/
}

.article h4{ /*見出し４カスタマイズ*/
  /*background: #fff2f9; /*背景カラー*/
  font-size: 14px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px -8px;
  padding: 8px 7px 8px 10px;
  border-left: 2px solid #fe619a; /*左ラインの太さとカラー*/
  line-height: 23px; /*高さ*/
}

.article h5{ /*見出し５カスタマイズ*/
  /*background: #fff2f9; /*背景カラー*/
  font-size: 14px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px 20px 20px 20px;
  padding: 5px 5px 5px 5px;
  /*border: 1px solid #fe619a; /*周囲ラインの太さとカラー*/
  line-height: 27px; /*高さ*/
  text-align: center; /*文字位置中央*/
  border-radius: 6px; /*角丸コーナー*/
  box-shadow: 3px 3px 2px rgba(0,0,0,0.3); /*シャドー*/
}

.article h6{ /*見出し６カスタマイズ*/
  font-size: 14px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px 0px 20px 0px;
  padding: 8px 16px 8px 25px;
  line-height: 25px; /*高さ*/
 /* background-color: #ffdead; /*背景カラー*/
  border-radius: 10px; /*角丸コーナー*/
  position: relative;
}
.article h6::after{ /*見出し６の逆三角部分のカスタマイズ*/
  position: absolute;
  top: 100%;
  left: 20px;
  content: '';
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top: 13px solid #ffdead;
}


/************************************
** ●次のページボタンカスタマイズ
************************************/
.pagination-next,
.pager-prev-next { /*次のページ*/
	display: none;
  margin-top: 38px; /*上マージン*/
  border: solid 2px #fe619a; /*枠線*/
  border-radius: 6px; /*角丸コーナー*/
  background-color: #fff;
  box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
}
.pagination-next-link { /*次のページ*/
  font-size: 20px; /*フォントサイズ*/
  letter-spacing: 10px; /*文字間隔*/
  font-weight: bold; /*文字強調*/
  color: #f32469; /*フォントカラー*/
  padding: 6px; /*余白*/
  transition: all 0.6s ease; /*アニメーション*/
  border: none;
}
.pagination-next-link:hover {
  color: #fff; /*フォントカラー*/
  background-color: #dd9933; /*背景色*/
  transition: all 0.6s ease; /*アニメーション*/
}

/************************************
** ●ページ送りボタン／戻りボタンのカスタマイズ
************************************/
.page-numbers { /*現ページ以外のページ番号*/
  /*background-color: #edd57f; /*背景色*/
  border: solid 2px transparent; /*枠線*/
  border-radius: 24px; /*角丸コーナー*/
  font-family: sans-serif; /*フォントゴシック指定*/
  font-size: 16px; /*フォントサイズ*/
  /*font-style: oblique; /*斜体フォント*/
  color: #555555; /*文字色*/
  /*font-weight: bold; /*文字強調*/
  /*box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
  transition: all 0.6s ease; /*アニメーション*/
  font-family: Lato,"游明朝","Yu Mincho","メイリオ",Meiryo,Arial,sans-serif;
}
  @media screen and (max-width: 1030px) { /*スマホ表示設定*/
  .page-numbers {
    font-size: 17px; /*フォントサイズ*/
    line-height: 32px; /*高さ調整*/
	font-family: sans-serif; /*フォントゴシック指定*/
 　 font-size: 16px; /*フォントサイズ*/
 　 /*font-style: oblique; /*斜体フォント*/
 　 color: #555555; /*文字色*/
	font-family: Lato,"游明朝","Yu Mincho","ヒラギノ明朝 Pro","Hiragino Mincho Pro","メイリオ",Meiryo,Arial,sans-serif;
  }
}
.pagination a.page-numbers:hover { /*現ページ以外のページ番号のホバー時*/
  background-color: #edd57f!important; /*マウスオーバー時の背景色*/
  color: #555555!important; /*マウスオーバー時の文字色*/
  transition: all 0.6s ease; /*アニメーション*/
}
.pagination .current { /*現ページ番号*/
  background-color: #edd57f; /*背景色ffddee*/
  border: solid 2px transparent; /*枠線fe619a*/
  border-radius: 24px; /*角丸コーナー*/
  /*font-family:'Vollkorn'; /*フォントゴシック指定*/
  font-size: 18px; /*フォントサイズ*/
  /*font-style: oblique; /*斜体フォント*/
  color: #555555; /*文字色*/
  /*font-weight: bold; /*文字強調*/
  /*box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
  font-family: Lato,"游明朝","Yu Mincho","ヒラギノ明朝 Pro","Hiragino Mincho Pro","メイリオ",Meiryo,Arial,sans-serif;
}
}
.page-numbers.dots { /*ページ番号ドット*/
  background-color: transparent; /*背景*/
  border: none; /*枠線*/
  color: #f32469; /*文字色*/
  font-size: 28px; /*フォントサイズ*/
  font-weight: 900; /*文字強調*/
  font-style: normal; /*通常フォント*/
  box-shadow: none; /*シャドー（影）無し*/
  opacity: 1.0; /*不透明度無し*/
}
  @media screen and (max-width: 1030px) { /*スマホ表示設定*/
  .page-numbers.dots {
    line-height: 38px; /*高さ調整*/
  }
}

/******************************
 *フロントページの余白をなくす*
********************************/
.home .entry-categories-tags.ctdt-one-row,
.home .article-header.entry-header {
	display: none;
}

.home main#main {
	padding-top: 1px;
}

.home .column-wrap.column-2 {
	margin-top: 0;
}

.home .container .column-wrap > div {
	padding-top: 0;
}

/*Pochippのロゴを消す*/
.pochipp-box__logo { display: none !important;}


/************************************
** ■日付のカスタマイズ
************************************/
.date-tags{
  line-height: 1.4; /*行間設定*/
  color: #000; /*文字色*/
}
.post-date, .post-update{
  font-size: 16px; /*フォントサイズ*/
  padding-right: 4px; /*右余白*/
  display: inline; /*横並びで縦中央揃え*/
}
.post-date::before{ /*アイコンの変更*/
  font-family: FontAwesome;
  content: "\f093"; /*fa-uploadアイコン*/
  padding-right: 4px; /*右余白*/
}
.post-update::before{ /*アイコンの変更*/
  font-family: FontAwesome;
  content: "\f148"; /*fa-level-upアイコン*/
  padding-right: 4px; /*右余白*/
}