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


/*youtubeのサイズ変更*/
.video-container {
max-width: 100%;
margin: 0px auto;
}


/* ===== 匿名ビジネス研究所 リニューアル 2026-10-28 ここから（戻すときはこの範囲を削除） ===== */
/* 匿名ビジネス研究所 / Cocoon 2.7.0 + child 1.1.3
   Paste into 外観 > カスタマイズ > 追加CSS. Body HTML is page 1605 only.
   Do not add broad body, .main, .sidebar, .entry-content, h1, or a rules. */

/* Shared Cocoon header and footer: colors and logo size only. Keep Cocoon's menu layout. */
#header-container { background: #fff9e9; }
#header-container #header { background: #fff9e9; }
#header-container .header-site-logo-image { display: block; width: auto; max-width: min(390px, 80vw); max-height: 80px; object-fit: contain; }
#navi { background: #fff9e9; border-bottom: 2px solid #c9a764; }
#navi .menu-item > a { color: #52351e; font-weight: 700; }
#navi .menu-item > a:hover, #navi .menu-item > a:focus-visible { background: #f2e1b8; color: #52351e; }
#footer { background: #694b2e; color: #fffdf7; }
#footer a, #footer .copyright { color: #fffdf7; }
#footer .footer-site-logo-image { display: block; width: auto; max-width: min(260px, 70vw); max-height: 80px; object-fit: contain; }

/* Only the published top page receives a full width canvas. */
body.page-id-1605 #content { margin-top: 0 !important; }
body.page-id-1605 #content-in,
body.page-id-1605 #main { width: 100% !important; max-width: none !important; padding: 0 !important; }
body.page-id-1605 #main > .article { padding: 0 !important; margin: 0 !important; }
body.page-id-1605 #main .entry-content { margin: 0 !important; }
body.page-id-1605 #main .article-header,
body.page-id-1605 #main .date-tags,
body.page-id-1605 #main .sns-share,
body.page-id-1605 #main .sns-follow,
body.page-id-1605 #main .author-box,
body.page-id-1605 #main #toc { display: none !important; }

/* All component rules below are scoped to the replacement top page HTML. */
body.page-id-1605 .anonlab-home {
  --al-ink: #493b2d; --al-brown: #70421f; --al-deep: #52351e;
  --al-cream: #fffdf7; --al-page: #f5ecd7; --al-gold: #b78936;
  --al-line: #dfcfae; --al-green: #244c3c;
  width: 100%; max-width: 100%; overflow: clip; background: var(--al-page);
  color: var(--al-ink); font: 16px/1.85 -apple-system, BlinkMacSystemFont,
  'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, sans-serif;
  overflow-wrap: anywhere;
}
body.page-id-1605 .anonlab-home *, body.page-id-1605 .anonlab-home *::before,
body.page-id-1605 .anonlab-home *::after { box-sizing: border-box; }
body.page-id-1605 .anonlab-home img { display: block; max-width: 100%; height: auto; }
body.page-id-1605 .anonlab-home h1, body.page-id-1605 .anonlab-home h2,
body.page-id-1605 .anonlab-home h3 { border: 0; background: none; color: var(--al-brown);
  font-family: inherit; font-weight: 900; line-height: 1.45; }
