@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* コメント入力欄項目の非表示設定 */
.comment-form-email, .comment-form-url, .comment-notes {
  display: none;
}

/*必要ならばここにコードを書く*/
.sidebar {
  font-size: 90%;
}

.sidebar h2 {
  font-size: 16px;
  margin: 45px 0 5px;
  line-height: 1.4;
}

/* 見出し */
h1 {
  /*線の種類（実線） 太さ 色*/
  border-bottom: 3px solid black;
}


.article h2 {
  border-bottom: 3px solid lightgray;
  padding: 10px 20px;
}

.article h3 {
  padding: 5px 15px;
}

/* .widget_categories li ui */
.widget_categories ul li a{ /*親カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
/*  color: #333; /*文字色*/
/*  font-size: 15px; /*フォントサイズ*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px dashed #f4f5f7; /*親カテゴリー下側にボーダーライン*/
}

.widget_categories ul li a::before{ /*親カテゴリーのアイコン設定*/
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
/*  color: #fe619a; */
  padding-right: 6px; /*アイコン右側空間*/
}

.widget_categories > ul > li > a:first-child{ 
  border-top: none; /*最初の親カテゴリー上側のボーダー削除*/
}

.widget_categories ul li ul li a{ /*子カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
/*  color: #333; /*文字色*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px dashed #f4f5f7; /*子カテゴリー下側にボーダーライン*/
}
.widget_categories ul li ul li a::before{ /*子カテゴリーのアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
/*  color: #f41945; */
  padding: 0px 6px 0px 2px; /*アイコン右側空間*/
}

.widget_categories ul li a .post-count{ /*記事数設定*/
  display: inline-block; /*インラインボックス生成*/
  float: right; /*右寄せ配置*/
  margin-left: 8px; /*右側空間*/
/*  color: #fe619a; /*文字色*/
  background: #f4f5f7; /*背景色*/
/*  font-weight: bold; /*強調フォント*/
/*  font-style: oblique; /*斜体フォント*/
/*  font-size: 12px; /*フォントサイズ*/
  white-space: nowrap; /*1つの空白にまとめて表示。折り返し無し。*/
  line-height: 1.1; /*行の高さ*/
  padding: 3px 10px; /*上下左右空白*/
  text-decoration: none; /*テキスト装飾無し*/
  border-radius: 8px; /*角丸コーナー*/
}


/* .widget_archive  li ui */
.widget_archive  ul li a{ /*親カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
/*  color: #333; /*文字色*/
/*  font-size: 15px; /*フォントサイズ*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px dashed #f4f5f7; /*親カテゴリー下側にボーダーライン*/
}
.widget_archive  ul li a::before{ /*親カテゴリーのアイコン設定*/
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
/*  color: #fe619a; */
  padding-right: 6px; /*アイコン右側空間*/
}
.widget_archive  > ul > li > a:first-child{ 
  border-top: none; /*最初の親カテゴリー上側のボーダー削除*/
}

.widget_archive  ul li ul li a{ /*子カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
/*  color: #333; /*文字色*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px dashed #f4f5f7; /*子カテゴリー下側にボーダーライン*/
}
.widget_archive  ul li ul li a::before{ /*子カテゴリーのアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
/*  color: #f41945; */
  padding: 0px 6px 0px 2px; /*アイコン右側空間*/
}

.widget_archive  ul li a .post-count{ /*記事数設定*/
  display: inline-block; /*インラインボックス生成*/
  float: right; /*右寄せ配置*/
  margin-left: 8px; /*右側空間*/
/*  color: #fe619a; /*文字色*/
  background: #f4f5f7; /*背景色*/
/*  font-weight: bold; /*強調フォント*/
/*  font-style: oblique; /*斜体フォント*/
/*  font-size: 12px; /*フォントサイズ*/
  white-space: nowrap; /*1つの空白にまとめて表示。折り返し無し。*/
  line-height: 1.1; /*行の高さ*/
  padding: 3px 10px; /*上下左右空白*/
  text-decoration: none; /*テキスト装飾無し*/
  border-radius: 8px; /*角丸コーナー*/
}


/* 関連記事見出しカスタマイズ */
.related-entry-heading{
  /*線の種類（実線） 太さ 色*/
  border-bottom: 3px solid black;
}


/* コメント見出しカスタマイズ */
.comment-title {
  /*線の種類（実線） 太さ 色*/
  border-bottom: 3px solid black;
}


/*ウィジェットタイトル*/
.sidebar .widget-title{
  font-size: 16px;
  margin: 35px 0 10px;
  padding: 0.5em 0 0.5em 1.0em;
	border-radius: 15px;
}



/**
 * 固定ページでシェア・フォローボタンをまとめて非表示
 */
.page .sns-share,
.page .sns-follow {
    display: none;
}

/**
 * ゲーム発売一覧ページの注釈用スタイル
 */
.release-note {
  font-size: 0.9em;
  color: #666;
  background: #f9f9f9;
  border-left: 3px solid #ccc;
  padding: 0.5em 1em;
  margin-bottom: 1.5em;
}
.game-release-table {
  font-size: 0.9em;   /* 文字をやや小さく */
}
.game-release-table th.release-date,
.game-release-table td.release-date {
  width: 100px;
  min-width: 100px;
  white-space: nowrap; /* 日付が折り返されないようにする */
}

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

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

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