.ccf-archive{background:linear-gradient(180deg,#fff 0%,#fff9fb 50%,#f8fbff 100%);padding:0 0 90px}
.ccf-archive .page-header,.ccf-archive .page-content,.ccf-archive .pagination{width:min(100% - 32px,1080px);margin-left:auto;margin-right:auto}
.ccf-archive .page-header{padding:30px 0 18px;text-align:center}
.ccf-archive-kicker{margin-bottom:7px;color:#ef5a89;font-size:11px;font-weight:900;letter-spacing:.18em}
.ccf-archive .page-header .entry-title{margin:0;color:#24314f;font-size:clamp(30px,5vw,44px);line-height:1.25;font-weight:900}
.ccf-archive .archive-description{margin:12px auto 0;max-width:680px;color:#72798a;font-size:15px;line-height:1.8}
.ccf-archive .page-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ccf-archive article.post{margin:0;background:#fff;border:1px solid #edf0f5;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(36,49,79,.07)}
.ccf-archive-card-link{display:block;height:100%;color:inherit!important;text-decoration:none!important}
.ccf-archive-thumb{aspect-ratio:1/1;overflow:hidden;background:#f5f6f8}
.ccf-archive-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.ccf-archive-card-link:hover .ccf-archive-thumb img{transform:scale(1.025)}
.ccf-archive-card-body{padding:15px 15px 16px}
.ccf-archive article.post .entry-title{margin:0 0 9px;color:#24314f;font-size:17px;line-height:1.5;font-weight:800}
.ccf-archive-excerpt{color:#6f7788;font-size:13px;line-height:1.75}
.ccf-archive-more{display:block;margin-top:13px;padding:10px 12px;border-radius:999px;background:#ef5a89;color:#fff;font-size:13px;font-weight:800;text-align:center}
.ccf-archive .pagination{display:flex;justify-content:space-between;padding-top:24px}
.ccf-archive .pagination a{color:#24314f;font-weight:800;text-decoration:none}
@media(max-width:900px){.ccf-archive .page-content{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
.ccf-archive{padding-bottom:82px}
.ccf-archive .page-header,.ccf-archive .page-content,.ccf-archive .pagination{width:min(100% - 24px,1080px)}
.ccf-archive .page-header{padding:22px 0 14px}
.ccf-archive .page-header .entry-title{font-size:30px}
.ccf-archive .archive-description{font-size:13px}
.ccf-archive .page-content{grid-template-columns:1fr;gap:12px}
.ccf-archive article.post{border-radius:15px}
.ccf-archive-card-link{display:grid;grid-template-columns:116px minmax(0,1fr);min-height:116px;align-items:stretch}
.ccf-archive-thumb{aspect-ratio:1/1;height:100%}
.ccf-archive-card-body{padding:12px;min-width:0;overflow:hidden}
.ccf-archive article.post .entry-title{font-size:16px;line-height:1.45;margin:0 0 6px;overflow-wrap:anywhere;word-break:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ccf-archive-excerpt{font-size:12px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ccf-archive-more{margin-top:9px;padding:8px 10px;font-size:12px}
}@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;
}