@charset "UTF-8";

/* 竭､ Media moved to css/responsive-*.css */

/************************************
** body閭梧勹濶ｲ縺ｮ螟画峩
** 螟画峩: 2026-08-10 繧ｫ繝ｩ繝ｼ繧ｷ繧ｹ繝・Β縲檎ｩｺ豌励・蠕€驍・€・V2) 縺ｫ蜷医ｏ縺帙※逋ｽ蝓ｺ隱ｿ縺ｫ螟画峩
** 蜈・↓謌ｻ縺吝ｴ蜷・ 荳玖ｨ倥・ body 繧ｻ繝ｬ繧ｯ繧ｿ繧貞炎髯､縺吶ｋ縺九€√さ繝｡繝ｳ繝医い繧ｦ繝医☆繧・
************************************/
body {
  background-color: var(--color-sky-tint) !important; /* #F3FAFD: 險倅ｺ九お繝ｪ繧｢縺ｨ縺ｮ蟾ｮ繧貞・縺・*/
}

/************************************
** Web繝輔か繝ｳ繝磯←逕ｨ: Zen Kaku Gothic New(譛ｬ譁・ / Zen Maru Gothic(隕句・縺・
** 霑ｽ蜉譌･: 2026-08-26 窶・plan .kilo/plans/1787742838678-webfont-refresh-plan.md
** 蜈・↓謌ｻ縺吝ｴ蜷・ 荳玖ｨ倥・ font-family 螳夂ｾｩ2繝悶Ο繝・け繧貞炎髯､縺吶ｋ縺九€√さ繝｡繝ｳ繝医い繧ｦ繝医☆繧・
** ・・unctions.php 縺ｮ tokikai-google-fonts enqueue 繧ゆｽｵ縺帙※蜑企勁・・
************************************/
body {
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.article h1, .article h2, .article h3,
#header-container .navi,
.footer-in {
  font-family: "Zen Maru Gothic", "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/************************************
** 繧ｫ繝ｩ繝ｼ繧ｷ繧ｹ繝・Β縲檎ｩｺ豌励・蠕€驍・€・V2/V3)
** CSS螟画焚縺ｮ螳夂ｾｩ縺ｯ霑ｽ蜉CSS・・D:41・峨↓髮・ｴ・ｼ・026-08-11・・
** 逅・罰: WordPress global-styles縺悟ｭ舌ユ繝ｼ繝槭・:root繧剃ｸ頑嶌縺阪☆繧九◆繧・
** 蟄舌ユ繝ｼ繝枹tyle.css縺ｯCSS螟画焚縺ｮ縲悟茜逕ｨ閠・€阪→縺ｪ繧・
************************************/
/* :root 螳夂ｾｩ縺ｯ邂｡逅・判髱｢ > 霑ｽ蜉CSS・・D:41・峨↓遘ｻ蜍墓ｸ医∩ */

/************************************
** 繧ｵ繧､繝亥・騾夐・濶ｲ繝ｫ繝ｼ繝ｫ
** 驟崎牡邉ｻ繝ｫ繝ｼ繝ｫ縺ｯ繧ｵ繧､繝亥・菴薙↓驕ｩ逕ｨ
************************************/

/* 繝懊ち繝ｳ繧ｹ繧ｿ繧､繝ｫ・医し繧､繝亥・菴難ｼ・*/
.wp-block-button__link {
  background-color: var(--color-fuji-mid, #7369A0) !important; /* 阯､濶ｲmid */
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 0.5em 1.2em !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease !important;
}

.wp-block-button__link:hover {
  background-color: #38B48B !important; /* 鄙｡鄙濶ｲbase */
}

/* 蝪励ｊ縺､縺ｶ縺励・繧ｿ繝ｳ・壹い繧ｦ繝医Λ繧､繝ｳ繝懊ち繝ｳ縺ｨ鬮倥＆繧堤ｵｱ荳€縺吶ｋ縺溘ａ2px繝懊・繝€繝ｼ霑ｽ蜉 */
.is-style-fill .wp-block-button__link {
  border: 2px solid transparent !important;
}

/* 繧｢繧ｦ繝医Λ繧､繝ｳ繝懊ち繝ｳ・医し繧､繝亥・菴難ｼ・*/
.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  color: var(--color-fuji-mid, #7369A0) !important; /* 阯､濶ｲmid */
  border: 2px solid var(--color-fuji-mid, #7369A0) !important;
}

.is-style-outline .wp-block-button__link:hover {
  background-color: #38B48B !important; /* 鄙｡鄙濶ｲbase */
  color: #ffffff !important;
}

/* 繝ｪ繝ｳ繧ｯ繧ｹ繧ｿ繧､繝ｫ・医し繧､繝亥・菴難ｼ・*/
.entry-content a {
  color: var(--color-link); /* 阯､濶ｲdeep */
  text-decoration: underline;
  transition: color 0.3s ease;
}

.entry-content a:hover {
  color: var(--color-link-hover); /* 鄙｡鄙濶ｲdeep */
}

/* strong濶ｲ・医し繧､繝亥・菴難ｼ・*/
.entry-content strong {
  color: var(--color-main); /* 阯､濶ｲdeep */
}

/* h3驟崎牡・医し繧､繝亥・菴難ｼ・*/
.article h3,
.sidebar h3,
.footer-in h3 {
  color: var(--color-main); /* 阯､濶ｲdeep */
  border-color: var(--color-border); /* 陬懷勧鄂ｫ邱・#DCE6EE */
}

/* 繝翫ン驟崎牡・医し繧､繝亥・菴難ｼ・*/
#header-container .navi,
#navi .navi-in>.menu-header .sub-menu {
  background-color: var(--color-fuji-mid); /* 阯､濶ｲmid */
}

/* 繝医ャ繝励・繝ｼ繧ｸ Grid 繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ: overflow hidden 繧定ｧ｣髯､ */
/* 窶ｻ 霑ｽ蜉CSS(ID:41)縺ｮ overflow: hidden 繧剃ｸ頑嶌縺阪☆繧九◆繧・!important 菴ｿ逕ｨ */
.top-page .top-content-left,
.top-page .top-content-right {
  overflow: visible !important;
}

/* 繝翫ン繝舌・鬮倥＆繧・6px縺ｫ邨ｱ荳€・・ocoon隕ｪ繝・・繝槭・60px繧剃ｸ頑嶌縺搾ｼ・*/
#navi,
#navi .navi-in,
#navi .menu-header,
#navi .menu-header li {
  height: 56px;
}

/* 繝翫ン繝ｪ繝ｳ繧ｯ: 繧ｯ繝ｪ繝・け鬆伜沺繝ｻ繝帙ヰ繝ｼ繝ｻ繝輔か繝ｼ繧ｫ繧ｹ */
#navi .navi-in .menu-header li {
  overflow: hidden; /* padding蛻・・繧ｪ繝ｼ繝舌・繝輔Ο繝ｼ繧偵け繝ｪ繝・・ */
}

#navi .navi-in a {
  color: #ffffff;
  display: block;
  padding: 16px 16px; /* li 56px 縺ｫ蟇ｾ縺励※荳ｭ螟ｮ謠・∴: (56-24)/2 = 16px 荳贋ｸ・*/
  line-height: 24px; /* (56px - 16px - 16px) = 24px: 繝・く繧ｹ繝医ｒ豁｣遒ｺ縺ｫ荳ｭ螟ｮ縺ｫ驟咲ｽｮ */
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

#navi .navi-in a:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

/* 繝輔か繝ｼ繧ｫ繧ｹ繧､繝ｳ繧ｸ繧ｱ繝ｼ繧ｿ繝ｼ・医く繝ｼ繝懊・繝峨リ繝薙ご繝ｼ繧ｷ繝ｧ繝ｳ蟇ｾ蠢懶ｼ・*/
#navi .navi-in a:focus {
  outline: 2px solid rgba(255, 255, 255, 0.6);
  outline-offset: -2px;
}

/* 繝倥ャ繝€繝ｼ閭梧勹・医し繧､繝亥・菴難ｼ・*/

.header .site-name-text {
  color: var(--color-fuji-deep); /* 阯､濶ｲdeep */
}

/* 繝倥ャ繝€繝ｼ逕ｻ蜒上ｒ髱櫁｡ｨ遉ｺ */
.header .site-logo-image {
  display: none;
}

/* 繝倥ャ繝€繝ｼ鬮倥＆ */
.header {
  background-color: var(--color-sky-tint); /* 遨ｺ濶ｲtint */
  color: var(--color-fuji-deep); /* 阯､濶ｲdeep: 譁・ｭ苓牡 */
  position: relative;
}

/* 繝医ャ繝励・繝ｼ繧ｸ莉･螟・ 130px */
body:not(.home) .header .header-in {
  min-height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 繝医ャ繝励・繝ｼ繧ｸ: 150px・医ヵ繧｡繝ｼ繧ｹ繝医ン繝･繝ｼ繝倥ャ繝€繝ｼ・・*/
body.home .header .header-in {
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 繝倥ャ繝€繝ｼ繝・く繧ｹ繝医が繝ｼ繝舌・繝ｬ繧､ */
.header-text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
  width: 90%;
  max-width: 800px;
}

/* ヘッダーテキストオーバーレイのトップリンク（トップ以外のみ出力。display:contentsで配置・見た目不変） */
.header-text-overlay-link {
  display: contents;
  color: inherit;
  text-decoration: none;
}
.header-text-overlay-link:hover {
  color: inherit;
  text-decoration: none;
}

.header-site-title {
  font-size: 1.8em;
  color: var(--color-fuji-deep); /* 阯､濶ｲdeep */
  font-weight: 700;
  margin: 0 0 0.3em 0;
  line-height: 1.3;
}

.header-site-tagline {
  font-size: 0.9em;
  color: var(--color-text); /* 譛ｬ譁・牡 */
  margin: 0;
  line-height: 1.5;
}

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


/* 繝輔ャ繧ｿ繝ｼ驟崎牡・医し繧､繝亥・菴難ｼ・*/
#footer {
  background-color: var(--color-fuji-mid, #7369A0); /* 阯､濶ｲmid: 繝上・繝峨さ繝ｼ繝・ぅ繝ｳ繧ｰ謗ｨ螂ｨ */
  color: #ffffff;
  text-align: center;
}

#footer-in {
  padding: 0.5em 1em;
  line-height: 1.4;
}

/* 繝輔ャ繧ｿ繝ｼ譛€荳矩Κ: 隕ｪ繝・・繝槭・margin-top: 24px繧呈遠縺｡豸医＠縲∽ｸ雁・菴咏區繧・5px縺ｫ隱ｿ謨ｴ */
.footer-bottom {
  margin-top: 10px;
}

/* 繝輔ャ繧ｿ繝ｼ繝ｭ繧ｴ・磯撼陦ｨ遉ｺ縺縺稽argin繧呈ｶ医☆・・*/
.footer-bottom-logo {
  margin-bottom: 0;
}

.footer-bottom-logo .site-logo-image {
  max-height: 30px;
  opacity: 0.9;
}

/* 繝輔ャ繧ｿ繝ｼ繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ */
#navi-footer {
  margin-bottom: 0;
}

#navi-footer-in {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.5em 4em;
}

#navi-footer-in a {
  color: #ffffff;
  /* font-balance 1788579499092 R12: 親li 14px>子a 11.9px逆転の是正・フッター最小帯の底上げ */
  font-size: 0.9em;
  text-decoration: none;
  padding: 0.3em 1em;
  transition: opacity 0.2s ease;
}

#navi-footer-in a:hover {
  opacity: 0.7;
  background-color: transparent;
}

/* 繝輔ャ繧ｿ繝ｼ: 繝翫ン縺ｨ繧ｳ繝斐・繝ｩ繧､繝医ｒ荳贋ｸ矩・鄂ｮ縲√せ繝壹・繧ｹ繧貞ｺ・ａ縺ｫ */
.footer-bottom-content {
  display: block;
  text-align: center;
}

.source-org.copyright {
  margin-top: 1.5em;
  font-size: 0.85em;
  opacity: 0.8;
  white-space: nowrap;
}

/* 繝輔ャ繧ｿ繝ｼ繧ｳ繝斐・繝ｩ繧､繝・*/
.footer-copyright {
  font-size: 0.75em;
  opacity: 0.8;
  margin-top: 0.5em;
  line-height: 1.4;
}

/* 繝輔ャ繧ｿ繝ｼ繝ｬ繧ｹ繝昴Φ繧ｷ繝・*/


/************************************
** 蜈ｱ騾壹さ繝ｳ繝昴・繝阪Φ繝医せ繧ｿ繧､繝ｫ・・entry-content 繝吶・繧ｹ・・
** 譌ｧ: .page-id-13 繧ｹ繧ｳ繝ｼ繝・竊・蜈ｨ繝壹・繧ｸ蜈ｱ騾壹↓諡｡蠑ｵ
************************************/

