@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){
  /*必要ならばここにコードを書く*/
}
/* デフォルトで子カテゴリーを非表示にする */
.widget_categories ul.children {
    display: none;
}

/* 親カテゴリーのリンクをブロック要素にして相対配置にする */
.widget_categories a.toggle-accordion {
    position: relative;
    display: block;
}

/* 親カテゴリーの右端に「＋」マークを表示する */
.widget_categories a.toggle-accordion::after {
    content: "＋";
    position: absolute;
    right: 5px;
}

/* アコーディオンが開いている時は「－」マークに変更する */
.widget_categories a.toggle-accordion.active::after {
    content: "－";
}
/* カルーセルのタイトルを2行で折り返し表示にする */
.carousel-in .carousel-entry-card-title {
    font-size: 14px !important;
    line-height: 1.5 !important;
    white-space: normal !important; /* 1行で強制的に切れるのを防ぐ */
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important; /* 2行まで表示して「...」にする設定 */
    overflow: hidden !important;
    height: auto !important;
    margin-top: 8px !important;
}