@charset "UTF-8";
/* page-creation.css — P2-C1 hero/grid + sub-card + knowledge (1487 lines, extracted from style.css 1117-2615) */
/* Priority 102, is_page(9) gated via inc/enqueue.php tokikai-page-creation */

/************************************
** section-general 6繝悶Ο繝・け 繧ｰ繝ｪ繝・ラ
** 蜑ｵ菴懃ｴｹ莉九・繝ｼ繧ｸ・・D:9・臥畑
************************************/

@media (min-width: 769px) {
  .creation-primary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .creation-knowledge-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}



.creation-general-block {
  /* 蜷・球蠖楢€・畑繧ｳ繝ｳ繝・リ・亥€句挨CSS縺ｯ蜷・球蠖楢€・′霑ｽ蜉・・*/
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
}

/************************************
** creation-primary-grid 繧ｫ繝ｼ繝芽ｩｳ邏ｰ
** IT髢狗匱 / 3D蛻ｶ菴・謌先棡迚ｩ繧ｫ繝ｼ繝・
************************************/

/* カテゴリ外側ラッパ — outerはhoverで枠変化なし — 内側カードのみが藤枠 */
#section-knowledge {
  border: 1px solid var(--color-border);
  transition: border-color 0.2s ease;
}

#section-knowledge:hover {
  border-color: var(--color-fuji-mid);
}

/* 繧ｫ繝・ざ繝ｪ繝倥ャ繝€繝ｼ */

/* 繧ｵ繝悶き繝ｼ繝・繧ｫ繝ｩ繝繧ｰ繝ｪ繝・ラ */
.creation-sub-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

/* 雉・侭繝ｻ蝓ｷ遲・そ繧ｯ繧ｷ繝ｧ繝ｳ: 邵ｦ荳ｦ縺ｳ・井ｸ頑ｮｵ=雉・侭 / 荳区ｮｵ=蝓ｷ遲・ｼ・*/
#section-knowledge .creation-sub-grid {
  grid-template-columns: 1fr;
}

/* 繧ｵ繝悶き繝ｼ繝・*/
.creation-sub-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background: #ffffff;
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
  padding: 1.5rem;
  gap: 1.5rem;
}

/* 繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ・亥・騾夲ｼ・*/
.creation-placeholder-primary {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 6px;
  border: 1px solid var(--color-border);
  margin-bottom: 0.75rem;
}

/* 繧ｵ繝悶き繝ｼ繝芽ｦ句・縺・*/
.creation-sub-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--color-main);
  margin: 0 0 0.25rem 0;
  text-align: left;
}

/* 繧ｵ繝悶き繝ｼ繝芽ｪｬ譏・窶・7髫主ｱ､竭､ 0.95rem(15.2px)縺ｸ蠎穂ｸ翫￡ 谿ｵ髫守ｸｮ蟆・(plan 1788065556310) */
.creation-sub-desc {
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--color-text);
  margin: 0 0 0.75rem 0;
  flex: 1;
  text-align: left;
}

/* 繧ｵ繝悶き繝ｼ繝韻TA */
.creation-sub-cta {
  margin-top: auto;
  margin-bottom: 0;
  text-align: left;
}

.creation-sub-cta a {
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--color-main);
  text-decoration: none;
  transition: color 0.2s ease;
}

.creation-sub-cta a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

/* 繝｢繝舌う繝ｫ: 1繧ｫ繝ｩ繝 */


/************************************
** IT髢狗匱 / 3D蛻ｶ菴懊そ繧ｯ繧ｷ繝ｧ繝ｳ: 隕句・縺励が繝ｼ繝舌・繝ｬ繧､ (R2邨ｱ蜷・
** 蜷御ｸ€謚€豕輔ｒ #section-it / #section-3d 縺ｧ蜈ｱ騾壼喧 窶・蟾ｮ蛻・・ #section-it 縺ｮ background 縺ｮ縺ｿ
** 蠕悟享縺｡鬆・ｸ榊､峨・縺溘ａ726f8d2縺ｧ霑ｽ蜉縺輔ｌ縺・#section-it 閭梧勹縺ｯ蛟句挨縺ｫ谿九＠縲・€壼ｸｸ/繝帙ヰ繝ｼ閭梧勹縺ｮ譛€邨ゆｸ頑嶌縺阪・蠕梧ｮｵ3981邉ｻ (rgba 0.32/0.8 !important) 縺梧ｭ｣
************************************/

#section-it .creation-sub-card,
#section-3d .creation-sub-card {
  position: relative;
}

#section-it .creation-sub-title,
#section-3d .creation-sub-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 0.6em 1em;
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--color-main);
  border-bottom: 2px solid var(--color-fuji);
  border-radius: 8px 8px 0 0;
  transition: background-color 0.3s ease, backdrop-filter 0.3s ease, color 0.3s ease;
}

#section-it .creation-sub-title {
  background: rgba(255, 255, 255, 0.40);
}

#section-it .creation-sub-card:hover .creation-sub-title,
#section-3d .creation-sub-card:hover .creation-sub-title {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#section-it .creation-sub-card:hover .creation-sub-title {
  background: var(--color-fuji-mid);
  color: #ffffff;
}




/************************************
** 蝓ｷ遲・/ 雉・侭 繝翫Ξ繝・ず繧ｰ繝ｪ繝・ラ・亥・闊ｬ繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ2陦檎岼・・
** 蟇ｾ雎｡: .creation-knowledge-grid
** 髱槫ｯｾ遘ｰ2繧ｫ繝ｩ繝: 蝓ｷ遲・0% / 雉・侭40%
************************************/

/* 繧ｰ繝ｪ繝・ラ繧ｳ繝ｳ繝・リ */
.creation-knowledge-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: 1.5em;
  margin: 1.5em 0;
}

/* --- 蝓ｷ遲・雉・侭繝悶Ο繝・け・域ｨｪ髟ｷ/繧ｳ繝ｳ繝代け繝亥・騾壼渕逶､ R5邨ｱ蜷茨ｼ・-- */
.creation-writing-block,
.creation-materials-block {
  background: #ffffff;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
}

.creation-writing-block:hover,
.creation-materials-block:hover {
  border-color: var(--color-fuji-mid);
}

/* 逕ｻ蜒上・繝ｬ繝ｼ繧ｹ繝帙Ν繝€繝ｼ: 讓ｪ髟ｷ 21:9 */
.creation-writing-block .creation-placeholder-writing {
  aspect-ratio: 21 / 9;
  border-radius: 6px;
  margin-bottom: 1em;
  flex: 0 0 auto;
}

/* 繧ｿ繧､繝医Ν/繧ｵ繝悶ち繧､繝医Ν/譛ｬ譁・CTA 窶・writing/materials 蜈ｱ騾夲ｼ育ｵｱ蜷・2026-08-26・・*/
.creation-writing-block .creation-knowledge-title,
.creation-materials-block .creation-knowledge-title {
  font-weight: 700;
  color: var(--color-main);
  margin: 0 0 0.3em 0;
  font-size: 1.05rem;
}

.creation-writing-block .creation-knowledge-subtitle,
.creation-materials-block .creation-knowledge-subtitle {
  font-size: 0.95rem;
  color: var(--color-text);
  margin: 0 0 0.5em 0;
}

.creation-writing-block .creation-knowledge-desc,
.creation-materials-block .creation-knowledge-desc {
  flex: 1;
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0 0 0.8em 0;
  color: var(--color-text);
}

.creation-writing-block .creation-knowledge-cta,
.creation-materials-block .creation-knowledge-cta {
  color: var(--color-main);
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease;
}

.creation-writing-block .creation-knowledge-cta:hover,
.creation-materials-block .creation-knowledge-cta:hover {
  color: var(--color-link-hover);
}

/* 逕ｻ蜒上・繝ｬ繝ｼ繧ｹ繝帙Ν繝€繝ｼ: 4:3 窶・蝓ｺ逶､縺ｯ荳願ｨ・R5 邨ｱ蜷医ヶ繝ｭ繝・け縺ｫ髮・ｴ・ｸ医∩ */
.creation-materials-block .creation-placeholder-materials {
  aspect-ratio: 4 / 3;
  border-radius: 6px;
  margin-bottom: 1em;
  flex: 0 0 auto;
}

/* --- 繝ｬ繧ｹ繝昴Φ繧ｷ繝・--- */


/* 繧ｽ繝九Μ繧｢縺ｨ縺励※縺ｮ逋ｺ菫｡豢ｻ蜍輔ヶ繝ｭ繝・け */


.creation-activity-inner {
  min-height: 200px;
}



.creation-activity-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--color-main);
  margin: 0 0 0.3em 0;
}

.creation-activity-sub {
  color: var(--color-fuji-mid);
  font-weight: 700;
  font-size: 0.95rem;
  margin: 0 0 0.5em 0;
}


.creation-activity-cta {
  font-weight: 700;
  color: var(--color-main);
}




/************************************
** 蜑ｵ菴懃ｴｹ莉具ｼ壼・髢九・謾ｯ謠ｴ繝悶Ο繝・け・・section-platforms・・
** BOOTH / Behance / FANBOX
** 50:25:25 縺ｮ3繧ｫ繝ｩ繝讒区・
** 2026-08-15: 隕句・縺・陬懆ｶｳ譁・・邨ｱ荳€繧ｳ繝ｳ繝・リ讒矩€縺ｫ謾ｹ菫ｮ
************************************/

