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

/* Shared header and footer wordmark for the public site. */
.ao-site-branding #header-container {
  border-bottom: 1px solid var(--ao-line, #ded7df);
  background: var(--ao-paper, #fcfaf8);
}
.ao-site-branding #header-container :is(#header, #navi) {
  min-height: 0;
  background: var(--ao-paper, #fcfaf8);
}
.ao-site-branding #header-container #header-in {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 6px 18px;
}
.ao-site-branding #header .tagline { display: none; }
.ao-site-branding #header .ao-site-wordmark { margin: 0; padding: 0; }
.ao-site-branding #navi a { color: var(--ao-ink, #34283f); }
.ao-site-branding :is(#header, #footer) .ao-site-wordmark .site-name {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0;
  color: var(--ao-ink, #34283f);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .035em;
  text-decoration: none;
}
.ao-site-branding #header .ao-site-wordmark .site-name { font-size: 20px; }
.ao-site-branding :is(#header, #footer) .ao-site-wordmark .site-name-text {
  padding: 0;
  font: inherit;
  letter-spacing: inherit;
  text-emphasis: none;
}
.ao-site-branding .ao-header-site-icon {
  display: block;
  flex: none;
  width: 28px;
  height: 28px;
  margin: 0;
  object-fit: contain;
}
.ao-site-branding .logo-footer .ao-header-site-icon,
.ao-site-branding .ao-mobile-wordmark .ao-header-site-icon { width: 22px; height: 22px; }
.ao-site-branding .logo-menu-button .ao-mobile-wordmark {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  min-height: 44px;
  padding-inline: 4px;
  font-size: 12px;
  line-height: 1.4;
}
.ao-site-branding .ao-mobile-logo-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 1001px) {
  .ao-site-branding #header-container-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px 30px;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px;
  }
  .ao-site-branding #header-container-in > :is(#header, #navi),
  .ao-site-branding #header-container #header-in,
  .ao-site-branding #header-container #navi-in { width: auto; margin: 0; }
  .ao-site-branding #header-container #header-in { justify-content: flex-start; padding: 0; }
  .ao-site-branding #header-container #navi { border: 0; }
  .ao-site-branding #navi .menu-pc > li { width: auto; }
  .ao-site-branding #navi .menu-pc > li > a { padding: 0 13px; font-size: 13px; }
}