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

/************************************
** 1. 基本設定・全体
************************************/
a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #19448e;
  text-decoration: none;
}

.grecaptcha-badge {
  visibility: hidden;
}

.sp {
  display: none;
}

/************************************
** 2. ヘッダー・ナビゲーション
************************************/
.header-container-in.hlt-top-menu {
  padding: 20px 0 0 0;
  width: 100% !important;
}

/* ロゴの後のサブタイトル表示 */
.logo-header .site-name-text::after {
  content: '全国ママ＆ベビースキンシップ協会';
  font-size: 24px;
  margin-bottom: 10px;
  padding: 20px;
}

.search-menu-button {
  display: none !important;
}

.widget_nav_menu ul li a:hover {
  background-color: #f5f8fa91;
}

/************************************
** 3. レイアウト・幅調整
************************************/
.column-narrow .content-in {
  width: 1000px;
}

.alignwide {
  width: 1100px;
  margin: 50px auto;
}

.box-s {
  width: 890px;
  margin: 0 auto 100px auto;
}

.gaiyou-tb {
  width: 1100px !important;
  margin: 0 auto;
}

.time table {
  width: 890px !important;
  margin: 0 auto;
}

#content-bottom .wrap {
  width: 100% !important;
}

/************************************
** 4. 投稿・固定ページ設定
************************************/
.home .entry-title {
  display: none;
}

.entry-title {
  text-align: center !important;
  margin-bottom: 60px;
}

.article h2 {
  text-align: center;
}

.article h3, .article h4 {
  border: none;
}

.article h3 {
  font-size: 20px;
}

.article dd {
  margin-left: 0;
}

/* 埋め込み要素 */
.video-container, .instagram-container, .facebook-container {
  max-width: 640px;
  margin: 30px auto;
}

.map {
  width: 1100px;
  height: 450px;
  border: none;
}

/* 画像・テキストパーツ */
.you-txt .wp-element-caption {
  text-align: center !important;
  font-size: 16px !important;
}

.body .caption-box {
  margin: 0;
}

.wp-block-media-text > .wp-block-media-text__content {
  padding: 0;
}

#post-9 .wp-block-media-text {
  gap: 50px;
}
.kaisetu-title{background-image:url(https://skinship-mb.com/mbwp/wp-content/uploads/2025/01/image-14.png),url(https://skinship-mb.com/mbwp/wp-content/uploads/2025/01/image-15.png)  ;
	background-repeat:no-repeat;
	background-position:center left,center right
	;background-size:140px;
width:650px;}

/************************************
** 5. 独自カスタムパーツ
************************************/

/* グリッドレイアウト（PC 4列） */
.custom-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

/* 認定講師セクション */
.ninteikousi .wp-block-image { margin-bottom: 0.5em; }
.ninteikousi p { margin-bottom: 0.5em; text-align: center; font-size: 14px; }
.ninteikousi h6 { margin-bottom: 0.5em; text-align: center; font-size: 16px; }

/* 講師ボックス */
.koushi-box h3 { margin-bottom: 0.51em; }
.koushi-box p { margin-bottom: 0.5em; }

/* 汎用ボックス */
.t-box { padding: 60px 10px; }
.c-box { padding: 60px 20px; }

/* ボタン */
.wp-block-buttons { margin: 20px 0; }
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
  width: 100%;
  color: #000000;
  border: 2px solid #666;
}
.wp-block-button a:hover { opacity: 0.7; }

/* 数字付きリスト */
.is-style-numeric-list-step > li:before {
  background-color: var(--cocoon-white-color);
  border: 1px solid #666;
  z-index: 100;
}
[class*=is-style-numeric-list-]>li::before {
  counter-increment: list;
  content: counter(list);
  font-size: 14px;
  font-family: "arial narrow", sans-serif !important;
  font-weight: normal !important;
  width: 1.4em;
  height: 1.4em;
  left: 0;
  position: absolute;
  top: 0;
  text-align: center;
  line-height: 1.4;
  border-radius: 50%;
}

