@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){
  /*必要ならばここにコードを書く*/
}


/* トップページ メイン4ボタンのラベル */
.elementor-element-cd075ab .elementor-button-content-wrapper::after { content: "無料公開中"; }
.elementor-element-30fa599a .elementor-button-content-wrapper::after { content: "セミナー特典"; }
.elementor-element-1c89d7dd .elementor-button-content-wrapper,
.elementor-element-2bddd18d .elementor-button-content-wrapper,
.elementor-element-cd075ab .elementor-button-content-wrapper,
.elementor-element-30fa599a .elementor-button-content-wrapper { flex-direction: column !important; gap: 0 !important; }
.elementor-element-1c89d7dd .elementor-button-content-wrapper::after,
.elementor-element-2bddd18d .elementor-button-content-wrapper::after,
.elementor-element-cd075ab .elementor-button-content-wrapper::after,
.elementor-element-30fa599a .elementor-button-content-wrapper::after { display: block; font-size: 11px; font-weight: 400; opacity: 0.75; line-height: 1.4; }


/* カテゴリタブ内イラストを1行横スワイプ化 */
.elementor-element-c2823c7,
.elementor-element-1b154383,
.elementor-element-152c0e8 {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 100%;
  min-width: 0;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  gap: 8px;
  padding: 8px;
  scrollbar-width: thin;
}
.elementor-element-c2823c7 > .elementor-widget-image,
.elementor-element-1b154383 > .elementor-widget-image,
.elementor-element-152c0e8 > .elementor-widget-image {
  flex: 0 0 clamp(120px, 32vw, 165px);
  scroll-snap-align: start;
}

/* カテゴリタブ3色（元の枠色を復元） */
.elementor-element-78c63cbc .e-n-tab-title:nth-child(1) { background-color: rgba(89,188,194,.35) !important; }
.elementor-element-78c63cbc .e-n-tab-title:nth-child(2) { background-color: rgba(246,208,82,.35) !important; }
.elementor-element-78c63cbc .e-n-tab-title:nth-child(3) { background-color: rgba(116,152,255,.35) !important; }
.elementor-element-78c63cbc .e-n-tab-title:nth-child(1)[aria-selected="true"] { background-color: #59BCC2 !important; }
.elementor-element-78c63cbc .e-n-tab-title:nth-child(2)[aria-selected="true"] { background-color: #F6D052 !important; color: #000 !important; }
.elementor-element-78c63cbc .e-n-tab-title:nth-child(3)[aria-selected="true"] { background-color: #7498FF !important; }