.creation-platforms-block {
  width: 100%;
  border: 1px solid var(--color-border);
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

/* 公開先等の外側は他ブロックと共通の空色 #F3FAFD が正（IT/3D/観る/読むと同様。白上書きは誤りのため是正） */
.page-id-9 #section-platforms {
  background: var(--color-bg-light, #F3FAFD) !important;
}

.creation-platforms-block:hover {
  border-color: var(--color-fuji-mid);
}


/* 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・牙・闊ｬ繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ: 隕句・縺・隱ｬ譏取ｬ・縺ｨ 繧ｫ繝ｼ繝蛾俣縺ｮ菴咏區繧定ｩｰ繧√ｋ
   霑ｽ蜉譌･: 2026-08-20
   .creation-general-block 縺ｮ gap: 1.5rem 縺ｨ繝倥ャ繝€繝ｼ縺ｮ margin-bottom 縺悟粋邂励＆繧後ｋ縺ｮ繧帝亟縺・*/
.page-id-9 .creation-category-header {
  margin-bottom: 0;
}

.creation-category-header .creation-primary-title {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--color-main);
  margin: 0 0 0.3rem;
}

.creation-category-header .creation-primary-desc {
  font-size: 0.95rem;
  color: var(--color-text);
  margin: 0;
}

/* 蜈ｬ髢九・謾ｯ謠ｴ・夊ｦｪ繧ｳ繝ｳ繝・リ・域ｰｴ濶ｲ閭梧勹・・*/
.platforms-container {
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: 1.5rem;
}

.platforms-grid {
  display: grid;
  gap: 0.75rem;
}

/* .platform-card 縺ｮ濶ｲ繝ｻ譫繝ｻ繝帙ヰ繝ｼ遲峨・隕九◆逶ｮ縺ｯ page-id-9 蛛ｴ縺ｮ
   .creation-platforms-wrapper 繝ｫ繝ｼ繝ｫ・井ｸ区ｮｵ・峨〒螳夂ｾｩ縲ゅ％縺薙・繝ｬ繧､繧｢繧ｦ繝亥渕逶､縺ｨ繝輔か繝ｳ繝医え繧ｧ繧､繝医・縺ｿ */
.platform-card {
  display: flex;
  min-width: 0;
}

.platform-card-name {
  font-weight: 700;
  line-height: 1.3;
}

.platform-card-desc {
  opacity: 0.85;
  line-height: 1.35;
}

/* BOOTH・域怙驥崎ｦ√・荳ｻCTA・・*/
.platform-booth .platform-card-name {
  font-weight: 700;
}

.platform-booth .platform-card-desc {
  font-weight: 500;
}

/* 繝｢繝舌う繝ｫ・・68px莉･荳具ｼ会ｼ夂ｸｦ荳ｦ縺ｳ */


/************************************
** 蝓ｷ遲・雉・侭 陬懷勧繝悶Ο繝・け鬮倥＆邨ｱ荳€
** .creation-knowledge-grid 蜀・・2繝悶Ο繝・け繧呈純縺医ｋ
************************************/

.creation-knowledge-grid .creation-writing-block,
.creation-knowledge-grid .creation-materials-block {
  min-height: 200px;
  display: flex;
  flex-direction: column;
}

/* 繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ鬮倥＆邨ｱ荳€: 荳｡譁ｹ縺ｨ繧・16:9・域丐蜒丈ｽ懷刀縺ｨ邨ｱ荳€・・*/
.creation-placeholder-writing,
.creation-placeholder-materials {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 6px;
  margin-bottom: 0.8rem;
  flex: 0 0 auto;
  border: 1px solid var(--color-border);
}

/* 隱ｬ譏取枚 窶・7髫主ｱ､竭､ 0.95rem縺ｸ 谿ｵ髫守ｸｮ蟆・(plan 1788065556310) */
.creation-knowledge-desc {
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--color-text);
  margin: 0 0 0.75rem 0;
  flex: 1;
}

/* CTA 荳区純縺・*/
.creation-knowledge-cta {
  margin-top: auto;
  padding-top: 0.5rem;
}

.creation-knowledge-cta a {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--color-main);
  text-decoration: none;
  transition: color 0.2s ease;
}

.creation-knowledge-cta a:hover {
  color: var(--color-link-hover);
  text-decoration: underline;
}

/* --- 譏蜒丈ｽ懷刀繧ｳ繝ｳ繝・リ・井ｻ悶そ繧ｯ繧ｷ繝ｧ繝ｳ縺ｨ邨ｱ荳€・・--- */
.creation-motion-block {
  width: 100%;
  border: 1px solid var(--color-border);
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

.creation-motion-block:hover {
  border-color: var(--color-fuji-mid);
}

/* 譏蜒丈ｽ懷刀繧ｫ繝ｼ繝・ 逕ｻ蜒丞ｷｦ32% / 繝・く繧ｹ繝亥承68%・・lexbox縲∫匱菫｡豢ｻ蜍輔→邨ｱ荳€・・*/
.creation-motion-card {
  display: flex;
  align-items: stretch;
  gap: 1.5rem;
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 1.25rem 1.5rem;
}

.creation-motion-card .creation-placeholder-primary {
  display: block;
  flex: 0 0 40%;
  width: 40%;
  aspect-ratio: 16 / 9;
  border-radius: 6px;
  border: 1px solid var(--color-border);
}

.creation-motion-card .creation-motion-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
}

.creation-motion-card .creation-motion-text .creation-sub-title {
  text-align: left;
  margin-top: 0;
}

.creation-motion-card .creation-motion-text .creation-sub-desc {
  text-align: left;
}

/* デザイン制作の説明文: PCは現行文言を表示、タブレット/モバイルは2行収まり文言に差し替え (切替は responsive-768.css) */
.creation-design-desc-sp {
  display: none;
}

.creation-motion-card .creation-motion-text .creation-sub-cta {
  text-align: left;
}

/* 譏蜒丈ｽ懷刀蜀・・繧ｵ繝悶き繝ｼ繝・ 逕ｻ蜒丞ｷｦ50% / 繝・く繧ｹ繝亥承50%・・SS Grid・・*/
.creation-motion-block .creation-sub-card {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  align-items: start;
}

.creation-motion-block .creation-sub-card .creation-placeholder-motion {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.creation-motion-block .creation-motion-text {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.creation-motion-block .creation-motion-text .creation-sub-title {
  text-align: left;
  margin-top: 0;
}

.creation-motion-block .creation-motion-text .creation-sub-desc {
  text-align: left;
}

.creation-motion-block .creation-motion-text .creation-sub-cta {
  text-align: left;
  margin-top: auto;
}

/* 譏蜒丈ｽ懷刀蜀・・繧ｰ繝ｪ繝・ラ・・T/3D縺ｨ蜷後§2繧ｫ繝ｩ繝譫縺ｫ縺励€√し繝悶き繝ｼ繝峨ｒ50%蟷・〒繧ｳ繝ｳ繝代け繝医↓驟咲ｽｮ・・*/
.creation-motion-block .creation-sub-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

/* 繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ逕ｻ蜒擾ｼ・6:9豈皮紫繝ｻ繧ｰ繝ｩ繝・・繧ｷ繝ｧ繝ｳ・・*/
.creation-placeholder-motion {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 6px;
  border: 1px solid var(--color-border);
  margin-bottom: 0.75rem;
}

/* 雉・侭繝ｻ蝓ｷ遲・そ繧ｯ繧ｷ繝ｧ繝ｳ: 隕句・縺怜ｸｯ縺ｫ繝ｪ繝ｳ繧ｯ邨ｱ蜷・*/
.creation-knowledge-heading-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
  margin: 0 0 0.25rem 0;
  padding: 0.5em 0.75em;
  background-color: var(--color-bg-fuji);
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
}

.creation-knowledge-heading-row p {
  margin: 0;
  padding: 0;
  line-height: inherit;
}

.creation-sub-cta-inline {
  display: inline-block;
  white-space: nowrap;
  flex-shrink: 0;
}

.creation-sub-cta-inline a {
  display: inline-block;
  font-size: 0.95rem;
  font-weight: 700;
  color: #ffffff;
  background-color: var(--color-main);
  text-decoration: none;
  padding: 0.35em 0.9em;
  border-radius: 4px;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.creation-sub-cta-inline a:hover {
  background-color: var(--color-accent);
  transform: translateY(-1px);
}

/* 雉・侭繝ｻ蝓ｷ遲・そ繧ｯ繧ｷ繝ｧ繝ｳ: 繧ｫ繝ｼ繝牙・繝ｬ繧､繧｢繧ｦ繝茨ｼ域丐蜒丈ｽ懷刀縺ｨ邨ｱ荳€・・*/
.creation-knowledge-block .creation-sub-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
}

.creation-knowledge-block .creation-sub-card .creation-knowledge-text {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* 逕ｻ蜒上・繝ｬ繝ｼ繧ｹ繝帙Ν繝€繝ｼ 繝ｪ繝ｳ繧ｯ蛹・*/
.creation-placeholder-link {
  grid-column: 1;
  grid-row: 1;
}

/* 譏蜒丈ｽ懷刀縺ｮ繝ｪ繝ｳ繧ｯ蛹・ 繝｢繝ｼ繧ｷ繝ｧ繝ｳ繧ｫ繝ｼ繝臥畑荳頑嶌縺・*/
.creation-motion-card .creation-placeholder-link {
  min-width: 0;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 6px;
  align-self: start;
  grid-column: unset;
  grid-row: unset;
}

.creation-placeholder-link span.creation-placeholder-primary {
  display: block;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  border-radius: 6px;
  border: 1px solid var(--color-border);
}

/* 譏蜒丈ｽ懷刀縺ｮ繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ繧帝€壼ｸｸ繝輔Ο繝ｼ縺ｮ16:9逕ｻ蜒上→縺励※陦ｨ遉ｺ */
.page-id-9 .creation-motion-card .creation-placeholder-link {
  position: relative;
  flex: 0 0 40%;
  width: 40%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.page-id-9 .creation-motion-card .creation-placeholder-link .creation-placeholder-motion {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}


/* 螟夜Κ繝ｪ繝ｳ繧ｯ繧｢繧､繧ｳ繝ｳ・亥承荳企嚆・・*/
.creation-external-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-main);
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  opacity: 0.6;
  transition: opacity 0.2s ease, background-color 0.2s ease;
  pointer-events: none;
}

.creation-placeholder-link:hover .creation-external-icon {
  opacity: 1;
  background: var(--color-main);
  color: #ffffff;
}

/* 繝帙ヰ繝ｼ譎ゅ・繧ｫ繝ｼ繝画棧蜿榊ｿ懶ｼ育判蜒上・繧ｯ繝ｪ繧｢縺ｫ邯ｭ謖・ｼ・*/
.creation-placeholder-link:hover {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* 繝帙ヰ繝ｼ譎ゅ・繧ｫ繝ｼ繝画棧蜿榊ｿ懶ｼ育匱菫｡豢ｻ蜍輔・繝ｬ繝ｼ繧ｹ繝帙Ν繝€繝ｼ・・*/
.creation-activity-media-link:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.creation-placeholder-link .creation-placeholder-knowledge {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 6px;
  transition: box-shadow 0.2s ease;
}

/* 繝｢繝舌う繝ｫ蟇ｾ蠢懶ｼ・68px莉･荳具ｼ・*/


/* Activity block - creation page */
#section-activity.creation-activity-block {
  width: 100%;
  border: 1px solid var(--color-border);
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

.creation-activity-inner {
  display: flex;
  gap: 1.5rem;
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: 8px;
}

.creation-activity-media {
  flex: 0 0 32%;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--color-border);
  border-radius: 6px;
}

.creation-activity-text {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

/* 豢ｻ蜍輔そ繧ｯ繧ｷ繝ｧ繝ｳ縺ｮ隕句・縺励ｒ繝・く繧ｹ繝医お繝ｪ繧｢蜈ｨ菴薙↓讓ｪ蟷・僑蠑ｵ */
#section-activity .creation-sub-title {
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
}

.creation-activity-desc {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--color-text);
  margin: 0 0 0.75rem 0;
}

