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

/* ===== HEADER ===== */
.page-id-45 #header,
#header {
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  z-index: 1000 !important;
  height: 70px !important;
  padding: 0 40px !important;
  display: flex !important;
  align-items: center !important;
  background: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
  border-bottom: none !important;
}
body.admin-bar .page-id-45 #header,
body.admin-bar #header { top: 32px !important; }
#header-in { display: flex; align-items: center; }
#header .tagline { display: none !important; }
#header .logo { margin: 0; }
#header .site-name-text {
  font-size: 18px; font-weight: 900; color: #111111;
  letter-spacing: 0.02em; text-decoration: none;
}
#header .header-logo img,
#header .site-name-text img { height: 44px; width: auto; }

/* ===== NAVI ===== */
.page-id-45 #navi,
#navi {
  position: fixed !important;
  top: 0 !important; right: 40px !important; left: auto !important;
  height: 70px !important;
  z-index: 1001 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important; margin: 0 !important; width: auto !important;
}
body.admin-bar .page-id-45 #navi,
body.admin-bar #navi { top: 32px !important; }
#navi-in { padding: 0 !important; background: transparent !important; max-width: none !important; }
#navi .menu-top {
  display: flex !important; flex-direction: row !important;
  gap: 32px !important; list-style: none !important;
  margin: 0 !important; padding: 0 !important; background: transparent !important;
}
#navi .menu-top.menu-pc { display: flex !important; }
#navi .menu-top:not(.menu-pc) { display: none !important; }
#navi .menu-top > li { margin: 0; padding: 0; }
#navi .menu-top > li > a {
  font-size: 13px !important; font-weight: 600 !important;
  color: #333333 !important; text-decoration: none !important;
  white-space: nowrap !important; line-height: 70px !important;
  display: block !important; padding: 0 !important;
}
#navi .menu-top > li > a:hover { color: #FF6B00 !important; }
#navi .caption-wrap, #navi .item-label { line-height: inherit; }
.navi-in.wrap { max-width: none !important; padding: 0 !important; }
.cl-hero { padding-top: 70px; }
body.admin-bar .cl-hero { padding-top: 102px; }

/* ===== FOOTER ===== */
#footer {
  background: #FF6B00 !important; color: #ffffff !important;
  padding: 48px 40px 24px !important; border-top: none !important;
}
#footer a { color: #ffffff; }
#footer .footer-menu li a { color: #ffffff; font-weight: 500; font-size: 13px; }
#footer .footer-menu li a:hover { opacity: 0.75; }
#footer .copyright { font-size: 12px; opacity: 0.8; }

@media screen and (max-width: 834px){
  #header { padding: 0 20px !important; }
  #navi { right: 20px !important; }
  #navi .menu-top { gap: 16px !important; }
  #navi .menu-top > li > a { font-size: 12px !important; }
}
body.home #header-container,
body.home #footer { display: none !important; }