/* h2隕句・縺・*/
.entry-content h2 {
  color: var(--color-fuji-deep, #5F568E);
  background: transparent;
  border-top: none;
  border-bottom: 2px solid #8ED1E0;
  margin-top: 2rem;
  padding-bottom: .35rem;
}

/* h4隕句・縺・*/
.entry-content h4 {
  background: #F6F3FB;
  color: var(--color-fuji-deep, #5F568E);
  padding: .5rem .75rem;
  margin: 1rem 0 .5rem;
}

/* 繧ｳ繝ｳ繧ｻ繝励ヨ繝懊ャ繧ｯ繧ｹ */
.entry-content .concept-box {
  padding: 1.5em 2em;
  margin: 1em 0;
  background-color: var(--color-bg-fuji); /* fuji tint */
  border-radius: 6px;
  border-left: 4px solid var(--color-fuji-mid); /* 阯､濶ｲmid */
}

/* 繧ｳ繝ｳ繧ｻ繝励ヨ繝懊ャ繧ｯ繧ｹ・医し繧､繝域ｦりｦ！D:13縺ｮ縺ｿ・・ 繝偵・繝ｭ繝ｼ閭梧勹縺ｨ蜷檎ｳｻ繧ｰ繝ｩ繝・・繧ｷ繝ｧ繝ｳ縺ｮ譫 */
/* 譛ｬ譁・・蜀・・縺ｮ逋ｽ繧ｨ繝ｪ繧｢縺ｧ隕冶ｪ肴€ｧ繧呈球菫昴☆繧九◆繧√€∵棧縺ｯ豼・ａ縺ｫ蜃ｺ縺励※繧ｰ繝ｩ繝・・繧ｷ繝ｧ繝ｳ諢溘ｒ蜿ｯ隕門喧 */
body.page-id-13 .entry-content .concept-box {
  background: linear-gradient(
    135deg,
    rgba(142, 209, 224, 0.40) 0%,
    rgba(187, 183, 218, 0.40) 50%,
    rgba(243, 250, 253, 0.55) 100%
  );
}

/* 繧ｳ繝ｳ繧ｻ繝励ヨ繝懊ャ繧ｯ繧ｹ蜀・・・医し繧､繝域ｦりｦ！D:13縺ｮ縺ｿ・・ 譛ｬ譁・ｒ蛹・・逋ｽ縺ｮ蜊企€乗・繧ｨ繝ｪ繧｢ */
body.page-id-13 .entry-content .concept-box .concept-box-inner {
  background: rgba(255, 255, 255, 0.70);
  border-radius: 6px;
  padding: 1.25em 1.75em;
}

/* 繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ蛹ｺ蛻・ｊ邱・*/
.entry-content .wp-block-separator {
  margin: 2.5em auto;
  border-color: var(--color-border);
}

/* 繧ｫ繝ｩ繝繝ｬ繧､繧｢繧ｦ繝茨ｼ・important縺ｧCocoon隕ｪ繝・・繝曚SS繧剃ｸ頑嶌縺搾ｼ・*/
.entry-content .wp-block-columns,
.wp-block-columns.is-layout-flex {
  display: flex !important;
  flex-wrap: wrap;
  gap: 1.5em;
  margin: 1.5em 0;
}

.entry-content .wp-block-column,
.wp-block-columns.is-layout-flex > .wp-block-column {
  flex: 1 1 0% !important;
  min-width: 200px;
  background-color: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: 6px;
  padding: 1.2em;
}

/* Draw.io貅匁侠: 2繧ｫ繝ｩ繝・・0%/60%・峨Ξ繧､繧｢繧ｦ繝・*/
.wp-block-columns.has-40-60-column > .wp-block-column:nth-child(1),
.wp-block-columns.is-layout-flex.has-40-60-column > .wp-block-column:nth-child(1) {
  flex: 0 0 40% !important;
  max-width: 40% !important;
}

.wp-block-columns.has-40-60-column > .wp-block-column:nth-child(2),
.wp-block-columns.is-layout-flex.has-40-60-column > .wp-block-column:nth-child(2) {
  flex: 0 0 60% !important;
  max-width: 60% !important;
}

/* Draw.io貅匁侠: 2繧ｫ繝ｩ繝・・0%/50%・峨Ξ繧､繧｢繧ｦ繝・*/
.wp-block-columns.has-50-50-column > .wp-block-column:nth-child(1),
.wp-block-columns.is-layout-flex.has-50-50-column > .wp-block-column:nth-child(1) {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.wp-block-columns.has-50-50-column > .wp-block-column:nth-child(2),
.wp-block-columns.is-layout-flex.has-50-50-column > .wp-block-column:nth-child(2) {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

/* 蜈･繧悟ｭ舌き繝ｩ繝・・reation-two-column・峨・讓ｪ荳ｦ縺阪ｒ菫晁ｨｼ */
.creation-two-column > .wp-block-column {
  min-width: 0;
  flex: 1 1 0%;
}

/* 3繧ｫ繝ｩ繝・・reation-three-column・・*/
.creation-three-column {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
}
.creation-three-column > .wp-block-column {
  min-width: 0;
  flex: 1 1 calc(33.333% - 1em);
}


/* 逋ｽ閭梧勹繝ｫ繝ｼ繝ｫ縺ｯ霑ｽ蜉CSS・・D:41・峨↓遘ｻ蜍墓ｸ医∩・郁ｪｭ縺ｿ霎ｼ縺ｿ鬆・ｺ丞ｯｾ蠢懶ｼ・*/

/* 繧ｫ繝ｩ繝蜀・4 */
.entry-content .wp-block-column h4 {
  font-size: 1.1em;
  color: var(--color-main); /* 阯､濶ｲdeep */
  margin-top: 0;
  margin-bottom: 0.5em;
  border-bottom: 1px solid var(--color-fuji); /* 阯､濶ｲbase */
  padding-bottom: 0.3em;
}

/* 逕ｻ蜒上せ繧ｿ繧､繝ｫ */
.entry-content .wp-block-image {
  margin: 0 0 1em 0;
}

.entry-content .wp-block-image img {
  border-radius: 6px;
  object-fit: cover;
  width: 100%;
  height: auto;
}

/* 繝代Λ繧ｰ繝ｩ繝輔・隱ｿ謨ｴ */
.entry-content p {
  line-height: 1.8;
  margin-bottom: 0.8em;
  color: var(--color-text); /* 譛ｬ譁・牡 */
}

/* 竭 Base 窶・豕ｨ險倥・諠・ｱ邂ｱ (.wp-block-quote) 窶・V2 jade tint */
.entry-content .wp-block-quote {
  background-color: var(--color-bg-jade); /* jade tint */
  border-left: 4px solid var(--color-jade); /* 鄙｡鄙濶ｲbase */
  padding: 1em 1.5em;
  margin: 1.5em 0;
  border-radius: 4px;
}

/* 竭 Base 窶・繧ｫ繝ｼ繝我ｸ企Κ蟶ｯ (::before gradient) 窶・V3 */
.entry-content .wp-block-column:not(.creation-game-card):not(.social-team-card):not(.social-operator-card)::before {
  content: '';
  display: block;
  height: 4px;
  margin: -1.2em -1.2em 1em -1.2em;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(90deg, var(--color-sky-mid), var(--color-fuji-mid));
}
/* plan 1788342670409: 藤色アウトライン除去 — サイト概要では列上部グラデ帯を無効化 */
body.page-id-13 .entry-content .wp-block-column::before {
  display: none !important;
  content: none !important;
  background: none !important;
  height: 0 !important;
}

/************************************
** 繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ繝翫ン繝舌・・亥・蝗ｺ螳壹・繝ｼ繧ｸ蜈ｱ騾夲ｼ・
** 驟咲ｽｮ: 繝壹・繧ｸ繧ｿ繧､繝医Ν逶ｴ荳・
** 菴咏區譁ｹ驥・ 繝翫ン繝舌・閾ｪ霄ｫ縺ｮ margin 縺ｯ 0 縺ｨ縺励€・
**   荳贋ｸ九・菴咏區縺ｯ髫｣謗･隕∫ｴ・医ち繧､繝医Ν / 譛€蛻昴・隕句・縺暦ｼ峨〒 32px 縺ｫ邨ｱ荳€縺吶ｋ縲・
**   窶ｻem 蝓ｺ貅悶・ margin 縺ｯ隕句・縺励ヵ繧ｩ繝ｳ繝医し繧､繧ｺ縺ｫ萓晏ｭ倥＠縺ｦ蛟､縺梧昭繧峨＄縺溘ａ菴ｿ逕ｨ縺励↑縺・€・
************************************/
.page-navi-bar {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.65rem;
  padding: 0.9rem 1rem;
  margin: 0;
  background: var(--color-bg-fuji);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
}

/* WordPress縺ｮ蜀・Κ繧ｳ繝ｳ繝・リ繧剃ｸｭ螟ｮ謠・∴縺ｫ */
.page-navi-bar .wp-block-group__inner-container {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.65rem;
  width: 100%;
}

.page-navi-bar a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0.45rem 0.9rem;
  background: #ffffff;
  color: var(--color-text);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.page-navi-bar a:hover {
  background-color: var(--color-fuji-mid, #7369A0);
  color: #ffffff;
  border-color: var(--color-fuji-mid, #7369A0);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.page-navi-bar a:focus-visible {
  outline: 2px solid var(--color-fuji-mid, #7369A0);
  outline-offset: 2px;
}

.page-navi-bar a::before {
  content: none;
}

/* 繝懊ち繝ｳ髢薙・蛹ｺ蛻・ｊ繧ｷ繧ｧ繝悶Ο繝ｳ: 蟾ｦ竊貞承縺ｮ荳ｦ縺ｳ縺御ｸ岩・荳九・繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ鬆・↓蟇ｾ蠢懊☆繧九％縺ｨ繧堤､ｺ縺・*/
.page-navi-bar a:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: calc(0.65rem / 2); /* gap(0.65rem) 縺ｮ荳ｭ螟ｮ */
  width: 5px;
  height: 5px;
  border-top: 2px solid var(--color-fuji-mid, #7369A0);
  border-right: 2px solid var(--color-fuji-mid, #7369A0);
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0.6;
  pointer-events: none;
}



/************************************
** ID:13 繝壹・繧ｸ蝗ｺ譛峨せ繧ｿ繧､繝ｫ・医・繝ｼ繧ｸ繧ｿ繧､繝医Ν遲会ｼ・
************************************/

/* 繝壹・繧ｸ繧ｿ繧､繝医Ν・・D:13・・窶・莉悶・H2縺ｨ邨ｱ荳€ */

/* 蝗ｺ螳壹・繝ｼ繧ｸ縺ｮ繝壹・繧ｸ繧ｿ繧､繝医Ν・・D:9/11/13/3141 蜈ｱ騾・窶・繝悶Ο繧ｰ縺ｨ邨ｱ荳€・・*/
.page-id-9 .entry-title,
.page-id-11 .entry-title,
.page-id-13 .entry-title,
.page-id-3141 .entry-title {
  font-size: 1.6em;
  color: var(--color-main); /* 阯､濶ｲdeep */
  border-bottom: 2px solid var(--color-sky); /* 遨ｺ濶ｲbase */
  padding: 0.5em 0.8em 0.3em;
  /* 繧ｿ繧､繝医Ν竊偵リ繝薙ヰ繝ｼ髢薙・菴咏區縺ｯ .entry-content 縺ｮ margin-top 縺ｧ荳€蜈・ｮ｡逅・☆繧九◆繧・0 */
  margin-bottom: 0;
}

/* 蝗ｺ螳壹・繝ｼ繧ｸ: 繧ｿ繧､繝医Ν竊偵リ繝薙ヰ繝ｼ髢薙・菴咏區繧・32px 縺ｫ邨ｱ荳€・・px繧ｰ繝ｪ繝・ラ貅匁侠・・
   繧ｿ繧､繝医Ν mb=0 + entry-content mt=32px 縺ｧ gap=32px */
.page-id-9 .entry-content,
.page-id-11 .entry-content,
.page-id-13 .entry-content,
.page-id-3141 .entry-content {
  margin-top: 32px;
}

/* 繝翫ン繝舌・竊呈怙蛻昴・隕句・縺鈴俣: ID:11/13縺ｨ繧・2px縺ｫ邨ｱ荳€・・D:11蝓ｺ貅悶・plan 1787999115535・・*/
/* margin collapsing蟇ｾ遲・ naviBar mb=0 + H2 mt=32px 縺ｧ gap=32px */
body.page-id-13 .page-navi-bar,
body.page-id-11 .page-navi-bar {
  margin-bottom: 0 !important;
}

body.page-id-11 .entry-content > h2:first-of-type {
  margin-top: 32px !important;
}

body.page-id-13 .entry-content > h2:first-of-type {
  margin-top: 32px !important;
}

/************************************
** 繝悶Ο繧ｰ繝壹・繧ｸ・・ome.php 逕ｨ・・
** Draw.io縲後ヶ繝ｭ繧ｰ_繝ｯ繧､繝､繝ｼ繝輔Ξ繝ｼ繝縲肴ｺ匁侠
*************************************/

/* 繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ隕句・縺励い繧､繧ｳ繝ｳ・亥卸菴懃ｴｹ莉具ｼ・*/
.creation-section-icon {
  font-size: 0.85em;
  color: var(--color-main); /* 阯､濶ｲdeep: 譁・ｭ苓牡縺ｨ蜷後§ */
  margin-right: 0.3em;
  vertical-align: middle;
}

/************************************
** 蝗ｺ螳壹・繝ｼ繧ｸID:9・亥卸菴懃ｴｹ莉具ｼ牙崋譛峨せ繧ｿ繧､繝ｫ
** 繧｢繧､繧ｭ繝｣繝・メ逕ｻ蜒上・髱櫁｡ｨ遉ｺ
************************************/

.page-id-9 .post-thumbnail {
  display: none;
}

.page-id-9 .wp-post-image {
  display: none;
}

/* 蜑ｵ菴懃ｴｹ莉具ｼ壹・繧ｿ繝ｳ荳区純縺茨ｼ・D:9縺ｮ縺ｿ縺ｫ髯仙ｮ夲ｼ・*/
.page-id-9 .creation-column-item {
  display: flex;
  flex-direction: column;
}

.page-id-9 .creation-column-item .creation-highlight-title,
.page-id-9 .creation-column-item .creation-column-title,
.page-id-9 .creation-column-item .creation-game-card-title,
.page-id-9 .creation-column-item h4 {
  flex: 0 0 auto;
}

.page-id-9 .creation-column-item p,
.page-id-9 .creation-column-item .wp-block-image,
.page-id-9 .creation-column-item figure {
  flex: 1 1 auto;
}

.page-id-9 .creation-column-item .creation-placeholder,
.page-id-9 .creation-column-item .creation-placeholder-full {
  flex: 0 0 auto !important;
}

.page-id-9 .creation-column-item .wp-block-buttons,
.page-id-9 .creation-column-item .creation-game-buttons {
  display: flex;
  flex: 0 0 auto;
  margin-top: auto;
  justify-content: center;
  gap: 0.6em;
}

/* 蜈ｨ繧ｫ繝ｩ繝蜈ｱ騾夲ｼ夊ｦ句・縺鈴ｫ倥＆邨ｱ荳€繝ｻ邵ｦ讓ｪ荳ｭ螟ｮ謠・∴・・D:9縺ｮ縺ｿ縺ｫ髯仙ｮ夲ｼ・*/
.page-id-9 .creation-column-item h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
  padding: 0.4em 0.8em !important;
  border-bottom: 1px solid var(--color-fuji) !important;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
}

/* 2繧ｫ繝ｩ繝繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ・・OOTH+Behance・会ｼ・陦悟宛髯撰ｼ・D:9縺ｮ縺ｿ・・*/
.page-id-9 .creation-two-column .creation-column-item h4 {
  -webkit-line-clamp: 1;
}

/* 4繧ｫ繝ｩ繝繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ・・D髢｢騾｣+繧ｹ繝ｩ繧､繝・繧ｨ繝・そ繧､・会ｼ・陦悟宛髯撰ｼ・D:9縺ｮ縺ｿ・・*/
.page-id-9 .creation-three-column .creation-column-item h4 {
  -webkit-line-clamp: 2;
}

/* 繧ｲ繝ｼ繝蛻ｶ菴懊そ繧ｯ繧ｷ繝ｧ繝ｳ・・繧ｫ繝ｩ繝・会ｼ・陦悟宛髯撰ｼ・D:9縺ｮ縺ｿ・・*/
.page-id-9 .creation-game-card h4 {
  -webkit-line-clamp: 2;
}

/************************************
** 蜑ｵ菴懃ｴｹ莉・逕ｻ蜒上・繝ｬ繝ｼ繧ｹ繝帙Ν繝€繝ｼ
** 2濶ｲ繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ: 荳ｭ螟ｮ=髱・螳牙・蝨・縲∝捉蝗ｲ=繧ｰ繝ｬ繝ｼ(隕句・繧後ｋ遽・峇)
************************************/

/* 逕ｻ蜒上・繝ｬ繝ｼ繧ｹ繝帙Ν繝€繝ｼ・・D:9縺ｮ縺ｿ縺ｫ髯仙ｮ夲ｼ・*/
.page-id-9 .creation-placeholder {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9 !important;
  background-color: #e0e0e0; /* 繧ｰ繝ｬ繝ｼ・亥捉蝗ｲ・・*/
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 1em;
  flex-shrink: 0;
}

.page-id-9 .creation-placeholder::after {
  content: '';
  position: absolute;
  top: 15%;
  left: 15%;
  right: 15%;
  bottom: 15%;
  background-color: #8ED1E0; /* 遨ｺ濶ｲbase・亥ｮ牙・蝨擾ｼ・*/
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 蜈ｨ蟷・・繝ｬ繝ｼ繧ｹ繝帙Ν繝€繝ｼ・亥・繝壹・繧ｸ蜈ｱ騾夲ｼ・*/
.creation-placeholder-full {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 1 !important;
  background-color: #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 1em;
  flex-shrink: 0;
}

.creation-placeholder-full::after {
  content: '';
  position: absolute;
  top: 15%;
  left: 15%;
  right: 15%;
  bottom: 15%;
  background-color: #8ED1E0;
  border-radius: 4px;
}

/************************************
** 繧ｲ繝ｼ繝蛻ｶ菴懊そ繧ｯ繧ｷ繝ｧ繝ｳ 繧ｳ繝ｳ繝代け繝亥喧
** 逕ｻ蜒・0% / 繝・く繧ｹ繝・0%
** 蟇ｾ雎｡: ID:9・亥卸菴懃ｴｹ莉具ｼ峨・繧ｲ繝ｼ繝蛻ｶ菴懊そ繧ｯ繧ｷ繝ｧ繝ｳ縺ｮ縺ｿ
** 蠖ｱ髻ｿ遽・峇: .creation-game-work 繧ｯ繝ｩ繧ｹ縺ｯID:9蝗ｺ譛・
************************************/

.creation-game-work .creation-column-image {
  flex-basis: 30% !important;
  max-width: 30% !important;
}

.creation-game-work .creation-column-detail {
  flex-basis: 70% !important;
  max-width: 70% !important;
}

.creation-game-work .creation-column-image img {
  max-height: 250px;
  object-fit: cover;
}

.creation-game-work .creation-column-detail p {
  margin-bottom: 0.5em;
  font-size: 0.95em;
}

/* H3隕句・縺暦ｼ医し繧､繝亥・騾夲ｼ・窶・7髫主ｱ､竭｡: 1.3rem=20.8px / 繝｢繝舌う繝ｫ1.15rem=18.4px (plan 1788064902319) */
.entry-content h3 {
  color: var(--color-fuji-deep, #5F568E);
  border-bottom: 1px solid var(--color-border, #DCE6EE);
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  padding-bottom: .25rem;
  font-size: 1.3rem;
}

/* === 7髫主ｱ､繧ｿ繧､繝昴げ繝ｩ繝輔ぅ邨ｱ荳€ 2026-08-30 plan 1788064902319 / 譛€菴弱Λ繧､繝ｳ蠑輔″荳翫￡ 2026-08-30 plan 1788065556310 === */
 /* 竭H2 1.6em / 竭｡H3 1.3rem / 竭｢繧ｫ繝ｼ繝峨ち繧､繝医Ν1.05rem / 竭｣譛ｬ譁・rem/1.8 / 竭､隱ｬ譏・.95rem(768px 0.9/480px 0.875) / 竭･CTA0.95rem(蜷梧ｮｵ髫・ / 竭ｦ繝｡繧ｿ0.75rem */
 /* 竭｢繧ｫ繝ｼ繝峨ち繧､繝医Ν邨ｱ荳€: 蜑ｵ菴・繝医ャ繝・雉・侭遲峨ｒ1.05rem(16.8px)縺ｫ豁｣隕丞喧 窶・繝悶Ο繧ｰ縺ｯ 2026-08-30 plan 1788097138531 縺ｧ 1.20rem縺ｸ諡｡螟ｧ縺怜ｷｮ蛻･蛹・*/
.entry-content .creation-sub-title,
.entry-content .creation-knowledge-title,
.entry-content .creation-activity-title,
.top-creation-card-title,
.creation-knowledge-card .creation-placeholder-title,
.page-id-9 .creation-game-card .creation-game-card-title {
  font-size: 1.05rem;
}
/* 2026-08-30 plan 1788097138531: 繝悶Ο繧ｰ繧ｫ繝ｼ繝峨ち繧､繝医Ν縺ｮ縺ｿ荳€谿ｵ髫取僑螟ｧ 窶・H3(1.3rem 20.8px) > title(19.2/18.4/16.8) > desc(15.2/14.4/14) 縺ｮ髫主ｱ､邯ｭ謖・*/
.blog-card-title {
  font-size: 1.20rem;
}



/* 竭､隱ｬ譏取枚邨ｱ荳€: 0.95rem(15.2px)縺ｸ蠎穂ｸ翫￡ 谿ｵ髫守ｸｮ蟆・Desktop0.95/Tablet0.9/Mobile0.875 (plan 1788065556310) 窶・譌｢險ｭanywhere縺ｯ谿狗ｽｮ */
.entry-content .creation-sub-desc,
.entry-content .creation-knowledge-desc,
.entry-content .creation-game-card p,
.top-creation-card-desc,
.creation-knowledge-desc,
.creation-activity-desc,
.creation-motion-card .creation-sub-desc,
.blog-card-excerpt,
.mapping-description-box p,
.creation-knowledge-subtitle {
  font-size: 0.95rem;
}
.platform-card-desc {
  font-size: 0.95rem !important;
}
/* Phase6 (1788220801056) G: 768/480縺ｯ responsive-*.css 繧呈ｭ｣縺ｨ縺吶ｋ縲・important 縺ｮ譛臥┌縺ｧ蜍晄風縺悟､峨ｏ繧九◆繧∵ｮｵ髫主€､ 0.95竊・.9竊・.875 縺ｯ蜑企勁縺励↑縺・*/
/* Phase6 (1788221641205) G: 768/480縺ｯ responsive-*.css 繧呈ｭ｣縺ｨ縺吶ｋ縲・important 縺ｮ譛臥┌縺ｧ蜍晄風縺悟､峨ｏ繧九◆繧∵ｮｵ髫主€､ 0.95竊・.9竊・.875 縺ｯ蜑企勁縺励↑縺・窶・隧ｳ邏ｰ縺ｯ css/responsive-768.css:142-177 / css/responsive-480.css:89-124 繧貞盾辣ｧ */

/* 竭･CTA邨ｱ荳€: 0.95rem(15.2px)縺ｸ蠑輔″荳翫￡ 谿ｵ髫守ｸｮ蟆・Desktop0.95/Tablet0.9/Mobile0.875 (plan 1788065556310) 窶・隱ｬ譏弱→蜷悟€､縺ｧ騾・ｻ｢髦ｲ豁｢ */
.creation-sub-cta a,
.creation-knowledge-cta a,
.creation-activity-cta a,
.page-id-9 .creation-card-view-all,
.page-id-9 .creation-view-all,
.blog-card-excerpt,
.blog-pagination a,
.blog-pagination span,
.creation-sub-cta-inline a {
  font-size: 0.95rem;
}
/* Phase6 (1788221641205) G: 768/480縺ｯ responsive-*.css 繧呈ｭ｣縺ｨ縺吶ｋ縲・important 縺ｮ譛臥┌縺ｧ蜍晄風縺悟､峨ｏ繧九◆繧∵ｮｵ髫主€､ 0.95竊・.9竊・.875 縺ｯ蜑企勁縺励↑縺・窶・隧ｳ邏ｰ縺ｯ css/responsive-768.css:142-177 / css/responsive-480.css:89-124 繧貞盾辣ｧ */


/* === 謾ｹ陦悟宛蠕｡ 2026-08-30 plan 1788064902319 ﾂｧ6 === */
/* 譛ｪ險ｭ螳壹・蜑ｵ菴懊き繝ｼ繝芽ｪｬ譏守ｾ､縺ｮ縺ｿ縺ｫ驕ｩ逕ｨ 窶・譌｢險ｭ anywhere/nowrap 縺ｯ貂ｩ蟄倥＠荳頑嶌縺阪＠縺ｪ縺・*/
.entry-content .creation-sub-desc,
.entry-content .creation-knowledge-desc,
.top-creation-card-desc,
.platform-card-desc,
.creation-activity-desc,
.creation-game-card p {
  line-break: strict;
  overflow-wrap: break-word;
  word-break: normal;
  text-wrap: pretty;
}
/* 隕句・縺礼ｾ､: 陦碁聞蝮・ｭ牙喧 窶・text-wrap:balance 縺ｯ髱槫ｯｾ蠢懊ヶ繝ｩ繧ｦ繧ｶ縺ｧ縺ｯ辟｡螳ｳ繝輔か繝ｼ繝ｫ繝舌ャ繧ｯ */
.entry-content h2,
.entry-content h3,
.creation-sub-title,
.creation-knowledge-title,
.creation-game-card-title,
.top-creation-card-title {
  text-wrap: balance;
}

/* 繝｢繝舌う繝ｫ髫主ｱ､邯ｭ謖・窶・480px莉･荳九〒 H2>H3>title>desc 縺ｮ騾・ｻ｢髦ｲ豁｢ (plan 1788064902319 ﾂｧ5 / 1788097138531 縺ｧ blog-card-title 繧帝勁螟・ */


/* H2/H3隕句・縺暦ｼ・D:11 繧ｽ繝九Μ繧｢縺ｨ荳也阜隕ｳ 窶・line-height/overflow-wrap・・*/
.page-id-11 .entry-content h2,
.page-id-11 .entry-content h3 {
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* H4隕句・縺暦ｼ医し繧､繝亥・騾夲ｼ・*/
.entry-content h4 {
  margin-top: 0.5em;
}

/* 繧ｲ繝ｼ繝繧ｫ繝ｼ繝会ｼ・繧ｫ繝ｩ繝逕ｨ・・*/
.creation-game-card .wp-block-image {
  margin: 0 0 0.8em 0;
}

.creation-game-card .wp-block-image img {
  border-radius: 6px;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.creation-game-card p {
  font-size: 0.95rem;
  margin-bottom: 0.5em;
  color: var(--color-text);
}

.creation-game-card .creation-game-buttons {
  margin-top: 0.5em;
}

.creation-game-card .wp-block-button {
  margin-bottom: 0 !important;
}

.creation-game-card .wp-block-button__link {
  font-size: 0.85em;
  padding: 0.4em 1em;
}

/* 譛ｪ螳壽棧縺ｮ繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ */
.creation-game-placeholder {
  pointer-events: none;
  opacity: 0.6;
}

.creation-game-placeholder:hover {
  transform: none;
  box-shadow: none;
}

.creation-game-placeholder .creation-placeholder {
  opacity: 0.5;
}

.creation-game-placeholder p {
  color: #999;
}



/************************************
** 縺雁撫縺・粋繧上○繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ 2繧ｫ繝ｩ繝繝ｬ繧､繧｢繧ｦ繝・
** 蟇ｾ雎｡: ID:13 繧ｵ繧､繝域ｦりｦ・
** 蟾ｦ: 縺雁撫縺・粋繧上○繝輔か繝ｼ繝 / 蜿ｳ: X・・witter・・
************************************/

.contact-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em;
  margin: 2em 0;
}

.contact-columns > .wp-block-column {
  flex: 0 0 auto !important;
  min-width: 200px;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0;
  padding: 0 !important;
}

.contact-columns > .wp-block-column::before {
  display: none !important;
}

.contact-columns > .contact-form-column {
  display: flex;
  align-items: flex-start;
}

.contact-columns > .contact-x-column {
  display: flex;
  align-items: flex-start;
}

.contact-columns > .contact-x-column p {
  display: flex;
  align-items: center;
  height: 38px;
  margin: 0;
}

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


/************************************
** 繧ｻ繧ｰ繝｡繝ｳ繝医さ繝ｳ繝医Ο繝ｼ繝ｫ鬚ｨ繝翫ン繝舌・・・age-id-13 縺ｮ縺ｿ隧ｦ鬨灘ｮ溯｣・ｼ・
** 螟画峩: 2026-08-12
** 繝ｭ繝ｼ繝ｫ繝舌ャ繧ｯ: 譛ｬ繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ繧貞炎髯､縺吶ｋ縺九さ繝｡繝ｳ繝医い繧ｦ繝・
************************************/
/* ID蝗ｺ譛峨・繝翫ン繝舌・荳頑嶌縺・窶・繝斐Ν蝙九メ繝・・莉墓ｧ倥↓邨ｱ荳€ */
/* 繝翫ン繝舌・荳贋ｸ九・菴咏區縺ｯ 0・磯團謗･隕∫ｴ蛛ｴ縺ｧ 32px 繧呈欠螳夲ｼ峨€ょｷｦ蜿ｳ荳ｭ螟ｮ蟇・○縺ｯ邯ｭ謖√€・*/
/* plan 1788342670409: 藤色アウトライン除去 — .page-id-13 .page-navi-bar は灰枠に統一、active は色のみ維持 */
.page-id-13 .page-navi-bar {
  border: 1px solid var(--color-border, #DCE6EE) !important;
  background: var(--color-bg-fuji, #F6F3FB);
}
.page-id-11 .page-navi-bar a.is-active,
.page-id-30 .page-navi-bar a.is-active {
  border-color: var(--color-border, #DCE6EE) !important;
  color: var(--color-main);
  font-weight: bold;
}

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


/************************************
** 繝槭ャ繝斐Φ繧ｰ隱ｬ譏弱・繝・け繧ｹ・・D:11・・
** 繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ逕ｻ蜒上・荳九↓驟咲ｽｮ縺吶ｋ隱ｬ譏弱ユ繧ｭ繧ｹ繝育畑
************************************/

/* 繝槭ャ繝斐Φ繧ｰ繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ 繝懊ャ繧ｯ繧ｹ・・D:11・・*/
/* 隕句・縺・h2)繧偵・繝・け繧ｹ縺ｮ螟悶↓驟咲ｽｮ縺励€√・繝ｬ繝ｼ繧ｹ繝帙Ν繝€繝ｼ+隱ｬ譏弱ユ繧ｭ繧ｹ繝医・縺ｿ繧偵・繝・け繧ｹ縺ｫ蝗ｲ繧€ */
/* 豕ｨ: wp-block-group縺ｮ蜀・Κ讒矩€荳翫€，SS Grid縺ｯ蜉ｹ縺九↑縺・◆繧・Flexbox 繧剃ｽｿ逕ｨ */
.page-id-11 #section-mapping {
  display: flex !important;
  flex-direction: column;
  margin-bottom: 1.5em;
}

/* h2隕句・縺暦ｼ医・繝・け繧ｹ縺ｮ螟厄ｼ・*/
.page-id-11 #section-mapping > h2 {
  margin-bottom: 1em;
}

/* 繝懊ャ繧ｯ繧ｹ蟇ｾ雎｡・医・繝ｬ繝ｼ繧ｹ繝帙Ν繝€繝ｼ + 隱ｬ譏弱ユ繧ｭ繧ｹ繝茨ｼ・*/
.page-id-11 #section-mapping > .creation-placeholder-full,
.page-id-11 #section-mapping > .mapping-description-box {
  border: 1px solid var(--color-fuji) !important;
  border-radius: 8px;
}

.page-id-11 #section-mapping > .creation-placeholder-full {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.page-id-11 #section-mapping > .mapping-description-box {
  max-width: 100% !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-left: none;
  background-color: var(--color-bg-fuji) !important;
}

/* 繝槭ャ繝斐Φ繧ｰ隱ｬ譏弱・繝・け繧ｹ・亥・騾壹・譌｢螳壼€､・・*/
.mapping-description-box {
  max-width: 100%;
  margin: 1.5em auto;
  padding: 1.2em 1.5em;
  background-color: var(--color-bg-light);
  border-left: 3px solid var(--color-sky-mid);
  border-radius: 4px;
}

.mapping-description-box p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--color-text);
}

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


/************************************
** 繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ莉募・繧顔ｷ夲ｼ亥・繝壹・繧ｸ蜈ｱ騾夲ｼ・
** 蜷・Γ繝九Η繝ｼ鬆・岼縺ｮ蟾ｦ蛛ｴ縺ｫ荳ｭ螟ｮ縺槭ｍ縺医・遏ｭ縺・ｸｦ邱壹ｒ驟咲ｽｮ
** 螟画峩: 2026-08-12
************************************/
#navi .menu-item {
  border-right: none !important;
  position: relative;
}
#navi .menu-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background: rgba(255, 255, 255, 0.5);
}
#navi .menu-item:first-child::before {
  display: none;
}

/************************************
** ID:13 繝壹・繧ｸ蝗ｺ譛峨Ξ繧､繧｢繧ｦ繝郁ｪｿ謨ｴ
************************************/

/* 菴灘宛繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ・・繧ｫ繝ｩ繝蜀・・繧ｿ繝ｳ荳ｭ螟ｮ謠・∴ */
.page-id-13 .creation-three-column .wp-block-buttons {
  justify-content: center;
}

/* tokikai豢ｻ蜍募・闊ｬ・・繧ｫ繝ｩ繝蜀・判蜒上・繝・く繧ｹ繝亥庶螳ｹ */
.page-id-13 .creation-three-column .creation-two-column {
  gap: 0.8em;
}
.page-id-13 .creation-three-column .creation-two-column .wp-block-column {
  flex: 1 1 0% !important;
  min-width: 0;
  max-width: none;
}
.page-id-13 .creation-three-column .creation-two-column img {
  max-width: 100%;
  height: auto;
}
.page-id-13 .creation-three-column .creation-two-column p {
  min-width: 0;
  word-break: break-word;
}


/* 繝｢繝舌う繝ｫ縺ｮ蝗ｺ螳壹リ繝薙・繝｡繧､繝ｳ蟷・↓繧医ｋ讓ｪ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繧呈椛豁｢ */


/* 縺雁撫縺・粋繧上○繝懊ち繝ｳ・壼ｷｦ謠・∴ */
.page-id-13 .entry-content > h2#section-toiawase ~ .wp-block-buttons {
  justify-content: flex-start !important;
}

/* tokikai豢ｻ蜍募・闊ｬ・壹・繝ｭ繝輔ぅ繝ｼ繝ｫ1繧ｫ繝ｩ繝讓ｪ荳ｦ縺ｳ */
.profile-inline {
  display: flex;
  align-items: center;
  gap: 1em;
}
.profile-inline .profile-image {
  flex: 0 0 auto;
}
.profile-inline .profile-image img {
  width: 120px;
  height: auto;
  border-radius: 8px;
}
.profile-inline .profile-text {
  flex: 1;
  min-width: 0;
}
.profile-inline .profile-text p {
  margin: 0;
}



/* 7-3: 繝｢繝舌う繝ｫ 390px莉･荳・ single險倅ｺ句・菴薙・繝ｬ繧ｹ繝昴Φ繧ｷ繝冶ｪｿ謨ｴ */


/************************************
** 譛€邨よ峩譁ｰ譌･・域峩譁ｰ螻･豁ｴ・峨ｒ繝ｦ繝ｼ繧ｶ繝ｼ縺ｫ陦ｨ遉ｺ縺励↑縺・ｼ・026-08-17・・
** Cocoon險ｭ螳夲ｼ・ost_update_visible 遲・0・峨・菫晞匱縲・
** 縺ｩ縺ｮ繝・Φ繝励Ξ繝ｼ繝育ｵ瑚ｷｯ縺ｧ蜃ｺ蜉帙＆繧後※繧ら｢ｺ螳溘↓髫縺吶€・
** 謚慕ｨｿ譌･(.post-date)繝ｻ讒矩€蛹悶ョ繝ｼ繧ｿ(dateModified)縺ｯ谿九☆縲・
************************************/
.post-update,
.widget-entry-card-update-date {
  display: none !important;
}

/************************************
** 繝医ャ繝励∈謌ｻ繧九・繧ｿ繝ｳ・・o-to-top・・
** 2026-08-30: 繝偵い繝ｪ繝ｳ繧ｰ縺ｫ繧医ｊ蜿崎ｻ｢繧｢繧ｦ繝医Λ繧､繝ｳ蛹厄ｼ育區ﾃ苓陸deep #5F568E 2px + 豬ｮ縺・蠖ｱ邯ｭ謖・ｼ峨€ょｭ､遶玖牡 #38B48B 繧呈賜髯､縲・
** 騾壼ｸｸ: 阯､mid蝪励ｊ逋ｽ繧｢繧､繧ｳ繝ｳ 竊・繝帙ヰ繝ｼ: 逋ｽ蝪励ｊ阯､deep繧｢繧ｦ繝医Λ繧､繝ｳ+阯､deep繧｢繧､繧ｳ繝ｳ縺ｸ蜿崎ｻ｢縲・
** 蟄舌ユ繝ｼ繝・style.css 縺梧ｭ｣・・heme_mod 蜷梧悄縺ｯ莠碁㍾髦ｲ蠕｡・峨€・important 縺ｯ css-custom.php 繧､繝ｳ繝ｩ繧､繝ｳ荳頑嶌縺榊ｯｾ遲悶€・
************************************/
.go-to-top {
  right: 24px;
  bottom: 24px;
}
.go-to-top .go-to-top-button {
  width: 48px;
  height: 48px;
  border-radius: 14px;               /* FAB ratio 56:16 -> 48:14 (29pct match) */
  font-size: 20px;
  background-color: var(--color-fuji-mid, #7369A0) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(46, 52, 64, 0.18);
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.go-to-top .go-to-top-button:hover {
  background-color: #ffffff !important;
  color: var(--color-fuji-deep, #5F568E) !important;
  border: 2px solid var(--color-fuji-deep, #5F568E) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(46, 52, 64, 0.22);
}
.go-to-top .go-to-top-button:focus-visible {
  outline: 2px solid var(--color-fuji-deep, #5F568E);
  outline-offset: 2px;
}
.go-to-top .go-to-top-button:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(46, 52, 64, 0.18);
}

/* 繝｢繝舌う繝ｫ: 菴咲ｽｮ縺縺・8px 繧ｰ繝ｪ繝・ラ縺ｮ 16px 縺ｫ・医し繧､繧ｺ48px縺ｯ繧ｿ繝・・繧ｿ繝ｼ繧ｲ繝・ヨ遒ｺ菫昴・縺溘ａ邯ｭ謖・ｼ・*/


/************************************
** 蝗ｺ螳壹・繝ｼ繧ｸ譛ｬ譁・怙螟ｧ蟷・ｼ・160px・・
** 繝壹・繧ｸID:9/11/13 蜈ｱ騾・
************************************/
.page-id-9 .entry-content,
.page-id-11 .entry-content,
.page-id-13 .entry-content {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}

/************************************
** 繧ｵ繧､繝域ｦりｦ・ｼ・D:13・牙崋譛峨せ繧ｿ繧､繝ｫ
** 2026-08-19: 隕句・縺励・繧ｫ繝ｼ繝峨・繝懊ち繝ｳ繝ｻ繝翫ン邨ｱ荳€
************************************/

/* 6-1: H2隕句・縺励せ繧ｿ繧､繝ｫ */
.page-id-13 .entry-content h2 {
  color: var(--color-fuji-deep, #5F568E);
  border-bottom: 2px solid #8ED1E0;
  margin-bottom: 1rem;
}

/* 6-1: H2隕句・縺嶺ｸ贋ｽ咏區 窶・ID:11蝓ｺ貅悶↓邨ｱ荳€・・lan 1787999115535・・
   蟶ｯ繧ｹ繧ｿ繧､繝ｫ蜑企勁: seitai/unneisha 繧呈ｱ守畑 .entry-content h2(margin-top:2rem)縺ｨhr(margin:2.5em)縺ｮcollapsed 40px縺ｫ邨ｱ荳€縲・
   繝壹・繧ｸ蜀・seitai/unneisha 縺ｨ toiawase/chosakuken 縺ｮ繝舌Λ縺､縺崎ｧ｣豸医€・*/

/* 6-1: 繧ｫ繝ｼ繝牙・騾壻ｻ墓ｧ假ｼ亥推繧ｫ繝ｩ繝繧｢繧､繝・Β縺ｮ縺ｿ縲ゅさ繝ｳ繝・リ縺ｯ蟇ｾ雎｡螟厄ｼ・窶・padding/gap 縺ｯ 4585 邉ｻ繝ｻ5366 邉ｻ縺ｫ遘ｻ隴ｲ */
.page-id-13 .creation-column-item {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
}

/* 6-1: 2繧ｫ繝ｩ繝繧ｳ繝ｳ繝・リgap */
.page-id-13 .creation-two-column {
  gap: 1.5rem;
}

/* 6-1: 3繧ｫ繝ｩ繝蜷・い繧､繝・Β縺ｮflex-basis・・nline蜑企勁縺ｮ莉｣譖ｿ・・*/
.page-id-13 .creation-three-column .creation-column-item {
  flex-basis: 33.33%;
}

/* 6-1: 768px莉･荳九〒3繧ｫ繝ｩ繝竊・繧ｫ繝ｩ繝 */


/* 6-2: 繝懊ち繝ｳ繧ｹ繧ｿ繧､繝ｫ 窶・繝医ャ繝励・繝ｼ繧ｸ繝偵・繝ｭ繝ｼ Tint Pastel B謾ｹ險・A+B 貅匁侠繝ｻ2026-08-25
   蛟､縺ｯ css/section-hero.css・・top-hero-btn / -outline / -primary・峨ｈ繧翫ワ繝ｼ繝峨さ繝ｼ繝芽､・｣ｽ
   ・・ection-hero.css 縺ｯ /social/ 縺ｧ縺ｯ隱ｭ縺ｿ霎ｼ縺ｾ繧後↑縺・◆繧・ｼ峨€・
   繧ｵ繧､繝亥・騾壹Ν繝ｼ繝ｫ・域悽繝輔ぃ繧､繝ｫ L46窶・4 縺ｮ !important 莉倥″・峨ｒ荳頑嶌縺阪☆繧九◆繧・
   隧ｲ蠖薙・繝ｭ繝代ユ繧｣縺ｫ繧・!important 繧剃ｻ倅ｸ弱€ゅョ繝輔か繝ｫ繝・阯､tint・・ / lit.link / Notion・・*/
.page-id-13 .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-height: 44px;
  padding: 0.85em 1.6em !important;
  border-radius: 8px !important;
  font-weight: 700;
  font-size: 0.95rem;
  line-height: 1;
  letter-spacing: 0.04em;
  text-decoration: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
  background-color: #EBE4F3 !important; /* 阯､tint */
  /* 2026-09-03 plan 1788436546807: 白中心＋4方向グラデ（X/lit.link2個で停止位置統一60%/80%。Notion/問合せ単体も同停止位置で色ルール統一） */
  /* 2026-09-03 plan 1788438155218: radial白60%廃止→ベタ藤tint＋inset化 */
  color: #5F568E !important;
  border: 1px solid rgba(95,86,142,0.34) !important;
  box-shadow: 0 2px 8px rgba(95,86,142,0.08), inset 0 1px 0 rgba(255,255,255,0.6);
}

.page-id-13 .wp-block-button__link:hover {
  background-color: #E1D6ED !important; /* #EBE4F3 縺ｮ邏・%繝€繝ｼ繧ｯ */
  /* 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-13 .wp-block-button__link: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-13 .entry-content > h2#section-toiawase ~ .wp-block-buttons .wp-block-button__link:active,
body.page-id-13 .social-operator-wrapper:not(.social-contact-wrapper):not(.social-policy-wrapper) .wp-block-button__link: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-13 .wp-block-button__link:focus-visible {
  outline: 2px solid #5F568E;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(95,86,142,0.16);
}

/* 6-2: 阯､濶ｲ3繝懊ち繝ｳ邨ｱ荳€繧ｳ繝ｳ繝代け繝亥ｹ・ｼ・D:13縺ｮ縺ｿ繝ｻ148px・・*/
.page-id-13 .social-operator-buttons .wp-block-button__link,
.page-id-13 .social-notion-buttons .wp-block-button__link {
  min-width: 148px !important;
  width: 148px !important;
  flex: 0 0 148px !important;
  justify-content: center !important;
}

/* 6-2: 縺雁撫縺・粋繧上○繝輔か繝ｼ繝縺ｮ縺ｿ遨ｺtint・亥ｷｦ謠・∴謖・ｮ壹→蜷後§邉ｻ邨ｱ縺ｮ繧ｹ繧ｳ繝ｼ繝励〒荳頑嶌縺搾ｼ・*/
.page-id-13 .entry-content > h2#section-toiawase ~ .wp-block-buttons .wp-block-button__link {
  min-width: 0 !important;
  width: auto !important;
  flex: 0 0 auto !important;
  background-color: #E4EDF4 !important; /* 遨ｺtint */
  /* 2026-09-03 plan 1788438155218: radial廃止→ベタ空tint＋inset化 */
  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-13 .entry-content > h2#section-toiawase ~ .wp-block-buttons .wp-block-button__link:hover {
  background-color: #D6E3EE !important; /* #E4EDF4 縺ｮ邏・%繝€繝ｼ繧ｯ */
  /* 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);
}
body.page-id-13 .social-operator-wrapper:not(.social-contact-wrapper):not(.social-policy-wrapper) .wp-block-button__link {
  background-color: #E4EDF4 !important;
  /* 2026-09-03 plan 1788438155218: radial廃止→ベタ空tint＋inset化 */
  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);
}
body.page-id-13 .social-operator-wrapper:not(.social-contact-wrapper):not(.social-policy-wrapper) .wp-block-button__link:hover {
  background-color: #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);
}

/* 6-2: 繝懊ち繝ｳgap繝ｻ768px莉･荳仇rap */
.page-id-13 .wp-block-buttons {
  gap: .75rem;
}



/* 6-2: 繧｢繝ｳ繧ｫ繝ｼ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ譎ゅ・繧ｪ繝輔そ繝・ヨ */
.page-id-13 .entry-content [id^="section-"] {
  scroll-margin-top: 72px;
}

/* 6-2: 闡嶺ｽ懈ｨｩ繝悶Ο繝・け */
.page-id-13 #section-chosakuken ~ p {
  line-height: 1.8;
  max-width: 70ch;
}

/* 6-2: 繧ｫ繝ｼ繝牙・繝懊ち繝ｳ荳区純縺・*/
.page-id-13 .creation-column-item .wp-block-buttons,
.page-id-13 .creation-column-item .social-operator-buttons {
  margin-top: auto;
}

/* 隱ｲ鬘・: 驕句霧閠・き繝ｼ繝画悽譁・Λ繝・ヱ繝ｼ 荳ｭ螟ｮ繝ｻ荳ｭ霄ｫ蟾ｦ縺ｧ蟷・ｵｱ荳€ */
.page-id-13 .operator-card-body {
  width: 100% !important;
  max-width: 340px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  align-items: stretch !important;
  flex: 1 1 auto !important;
}
.page-id-13 .operator-card-body p {
  text-align: left !important;
  margin: 0 !important;
  line-height: 1.7 !important;
}
.page-id-13 .operator-card-body .social-operator-buttons,
.page-id-13 .operator-card-body .social-notion-buttons {
  justify-content: center !important;
  width: 100% !important;
}
.page-id-13 .operator-card-body .operator-profile-inline {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  justify-content: flex-start !important;
}

/* 隱ｲ鬘・: 蜿ｳ繧ｫ繝ｩ繝譛ｬ譁・ｹ・ｒ繧ｫ繝ｼ繝牙ｹ・↓繝輔ぅ繝・ヨ 窶・蛛ｴ逋ｽ90px竊・4px縺ｫ蜑頑ｸ・*/
.page-id-13 .creation-two-column > .wp-block-column:nth-child(2) .operator-card-body {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  align-items: stretch !important;
}
.page-id-13 .creation-two-column > .wp-block-column:nth-child(2) .operator-card-body p {
  width: 100% !important;
  max-width: none !important;
  text-align: left !important;
}

/* 6-2: 驕句霧閠・ュ蝣ｱ繝懊ち繝ｳ・域署譯・・・窶・繝ｪ繝ｳ繧ｯ閾ｪ菴薙・蟇ｸ豕輔・驟崎牡縺ｯ蜈ｱ騾壹せ繧ｿ繧､繝ｫ縺ｫ荳€譛ｬ蛹・*/
.page-id-13 .social-operator-buttons {
  display: flex;
  justify-content: center;
  gap: .75rem;
  flex-wrap: wrap;
}

/* 運営者2ボタン＋Notion＋問合せフォームの上余白20px追加（圧迫感解消・margin-top:auto維持） */
.page-id-13 .operator-card-body .social-operator-buttons,
.page-id-13 .operator-card-body .social-notion-buttons,
.page-id-13 .social-contact-wrapper .operator-card-body .wp-block-buttons {
  padding-top: 1.25rem !important;
}

/* 繧ｵ繧､繝域ｦりｦ・驕句霧閠・ュ蝣ｱ繧ｫ繝ｼ繝牙・繝励Ο繝輔ぅ繝ｼ繝ｫ讓ｪ荳ｦ縺ｳ・・ask 1788099837846・・窶・2谿ｵ逶ｮ縺ｮ縺ｿ荳ｭ螟ｮ蟇・○縺ｧ蟾ｦ蟇・ｊ隗｣豸・*/
.page-id-13 .operator-profile-inline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2em;
  width: fit-content;
  max-width: 100%;
  margin: 0.6em auto 0.8em auto;
}
.page-id-13 .operator-profile-image {
  flex: 0 0 68px;
  width: 68px;
  height: 68px;
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
}
.page-id-13 .operator-profile-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.page-id-13 .operator-profile-text {
  flex: 0 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25em;
  text-align: left;
}
.page-id-13 .operator-profile-text p {
  margin: 0;
  line-height: 1.6;
}

/* 隱ｲ鬘・: 蟾ｦ繧ｫ繝ｩ繝逕ｻ蜒擾ｼ九ユ繧ｭ繧ｹ繝医ｒ繧ｿ繧､繝医Ν縲懊・繧ｿ繝ｳ髢薙・荳ｭ螟ｮ縺ｫ 窶・繝懊ち繝ｳ縺ｯ荳狗ｫｯ蝗ｺ螳・*/
.page-id-13 .creation-two-column > .wp-block-column:nth-child(1) .operator-card-body {
  display: flex !important;
  flex-direction: column !important;
}
.page-id-13 .creation-two-column > .wp-block-column:nth-child(1) .operator-profile-inline {
  flex: 1 1 auto !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  min-height: 96px !important;
  width: fit-content !important;
  max-width: 100% !important;
}

/* 6-2: 3繧ｫ繝ｼ繝臥判蜒上・縺ｿ邵ｦ荳ｭ螟ｮ謠・∴・域署譯・・・*/
.page-id-13 .creation-three-column .profile-image {
  display: flex;
  align-items: center;
}

/************************************
** prefers-reduced-motion 蟇ｾ蠢・
** 繝ｦ繝ｼ繧ｶ繝ｼ縺後Δ繝ｼ繧ｷ繝ｧ繝ｳ繧呈ｸ帙ｉ縺呵ｨｭ螳壹・蝣ｴ蜷医€・
** 蜈ｨ縺ｦ縺ｮ繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ繝ｻ繝医Λ繝ｳ繧ｸ繧ｷ繝ｧ繝ｳ繝ｻ螟牙ｽ｢繧堤┌蜉ｹ蛹・
************************************/
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/************************************
** 繝悶Ο繧ｰ繝壹・繧ｸ 繧ｳ繝ｳ繝・Φ繝・ｹ・ｵｱ荳€
** 螟画峩: 2026-08-19
** 逅・罰: home.php繝・Φ繝励Ξ繝ｼ繝医・Cocoon縺ｮ.page-body-content縺碁←逕ｨ縺輔ｌ縺ｪ縺・◆繧・
**       .entry-content縺ｮmax-width縺ｨmargin縺ｧ莉悶・蝗ｺ螳壹・繝ｼ繧ｸ・・160px・峨→邨ｱ荳€
************************************/
.page-id-30 .blog-page-inner {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}

/************************************
** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・画署譯・: IT髢狗匱繝ｻ3D蛻ｶ菴・濶ｲ莉倥″wrapper
** 螟画峩譌･: 2026-08-19
************************************/
}

.page-id-9 .creation-card-view-all {
  color: var(--color-fuji-deep, #5F568E);
  font-size: 0.95rem;
  font-weight: 500;
}



/************************************
 ** 繧ｲ繝ｼ繝繧ｫ繝ｼ繝芽ｦ句・縺・ 蟾ｦ蜿ｳ蟇ｾ遘ｰ・・繧ｫ繝ｼ繝牙・騾夲ｼ・
 ** 蟇ｾ雎｡: .page-id-9 .creation-game-card .creation-game-card-title
 ** 螟画峩譌･: 2026-08-25
 ** 逶ｮ逧・ 豌ｴ濶ｲ荳狗ｷ夲ｼ・-color-sky 2px・峨ｒ蟒・ｭ｢縺励€∝・闊ｬ繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ隕句・縺・
 ** -> ・・creation-primary-title・峨→蜷後§ 1px solid var(--color-border) 縺ｫ邨ｱ荳€
 ************************************/
.page-id-9 .creation-game-card .creation-game-card-title {
  position: relative;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 700;
  color: var(--color-main);
  border-radius: 0;
  box-sizing: border-box;
  padding: 0.6em 1.2em !important;
  border-bottom: 1px solid var(--color-border, #DCE6EE) !important;
  background: #ffffff;
  text-align: center;
}

/* 繝｢繝舌う繝ｫ: CTA繝ｻ隕句・縺励・螳牙・縺ｪ謚倥ｊ霑斐＠ */


.page-id-13 .social-notion-buttons {
  justify-content: center;
}


/* 譏蜒丈ｽ懷刀繝励Ξ繝ｼ繧ｹ繝帙Ν繝€繝ｼ蠕ｩ譌ｧ・亥ｾ梧ｮｵ縺ｮ蜈ｱ騾夂ｵｶ蟇ｾ驟咲ｽｮ繝ｫ繝ｼ繝ｫ繧剃ｸ頑嶌縺搾ｼ・*/
.page-id-9 #section-motion .creation-placeholder-link {
  position: relative;
  display: block;
  flex: 0 0 40%;
  width: 40%;
  height: auto;
  aspect-ratio: 16 / 9;
}

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



/************************************
 ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 雉・侭繝ｻ蝓ｷ遲・TA郢ｰ繧贋ｸ翫￡・・0:40隱ｿ謨ｴ・・
 ** 蟇ｾ雎｡: #section-knowledge 蜀・・雉・侭/蝓ｷ遲・き繝ｼ繝峨・縺ｿ・亥ｷｦ繧ｫ繝ｩ繝髱槫ｯｾ雎｡・・
 ** 螟画峩譌･: 2026-08-21
 ** 逶ｮ逧・ 1陦悟・縺ｮ遨ｺ逋ｽ繧定ｩｰ繧√€御ｸ€隕ｧ繧定ｦ九ｋ縲阪ｒ荳翫↓遘ｻ蜍・
 ************************************/


/************************************
 ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 遨ｺ濶ｲ繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ縺ｮ隱ｬ譏寂・逋ｽ繧ｫ繝ｼ繝蛾俣1陦碁囮髢灘炎髯､
 ** 蟇ｾ雎｡: IT髢狗匱 #section-it / 3D蛻ｶ菴・#section-3d / 譏蜒丈ｽ懷刀 #section-motion
 **       雉・侭繝ｻ蝓ｷ遲・#section-knowledge / 逋ｺ菫｡豢ｻ蜍・#section-activity / 蜈ｬ髢九・謾ｯ謠ｴ #section-platforms
 ** 螟画峩譌･: 2026-08-21
 ** 迴ｾ迥ｶ gap:1.5rem(24px) 縺後・繝・ム繝ｼ縺ｨ逋ｽ繧ｫ繝ｼ繝蛾俣縺ｫ谿句ｭ倥€・陦悟・繧貞炎髯､縲・
 ************************************/
.page-id-9 #section-it,
.page-id-9 #section-3d,
.page-id-9 #section-view,
.page-id-9 #section-read,
.page-id-9 #section-motion,
.page-id-9 #section-knowledge,
.page-id-9 #section-activity,

/************************************
  ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 遨ｺ濶ｲ螟門・繧ｳ繝ｳ繝・リpadding邨ｱ荳€
  ** 蟇ｾ雎｡: #section-it / #section-3d / #section-view / #section-read / #section-motion / #section-knowledge / #section-activity / #section-platforms
  ** 螟画峩譌･: 2026-08-21・・026-08-29 隕ｳ繧・隱ｭ繧€ 50%蜀肴ｧ狗ｯ峨〒 #section-view/#section-read 霑ｽ蜉・・
  ** 逶ｮ逧・ IT髢狗匱・・rem・峨ｒ蝓ｺ貅悶↓莉・繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ縺ｮ荳贋ｸ句ｷｦ蜿ｳ菴咏區繧堤ｵｱ荳€
  ** 譌｢蟄倥・ 1.5rem 1.75rem 繧剃ｸ頑嶌縺・
  ************************************/
.page-id-9 #section-it,
.page-id-9 #section-3d,
.page-id-9 #section-view,
.page-id-9 #section-read,
.page-id-9 #section-motion,
.page-id-9 #section-knowledge,
.page-id-9 #section-activity,
.page-id-9 #section-it, .page-id-9 #section-3d, .page-id-9 #section-view, .page-id-9 #section-read, .page-id-9 #section-motion, .page-id-9 #section-knowledge, .page-id-9 #section-activity, .page-id-9 #section-platforms {
  background: var(--color-bg-light, #F3FAFD) !important;
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
  gap: 0.5rem !important;
  padding: 1rem !important;
  box-sizing: border-box !important;
}

/************************************
 ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 繧ｲ繝ｼ繝蛻ｶ菴・雉・侭繝ｻ蝓ｷ遲・菴咏區邨ｱ荳€
 ** 螟画峩譌･: 2026-08-21
 ** 逶ｮ逧・ 繧ｲ繝ｼ繝蛻ｶ菴懊・遨ｺ濶ｲwrapper繧棚T髢狗匱(1rem蝗帶婿)縺ｨ蜷御ｸ€縺ｫ縲∬ｳ・侭繝ｻ蝓ｷ遲・・荳倶ｽ咏區繧剃ｸ翫・蜿ｳ繝ｻ蟾ｦ縺ｨ蜷御ｸ€縺ｫ
 ************************************/
/* 1) 繧ｲ繝ｼ繝蛻ｶ菴・ IT髢狗匱縺ｨ蜷後§ 1rem 蝗帶婿縺ｫ邨ｱ荳€・育樟陦・1rem 1.5rem 竊・1rem・・*/



/************************************
 ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・峨ご繝ｼ繝蛻ｶ菴・ 繧ｫ繝ｼ繝我ｸ倶ｽ咏區繧剃ｸ翫・蟾ｦ蜿ｳ縺ｨ蝮・ｭ牙喧
 ** 蜴溷屏: .entry-content .wp-block-columns 縺ｮ margin:1.5em 0 縺・wrapper蜀・〒 bottom 24px 谿句ｭ・
 ** 螟画峩譌･: 2026-08-21
 ** 蟇ｾ雎｡: .creation-game-wrapper 逶ｴ荳九・ .creation-three-column 縺ｮ縺ｿ
 ************************************/
/* 菫晞匱: WordPress core 縺ｮ is-layout-flex 莉倅ｸ取凾繧ょ酔讒倥↓謇薙■豸医＠ */
.page-id-9 .creation-game-wrapper .wp-block-columns.is-layout-flex.creation-three-column {
  margin: 0 !important;
}

/************************************
 ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 遏･隴倥Λ繝・ヱ繝ｼ荳倶ｽ咏區蝮・ｭ牙喧・亥━蜈亥ｺｦ蟇ｾ遲厄ｼ・
 ** 霑ｽ蜉譌･: 2026-08-21
 ** 逶ｮ逧・ 雉・侭繝ｻ蝓ｷ遲・ヶ繝ｭ繝・け縺ｮ髱定レ譎ｯ繝ｩ繝・ヱ繝ｼ蜀・〒荳倶ｽ咏區縺縺代′
 **       荳・蟾ｦ/蜿ｳ繧医ｊ螟ｧ縺阪￥隕九∴繧句撫鬘後ｒ隗｣豸医€ょ屁譁ｹ 1rem 蝮・ｭ牙喧縲・
 ** 蜴溷屏: gap + 螟匁棧padding + 蜀・・wrapper谿狗蕗margin/padding
 **       + creation-sub-desc min-height/margin + CTA padding 縺ｮ遨咲ｮ・
 ** 蟇ｾ遲・ 鬮・pecificity(ID+class) + !important + 繝輔ぃ繧､繝ｫ譛ｫ蟆ｾ霑ｽ險倥〒蠕悟享縺｡菫晁ｨｼ
 ************************************/
.page-id-9 #section-knowledge .creation-sub-desc {
  margin: 0 0 0.25rem 0 !important;
  min-height: auto !important;
  flex: 0 0 auto !important;
}
.page-id-9 #section-knowledge .creation-card-view-all {
  padding-top: 0 !important;
  margin-top: 0.5rem !important;
}


.page-id-13 .creation-two-column .creation-column-item {
  padding: 1.5rem !important;
  gap: 0.75rem !important;
}
/* ::before 蟶ｯ縺ｮ雋margin縺御ｸ翫ｒ蠎・￡繧句ｴ蜷医・荳顔ｫｯ縺縺醍嶌谿ｺ 窶・鬮倥＆4px邯ｭ謖・
   2026-08-26: 荳倶ｽ咏區縺ｨ蟇ｾ遘ｰ縺ｫ縺吶ｋ縺溘ａ margin-bottom 繧・0.75rem 竊・0.6rem 縺ｫ隧ｰ繧√ｋ・・lan 1787754830905・・*/
.page-id-13 .creation-column-item::before {
  margin: -1.5rem -1.5rem 0.6rem -1.5rem !important;
  height: 4px !important;
}


/************************************
 ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 雉・侭繝ｻ蝓ｷ遲・荳倶ｽ咏區蝮・ｭ牙喧 v2・亥━蜈亥ｺｦ繝ｻ莠碁㍾繝ｬ繧､繝､繝ｼ隗｣豸茨ｼ・
 ** 霑ｽ蜉譌･: 2026-08-21
 ** 逶ｮ逧・ #section-knowledge 縺ｮ髱定レ譎ｯ(#F3FAFD)蜀・〒荳倶ｽ咏區縺縺代′
 **       荳・蟾ｦ/蜿ｳ繧医ｊ螟ｧ縺阪￥隕九∴繧句撫鬘後ｒ蝗帶婿1rem蝮・ｭ峨↓譏ｯ豁｣縲・
 ** 蟇ｾ遲・ body襍ｷ轤ｹ Specificity 121 + !important + 譛ｫ蟆ｾ霑ｽ險倥〒蠕悟享縺｡菫晁ｨｼ縲・
 **       逋ｽ繝ｬ繧､繝､繝ｼ繧・.creation-knowledge-card 縺ｫ髮・ｴ・€『rapper縺ｯ騾乗・繝ｬ繧､繧｢繧ｦ繝育畑縺ｫ蠕ｹ縺吶ｋ縲・
 ************************************/


/* wrapper 縺ｯ鬪ｨ邨・∩縺ｮ縺ｿ・夂區繝ｻ譫繝ｻpadding 繧貞翁縺弱€・€乗・蛹悶€ゆｻ･蠕・card 縺檎區繧呈球縺・*/
body.page-id-9 #section-knowledge .creation-knowledge-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* card 繧貞髪荳€縺ｮ逋ｽ繝ｬ繧､繝､繝ｼ縺ｫ・壽棧繝ｻ隗剃ｸｸ繝ｻpadding 繧貞屁譁ｹ蝮・ｭ・1rem 縺ｧ莉倅ｸ・*/

/* 譌｢蟄倥・ absolute 驟咲ｽｮ・・421邉ｻ: .creation-placeholder-primary/knowledge 縺・absolute 16/9・峨・ card 蜀・〒縺ｯ騾壼ｸｸ繝輔Ο繝ｼ縺ｫ謌ｻ縺・*/
body.page-id-9 #section-knowledge .creation-knowledge-card .creation-placeholder-link {
  position: relative !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 !important;
}
body.page-id-9 #section-knowledge .creation-knowledge-card .creation-placeholder-knowledge {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
}

/* 隱ｬ譏取枚縺ｮ荳倶ｽ咏區縺ｨ譛€蟆城ｫ倥＆繧偵Μ繧ｻ繝・ヨ縲ゆｸ九□縺代′閹ｨ繧峨・荳ｻ蝗繧呈妙縺､ */

/* CTA 縺ｯ flex 縺ｮ譛ｫ蟆ｾ縺ｫ蜿ｳ蟇・○縲Ｑadding-top 繧・0.5rem 縺ｫ縺嶺ｸ倶ｽ咏區繧貞､匁棧縺ｨ謠・∴繧・*/

/************************************
 ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 逋ｺ菫｡豢ｻ蜍・CTA 蜿ｳ荳区純縺・
 ** 蟇ｾ雎｡: #section-activity 縺ｮ縺ｿ・井ｻ悶そ繧ｯ繧ｷ繝ｧ繝ｳ縺ｯ隗ｦ繧後↑縺・ｼ・
 ** 螟画峩譌･: 2026-08-21
 ** 逶ｮ逧・ 縲御ｸ€隕ｧ繧定ｦ九ｋ縲阪′逋ｽ繧ｫ繝ｼ繝・.creation-activity-inner)蜿ｳ荳九↓莉悶そ繧ｯ繧ｷ繝ｧ繝ｳ縺ｨ蜷檎ｭ峨↓驟咲ｽｮ縺輔ｌ繧九ｈ縺・ｿｮ豁｣縲・
 ************************************/
body.page-id-9 #section-activity .creation-activity-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important; /* start -> stretch 縺ｧ繝・く繧ｹ繝域ｬ・ｒ逕ｻ蜒城ｫ倥＆縺ｫ蜷梧悄 */
  gap: 1.5rem !important;
}