.creation-activity-cta a {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--color-main);
  text-decoration: none;
  transition: color 0.2s ease;
}

.creation-activity-cta a:hover {
  color: var(--color-link-hover);
  text-decoration: underline;
}

/* 繝｢繝舌う繝ｫ・・68px莉･荳具ｼ・*/


/* 繧ｿ繧､繝医Ν陦・ 隕句・縺・+ 繝懊ち繝ｳ */
.creation-activity-title-row {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.75em;
  margin-bottom: 0.6em;
}

.creation-activity-title-row .creation-sub-title {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.4em 0;
  border-bottom: none;
}

/* 逕ｻ蜒上Μ繝ｳ繧ｯ蛹・*/
.creation-activity-media-link {
  position: relative;
  display: block;
  flex: 0 0 40%;
  min-width: 0;
  aspect-ratio: 16 / 9;
  border-radius: 6px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.2s ease;
}

.creation-activity-media-link .creation-activity-media {
  width: 100%;
  height: 100%;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  transition: border-color 0.2s ease;
}

/* 螟夜Κ繝ｪ繝ｳ繧ｯ繧｢繧､繧ｳ繝ｳ・亥承荳奇ｼ・*/
.creation-activity-media-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--color-main);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  opacity: 0.6;
  transition: opacity 0.2s ease;
  z-index: 2;
}

.creation-activity-media-link:hover .creation-activity-media-icon {
  opacity: 1;
  background: var(--color-main);
  color: #ffffff;
}

/* 繧ｿ繧ｰ・医メ繝・・・・*/
.creation-activity-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4em;
  margin-bottom: 0.6em;
}

.creation-activity-tag {
  display: inline-block;
  font-size: 0.8em;
  font-weight: 500;
  color: var(--color-main);
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  cursor: default;
  transition: none;
}

.creation-activity-tag:hover {
  color: var(--color-main);
  background: transparent;
  cursor: default;
}

/* 繝ｬ繧ｹ繝昴Φ繧ｷ繝・*/


/************************************
** 雉・侭繝ｻ蝓ｷ遲・ 逕ｻ蜒・繧｢繧､繧ｳ繝ｳ 繧ｪ繝ｼ繝舌・繝ｬ繧､菫ｮ豁｣
** 逕ｻ蜒上Μ繝ｳ繧ｯ蜈ｨ菴薙ｒ繧ｯ繝ｪ繝・け蜿ｯ閭ｽ縺ｫ縺励€∝承荳企嚆縺ｫ謗ｧ縺医ａ縺ｪ竊励い繧､繧ｳ繝ｳ繧帝・鄂ｮ
** 蟇ｾ雎｡: .creation-knowledge-block .creation-sub-card
** 螟画峩譌･: 2026-08-16
************************************/

/* 繝ｪ繝ｳ繧ｯ鬆伜沺: 逕ｻ蜒・繧｢繧､繧ｳ繝ｳ繧貞峇繧€繧ｳ繝ｳ繝・リ */
.creation-knowledge-block .creation-sub-card .creation-placeholder-link {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 6px;
  text-decoration: none;
}

/* 逕ｻ蜒上・繝ｬ繝ｼ繧ｹ繝帙Ν繝€繝ｼ: 繝ｪ繝ｳ繧ｯ蜀・〒陦ｨ遉ｺ・・pan縺ｧ繧Ｃlock陦ｨ遉ｺ・・*/
.creation-knowledge-block .creation-sub-card .creation-placeholder-link .creation-placeholder-knowledge,
.creation-knowledge-block .creation-sub-card .creation-placeholder-link span.creation-placeholder-knowledge,
.creation-knowledge-block .creation-knowledge-card .creation-placeholder-link span.creation-placeholder-knowledge {
  display: block;
  width: 100%;
}

/* 竊・繧｢繧､繧ｳ繝ｳ: 逕ｻ蜒丞承荳企嚆縺ｫ繧ｪ繝ｼ繝舌・繝ｬ繧､驟咲ｽｮ */
.creation-knowledge-block .creation-sub-card .creation-external-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  color: var(--color-main);
  pointer-events: none;
  z-index: 2;
  line-height: 1;
  text-align: center;
}

/* 繝帙ヰ繝ｼ譎・ 繝・・繝槭き繝ｩ繝ｼ閭梧勹・狗區謚懊″譁・ｭ・*/
.creation-knowledge-block .creation-sub-card .creation-placeholder-link:hover .creation-external-icon {
  background: var(--color-main);
  color: #ffffff;
}

/* 繝｢繝舌う繝ｫ蟇ｾ蠢・*/


/************************************
** 雉・侭繝ｻ蝓ｷ遲・ 隕句・縺励が繝ｼ繝舌・繝ｬ繧､・・T髢狗匱縺ｨ蜷御ｸ€謚€豕包ｼ・
** 逕ｻ蜒丞・菴薙ｒ繝ｪ繝ｳ繧ｯ蛹悶€∬ｦ句・縺励ｒ荳企Κ縺ｫ繧ｪ繝ｼ繝舌・繝ｬ繧､驟咲ｽｮ
************************************/

/* 繧ｫ繝ｼ繝牙・菴・ 豌ｴ濶ｲ譫・域丐蜒丈ｽ懷刀繝ｻ逋ｺ菫｡豢ｻ蜍輔→邨ｱ荳€・・*/
.creation-knowledge-card {
  background: var(--color-sky-tint);
  border: 1px solid var(--color-border);
  border-radius: 6px;
}

.creation-knowledge-card .creation-placeholder-link {
  position: relative;
  display: block;
}


.creation-knowledge-card .creation-placeholder-title {
  color: var(--color-main);
  font-weight: 700;
  font-size: 1.05rem;
}

.creation-knowledge-card .creation-placeholder-heading .creation-external-icon {
  position: relative;
  top: auto;
  right: auto;
  opacity: 0.6;
  transition: opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

/* 繝帙ヰ繝ｼ譎・ 隕句・縺怜ｸｯ縺梧ｿ・牡縺ｫ螟牙喧縺励€√ユ繧ｭ繧ｹ繝医・逋ｽ縺ｫ */

/* 繝帙ヰ繝ｼ譎・ 縲瑚ｳ・侭縲阪€悟濤遲・€阪・譁・ｭ苓牡繧堤區縺ｫ */
.creation-knowledge-card .creation-placeholder-link:hover .creation-placeholder-heading .creation-placeholder-title {
  color: #ffffff;
}

.creation-knowledge-card .creation-placeholder-link:hover .creation-placeholder-heading .creation-external-icon {
  opacity: 1;
  background: rgba(255, 255, 255, 0.85);
  color: var(--color-main);
}

/* 隱ｬ譏取枚: 豌ｴ濶ｲ譫・域丐蜒丈ｽ懷刀繝ｻ逋ｺ菫｡豢ｻ蜍輔→邨ｱ荳€・・*/
.creation-knowledge-text {
  background: var(--color-sky-tint);
  border: 1px solid var(--color-border);
  border-radius: 0 0 6px 6px;
  padding: 0.8em 1em;
}



/************************************
** 繧ｫ繝ｼ繝峨・繝舌・譎ゅい繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ・・T髢狗匱繝ｻ3D蛻ｶ菴懊そ繧ｯ繧ｷ繝ｧ繝ｳ・・
** 蟇ｾ雎｡: #section-it / #section-3d 縺ｮ .creation-sub-card 縺ｮ縺ｿ
** 菴懈・: 2026-08-16
** 繝ｫ繝ｼ繝ｫ:
**   谿ｵ髫・・医き繝ｼ繝画棧繝帙ヰ繝ｼ・・ 隕句・縺励・豼・牡蛹・+ 繝ｪ繝ｳ繧ｯ濶ｲ螟牙喧 + 遏｢蜊ｰ繧ｹ繝ｩ繧､繝・
**   谿ｵ髫・・医Μ繝ｳ繧ｯ逶ｴ謗･繝帙ヰ繝ｼ・・ 繝斐Ν蝙九・繧ｿ繝ｳ蛹・
************************************/

/* 繝ｪ繝ｳ繧ｯ濶ｲ縺ｮ蛻晄悄迥ｶ諷具ｼ育泙蜊ｰ蜷ｫ繧€・・*/
#section-it .creation-sub-cta a,
#section-3d .creation-sub-cta a {
  transition: color 0.3s ease, background-color 0.3s ease, border-radius 0.3s ease, box-shadow 0.3s ease;
}

