@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.2 */ /************************************ ** 子テーマ用のスタイルを書く ************************************/ /*必要ならばここにコードを書く*/ #navi { font-weight: bold; /* 太文字 */ } /* グローバルメニューにポインタを被せた時の色変化 */ .caption-wrap:hover { background-color: #dbf4ff;    color: #4489ff; } /*--------------------------------- カテゴリの行間とフォントを小さくする --------------------------------*/ .widget_categories ul li a{ line-height: 1.3; font-size: 15px; } /************************************ ** レスポンシブデザイン用のメディアクエリ ************************************/ /*1023px以下*/ @media screen and (max-width: 1023px){ /*必要ならばここにコードを書く*/ } /*834px以下*/ @media screen and (max-width: 834px){ /*必要ならばここにコードを書く*/ } /*480px以下*/ @media screen and (max-width: 480px){ /*必要ならばここにコードを書く*/ } /*投稿日・更新日を非表示*/ .page .date-tags { display: none; } /*投稿者名を非表示*/ .page .footer-meta { display: none; } .single #header-container { display: none; } @media screen and (max-width: 768px) { .single #header-container, .single #notice-area { display: none; } } /************************************ ** サイトタイトル非表示 ************************************/ .site-name-text{ display: none; } /*ヘッダーレイアウトがトップメニューのとき*/ .header-container-in.hlt-top-menu .site-name-text{ display: none; } /*ヘッダーレイアウトがトップメニュー（小）のとき*/ .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{ display: none; } /*端末幅が768px以下のとき*/ @media screen and (max-width: 768px){ #header .site-name-text{ display: none; } } /*端末幅が480px以下のとき*/ @media screen and (max-width: 480px){ #header .site-name-text{ display: none; } } /* モバイルトップメニュー */ @media screen and (max-width: 480px){ ul.menu-mobile{ overflow-x: auto; overflow-y: hidden; display: flex !important; flex-wrap: nowrap; font-size: 14px; justify-content: flex-start; padding: 0 1em; -webkit-overflow-scrolling: touch; position: relative; } ul.menu-mobile > li{ padding-right: 1em; white-space: nowrap; } ul.menu-mobile　.item-label{ white-space: nowrap; font-size: 14px; } } /*Google AdSense*/