body.page-id-9 #section-activity .creation-activity-media-link {
  flex: 0 0 40% !important;
  align-self: start !important; /* 逕ｻ蜒剰・菴薙・莨ｸ縺ｰ縺輔↑縺・*/
}

body.page-id-9 #section-activity .creation-activity-text {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  align-self: stretch !important;
  min-height: 100% !important;
  text-align: left !important;
}

body.page-id-9 #section-activity .creation-activity-text .creation-activity-desc {
  margin: 0 0 0.5rem 0 !important;
  flex: 0 0 auto !important;
}

body.page-id-9 #section-activity .creation-activity-text .creation-card-view-all {
  margin-top: auto !important; /* 繝・く繧ｹ繝域ｬ・・菴咏區繧貞沂繧√※蜿ｳ荳九∈ */
  padding-top: 0.75rem !important; /* 莉悶そ繧ｯ繧ｷ繝ｧ繝ｳ縺ｨ蜷悟€､・・729・・*/
  align-self: flex-end !important;
  display: inline-block !important;
}

/* 繝｢繝舌う繝ｫ: 邵ｦ遨阪∩譎ゅ・ stretch 縺ｧ縺ｯ縺ｪ縺剰・辟ｶ縺ｪ邵ｦ繝輔Ο繝ｼ縺ｫ謌ｻ縺・*/