/* 繧ｫ繝ｼ繝蛾ｫ倥＆縺ｯ繧ｳ繝ｳ繝・Φ繝・ｾ晏ｭ假ｼ郁・辟ｶ縺ｪ鬮倥＆・・ 縺ｯ縺ｿ蜃ｺ縺鈴亟豁｢縺ｮ縺ｿ */
.page-id-9 #section-it .creation-sub-card,
.page-id-9 #section-3d .creation-sub-card,
#section-it .creation-sub-card,
#section-3d .creation-sub-card {
  overflow: hidden !important;
}

/* CTA鬆伜沺縺ｮflexbox蜿守ｸｮ髦ｲ豁｢・磯ｫ倥＆縺ｯ繧ｳ繝ｳ繝・Φ繝・ｾ晏ｭ假ｼ・*/
.page-id-9 #section-it .creation-sub-cta,
.page-id-9 #section-3d .creation-sub-cta,
#section-it .creation-sub-cta,
#section-3d .creation-sub-cta {
  flex-shrink: 0 !important;
}

/* 遏｢蜊ｰ縺ｮ蛻晄悄迥ｶ諷・*/
#section-it .creation-arrow,
#section-3d .creation-arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}

/* 谿ｵ髫・: 繧ｫ繝ｼ繝画棧繝帙ヰ繝ｼ譎・*/
/* 隕句・縺励・豼・牡蛹・*/
#section-it .creation-sub-card:hover .creation-sub-title,

/* 繝ｪ繝ｳ繧ｯ繝・く繧ｹ繝郁牡螟牙喧・育ｿ｡鄙濶ｲ邉ｻ縺ｸ・・*/
#section-it .creation-sub-card:hover .creation-sub-cta a,
#section-3d .creation-sub-card:hover .creation-sub-cta a {
  color: #2B6B58; /* 鄙｡鄙濶ｲdeep */
}

/* 遏｢蜊ｰ繧ｹ繝ｩ繧､繝会ｼ亥承譁ｹ蜷代↓5px・・*/
#section-it .creation-sub-card:hover .creation-arrow,
#section-3d .creation-sub-card:hover .creation-arrow {
  transform: translateX(5px);
}

/* 谿ｵ髫・: 繝ｪ繝ｳ繧ｯ逶ｴ謗･繝帙ヰ繝ｼ譎・*/
/* 繝斐Ν蝙九・繧ｿ繝ｳ蛹厄ｼ磯ｫ倥＆蝗ｺ螳・ min-height+box-sizing縺ｧ邵ｦpadding螟牙喧繧帝亟豁｢・・*/
#section-it .creation-sub-cta a:hover,
#section-3d .creation-sub-cta a:hover {
  background-color: #2B6F58; /* 鄙｡鄙濶ｲdeep */
  color: #ffffff !important;
  padding: 0 1em; /* 讓ｪ譁ｹ蜷代・縺ｿ螟牙喧・育ｸｦ譁ｹ蜷代・鬮倥＆蝗ｺ螳壹・縺溘ａ螟牙喧縺ｪ縺暦ｼ・*/
  border-radius: 2em;
  box-shadow: 0 2px 8px rgba(43, 107, 88, 0.25);
  cursor: pointer;
}

/* 繝懊ち繝ｳ繝帙ヰ繝ｼ譎ゅ・遏｢蜊ｰ繧ｹ繝ｩ繧､繝牙ｼｷ蛹・*/
#section-it .creation-sub-cta a:hover .creation-arrow,
#section-3d .creation-sub-cta a:hover .creation-arrow {
  transform: translateX(8px);
}

/* prefers-reduced-motion蟇ｾ蠢・*/
@media (prefers-reduced-motion: reduce) {
  #section-it .creation-sub-cta a,
  #section-3d .creation-sub-cta a,
  #section-it .creation-arrow,
  #section-3d .creation-arrow,
  #section-it .creation-sub-title,
  #section-3d .creation-sub-title {
    transition: none;
  }
  #section-it .creation-sub-card:hover .creation-arrow,
  #section-3d .creation-sub-card:hover .creation-arrow,
  #section-it .creation-sub-cta a:hover .creation-arrow,
  #section-3d .creation-sub-cta a:hover .creation-arrow {
    transform: none;
  }
}

/* 繝｢繝舌う繝ｫ蟇ｾ蠢・*/


/************************************
** 2繧ｫ繝ｩ繝繧ｰ繝ｪ繝・ラ 繝ｬ繧､繧｢繧ｦ繝茨ｼ・D:9・・
** 蟾ｦ蛛ｴ 2/3: 譏蜒丈ｽ懷刀 + 逋ｺ菫｡豢ｻ蜍包ｼ井ｸ贋ｸ矩・鄂ｮ・・
** 蜿ｳ蛛ｴ 1/3: 雉・侭繝ｻ蝓ｷ遲・ｼ磯ｫ倥＆蜷梧悄・・
** 蟇ｾ雎｡: .page-id-9 縺ｮ縺ｿ
** 螟画峩譌･: 2026-08-16
************************************/

/* 繧ｰ繝ｪ繝・ラ繧ｳ繝ｳ繝・リ: .entry-content 繧貞・蟷・ｸｦ遨阪∩縺ｫ邨ｱ荳€・・026-08-29 隕ｳ繧・隱ｭ繧€ 50%蜀肴ｧ狗ｯ会ｼ・*/

/* 繝壹・繧ｸ繝翫ン繝舌・縺ｯ繧ｰ繝ｪ繝・ラ縺九ｉ螟悶＠縺ｦ蜈ｨ蟷・｡ｨ遉ｺ */
.page-id-9 .entry-content > .page-navi-bar {
  grid-column: 1 / -1;
  grid-row: auto;
}

/* 縲悟・闊ｬ縲崎ｦ句・縺励ｂ繧ｰ繝ｪ繝・ラ縺九ｉ螟悶＠縺ｦ蜈ｨ蟷・｡ｨ遉ｺ */
.page-id-9 .entry-content > .creation-section-heading {
  grid-column: 1 / -1;
  grid-row: auto;
}

/* 讎ょｿｵ譁・ｂ繧ｰ繝ｪ繝・ラ縺九ｉ螟悶＠縺ｦ蜈ｨ蟷・｡ｨ遉ｺ */
.page-id-9 .entry-content > .creation-concept {
  grid-column: 1 / -1;
  grid-row: auto;
}

/* IT髢狗匱繝ｻ3D蛻ｶ菴懊・蜈ｨ蟷・｡ｨ遉ｺ・医げ繝ｪ繝・ラ縺九ｉ螟悶☆・・*/
.page-id-9 .entry-content > #section-it,
.page-id-9 .entry-content > #section-3d {
  grid-column: 1 / -1;
  grid-row: auto;
}

/* 蟾ｦ繧ｫ繝ｩ繝繝ｩ繝・ヱ繝ｼ: 譏蜒丈ｽ懷刀 + 逋ｺ菫｡豢ｻ蜍包ｼ育ｸｦ荳ｦ縺ｳ・・*/
.page-id-9 .creation-split-layout {
  grid-column: 1;
  flex-direction: column;
  gap: 1.5rem;
}

/* 蜈ｨ蟷・ｸｦ遨阪∩・・026-08-29 隕ｳ繧・隱ｭ繧€ 50%蜀肴ｧ狗ｯ・ 譌ｧ 2fr 1fr 蜷梧悄繧呈彫蟒・ｼ・*/
.page-id-9 #section-view,
.page-id-9 #section-read,
.page-id-9 #section-it,
.page-id-9 #section-3d,
.page-id-9 #section-platforms {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  margin: 0 !important;
  align-self: stretch !important;
}

/* 譌ｧID莠呈鋤・・TML縺九ｉ縺ｯ蜑企勁貂医∩縺縺梧ｮ狗ｽｮ縺励※繧ら┌螳ｳ 窶・蜈ｨ蟷・↓蛟偵☆・・*/
.page-id-9 #section-knowledge,
.page-id-9 #section-motion,
.page-id-9 #section-activity {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  margin: 0 !important;
  align-self: stretch !important;
}


/* 蜈ｬ髢九・謾ｯ謠ｴ縺ｯ蜈ｨ蟷・｡ｨ遉ｺ・医げ繝ｪ繝・ラ縺九ｉ螟悶☆・・*/
.page-id-9 .entry-content > #section-platforms {
  grid-column: 1 / -1;
  grid-row: auto;
}

/* 蛹ｺ蛻・ｊ邱壹・蜈ｨ蟷・｡ｨ遉ｺ */

/* 繧ｲ繝ｼ繝蛻ｶ菴懊そ繧ｯ繧ｷ繝ｧ繝ｳ縺ｯ蜈ｨ蟷・｡ｨ遉ｺ */
.page-id-9 .entry-content > .creation-section-heading#section-game,
.page-id-9 .entry-content > .creation-game-description,
.page-id-9 .entry-content > .creation-three-column {
  grid-column: 1 / -1;
}