body.page-id-1605 .anonlab-home h1::before, body.page-id-1605 .anonlab-home h1::after,
body.page-id-1605 .anonlab-home h2::before, body.page-id-1605 .anonlab-home h2::after,
body.page-id-1605 .anonlab-home h3::before, body.page-id-1605 .anonlab-home h3::after { content: none; }
body.page-id-1605 .anonlab-home a { color: inherit; text-decoration: none; }
body.page-id-1605 .anonlab-home a:focus-visible { outline: 3px solid var(--al-gold); outline-offset: 4px; }
body.page-id-1605 .al-wrap { width: min(1120px, calc(100% - 44px)); margin-inline: auto; }
body.page-id-1605 .al-eyebrow { display: inline-block; padding: 5px 16px; border-radius: 999px;
  background: #694b2e; color: #fffaf0; font-size: 11px; font-weight: 800; letter-spacing: .07em; }

body.page-id-1605 .al-hero { position: relative; isolation: isolate; min-height: 540px; padding: 65px 0 75px;
  overflow: hidden; background: #fff8e9; }
body.page-id-1605 .al-hero-art { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100% !important;
  max-width: none !important; object-fit: cover; object-position: right center; opacity: .9; }
body.page-id-1605 .al-hero::after { content: ''; position: absolute; z-index: -1; inset: 0;
  background: linear-gradient(90deg, #fff9eb 0%, #fff9eb 31%, #fff9ebed 51%, #fff9eb33 77%, #fff9eb10); }
body.page-id-1605 .al-hero-grid { position: relative; min-height: 400px; }
body.page-id-1605 .al-hero-copy { max-width: 630px; }
body.page-id-1605 .al-hero h1 { margin: 20px 0 18px; color: #653b1d;
  font-size: clamp(34px, 4.4vw, 54px); letter-spacing: -.035em; line-height: 1.38; }
body.page-id-1605 .al-title-line { display: block; }
body.page-id-1605 .al-title-tail { white-space: nowrap; }
body.page-id-1605 .al-hero h1 em { font-style: normal;
  background: linear-gradient(transparent 65%, #f2d371 65%); box-decoration-break: clone; }
body.page-id-1605 .al-lead { max-width: 570px; margin: 0 0 22px; font-size: 17px;
  font-weight: 700; line-height: 1.9; }
body.page-id-1605 .al-hero-note { margin: 15px 0 0; color: #665e4d; font-size: 11px; font-weight: 600; }
body.page-id-1605 .al-hero-characters { position: absolute; right: 0; bottom: -65px; display: flex;
  align-items: flex-end; justify-content: flex-end; width: 395px; height: 365px; pointer-events: none; }
body.page-id-1605 .al-hero-characters img { width: auto; max-width: none; object-fit: contain;
  object-position: bottom; filter: drop-shadow(0 11px 9px #48321638); }
body.page-id-1605 .al-hero-characters .al-king { height: 345px; margin-right: -37px; z-index: 1; }
body.page-id-1605 .al-hero-characters .al-saru { height: 260px; z-index: 2; }

body.page-id-1605 .al-button { position: relative; display: inline-flex; align-items: center; justify-content: center;
  max-width: 100%; min-height: 64px; padding: 13px 34px; border: 3px solid #d6c899;
  border-radius: 999px; background: linear-gradient(#369c2c, #16830d 48%, #0f7604);
  color: #fff !important; box-shadow: inset 0 2px 0 #a8ec7a, inset 0 -3px 0 #075c00,
  0 5px 0 #102e25, 0 12px 24px #20140833; text-shadow: 0 1px 2px #063b03;
  font-size: 16px; font-weight: 900; line-height: 1.45; text-align: center; transition: transform .2s, filter .2s; }
body.page-id-1605 .al-button::before { content: ''; position: absolute; inset: 5px;
  border: 1px solid #fff6bb90; border-radius: inherit; pointer-events: none; }
body.page-id-1605 .al-button:hover { filter: brightness(1.08); transform: translateY(-2px); text-decoration: none; }
body.page-id-1605 .al-button-ghost { min-height: 49px; padding: 11px 22px; border: 1px solid #c9a866;
  border-radius: 8px; background: #fffdf7; color: #70421f !important; box-shadow: none;
  text-shadow: none; font-size: 13px; }
body.page-id-1605 .al-button-ghost::before { content: none; }

body.page-id-1605 .al-section { padding: 74px 0; background: #fffdf7; }
body.page-id-1605 .al-section-alt { background: #f6ecda; }
body.page-id-1605 .al-section-head { max-width: 750px; margin: 0 auto 36px; text-align: center; }
body.page-id-1605 .al-section h2 { margin: 15px 0 16px; font-size: clamp(27px, 3vw, 35px); }
body.page-id-1605 .al-section-head h2::after { content: ''; display: block; width: 100px;
  height: 9px; margin: 16px auto 0; background: #b78936;
  clip-path: polygon(0 45%,43% 45%,50% 0,57% 45%,100% 45%,100% 55%,57% 55%,50% 100%,43% 55%,0 55%); }
body.page-id-1605 .al-section-desc { margin: 0; color: #665e54; font-size: 14px; }
body.page-id-1605 .al-grid { display: grid; gap: 18px; }
body.page-id-1605 .al-grid-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
body.page-id-1605 .al-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.page-id-1605 .al-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden;
  border: 1px solid #e7d6b6; border-radius: 12px; background: #fff;
  box-shadow: 0 8px 22px #70421f14; transition: transform .2s; }
body.page-id-1605 .al-card:hover { transform: translateY(-3px); }
body.page-id-1605 .al-card img { width: 100%; aspect-ratio: 1.5; object-fit: cover; }
body.page-id-1605 .al-card-body { display: flex; flex: 1; flex-direction: column; padding: 17px 19px 18px; }
body.page-id-1605 .al-card h3 { margin: 0 0 8px; color: #653b1d; font-size: 17px; }
body.page-id-1605 .al-card p { flex: 1; margin: 0 0 12px; color: #625c50; font-size: 12px; line-height: 1.7; }
body.page-id-1605 .al-card-link { color: #8d4a24; font-size: 12px; font-weight: 800; }
body.page-id-1605 .al-story { display: flex; min-width: 0; flex-direction: column; padding: 23px;
  border: 1px solid #e8d9bb; border-radius: 12px; background: #fff; box-shadow: 0 8px 22px #70421f10; }
body.page-id-1605 .al-story h3 { margin: 12px 0 10px; color: #633b1f; font-size: 20px; }
body.page-id-1605 .al-story p { flex: 1; margin: 0 0 14px; color: #5f5a51; font-size: 14px; }
body.page-id-1605 .al-tag { align-self: flex-start; padding: 4px 9px; border-radius: 3px;
  background: #694b2e; color: #fff; font-size: 11px; font-weight: 800; }
body.page-id-1605 .al-story-link { align-self: flex-start; border-bottom: 2px solid #b78936;
  color: #70421f; font-size: 13px; font-weight: 800; }
body.page-id-1605 .al-note { margin: 16px 0 0; color: #69665e; font-size: 12px; }
body.page-id-1605 .al-feature { display: grid; grid-template-columns: 1.1fr .9fr; gap: 28px;
  padding: 45px; border: 1px solid #d7bb83; border-radius: 16px; background: #fffaf0;
  box-shadow: 0 11px 22px #70421f12; }
body.page-id-1605 .al-feature h2 { margin: 15px 0; }
body.page-id-1605 .al-feature p { margin: 0 0 20px; }
body.page-id-1605 .al-feature-list { align-self: center; margin: 0; padding: 0 0 0 20px; }
body.page-id-1605 .al-feature-list li { padding: 7px 0; border-bottom: 1px solid #e7d6b6; }
body.page-id-1605 .al-cta { padding: 46px 30px; border: 2px solid #b78936;
  border-radius: 18px; background: #fff5d8; text-align: center; }
body.page-id-1605 .al-cta h2 { margin: 0 0 10px; }
body.page-id-1605 .al-cta p { margin: 0 0 22px; }
body.page-id-1605 .al-standard { padding: 22px; border: 1px solid #e8d9bb;
  border-radius: 12px; background: #fff; }
body.page-id-1605 .al-standard h3 { margin: 0 0 8px; color: #70421f; font-size: 18px; }
body.page-id-1605 .al-standard p { margin: 0; color: #625c50; font-size: 14px; }

@media (max-width: 1100px) {
  body.page-id-1605 .al-hero-copy { max-width: 58%; }
  body.page-id-1605 .al-hero-characters { width: 36%; height: 315px; }
  body.page-id-1605 .al-hero-characters .al-king { height: 295px; }
  body.page-id-1605 .al-hero-characters .al-saru { height: 220px; }
}
@media (max-width: 900px) {
  body.page-id-1605 .al-grid-four, body.page-id-1605 .al-grid-three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-id-1605 .al-feature { grid-template-columns: 1fr; }
  body.page-id-1605 .al-hero::after { background: linear-gradient(90deg, #fff9eb 0%, #fff9ebed 49%, #fff9eb55 100%); }
}
@media (max-width: 700px) {
  body.page-id-1605 .al-hero { min-height: 0; padding: 45px 0 0; }
  body.page-id-1605 .al-hero-copy { max-width: 100%; }
  body.page-id-1605 .al-hero-grid { min-height: 0; padding-bottom: 215px; }
  body.page-id-1605 .al-hero-characters { right: 0; bottom: 0; width: 270px; height: 205px; }
  body.page-id-1605 .al-hero-characters .al-king { height: 205px; margin-right: -27px; }
  body.page-id-1605 .al-hero-characters .al-saru { height: 154px; }
}
@media (max-width: 600px) {
  body.page-id-1605 .al-wrap { width: calc(100% - 32px); }
  body.page-id-1605 .al-hero-art { object-position: 69% center; opacity: .43; }
  body.page-id-1605 .al-hero::after { background: linear-gradient(90deg, #fff9ebdd, #fff9ebc9); }
  body.page-id-1605 .al-hero h1 { margin: 19px 0; font-size: 31px; }
  body.page-id-1605 .al-title-line:first-child { white-space: nowrap; }
  body.page-id-1605 .al-lead { font-size: 15px; }
  body.page-id-1605 .al-button { width: 100%; min-height: 60px; padding: 11px 13px; font-size: 15px; }
  body.page-id-1605 .al-section { padding: 53px 0; }
  body.page-id-1605 .al-section-head { margin-bottom: 27px; }
  body.page-id-1605 .al-grid-four { gap: 10px; }
  body.page-id-1605 .al-grid-three { grid-template-columns: 1fr; }
  body.page-id-1605 .al-card-body { padding: 12px; }
  body.page-id-1605 .al-card h3 { font-size: 14px; }
  body.page-id-1605 .al-card p { font-size: 11px; }
  body.page-id-1605 .al-feature { padding: 26px; }
  body.page-id-1605 .al-cta { padding: 34px 17px; }
  body.page-id-1605 .al-cta h2 { font-size: 24px; }
}
@media (max-width: 375px) {
  body.page-id-1605 .al-hero-characters { width: 245px; }
  body.page-id-1605 .al-hero-characters .al-king { height: 190px; }
  body.page-id-1605 .al-hero-characters .al-saru { height: 145px; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-id-1605 .al-button, body.page-id-1605 .al-card { transition: none; }
}

/* ===== リニューアル ここまで ===== */