/************************************
 ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 繧ｲ繝ｼ繝蛻ｶ菴・繧ｸ繝｣繝ｳ繝ｫ荳・陦御ｽ咏區
 ** 蟇ｾ雎｡: #section-game .creation-game-card 縺ｮ繧ｸ繝｣繝ｳ繝ｫ<p>逶ｴ荳・
 ** 螟画峩譌･: 2026-08-21
 ** 逶ｮ逧・ 繧ｸ繝｣繝ｳ繝ｫ陦ｨ險倥→繝懊ち繝ｳ鄒､縺ｮ髢薙↓1陦悟・・育ｴ・em・峨・菴咏區繧堤｢ｺ菫・
 ** -> 譛ｬ霑ｽ險倥〒p蛛ｴ繧・.5em縺ｫ諡｡螟ｧ縺怜粋險・em・・1陦鯉ｼ峨↓
 ************************************/
body.page-id-9 #section-game .creation-game-card p {
  margin-bottom: 1.5em !important;
}
/************************************
 ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 雉・侭繝ｻ蝓ｷ遲・・繝ｬ繝ｼ繧ｹ繝帙Ν繝€ 16:9 邯ｭ謖・ｼ・026-08-21 21:9竊・6:9 revert・・
 ** 蟇ｾ雎｡: #section-knowledge 蜀・・繝ｬ繝ｼ繧ｹ繝帙Ν繝€縺ｮ縺ｿ縲ゆｻ悶そ繧ｯ繧ｷ繝ｧ繝ｳ・・otion/activity/it/3d・峨ｂ 16/9 邯ｭ謖√€・
 ** 邨檎ｷｯ: 2026-08-21 縺ｫ 21:9 蛹悶〒蟾ｦ蜿ｳ遲蛾ｫ倥ｒ隧ｦ縺励◆縺後€√Θ繝ｼ繧ｶ隕∵悍縺ｫ繧医ｊ 16:9 縺ｫ謌ｻ縺励€・
 ************************************/
@media screen and (min-width: 769px) {
  body.page-id-9 #section-knowledge .creation-knowledge-card .creation-placeholder-link {
    aspect-ratio: 16 / 9 !important;
  }
  body.page-id-9 #section-knowledge .creation-knowledge-card .creation-placeholder-knowledge {
    aspect-ratio: 16 / 9 !important;
    /* 譌ｧ 5/4, 16/9, 4/3 遲峨・ aspect 謖・ｮ壹ｒ荳頑嶌縺・*/
  }
  /* 菫晞匱: span 蛟句挨繧ｯ繝ｩ繧ｹ・・aterials/writing・峨↓繧よ・遉ｺ */
  body.page-id-9 #section-knowledge .creation-knowledge-card .creation-placeholder-materials,
  body.page-id-9 #section-knowledge .creation-knowledge-card .creation-placeholder-writing {
    aspect-ratio: 16 / 9 !important;
  }
}

/************************************
 ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・ 雉・侭繝ｻ蝓ｷ遲・邵ｦ蟷・悸邵ｮ・・6:9邯ｭ謖・ｼ・026-08-21
 ** 蟇ｾ雎｡: #section-knowledge 縺ｮ padding/gap縺ｮ縺ｿ縲ゅい繧ｹ繝壹け繝域ｯ斐・ 16/9 縺ｮ縺ｾ縺ｾ縲・
 ** 逶ｮ逧・ 蟾ｦ繧ｫ繝ｩ繝 motion-activity 髢薙・ gap 繧剃ｻ悶そ繧ｯ繧ｷ繝ｧ繝ｳ髢・24px 縺ｨ蜷檎ｭ峨↓譏ｯ豁｣縲・
 ** 蜉ｹ譫・ 螟匁棧+grid+card+CTA縺ｧ邏・0px蜑頑ｸ帙€・1:9縺ｫ鬆ｼ繧峨★ 16:9 縺ｧ遲蛾ｫ伜喧縲・
 ************************************/
body.page-id-9 #section-knowledge {
  padding: 0.75rem !important; /* 1rem -> 0.75rem (荳贋ｸ・px蜑頑ｸ・ */
  gap: 0.375rem !important; /* 0.5rem -> 0.375rem */
  box-sizing: border-box !important;
}
body.page-id-9 #section-knowledge .creation-category-header {
  margin: 0 !important;
  padding: 0 !important;
}
body.page-id-9 #section-knowledge .creation-sub-grid {
  margin: 0 !important;
  gap: 0.75rem !important; /* 1rem -> 0.75rem */
}
body.page-id-9 #section-knowledge .creation-knowledge-card {
  margin: 0 !important;
  background: #ffffff !important;
  border: 1px solid var(--color-border, #DCE6EE) !important;
  border-radius: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0.75rem !important; /* 1rem -> 0.75rem */
  gap: 0.375rem !important; /* 0.5rem -> 0.375rem */
  box-sizing: border-box !important;
}
body.page-id-9 #section-knowledge .creation-knowledge-card .creation-sub-desc {
  line-height: 1.8;
  margin-bottom: 0.25rem;
  margin: 0 !important;
  min-height: auto !important;
  flex: 0 0 auto !important;
}
body.page-id-9 #section-knowledge .creation-knowledge-card .creation-card-view-all {
  margin-top: auto !important;
  padding-top: 0.25rem !important; /* 0.5rem -> 0.25rem */
  align-self: flex-end !important;
}

/* 竭 蜑ｵ菴懃ｴｹ莉・繧ｲ繝ｼ繝3繧ｫ繝ｼ繝・鬘咲ｸ・ｼ九げ繝ｩ繝・ｵｱ荳€ */
.page-id-9 .creation-game-card .creation-placeholder-primary {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  border: 1px solid var(--color-border, #DCE6EE);
  background:
    linear-gradient(rgba(255,255,255,0.20), rgba(255,255,255,0.20)),
    linear-gradient(135deg, #8ED1E0 0%, #BBB7DA 50%, #F3FAFD 100%);
  box-shadow:
    0 1px 3px rgba(31,32,65,0.06),
    0 6px 16px rgba(31,32,65,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.90);
  box-sizing: border-box;
  margin-bottom: 0.75rem;
  top: auto;
  left: auto;
}




.page-id-9 .creation-game-card .creation-placeholder-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.5);
  border-radius: 8px;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 1;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* 竭｢ 繧ｵ繧､繝域ｦりｦ・繝励Ο繝輔ぅ繝ｼ繝ｫ蜀咏悄 鬘咲ｸ・ｼ九げ繝ｩ繝・ｵｱ荳€ */
.page-id-13 .profile-image {
  position: relative;
  isolation: isolate;
  width: 120px;
  flex: 0 0 120px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--color-border, #DCE6EE);
  background:
    linear-gradient(rgba(255,255,255,0.20), rgba(255,255,255,0.20)),
    linear-gradient(135deg, #8ED1E0 0%, #BBB7DA 50%, #F3FAFD 100%);
  box-shadow:
    0 1px 3px rgba(31,32,65,0.06),
    0 6px 16px rgba(31,32,65,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.90);
  margin: 0;
  box-sizing: border-box;
  display: block;
}

.page-id-13 .profile-image::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 7px;
  background: rgba(255,255,255,0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 8px;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 1;
}

.page-id-13 .profile-image::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid var(--color-fuji, #BBB7DA);
  border-radius: 6px;
  pointer-events: none;
  z-index: 2;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.65);
}

.page-id-13 .profile-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border: none;
  border-radius: 0;
  background: transparent;
  position: relative;
  z-index: 0;
}



/* backdrop-filter 髱槫ｯｾ蠢懊ヵ繧ｩ繝ｼ繝ｫ繝舌ャ繧ｯ: 蜊企€乗・縺ｮ縺ｿ谿九☆ */
@supports not ((backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px))) {
  .page-id-13 .profile-image::before {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* 霑ｽ蜉: 蜑ｵ菴懃ｴｹ莉・蜈ｨ闊ｬ 8繝励Ξ繝ｼ繧ｹ繝帙Ν繝€ 繧ｰ繝ｩ繝・ｵｱ荳€ + 蜈ｨ轤ｹ鬘咲ｸ・+ 繧ｪ繝ｼ繝舌・繝ｬ繧､騾城℃蠎ｦ-10% */

/* 8轤ｹ蜈ｨ菴薙ｒ繝偵・繝ｭ繝ｼ繧ｰ繝ｩ繝・↓邨ｱ荳€・医ご繝ｼ繝蛻ｶ菴懊→蜷瑚牡・・窶・譌ｧ豺｡繧ｰ繝ｩ繝・#e8f4fa/#ece7f5 繧剃ｸ頑嶌縺・窶・2026-08-29 design霑ｽ蜉縺ｧ9轤ｹ蛹・*/
.page-id-9 .creation-placeholder-it,
.page-id-9 .creation-placeholder-3d,
.page-id-9 .creation-placeholder-motion,
.page-id-9 .creation-placeholder-design,
.page-id-9 .creation-placeholder-materials,
.page-id-9 .creation-placeholder-writing,
.page-id-9 .creation-activity-media {
  background: linear-gradient(rgba(255,255,255,0.20), rgba(255,255,255,0.20)), linear-gradient(135deg, #8ED1E0 0%, #BBB7DA 50%, #F3FAFD 100%) !important;
}

/* 8轤ｹ蜈ｨ縺ｦ縺ｫ莠碁㍾繝槭ャ繝磯｡咲ｸ√ｒ莉倅ｸ趣ｼ亥・闊ｬ繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ蜈ｨ繝励Ξ繝ｼ繧ｹ繝帙Ν繝€ + 隕ｳ繧・隱ｭ繧€・・
   鬘咲ｸ√・繝ｪ繝ｳ繧ｯ繧ｳ繝ｳ繝・リ (.creation-placeholder-link / .creation-activity-media-link) 縺ｫ莉倅ｸ弱＠縲∝・蛛ｴ繝励Ξ繝ｼ繧ｹ繝帙Ν繝€縺ｯ騾城℃縺励※繝ｪ繝ｳ繧ｯ蛛ｴ繧ｰ繝ｩ繝・ｒ隕九○繧・
   Phase3 (R3) 2026-09-01: #section-view/#section-read 繧ょ酔荳€繧ｰ繝ｩ繝・〒邨ｱ蜷・窶・蠕悟享縺｡鬆・ｸ榊､峨・縺溘ａ726f8d2逕ｱ譚･縺ｮ荳頑嶌縺阪・蠕梧ｮｵ縺ｧ邯ｭ謖・*/
.page-id-9 #section-it .creation-placeholder-link,
.page-id-9 #section-3d .creation-placeholder-link,
.page-id-9 #section-motion .creation-placeholder-link,
.page-id-9 #section-knowledge .creation-placeholder-link,
.page-id-9 #section-activity .creation-activity-media-link,
.page-id-9 #section-view .creation-placeholder-link,
.page-id-9 #section-read .creation-placeholder-link {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid var(--color-border, #DCE6EE);
  background: linear-gradient(rgba(255,255,255,0.20), rgba(255,255,255,0.20)), linear-gradient(135deg, #8ED1E0 0%, #BBB7DA 50%, #F3FAFD 100%);
  box-shadow:
    0 1px 3px rgba(31,32,65,0.06),
    0 6px 16px rgba(31,32,65,0.06),
    inset 0 0 0 1px rgba(255,255,255,0.90);
}

.page-id-9 #section-it .creation-placeholder-link::before,
.page-id-9 #section-3d .creation-placeholder-link::before,
.page-id-9 #section-motion .creation-placeholder-link::before,
.page-id-9 #section-knowledge .creation-placeholder-link::before,
.page-id-9 #section-activity .creation-activity-media-link::before,
.page-id-9 #section-view .creation-placeholder-link::before,
.page-id-9 #section-read .creation-placeholder-link::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 7px;
  background: rgba(255,255,255,0.5);
  border-radius: 8px;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: 1;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.page-id-9 #section-it .creation-placeholder-link::after,
.page-id-9 #section-3d .creation-placeholder-link::after,
.page-id-9 #section-motion .creation-placeholder-link::after,
.page-id-9 #section-knowledge .creation-placeholder-link::after,
.page-id-9 #section-activity .creation-activity-media-link::after,
.page-id-9 #section-view .creation-placeholder-link::after,
.page-id-9 #section-read .creation-placeholder-link::after {
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid var(--color-fuji, #BBB7DA);
  border-radius: 6px;
  pointer-events: none;
  z-index: 2;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.65);
}

/* 鬘咲ｸ∝・縺ｮ繝励Ξ繝ｼ繧ｹ繝帙Ν繝€譛ｬ菴薙・譫縺ｫ蜷医ｏ縺帙※繝懊・繝€繝ｼ髯､蜴ｻ繝ｻ隗剃ｸｸ繝ｪ繧ｻ繝・ヨ・医Μ繝ｳ繧ｯ蛛ｴ繧ｰ繝ｩ繝・ｒ騾城℃陦ｨ遉ｺ・・*/
.page-id-9 #section-it .creation-placeholder-link .creation-placeholder-primary,
.page-id-9 #section-3d .creation-placeholder-link .creation-placeholder-primary,
.page-id-9 #section-motion .creation-placeholder-link .creation-placeholder-primary,
.page-id-9 #section-knowledge .creation-placeholder-link .creation-placeholder-knowledge,
.page-id-9 #section-activity .creation-activity-media-link .creation-activity-media,
.page-id-9 #section-view .creation-placeholder-link .creation-placeholder-knowledge,
.page-id-9 #section-read .creation-placeholder-link .creation-placeholder-knowledge {
  border: none !important;
  border-radius: 0;
  background: transparent !important;
}

/* 繧ｪ繝ｼ繝舌・繝ｬ繧､繧帝｡咲ｸ√ｈ繧頑焔蜑阪↓・域里螳・z-index:2 竊・3縺ｸ譏・ｼ・・*/
.page-id-9 #section-it .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 #section-3d .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 #section-motion .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 #section-knowledge .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 #section-activity .creation-activity-media-link .creation-placeholder-overlay,
.page-id-9 #section-view .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 #section-read .creation-placeholder-link .creation-placeholder-overlay {
  z-index: 3;
}



/* 繧ｪ繝ｼ繝舌・繝ｬ繧､騾城℃蠎ｦ 窶・8繝励Ξ繝ｼ繧ｹ繝帙Ν繝€蜈ｨ轤ｹ蟇ｾ雎｡縺ｯ蠕梧ｮｵ5622邉ｻ(v9)縺ｫ邨ｱ蜷域ｸ医∩ (R8 Phase5) 窶・騾壼ｸｸ譎・.44/hover0.64縺ｯ縺昴■繧峨′豁｣ */
/* 蜑ｵ菴懃ｴｹ莉・繧ｲ繝ｼ繝蛻ｶ菴・螳溽判蜒乗諺蜈･ 2026-08-24 */
.page-id-9 .creation-game-card .creation-placeholder-primary .creation-game-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
  position: relative;
  z-index: 0;
}
.page-id-9 .creation-game-card .creation-placeholder-primary {
  overflow: hidden;
}

/* 蜑ｵ菴懃ｴｹ莉・繧ｲ繝ｼ繝3繧ｫ繝ｼ繝・鬘咲ｸ∝ｹ・2/3蛹・2026-08-24 */
.page-id-9 .creation-game-card .creation-placeholder-primary::before {
  padding: 4.67px;
}
.page-id-9 .creation-game-card .creation-placeholder-primary::after {
  content: "";
  position: absolute;
  border: 1px solid var(--color-fuji, #BBB7DA);
  border-radius: 6px;
  pointer-events: none;
  z-index: 2;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.65);
  inset: 4.67px;
}


/* 蜑ｵ菴懃ｴｹ莉・繧ｲ繝ｼ繝3繧ｫ繝ｼ繝・蛻ｶ菴應ｸｭ繝ｩ繝吶Ν(隗偵Μ繝懊Φ) 2026-08-25 */
.page-id-9 .creation-game-card .creation-game-card-status {
  position: absolute;
  top: 14px;
  left: -36px;
  z-index: 3;
  width: 130px;
  padding: 4px 0;
  text-align: center;
  transform: rotate(-45deg);
  background: var(--color-fuji-deep, #7369A0);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
}


/* 蜑ｵ菴懃ｴｹ莉・繧ｲ繝ｼ繝3繧ｫ繝ｼ繝・隱ｬ譏取ｬ・ｽｮ謠・2026-08-25 */
.page-id-9 .creation-game-card {
  display: flex;
  flex-direction: column;
}
.page-id-9 .creation-game-desc-block {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.38em;
  margin-top: 0.9rem;
  text-align: center;
  min-height: 6.2em;
}
.page-id-9 .creation-game-catch {
  font-size: 0.92em;
  font-weight: 700;
  color: var(--color-main, #5F568E);
  line-height: 1.65;
  margin: 0;
}
.page-id-9 .creation-game-genre {
  font-size: 0.85em;
  color: #6b7a8f;
  margin: 0;
}
.page-id-9 .creation-game-genre-label {
  font-weight: 500;
}
.page-id-9 .creation-game-link {
  margin-top: auto;
  padding-top: 0.65em;
  margin-bottom: 0;
  border-top: 1px solid #EEF2F7;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.32em;
  font-size: 0.88em;
  font-weight: 500;
  color: var(--color-fuji-deep, #5F568E);
  text-decoration: underline;
  text-decoration-color: rgba(95, 86, 142, 0.35);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.26em;
  text-decoration-skip-ink: auto;
  background: transparent;
  border-left: none;
  border-right: none;
  border-bottom: none;
  box-shadow: none;
  border-radius: 0;
  transition: color 0.18s ease, text-decoration-color 0.18s ease, gap 0.18s ease;
}
.page-id-9 .creation-game-link:hover {
  color: #2B6B58;
  text-decoration-color: currentColor;
  gap: 0.42em;
}
.page-id-9 .creation-game-link:hover span[aria-hidden="true"] {
  transform: translate(0.18em, -0.02em);
}
.page-id-9 .creation-game-link:active {
  color: #1e4d3f;
}
.page-id-9 .creation-game-link:visited {
  color: var(--color-fuji-deep, #5F568E);
  text-decoration-color: rgba(95, 86, 142, 0.35);
}
.page-id-9 .creation-game-link:visited:hover {
  color: #2B6B58;
  text-decoration-color: currentColor;
}
.page-id-9 .creation-game-link:focus-visible {
  outline: 2px solid var(--color-fuji-mid, #7369A0);
  outline-offset: 2px;
  color: #2B6B58;
  text-decoration-color: currentColor;
}



/* 繧ｵ繧､繝域ｦりｦ・tokikai繝｡繝ｳ繝舌・ 3繧ｫ繝ｼ繝・逕ｻ蜒城・鄂ｮ・狗ｸｦ荳ｭ螟ｮ謠・∴ */
.page-id-13 .creation-three-column .creation-column-item {
  display: flex !important;
  flex-direction: column !important;
}
.page-id-13 .creation-three-column .creation-column-item .creation-column-title {
  flex: 0 0 auto !important;
}
.page-id-13 .creation-three-column .creation-column-item .profile-inline {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
  min-height: 0 !important;
}
/* 繝輔か繝ｼ繝ｫ繝舌ャ繧ｯ: 譌ｧ creation-placeholder 縺梧ｮ句ｭ倥＠縺溷ｴ蜷医ｂ荳ｭ螟ｮ縺ｫ */
.page-id-13 .creation-three-column .creation-column-item .creation-placeholder {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
}

/* 髟ｷ螻九□繧医ｊ縲碁℃遞九ｒ隕九ｋ縲阪Μ繝ｳ繧ｯ縺ｮ縺ｿ蜿ｳ蟇・○・九・繝舌・縺ｧ謚ｼ荳句庄閭ｽ繧堤､ｺ縺・*/
.page-id-13 .nagaya-process-link {
  text-align: right !important;
  margin: 0.4em 0 0 0 !important;
}
.page-id-13 .nagaya-process-link a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.28em !important;
  font-size: 0.9em !important;
  font-weight: 500 !important;
  color: var(--color-fuji-deep, #5F568E) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(95, 86, 142, 0.35) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.26em !important;
  text-decoration-skip-ink: auto !important;
  transition: color 0.18s ease, text-decoration-color 0.18s ease, gap 0.18s ease !important;
}
.page-id-13 .nagaya-process-link a span[aria-hidden="true"] {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  transition: transform 0.18s ease !important;
  transform: translateY(-0.02em);
}
.page-id-13 .nagaya-process-link a:hover {
  color: #2B6B58 !important;
  text-decoration-color: currentColor !important;
  gap: 0.42em !important;
}
.page-id-13 .nagaya-process-link a:hover span[aria-hidden="true"] {
  transform: translate(0.16em, -0.02em) !important;
}
.page-id-13 .nagaya-process-link a:active {
  color: #1e4d3f !important;
}
.page-id-13 .nagaya-process-link a:focus-visible {
  outline: 2px solid var(--color-fuji-mid, #7369A0) !important;
  outline-offset: 2px !important;
  border-radius: 2px !important;
}
/* 3繧ｫ繝ｼ繝我ｽ咏區隱ｿ謨ｴ・壻ｸｭ騾泌濠遶ｯ縺ｪ謾ｹ陦後ｒ髦ｲ豁｢・・D:13縺ｮ縺ｿ・・*/
.page-id-13 .creation-three-column {
  gap: 1.25rem !important;
}
.page-id-13 .creation-three-column .creation-column-item {
  padding: 1.25rem !important;
  gap: 0.6rem !important;
}
.page-id-13 .creation-three-column .profile-inline {
  gap: 0.85em !important;
}
.page-id-13 .creation-three-column .profile-text p {
  line-height: 1.75 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-break: strict !important;
  text-wrap: pretty !important;
}



/* 繧ｵ繧､繝域ｦりｦ・ｼ・D:13・峨き繝ｼ繝牙・繧ｿ繧､繝医Ν荳贋ｸ倶ｽ咏區蝮・ｭ牙喧 窶・荳翫ｒ荳九↓謠・∴縺ｦ隧ｰ繧√ｋ */
.page-id-13 .creation-column-item .creation-column-title {
  margin-top: 0 !important;
  margin-bottom: 0.6rem !important;
  padding-bottom: 0.25rem !important;
  border-bottom: 1px solid var(--color-border, #DCE6EE) !important;
  flex: 0 0 auto !important;
}
/* 蟶ｯ逶ｴ荳吉ap繧剃ｸ句・縺ｨ蜷悟€､縺ｫ 窶・2繧ｫ繝ｩ繝/3繧ｫ繝ｩ繝縺ｧ邨ｱ荳€・域里蟄・-1.5rem/-1.25rem 邯ｭ謖√€［argin-bottom 縺ｮ縺ｿ 0.6rem・・*/
.page-id-13 .creation-column-item::before {
  margin-bottom: 0.6rem !important;
}
.page-id-13 .creation-two-column .creation-column-item::before {
  margin: -1.5rem -1.5rem 0.6rem -1.5rem !important;
}
.page-id-13 .creation-three-column .creation-column-item::before {
  margin: -1.25rem -1.25rem 0.6rem -1.25rem !important;
}



/************************************
 ** 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・・繝代Φ縺上★荳贋ｽ咏區繧棚D:13/11縺ｫ謠・∴繧・2026-08-25
 ** 險域ｸｬ(Playwright): desktop 1280px縺ｧ gapLast ID9=110.4px / ID13=34px (蟾ｮ76.4px)
 **              768px縺ｧ ID9=102.4px / ID13=34px (蟾ｮ68.4px)
 **              480px縺ｧ ID9=92.8px / ID13=28px (蟾ｮ64.8px)
 ** 隱ｿ謨ｴ: article 32.4->4px / breadcrumb 13->8px / wrapper margin 32.4->0 / wrapper padding 16->8 / entry-content 54->12px(768px縺ｯ16px)
 ** 邨先棡: desktop gapLast 36px(ﾎ・2) / 768px 32px(ﾎ・2) / 480-390px 32px(ﾎ・4) 蜈ｨ蟷・〒ID13ﾂｱ4px莉･蜀・
 ** 繧ｻ繝ｬ繧ｯ繧ｿ縺ｯ body.page-id-9 襍ｷ轤ｹ + !important 縺ｧ隕ｪ繝・・繝槭→譌｢蟄・!important 縺ｫ蠕悟享縺｡
 ************************************/
body.page-id-9 .article {
  margin-bottom: 0.25rem !important; /* 32.4px 竊・4px */
}
body.page-id-9 #breadcrumb.breadcrumb-page.pbp-main-bottom {
  margin-top: 8px !important; /* 13px 竊・8px */
}
body.page-id-9 .entry-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: stretch;
  align-content: start;
  margin-bottom: 1.25rem !important; /* 0.75rem 竊・1.25rem・・8px 陬懈ｭ｣・・*/
  padding-bottom: 0 !important;
}
body.page-id-9 .creation-game-wrapper {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
  background: var(--color-sky-tint);
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
  padding: 1rem !important;
  box-sizing: border-box !important;
  margin-bottom: 0 !important;
}
body.page-id-9 .creation-game-wrapper .creation-three-column {
  margin-top: 0 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
}


/* Font Awesome 繧｢繧､繧ｳ繝ｳ縺ｮ繧ｰ繝ｪ繝暮伜沺蝗ｺ螳夲ｼ・LS蟇ｾ遲・/ plan 1787737135944 M-3・・*/
.fa, .fas, .fab {
  display: inline-block;
  width: 1.15em;
  text-align: center;
}

/* 蜑ｵ菴懃ｴｹ莉・3D繝ｯ繝ｼ繝ｫ繝牙宛菴・螳溽判蜒乗諺蜈･ 2026-08-26 窶・CreatePage_401 */
.page-id-9 #section-3d .creation-placeholder-link .creation-placeholder-primary .creation-3d-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
  position: relative;
  z-index: 0;
}
.page-id-9 #section-3d .creation-placeholder-link .creation-placeholder-primary {
  overflow: hidden;
}
@media print {
  .page-id-9 #section-3d .creation-placeholder-link .creation-placeholder-primary .creation-3d-card-img {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* 蜑ｵ菴懃ｴｹ莉・IT髢狗匱 繧｢繝励Μ髢狗匱 螳溽判蜒乗諺蜈･ 2026-08-26 窶・CreatePage_103 */
.page-id-9 #section-it .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
  position: relative;
  z-index: 0;
}
.page-id-9 #section-it .creation-placeholder-link .creation-placeholder-primary {
  overflow: hidden;
}
@media print {
  .page-id-9 #section-it .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* 蜑ｵ菴懃ｴｹ莉・雉・侭繧ｫ繝ｼ繝・螳溽判蜒乗諺蜈･ 2026-08-28 窶・CreatePage_701 */
.page-id-9 #section-materials .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
  position: relative;
  z-index: 0;
}
.page-id-9 #section-materials .creation-placeholder-link .creation-placeholder-knowledge {
  overflow: hidden;
}
@media print {
  .page-id-9 #section-materials .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* 蜑ｵ菴懃ｴｹ莉・蝓ｷ遲・き繝ｼ繝・螳溽判蜒乗諺蜈･ 2026-08-28 窶・CreatePage_601 */
.page-id-9 #section-writing .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
  position: relative;
  z-index: 0;
}
.page-id-9 #section-writing .creation-placeholder-link .creation-placeholder-knowledge {
  overflow: hidden;
}
@media print {
  .page-id-9 #section-writing .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* 蜑ｵ菴懃ｴｹ莉・繝・じ繧､繝ｳ蛻ｶ菴懶ｼ域立逋ｺ菫｡豢ｻ蜍包ｼ牙ｮ溽判蜒・2026-08-28 窶・CreatePage_801 */
.page-id-9 #section-activity .creation-activity-media-link .creation-activity-media .creation-activity-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
  position: relative;
  z-index: 0;
}
.page-id-9 #section-activity .creation-activity-media-link .creation-activity-media {
  overflow: hidden;
}
@media print {
  .page-id-9 #section-activity .creation-activity-media-link .creation-activity-media .creation-activity-card-img {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* 蜑ｵ菴懃ｴｹ莉・譏蜒丈ｽ懷刀 螳溽判蜒上・繝舌・蟾ｮ縺玲崛縺・2026-08-28 窶・CreatePage_501 / 551 */
.page-id-9 #section-motion .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img,
.page-id-9 #section-view .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
  z-index: 0;
  will-change: opacity, transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  -webkit-perspective: 1000;
  perspective: 1000;
}
.page-id-9 #section-motion .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img--base,
.page-id-9 #section-view .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img--base {
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-id-9 #section-motion .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img--hover,
.page-id-9 #section-view .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img--hover {
  opacity: 0;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}