/* 繝ｬ繧ｹ繝昴Φ繧ｷ繝・ 繧ｿ繝悶Ξ繝・ヨ・・69px縲・024px・・窶・蜈ｨ蟷・ｸｦ遨阪∩邯ｭ謖・ｼ・026-08-29 隕ｳ繧・隱ｭ繧€ 50%蜀肴ｧ狗ｯ峨〒 1fr 1fr 繧呈彫蟒・ｼ・*/


/* 蜑ｵ菴懃ｴｹ莉・ 繝翫ン繝舌・竊呈怙蛻昴・隕句・縺鈴俣菴咏區繧・32px 縺ｫ邨ｱ荳€・・px繧ｰ繝ｪ繝・ラ貅匁侠・・*/
/* 繝悶Ξ繝ｼ繧ｯ繝昴う繝ｳ繝医＃縺ｨ縺ｫ grid gap 縺ｨ margin-bottom 縺ｮ蜷郁ｨ医′ 32px 縺ｫ縺ｪ繧九ｈ縺・ｪｿ謨ｴ縺吶ｋ縲・
   荳翫°繧蛾・↓荳頑嶌縺阪′蜉ｹ縺上ｈ縺・€√ョ繧ｹ繧ｯ繝医ャ繝・竊・繧ｿ繝悶Ξ繝・ヨ 竊・繝｢繝舌う繝ｫ 縺ｮ鬆・〒險倩ｿｰ縺吶ｋ縲・*/
/* 繝・せ繧ｯ繝医ャ繝・ grid gap(24px) + margin-bottom(8px) = 32px */
.page-id-9 .entry-content > .page-navi-bar {
  margin-bottom: 8px !important;
}

.page-id-9 .creation-section-heading {
  margin-top: 0 !important;
}

/* 繧ｿ繝悶Ξ繝・ヨ: grid gap(20px) + margin-bottom(12px) = 32px */


/* 繝ｬ繧ｹ繝昴Φ繧ｷ繝・ 繝｢繝舌う繝ｫ・・68px莉･荳具ｼ・*/


/* ===== 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ繧ｪ繝ｼ繝舌・繝ｬ繧､ + 繝ｩ繝・ヱ繝ｼ讒矩€ ===== */
/* 霑ｽ蜉譌･: 2026-08-16 */
/* 蟇ｾ雎｡: 7 繧ｵ繝悶そ繧ｯ繧ｷ繝ｧ繝ｳ・・T髢狗匱 / 3D蛻ｶ菴・/ 譏蜒丈ｽ懷刀 / 逋ｺ菫｡豢ｻ蜍・/ 雉・侭繝ｻ蝓ｷ遲・ｼ・ 蜈ｬ髢九・謾ｯ謠ｴ */

/* 繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ繝ｪ繝ｳ繧ｯ: 16:9 豈皮紫邯ｭ謖・*/
.page-id-9 .creation-placeholder-link {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  text-decoration: none;
  color: inherit;
  aspect-ratio: 16 / 9;
}

/* 繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ逕ｻ蜒擾ｼ・6:9 繧貞ｮ悟・縺ｫ繧ｫ繝舌・・・*/
.page-id-9 .creation-placeholder-primary,
.page-id-9 .creation-placeholder-knowledge,
.page-id-9 .creation-activity-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* 繧ｪ繝ｼ繝舌・繝ｬ繧､繝舌・: 逕ｻ蜒丈ｸ矩Κ縺ｫ邨ｶ蟇ｾ驟咲ｽｮ・磯€城℃ 竊・繝帙ヰ繝ｼ縺ｧ豼・牡・・*/
.page-id-9 .creation-placeholder-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 2;
  color: var(--color-fuji-deep, #5F568E);
  transition: background 0.25s ease, color 0.25s ease;
}

/* 繧ｪ繝ｼ繝舌・繝ｬ繧､蜀・・隕句・縺励ち繧､繝医Ν */
.page-id-9 .creation-overlay-title {
  font-weight: bold;
}

/* ===== 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 竊励い繧､繧ｳ繝ｳ蟒・ｭ｢(2026-08-30 plan 1788020695292) ===== */
/* 8逕ｻ蜒上が繝ｼ繝舌・繝ｬ繧､蜿ｳ遶ｯ遏｢蜊ｰ繧貞炎髯､縲１HP蛛ｴ縺ｧDOM蜑企勁貂医∩縲，SS縺ｯ菫晞匱縺ｧ髱櫁｡ｨ遉ｺ・医ご繝ｼ繝/荳€隕ｧ繝ｪ繝ｳ繧ｯ遏｢蜊ｰ縺ｯ蟇ｾ雎｡螟厄ｼ・*/
.page-id-9 .creation-overlay-icon {
  display: none !important;
}

/* 豌ｴ濶ｲ繝ｩ繝・ヱ繝ｼ・郁ｳ・侭繝ｻ蝓ｷ遲・繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ・・*/

/* 髱定牡繝ｩ繝・ヱ繝ｼ・亥・髢九・謾ｯ謠ｴ 繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ・・*/

/* 髱定牡繝ｩ繝・ヱ繝ｼ蜀・・逋ｽ譁・ｭ・*/
/* 髱定牡繝ｩ繝・ヱ繝ｼ蜀・platform-card 縺ｯ逋ｽ閭梧勹 */

.page-id-9 .creation-platforms-wrapper .platform-card .platform-card-name,
.page-id-9 .creation-platforms-wrapper .platform-card .platform-card-desc {
  color: var(--color-main, #5F568E);
}

/* 繝｢繝舌う繝ｫ蟇ｾ蠢・*/


/* print styles moved to css/print.css (Tier B R7 2026-08-25) 窶・see css/print.css for print blocks */


/* 蜈ｬ髢九・謾ｯ謠ｴ縺ｮ繝ｩ繝・ヱ繝ｼ繧呈ｰｴ濶ｲ・・F3FAFD・峨↓ */
/* 2026-09-03 ユーザー指示で白に戻す（空色 #F3FAFD をやめる。パステル3ボタンを載せる土台は白） */
.page-id-9 .creation-platforms-wrapper {
  border-radius: 10px;
  background: #ffffff !important;
}

/* 公開先等の白色wrapperは観る/読むの motion-card・game-card と同族で hover 時に浮き上がる（d86d596 の正を復旧） */
.page-id-9 .creation-platforms-wrapper {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.page-id-9 .creation-platforms-wrapper:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

/* 髱定牡繝ｩ繝・ヱ繝ｼ逕ｨ縺ｫ縺励※縺・◆逋ｽ譁・ｭ励せ繧ｿ繧､繝ｫ繧堤┌蜉ｹ蛹・*/
.page-id-9 .creation-platforms-wrapper .creation-primary-title,
.page-id-9 .creation-platforms-wrapper .creation-primary-desc {
  color: var(--color-main, #5F568E) !important;
}


/* ===== 蜈ｬ髢九・謾ｯ謠ｴ 繧ｫ繝ｼ繝画隼蝟・ 2026-08-16 ===== */
/* 蟇ｾ雎｡: .platform-card・・OOTH / Behance / FANBOX 縺ｮ3繧ｫ繝ｼ繝峨・縺ｿ・・*/
/* 螟画峩蜀・ｮｹ: 隗剃ｸｸ繝ｻ繝懊・繝€繝ｼ繝ｻ繝帙ヰ繝ｼ繧ｨ繝輔ぉ繧ｯ繝茨ｼ域ｵｮ驕・蠖ｱ・峨・繧｢繧ｯ繧ｻ繝ｳ繝亥ｸｯ */
/* 窶ｻ .creation-platforms-wrapper 邨檎罰縺ｧ謖・ｮ夲ｼ・pecificity 0,3,1 縺ｧ wrapper 繝ｫ繝ｼ繝ｫ縺ｫ蜍昴▽縺溘ａ・・*/

/* 繧ｫ繝ｼ繝牙・騾・ 隗剃ｸｸ繝ｻ繝懊・繝€繝ｼ繝ｻ繝代ョ繧｣繝ｳ繧ｰ繝ｻ鬮倥＆邨ｱ荳€繝ｻ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
/* 2026-09-03 plan 1788428842274: 公開先等3ボタン ヒーロー同族パステルの共通土台（中央2段・radius8・ヘアライン影） */
/* transitionは.top-hero-btn（section-hero.css）と同値 4prop限定 を明示。創作ページではsection-hero.css自体が読まれないため自前で持つ（2026-09-03 plan 1788438155218でall→限定化） */
.page-id-9 .creation-platforms-wrapper .platform-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.35em;
  background: #EBE4F3;
  /* 2026-09-03 plan 1788436546807: 白中心＋4方向グラデ（公開先3個で停止位置統一60%/80%。外形・文字不変） */
  /* 2026-09-03 plan 1788438155218: radial白60%廃止→ベタtint＋inset化 */
  color: #5F568E;
  border-radius: 8px !important;
  border: 1px solid rgba(95,86,142,0.34) !important;
  padding: 0.85em 1.6em !important;
  min-height: 88px !important;
  box-sizing: border-box !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(95,86,142,0.08), inset 0 1px 0 rgba(255,255,255,0.6);
}

/* 2026-09-03 plan 1788436546807: hoverはY浮き強化（-1.5px→-3px＋0 8 18系）。面・枠の色は各ボタン固有hoverで上書き */
.page-id-9 .creation-platforms-wrapper .platform-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(95,86,142,0.12), inset 0 1px 0 rgba(255,255,255,0.6);
}
.page-id-9 .creation-platforms-wrapper .platform-card:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(95,86,142,0.08), inset 0 1px 0 rgba(255,255,255,0.6);
}
.page-id-9 .creation-platforms-wrapper .platform-card.platform-booth:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(95,86,142,0.08), inset 0 1px 0 rgba(255,255,255,0.6) !important;
}
.page-id-9 .creation-platforms-wrapper .platform-card.platform-behance:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(63,102,140,0.08), inset 0 1px 0 rgba(255,255,255,0.6) !important;
}
.page-id-9 .creation-platforms-wrapper .platform-card.platform-fanbox:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(43,107,88,0.08), inset 0 1px 0 rgba(255,255,255,0.6) !important;
}

