.header{height:100%;flex-shrink:0}

.header-in{display:flex;flex-direction:column;justify-content:center}

.tagline{text-align:center;font-size:14px;margin:.6em 1em}

.logo-image span,.logo-image a{display:inline-block;max-width:100%}

.site-name-text-link{color:var(--cocoon-text-color);text-decoration:none;font-weight:400;padding:0 1em}

.site-name-text-link:hover{color:inherit}

.site-name-text{font-size:28px}

.logo-text{padding:20px 0 30px;font-size:1em}

.logo-image{padding:10px 0;font-size:inherit}

.site-fixed-logo-image{display:none}

.fixed-header .site-fixed-logo-image{display:block}

.fixed-header:has(.site-fixed-logo-image) .site-logo-image{display:none}

.header-container-in.hlt-top-menu{display:flex;justify-content:space-between;align-items:center;align-content:center}

.header-container-in.hlt-top-menu .wrap{width:auto}

.header-container-in.hlt-top-menu .header{background-image:none}

.header-container-in.hlt-top-menu .logo-text{padding:0;display:flex;align-items:center;align-content:center}

.header-container-in.hlt-top-menu .logo-image{padding:0;margin:0}

.header-container-in.hlt-top-menu .site-name-text-link{margin:0 16px;display:block}

.header-container-in.hlt-top-menu .site-name-text{font-size:22px;white-space:nowrap}

.header-container-in.hlt-top-menu .tagline{display:none}

.header-container-in.hlt-top-menu .logo-header{max-height:60px}

.header-container-in.hlt-top-menu .logo-header .site-name{margin:0}

.header-container-in.hlt-top-menu .logo-header img{max-height:60px;height:auto;vertical-align:middle}

.header-container-in.hlt-top-menu amp-img{max-width:160px;max-height:60px}

.header-container-in.hlt-top-menu amp-img img{height:auto}

.header-container-in.hlt-top-menu .navi{width:100%}

.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link{margin:0 16px}

.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{font-size:20px}

.header-container-in.hlt-top-menu.hlt-tm-small .logo-header{max-height:40px}

.header-container-in.hlt-top-menu.hlt-tm-small .logo-header img{max-height:40px}

.hlt-tm-right .navi-in>ul{justify-content:flex-end}

.header-container-in.hlt-center-logo-top-menu{display:flex;flex-direction:column-reverse}

.fixed-header .cl-slim .logo-header{max-height:40px}

.fixed-header .cl-slim .logo-header img{max-height:40px}

.hlt-tm-small .navi-in>ul li,.cl-slim .navi-in>ul li{height:40px}

.hlt-tm-small .navi-in>ul li .sub-menu ul,.cl-slim .navi-in>ul li .sub-menu ul{top:-40px}

.hlt-tm-small .navi-in>ul li.menu-item-has-description>a>.caption-wrap,.cl-slim .navi-in>ul li.menu-item-has-description>a>.caption-wrap{height:40px;line-height:16px}

.navi{background-color:var(--cocoon-white-color)}

.navi .item-label,.navi .item-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}

.navi-in .has-icon{position:absolute;right:6px;top:0;display:flex;opacity:.7;font-size:11px;height:100%;align-items:center}

.navi-in>ul{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;text-align:center}

.navi-in>ul li{display:block;width:176px;height:60px;position:relative}

.navi-in>ul li:hover>ul{display:block}

.navi-in>ul .caption-wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;width:100%}

.navi-in>ul .caption-wrap>div{width:100%}

.navi-in>ul .sub-menu{display:none;position:absolute;margin:0;width:240px;list-style:none;padding:0;background-color:var(--cocoon-xxx-thin-color);z-index:99;text-align:left}

.navi-in>ul .sub-menu li{width:auto}

.navi-in>ul .sub-menu a{padding-left:16px;padding-right:16px}

.navi-in>ul .sub-menu ul{top:-60px;left:240px;position:relative}