.page-id-9 #section-motion .creation-placeholder-link:hover .creation-placeholder-motion .creation-motion-card-img--base,
.page-id-9 #section-motion .creation-placeholder-link:focus-within .creation-placeholder-motion .creation-motion-card-img--base,
.page-id-9 #section-view .creation-placeholder-link:hover .creation-placeholder-motion .creation-motion-card-img--base,
.page-id-9 #section-view .creation-placeholder-link:focus-within .creation-placeholder-motion .creation-motion-card-img--base {
  opacity: 0;
  -webkit-transform: translateZ(0) scale(1.03);
  transform: translateZ(0) scale(1.03);
}
.page-id-9 #section-motion .creation-placeholder-link:hover .creation-placeholder-motion .creation-motion-card-img--hover,
.page-id-9 #section-motion .creation-placeholder-link:focus-within .creation-placeholder-motion .creation-motion-card-img--hover,
.page-id-9 #section-view .creation-placeholder-link:hover .creation-placeholder-motion .creation-motion-card-img--hover,
.page-id-9 #section-view .creation-placeholder-link:focus-within .creation-placeholder-motion .creation-motion-card-img--hover {
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1.03);
  transform: translateZ(0) scale(1.03);
}
.page-id-9 #section-motion .creation-placeholder-link .creation-placeholder-motion,
.page-id-9 #section-view .creation-placeholder-link .creation-placeholder-motion {
  overflow: hidden;
  isolation: isolate;
  background: #0f1a2a;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media (prefers-reduced-motion: reduce) {
  .page-id-9 #section-motion .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img--base,
  .page-id-9 #section-motion .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img--hover {
    transition: none;
    transform: none !important;
  }
}
@media print {
  .page-id-9 #section-motion .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .page-id-9 #section-motion .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img--hover,
  .page-id-9 #section-view .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img--hover {
    display: none !important;
  }
  .page-id-9 #section-motion .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img--base,
  .page-id-9 #section-view .creation-placeholder-link .creation-placeholder-motion .creation-motion-card-img--base {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・芽ｦｳ繧・隱ｭ繧€ 50%蜀肴ｧ狗ｯ・2026-08-29 */

/* 螟門・: 遨ｺ濶ｲ #F3FAFD 窶・1/2谿ｵ逶ｮ縺ｨ蜷御ｸ€繝医・繝ｳ */
.page-id-9 #section-view,
.page-id-9 #section-read {
  background: var(--color-bg-light, #F3FAFD) !important;
  border: 1px solid var(--color-border, #DCE6EE) !important;
  border-radius: 8px !important;
  padding: 1rem !important;
  gap: 0.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.page-id-9 #section-view .creation-category-header,
.page-id-9 #section-read .creation-category-header {
  margin: 0 !important;
  padding: 0 !important;
}

/* 蜀・・ 50%/50% grid 窶・PC蝮・ｭ峨€√Δ繝舌う繝ｫ邵ｦ遨阪∩ */
.page-id-9 #section-view .creation-view-inner,
.page-id-9 #section-read .creation-read-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.25rem !important;
  margin: 0 !important;
}

/* 逋ｽ繧ｫ繝ｼ繝・窶・creation-motion-card邉ｻ繧呈ｵ∫畑・・lex row 邯ｭ謖√€・ｫ倥＆荳榊､峨€∝ｹ・・縺ｿ50%・・窶・2026-08-29 repair: column竊池ow 譏ｯ豁｣ */
.page-id-9 #section-view .creation-motion-card,
.page-id-9 #section-read .creation-motion-card {
  display: flex !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
  background: #fff !important;
  border: 1px solid var(--color-border, #DCE6EE) !important;
  border-radius: 8px !important;
  padding: 17px !important;
  box-sizing: border-box !important;
}

.page-id-9 #section-view .creation-motion-card .creation-placeholder-link,
.page-id-9 #section-read .creation-motion-card .creation-placeholder-link {
  flex: 0 0 calc(60% - 0.9rem) !important;
  width: calc(60% - 0.9rem) !important;
  max-width: calc(60% - 0.9rem) !important;
  aspect-ratio: 16 / 9 !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  margin: 0 !important;
  align-self: start !important;
}

.page-id-9 #section-view .creation-motion-card .creation-placeholder-knowledge,
.page-id-9 #section-read .creation-motion-card .creation-placeholder-knowledge {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  display: block !important;
  overflow: hidden !important;
}

.page-id-9 #section-view .creation-motion-card .creation-knowledge-card-img,
.page-id-9 #section-read .creation-motion-card .creation-knowledge-card-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  position: relative !important;
  z-index: 0 !important;
}

.page-id-9 #section-view .creation-motion-card .creation-motion-text,
.page-id-9 #section-read .creation-motion-card .creation-motion-text {
  flex: 0 0 calc(40% - 0.6rem) !important;
  max-width: calc(40% - 0.6rem) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  text-align: left !important;
  min-width: 0 !important;
}

/* 莠呈鋤: 譌ｧ knowledge-card 繧ｯ繝ｩ繧ｹ縺梧ｮ句ｭ倥＠縺ｦ繧・row 縺ｧ陦ｨ遉ｺ・亥ｾ梧婿莠呈鋤・・*/
.page-id-9 #section-view .creation-knowledge-card,
.page-id-9 #section-read .creation-knowledge-card {
  display: flex !important;
  flex-direction: row !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
  background: #fff !important;
  border: 1px solid var(--color-border, #DCE6EE) !important;
  border-radius: 8px !important;
  padding: 17px !important;
  box-sizing: border-box !important;
}
.page-id-9 #section-view .creation-knowledge-card .creation-placeholder-link,
.page-id-9 #section-read .creation-knowledge-card .creation-placeholder-link {
  flex: 0 0 calc(60% - 0.9rem) !important;
  width: calc(60% - 0.9rem) !important;
  max-width: calc(60% - 0.9rem) !important;
  aspect-ratio: 16 / 9 !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 6px !important;
}

/* 蠕梧婿莠呈鋤: knowledge-text 繧・60:40・育判蜒・0・臥ｭ牙ｹ・喧・域立繧ｯ繝ｩ繧ｹ谿句ｭ俶凾・・*/
.page-id-9 #section-view .creation-knowledge-card .creation-knowledge-text,
.page-id-9 #section-view .creation-knowledge-card .creation-motion-text,
.page-id-9 #section-read .creation-knowledge-card .creation-knowledge-text,
.page-id-9 #section-read .creation-knowledge-card .creation-motion-text {
  flex: 0 0 calc(40% - 0.6rem) !important;
  max-width: calc(40% - 0.6rem) !important;
  min-width: 0 !important;
}

/* CTA蜿ｳ荳句ｯ・○ */
.page-id-9 #section-view .creation-card-view-all,
.page-id-9 #section-read .creation-card-view-all {
  margin-top: auto !important;
  padding-top: 0.25rem !important;
  align-self: flex-end !important;
}

/* 隱ｬ譏取枚隧ｰ繧・*/
.page-id-9 #section-view .creation-sub-desc,
.page-id-9 #section-read .creation-sub-desc {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繧ｪ繝輔そ繝・ヨ 窶・繝翫ン蝗ｺ螳・2px 窶・2026-08-29 repair: .entry-content [id^="section-"] 縺ｫ荳€譛ｬ蛹厄ｼ亥€句挨 !important 縺ｯ蜑企勁・・*/
.page-id-9 .entry-content [id^="section-"] {
  scroll-margin-top: 72px;
}

/* 鬘咲ｸ∫ｶ呎価 窶・#section-view/#section-read 縺ｯ荳願ｨ・510邉ｻ縺ｫ邨ｱ蜷域ｸ医∩ (R3 Phase3) 窶・驥崎､・炎髯､ */



/* 蜑ｵ菴懃ｴｹ莉・IT髢狗匱 Web髢狗匱 螳溽判蜒上・繝舌・蟾ｮ縺玲崛縺・2026-08-29 窶・CreatePage_251 / 201 */
.page-id-9 #section-it .creation-it-web-card .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
  z-index: 0;
  will-change: opacity, transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  -webkit-perspective: 1000;
  perspective: 1000;
}
.page-id-9 #section-it .creation-it-web-card .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img--base {
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.page-id-9 #section-it .creation-it-web-card .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img--hover {
  opacity: 0;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
}
.page-id-9 #section-it .creation-it-web-card .creation-placeholder-link:hover .creation-placeholder-primary .creation-it-card-img--base,
.page-id-9 #section-it .creation-it-web-card .creation-placeholder-link:focus-within .creation-placeholder-primary .creation-it-card-img--base {
  opacity: 0;
  -webkit-transform: translateZ(0) scale(1.03);
  transform: translateZ(0) scale(1.03);
}
.page-id-9 #section-it .creation-it-web-card .creation-placeholder-link:hover .creation-placeholder-primary .creation-it-card-img--hover,
.page-id-9 #section-it .creation-it-web-card .creation-placeholder-link:focus-within .creation-placeholder-primary .creation-it-card-img--hover {
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1.03);
  transform: translateZ(0) scale(1.03);
}
.page-id-9 #section-it .creation-it-web-card .creation-placeholder-link .creation-placeholder-primary {
  overflow: hidden;
  isolation: isolate;
  background: #0f1a2a;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media (prefers-reduced-motion: reduce) {
  .page-id-9 #section-it .creation-it-web-card .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img--base,
  .page-id-9 #section-it .creation-it-web-card .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img--hover {
    transition: none;
    transform: none !important;
  }
}
@media print {
  .page-id-9 #section-it .creation-it-web-card .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .page-id-9 #section-it .creation-it-web-card .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img--hover {
    display: none !important;
  }
  .page-id-9 #section-it .creation-it-web-card .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img--base {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* 蜑ｵ菴懃ｴｹ莉・蜊倡判蜒上・繝舌・諡｡螟ｧ邨ｱ荳€ 2026-08-30 窶・9轤ｹ蟇ｾ雎｡ */

/* --- 繝吶・繧ｹ・磯撼繝帙ヰ繝ｼ・・ 9逕ｻ蜒上↓蛻晄悄迥ｶ諷倶ｻ倅ｸ・窶・譌｢蟄聾eb/譏蜒上→蜷御ｸ€繧､繝ｼ繧ｸ繝ｳ繧ｰ/3D蜉騾・--- */
.page-id-9 #section-it .creation-sub-card:not(.creation-it-web-card) .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img,
.page-id-9 #section-3d .creation-placeholder-link .creation-placeholder-primary .creation-3d-card-img,
.page-id-9 #section-view .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
.page-id-9 #section-view .creation-placeholder-link .creation-placeholder-design .creation-knowledge-card-img,
.page-id-9 #section-view .creation-activity-media-link .creation-activity-media .creation-activity-card-img,
.page-id-9 #section-read .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
.page-id-9 #section-materials .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
.page-id-9 #section-writing .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
.page-id-9 .creation-game-card .creation-placeholder-primary .creation-game-card-img,
.page-id-9 .creation-game-card .creation-game-card-img {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  -webkit-perspective: 1000;
  perspective: 1000;
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* --- 繝帙ヰ繝ｼ/繝輔か繝ｼ繧ｫ繧ｹ: scale(1.03) 窶・Web/譏蜒上→蜷御ｸ€諡｡螟ｧ邇・繧､繝ｼ繧ｸ繝ｳ繧ｰ --- */
.page-id-9 #section-it .creation-sub-card:not(.creation-it-web-card) .creation-placeholder-link:hover .creation-placeholder-primary .creation-it-card-img,
.page-id-9 #section-it .creation-sub-card:not(.creation-it-web-card) .creation-placeholder-link:focus-within .creation-placeholder-primary .creation-it-card-img,
.page-id-9 #section-3d .creation-placeholder-link:hover .creation-placeholder-primary .creation-3d-card-img,
.page-id-9 #section-3d .creation-placeholder-link:focus-within .creation-placeholder-primary .creation-3d-card-img,
.page-id-9 #section-view .creation-placeholder-link:hover .creation-placeholder-knowledge .creation-knowledge-card-img,
.page-id-9 #section-view .creation-placeholder-link:focus-within .creation-placeholder-knowledge .creation-knowledge-card-img,
.page-id-9 #section-view .creation-placeholder-link:hover .creation-placeholder-design .creation-knowledge-card-img,
.page-id-9 #section-view .creation-placeholder-link:focus-within .creation-placeholder-design .creation-knowledge-card-img,
.page-id-9 #section-view .creation-activity-media-link:hover .creation-activity-media .creation-activity-card-img,
.page-id-9 #section-view .creation-activity-media-link:focus-within .creation-activity-media .creation-activity-card-img,
.page-id-9 #section-read .creation-placeholder-link:hover .creation-placeholder-knowledge .creation-knowledge-card-img,
.page-id-9 #section-read .creation-placeholder-link:focus-within .creation-placeholder-knowledge .creation-knowledge-card-img,
.page-id-9 #section-materials .creation-placeholder-link:hover .creation-placeholder-knowledge .creation-knowledge-card-img,
.page-id-9 #section-materials .creation-placeholder-link:focus-within .creation-placeholder-knowledge .creation-knowledge-card-img,
.page-id-9 #section-writing .creation-placeholder-link:hover .creation-placeholder-knowledge .creation-knowledge-card-img,
.page-id-9 #section-writing .creation-placeholder-link:focus-within .creation-placeholder-knowledge .creation-knowledge-card-img {
  -webkit-transform: translateZ(0) scale(1.03);
  transform: translateZ(0) scale(1.03);
}

/* --- ゲーム3カード画像ズーム: hover/focus時は scale(1.13)（通常時は scale(1) のまま） --- */
.page-id-9 .creation-game-card:hover .creation-game-card-img,
.page-id-9 .creation-game-card .creation-placeholder-primary:hover .creation-game-card-img,
.page-id-9 .creation-game-card .creation-game-image-link:hover .creation-game-card-img,
.page-id-9 .creation-game-card .creation-placeholder-primary:focus-within .creation-game-card-img,
.page-id-9 .creation-game-card:focus-within .creation-game-card-img {
  -webkit-transform: translateZ(0) scale(1.13);
  transform: translateZ(0) scale(1.13);
}

/* --- 繧｢繧ｯ繧ｻ繧ｷ繝薙Μ繝・ぅ: prefers-reduced-motion 縺ｧ諡｡螟ｧ辟｡蜉ｹ蛹・窶・譌｢蟄・590/5900/6073縺ｨ蜷瑚ｪｿ --- */
@media (prefers-reduced-motion: reduce) {
  .page-id-9 #section-it .creation-sub-card:not(.creation-it-web-card) .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img,
  .page-id-9 #section-3d .creation-placeholder-link .creation-placeholder-primary .creation-3d-card-img,
  .page-id-9 #section-view .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
  .page-id-9 #section-view .creation-placeholder-link .creation-placeholder-design .creation-knowledge-card-img,
  .page-id-9 #section-view .creation-activity-media-link .creation-activity-media .creation-activity-card-img,
  .page-id-9 #section-read .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
  .page-id-9 #section-materials .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
  .page-id-9 #section-writing .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
  .page-id-9 .creation-game-card .creation-placeholder-primary .creation-game-card-img,
  .page-id-9 .creation-game-card .creation-game-card-img {
    transition: none !important;
    -webkit-transform: none !important;
    transform: none !important;
  }
}

/* --- 蜊ｰ蛻ｷ: 諡｡螟ｧ辟｡蜉ｹ蛹・--- */
@media print {
  .page-id-9 #section-it .creation-sub-card:not(.creation-it-web-card) .creation-placeholder-link .creation-placeholder-primary .creation-it-card-img,
  .page-id-9 #section-3d .creation-placeholder-link .creation-placeholder-primary .creation-3d-card-img,
  .page-id-9 #section-view .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
  .page-id-9 #section-view .creation-placeholder-link .creation-placeholder-design .creation-knowledge-card-img,
  .page-id-9 #section-view .creation-activity-media-link .creation-activity-media .creation-activity-card-img,
  .page-id-9 #section-read .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
  .page-id-9 #section-materials .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
  .page-id-9 #section-writing .creation-placeholder-link .creation-placeholder-knowledge .creation-knowledge-card-img,
  .page-id-9 .creation-game-card .creation-placeholder-primary .creation-game-card-img,
  .page-id-9 .creation-game-card .creation-game-card-img {
    -webkit-transform: none !important;
    transform: none !important;
  }
}

/* === 竭｣ Fixed Pages 窶・ID:9 蜑ｵ菴懃ｴｹ莉・v9 (2026-08-29) 窶・逕ｻ蜒上し繧､繧ｺ騾｣蜍輔が繝ｼ繝舌・繝ｬ繧､ === */
/* 閭梧勹: 隕ｳ繧・隱ｭ繧€繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ縺ｮ逕ｻ蜒上′蟆上＆縺上€∝崋螳・0px繝舌・縺檎嶌蟇ｾ逧・↓螟ｪ縺剰ｦ九∴繧句撫鬘後ｒ隗｣豸医€・*/
/* 譁ｹ驥・ 逕ｻ蜒上ｒ蝗ｲ繧€繝ｪ繝ｳ繧ｯ隕∫ｴ繧偵さ繝ｳ繝・リ蛹悶＠縲…qi 縺ｧ繝舌・鬮倥＆繧呈ｯ比ｾ区ｱｺ螳夲ｼ亥崋螳嗔x蛻・崛縺ｪ縺暦ｼ峨€・*/
/* 譁・ｭ励し繧､繧ｺ縺ｯ邵ｮ蟆上○縺壹€∝庄隱ｭ諤ｧ邯ｭ謖√€ゆｸ矩剞28px繧団lamp縺ｧ菫晁ｨｼ縲・*/
/* 螳滓ｸｬ豈比ｾ句ｼ・ 蟷・20px竊・0px縲∝ｹ・18px竊・2px 繧・4cqi+19px 縺ｧ霑台ｼｼ・郁ｪ､蟾ｮ0.5px莉･蜀・ｼ峨€・*/

/* 1) 繧ｳ繝ｳ繝・リ螳夂ｾｩ: 譌｢蟄・position:relative/isolation:isolate 縺ｨ驥崎､・＠縺ｪ縺・ｈ縺・・繝ｭ繝代ユ繧｣縺ｮ縺ｿ霑ｽ蜉 */
.page-id-9 .creation-placeholder-link,
.page-id-9 .creation-activity-media-link {
  container-type: inline-size;
  container-name: creationLink;
}

/* 2) 繧ｪ繝ｼ繝舌・繝ｬ繧､鬮倥＆縺ｮ蜍慕噪蛹・窶・80%蝨ｧ邵ｮ縺ｯ蠕梧ｮｵ5622邉ｻ(v9)縺ｫ邨ｱ蜷域ｸ医∩ (R8 Phase5) 窶・padding/box-sizing/display縺ｯ縺昴■繧峨′豁｣ */
/* 繧ｿ繧､繝医Ν: 譌ｧ 2.2222em・・ont-size 18px 譎・40px・峨ｒ蟒・ｭ｢縺励€∝庄隱ｭ諤ｧ邯ｭ謖√・陦碁俣縺ｧ蜀榊ｮ夂ｾｩ */
.page-id-9 .creation-overlay-title {
  font-size: 1em !important; /* 譁・ｭ励し繧､繧ｺ縺ｯ邵ｮ蟆上＠縺ｪ縺・ｼ・268縺ｮ@media 0.95em 繧貞ｾ悟享縺｡縺ｧ謇薙■豸医＠・・*/
  line-height: 1.35 !important; /* 譌ｧ 2.2222em 繧堤ｽｮ謠帙€ょ桙逶ｴ荳ｭ螟ｮ縺ｯ overlay 蛛ｴ縺ｮ align-items:center 縺ｧ諡・ｿ・*/
  white-space: nowrap !important;
}