/* BOOTH・域怙驥崎ｦ，TA・・ 邏ｫ濶ｲ繧｢繧ｯ繧ｻ繝ｳ繝亥ｸｯ + 繝帙ヰ繝ｼ縺ｧ證苓ｻ｢ */
/* 2026-09-03 plan 1788428842274: BOOTH＝藤tint（主役）。塗りつぶしをやめ、枠だけ2px＋濃色で主役を示す */
.page-id-9 .creation-platforms-wrapper .platform-card.platform-booth {
  background: #EBE4F3 !important;
  /* 2026-09-03 plan 1788438155218: radial廃止→ベタ＋inset（BOOTH藤・枠2px維持） */
  color: #5F568E !important;
  border: 2px solid rgba(95,86,142,0.40) !important;
  box-shadow: 0 2px 8px rgba(95,86,142,0.08), inset 0 1px 0 rgba(255,255,255,0.6);
}

.page-id-9 .creation-platforms-wrapper .platform-card.platform-booth .platform-card-name,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-booth .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-booth .platform-card-chevron {
  color: #5F568E !important;
}


/* Behance: 髱定牡繧｢繧ｯ繧ｻ繝ｳ繝亥ｸｯ + 繝帙ヰ繝ｼ縺ｧ豌ｴ濶ｲ閭梧勹 */
/* 2026-09-03 plan 1788428842274: Behance＝空tint（ヒーロー創作ボタンと同族） */
.page-id-9 .creation-platforms-wrapper .platform-card.platform-behance {
  background: #E4EDF4 !important;
  /* 2026-09-03 plan 1788438155218: radial廃止→ベタ＋inset（Behance空） */
  color: #3F668C !important;
  border: 1px solid rgba(63,102,140,0.32) !important;
  box-shadow: 0 2px 8px rgba(63,102,140,0.08), inset 0 1px 0 rgba(255,255,255,0.6);
}

.page-id-9 .creation-platforms-wrapper .platform-card.platform-behance .platform-card-name,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-behance .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-behance .platform-card-chevron {
  color: #3F668C !important;
}


/* FANBOX: 鄙｡鄙濶ｲ繧｢繧ｯ繧ｻ繝ｳ繝亥ｸｯ + 繝帙ヰ繝ｼ縺ｧ鄙｡鄙閭梧勹 */

/* 2026-09-03 plan 1788428842274: FANBOX＝翡翠tint（新色。text #2B6B58 / bg #EFF8F5 = 5.8:1 でAA適合） */

.page-id-9 .creation-platforms-wrapper .platform-card.platform-fanbox {
  background: #EFF8F5 !important;
  /* 2026-09-03 plan 1788438155218: radial廃止→ベタ＋inset（FANBOX翡翠） */
  color: #2B6B58 !important;
  border: 1px solid rgba(43,107,88,0.32) !important;
  box-shadow: 0 2px 8px rgba(43,107,88,0.08), inset 0 1px 0 rgba(255,255,255,0.6);
}

.page-id-9 .creation-platforms-wrapper .platform-card.platform-fanbox .platform-card-name,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-fanbox .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-fanbox .platform-card-chevron {
  color: #2B6B58 !important;
}


/* 繝｢繝舌う繝ｫ: 繧ｫ繝ｼ繝蛾ｫ倥＆繝ｻ繝代ョ繧｣繝ｳ繧ｰ隱ｿ謨ｴ */


/* prefers-reduced-motion蟇ｾ蠢・*/
@media (prefers-reduced-motion: reduce) {
  .page-id-9 .creation-platforms-wrapper {
    transition: none !important;
  }
  .page-id-9 .creation-platforms-wrapper:hover {
    transform: none !important;
    box-shadow: none !important;
  }
  .page-id-9 .creation-platforms-wrapper .platform-card {
    transition: none !important;
  }
  .page-id-9 .creation-platforms-wrapper .platform-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }
  /* overlay遏｢蜊ｰ縺ｯ display:none 縺ｮ縺溘ａ transition 荳崎ｦ・ｼ・026-08-30 蜑企勁・・*/
}

/* === 竭｣ Fixed Pages 窶・ID:9 蜑ｵ菴懃ｴｹ莉・v7/v8 height:auto縺ｯ蠕梧ｮｵ5622邉ｻ(v9)縺ｫ邨ｱ蜷域ｸ医∩ (R8 Phase5) */
/* === 竭｣ Fixed Pages 窶・ID:9 蜑ｵ菴懃ｴｹ莉・v8 (2026-08-16) 窶・grid/card蜀榊ｮ夂ｾｩ === */
/* 1. 豌ｴ濶ｲ繝ｩ繝・ヱ繝ｼ・・creation-knowledge-wrapper・峨・荳贋ｸ倶ｽ咏區繧貞悸邵ｮ */
/* 2. 譏蜒丈ｽ懷刀縺ｨ逋ｺ菫｡豢ｻ蜍暮俣縺ｮ菴咏區繧貞悸邵ｮ */
/* 2026-08-25: 蠕梧ｮｵ縺ｮ荳€諡ｬ padding 螳夂ｾｩ・・4540 / L4788・峨↓蜷ｸ蜿弱＆繧後◆縺溘ａ蜑企勁 窶・.creation-motion-block / .creation-knowledge-block / .creation-activity-block 縺ｮ padding-bottom:12px 縺ｯ蟶ｸ譎・shorthand 縺ｫ雋縺代ｋ縺溘ａ辟｡蜉ｹ */

/* === 竭｣ Fixed Pages 窶・ID:9 蜑ｵ菴懃ｴｹ莉・v9 (2026-08-16) 窶・knowledge蝨ｧ邵ｮ蜑・=== */
/* 譏蜒丈ｽ懷刀縺ｨ逋ｺ菫｡豢ｻ蜍輔・繝代ョ繧｣繝ｳ繧ｰ繧・17px 縺ｫ邨ｱ荳€・井ｸ贋ｸ句ｷｦ蜿ｳ繝舌Λ繝ｳ繧ｹ隱ｿ謨ｴ・・/

.page-id-9 .creation-motion-card,
.page-id-9 .creation-activity-inner {
  padding: 17px !important; /* 20px 24px 竊・17px 17px 縺ｫ邨ｱ荳€ */
}

/* === 竭｣ Fixed Pages 窶・ID:9 蜑ｵ菴懃ｴｹ莉・v10 (2026-08-16) 窶・activity CTA邨ｱ蜷・=== */
/* 譯・: 逋ｺ菫｡豢ｻ蜍輔・wrapper鬮倥＆繧堤判蜒上↓蜷医ｏ縺帙€∥lign-items: center 縺ｧ荳ｭ螟ｮ謠・∴ */

.page-id-9 .creation-activity-inner {
  align-items: center !important; /* 逕ｻ蜒上→繝・く繧ｹ繝医ｒ邵ｦ譁ｹ蜷台ｸｭ螟ｮ謠・∴ */
}

/* ===== 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・峨・繝ｬ繝ｼ繧ｹ繝帙Ν繝€繝ｼ邨ｱ荳€: 2026-08-16 ===== */
/* 譏蜒丈ｽ懷刀繝ｻ逋ｺ菫｡豢ｻ蜍輔・雉・侭繝ｻ蝓ｷ遲・・繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ縺ｯ
   L4984 莉･髯阪〒繝偵・繝ｭ繝ｼ繧ｰ繝ｩ繝・↓邨ｱ荳€貂医∩ */
/* ===== 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・臥ｸｦ蟷・悸邵ｮ: 2026-08-16 ===== */
/* 謠先｡・+B: 菴咏區隱ｿ謨ｴ縺ｫ繧医ｋ繝壹・繧ｸ邵ｦ蟷・・蜑頑ｸ・*/
/* 繧ｳ繝ｳ繝・Φ繝・・螳ｹ縺ｯ螟画峩縺励↑縺・ｼ井ｽ咏區繝ｻ繝代ョ繧｣繝ｳ繧ｰ縺ｮ縺ｿ・・*/

/* A-1: IT髢狗匱繝ｻ3D蛻ｶ菴懊・繝槭・繧ｸ繝ｳ蝨ｧ邵ｮ・・.5rem 竊・0.75rem・・*/
.page-id-9 #section-it,
.page-id-9 #section-3d {
  margin-bottom: 0.75rem !important;
}

/* A-2: 蜈ｬ髢九・謾ｯ謠ｴ縺ｮ荳贋ｸ九・繝ｼ繧ｸ繝ｳ蝨ｧ邵ｮ・・.5rem 竊・0.75rem・・*/
.page-id-9 #section-platforms {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

/* A-3: 蛹ｺ蛻・ｊ邱夲ｼ・r・峨・繝槭・繧ｸ繝ｳ蝨ｧ邵ｮ・・8px 0 32px 竊・24px 0 16px・・*/
.page-id-9 .entry-content > hr {
  grid-column: 1 / -1;
  grid-row: auto;
  margin: 1.5rem 0 1rem 0 !important;
}

/* A-4: H2隕句・縺励・繝槭・繧ｸ繝ｳ蝨ｧ邵ｮ・・D:9縺ｮ縺ｿ繝ｻ1em 竊・0.75em・・*/
.page-id-9 .entry-content h2 {
  margin-bottom: 0.75em !important;
}

/* A-5: 繧ｲ繝ｼ繝隱ｬ譏取枚縺ｮ繝槭・繧ｸ繝ｳ蝨ｧ邵ｮ */