/* 特設セクション */
.top-course {
  padding: 20px 0 !important;
  margin: 0 0 30px 0 !important;
}

.top-riyu {
  background: url(http://skinship-mb.com/mbwp/wp-content/uploads/2025/01/c01.png) no-repeat left center, url(http://skinship-mb.com/mbwp/wp-content/uploads/2025/01/c02.png) no-repeat right center;
  padding: 50px 0 !important;
}

/* プレゼント・バナーエリア */
.pre-ban {
  width: 960px;
  display: flex;
  margin: 100px auto 40px auto !important;
  background-color: #e6c7de;
  padding: 40px;
  border-radius: 10px;
}
.pre-ban h4 { text-align: center; font-size: 24px; margin-bottom: 40px; }
.pre-ban-in p { margin-bottom: 20px; }
.pre-ban-img { width: 300px; }
.preimg { margin: -110px 0 0 -20px; }

.pre-b a {
  display: block;
  margin: 10px 0;
  padding: 5px 50px;
  text-align: center;
  border: 3px solid #fff;
  border-radius: 10px;
  background: #ffffff7a;
}

/************************************
** 6. レスポンシブデザイン
************************************/

/* 1023px以下 */
@media screen and (max-width: 1023px) {
  .column-narrow .content-in { width: 100%; }
  .logo-header .site-name-text::after { font-size: 14px; display: block; padding: 5px; margin-bottom: 0; }
  
  .logo-menu-button img {
    max-height: 30px;
    width: auto;
    display: block;
    margin: 0 auto;
  }
  .logo-menu-button::after {
    content: '全国ママ＆ベビースキンシップ協会';
    font-size: 12px;
    padding: 0 20px;
  }
}

/* 768px以下（グリッド調整） */
@media (max-width: 768px) {
  .custom-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* 834px以下（メインレスポンシブ） */
@media screen and (max-width: 834px) {
  .pc { display: none; }
  .sp { display: block; }
  
  /* レイアウト */
  .alignwide, .box-s, .gaiyou-tb, .pre-ban, .pre-ban-in { width: 100%; }
  .time table { width: auto !important; }
  .map { height: 250px; width: 100%; }
  
  main.main, div.sidebar { padding: 0; margin: 12px 0; border-width: 0; }
  p { padding: 10px; }

  /* 記事・タイトル */
  .entry-title, .article h2 { font-size: 18px; }
  .article h3 { font-size: 16px; }
  
  /* ドロワーメニュー */
  .menu-drawer a {
    color: var(--cocoon-text-color);
    padding: 16px;
    display: block;
    font-size: 16px;
    border-bottom: 1px solid #eee;
  }

  /* ブロック要素調整 */
  .wp-block-cover, .wp-block-cover-image {
    min-height: 430px;
    padding: 1em;
    flex-direction: column;
  }
  .wp-block-media-text { gap: 20px; }
  body .is-layout-grid { display: block; }

  /* プレゼントバナー調整 */
  .pre-ban {
    flex-direction: column;
    margin: 50px 0 0 0 !important;
    padding: 20px;
  }
  .pre-ban h4 { font-size: 18px; margin-bottom: 10px; }
  .pre-ban-img, .pre-img {
    width: 80%;
    margin: -100px auto 0 auto;
  }
  .preimg { margin: 0 auto; }
  .pre-box { margin-top: 80px; }

  /* その他微調整 */
  .t-box { padding: 15px !important; }
  .c-box { padding: 20px 20px; }
  .top-course { padding: 10px 0 !important; margin: 0 0 20px 0 !important; }
  .top-txt { margin: 10px !important; line-height: 1.6em; width: 100%; font-size: 14px; }
  .sp-top .sp-title { margin-top: -150px; }
  .sp-title2 { margin-top: 30px; background: #f3fafe; padding: 20px; }
  .pho-top { flex-direction: column-reverse !important; display: flex; }
}

/* フッター */
#footer {
  margin-top: -30px;
}