.navi-in a{position:relative;color:var(--cocoon-text-color);text-decoration:none;display:flex;font-size:16px;transition:all 0.3s ease-in-out;width:100%;height:100%}

.navi-in a:hover{background-color:#f5f8fa;transition:all 0.3s ease-in-out;color:var(--cocoon-text-color)}

.navi-in>.menu-mobile{display:none}

.navi-in>.menu-mobile .sub-menu{display:none}

.navi-footer-in>.menu-footer{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-end;text-align:center}

.navi-footer-in>.menu-footer li{width:120px;border-left:1px solid var(--cocoon-thin-color)}

.navi-footer-in>.menu-footer li:last-child{border-right:1px solid var(--cocoon-thin-color)}

.navi-footer-in a{color:var(--cocoon-text-color);text-decoration:none;display:block;font-size:14px;transition:all 0.3s ease-in-out}

.navi-footer-in a:hover{background-color:#f5f8fa;transition:all 0.3s ease-in-out;color:var(--cocoon-text-color)}

.breadcrumb.sbp-main-before,.breadcrumb.sbp-footer-before,.breadcrumb.pbp-main-before,.breadcrumb.pbp-footer-before{background-color:var(--cocoon-white-color);margin:12px auto 0;padding:.6em 1em}

.footer-meta{font-size:.8em;text-align:right}

.no-post-date .article-header .post-date,.no-post-update .article-header .post-update,.no-post-author .author-info{display:none}

.mobile-footer-menu-buttons{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}

.logo-menu-button{text-align:center;font-weight:900;line-height:50px;overflow:hidden}

.logo-menu-button img{max-height:50px;display:block;margin:0 auto;width:auto}

.navi-menu-content{left:0;-webkit-transform:translateX(-105%);transform:translateX(-105%)}

.menu-drawer .sub-menu{padding-left:20px}

.footer{margin-top:20px;padding:8px}

.copyright{margin-top:8px}

.footer-mobile,.footer-left,.footer-center,.footer-right{padding:10px 16px}

.footer-left,.footer-center,.footer-right{width:33.33%}

.footer-bottom{margin-top:24px;padding:8px;position:relative;font-size:14px}

.footer-bottom.fdt-left-and-right .footer-bottom-logo{display:none}

.footer-bottom.fdt-left-and-right .footer-bottom-content{float:none;display:flex;justify-content:space-between;align-items:baseline}

.footer-bottom.fdt-up-and-down .footer-bottom-logo{display:none}

.footer-bottom.fdt-up-and-down .footer-bottom-content{float:none;display:block;text-align:center}

.footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in>ul{justify-content:center}

.footer-bottom.fnm-text-width .menu-footer li{width:auto}

.footer-bottom.fnm-text-width .menu-footer li a{padding:0 10px}

.footer-bottom-logo{float:left;bottom:0;position:absolute}

.footer-bottom-logo .logo-text{padding:0}

.footer-bottom-logo .site-name-text{font-size:18px}

.footer-bottom-logo .logo-image{padding:0}

.footer-bottom-logo img{height:50px;width:auto}

.footer-bottom-content{float:right;text-align:right}

.bbp-breadcrumb-home,.bbp-breadcrumb-home+.bbp-breadcrumb-sep,.topic .post-date,.topic .post-update,.topic .footer-post-meta,.post-0 .post-date,.post-0 .post-update,.post-0 .footer-post-meta,.forum .post-date,.forum .post-update,.forum .footer-post-meta{display:none}

body:has(#spotlight.show) .header{background-image:none}

.header-container.fixed-header{z-index:3}

.fixed-header{box-shadow:0 1px 3px 0 rgba(0,0,0,.25)}

.fixed-header .header .header-in{min-height:auto}

.fixed-header .has-sub,.fixed-header .navi-in .sub-menu{display:none}

.fixed-header .site-logo-image{height:auto;width:auto}

@media screen and (max-width:1023px) {
  .navi-footer{float:none;margin:0;width:100%}
  .copyright{width:100%}
  .navi-footer-in>ul{justify-content:center;padding:1em}
  .footer-bottom-logo,.footer-bottom-content{float:none}
  .footer-bottom-logo{line-height:1}
  .footer-bottom-content{text-align:center}
  .ba-fixed.header{background-position:top center}
  .footer-bottom-logo{position:relative;bottom:auto}
  .logo-footer{margin:8px auto}
  .mobile-header-menu-buttons{top:0;bottom:auto;justify-content:space-between;min-width:46px;box-shadow:0 0 5px darkgrey}
  .logo-menu-button{flex-grow:1}
  .mobile-footer-menu-buttons{justify-content:space-around}
  .mobile-footer-menu-buttons .menu-button{width:100%}
  .mblt-footer-mobile-buttons,.mblt-header-and-footer-mobile-buttons{margin-bottom:50px}
  .navi-footer-in>.menu-footer{justify-content:center}
  .footer-bottom.fdt-left-and-right .footer-bottom-content{flex-direction:column}
  .header-container-in.hlt-top-menu{flex-direction:column}
  .mblt-footer-mobile-buttons .go-to-top-button,.mblt-header-and-footer-mobile-buttons .go-to-top-button{display:none}
  .navi-in .menu-pc{display:none}
  .no-mobile-header-logo .header .header-in{min-height:auto}
  #navi .navi-in>.menu-mobile{display:flex}
  #navi .navi-in>.menu-mobile>.menu-item-has-description>a>.caption-wrap{height:40px;line-height:16px}
  #navi .navi-in>.menu-mobile li{width:50%;height:40px;line-height:40px}
  #navi .navi-in>.menu-mobile li a{font-size:14px}
  #navi .navi-in>.menu-mobile li a:after{display:none}
  body:where(.mblt-header-mobile-buttons,.mblt-header-and-footer-mobile-buttons){margin-top:50px}
  .admin-bar:where(.mblt-header-mobile-buttons,.mblt-header-and-footer-mobile-buttons){margin-top:calc(50px - var(--wp-admin--admin-bar--height))}
}

@media screen and (max-width:834px) {
  .navi-in>.menu-header{display:none}
  .header div.header-in{min-height:auto}
  #header .site-name-text{font-size:22px}
  .header-container-in.hlt-top-menu .site-name-text{white-space:normal}
  .header-container-in.hlt-top-menu .logo-header{max-height:none}
  .navi-footer-in>.menu-footer li.menu-item{width:32%;border:0;margin:2px;display:flex;flex:1 1 auto;text-align:center}
  .navi-footer-in>.menu-footer li.menu-item a{padding:0;width:100%}
  .footer-bottom.fdt-left-and-right .footer-bottom-content{flex-direction:column}
  .header-container-in.hlt-top-menu.hlt-tm-small .logo-header{height:auto}
}

@media screen and (max-width:480px) {
  #header .site-name-text{font-size:18px}
  .tagline{font-size:12px}
  .navi-footer-in>.menu-footer li.menu-item{width:46%}
}

#header-container,#header-container .navi,#navi .navi-in>.menu-header .sub-menu{background-color:#b5d3d4}

.header,.header .site-name-text,#navi .navi-in a,#navi .navi-in a:hover{color:#fff}

.header,.header .site-name-text,#navi .navi-in a,#navi .navi-in a:hover{color:#262626}

#navi .navi-in a,#navi .navi-in a:hover{color:#262626}

#navi .navi-in a:hover{background-color:rgba(255,255,255,.2)}

#navi .navi-in>ul>li{width:130px}

.logo-header img{width:350px;height:auto}

.fixed-header .logo-header img{width:auto}

#navi .navi-in>ul>li{width:auto}

#navi .navi-in>ul>li>a{padding:0 1.4em}

.fa-copyright:before{content:"?"}

.entry-header{margin-top:60px}

@media screen and (max-width:1024px) {
  #header-container{display:none}
}

.header_sp{display:none!important}

@media screen and (max-width:1024px) {
  .header_sp{display:flex!important;background:#e9fff8;border-bottom:#fff solid 2px;height:60px;position:fixed;top:0;width:100%;margin:0 auto;z-index:1000}
}

.menu-pc li:hover{background-color:#999!important}

.menu-pc li:last-child a{background-color:#32586d;color:#fff!important}

.menu-pc li:last-child a:hover{background-color:#ff0000!important}

.fixed-header .site-logo-image{width:350px}

#footer{background-color:#343534;color:#fff;background-image:url(https://classicmusic.tokyo/jnr/wp-content/themes/cocoon-child-master-jnr/img/footer_bk2.webp);background-size:cover;background-repeat:no-repeat;background-position:center bottom}

#footer a{color:#fff}

.footer{margin-top:0;font-size:.8em}

.footer a{color:#fff}

.footer_txt{text-align:center;margin:50px auto;width:300px;border-radius:5px;padding:20px}

.footer_txt p{color:#ddd}

.footer_frmbtn{margin:10px auto}

.footer_frmbtn a{max-width:300px;margin:auto;padding:10px 20px;border:1px solid #fff;border-radius:5px;color:#fff;text-decoration:none;background-color:#a68a65}

@media screen and (max-width:1024px) {
  .header__gnav__bottom{display:none}
}

#header-container,#header-container .navi,#navi .navi-in>.menu-header .sub-menu{background-color:#fff}

div.header_explanation{padding-top:15px;padding-bottom:15px}

div.footer_explanation{padding-top:15px;padding-bottom:15px}
/* TOC非表示 */
.toc-container, .toc {
  display: none !important;
}

/* 画像中央表示 */
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/* パンくず */
.breadcrumb{margin:1em .4em;color:var(--cocoon-x-pallid-text-color);font-size:13px}

.breadcrumb div{display:inline}

.breadcrumb .sp{margin:0 10px}

.breadcrumb a{text-decoration:none;color:var(--cocoon-x-pallid-text-color)}

.breadcrumb.sbp-main-before,.breadcrumb.sbp-footer-before,.breadcrumb.pbp-main-before,.breadcrumb.pbp-footer-before{background-color:var(--cocoon-white-color);margin:12px auto 0;padding:.6em 1em}

.breadcrumb.sbp-main-before+.content,.breadcrumb.pbp-main-before+.content{margin-top:12px}

.breadcrumb-caption{margin:0 3px}

.content-only .header-container,.content-only .appeal,.content-only .ad-area,.content-only .sns-share,.content-only .date-tags,.content-only .sns-follow,.content-only .article-footer,.content-only .under-entry-content,.content-only .breadcrumb,.content-only .main-scroll,.content-only .footer,.content-only .go-to-top-button,.content-only .notice-area,.content-only .content-top,.content-only .content-bottom,.content-only .recommended{display:none}

.bbp-breadcrumb-home,.bbp-breadcrumb-home+.bbp-breadcrumb-sep,.topic .post-date,.topic .post-update,.topic .footer-post-meta,.post-0 .post-date,.post-0 .post-update,.post-0 .footer-post-meta,.forum .post-date,.forum .post-update,.forum .footer-post-meta{display:none}

@media print {
  #container .header-container,#container .ad-area,#container .pager-links,#container .under-entry-content,#container .breadcrumb-category,#container .entry-footer,#container .sidebar,#container .footer,#container #admin-panel,#container #go-to-top,#container .go-to-top-button,#container #fb-root,#container .mobile-menu-buttons,#container .toc,#container .sns-share,#container .widget,#container #notice-area-wrap,#container #notice-area,#container #appeal,#container .recommended,#container #carousel,#container #go-to-top{display:none!important}
}