@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
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.under-entry-content {
  display: none;
}

.skin-grayish .ect-vertical-card.live-schedule {
  display: block;
}

.no-scrollable-main .main {
  min-height: 70vh;
}

.skin-grayish .footer-bottom-logo img {
	filter: brightness(13) ;
}
.skin-grayish .content .main .entry-content {
    border-bottom: none;
}

a.cat-link span {
    display: none;
}

.skin-grayish:not(.front-top-page) .header-container {
    background-color: #000;
}

img.site-logo-image.header-site-logo-image {
    filter: brightness(13);
}

.skin-grayish :where(.navi-in, .navi-footer-in) a {
    color: var(--skin-grayish-site-name-txt);
    font-size: clamp(14px, 1.37vw, 16px);
    min-height: 0vw;
    color: #dfdfdf;
}

.skin-grayish .article-header .entry-title {
    background: #373737;
    color: #fff;
    padding: 8px 8px 8px 16px;
    border: none;
}

h1#archive-title {
    font-size: 26px;
    font-weight: BOLD;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
	    .article ul, .article ol {
        padding-left: 16px;
    }
}
/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
  #header-in {
    display: none;
  }

  .grayish_topmv_whovlay,
  .grayish_topmv_dot {
    display: none !important;
  }

  .skin-grayish.front-top-page .container .header-container .header {
    aspect-ratio: 16 / 10.7;
    height: auto;
    min-height: 10px;
  }

  .skin-grayish.front-top-page .skinadd-topmv-scroll {
    bottom: 2vw;
  }


  /*
  #header-container {
    height: 60vw;
  }
  #header-in {
    height: 60vw;
  }
  .logo.logo-header.logo-image {
    width: 50vw;
    margin: 0 auto;
  }
  .skin-grayish.front-top-page .skinadd-topmv-scroll {
    bottom: 0;
  }
  */
}