@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){
  /*必要ならばここにコードを書く*/
}

/* 2026-11-02 見た目修正：帽子ページ事例カード／サービスカード／帽子ページ料金表 */
body.page-id-407 h3:has(+ .wp-block-columns:has(figure.wp-block-image)) {background:#faf6ec;border:1px solid #c9a86a;border-bottom:none;border-radius:16px 16px 0 0;padding:20px 20px 12px;margin:2em 0 0;}
body.page-id-407 h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns {background:#faf6ec;border-left:1px solid #c9a86a;border-right:1px solid #c9a86a;padding:0 20px 16px;margin:0;gap:12px;flex-wrap:nowrap !important;}
body.page-id-407 h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns .wp-block-column {flex:1 1 0;min-width:0;}
body.page-id-407 h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns figure.wp-block-image {margin:0;position:relative;}
body.page-id-407 h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns figure.wp-block-image img {width:100% !important;height:auto;display:block;border-radius:8px;}
body.page-id-407 h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns .wp-block-column:first-child figure.wp-block-image::before {content:"ビフォー";position:absolute;top:10px;left:10px;z-index:2;background:rgba(30,58,95,.92);color:#fff;font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;}
body.page-id-407 h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns .wp-block-column:last-child figure.wp-block-image::before {content:"アフター";position:absolute;top:10px;left:10px;z-index:2;background:rgba(30,58,95,.92);color:#fff;font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;}
body.page-id-407 h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns + p:not(:has(a)) {background:#faf6ec;border-left:1px solid #c9a86a;border-right:1px solid #c9a86a;padding:0 20px 8px;margin:0;}
body.page-id-407 h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns + p:has(a), body.page-id-407 h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns + p + p:has(a) {background:#faf6ec;border:1px solid #c9a86a;border-top:none;border-radius:0 0 16px 16px;padding:0 20px 20px;margin:0 0 2em;}
.morikuri-service-columns .wp-block-column:has(> figure:has(+ p.morikuri-service-label)) {padding:0 !important;overflow:hidden;}
.morikuri-service-columns .wp-block-column:has(> figure:has(+ p.morikuri-service-label)) > figure.wp-block-image {margin:0 0 4px;}
.morikuri-service-columns .wp-block-column:has(> figure:has(+ p.morikuri-service-label)) > figure.wp-block-image img {width:100% !important;height:auto;display:block;}
.morikuri-service-columns .wp-block-column:has(> figure:has(+ p.morikuri-service-label)) > :not(figure) {padding-left:20px;padding-right:20px;}
.morikuri-service-columns .wp-block-column:has(> figure:has(+ p.morikuri-service-label)) > figure + * {padding-top:16px;}
.morikuri-service-columns .wp-block-column:has(> figure:has(+ p.morikuri-service-label)) > :last-child {padding-bottom:20px;}
.morikuri-service-section > figure:has(+ p.morikuri-service-label) {margin:0 0 16px;}
.morikuri-service-section > figure:has(+ p.morikuri-service-label) img {width:100% !important;height:auto;display:block;}
body.page-id-407 .scrollable-table {display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #d8c9a3;border-radius:12px;background:#fff;}
body.page-id-407 .scrollable-table table {min-width:640px;width:100%;border-collapse:separate;border-spacing:0;margin:0;border:none;}
body.page-id-407 .scrollable-table thead th {background:#1e3a5f;color:#fff;padding:12px 14px;text-align:left;white-space:nowrap;border:none;}
body.page-id-407 .scrollable-table tbody td {padding:12px 14px;border-top:1px solid #e8dfc8;vertical-align:top;}
body.page-id-407 .scrollable-table tbody tr:nth-child(odd) td {background:#fdf8ec;}
body.page-id-407 .scrollable-table tbody tr:nth-child(even) td {background:#ffffff;}
body.page-id-407 .scrollable-table thead th:first-child, body.page-id-407 .scrollable-table tbody td:first-child {position:sticky;left:0;z-index:2;box-shadow:1px 0 0 #d8c9a3;min-width:110px;}
body.page-id-407 .scrollable-table thead th:first-child {z-index:3;background:#1e3a5f;}
body.page-id-407 .scrollable-table tbody tr:nth-child(odd) td:first-child {background:#fdf8ec;}
body.page-id-407 .scrollable-table tbody tr:nth-child(even) td:first-child {background:#ffffff;}
/* 補強：bodyクラスに依存しない事例カード（上記と同じ見た目） */
h3:has(+ .wp-block-columns:has(figure.wp-block-image)) {background:#faf6ec;border:1px solid #c9a86a;border-bottom:none;border-radius:16px 16px 0 0;padding:20px 20px 12px;margin:2em 0 0;}
h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns {background:#faf6ec;border-left:1px solid #c9a86a;border-right:1px solid #c9a86a;padding:0 20px 16px;margin:0;gap:12px;flex-wrap:nowrap !important;}
h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns .wp-block-column {flex:1 1 0;min-width:0;}
h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns figure.wp-block-image {margin:0;position:relative;}
h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns figure.wp-block-image img {width:100% !important;height:auto;display:block;border-radius:8px;}
h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns .wp-block-column:first-child figure.wp-block-image::before {content:"ビフォー";position:absolute;top:10px;left:10px;z-index:2;background:rgba(30,58,95,.92);color:#fff;font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;}
h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns .wp-block-column:last-child figure.wp-block-image::before {content:"アフター";position:absolute;top:10px;left:10px;z-index:2;background:rgba(30,58,95,.92);color:#fff;font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;}
h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns + p:not(:has(a)) {background:#faf6ec;border-left:1px solid #c9a86a;border-right:1px solid #c9a86a;padding:0 20px 8px;margin:0;}
h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns + p:has(a), h3:has(+ .wp-block-columns:has(figure.wp-block-image)) + .wp-block-columns + p + p:has(a) {background:#faf6ec;border:1px solid #c9a86a;border-top:none;border-radius:0 0 16px 16px;padding:0 20px 20px;margin:0 0 2em;}
.scrollable-table {display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #d8c9a3;border-radius:12px;background:#fff;}
.scrollable-table table {min-width:640px;width:100%;border-collapse:separate;border-spacing:0;margin:0;border:none;}
.scrollable-table thead th {background:#1e3a5f;color:#fff;padding:12px 14px;text-align:left;white-space:nowrap;border:none;}
.scrollable-table tbody td {padding:12px 14px;border-top:1px solid #e8dfc8;vertical-align:top;}
.scrollable-table tbody tr:nth-child(odd) td {background:#fdf8ec;}
.scrollable-table tbody tr:nth-child(even) td {background:#ffffff;}
.scrollable-table thead th:first-child, .scrollable-table tbody td:first-child {position:sticky;left:0;z-index:2;box-shadow:1px 0 0 #d8c9a3;min-width:110px;}
.scrollable-table thead th:first-child {z-index:3;background:#1e3a5f;}
.scrollable-table tbody tr:nth-child(odd) td:first-child {background:#fdf8ec;}
.scrollable-table tbody tr:nth-child(even) td:first-child {background:#ffffff;}