.ccf-detail {
--ccf-accent:#ef5a89;
--ccf-accent-2:#f78db1;
--ccf-soft:#fff6f9;
--ccf-navy:#24314f;
--ccf-ink:#343a46;
--ccf-muted:#6f7788;
--ccf-line:#f0dce4;
background:linear-gradient(180deg,#fff 0%,#fffafb 58%,#fff 100%);
padding:0 0 88px;
}
.ccf-detail.ccf-type-program{--ccf-accent:#f68a2f;--ccf-accent-2:#ffa85e;--ccf-soft:#fff8ef;--ccf-line:#f6e1cc}
.ccf-detail.ccf-type-workshop{--ccf-accent:#8d58df;--ccf-accent-2:#a873ec;--ccf-soft:#f8f3ff;--ccf-line:#e8dcfa}
.ccf-detail .page-header,
.ccf-detail .page-content,
.ccf-detail .ccf-hero{width:min(100% - 32px,860px);margin-left:auto;margin-right:auto;box-sizing:border-box}
.ccf-detail .page-header{padding:24px 0 14px}
.ccf-detail .ccf-detail-label{display:inline-flex;align-items:center;margin:0 0 9px;padding:6px 10px;border-radius:999px;background:var(--ccf-soft);color:var(--ccf-accent);font-size:12px;font-weight:800;line-height:1;letter-spacing:.04em}
.ccf-detail .entry-title{
margin:0!important;
color:var(--ccf-navy)!important;
font-size:clamp(25px,4.6vw,38px)!important;
line-height:1.42!important;
font-weight:800!important;
letter-spacing:.005em!important;
overflow-wrap:anywhere;
word-break:auto;
}
.ccf-detail .ccf-hero{margin:0 auto 20px}
.ccf-detail .ccf-hero img{
display:block;
width:100%;
max-height:520px;
aspect-ratio:16/10;
object-fit:cover;
border-radius:18px;
box-shadow:0 10px 28px rgba(36,49,79,.10);
}
.ccf-detail .page-content{
background:#fff;
border:1px solid #f1e8ec;
border-radius:20px;
padding:clamp(20px,3.2vw,34px);
box-shadow:0 10px 28px rgba(36,49,79,.055);
color:var(--ccf-ink);
}
.ccf-detail .page-content p,
.ccf-detail .kkh-ai-article p{
font-size:clamp(15px,2.7vw,17px);
line-height:1.9;
margin:0 0 1.15em;
color:var(--ccf-ink);
}
.ccf-detail .page-content h2,
.ccf-detail .page-content .headline,
.ccf-detail .kkh-ai-article h2,
.ccf-detail .kkh-ai-article .headline{
margin:1.65em 0 .8em;
padding:10px 13px 10px 15px;
border-left:4px solid var(--ccf-accent);
border-radius:0 10px 10px 0;
background:var(--ccf-soft);
color:var(--ccf-navy);
font-size:clamp(19px,3.2vw,23px);
line-height:1.45;
font-weight:800;
box-shadow:none;
}
.ccf-detail .page-content h2:first-child,
.ccf-detail .kkh-ai-article h2:first-child{margin-top:.2em}
.ccf-detail .page-content h3,
.ccf-detail .kkh-ai-article h3{
margin:1.6em 0 .65em;
color:var(--ccf-navy);
font-size:clamp(17px,3vw,21px);
line-height:1.5;
font-weight:800;
}
.ccf-detail .page-content ul,
.ccf-detail .page-content ol{
margin:0 0 1.2em;
padding-left:1.25em;
font-size:clamp(15px,2.7vw,17px);
line-height:1.85;
}
.ccf-detail .page-content a:not(.ccf-apply__button){
color:var(--ccf-accent);
text-decoration-thickness:1px;
text-underline-offset:3px;
}
.ccf-detail .ccf-apply{margin:22px 0 28px;text-align:center}
.ccf-detail .ccf-apply__button{
display:block;
width:min(100%,480px);
margin:0 auto;
padding:15px 20px;
border-radius:999px;
background:linear-gradient(135deg,var(--ccf-accent),var(--ccf-accent-2));
color:#fff!important;
text-decoration:none!important;
font-size:16px;
font-weight:800;
letter-spacing:.02em;
box-shadow:0 8px 20px rgba(36,49,79,.10);
transition:transform .18s ease;
}
.ccf-detail .ccf-apply__button:hover{transform:translateY(-1px)}
.ccf-detail .post-tags,
.ccf-detail + .comments-area,
.ccf-detail .comments-area{display:none!important}
@media(max-width:767px){
.ccf-detail{padding-bottom:82px}
.ccf-detail .page-header,
.ccf-detail .page-content,
.ccf-detail .ccf-hero{width:min(100% - 28px,860px)}
.ccf-detail .page-header{padding:18px 0 12px}
.ccf-detail .entry-title{
font-size:clamp(24px,7.1vw,31px)!important;
line-height:1.38!important;
}
.ccf-detail .ccf-hero{margin-bottom:14px}
.ccf-detail .ccf-hero img{
border-radius:14px;
aspect-ratio:4/3;
max-height:430px;
}
.ccf-detail .page-content{
border-radius:16px;
padding:18px 16px;
}
.ccf-detail .page-content h2,
.ccf-detail .page-content .headline,
.ccf-detail .kkh-ai-article h2,
.ccf-detail .kkh-ai-article .headline{
margin-top:1.45em;
padding:9px 11px 9px 12px;
border-left-width:3px;
border-radius:0 9px 9px 0;
font-size:20px;
}
.ccf-detail .page-content p,
.ccf-detail .kkh-ai-article p{
font-size:16px;
line-height:1.85;
}
.ccf-detail .ccf-apply{margin:18px 0 22px}
.ccf-detail .ccf-apply__button{padding:14px 17px;font-size:16px}
}@font-face {
font-family: esenapaj;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@097f6373c8d24abad960ab5ec25e001be4fe7bd0/esenapaj.ttf)
format("truetype");
}
@font-face {
font-family: kokorom;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@0a9c3e242b46cd2d493db832a6eccba8f31b9da6/Kokoro.ttf)
format("truetype");
}
@font-face {
font-family: aoyanagiT;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@729d123c3a7de4ac2bb3a7cdbdedc707dde69120/aoyanagiT.ttf)
format("truetype");
}
@font-face {
font-family: tanukiM;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@master/TanukiMagic.ttf)
format("truetype");
} @font-face {
font-family: Huifont;
src: url(https://cdn.statically.io/gh/raspi0124/my-sites-files/dc302549/HuiFont109.woff2)
format("woff2"),
url(https://cdn.statically.io/gh/raspi0124/my-sites-files/eed42314/Light-Huiji.ttf)
format("truetype");
}
@font-face {
font-family: honokamaru;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@80b7a9fadba7c729d00bcc81beba49deb97e19de/font_1_honokamarugo_1.1.ttf)
format("truetype");
}
@font-face {
font-family: light-gen;
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf)
format("opentype");
}
@font-face {
font-family: normal-gen;
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf)
format("opentype");
}
@font-face {
font-family: "Noto Sans Japanese-100";
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf)
format("opentype");
}
@font-face {
font-family: "Noto Sans Japanese";
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf)
format("opentype");
}
@font-face {
font-family: "Noto Sans Japanese-900";
font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf)
format("opentype");
}
.noto {
font-family: Noto Sans Japanese;
}
.huiji {
font-family: Huifont;
}
.honokamaru {
font-family: honokamaru;
}