/* 蜑ｵ菴懃ｴｹ莉・繧ｲ繝ｼ繝繝ｪ繝ｳ繧ｯ遏｢蜊ｰ荳狗ｷ夐勁蜴ｻ + 蜈ｨ闊ｬ荳€隕ｧ繧定ｦ九ｋ遏｢蜊ｰ霑ｽ蜉繝ｻ繝帙ヰ繝ｼ邨ｱ荳€ 2026-08-30 */

/* --- (1) 繧ｲ繝ｼ繝蛻ｶ菴懊Μ繝ｳ繧ｯ: 繝・く繧ｹ繝医・縺ｿ荳狗ｷ壹€∫泙蜊ｰ縺ｯ荳狗ｷ壹↑縺・--- */
.page-id-9 .creation-game-link {
  text-decoration: none !important; /* 隕ｪ縺ｮ荳狗ｷ壹ｒ髯､蜴ｻ・育泙蜊ｰ莨晄眺繧呈妙縺､・・*/
}
.page-id-9 .creation-game-link .creation-game-link-text {
  text-decoration: underline !important;
  text-decoration-color: rgba(95, 86, 142, 0.35) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.26em !important;
  text-decoration-skip-ink: auto !important;
  transition: text-decoration-color 0.18s ease !important; /* 隕ｪ縺ｮcolor/gap縺ｨ蜷瑚ｪｿ */
}
.page-id-9 .creation-game-link span[aria-hidden="true"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: transform 0.18s ease;
  transform: translateY(-0.02em);
  text-decoration: none !important; /* 菫晞匱: 遏｢蜊ｰ逶ｴ荳九・荳狗ｷ壹ｒ遒ｺ螳溘↓髯､蜴ｻ */
}
.page-id-9 .creation-game-link:hover .creation-game-link-text,
.page-id-9 .creation-game-link:focus-visible .creation-game-link-text {
  text-decoration-color: currentColor !important;
}
.page-id-9 .creation-game-link:visited .creation-game-link-text {
  text-decoration-color: rgba(95, 86, 142, 0.35) !important;
}
.page-id-9 .creation-game-link:visited:hover .creation-game-link-text {
  text-decoration-color: currentColor !important;
}

/* --- (2) 蜈ｨ闊ｬ 荳€隕ｧ繧定ｦ九ｋ: 遏｢蜊ｰ霑ｽ蜉 + 繧ｲ繝ｼ繝蛛ｴ縺ｨ蜷御ｸ€繝帙ヰ繝ｼ繧｢繝九Γ --- */
.page-id-9 .creation-card-view-all {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.32em !important;
  text-decoration: none !important; /* 隕ｪ縺ｮ荳狗ｷ壹ｒ髯､蜴ｻ */
  transition: color 0.18s ease, gap 0.18s ease !important; /* 繧ｲ繝ｼ繝蛛ｴ縺ｨ蜷御ｸ€ */
}
.page-id-9 .creation-card-view-all .creation-card-view-all-text {
  text-decoration: underline !important;
  text-decoration-color: rgba(95, 86, 142, 0.35) !important; /* 譌｢蟄・nagaya-process-link 縺ｨ蜷檎ｳｻ */
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.26em !important;
  text-decoration-skip-ink: auto !important;
  transition: text-decoration-color 0.18s ease !important;
}
.page-id-9 .creation-card-view-all span[aria-hidden="true"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transform: translateY(-0.02em) !important;
  transition: transform 0.18s ease !important;
}
.page-id-9 .creation-card-view-all:hover {
  color: #2B6B58 !important; /* 譌｢蟄・hover濶ｲ繧堤ｶｭ謖・*/
  gap: 0.42em !important;
}
.page-id-9 .creation-card-view-all:hover .creation-card-view-all-text {
  text-decoration-color: currentColor !important;
}
.page-id-9 .creation-card-view-all:hover span[aria-hidden="true"] {
  transform: translate(0.18em, -0.02em) !important;
}
.page-id-9 .creation-card-view-all:active {
  color: #1e4d3f !important;
}
.page-id-9 .creation-card-view-all:focus-visible {
  outline: 2px solid var(--color-fuji-mid, #7369A0) !important;
  outline-offset: 2px !important;
  border-radius: 2px !important;
  color: #2B6B58 !important;
}
.page-id-9 .creation-card-view-all:focus-visible .creation-card-view-all-text {
  text-decoration-color: currentColor !important;
}

/* 譌｢蟄倥・ margin-top:auto + align-self:flex-end 縺ｯ inline-flex 蛹門ｾ後ｂ邯ｭ謖・ｼ・lex item縺ｮ蜿ｳ荳句ｯ・○・・*/
.page-id-9 .creation-card-view-all {
  margin-top: auto !important;
  padding-top: 0.75rem !important; /* 譌｢蟄伜€､邯ｭ謖・*/
  align-self: flex-end !important;
}

/* --- prefers-reduced-motion --- */
@media (prefers-reduced-motion: reduce) {
  .page-id-9 .creation-game-link,
  .page-id-9 .creation-game-link .creation-game-link-text,
  .page-id-9 .creation-game-link span[aria-hidden="true"],
  .page-id-9 .creation-card-view-all,
  .page-id-9 .creation-card-view-all .creation-card-view-all-text,
  .page-id-9 .creation-card-view-all span[aria-hidden="true"] {
    transition: none !important;
  }
  .page-id-9 .creation-game-link:hover,
  .page-id-9 .creation-card-view-all:hover {
    gap: 0.32em !important;
  }
  .page-id-9 .creation-game-link:hover span[aria-hidden="true"],
  .page-id-9 .creation-card-view-all:hover span[aria-hidden="true"] {
    transform: translateY(-0.02em) !important;
  }
}

/* 蜑ｵ菴懃ｴｹ莉・逋ｽ繧ｫ繝ｼ繝・繝帙ヰ繝ｼ豬ｮ驕・2026-08-30 */

/* 繝吶・繧ｹ: 蠖ｱ縺ｨ豬ｮ縺阪・繝医Λ繝ｳ繧ｸ繧ｷ繝ｧ繝ｳ */
.page-id-9 .creation-sub-card,
.page-id-9 #section-view .creation-motion-card,
.page-id-9 #section-read .creation-motion-card,
.page-id-9 .creation-game-card,
.page-id-9 .creation-platforms-wrapper {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

/* plan 1788441452706: 白カードhover統一トークンA（影＋浮きのみ・枠維持。outer .creation-platforms-wrapperは対象外のため除外） */
@media (hover: hover) {
  .page-id-9 .creation-sub-card:hover,
  .page-id-9 #section-view .creation-motion-card:hover,
  .page-id-9 #section-read .creation-motion-card:hover,
  .page-id-9 .creation-game-card:hover {
    border-color: var(--color-border, #DCE6EE);
    box-shadow: 0 4px 16px rgba(31, 32, 65, 0.12);
    transform: translateY(-2px);
  }
  .page-id-9 .creation-sub-card:active,
  .page-id-9 #section-view .creation-motion-card:active,
  .page-id-9 #section-read .creation-motion-card:active,
  .page-id-9 .creation-game-card:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(31, 32, 65, 0.10);
  }
  /* IT/3D 4譫壹・ overflow:hidden 縺ｧ蠖ｱ縺悟・繧後ｋ縺溘ａ hover譎ゅ・縺ｿ visible */
  .page-id-9 #section-it .creation-sub-card:hover,
  .page-id-9 #section-3d .creation-sub-card:hover {
    overflow: visible !important;
  }
}

/* prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .page-id-9 .creation-sub-card,
  .page-id-9 #section-view .creation-motion-card,
  .page-id-9 #section-read .creation-motion-card,
  .page-id-9 .creation-game-card,
  .page-id-9 .creation-platforms-wrapper {
    transition: none !important;
  }
  .page-id-9 .creation-sub-card:hover,
  .page-id-9 #section-view .creation-motion-card:hover,
  .page-id-9 #section-read .creation-motion-card:hover,
  .page-id-9 .creation-game-card:hover,
  .page-id-9 .creation-platforms-wrapper:hover {
    box-shadow: none !important;
    transform: none !important;
  }
}

@media print {
  .page-id-9 .creation-sub-card:hover,
  .page-id-9 #section-view .creation-motion-card:hover,
  .page-id-9 #section-read .creation-motion-card:hover,
  .page-id-9 .creation-game-card:hover,
  .page-id-9 .creation-sub-card:active,
  .page-id-9 #section-view .creation-motion-card:active,
  .page-id-9 #section-read .creation-motion-card:active,
  .page-id-9 .creation-game-card:active {
    transform: none !important;
    box-shadow: none !important;
  }
}

/* 蜑ｵ菴懃ｴｹ莉・繧ｲ繝ｼ繝逕ｻ蜒上Μ繝ｳ繧ｯ蛹・2026-08-30 窶・逕ｻ蜒上け繝ｪ繝・け繧呈里蟄倥ユ繧ｭ繧ｹ繝医Μ繝ｳ繧ｯ縺ｨ蜷梧悄 */

/* 4-1 繝吶・繧ｹ: display/cursor/transition 窶・鬘咲ｸ・::before/::after 縺ｯ譌｢蟄・.creation-placeholder-primary 縺ｫ蟋碑ｭｲ */
.page-id-9 .creation-game-card a.creation-placeholder-primary.creation-game-image-link,
.page-id-9 .creation-game-card .creation-game-image-link {
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

/* 4-2 逕ｻ蜒上・繝舌・/繝輔か繝ｼ繧ｫ繧ｹ: 霈晏ｺｦ+諡｡螟ｧ+蠖ｱ蠑ｷ蛹・窶・鬘咲ｸ∝・逕ｻ蜒上□縺代ｒ scale縲√Μ繝懊Φ縺ｯ蝗櫁ｻ｢邯ｭ謖・*/
@media (hover: hover) {
  .page-id-9 .creation-game-card .creation-game-image-link:hover {
    filter: brightness(1.02);
    box-shadow: 0 1px 3px rgba(31,32,65,0.06), 0 8px 20px rgba(31,32,65,0.10), inset 0 0 0 1px rgba(255,255,255,0.90);
  }
  .page-id-9 .creation-game-card .creation-game-image-link:hover .creation-game-card-img {
    -webkit-transform: translateZ(0) scale(1.03);
    transform: translateZ(0) scale(1.03);
  }
  .page-id-9 .creation-game-card .creation-game-image-link:hover .creation-game-card-status {
    transform: rotate(-45deg);
  }
}
.page-id-9 .creation-game-card .creation-game-image-link:focus-visible {
  outline: 2px solid var(--color-fuji-mid, #7369A0);
  outline-offset: 2px;
}
.page-id-9 .creation-game-card .creation-game-image-link .creation-game-card-img {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  -webkit-perspective: 1000;
  perspective: 1000;
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 4-3 繝｢繝ｼ繧ｷ繝ｧ繝ｳ驟肴・ / 蜊ｰ蛻ｷ */
@media (prefers-reduced-motion: reduce) {
  .page-id-9 .creation-game-card .creation-game-image-link,
  .page-id-9 .creation-game-card .creation-game-image-link .creation-game-card-img {
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }
}
@media print {
  .page-id-9 .creation-game-card .creation-game-image-link:hover { filter: none !important; box-shadow: none !important; }
  .page-id-9 .creation-game-card .creation-game-image-link .creation-game-card-img { transform: none !important; }
}

/* 蜑ｵ菴懃ｴｹ莉具ｼ・D:9・牙・闊ｬ8逕ｻ蜒上が繝ｼ繝舌・繝ｬ繧､菫ｮ豁｣ 2026-08-30 窶・plan 1788020695292 */

/* --- 遏｢蜊ｰ菫晞匱縺ｯ 3226 陦後・ display:none !important 縺ｧ譌｢縺ｫ諡・ｿ晢ｼ医ご繝ｼ繝/荳€隕ｧ繝ｪ繝ｳ繧ｯ遏｢蜊ｰ縺ｯ蟇ｾ雎｡螟厄ｼ・--- */
/* --- overlay繝ｩ繝・ヱ繝ｼ: 繧ｻ繝・す繝ｧ繝ｳ髢句ｧ区凾縺ｮ鬮倥＆縺ｫ蠕ｩ蜈・ｼ・9 clamp・・ 繝舌・濶ｲ邯ｭ謖・--- */
/* v9蜴溷・: min-height:clamp(22px,3.2cqi+15.2px,32px) / padding:0 1em / space-between繝ｻcenter縲ゅヴ繝ｫ縺ｯ繝舌・蜀・〒蟾ｦ蟇・○縲∥lign-items:center 縺ｧ邵ｦ荳ｭ螟ｮ */
.page-id-9 .creation-placeholder-overlay {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.80) 35%, rgba(255, 255, 255, 0.60) 55%, rgba(255, 255, 255, 0.35) 70%, rgba(255, 255, 255, 0.12) 85%, rgba(255, 255, 255, 0) 100%) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 0 !important;
  min-height: clamp(22px, 3.2cqi + 15.2px, 32px) !important;
  height: auto !important;
  box-sizing: border-box !important;
  display: flex !important;
  transition: background 0.25s ease, backdrop-filter 0.25s ease !important;
}

/* 譌｢蟄・4947-4953 縺ｮ hover 閭梧勹 (0.64) 繧貞ｾｩ蜈・窶・繝舌・縺ｯ hover縺ｧ阯､濶ｲ縲√ヴ繝ｫ縺ｯ縺輔ｉ縺ｫ豼・牡(0.82)縺ｧ莠碁㍾縺ｫ豼・￥縺ｪ繧・*/
.page-id-9 .creation-placeholder-link:hover .creation-placeholder-overlay,
.page-id-9 .creation-activity-media-link:hover .creation-placeholder-overlay {
  background: linear-gradient(to right, rgba(115, 105, 160, 0.82) 0%, rgba(115, 105, 160, 0.80) 35%, rgba(115, 105, 160, 0.60) 55%, rgba(115, 105, 160, 0.35) 70%, rgba(115, 105, 160, 0.12) 85%, rgba(115, 105, 160, 0) 100%) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  color: var(--color-fuji-deep, #5F568E) !important;
}
/* 単一層化: キーボードフォーカス時もoverlay自体を藤グラデ化（::before無効化のため） */
.page-id-9 .creation-placeholder-link:focus-visible .creation-placeholder-overlay,
.page-id-9 .creation-placeholder-link:focus-within .creation-placeholder-overlay {
  background: linear-gradient(to right, rgba(115, 105, 160, 0.82) 0%, rgba(115, 105, 160, 0.80) 35%, rgba(115, 105, 160, 0.60) 55%, rgba(115, 105, 160, 0.35) 70%, rgba(115, 105, 160, 0.12) 85%, rgba(115, 105, 160, 0) 100%) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* v9 clamp縺ｯ5622邉ｻ縺ｫ荳€譛ｬ蛹・窶・譛ｫ蟆ｾ菫晁ｨｼ縺ｮ驥崎､・・蜑企勁 (R8 Phase5) 窶・min-height clamp縺ｯ5622縺梧ｭ｣ */
/* --- title繝斐Ν蛹厄ｼ域ｸ蠢・ｼ・窶・繧｢繧ｦ繝医Λ繧､繝ｳ螟門・縺ｮ繝舌・鬆伜沺縺ｫ蟾ｦ隧ｰ繧・・鄂ｮ縲∵枚蟄怜ｹ・□縺代↓蜊企€乗・・誼lur縲∝虚逧・ｿｽ蠕薙・ width:fit-content 縺ｧ螳溽樟 --- */
/* overlay padding:0 + justify-content:flex-start + title border-radius:0 縺ｧ蝗幄ｧ貞ｽ｢迥ｶ縲∝ｷｦ霎ｺ繧堤判蜒丞ｷｦ遶ｯ縺ｫ謠・∴繧九€・
   譁・ｭ怜承蛛ｴ縺ｮ蠅・岼縺ｯ繝代く繝・→蛻・ｊ譖ｿ繧上ｉ縺壹げ繝ｩ繝・・繧ｷ繝ｧ繝ｳ縺ｧ貊代ｉ縺九↓郢九′繧九ｈ縺・€・:after 縺ｧ蜿ｳ譁ｹ蜷代ヵ繧ｧ繝ｼ繝峨ｒ謠冗判 */
.page-id-9 .creation-overlay-title {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: calc(100% - 2em) !important;
  padding: 0.28em 0.62em !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  isolation: isolate !important;
  color: var(--color-fuji-deep, #5F568E) !important;
  font-weight: bold !important;
  font-size: 1em !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: none !important;
  transition: color 0.25s ease !important;
  margin: 0 !important;
  z-index: 1 !important;
  align-self: center !important;
}

/* 繝斐Ν譛ｬ菴・ 0-40%繝輔Λ繝・ヨ竊・0-100%繧・0%蟷・〒eased繝輔ぉ繝ｼ繝会ｼ・繧ｹ繝医ャ繝励〒貊代ｉ縺九↓鬥ｴ譟薙・・峨€Ｐverlay繝舌・濶ｲ(0.44)竊帝€乗・(0)縺ｸ蟆朱未謨ｰ0縺ｧ謗･邯壹€Ｑadding縺ｶ繧灘・蛛ｴ縺ｫ驟咲ｽｮ */
.page-id-9 .creation-overlay-title::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  z-index: -1;
  transition: background 0.25s ease !important;
  pointer-events: none;
}

/* 繝帙ヰ繝ｼ莨晄眺繧・overlay 竊・title 縺ｫ遘ｻ隴ｲ 窶・繝斐Ν縺縺第ｿ・牡・狗區譁・ｭ励€√げ繝ｩ繝・・繧ｷ繝ｧ繝ｳ蟾ｦ遶ｯ繧り陸濶ｲ縺ｫ螟牙喧 */
.page-id-9 .creation-placeholder-link:hover .creation-overlay-title,
.page-id-9 .creation-activity-media-link:hover .creation-overlay-title {
  color: #fff !important;
}
.page-id-9 .creation-placeholder-link:hover .creation-overlay-title::before,
.page-id-9 .creation-activity-media-link:hover .creation-overlay-title::before {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 繝輔か繝ｼ繧ｫ繧ｹ蜿ｯ隕門喧 窶・繧ｭ繝ｼ繝懊・繝画桃菴懊〒繧ゅヴ繝ｫ螟牙喧繧貞庄隕門喧・・11y・・*/
.page-id-9 .creation-placeholder-link:focus-visible .creation-overlay-title,
.page-id-9 .creation-placeholder-link:focus-within .creation-overlay-title {
  color: #fff !important;
}
.page-id-9 .creation-placeholder-link:focus-visible .creation-overlay-title::before,
.page-id-9 .creation-placeholder-link:focus-within .creation-overlay-title::before {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* backdrop-filter 髱槫ｯｾ蠢懊ヵ繧ｩ繝ｼ繝ｫ繝舌ャ繧ｯ 窶・蜊企€乗・逋ｽ縺ｮ縺ｿ谿九☆ */
@supports not ((backdrop-filter: blur(6px)) or (-webkit-backdrop-filter: blur(6px))) {
  .page-id-9 .creation-overlay-title {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* print 窶・blur辟｡蜉ｹ縲∬レ譎ｯ縺ｯ蜊ｰ蛻ｷ縺ｧ繧ょ庄隕門喧・・:before 繧ｰ繝ｩ繝・・繧ｷ繝ｧ繝ｳ・倶ｸ埼€乗・蠎ｦUP縺ｧ蜊ｰ蛻ｷ蜿ｯ・・*/
@media print {
  .page-id-9 .creation-overlay-title {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  .page-id-9 .creation-overlay-title::before {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: transparent !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  .page-id-9 .creation-placeholder-overlay {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.90) 35%, rgba(255, 255, 255, 0.70) 55%, rgba(255, 255, 255, 0.42) 70%, rgba(255, 255, 255, 0.14) 85%, rgba(255, 255, 255, 0) 100%) !important;
  }
}

/* 繝｢繝ｼ繧ｷ繝ｧ繝ｳ驟肴・ 窶・title 縺ｮ transition 繧貞●豁｢・域里蟄・prefers-reduced-motion 菴鍋ｳｻ縺ｫ霑ｽ蠕難ｼ・*/
@media (prefers-reduced-motion: reduce) {
  .page-id-9 .creation-overlay-title,
  .page-id-9 .creation-overlay-title::before,
  .page-id-9 .creation-placeholder-link:hover .creation-overlay-title,
  .page-id-9 .creation-placeholder-link:hover .creation-overlay-title::before {
    transition: none !important;
  }
}

/* 蜑ｵ菴懃ｴｹ莉・繧ｵ繝繝坂∑繝ｪ繝ｳ繧ｯ 騾｣蜍輔・繝舌・ 2026-08-30 窶・11繧ｫ繝ｼ繝牙曙譁ｹ蜷・*/

/* -----------------------------------------------------
   A) 繧ｵ繝繝・竊・繝ｪ繝ｳ繧ｯ 騾｣蜍包ｼ・over / focus・・
   繧ｵ繝繝・hover 縺ｧ繝ｪ繝ｳ繧ｯ縺ｮ濶ｲ/gap/荳狗ｷ・遏｢蜊ｰ繧ｹ繝ｩ繧､繝峨ｒ逋ｺ轣ｫ
   ----------------------------------------------------- */

/* A-1 荳€闊ｬ8譫・ .creation-sub-card(#section-it/#section-3d) 繧ｵ繝繝坂・繝ｪ繝ｳ繧ｯ */
@media (hover: hover) {
  .page-id-9 .creation-sub-card:has(.creation-placeholder-link:hover) .creation-card-view-all {
    color: #2B6B58 !important;
    gap: 0.42em !important;
  }
  .page-id-9 .creation-sub-card:has(.creation-placeholder-link:hover) .creation-card-view-all .creation-card-view-all-text {
    text-decoration-color: currentColor !important;
  }
  .page-id-9 .creation-sub-card:has(.creation-placeholder-link:hover) .creation-card-view-all span[aria-hidden="true"] {
    transform: translate(0.18em, -0.02em) !important;
  }
}
/* focus騾｣蜍包ｼ・over蟐剃ｽ灘､悶〒繧ら匱轣ｫ・・*/
.page-id-9 .creation-sub-card:has(.creation-placeholder-link:focus-within) .creation-card-view-all,
.page-id-9 .creation-sub-card:has(.creation-placeholder-link:focus-visible) .creation-card-view-all {
  color: #2B6B58 !important;
  gap: 0.42em !important;
}
.page-id-9 .creation-sub-card:has(.creation-placeholder-link:focus-within) .creation-card-view-all .creation-card-view-all-text,
.page-id-9 .creation-sub-card:has(.creation-placeholder-link:focus-visible) .creation-card-view-all .creation-card-view-all-text {
  text-decoration-color: currentColor !important;
}
.page-id-9 .creation-sub-card:has(.creation-placeholder-link:focus-within) .creation-card-view-all span[aria-hidden="true"],
.page-id-9 .creation-sub-card:has(.creation-placeholder-link:focus-visible) .creation-card-view-all span[aria-hidden="true"] {
  transform: translate(0.18em, -0.02em) !important;
}

/* A-2 隕ｳ繧・隱ｭ繧€ 4譫・ .creation-motion-card 繧ｵ繝繝坂・繝ｪ繝ｳ繧ｯ */
@media (hover: hover) {
  .page-id-9 #section-view .creation-motion-card:has(.creation-placeholder-link:hover) .creation-card-view-all,
  .page-id-9 #section-read .creation-motion-card:has(.creation-placeholder-link:hover) .creation-card-view-all {
    color: #2B6B58 !important;
    gap: 0.42em !important;
  }
  .page-id-9 #section-view .creation-motion-card:has(.creation-placeholder-link:hover) .creation-card-view-all .creation-card-view-all-text,
  .page-id-9 #section-read .creation-motion-card:has(.creation-placeholder-link:hover) .creation-card-view-all .creation-card-view-all-text {
    text-decoration-color: currentColor !important;
  }
  .page-id-9 #section-view .creation-motion-card:has(.creation-placeholder-link:hover) .creation-card-view-all span[aria-hidden="true"],
  .page-id-9 #section-read .creation-motion-card:has(.creation-placeholder-link:hover) .creation-card-view-all span[aria-hidden="true"] {
    transform: translate(0.18em, -0.02em) !important;
  }
}
.page-id-9 #section-view .creation-motion-card:has(.creation-placeholder-link:focus-within) .creation-card-view-all,
.page-id-9 #section-view .creation-motion-card:has(.creation-placeholder-link:focus-visible) .creation-card-view-all,
.page-id-9 #section-read .creation-motion-card:has(.creation-placeholder-link:focus-within) .creation-card-view-all,
.page-id-9 #section-read .creation-motion-card:has(.creation-placeholder-link:focus-visible) .creation-card-view-all {
  color: #2B6B58 !important;
  gap: 0.42em !important;
}
.page-id-9 #section-view .creation-motion-card:has(.creation-placeholder-link:focus-within) .creation-card-view-all .creation-card-view-all-text,
.page-id-9 #section-view .creation-motion-card:has(.creation-placeholder-link:focus-visible) .creation-card-view-all .creation-card-view-all-text,
.page-id-9 #section-read .creation-motion-card:has(.creation-placeholder-link:focus-within) .creation-card-view-all .creation-card-view-all-text,
.page-id-9 #section-read .creation-motion-card:has(.creation-placeholder-link:focus-visible) .creation-card-view-all .creation-card-view-all-text {
  text-decoration-color: currentColor !important;
}
.page-id-9 #section-view .creation-motion-card:has(.creation-placeholder-link:focus-within) .creation-card-view-all span[aria-hidden="true"],
.page-id-9 #section-view .creation-motion-card:has(.creation-placeholder-link:focus-visible) .creation-card-view-all span[aria-hidden="true"],
.page-id-9 #section-read .creation-motion-card:has(.creation-placeholder-link:focus-within) .creation-card-view-all span[aria-hidden="true"],
.page-id-9 #section-read .creation-motion-card:has(.creation-placeholder-link:focus-visible) .creation-card-view-all span[aria-hidden="true"] {
  transform: translate(0.18em, -0.02em) !important;
}

/* A-3 繧ｲ繝ｼ繝3譫・ 繧ｵ繝繝坂・繝ｪ繝ｳ繧ｯ・・creation-game-image-link hover 竊・.creation-game-link hover迥ｶ諷具ｼ・*/
@media (hover: hover) {
  .page-id-9 .creation-game-card:has(.creation-game-image-link:hover) .creation-game-link {
    color: #2B6B58 !important;
    gap: 0.42em !important;
    text-decoration-color: currentColor !important;
  }
  .page-id-9 .creation-game-card:has(.creation-game-image-link:hover) .creation-game-link .creation-game-link-text {
    text-decoration-color: currentColor !important;
  }
  .page-id-9 .creation-game-card:has(.creation-game-image-link:hover) .creation-game-link span[aria-hidden="true"] {
    transform: translate(0.18em, -0.02em) !important;
  }
}
.page-id-9 .creation-game-card:has(.creation-game-image-link:focus-within) .creation-game-link,
.page-id-9 .creation-game-card:has(.creation-game-image-link:focus-visible) .creation-game-link {
  color: #2B6B58 !important;
  gap: 0.42em !important;
  text-decoration-color: currentColor !important;
}
.page-id-9 .creation-game-card:has(.creation-game-image-link:focus-within) .creation-game-link .creation-game-link-text,
.page-id-9 .creation-game-card:has(.creation-game-image-link:focus-visible) .creation-game-link .creation-game-link-text {
  text-decoration-color: currentColor !important;
}
.page-id-9 .creation-game-card:has(.creation-game-image-link:focus-within) .creation-game-link span[aria-hidden="true"],
.page-id-9 .creation-game-card:has(.creation-game-image-link:focus-visible) .creation-game-link span[aria-hidden="true"] {
  transform: translate(0.18em, -0.02em) !important;
}

/* -----------------------------------------------------
   B) 繝ｪ繝ｳ繧ｯ 竊・繧ｵ繝繝・騾｣蜍包ｼ・over / focus・・
   繝ｪ繝ｳ繧ｯ hover 縺ｧ繧ｵ繝繝榊・ overlay/繧ｿ繧､繝医Ν/逕ｻ蜒乗僑螟ｧ/莠碁㍾蛻・崛繧堤匱轣ｫ
   ----------------------------------------------------- */

/* B-1 overlay 閭梧勹: 繝ｪ繝ｳ繧ｯhover 竊・繧ｵ繝繝腔verlay 阯､濶ｲ蛹・(rgba 115,105,160,0.64) */
@media (hover: hover) {
  .page-id-9 .creation-sub-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-placeholder-overlay,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-placeholder-overlay,
  .page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-placeholder-overlay {
    background: linear-gradient(to right, rgba(115, 105, 160, 0.82) 0%, rgba(115, 105, 160, 0.80) 35%, rgba(115, 105, 160, 0.60) 55%, rgba(115, 105, 160, 0.35) 70%, rgba(115, 105, 160, 0.12) 85%, rgba(115, 105, 160, 0) 100%) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }
}
.page-id-9 .creation-sub-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 .creation-sub-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-placeholder-overlay {
  background: linear-gradient(to right, rgba(115, 105, 160, 0.82) 0%, rgba(115, 105, 160, 0.80) 35%, rgba(115, 105, 160, 0.60) 55%, rgba(115, 105, 160, 0.35) 70%, rgba(115, 105, 160, 0.12) 85%, rgba(115, 105, 160, 0) 100%) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* B-2 title 逋ｽ譁・ｭ・+ ::before 阯､繧ｰ繝ｩ繝・窶・繝ｪ繝ｳ繧ｯhover 竊・繧ｿ繧､繝医Ν逋ｺ蜈・*/
@media (hover: hover) {
  .page-id-9 .creation-sub-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-overlay-title,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-overlay-title,
  .page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-overlay-title {
    color: #fff !important;
  }
  .page-id-9 .creation-sub-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-overlay-title::before,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-overlay-title::before,
  .page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-overlay-title::before {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}
.page-id-9 .creation-sub-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-overlay-title,
.page-id-9 .creation-sub-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-overlay-title,
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-overlay-title,
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-overlay-title,
.page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-overlay-title,
.page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-overlay-title {
  color: #fff !important;
}
.page-id-9 .creation-sub-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-overlay-title::before,
.page-id-9 .creation-sub-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-overlay-title::before,
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-overlay-title::before,
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-overlay-title::before,
.page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-overlay-title::before,
.page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-overlay-title::before {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* B-3 蜊倡判蜒・scale(1.03) 窶・繝ｪ繝ｳ繧ｯhover 竊・繧ｵ繝繝咲判蜒乗僑螟ｧ・・轤ｹ縺ｮ蜊倡判蜒擾ｼ・03/302/401/繝・じ繧､繝ｳ/諤晉ｴ｢/雉・侭/繧ｲ繝ｼ繝髯､縺丈ｺ碁㍾・・*/
@media (hover: hover) {
  .page-id-9 .creation-sub-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-it-card-img,
  .page-id-9 .creation-sub-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-3d-card-img,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-knowledge-card-img {
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
}
.page-id-9 .creation-sub-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-it-card-img,
.page-id-9 .creation-sub-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-it-card-img,
.page-id-9 .creation-sub-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-3d-card-img,
.page-id-9 .creation-sub-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-3d-card-img,
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-knowledge-card-img,
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-knowledge-card-img,
.page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-knowledge-card-img,
.page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-knowledge-card-img {
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}
/* IT蜊倡判蜒擾ｼ・03・峨・ :not(.creation-it-web-card) 邨槭ｊ 窶・繝ｪ繝ｳ繧ｯhover譎ゅｂ蜷梧ｧ倥↓ scale */
@media (hover: hover) {
  .page-id-9 #section-it .creation-sub-card:not(.creation-it-web-card):has(.creation-card-view-all:hover) .creation-placeholder-link .creation-it-card-img {
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
}
.page-id-9 #section-it .creation-sub-card:not(.creation-it-web-card):has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-it-card-img,
.page-id-9 #section-it .creation-sub-card:not(.creation-it-web-card):has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-it-card-img {
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}

/* B-4 莠碁㍾逕ｻ蜒丞・譖ｿ・・T Web 251/201 / 譏蜒・501/551・俄€・繝ｪ繝ｳ繧ｯhover 竊・逕ｻ蜒出pacity蛻・崛 */
@media (hover: hover) {
  .page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-it-card-img--base {
    opacity: 0 !important;
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
  .page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-it-card-img--hover {
    opacity: 1 !important;
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-motion-card-img--base {
    opacity: 0 !important;
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-motion-card-img--hover {
    opacity: 1 !important;
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
}
.page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-it-card-img--base,
.page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-it-card-img--base {
  opacity: 0 !important;
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}
.page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-it-card-img--hover,
.page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-it-card-img--hover {
  opacity: 1 !important;
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-motion-card-img--base,
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-motion-card-img--base {
  opacity: 0 !important;
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-visible) .creation-placeholder-link .creation-motion-card-img--hover,
.page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:focus-within) .creation-placeholder-link .creation-motion-card-img--hover {
  opacity: 1 !important;
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}

/* -----------------------------------------------------
   C) 繧ｲ繝ｼ繝3譫・繝ｪ繝ｳ繧ｯ 竊・繧ｵ繝繝・騾｣蜍包ｼ医Μ繝ｳ繧ｯhover 竊・逕ｻ蜒剰ｼ晏ｺｦ/scale/蠖ｱ・・
   ----------------------------------------------------- */
@media (hover: hover) {
  .page-id-9 .creation-game-card:has(.creation-game-link:hover) .creation-game-image-link {
    filter: brightness(1.02) !important;
    box-shadow: 0 1px 3px rgba(31,32,65,0.06), 0 8px 20px rgba(31,32,65,0.10), inset 0 0 0 1px rgba(255,255,255,0.90) !important;
  }
  .page-id-9 .creation-game-card:has(.creation-game-link:hover) .creation-game-image-link .creation-game-card-img {
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
  .page-id-9 .creation-game-card:has(.creation-game-link:hover) .creation-game-image-link .creation-game-card-status {
    transform: rotate(-45deg) !important;
  }
}
.page-id-9 .creation-game-card:has(.creation-game-link:focus-visible) .creation-game-image-link,
.page-id-9 .creation-game-card:has(.creation-game-link:focus-within) .creation-game-image-link {
  filter: brightness(1.02) !important;
  box-shadow: 0 1px 3px rgba(31,32,65,0.06), 0 8px 20px rgba(31,32,65,0.10), inset 0 0 0 1px rgba(255,255,255,0.90) !important;
}
.page-id-9 .creation-game-card:has(.creation-game-link:focus-visible) .creation-game-image-link .creation-game-card-img,
.page-id-9 .creation-game-card:has(.creation-game-link:focus-within) .creation-game-image-link .creation-game-card-img {
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}
.page-id-9 .creation-game-card:has(.creation-game-link:focus-visible) .creation-game-image-link .creation-game-card-status,
.page-id-9 .creation-game-card:has(.creation-game-link:focus-within) .creation-game-image-link .creation-game-card-status {
  transform: rotate(-45deg) !important;
}

/* -----------------------------------------------------
   D) a11y / 繝｢繝ｼ繧ｷ繝ｧ繝ｳ驟肴・ / 蜊ｰ蛻ｷ
   ----------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .page-id-9 .creation-sub-card:has(.creation-placeholder-link:hover) .creation-card-view-all,
  .page-id-9 .creation-sub-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-it-card-img,
  .page-id-9 .creation-sub-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-3d-card-img,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:hover) .creation-it-card-img--base,
  .page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:hover) .creation-it-card-img--hover,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-motion-card-img--base,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-motion-card-img--hover,
  .page-id-9 .creation-game-card:has(.creation-game-link:hover) .creation-game-image-link,
  .page-id-9 .creation-game-card:has(.creation-game-link:hover) .creation-game-image-link .creation-game-card-img,
  .page-id-9 .creation-game-card:has(.creation-game-image-link:hover) .creation-game-link,
  .page-id-9 .creation-game-card:has(.creation-game-image-link:hover) .creation-game-link span[aria-hidden="true"],
  .page-id-9 .creation-sub-card:has(.creation-placeholder-link:hover) .creation-card-view-all span[aria-hidden="true"],
  .page-id-9 #section-view .creation-motion-card:has(.creation-placeholder-link:hover) .creation-card-view-all span[aria-hidden="true"],
  .page-id-9 #section-read .creation-motion-card:has(.creation-placeholder-link:hover) .creation-card-view-all span[aria-hidden="true"] {
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }
  /* :has()逕ｱ譚･縺ｮ opacity/scale 繧ら┌蜉ｹ蛹・*/
  .page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:hover) .creation-it-card-img--hover,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-motion-card-img--hover {
    opacity: 1 !important;
    transform: none !important;
  }
  .page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:hover) .creation-it-card-img--base,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-motion-card-img--base {
    opacity: 1 !important;
    transform: none !important;
  }
}
@media print {
  .page-id-9 .creation-sub-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-it-card-img,
  .page-id-9 .creation-sub-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-3d-card-img,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 .creation-game-card:has(.creation-game-link:hover) .creation-game-image-link,
  .page-id-9 .creation-game-card:has(.creation-game-link:hover) .creation-game-image-link .creation-game-card-img,
  .page-id-9 .creation-game-card .creation-game-image-link:hover .creation-game-card-img,
  .page-id-9 .creation-sub-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-it-card-img,
  .page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:hover) .creation-it-card-img--base,
  .page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:hover) .creation-it-card-img--hover,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-motion-card-img--base,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-motion-card-img--hover {
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
  }
  .page-id-9 .creation-sub-card:has(.creation-placeholder-link:hover) .creation-card-view-all,
  .page-id-9 #section-view .creation-motion-card:has(.creation-placeholder-link:hover) .creation-card-view-all,
  .page-id-9 #section-read .creation-motion-card:has(.creation-placeholder-link:hover) .creation-card-view-all,
  .page-id-9 .creation-game-card:has(.creation-game-image-link:hover) .creation-game-link {
    color: inherit !important;
    gap: 0.32em !important;
  }
  .page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:hover) .creation-it-card-img--hover,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-motion-card-img--hover {
    display: none !important;
    opacity: 0 !important;
  }
  .page-id-9 #section-it .creation-it-web-card:has(.creation-card-view-all:hover) .creation-it-card-img--base,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-motion-card-img--base {
    opacity: 1 !important;
    display: block !important;
  }
  .page-id-9 .creation-sub-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-placeholder-overlay,
  .page-id-9 #section-view .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-placeholder-overlay,
  .page-id-9 #section-read .creation-motion-card:has(.creation-card-view-all:hover) .creation-placeholder-link .creation-placeholder-overlay {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.90) 35%, rgba(255, 255, 255, 0.70) 55%, rgba(255, 255, 255, 0.42) 70%, rgba(255, 255, 255, 0.14) 85%, rgba(255, 255, 255, 0) 100%) !important;
  }
}

/* 蜑ｵ菴懃ｴｹ莉・ID:9) 荳ｻ縺ｪ鬆伜沺 豌ｴ濶ｲ繝ｩ繝・ヱ繝ｼ隱ｬ譏取枚縺ｮ蟾ｦ蜿ｳ繧定ｦ句・縺励ユ繧ｭ繧ｹ繝医↓荳€閾ｴ 窶・h3縺ｯ隗ｦ繧峨↑縺・*/
.page-id-9 #section-it .creation-category-header .creation-primary-desc,
.page-id-9 #section-3d .creation-category-header .creation-primary-desc,
.page-id-9 #section-view .creation-category-header .creation-primary-desc,
.page-id-9 #section-read .creation-category-header .creation-primary-desc,
.page-id-9 #section-platforms .creation-category-header .creation-primary-desc {
  padding-left: 27px !important;
  padding-right: 21px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* === migrated from ID41 (additional CSS) - non-media layout (purified) === */


/* 霑ｽ蜉CSS・育ｮ｡逅・判髱｢ > 繧ｫ繧ｹ繧ｿ繝槭う繧ｺ > 霑ｽ蜉CSS・・*/

/* --- 繝吶・繧ｹ: 繧ｫ繝ｼ繝峨↓ pointer + border-color 繝医Λ繝ｳ繧ｸ繧ｷ繝ｧ繝ｳ繧剃ｻ倅ｸ趣ｼ域里蟄・box-shadow/transform 縺ｫ霑ｽ蜉・・--- */
.page-id-9 .creation-sub-card,
.page-id-9 #section-view .creation-motion-card,
.page-id-9 #section-read .creation-motion-card,
.page-id-9 .creation-game-card {
  cursor: pointer !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
}

/* --- (a) plan 1788441452706: 白カードhover統一トークンA（影＋浮きのみ・枠維持。!importantはbase !importantへの対抗のみ） --- */
@media (hover: hover) {
  .page-id-9 .creation-sub-card:hover,
  .page-id-9 #section-view .creation-motion-card:hover,
  .page-id-9 #section-read .creation-motion-card:hover,
  .page-id-9 .creation-game-card:hover {
    border-color: var(--color-border, #DCE6EE) !important;
    box-shadow: 0 4px 16px rgba(31, 32, 65, 0.12) !important;
    transform: translateY(-2px) !important;
  }
  .page-id-9 .creation-sub-card:active,
  .page-id-9 #section-view .creation-motion-card:active,
  .page-id-9 #section-read .creation-motion-card:active,
  .page-id-9 .creation-game-card:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 4px rgba(31, 32, 65, 0.10) !important;
  }
  /* IT/3D 4譫壹・ overflow:hidden 縺ｧ蠖ｱ縺悟・繧後ｋ縺溘ａ hover譎ゅ・縺ｿ visible・域里蟄・5674-5677 雕剰･ｲ・・*/
  .page-id-9 #section-it .creation-sub-card:hover,
  .page-id-9 #section-3d .creation-sub-card:hover {
    overflow: visible !important;
  }
}
/* focus-withinは枠変化なし・影のみ（plan 1788441452706 統一トークンA） */
.page-id-9 .creation-sub-card:focus-within,
.page-id-9 #section-view .creation-motion-card:focus-within,
.page-id-9 #section-read .creation-motion-card:focus-within,
.page-id-9 .creation-game-card:focus-within {
  border-color: var(--color-border, #DCE6EE) !important;
  box-shadow: 0 4px 16px rgba(31, 32, 65, 0.12) !important;
}
/* カード自体の focus-visible アウトライン（deepでコントラスト強化 6.55:1） */
.page-id-9 .creation-sub-card:focus-visible,
.page-id-9 #section-view .creation-motion-card:focus-visible,
.page-id-9 #section-read .creation-motion-card:focus-visible,
.page-id-9 .creation-game-card:focus-visible {
  outline: 2px solid var(--color-fuji-deep, #5F568E) !important;
  outline-offset: 2px !important;
}

/* --- (b) 繝ｪ繝ｳ繧ｯ隕冶ｦ夐€｣蜍・A: 繧ｫ繝ｼ繝俄・繝ｪ繝ｳ繧ｯ・郁牡/gap/荳狗ｷ・遏｢蜊ｰ繧ｹ繝ｩ繧､繝会ｼ・--- */
@media (hover: hover) {
  .page-id-9 .creation-sub-card:hover .creation-card-view-all,
  .page-id-9 #section-view .creation-motion-card:hover .creation-card-view-all,
  .page-id-9 #section-read .creation-motion-card:hover .creation-card-view-all {
    color: #2B6B58 !important;
    gap: 0.42em !important;
  }
  .page-id-9 .creation-sub-card:hover .creation-card-view-all .creation-card-view-all-text,
  .page-id-9 #section-view .creation-motion-card:hover .creation-card-view-all .creation-card-view-all-text,
  .page-id-9 #section-read .creation-motion-card:hover .creation-card-view-all .creation-card-view-all-text {
    text-decoration-color: currentColor !important;
  }
  .page-id-9 .creation-sub-card:hover .creation-card-view-all span[aria-hidden="true"],
  .page-id-9 #section-view .creation-motion-card:hover .creation-card-view-all span[aria-hidden="true"],
  .page-id-9 #section-read .creation-motion-card:hover .creation-card-view-all span[aria-hidden="true"] {
    transform: translate(0.18em, -0.02em) !important;
  }
  /* 繧ｲ繝ｼ繝3譫・ 阯､竊堤ｩｺ濶ｲ邉ｻ */
  .page-id-9 .creation-game-card:hover .creation-game-link {
    color: #2B6B58 !important;
    gap: 0.42em !important;
  }
  .page-id-9 .creation-game-card:hover .creation-game-link .creation-game-link-text {
    text-decoration-color: currentColor !important;
  }
  .page-id-9 .creation-game-card:hover .creation-game-link span[aria-hidden="true"] {
    transform: translate(0.18em, -0.02em) !important;
  }
}
/* focus-within 迚茨ｼ医く繝ｼ繝懊・繝会ｼ・*/
.page-id-9 .creation-sub-card:focus-within .creation-card-view-all,
.page-id-9 #section-view .creation-motion-card:focus-within .creation-card-view-all,
.page-id-9 #section-read .creation-motion-card:focus-within .creation-card-view-all {
  color: #2B6B58 !important;
  gap: 0.42em !important;
}
.page-id-9 .creation-sub-card:focus-within .creation-card-view-all .creation-card-view-all-text,
.page-id-9 #section-view .creation-motion-card:focus-within .creation-card-view-all .creation-card-view-all-text,
.page-id-9 #section-read .creation-motion-card:focus-within .creation-card-view-all .creation-card-view-all-text {
  text-decoration-color: currentColor !important;
}
.page-id-9 .creation-sub-card:focus-within .creation-card-view-all span[aria-hidden="true"],
.page-id-9 #section-view .creation-motion-card:focus-within .creation-card-view-all span[aria-hidden="true"],
.page-id-9 #section-read .creation-motion-card:focus-within .creation-card-view-all span[aria-hidden="true"] {
  transform: translate(0.18em, -0.02em) !important;
}
.page-id-9 .creation-game-card:focus-within .creation-game-link {
  color: #2B6B58 !important;
  gap: 0.42em !important;
}
.page-id-9 .creation-game-card:focus-within .creation-game-link .creation-game-link-text {
  text-decoration-color: currentColor !important;
}
.page-id-9 .creation-game-card:focus-within .creation-game-link span[aria-hidden="true"] {
  transform: translate(0.18em, -0.02em) !important;
}