/* B-1 + B-2: 雉・侭繝ｻ蝓ｷ遲・Λ繝・ヱ繝ｼ縺ｮ繝代ョ繧｣繝ｳ繧ｰ繝ｻ繝槭・繧ｸ繝ｳ蝨ｧ邵ｮ */
.page-id-9 .creation-knowledge-wrapper {
  background: var(--color-bg-light, #F3FAFD);
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 10px;
  padding: 1rem !important;
  margin: 0.5rem 0 !important;
}

/* ===== 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・牙・髢九・謾ｯ謠ｴ繧ｫ繝ｼ繝画ｨｪ荳ｦ縺ｳ蛹・+ 繧ｲ繝ｼ繝蛻ｶ菴懊き繝ｼ繝峨が繝ｼ繝舌・繝ｬ繧､蛹・ 2026-08-16 ===== */

/* 蜈ｬ髢九・謾ｯ謠ｴ: 繧ｫ繝ｼ繝牙・繧呈ｨｪ荳ｦ縺ｳ・亥錐蜑・+ 隱ｬ譏取枚・峨↓螟画峩 */
/* 2026-09-03 plan 1788428842274: 中央2段の内側（1段目 場所名700／2段目 できること500＋›）。矢印の動きは創作内CTAと同族 */
.page-id-9 .platform-card-name {
  font-size: 1em !important;
  font-weight: 700;
  line-height: 1.3;
}

.page-id-9 .platform-card-desc {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.32em !important;
  margin-top: 0 !important;
  font-size: 0.95rem !important;
  font-weight: 500;
  line-height: 1.35;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  transition: gap 0.18s ease;
}

.page-id-9 .platform-card-chevron {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  transform: translateY(-0.02em);
  transition: transform 0.18s ease;
}

.page-id-9 .platform-card:hover .platform-card-desc {
  gap: 0.42em !important;
}

.page-id-9 .platform-card:hover .platform-card-chevron {
  transform: translate(0.18em, -0.02em);
}


/* 蜈ｬ髢九・謾ｯ謠ｴ: 繝ｩ繝・ヱ繝ｼ縺ｮ菴咏區蝨ｧ邵ｮ
   2026-08-20譖ｴ譁ｰ: margin繧・縺ｫ縺励※繧ｫ繝・ざ繝ｪ繝倥ャ繝€繝ｼ逶ｴ荳九↓蟇・捩縺輔○縲・
   隕ｪflex縺ｮgap(1.5rem=24px)縺ｮ縺ｿ縺ｧ菴咏區繧定ｩｰ繧√ｋ */
.page-id-9 .creation-platforms-wrapper {
  padding: 1rem !important;
  margin: 0 !important;
}

/* 繧ｲ繝ｼ繝蛻ｶ菴懊き繝ｼ繝・*/
.page-id-9 .creation-game-card {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
  padding: 1.5rem;
}


/* 繧ｲ繝ｼ繝蛻ｶ菴・ 繧ｫ繝ｼ繝峨・繝舌・譎ゅ↓隕句・縺励′豼・牡縺ｫ螟牙喧 */

/* ===== 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・我ｽ咏區蝮・ｭ牙喧 + 蜈ｬ髢九・謾ｯ謠ｴ繧ｫ繝ｼ繝・陦悟庶繧・ 2026-08-16 ===== */

/* 菫ｮ豁｣1: 繧ｲ繝ｼ繝蛻ｶ菴懊・菴咏區繧貞・闊ｬ縺ｨ蜷後§38px縺ｫ邨ｱ荳€ */
.page-id-9 .creation-three-column {
  margin-top: 0 !important;
}

.page-id-9 .creation-game-description {
  margin-bottom: 0.875em !important;
}

/* 菫ｮ豁｣2: 蜈ｬ髢九・謾ｯ謠ｴ繧ｫ繝ｼ繝峨・1陦悟庶繧・ｼ域釜繧願ｿ斐＠縺ｪ縺励・BOOTH蜆ｪ蜈育ｶｭ謖・ｼ・*/
/* 繧ｰ繝ｪ繝・ラ豈皮紫: 1fr 0.5fr 0.5fr 竊・1.4fr 0.8fr 0.8fr 竊・1.2fr 0.9fr 0.9fr */
/* BOOTH繧貞ｰ代＠蜑翫ｊ縲。ehance/FANBOX縺ｮ菴呵｣輔ｒ遒ｺ菫晢ｼ亥承遶ｯ縺後く繝ｯ繧ｭ繝ｯ縺ｫ縺ｪ繧峨↑縺・ｈ縺・↓・・*/
/* 2026-09-03 plan 1788428842274: 3列均等（BOOTH幅広1.2frをやめヒーローgap16に合わせる） */
.page-id-9 .platforms-grid {
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 16px !important;
  align-items: stretch !important;
}

/* 2026-09-03 plan 1788428842274: nowrap解除（390px溢れ防止。中央2段＋break-word） */
.page-id-9 .platform-card-desc {
  margin-top: 0 !important;
  white-space: normal !important;
  font-size: 0.95rem !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

/* 5. 迢ｭ蟷・凾縺ｯ繝懊ち繝ｳ譛€蟆丞ｹ・ｒ邵ｮ蟆上＠縺ｦ2縺､讓ｪ荳ｦ縺ｳ繧堤ｶｭ謖・*/


/* ===== 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・牙・髢九・謾ｯ謠ｴ 逋ｽ譫蛹・ 2026-08-16 ===== */
/* Behance / FANBOX 縺ｮ繧ｫ繝ｼ繝峨ｒ逋ｽ閭梧勹 + 蟇ｾ蠢懆牡繝懊・繝€繝ｼ縺ｧ蝗ｲ縺ｿ縲・
   繝帙ヰ繝ｼ譎ゅ↓繧｢繧ｦ繝医Λ繧､繝ｳ縺梧ｴｻ諤ｧ蛹悶☆繧玖ｦ九◆逶ｮ縺ｫ縺吶ｋ・・OOTH縺ｮ蝪励ｊ縺､縺ｶ縺励→蟇ｾ豈費ｼ・*/

/* Behance: 髱抵ｼ育ｩｺ濶ｲ・臥ｳｻ縺ｮ譫 */
/* 2026-09-03 plan 1788428842274: hoverは面を約4%濃く＋文字色維持（藤 #E1D6ED 4.69:1／空 #D6E3EE 4.61:1／翡翠 #DDEEE8 5.22:1） */
.page-id-9 .creation-platforms-wrapper .platform-card.platform-booth:hover {
  background: #E1D6ED !important;
  /* 2026-09-03 plan 1788438155218: hover radial廃止→ベタ4%濃＋inset維持 */
  color: #5F568E !important;
  border-color: rgba(95,86,142,0.40) !important;
  box-shadow: 0 4px 12px rgba(95,86,142,0.12), inset 0 1px 0 rgba(255,255,255,0.6);
  transform: translateY(-2px);
}

.page-id-9 .creation-platforms-wrapper .platform-card.platform-behance:hover {
  background: #D6E3EE !important;
  /* 2026-09-03 plan 1788438155218: hover radial廃止→ベタ4%濃＋inset維持 */
  color: #3F668C !important;
  border-color: rgba(63,102,140,0.38) !important;
  box-shadow: 0 4px 12px rgba(63,102,140,0.12), inset 0 1px 0 rgba(255,255,255,0.6);
  transform: translateY(-2px);
}

.page-id-9 .creation-platforms-wrapper .platform-card.platform-fanbox:hover {
  background: #DDEEE8 !important;
  /* 2026-09-03 plan 1788438155218: hover radial廃止→ベタ4%濃＋inset維持 */
  color: #2B6B58 !important;
  border-color: rgba(43,107,88,0.38) !important;
  box-shadow: 0 4px 12px rgba(43,107,88,0.12), inset 0 1px 0 rgba(255,255,255,0.6);
  transform: translateY(-2px);
}

.page-id-9 .creation-platforms-wrapper .platform-card.platform-booth:hover .platform-card-name,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-booth:hover .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-booth:hover .platform-card-chevron {
  color: #5F568E !important;
}

.page-id-9 .creation-platforms-wrapper .platform-card.platform-behance:hover .platform-card-name,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-behance:hover .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-behance:hover .platform-card-chevron {
  color: #3F668C !important;
}

.page-id-9 .creation-platforms-wrapper .platform-card.platform-fanbox:hover .platform-card-name,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-fanbox:hover .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-card.platform-fanbox:hover .platform-card-chevron {
  color: #2B6B58 !important;
}

/* 2026-09-03 plan 1788428842274: focus-visible二重リングを高詳細度で補完（ヒーロー正本と同値） */
.page-id-9 .creation-platforms-wrapper .platform-card:focus-visible {
  outline: 2px solid #5F568E !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px rgba(95,86,142,0.16) !important;
}

/* ===== 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・隠OOTH 繝帙ヰ繝ｼ譎・逋ｽ譫霑ｽ蜉: 2026-08-16 ===== */
/* BOOTH 繝帙ヰ繝ｼ譎ゅ↓逋ｽ縺・い繧ｦ繝医Λ繧､繝ｳ・・px・峨ｒ霑ｽ蜉縺励€・
   Behance/FANBOX 縺ｮ逋ｽ閭梧勹繧ｫ繝ｼ繝峨→縺ｮ繝帙ヰ繝ｼ譎ゅヰ繝ｩ繝ｳ繧ｹ繧堤ｵｱ荳€ */
/* 2026-09-03 plan 1788428842274: 上記パステルhover群に統合のため旧BOOTH単独hover（塗りつぶし化）は削除 */

/* ===== 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・峨ご繝ｼ繝蛻ｶ菴懊・繧ｿ繝ｳ繧達ehance/FANBOX縺ｨ蜷後§繧｢繧ｦ繝医Λ繧､繝ｳ蠖｢蠑上↓: 2026-08-16 ===== */
/* Behance/FANBOX・亥・髢九・謾ｯ謠ｴ・峨→蜷後§縲檎區閭梧勹 + 蟇ｾ蠢懆牡繧｢繧ｦ繝医Λ繧､繝ｳ縲榊ｽ｢蠑上ｒ
   繧ｲ繝ｼ繝蛻ｶ菴懊・BOOTH / 迚ｹ險ｭ繧ｵ繧､繝医・繧ｿ繝ｳ縺ｫ繧る←逕ｨ */

/* BOOTH繝懊ち繝ｳ・・s-style-fill・・ 逋ｽ閭梧勹 + 阯､濶ｲ繧｢繧ｦ繝医Λ繧､繝ｳ */
.page-id-9 .creation-game-card .wp-block-button.is-style-fill .wp-block-button__link {
  background: #ffffff !important;
  color: var(--color-fuji-deep, #5F568E) !important;
  border: 2px solid var(--color-fuji-mid, #7369A0) !important;
  border-top: 4px solid var(--color-fuji-mid, #7369A0) !important;
  border-radius: 10px !important;
  transition: transform 0.2s ease, box-shadow 0.25s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}

/* BOOTH繝懊ち繝ｳ 繝帙ヰ繝ｼ: 阯､濶ｲtint閭梧勹 + 譫邱壽ｿ・喧 + 豬ｮ驕・+ 繧ｷ繝｣繝峨え逋ｺ蜈・*/
.page-id-9 .creation-game-card .wp-block-button.is-style-fill .wp-block-button__link:hover {
  background: var(--color-bg-fuji, #F6F3FB) !important;
  border-color: var(--color-fuji-deep, #5F568E) !important;
  border-top-color: var(--color-fuji-deep, #5F568E) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12), 0 0 0 1px var(--color-fuji-mid, #7369A0) !important;
  transform: translateY(-3px) !important;
}

/* 迚ｹ險ｭ繧ｵ繧､繝医・繧ｿ繝ｳ・・s-style-outline・・ 逋ｽ閭梧勹 + 遨ｺ濶ｲ繧｢繧ｦ繝医Λ繧､繝ｳ */
.page-id-9 .creation-game-card .wp-block-button.is-style-outline .wp-block-button__link {
  background: #ffffff !important;
  color: var(--color-fuji-deep, #5F568E) !important;
  border: 2px solid var(--color-sky-mid, #4F7E99) !important;
  border-top: 4px solid var(--color-sky-mid, #4F7E99) !important;
  border-radius: 10px !important;
  transition: transform 0.2s ease, box-shadow 0.25s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}

/* 迚ｹ險ｭ繧ｵ繧､繝医・繧ｿ繝ｳ 繝帙ヰ繝ｼ: 遨ｺ濶ｲtint閭梧勹 + 譫邱壽ｿ・喧 + 豬ｮ驕・+ 繧ｷ繝｣繝峨え逋ｺ蜈・*/
.page-id-9 .creation-game-card .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--color-bg-light, #F3FAFD) !important;
  border-color: var(--color-sky-deep, #4A6F88) !important;
  border-top-color: var(--color-sky-deep, #4A6F88) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12), 0 0 0 1px var(--color-sky-mid, #4F7E99) !important;
  transform: translateY(-3px) !important;
}

/* P2-C2 minimal 952-960 9 lines */

.page-id-9 .page-navi-bar,
.page-id-11 .page-navi-bar,
.page-id-30 .page-navi-bar {
  max-width: 100%;
  margin: 0 auto;
}

/* plan 1788660263725: 創作紹介ナビ5一本化のためPC基底のデュアル切替は廃止（style.css共通 nowrap中央1行を継承） */

.page-id-13 .page-navi-bar a.is-active,
.page-id-9 .page-navi-bar a.is-active {
  border-color: var(--color-border, #DCE6EE) !important;
  color: var(--color-main);
  font-weight: bold;
}

/* P2-C3 1449-1591 orig 1458-1600 */

/* 正: outer skyは 5ブロック共通 — 個別上書き禁止 */
.page-id-9 .creation-it-block,
.page-id-9 .creation-3d-block,
.page-id-9 .creation-view-block,
.page-id-9 .creation-read-block,
.page-id-9 .creation-platforms-block {
  background: var(--color-bg-light, #F3FAFD);
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
  padding: 1rem;
  box-sizing: border-box;
  min-width: 0;
}

.page-id-9 .creation-view-block .creation-view-inner,
.page-id-9 .creation-read-block .creation-read-inner {
  /* innerはレイアウトのみ、背景はカード側で持つ */
}

/* 2カラムgrid定義: minmax(0,1fr) ではみ出し防止 */
.page-id-9 .creation-it-block .creation-sub-grid,
.page-id-9 .creation-3d-block .creation-sub-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 768px莉･荳九・譌｢蟄・繧ｫ繝ｩ繝繧堤ｶｭ謖・*/


/************************************
** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・画署譯・: 雉・侭繝ｻ蝓ｷ遲・隱ｬ譏取枚2陦碁ｫ倡ｵｱ荳€
** 螟画峩譌･: 2026-08-19
************************************/

/************************************
** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・画署譯・: 隕句・縺苓レ譎ｯ繧堤ｴ・0%騾乗・蛹・
** 螟画峩譌･: 2026-08-19
** 騾壼ｸｸ譎・ 0.67 ﾃ・0.8 竕・0.54 / 繝帙ヰ繝ｼ譎・ 1.0 ﾃ・0.8 = 0.80
************************************/
.page-id-9 .creation-game-card:hover .creation-game-card-title {
  background: transparent !important;
  color: var(--color-main);
}

/* IT/3D 隕句・縺励が繝ｼ繝舌・繝ｬ繧､・磯€壼ｸｸ譎ゑｼ・*/
#section-it .creation-sub-title,
#section-3d .creation-sub-title {
  background: rgba(255, 255, 255, 0.32) !important;
}

/* IT/3D 隕句・縺励が繝ｼ繝舌・繝ｬ繧､・医・繝舌・譎ゑｼ・*/
#section-it .creation-sub-card:hover .creation-sub-title,
#section-it .creation-sub-card:hover .creation-sub-title, #section-3d .creation-sub-card:hover .creation-sub-title {
  color: #ffffff;
  transition: background 0.3s ease, color 0.3s ease;
  background: rgba(115, 105, 160, 0.8) !important;
}

/* 雉・侭繝ｻ蝓ｷ遲・隕句・縺怜ｸｯ・磯€壼ｸｸ譎ゑｼ・*/
.creation-knowledge-card .creation-placeholder-heading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6em 1em;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 8px 8px 0 0;
  border-bottom: 2px solid var(--color-fuji);
  z-index: 10;
  transition: background-color 0.3s ease, color 0.3s ease;
  background: rgba(255, 255, 255, 0.32) !important;
}

/* 雉・侭繝ｻ蝓ｷ遲・隕句・縺怜ｸｯ・医・繝舌・譎ゑｼ・*/
.creation-knowledge-card .creation-placeholder-link:hover .creation-placeholder-heading {
  color: #ffffff;
  border-bottom-color: var(--color-fuji-deep);
  background: rgba(115, 105, 160, 0.8) !important;
}

/************************************
 ** 創作紹介 全セクション 外側ラッパー正
 ** outer: sky #F3FAFD / border #DCE6EE / radius 8px / padding 1rem
 ** inner card: #fff（個別定義）
 ** 注意: outer に汎用 background:#fff を当てない。ID41移行分の :has() 影付与も outer には適用しない
 ************************************/
.page-id-9 .creation-category-header .creation-primary-title {
  background: #ffffff !important;
  box-sizing: border-box;
}

.page-id-9 #section-view .creation-motion-card,
.page-id-9 #section-read .creation-motion-card,
.page-id-9 #section-motion .creation-motion-card,
.page-id-9 #section-knowledge .creation-knowledge-wrapper,
.page-id-9 #section-activity .creation-activity-inner {
  background: #ffffff !important;
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
  box-sizing: border-box;
}

/* 公開先等の内側 wrapper は白色（上記1215）が正。カードは pastel のため白指定に含めない */
.page-id-9 #section-platforms .creation-platforms-wrapper {
  padding: 1rem !important;
}

.page-id-9 #section-knowledge .creation-knowledge-card {
  background: #ffffff;
}

/************************************
** 繧ｲ繝ｼ繝蛻ｶ菴懊Λ繝・ヱ繝ｼ・・reation-game-wrapper・・
** 3繧ｫ繝ｼ繝峨ｒ遨ｺ濶ｲ閭梧勹繧ｨ繝ｪ繧｢縺ｧ蝗ｲ繧€
** 隱ｬ譏取ｬ・・繝ｩ繝・ヱ繝ｼ螟悶↓谿九☆
** 霑ｽ蜉: 2026-08-20
************************************/

.page-id-9 .creation-general-block {
  display: flex;
  flex-direction: column;
}

.page-id-9 .creation-view-all {
  display: block;
  margin-top: auto;
  padding-top: 1rem;
  text-align: right;
  color: var(--color-fuji-deep, #5F568E);
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: underline;
}

/* ===== 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・牙€句挨繧ｫ繝ｼ繝韻TA + 繧ｲ繝ｼ繝隕句・縺怜ｷｦ蜿ｳ蟇ｾ遘ｰ蛹・ 2026-08-20 ===== */

/* 繧ｫ繝ｼ繝牙・flex column蛹・+ CTA蜿ｳ荳矩・鄂ｮ */
.page-id-9 .creation-sub-card,
.page-id-9 .creation-knowledge-card,
.page-id-9 .creation-activity-text {
  display: flex;
  flex-direction: column;
  min-width: 0;