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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* ========================================
   虹いろ：撮影詳細情報
======================================== */
.rainbow-meta {
  font-size: 0.82em;
  line-height: 1.45;
}


/* ========================================
   アイキャッチ画像を完全にリセット
======================================== */
.eye-catch-wrap {
  display: flex !important;
  justify-content: center !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.eye-catch-wrap img.eye-catch-image {
  width: 100% !important;     /* 親幅に必ずフィット */
  max-width: 100% !important; /* はみ出し禁止 */
  height: auto !important;
  display: block !important;
}

@media screen and (min-width: 601px) {
  .eye-catch-wrap img.eye-catch-image {
    max-width: 600px !important;
  }
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

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

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

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


/************************************
** 折り畳みアーカイブウィジェット
************************************/

.widget_archive a.year { /* 各年 */
  cursor: pointer;
  border-bottom: 1px dotted #ccc; /* 各年に下線を引く */
}

.widget_archive a.year::after { /* 各年横のアイコン */
  font-family: "Font Awesome 5 Free";
  content: '\f107'; /* アイコンの指定 */
  position: relative; /* 相対配置 */
  left: 5px; /* アイコンの位置 */
  font-weight: bold;
}

.widget_archive .years ul { /* 各月 */
  display: flex;
  flex-flow: row wrap;
  margin-left: 5px; /* インデント */
  font-size: 1rem;
  text-decoration: underline; /* 各月に下線を引く */
}

.widget_archive ul.years li {
  padding: 0 1px; /* 各月の間隔 */
}

#sidebar .widget_archive ul.years li :hover { /* マウスホバー時 */
  background: none;
  transition: 0.1s;
  color: #72c7e6;
}

.widget_archive ul.years .hide { /* 各年をクリックすると開閉 */
  margin: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}