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

/************************************
子テーマ用のスタイルを書く
************************************/

.site-name-text {
  font-family: "DM Serif Text", serif;
  font-size: 40px;
}


/* =========================
   スマホ・タブレット（1023px以下）
========================= */
@media screen and (max-width: 1023px) {

  /* 下固定メニューを消す */
  .mobile-menu-buttons {
    display: none !important;
  }

  /* ハンバーガーメニューを消す */
  .mobile-menu-button,
  .slicknav_menu {
    display: none !important;
  }

  /* ヘッダーナビ本体を強制表示 */
  #navi,
  #navi-in,
  .navi {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* ul をPC風に */
  #navi-in ul.menu-top.menu-header.menu-pc {
    display: flex !important;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;

    margin: 0;
    padding: 0;
  }

  /* li */
  #navi-in ul.menu-top.menu-header.menu-pc li {
    display: flex;
    align-items: stretch;
    width: auto !important;
    list-style: none;
    border: none !important;
  }

  /* a */
  #navi-in ul.menu-top.menu-header.menu-pc li a {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 60px;
    padding: 0 18px;

    font-size: 14px;
    white-space: nowrap;
    box-sizing: border-box;
  }

  .caption-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}


/* =========================
   スマホ（834px以下）
========================= */
@media screen and (max-width: 834px) {

  #navi-in ul.menu-top.menu-header.menu-pc li a {
    min-height: 56px;
    padding: 0 14px;
    font-size: 13px;
  }
}


/* =========================
   小さいスマホ（480px以下）
========================= */
@media screen and (max-width: 480px) {

  #navi-in ul.menu-top.menu-header.menu-pc li a {
    min-height: 52px;
    padding: 0 10px;
    font-size: 12px;
  }
}