/* --- (c) 繧ｵ繝繝埼€｣蜍・B: 繧ｫ繝ｼ繝俄・繧ｵ繝繝搾ｼ・verlay/繧ｿ繧､繝医Ν/逕ｻ蜒乗僑螟ｧ/莠碁㍾蛻・崛・・--- */
/* overlay 阯､濶ｲ蛹・*/
@media (hover: hover) {
  .page-id-9 .creation-sub-card:hover .creation-placeholder-link .creation-placeholder-overlay,
  .page-id-9 #section-view .creation-motion-card:hover .creation-placeholder-link .creation-placeholder-overlay,
  .page-id-9 #section-read .creation-motion-card:hover .creation-placeholder-link .creation-placeholder-overlay {
    background: linear-gradient(to right, rgba(115, 105, 160, 0.82) 0%, rgba(115, 105, 160, 0.80) 35%, rgba(115, 105, 160, 0.60) 55%, rgba(115, 105, 160, 0.35) 70%, rgba(115, 105, 160, 0.12) 85%, rgba(115, 105, 160, 0) 100%) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }
}
.page-id-9 .creation-sub-card:focus-within .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 #section-view .creation-motion-card:focus-within .creation-placeholder-link .creation-placeholder-overlay,
.page-id-9 #section-read .creation-motion-card:focus-within .creation-placeholder-link .creation-placeholder-overlay {
  background: linear-gradient(to right, rgba(115, 105, 160, 0.82) 0%, rgba(115, 105, 160, 0.80) 35%, rgba(115, 105, 160, 0.60) 55%, rgba(115, 105, 160, 0.35) 70%, rgba(115, 105, 160, 0.12) 85%, rgba(115, 105, 160, 0) 100%) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}
/* title 逋ｽ譁・ｭ・+ ::before 阯､繧ｰ繝ｩ繝・*/
@media (hover: hover) {
  .page-id-9 .creation-sub-card:hover .creation-placeholder-link .creation-overlay-title,
  .page-id-9 #section-view .creation-motion-card:hover .creation-placeholder-link .creation-overlay-title,
  .page-id-9 #section-read .creation-motion-card:hover .creation-placeholder-link .creation-overlay-title {
    color: #fff !important;
  }
  .page-id-9 .creation-sub-card:hover .creation-placeholder-link .creation-overlay-title::before,
  .page-id-9 #section-view .creation-motion-card:hover .creation-placeholder-link .creation-overlay-title::before,
  .page-id-9 #section-read .creation-motion-card:hover .creation-placeholder-link .creation-overlay-title::before {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}
.page-id-9 .creation-sub-card:focus-within .creation-placeholder-link .creation-overlay-title,
.page-id-9 #section-view .creation-motion-card:focus-within .creation-placeholder-link .creation-overlay-title,
.page-id-9 #section-read .creation-motion-card:focus-within .creation-placeholder-link .creation-overlay-title {
  color: #fff !important;
}
.page-id-9 .creation-sub-card:focus-within .creation-placeholder-link .creation-overlay-title::before,
.page-id-9 #section-view .creation-motion-card:focus-within .creation-placeholder-link .creation-overlay-title::before,
.page-id-9 #section-read .creation-motion-card:focus-within .creation-placeholder-link .creation-overlay-title::before {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* 蜊倡判蜒・scale(1.03) 窶・IT 103 / 3D 302/401 / 繝・じ繧､繝ｳ801 / 諤晉ｴ｢601 / 雉・侭701 / 繧ｲ繝ｼ繝3譫壹・蜊倡判蜒・*/
@media (hover: hover) {
  .page-id-9 .creation-sub-card:hover .creation-placeholder-link .creation-it-card-img,
  .page-id-9 .creation-sub-card:hover .creation-placeholder-link .creation-3d-card-img,
  .page-id-9 #section-view .creation-motion-card:hover .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 #section-read .creation-motion-card:hover .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 .creation-game-card:hover .creation-game-card-img {
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
  /* IT蜊倡判蜒擾ｼ・03・臥ｵ槭ｊ 窶・莠碁㍾Web繧ｫ繝ｼ繝峨ｒ髯､螟・*/
  .page-id-9 #section-it .creation-sub-card:not(.creation-it-web-card):hover .creation-placeholder-link .creation-it-card-img {
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
}
.page-id-9 .creation-sub-card:focus-within .creation-placeholder-link .creation-it-card-img,
.page-id-9 .creation-sub-card:focus-within .creation-placeholder-link .creation-3d-card-img,
.page-id-9 #section-view .creation-motion-card:focus-within .creation-placeholder-link .creation-knowledge-card-img,
.page-id-9 #section-read .creation-motion-card:focus-within .creation-placeholder-link .creation-knowledge-card-img,
.page-id-9 .creation-game-card:focus-within .creation-game-card-img {
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}
.page-id-9 #section-it .creation-sub-card:not(.creation-it-web-card):focus-within .creation-placeholder-link .creation-it-card-img {
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}
/* 莠碁㍾逕ｻ蜒丞・譖ｿ・・T Web 251竊・01 / 譏蜒・501竊・51・・*/
@media (hover: hover) {
  .page-id-9 #section-it .creation-it-web-card:hover .creation-placeholder-link .creation-it-card-img--base {
    opacity: 0 !important;
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
  .page-id-9 #section-it .creation-it-web-card:hover .creation-placeholder-link .creation-it-card-img--hover {
    opacity: 1 !important;
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
  .page-id-9 #section-view .creation-motion-card:hover .creation-placeholder-link .creation-motion-card-img--base {
    opacity: 0 !important;
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
  .page-id-9 #section-view .creation-motion-card:hover .creation-placeholder-link .creation-motion-card-img--hover {
    opacity: 1 !important;
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
}
.page-id-9 #section-it .creation-it-web-card:focus-within .creation-placeholder-link .creation-it-card-img--base {
  opacity: 0 !important;
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}
.page-id-9 #section-it .creation-it-web-card:focus-within .creation-placeholder-link .creation-it-card-img--hover {
  opacity: 1 !important;
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}
.page-id-9 #section-view .creation-motion-card:focus-within .creation-placeholder-link .creation-motion-card-img--base {
  opacity: 0 !important;
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}
.page-id-9 #section-view .creation-motion-card:focus-within .creation-placeholder-link .creation-motion-card-img--hover {
  opacity: 1 !important;
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}

