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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.single .eye-catch img {
  max-width: 400px;
  height:auto;
  margin: 0 auto;
  display: block;
}

.date-tags {
  display: none !important;
}

.genre-button ,
.creator-button {
  color: #d63384 !important;
  border: 2px solid #d63384 !important;
}

.genre-button:hover,
.creator-button:hover{
  color: #fff !important;
  background: #d63384 !important;
  border: 2px solid #fff !important;
}

.admin-pv {
  display: none !important;
}

.archive-button {
  display: inline-block;
  margin-top: 20px;
  padding: 8px 16px;
  background: #fff0f5;
  color: #d63384;
  border: 2px solid #d63384;
  border-radius: 20px;
  text-decoration: none;
  transition: 0.2s;
  font-weight: bold;
}

.archive-button:hover {
  background: #d63384;
  color: #fff;
}

h2.side-genre-title {
  font-size: 20px;
  font-weight: bold;
  margin: 18px 0 9px;
  padding-left: 8px;
  border-left: 3px solid #9c1f5a;
}
.side-genre-list{
	font-weight:bold;
}
/*純愛タグ*/
.tag-purelove {
  background-color: #fff5f7;
}
.tag-purelove .tag-description {
  background: #fff0f5;
}
.tag-purelove h1 {
  background: #fff0f5;
  border-left: 5px solid #d63384;
  padding: 10px;
}

/*ハーレムタグ*/
.tag-harem {
  background-color: #ffd6d6;
}
.tag-harem h1 {
  background: #ffd6d6;
  border-left: 5px solid #ff6b81;
  padding: 10px;
}
.tag-harem .tag-description {
  background: #ffd6d6;
}

/*コメディタグ*/
.tag-comedy {
  background-color: #fffbe6;
}
.tag-comedy h1 {
  background: #fffbe6;
  border-left: 5px solid #f4c430;
  padding: 10px;
}
.tag-comedy .tag-description {
  background: #fffbe6;
}

/*ハードタグ*/
.tag-hardcore {
  background-color: #d6e4ff;
}
.tag-hardcore h1 {
  background: #d6e4ff;
  border-left: 5px solid #4a6fa5;
  padding: 10px;
}
.tag-hardcore .tag-description {
  background: #d6e4ff;
}

.sidebar-link.comic-artists {
  padding-left:15px;
  font-size: 1em;        /* デフォサイズ維持（=18px前後） */
  font-weight: 600;      /* 少し強調 */
}
.sidebar-link.comic-artists:hover {
  color:#2b6cb0;
}

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

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

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