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

/* 投稿一覧ページ下部のパンくずリスト */
.custom-breadcrumb {
    max-width: 1100px;
    margin: 30px auto 20px;
    padding: 15px 20px;
    font-size: 14px;
    color: #666;
    border-top: 1px solid #ddd;
}

.custom-breadcrumb a {
    color: #666;
    text-decoration: none;
}

.custom-breadcrumb a:hover {
    text-decoration: underline;
}

/* PC LIVE mobile footer - 2026-10-20 */
@media screen and (max-width: 1023px) {
  .mobile-footer-menu-buttons {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(65px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 0 env(safe-area-inset-bottom, 0px) !important;
    background: #263B50 !important;
    color: #fff !important;
    z-index: 9999;
  }
  .mobile-footer-menu-buttons > .menu-button {
    flex: 1 1 0;
    min-width: 0;
    height: 65px;
    padding: 0;
    background: transparent !important;
  }
  .mobile-footer-menu-buttons .menu-button-in {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 3px;
    width: 100%;
    height: 65px;
    box-sizing: border-box;
    padding: 5px 0 !important;
    color: #fff !important;
    background: transparent !important;
    text-decoration: none;
  }
  .mobile-footer-menu-buttons .menu-icon,
  .mobile-footer-menu-buttons .menu-icon > span {
    color: #fff !important;
    font-size: 24px !important;
    line-height: 24px !important;
  }
  .mobile-footer-menu-buttons .menu-caption {
    display: block;
    width: 100%;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 14px !important;
    letter-spacing: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
  }
  body.mobile-button-fmb {
    padding-bottom: calc(65px + env(safe-area-inset-bottom, 0px));
  }
}

/* PC LIVE category header - 2026-10-20 */
body.category #header { display: none !important; }
body.category #header-container-in { display: block !important; }
body.category #navi, body.category #navi-in { width: 100% !important; max-width: 100%; min-width: 0; flex: none !important; }
body.category #navi-in > ul { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center; width: 100%; }
body.category #navi-in > ul > li { flex: 0 0 auto !important; width: auto !important; }
body.category #navi-in > ul > li > a { padding-inline: 16px; white-space: nowrap; }
@media screen and (max-width: 1023px) {
  body.category #navi { display: block !important; }
  body.category #navi-in > ul { justify-content: flex-start; overflow-x: auto; }
}

/* PC LIVE reservation highlight - 2026-10-20 */
@media screen and (max-width: 1023px) {
  .mobile-footer-menu-buttons .menu-button-in[href="https://pclive.mobi/reservation/"] {
    background: #D9A441 !important;
    color: #263B50 !important;
  }
  .mobile-footer-menu-buttons .menu-button-in[href="https://pclive.mobi/reservation/"] .menu-icon,
  .mobile-footer-menu-buttons .menu-button-in[href="https://pclive.mobi/reservation/"] .menu-icon > span,
  .mobile-footer-menu-buttons .menu-button-in[href="https://pclive.mobi/reservation/"] .menu-caption {
    color: #263B50 !important;
  }
}

/* Hide unused droplet footer widget - 2026-10-20 */
#footer #custom_html-37, #menu-marker { display: none !important; }