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

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

/* リストの装飾を無しに */
.article ul{
  list-style-type: none;
}

/* リストアイテムの装飾を無しに */
.article li{
  list-style-type: none;
}

/* h2の線を無しに */
.article h2 {
  border:none;
}

/* h3の線を無しに */
.article h3{
  border:none;
}

/* h4の線を無しに */
.article  h4{
  border:none;
}

/* h5の線を無しに */
.article  h5{
  border:none;
}

/* リンク文字の下線無しに */
a:link {
  text-decoration: none;
}

/* テーブルで奇数行の色を変える */
table tr:nth-of-type(2n+1) {
  background-color: #fff;
}

/* テーブルの区切り線を見えるように */
table:not(.has-border-color) :where(th, td) {
  border: 1px solid #ccc;
}

/* テーブルの行の高さの変更 */
table th,
table td{
  padding: 3px 5px;
}

/* サイト説明文を左寄せにし、フォントサイズと太さを変更 */
.tagline {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
}

/* サイトタイトルを左寄せに */
.logo {
  text-align: left;
}

/* サイトタイトルの文字を太く */
.site-name-text {
  font-weight: bold;
}

/* サイトタイトルと説明文の行間の空白を無くす */
.header .logo-text,
.tagline {
padding: 0;
}

/* グローバルナビを左寄せに */
.navi-in > ul {
	justify-content: flex-start;
}

/* サイドバー、タイトル間のスペースの調整 */
.sidebar .widget li a {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* サイドバーのリンク色 */
.sidebar .widget li a:link {
  color: #4685db;
}

/* サイドバーのリンク色 訪問済 */
.sidebar .widget li a:visited {
  color: #4685db;
}

/* サイドバーのリンク色 ホバー時 */
.sidebar .widget li a:hover {
  color: #e53900;
}

/* サイドバーのリンク色 アクティブ時 */
.sidebar .widget li a:active {
  color: #4685db;
}

/* サイドバーのタグクラウドのリンク色 */
.tagcloud a {
  color: #5e94df;
}

/* 本文下カテゴリーリンクの調整 */
.cat-link {
  color: #5e94df;
  padding: 2px 6px;
  background-color: #fff;
  border: 1px solid var(--cocoon-x-pallid-text-color);
  border-radius: var(--cocoon-badge-border-radius);
  word-break: break-all;
}

/* 本文下カテゴリーリンクの調整 ホバー時 */
.cat-link:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}

/* 本文下タグリンクの調整 */
.tag-link, .comment-reply-link {
  color: #5e94df;
  text-decoration: none;
  display: inline-block;
  margin-right: 5px;
  padding: 1px 5px;
  font-size: 12px;
  border: 1px solid var(--cocoon-x-pallid-text-color);
  border-radius: var(--cocoon-badge-border-radius);
  word-break: break-all;
}

/* 本文下タグリンクの調整 ホバー時 */
.tag-link:hover, .comment-reply-link:hover {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}

/* 固定ページの投稿日、更新日を非表示にする */
.page .date-tags {
  display: none;
}

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

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

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