@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-swift.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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

/* Swift migration: retain the familiar orange header and restrained article layout. */
.header-container,.navi { max-width:1070px; margin-inline:auto; }
.header .logo { text-align:left; }
.header .logo-text { font-size:28px; text-shadow:1px 1px 2px #444; padding:10px 30px 0; }
.header .tagline { color:#0a0a0a; text-align:left; padding:0 30px 10px; font-size:14px; }
.navi { background:#f7f7f7; color:#111; border:1px solid #ddd; }
.navi-in>ul { justify-content:flex-start; }
.navi-in>ul li { width:auto; }
.navi-in>ul li a { padding:4px 12px; line-height:1.6; }
.sidebar { background:transparent; }
.sidebar h3,.sidebar h4 { background:none; padding:0; font-size:22px; }
.article h2,.article h3 { background:none; border:0; border-bottom:4px solid #e4e4e4; padding:8px 0; }
.entry-content a { text-decoration:underline; }
.sidebar .wpp-list { padding-left:16px; }
.sidebar .wpp-list li { margin-bottom:10px; }
.sidebar .wpp-list a { color:#111; font-size:16px; }
.sidebar .wpp-thumbnail { margin:0 12px 0 0; }
.swift-preserved-ads { margin:24px auto; text-align:center; }
.swift-ad-label { font-size:12px; margin-bottom:6px; }
.swift-ad-pair { display:flex; gap:8px; justify-content:center; }
.swift-ads-mobile { display:none; }
@media(max-width:1023px) {
  .swift-ads-desktop { display:none; }
  .swift-ads-mobile { display:block; }
  .header .logo-text { font-size:23px; padding-inline:16px; }
  .header .tagline { padding-inline:16px; font-size:12px; }
  .sidebar img { max-width:100%; height:auto; }
}