/* --- 繧ｲ繝ｼ繝 繧ｵ繝繝埼€｣蜍包ｼ医Μ繝ｳ繧ｯ竊偵し繝繝咲嶌蠖薙・譌｢蟄倥□縺後€√き繝ｼ繝栄over縺ｧ繧ら判蜒剰ｼ晏ｺｦ/諡｡螟ｧ繧定｣懷ｮ鯉ｼ・--- */
@media (hover: hover) {
  .page-id-9 .creation-game-card:hover .creation-game-image-link {
    filter: brightness(1.02) !important;
    box-shadow: 0 1px 3px rgba(31,32,65,0.06), 0 8px 20px rgba(31,32,65,0.10), inset 0 0 0 1px rgba(255,255,255,0.90) !important;
  }
  .page-id-9 .creation-game-card:hover .creation-game-image-link .creation-game-card-img {
    -webkit-transform: translateZ(0) scale(1.03) !important;
    transform: translateZ(0) scale(1.03) !important;
  }
}
.page-id-9 .creation-game-card:focus-within .creation-game-image-link {
  filter: brightness(1.02) !important;
  box-shadow: 0 1px 3px rgba(31,32,65,0.06), 0 8px 20px rgba(31,32,65,0.10), inset 0 0 0 1px rgba(255,255,255,0.90) !important;
}
.page-id-9 .creation-game-card:focus-within .creation-game-image-link .creation-game-card-img {
  -webkit-transform: translateZ(0) scale(1.03) !important;
  transform: translateZ(0) scale(1.03) !important;
}

/* --- 繧｢繧ｯ繧ｻ繧ｷ繝薙Μ繝・ぅ: prefers-reduced-motion / print 縺ｧ縺ｯ諡｡螟ｧ繝ｻ豬ｮ驕翫・蠖ｱ繧堤┌蜉ｹ蛹・--- */
@media (prefers-reduced-motion: reduce) {
  .page-id-9 .creation-sub-card,
  .page-id-9 #section-view .creation-motion-card,
  .page-id-9 #section-read .creation-motion-card,
  .page-id-9 .creation-game-card {
    transition: none !important;
  }
  .page-id-9 .creation-sub-card:hover,
  .page-id-9 #section-view .creation-motion-card:hover,
  .page-id-9 #section-read .creation-motion-card:hover,
  .page-id-9 .creation-game-card:hover,
  .page-id-9 .creation-sub-card:active,
  .page-id-9 #section-view .creation-motion-card:active,
  .page-id-9 #section-read .creation-motion-card:active,
  .page-id-9 .creation-game-card:active,
  .page-id-9 .creation-sub-card:focus-within,
  .page-id-9 #section-view .creation-motion-card:focus-within,
  .page-id-9 #section-read .creation-motion-card:focus-within,
  .page-id-9 .creation-game-card:focus-within {
    transform: none !important;
    box-shadow: none !important;
  }
  .page-id-9 .creation-sub-card:hover .creation-card-view-all span[aria-hidden="true"],
  .page-id-9 #section-view .creation-motion-card:hover .creation-card-view-all span[aria-hidden="true"],
  .page-id-9 #section-read .creation-motion-card:hover .creation-card-view-all span[aria-hidden="true"],
  .page-id-9 .creation-game-card:hover .creation-game-link span[aria-hidden="true"],
  .page-id-9 .creation-sub-card:focus-within .creation-card-view-all span[aria-hidden="true"],
  .page-id-9 #section-view .creation-motion-card:focus-within .creation-card-view-all span[aria-hidden="true"],
  .page-id-9 #section-read .creation-motion-card:focus-within .creation-card-view-all span[aria-hidden="true"],
  .page-id-9 .creation-game-card:focus-within .creation-game-link span[aria-hidden="true"] {
    transform: none !important;
  }
  .page-id-9 .creation-sub-card:hover .creation-placeholder-link .creation-it-card-img,
  .page-id-9 .creation-sub-card:hover .creation-placeholder-link .creation-3d-card-img,
  .page-id-9 #section-view .creation-motion-card:hover .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 #section-read .creation-motion-card:hover .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 .creation-game-card:hover .creation-game-card-img,
  .page-id-9 .creation-sub-card:focus-within .creation-placeholder-link .creation-it-card-img,
  .page-id-9 .creation-sub-card:focus-within .creation-placeholder-link .creation-3d-card-img,
  .page-id-9 #section-view .creation-motion-card:focus-within .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 #section-read .creation-motion-card:focus-within .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 .creation-game-card:focus-within .creation-game-card-img,
  .page-id-9 #section-it .creation-it-web-card:hover .creation-it-card-img--base,
  .page-id-9 #section-it .creation-it-web-card:hover .creation-it-card-img--hover,
  .page-id-9 #section-view .creation-motion-card:hover .creation-motion-card-img--base,
  .page-id-9 #section-view .creation-motion-card:hover .creation-motion-card-img--hover {
    transform: none !important;
    transition: none !important;
    filter: none !important;
  }
}
@media print {
  .page-id-9 .creation-sub-card:hover,
  .page-id-9 #section-view .creation-motion-card:hover,
  .page-id-9 #section-read .creation-motion-card:hover,
  .page-id-9 .creation-game-card:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: var(--color-border, #DCE6EE) !important;
  }
  .page-id-9 .creation-sub-card:hover .creation-placeholder-link .creation-it-card-img,
  .page-id-9 .creation-sub-card:hover .creation-placeholder-link .creation-3d-card-img,
  .page-id-9 #section-view .creation-motion-card:hover .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 #section-read .creation-motion-card:hover .creation-placeholder-link .creation-knowledge-card-img,
  .page-id-9 .creation-game-card:hover .creation-game-card-img,
  .page-id-9 #section-it .creation-it-web-card:hover .creation-it-card-img--hover,
  .page-id-9 #section-view .creation-motion-card:hover .creation-motion-card-img--hover {
    transform: none !important;
    opacity: 1 !important;
  }
  .page-id-9 #section-it .creation-it-web-card:hover .creation-it-card-img--base,
  .page-id-9 #section-view .creation-motion-card:hover .creation-motion-card-img--base {
    opacity: 1 !important;
  }
  .page-id-9 #section-it .creation-it-web-card:hover .creation-it-card-img--hover,
  .page-id-9 #section-view .creation-motion-card:hover .creation-motion-card-img--hover {
    display: none !important;
  }
  .page-id-9 .creation-placeholder-overlay {
    background: rgba(255, 255, 255, 0.44) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* 蜑ｵ菴懃ｴｹ莉九す繧ｧ繝悶Ο繝ｳ邨ｱ荳€ 2026-08-31 窶・14邂・園 窶ｺ 蛹悶↓莨ｴ縺・い繝九Γ邨ｱ荳€ */

/* 繝吶・繧ｹ: creation-card-view-all / creation-game-link 窶・繝医ャ繝・.top-card-aff 縺ｨ蜷御ｸ€繝医・繧ｯ繝ｳ */
.page-id-9 .creation-card-view-all,
.page-id-9 .creation-game-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.32em !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--color-fuji-deep, #5F568E) !important;
  text-decoration: none !important;
  transition: gap .18s ease, color .18s ease !important;
}
.page-id-9 .creation-card-view-all .creation-chevron,
.page-id-9 .creation-game-link .creation-chevron {
  display: inline-flex !important;
  transition: transform .18s ease !important;
}
.page-id-9 .creation-card-view-all:hover,
.page-id-9 .creation-card-view-all:focus-visible,
.page-id-9 .creation-game-link:hover,
.page-id-9 .creation-game-link:focus-visible {
  color: var(--color-accent, #2B6B58) !important;
  gap: 0.42em !important;
}
.page-id-9 .creation-card-view-all:hover .creation-chevron,
.page-id-9 .creation-card-view-all:focus-visible .creation-chevron,
.page-id-9 .creation-game-link:hover .creation-chevron,
.page-id-9 .creation-game-link:focus-visible .creation-chevron {
  transform: translateX(0.18em) !important;
}
/* 繝・く繧ｹ繝井ｸ狗ｷ壹・ game/creation 譌｢蟄倥Ν繝ｼ繝ｫ縺ｧ span 蛛ｴ縺ｫ莉倅ｸ取ｸ医∩ 窶・chevron 縺ｫ縺ｯ莨晄眺縺輔○縺ｪ縺・*/

/* 蜈ｬ髢句・遲・譫・ 繧ｫ繝ｼ繝栄over縺ｧ chevron 縺後せ繝ｩ繧､繝・窶・desc蜀・〒 inline-flex gap */
.page-id-9 .platform-card-desc {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.32em !important;
  transition: gap .18s ease, color .18s ease !important;
}
.page-id-9 .platform-card-desc-text {
  font-size: inherit !important;
  line-height: inherit !important;
}
.page-id-9 .platform-card-chevron {
  display: inline-flex !important;
  transition: transform .18s ease !important;
}
.page-id-9 .platform-card:hover .platform-card-desc,
.page-id-9 .platform-card:focus-visible .platform-card-desc,
.page-id-9 .platform-card:focus-within .platform-card-desc {
  gap: 0.42em !important;
  color: var(--color-accent, #2B6B58) !important;
}
.page-id-9 .platform-card:hover .platform-card-chevron,
.page-id-9 .platform-card:focus-visible .platform-card-chevron,
.page-id-9 .platform-card:focus-within .platform-card-chevron {
  transform: translateX(0.18em) !important;
}
/* BOOTH縺ｯ逋ｽ譁・ｭ励□縺・hover縺ｧ accent 縺ｫ蛟偵☆ 窶・豎守畑邱代€ょ€句挨3譛ｬ・域忰蟆ｾ 1788185589889・峨〒荳頑嶌縺阪＆繧後ｋ縺溘ａ fallback 縺ｨ縺励※谿狗ｽｮ */

/* 繧ｫ繝ｼ繝栄over縺ｧ繧ゅΜ繝ｳ繧ｯ/chevron繧帝€｣蜍包ｼ域里蟄・6700邉ｻ縺ｨ驥崎､・□縺・chevron class迚医ｒ陬懷ｼｷ・・*/
@media (hover: hover) {
  .page-id-9 .creation-sub-card:hover .creation-card-view-all,
  .page-id-9 #section-view .creation-motion-card:hover .creation-card-view-all,
  .page-id-9 #section-read .creation-motion-card:hover .creation-card-view-all {
    color: var(--color-accent, #2B6B58) !important;
    gap: 0.42em !important;
  }
  .page-id-9 .creation-sub-card:hover .creation-card-view-all .creation-chevron,
  .page-id-9 #section-view .creation-motion-card:hover .creation-card-view-all .creation-chevron,
  .page-id-9 #section-read .creation-motion-card:hover .creation-card-view-all .creation-chevron {
    transform: translateX(0.18em) !important;
  }
}

/* prefers-reduced-motion 窶・animation-common.css 159-162 縺ｨ蜷瑚ｪｿ */
@media (prefers-reduced-motion: reduce) {
  .page-id-9 .creation-card-view-all,
  .page-id-9 .creation-game-link,
  .page-id-9 .platform-card-desc,
  .page-id-9 .creation-chevron,
  .page-id-9 .platform-card-chevron {
    transition: none !important;
    transform: none !important;
  }
  .page-id-9 .creation-card-view-all:hover,
  .page-id-9 .creation-card-view-all:focus-visible,
  .page-id-9 .creation-game-link:hover,
  .page-id-9 .creation-game-link:focus-visible,
  .page-id-9 .platform-card:hover .platform-card-desc {
    gap: 0.32em !important;
  }
}

/* 蜈ｬ髢句・遲・hover濶ｲ譏ｯ豁｣ 窶・繧ｫ繝ｼ繝牙慍濶ｲ縺ｫ蜷医ｏ縺帙◆蛟句挨濶ｲ・・lan 1788185589889・・*/
/* 豎守畑邱代ｒ蛟句挨縺ｧ荳頑嶌縺阪€りｩｳ邏ｰ蠎ｦ wrapper + !important 縺ｧ蠕悟享縺｡ */

/* BOOTH: 藤deep維持 — 2026-09-03 plan 1788436546807でhover白化(#ffffff)を修正。他ボタンと同様に濃色維持 */
.page-id-9 .creation-platforms-wrapper .platform-booth:hover .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-booth:focus-visible .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-booth:focus-within .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-booth:hover .platform-card-desc-text,
.page-id-9 .creation-platforms-wrapper .platform-booth:hover .platform-card-chevron {
  color: #5F568E !important;
}

/* Behance: 遨ｺ濶ｲdeep 窶・繝悶Λ繝ｳ繝我ｸ€雋ｫ縲：3FAFD荳翫〒蜿ｯ隱ｭ */
.page-id-9 .creation-platforms-wrapper .platform-behance:hover .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-behance:focus-visible .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-behance:focus-within .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-behance:hover .platform-card-chevron {
  color: var(--color-sky-deep, #4A6F88) !important;
}

/* FANBOX: 鄙｡鄙deep 窶・譫邱壹→蜷瑚牡縺ｧ邨ｱ荳€・育樟陦檎ｷ代ｒ譏守､ｺ蛹厄ｼ・*/
.page-id-9 .creation-platforms-wrapper .platform-fanbox:hover .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-fanbox:focus-visible .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-fanbox:focus-within .platform-card-desc,
.page-id-9 .creation-platforms-wrapper .platform-fanbox:hover .platform-card-chevron {
  color: var(--color-jade-deep, #2B6B58) !important;
}

/* 繝輔ャ繧ｿ繝ｼ縲悟・繧√※縺ｮ譁ｹ縲阪Μ繝ｳ繧ｯ蜀・YouTube 繧｢繧､繧ｳ繝ｳ・育區蠑ｷ蛻ｶ + 邵ｦ荳ｭ螟ｮ陬懈ｭ｣・・
   蜿ら・: .kilo/plans/1788243367257 / 1788244099666 */
.navi-footer-in .menu-footer .youtube-icon,
#navi-footer-in .menu-footer .youtube-icon {
  color: #fff !important;
  margin-left: 5px;
  font-size: inherit;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-0.08em);
}
.navi-footer-in .menu-footer .youtube-icon.fa,
#navi-footer-in .menu-footer .youtube-icon.fa {
  transform: translateY(-0.18em);
}
.navi-footer-in .menu-footer .youtube-icon.fab,
#navi-footer-in .menu-footer .youtube-icon.fab {
  transform: translateY(-0.14em);
}

/************************************
 ** Fix: hamburger drawer stacking context must outrank header (plan 1788263324233)
 ** Parent .mobile-menu-buttons creates stacking context at z-index:2, capping
 ** child drawer (9999) and overlay (99) below header z-index:10.
 ** Raise container + children to 1000-1002 (below .go-to-top 99999).
 ** Keep header overlay at z-index:1 (already lowered above) for defense-in-depth.
 ** Hierarchy: header:1 / drawer container:1000 / overlay:1001 / drawer content:1002 / go-to-top:99999
 ************************************/
.mobile-header-menu-buttons,
.mobile-menu-buttons {
  z-index: 1000 !important;
}
#navi-menu-close,
#sidebar-menu-close,
#search-menu-close {
  z-index: 1001 !important;
}
.menu-content,
.navi-menu-content,
.sidebar-menu-content,
.search-menu-content {
  z-index: 1002 !important;
}

/************************************
 ** Site Overview (ID:13) 窶・Social Wrappers + White Cards (plan 1788271842902)
 ** Scope: body.page-id-13 only 窶・2 wrappers (jade / sky) + band removal
 ************************************/
/* Wrapper: 繝｡繝ｳ繝舌・縺ｨ菴灘宛 窶・鄙｡鄙tint */
body.page-id-13 .social-team-wrapper {
  background: var(--color-bg-jade, #EFF8F5);
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
  padding: 1rem;
  box-sizing: border-box;
  margin-bottom: 0;
  min-width: 0;
}
/* Wrapper: 驕句霧閠・ュ蝣ｱ 窶・遨ｺ濶ｲtint */
body.page-id-13 .social-operator-wrapper {
  background: var(--color-sky-tint, #F3FAFD);
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
  padding: 1rem;
  box-sizing: border-box;
  margin-bottom: 0;
  min-width: 0;
}
body.page-id-13 .social-contact-wrapper {
  background: var(--color-bg-fuji, #F6F3FB);
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
  padding: 1rem;
  box-sizing: border-box;
  margin-bottom: 0;
  min-width: 0;
}
body.page-id-13 .social-policy-wrapper {
  background: var(--color-bg-jade, #EFF8F5);
  border: 1px solid var(--color-border, #DCE6EE);
  border-radius: 8px;
  padding: 1rem;
  box-sizing: border-box;
  margin-bottom: 0;
  min-width: 0;
}
body.page-id-13 .social-team-wrapper .creation-three-column,
body.page-id-13 .social-operator-wrapper .creation-two-column,
body.page-id-13 .social-contact-wrapper .creation-two-column,
body.page-id-13 .social-policy-wrapper .creation-two-column {
  margin: 0 !important;
}
body.page-id-13 .social-contact-wrapper .operator-card-body,
body.page-id-13 .social-policy-wrapper .operator-card-body {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}
body.page-id-13 .social-team-wrapper .creation-three-column {
  margin-top: 0 !important;
}
/* 繝｡繝ｳ繝舌・縺ｨ菴灘宛 逕ｻ蜒・谿ｵ髫守ｸｮ蟆・窶・PC (plan 1788272374972) */
body.page-id-13 .profile-inline .profile-image img {
  width: 96px;
}
body.page-id-13 .profile-inline .profile-image {
  flex: 0 0 96px;
  width: 96px;
}
body.page-id-13 .profile-image {
  width: 96px;
  flex: 0 0 96px;
}
.page-id-13 .nagaya-process-link a span[aria-hidden="true"] {
  font-weight: 700;
}

/************************************
** 固定ページ（page）共通: サイドバー非表示 + 1カラム化
** 対象: 創作紹介(ID:9) / ソニリアと世界観(ID:11) / サイト概要(ID:13) / サイトポリシー(ID:3141) + 将来の is_page() 全般の保険
** 背景: inc/setup.php の get_sidebar_display_type filter の CSS フォールバック。特定横幅(<=1023)で縦積み露出するバグの二重防御
** 追加日: 2026-09-02 plan 1788342273168
************************************/
body.page #sidebar,
body.page .sidebar,
body.page aside#sidebar,
body.page-id-9 #sidebar,
body.page-id-9 .sidebar,
body.page-id-9 aside#sidebar,
body.page-id-11 #sidebar,
body.page-id-11 .sidebar,
body.page-id-11 aside#sidebar,
body.page-id-13 #sidebar,
body.page-id-13 .sidebar,
body.page-id-13 aside#sidebar {
  display: none !important;
}
body.page #main,
body.page .main,
body.page-id-9 #main,
body.page-id-9 .main,
body.page-id-11 #main,
body.page-id-11 .main,
body.page-id-13 #main,
body.page-id-13 .main {
  width: 100% !important;
  float: none !important;
}
body.page #content,
body.page-id-9 #content,
body.page-id-11 #content,
body.page-id-13 #content {
  width: 100% !important;
  max-width: 100% !important;
}
body.page .article,
body.page-id-9 .article,
body.page-id-11 .article,
body.page-id-13 .article {
  width: 100% !important;
}

/************************************
 ** plan 1788342670409: 固定ページ / サイト概要 / ナビバー 藤色アウトライン除去
 ** Scope: body.page / body.page-id-13 / body.page-id-3141 のみに限定
 ** Option A: 常時表示の藤色 border/box-shadow を灰 #DCE6EE に統一、tint 背景は維持、focus-visible は維持
 ************************************/
/* 汎用固定ページ: article の藤色枠があれば無効化 */
body.page .article,
body.page-id-3141 .article {
  border: none !important;
  box-shadow: none !important;
}
body.page .page-navi-bar,
body.page-id-3141 .page-navi-bar,
body.page-id-3141 .policy-navi {
  border: 1px solid var(--color-border, #DCE6EE) !important;
  background: var(--color-bg-fuji, #F6F3FB);
}
body.page .page-navi-bar a.is-active,
body.page-id-3141 .policy-navi a.is-active {
  border-color: var(--color-border, #DCE6EE) !important;
}
/* サイト概要: 列内 h4 の藤下線を灰に */
body.page-id-13 .entry-content .wp-block-column h4 {
  border-bottom-color: var(--color-border, #DCE6EE) !important;
}
/* サイト概要: social ラッパーは既に灰枠だが詳細度対策で再宣言（背景 tint は維持） */
body.page-id-13 .social-team-wrapper,
body.page-id-13 .social-operator-wrapper,
body.page-id-13 .social-contact-wrapper,
body.page-id-13 .social-policy-wrapper {
  border-color: var(--color-border, #DCE6EE) !important;
}
/* サイト概要: profile-image 内側藤枠を灰に（常時表示の藤アウトライン除去） */
body.page-id-13 .profile-image::after {
  border-color: var(--color-border, #DCE6EE) !important;
}
/* plan 1788614818746 PC改行: 長屋だより「積み前」固定＋思索「芽吹く前の、」一体保持 — PC(769px+)のみ・タブレット/モバイル不変 */
@media screen and (min-width: 769px) {
  body.page-id-13 .pc-keep-nagaya {
    white-space: nowrap !important;
  }
  body.page-id-13 .pc-keep-mebuku {
    white-space: nowrap !important;
  }
}

/* plan 1788620028011: タイトル直下ナビ 下3px藤枠化（4箇所×3幅・CSSのみ・PHP/DOM不変。モバイルのブログ640タブは対象外）
   対象: ID:9/.page-id-9・ID:11/.page-id-11・ID:13/.page-id-13・ID:3141/.page-id-3141(.policy-navi)・ブログ/.blog-page のナビ a のみ。
   対象外: .page-id-30 には一切触れない（セレクタに含めない）。
   2026-09-06追補: サイトポリシーを他固定ページと同一ボタン意匠に統一（幅・余白・行数ルールは不変）。
   モック流用は下枠・側枠・白面・影のみ（上枠なし）。左右ティック禁止・高さ/余白/字重/字色は既存維持。シェブロン(::after)維持。 */
.page-id-9 .page-navi-bar a,
.page-id-11 .page-navi-bar a,
.page-id-13 .page-navi-bar a,
.page-id-3141 .policy-navi a,
.blog-page .page-navi-bar a[role="tab"] {
  background: #ffffff;
  border-top: none;
  border-bottom: 3px solid var(--color-fuji, #BBB7DA);
  border-left: 1px solid var(--color-border, #DCE6EE);
  border-right: 1px solid var(--color-border, #DCE6EE);
  box-shadow: 0 6px 12px rgba(115, 105, 160, 0.10);
  box-sizing: border-box;
}
/* 左右ティック禁止の明示: ::before に作らない（現行 content:none をスコープ付きで再宣言）。::after には触れない（シェブロン維持）。 */
.page-id-9 .page-navi-bar a::before,
.page-id-11 .page-navi-bar a::before,
.page-id-13 .page-navi-bar a::before,
.page-id-3141 .policy-navi a::before,
.blog-page .page-navi-bar a[role="tab"]::before {
  content: none;
}
/* ホバー: 藤ライト（ハンバーガー #7369A0 より一段階淡い #7D74A8・白文字コントラスト4.25）＋白文字＋下白3px（上枠なし）＋左右同色＋影強調＋translateY維持。border-color一括指定は禁止（個別指定必須）。 */
.page-id-9 .page-navi-bar a:hover,
.page-id-11 .page-navi-bar a:hover,
.page-id-13 .page-navi-bar a:hover,
.page-id-3141 .policy-navi a:hover,
.blog-page .page-navi-bar a[role="tab"]:hover {
  background-color: #7D74A8;
  color: #ffffff;
  border-top: none;
  border-bottom: 3px solid #ffffff;
  border-left: 1px solid #7D74A8;
  border-right: 1px solid #7D74A8;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(125, 116, 168, 0.15);
}
/* 選択中もホバー同系に統一（ID:9/11/13/3141系のみ。ブログはPC/タブレットで着色しない＝モバイル640タブのみ responsive-768.css 側で着色）。
   style.css:964-969 の border-color !important に勝つため枠は個別指定＋!important（既存と同等の場合のみ）。 */
.page-id-9 .page-navi-bar a.is-active,
.page-id-11 .page-navi-bar a.is-active,
.page-id-13 .page-navi-bar a.is-active,
.page-id-3141 .policy-navi a.is-active {
  background-color: #7D74A8;
  color: #ffffff;
  border-top: none !important;
  border-bottom: 3px solid #ffffff !important;
  border-left: 1px solid #7D74A8 !important;
  border-right: 1px solid #7D74A8 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(125, 116, 168, 0.15);
}
/* 選択中のホバーも同値維持（白文字のまま）。 */
.page-id-9 .page-navi-bar a.is-active:hover,
.page-id-11 .page-navi-bar a.is-active:hover,
.page-id-13 .page-navi-bar a.is-active:hover,
.page-id-3141 .policy-navi a.is-active:hover {
  background-color: #7D74A8;
  color: #ffffff;
  border-top: none !important;
  border-bottom: 3px solid #ffffff !important;
  border-left: 1px solid #7D74A8 !important;
  border-right: 1px solid #7D74A8 !important;
}