@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
.article h2 {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 3px solid #34352e;
  font-size: 22px;
  padding: 12px 20px;
}
.article h2:before {
   border-radius: initial;
   width: initial;
   left: initial;
   top: initial;
   background-image: initial;
}
.entry-content p > code {
   font-size: 90%;
   margin: 0 2px;
   padding: 0px 5px;
   background-color: #f5f5f5;
   color: #808000;
   border-radius: 3px;
}
/*!
 skin独自の目次のcssを微調整
 */
ol.toc-list li {
   padding: 0.5em 0;
}

/* Qiita */
.hcb_wrap.hcb_wrap code, .hcb_wrap.hcb_wrap pre { color: #e3e3e3!important; background: #364549!important; line-height: 1.8!important;}/* 全体 */
.hcb_wrap.hcb_wrap code.language-js { color: #8bdf4c!important;}/* JavaScriptの文字色 */
.token.keyword { color: #ff8095!important;}/* 予約語1 */
.token.keyword { color: #ebd247!important;}/* 予約語2 */
.token.keyword.def { color: #ebd247!important; font-style: initial!important;}/* 予約語def */
.token.string { color: #41b7d7!important;}/* 文字列 */
.token.comment { color: #9dabae!important;}/* コメント */
.token.function { color: #8bdf4c!important;}/* 関数 */
.token.operator { color: #ff8095!important;}/* 演算子 */
.token.punctuation { color: #e3e3e3!important;}/* 記号(句読点) */
.token.number { color: #a980f5!important;}/* 数字 */
.token.boolean { color: #ebd247!important;}/* ブール */
.token.interpolation .token.punctuation { color: #569cd6!important;}/* リテラル内の記号(句読点) */
.token.builtin { color: #e3e3e3!important; font-style: initial!important;}/* 組み込み */

/* ==== ホームページリニューアル用（追加開始） ==== */
.home-widgets-wrap {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 40px;
}
.home-widget-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 3px solid #34352e;
}
/* ==== ホームページリニューアル用（追加終了） ==== */


/* ==== ホームページリニューアル用（グリッド調整・追加開始） ==== */
.home-widget-block .widget-entry-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.home-widget-block .widget-entry-card-link {
    width: calc(25% - 15px);
    margin: 0 !important;
}
@media (max-width: 900px) {
    .home-widget-block .widget-entry-card-link {
        width: calc(50% - 10px);
    }
}
@media (max-width: 600px) {
    .home-widget-block .widget-entry-card-link {
        width: 100%;
    }
}
/* ==== ホームページリニューアル用（グリッド調整・追加終了） ==== */