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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*カテゴリー横のフォルダー画像削除*/
.archive-title :before {
display: none;
}
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
   margin-top: 2em;
	margin-bottom: 2em;
}
.entry-content p {
	 line-height: 1.75;
    margin: 2em 0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	/* アイコンを隠す時のアニメーション設定 */
#shin-chat-trigger {
  transition: transform 0.4s, opacity 0.3s, bottom 0.3s; /* 滑らかに動かす */
}

/* スクロールで隠れた時の状態 */
#shin-chat-trigger.shin-scroll-hide {
  transform: translateY(120px); /* 下に押し出す */
  opacity: 0;
  pointer-events: none; /* 隠れている間はクリック不可にする */
}
}

/*480px以下*/
@media screen and (max-width: 480px){
/*おすすめと新着記事の余白削除*/
	.recommended{margin : 0;}
.entry-content>*, .mce-content-body>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond	{margin-bottom: 0;}
	.main{padding-top:0px!important;}
		/*モバイルメニュー背景色*/
.navi-menu-content {
background-color: #fffffff0;
}
	/*モバイルメニューを開いた時の記事色を変えない*/
#navi-menu-input:checked ~ #navi-menu-close,
#sidebar-menu-input:checked ~ #sidebar-menu-close,
#search-menu-input:checked ~ #search-menu-close,
#share-menu-input:checked ~ #share-menu-close,
#follow-menu-input:checked ~ #follow-menu-close {
opacity: 0;
}
.menu-drawer a {
font-weight:bold;
line-height: 1.6em;
border-bottom: solid 1px #e6e6e6;
}
.sub-menu li {                                      
font-weight:lighter!important;
margin-left:-7px;
color: #e6e6e6;
}
.menu-close-button .fa-close::before {
  content: none;
}
.mobile-menu-buttons .menu-button > a {
  margin-top: 4px;}
	/* 1. 新着記事の見出し上の余白をゼロに */
    .main .list-title {
        margin-top: 0 !important;
        padding-top: 5px !important; /* ほんの少しだけ隙間を空けるのがコツ */
        font-size: 18px; /* スマホで見出しが大きすぎる場合はここで調整 */
    }

    /* 2. メインエリア全体の上の余白を削除 */
    .main {
        padding-top: 0 !important;
    }

    /* 3. ヘッダーロゴやメニュー下の余白を削除 */
    #header, .header-container, .top-slider-wrapper {
        margin-bottom: 0 !important;
    }
}