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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*リンクの下線を消す*/
a{
text-decoration: none;
}

/* スマホでのみ改行 */
@media screen and (min-width: 768px){
.br-sp {display: none; }
}

/* H2見出しの疑似要素をリセット*/
.entry-content h2 > span::before {
    content: none;
}

/* フッター上余白削除 */
main.main, div.sidebar {
	padding: 10px 10px 0 10px;
}
.footer {
	margin-top: 0;
	padding-top: 0;
}

/* フッター下余白削除 */
.footer {
	margin-top: 0;
	padding-top: 0;
}
#custom_html-8,
.footer-bottom {
	margin-top: 0;
	padding-top:0;
}

/* カバーブロック画像縦横比固定 */
.image-size-fix {
  padding:0 0 calc(1307/2005*100%) !important;
  min-height: 0 !important;
}
.image-size-fix .wp-block-cover__inner-container{
  position: absolute;
  padding: 0;
  top: 40%;
}

/* ギャラリーブロックを自動スクロール */
.body .my-slick figure {
  aspect-ratio: 1 / 1;
}

/*スライダー挿入時メニュー*/
.home .header-container,
.home .navi {
    background-color: transparent;
    transition: all 0.3s ease;
}

.home .fixed-header {
    background-color: #fff !important;
}

.home .header-container {
    position: fixed !important;
    width: 100% !important;
    background-color: transparent;
    z-index: 9999;
}

.home .navi {
    background-color: transparent;
}

/* タブブロックのスタイル ---------------------------------------------- */

/* コンテンツ全体の共通設定 */
.is-style-customtab-scroll-simple .tab-content-group,
.is-style-customtab-scroll-bubble .tab-content-group,
.is-style-customtab-scroll-underline .tab-content-group,
.is-style-customtab-grid-simple .tab-content-group,
.is-style-customtab-grid-bubble .tab-content-group,
.is-style-customtab-grid-underline .tab-content-group,
.is-style-customtab-wrap-simple .tab-content-group,
.is-style-customtab-wrap-bubble .tab-content-group,
.is-style-customtab-wrap-underline .tab-content-group {
   border: none;
   padding: 1.2em 0;
}

/* タブ間の隙間なし（外枠付き） */
.is-style-customtab-scroll-frame .tab-label-group,
.is-style-customtab-grid-frame .tab-label-group,
.is-style-customtab-wrap-frame .tab-label-group {
   gap: 0;
}
.is-style-customtab-scroll-frame .tab-content-group,
.is-style-customtab-grid-frame .tab-content-group,
.is-style-customtab-wrap-frame .tab-content-group {
   border-radius: 0;
}
.is-style-customtab-scroll-frame .tab-label-group .tab-label,
.is-style-customtab-grid-frame .tab-label-group .tab-label,
.is-style-customtab-wrap-frame .tab-label-group .tab-label {
   border-radius: 0;
}

/* タブラベル共通 */
[class*="is-style-customtab-"] .tab-label-group .tab-label {
   padding: 0.6em 1.5em;
   text-align: center;
   font-size:  18px;
   font-weight: bold;
   transition: 0.3s all;
   border-radius: 1px;
}

/* タブ幅均等配置（grid/wrap） */
[class*="is-style-customtab-grid-"] .tab-label-group .tab-label,
[class*="is-style-customtab-wrap-"] .tab-label-group .tab-label {
   flex: 1;
}

/* タブ折り返し（wrap） */
[class*="is-style-customtab-wrap-"] .tab-label-group {
   flex-wrap: wrap;
}

/* 吹き出しタブ共通 */
.is-style-customtab-scroll-bubble .tab-label-group,
.is-style-customtab-grid-bubble .tab-label-group,
.is-style-customtab-wrap-bubble .tab-label-group {
   gap: 7px 3px;
   padding-bottom: 1em;
}
.is-style-customtab-scroll-bubble .tab-label-group .tab-label,
.is-style-customtab-grid-bubble .tab-label-group .tab-label,
.is-style-customtab-wrap-bubble .tab-label-group .tab-label {
   position: relative;
}

.is-style-customtab-scroll-bubble .tab-label-group .tab-label.is-active:before,
.is-style-customtab-grid-bubble .tab-label-group .tab-label.is-active:before,
.is-style-customtab-wrap-bubble .tab-label-group .tab-label.is-active:before {
   background-color: var(--cocoon-tab-label-active-color);
   clip-path: polygon(0 0, 100% 0, 50% 100%);
   content: '';
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: -7px;
   height: 8px;
   width: 16px;
   z-index: 1;
}

/* 下線タブ */
.is-style-customtab-scroll-underline .tab-label-group .tab-label,
.is-style-customtab-grid-underline .tab-label-group .tab-label,
.is-style-customtab-wrap-underline .tab-label-group .tab-label {
   background: none;
   border-bottom: 2px solid var(--cocoon-tab-label-color);
}
.is-style-customtab-scroll-underline .tab-label-group .tab-label.is-active,
.is-style-customtab-grid-underline .tab-label-group .tab-label.is-active,
.is-style-customtab-wrap-underline .tab-label-group .tab-label.is-active {
   background: none;
   border-color: var(--cocoon-tab-label-active-color);
   color: var(--cocoon-tab-label-active-color);
}

/* ホバー時の共通設定 */
.is-style-customtab-scroll-frame .tab-label-group .tab-label:hover,
.is-style-customtab-scroll-simple .tab-label-group .tab-label:hover,
.is-style-customtab-scroll-bubble .tab-label-group .tab-label:hover,
.is-style-customtab-grid-frame .tab-label-group .tab-label:hover,
.is-style-customtab-grid-simple .tab-label-group .tab-label:hover,
.is-style-customtab-grid-bubble .tab-label-group .tab-label:hover,
.is-style-customtab-wrap-frame .tab-label-group .tab-label:hover,
.is-style-customtab-wrap-simple .tab-label-group .tab-label:hover,
.is-style-customtab-wrap-bubble .tab-label-group .tab-label:hover {
   background-color: var(--cocoon-tab-label-active-color);
   color: var(--cocoon-white-color);
}
.is-style-customtab-scroll-underline .tab-label-group .tab-label:hover,
.is-style-customtab-grid-underline .tab-label-group .tab-label:hover,
.is-style-customtab-wrap-underline .tab-label-group .tab-label:hover {
   border-color: var(--cocoon-tab-label-active-color);
   color: var(--cocoon-tab-label-active-color);


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}