@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){
  /*必要ならばここにコードを書く*/
}

/* Mobile header branding alignment, 2026-10-27 */
@media (max-width:760px) {
  body header.dn2-head {
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:12px!important;
  }
  body header.dn2-head .dn2-logo {
    display:block!important;
    max-width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  body header.dn2-head .dn2-logo small {text-align:center!important;}
  body header.dn2-head nav {
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    width:100%;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
}