\u304a\u91d1\u3068\u5411\u304d\u5408\u3046\u3068\u308a\u306e\u30d6\u30ed\u30b0<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n:root {\n\u2013warm-bg: #fffbf5;\n\u2013peach: #f5a623;\n\u2013peach-light: #ffd89b;\n\u2013peach-pale: #fff3e0;\n\u2013brown: #5d3a1a;\n\u2013brown-mid: #8b5e3c;\n\u2013brown-light: #c49a6c;\n\u2013green: #7cb87c;\n\u2013green-light: #e8f5e8;\n\u2013text: #3d2b1f;\n\u2013text-sub: #8b6f5e;\n\u2013white: #ffffff;\n}\n\nbody {\nfont-family: \u2018Zen Maru Gothic\u2019, \u2018Noto Sans JP\u2019, sans-serif;\nbackground: #f0e8dc;\nmin-height: 100vh;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\npadding: 40px 16px;\ngap: 0;\n}\n\n\/* ===================== *\/\n\/* HEADER NAV *\/\n\/* ===================== *\/\n.site-header {\nwidth: 100%;\nmax-width: 780px;\nbackground: var(\u2013white);\nborder-radius: 20px 20px 0 0;\npadding: 16px 28px;\ndisplay: flex;\nalign-items: center;\njustify-content: space-between;\nborder-bottom: 2px dashed #f5e0cc;\n}\n\n.site-logo {\nfont-size: 15px;\nfont-weight: 900;\ncolor: var(\u2013brown);\nletter-spacing: 0.5px;\ndisplay: flex;\nalign-items: center;\ngap: 8px;\n}\n\n.site-logo .logo-icon {\nwidth: 32px;\nheight: 32px;\nbackground: linear-gradient(135deg, var(\u2013peach), var(\u2013peach-light));\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-size: 16px;\n}\n\n.site-nav {\ndisplay: flex;\ngap: 20px;\n}\n\n.site-nav a {\nfont-size: 13px;\ncolor: var(\u2013text-sub);\ntext-decoration: none;\nfont-weight: 500;\ntransition: color 0.2s;\n}\n\n.site-nav a:hover { color: var(\u2013peach); }\n\n\/* ===================== *\/\n\/* HERO SECTION *\/\n\/* ===================== *\/\n.hero {\nwidth: 100%;\nmax-width: 780px;\nbackground: var(\u2013white);\npadding: 48px 40px 40px;\nposition: relative;\noverflow: hidden;\n}\n\n\/* \u80cc\u666f\u88c5\u98fe *\/\n.hero::before {\ncontent: \u2018\ud83d\udcb0\u2019;\nposition: absolute;\nfont-size: 120px;\ntop: -20px;\nright: -10px;\nopacity: 0.06;\ntransform: rotate(15deg);\n}\n\n.hero-blob {\nposition: absolute;\nborder-radius: 50%;\nfilter: blur(40px);\nopacity: 0.15;\n}\n.hero-blob.b1 {\nwidth: 200px; height: 200px;\nbackground: var(\u2013peach);\ntop: -60px; right: 60px;\n}\n.hero-blob.b2 {\nwidth: 150px; height: 150px;\nbackground: var(\u2013green);\nbottom: -40px; left: 40px;\n}\n\n.hero-inner {\nposition: relative;\nz-index: 1;\ndisplay: flex;\nalign-items: center;\ngap: 36px;\n}\n\n\/* \u30a2\u30d0\u30bf\u30fc *\/\n.avatar-wrap {\nflex-shrink: 0;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\ngap: 10px;\n}\n\n.avatar {\nwidth: 110px;\nheight: 110px;\nborder-radius: 50%;\nbackground: linear-gradient(135deg, var(\u2013peach-pale), var(\u2013peach-light));\nborder: 4px solid var(\u2013white);\nbox-shadow: 0 4px 20px rgba(245,166,35,0.25);\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-size: 56px;\nanimation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n0%, 100% { transform: translateY(0); }\n50% { transform: translateY(-6px); }\n}\n\n.avatar-name {\nfont-size: 14px;\nfont-weight: 700;\ncolor: var(\u2013brown);\nbackground: var(\u2013peach-pale);\npadding: 4px 14px;\nborder-radius: 999px;\nborder: 1.5px solid var(\u2013peach-light);\n}\n\n\/* \u30c6\u30ad\u30b9\u30c8 *\/\n.hero-text {\nflex: 1;\n}\n\n.hero-badge {\ndisplay: inline-flex;\nalign-items: center;\ngap: 6px;\nbackground: var(\u2013green-light);\ncolor: var(\u2013green);\nfont-size: 12px;\nfont-weight: 700;\npadding: 4px 12px;\nborder-radius: 999px;\nmargin-bottom: 14px;\nborder: 1.5px solid #b8dbb8;\n}\n\n.hero-title {\nfont-size: 26px;\nfont-weight: 900;\ncolor: var(\u2013brown);\nline-height: 1.45;\nmargin-bottom: 6px;\n}\n\n.hero-title .accent {\ncolor: var(\u2013peach);\nposition: relative;\n}\n\n.hero-title .accent::after {\ncontent: \u2018\u2019;\nposition: absolute;\nbottom: 0; left: 0; right: 0;\nheight: 3px;\nbackground: linear-gradient(90deg, var(\u2013peach), var(\u2013peach-light));\nborder-radius: 2px;\n}\n\n.hero-catchcopy {\nfont-size: 13px;\ncolor: var(\u2013text-sub);\nfont-weight: 500;\nmargin-bottom: 18px;\nletter-spacing: 0.5px;\n}\n\n.hero-desc {\nfont-size: 14px;\nline-height: 1.9;\ncolor: var(\u2013text);\nbackground: var(\u2013peach-pale);\npadding: 14px 18px;\nborder-radius: 12px;\nborder-left: 3px solid var(\u2013peach);\n}\n\n\/* ===================== *\/\n\/* STATS BAR *\/\n\/* ===================== *\/\n.stats-bar {\nwidth: 100%;\nmax-width: 780px;\nbackground: linear-gradient(135deg, var(\u2013brown), var(\u2013brown-mid));\npadding: 20px 40px;\ndisplay: flex;\njustify-content: space-around;\nalign-items: center;\ngap: 12px;\n}\n\n.stat-item {\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\ngap: 4px;\n}\n\n.stat-icon { font-size: 20px; }\n\n.stat-label {\nfont-size: 11px;\ncolor: rgba(255,255,255,0.7);\nletter-spacing: 1px;\nfont-weight: 500;\n}\n\n.stat-value {\nfont-size: 15px;\nfont-weight: 900;\ncolor: var(\u2013peach-light);\n}\n\n.stat-divider {\nwidth: 1px;\nheight: 40px;\nbackground: rgba(255,255,255,0.15);\n}\n\n\/* ===================== *\/\n\/* TOPICS SECTION *\/\n\/* ===================== *\/\n.topics {\nwidth: 100%;\nmax-width: 780px;\nbackground: var(\u2013white);\npadding: 32px 40px 40px;\nborder-radius: 0 0 20px 20px;\n}\n\n.section-title {\nfont-size: 16px;\nfont-weight: 900;\ncolor: var(\u2013brown);\nmargin-bottom: 18px;\ndisplay: flex;\nalign-items: center;\ngap: 8px;\n}\n\n.section-title::after {\ncontent: \u2018\u2019;\nflex: 1;\nheight: 2px;\nbackground: linear-gradient(90deg, var(\u2013peach-light), transparent);\nborder-radius: 2px;\n}\n\n.topic-cards {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 12px;\n}\n\n.topic-card {\nbackground: var(\u2013warm-bg);\nborder-radius: 14px;\npadding: 18px 14px;\ntext-align: center;\nborder: 2px solid transparent;\ntransition: all 0.25s;\ncursor: pointer;\nposition: relative;\noverflow: hidden;\n}\n\n.topic-card::before {\ncontent: \u2018\u2019;\nposition: absolute;\ntop: 0; left: 0; right: 0;\nheight: 3px;\nbackground: linear-gradient(90deg, var(\u2013peach), var(\u2013peach-light));\nopacity: 0;\ntransition: opacity 0.25s;\n}\n\n.topic-card:hover {\nborder-color: var(\u2013peach-light);\ntransform: translateY(-3px);\nbox-shadow: 0 8px 20px rgba(245,166,35,0.15);\n}\n\n.topic-card:hover::before { opacity: 1; }\n\n.topic-icon {\nfont-size: 28px;\nmargin-bottom: 8px;\ndisplay: block;\n}\n\n.topic-name {\nfont-size: 13px;\nfont-weight: 700;\ncolor: var(\u2013brown);\nline-height: 1.4;\n}\n\n.topic-sub {\nfont-size: 11px;\ncolor: var(\u2013text-sub);\nmargin-top: 4px;\n}\n\n\/* ===================== *\/\n\/* PROFILE CARD *\/\n\/* ===================== *\/\n.profile-card {\nwidth: 100%;\nmax-width: 780px;\nbackground: var(\u2013white);\nborder-radius: 20px;\nmargin-top: 16px;\npadding: 28px 40px;\nborder: 2px dashed #f5e0cc;\n}\n\n.profile-header {\ndisplay: flex;\nalign-items: center;\ngap: 16px;\nmargin-bottom: 16px;\n}\n\n.profile-avatar {\nwidth: 60px; height: 60px;\nborder-radius: 50%;\nbackground: linear-gradient(135deg, var(\u2013peach-pale), var(\u2013peach-light));\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-size: 28px;\nborder: 3px solid var(\u2013white);\nbox-shadow: 0 2px 12px rgba(245,166,35,0.2);\n}\n\n.profile-info h3 {\nfont-size: 16px;\nfont-weight: 900;\ncolor: var(\u2013brown);\n}\n\n.profile-info p {\nfont-size: 12px;\ncolor: var(\u2013text-sub);\nmargin-top: 2px;\n}\n\n.profile-body {\nfont-size: 14px;\nline-height: 2;\ncolor: var(\u2013text);\n}\n\n.profile-body .highlight {\nbackground: linear-gradient(transparent 60%, var(\u2013peach-light) 60%);\nfont-weight: 700;\n}\n\n\/* \u30d5\u30a7\u30fc\u30c9\u30a4\u30f3 *\/\n.fade-in {\nopacity: 0;\ntransform: translateY(16px);\nanimation: fadeIn 0.6s ease forwards;\n}\n.fade-in:nth-child(1) { animation-delay: 0.1s; }\n.fade-in:nth-child(2) { animation-delay: 0.2s; }\n.fade-in:nth-child(3) { animation-delay: 0.3s; }\n.fade-in:nth-child(4) { animation-delay: 0.4s; }\n.fade-in:nth-child(5) { animation-delay: 0.5s; }\n\n@keyframes fadeIn {\nto { opacity: 1; transform: translateY(0); }\n}\n<\/style>\n\n<\/head>\n<body>\n\n\n\n<header class=\"site-header fade-in\">\n <div class=\"site-logo\">\n <div class=\"logo-icon\">\ud83d\udc26<\/div>\n \u3068\u308a\u306e\u30d6\u30ed\u30b0\n <\/div>\n <nav class=\"site-nav\">\n <a href=\"#\">\u30db\u30fc\u30e0<\/a>\n <a href=\"#\">\u7bc0\u7d04\u8853<\/a>\n <a href=\"#\">\u5bb6\u8a08\u7ba1\u7406<\/a>\n <a href=\"#\">\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb<\/a>\n <\/nav>\n<\/header>\n\n\n\n<section class=\"hero fade-in\">\n <div class=\"hero-blob b1\"><\/div>\n <div class=\"hero-blob b2\"><\/div>\n <div class=\"hero-inner\">\n <div class=\"avatar-wrap\">\n <div class=\"avatar\">\ud83d\udc26<\/div>\n <div class=\"avatar-name\">\u3068\u308a<\/div>\n <\/div>\n <div class=\"hero-text\">\n <div class=\"hero-badge\">\u270d\ufe0f \u6bce\u65e5\u66f4\u65b0\u4e2d<\/div>\n <div class=\"hero-title\">\n \u304a\u91d1\u3068<span class=\"accent\">\u5411\u304d\u5408\u3046<\/span><br>\u3068\u308a\u306e\u30d6\u30ed\u30b0\n <\/div>\n <div class=\"hero-catchcopy\">\u6bce\u6708\u30ae\u30ea\u30ae\u30ea\u751f\u6d3b\u304b\u3089\u629c\u3051\u51fa\u3059\u8a18\u9332<\/div>\n <div class=\"hero-desc\">\n \u6bce\u6708\u306e\u652f\u6255\u3044\u306b\u8ffd\u308f\u308c\u308b\u30ab\u30c4\u30ab\u30c4\u751f\u6d3b\u304b\u3089\u629c\u3051\u51fa\u3059\u305f\u3081\u306b\u59cb\u3081\u305f\u30d6\u30ed\u30b0\u3067\u3059\u3002\u7bc0\u7d04\u30fb\u5bb6\u8a08\u7ba1\u7406\u30fb\u30ea\u30a2\u30eb\u306a\u304a\u91d1\u4e8b\u60c5\u3092\u5305\u307f\u96a0\u3055\u305a\u767a\u4fe1\u3057\u3066\u3044\u304d\u307e\u3059\ud83d\udd25\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<div class=\"stats-bar fade-in\">\n <div class=\"stat-item\">\n <span class=\"stat-icon\">\ud83d\udcdd<\/span>\n <span class=\"stat-label\">\u30c6\u30fc\u30de<\/span>\n <span class=\"stat-value\">\u7bc0\u7d04\u30fb\u5bb6\u8a08<\/span>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item\">\n <span class=\"stat-icon\">\ud83d\udd25<\/span>\n <span class=\"stat-label\">\u76ee\u6a19<\/span>\n <span class=\"stat-value\">\u6bce\u65e5\u6295\u7a3f<\/span>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item\">\n <span class=\"stat-icon\">\ud83d\udcb8<\/span>\n <span class=\"stat-label\">\u30b9\u30bf\u30a4\u30eb<\/span>\n <span class=\"stat-value\">\u30ea\u30a2\u30eb\u516c\u958b<\/span>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item\">\n <span class=\"stat-icon\">\ud83e\udd1d<\/span>\n <span class=\"stat-label\">\u60f3\u3044<\/span>\n <span class=\"stat-value\">\u4e00\u7dd2\u306b\u524d\u3078<\/span>\n <\/div>\n<\/div>\n\n\n\n<section class=\"topics fade-in\">\n <div class=\"section-title\">\ud83d\udcc2 \u8a18\u4e8b\u30ab\u30c6\u30b4\u30ea<\/div>\n <div class=\"topic-cards\">\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\uded2<\/span>\n <div class=\"topic-name\">\u7bc0\u7d04\u8853<\/div>\n <div class=\"topic-sub\">\u98df\u8cbb\u30fb\u751f\u6d3b\u8cbb\u3092\u524a\u308b<\/div>\n <\/div>\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\udcca<\/span>\n <div class=\"topic-name\">\u5bb6\u8a08\u7ba1\u7406<\/div>\n <div class=\"topic-sub\">\u652f\u51fa\u3092\u898b\u3048\u308b\u5316\u3059\u308b<\/div>\n <\/div>\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\udc37<\/span>\n <div class=\"topic-name\">\u8caf\u91d1\u8a18\u9332<\/div>\n <div class=\"topic-sub\">\u30ea\u30a2\u30eb\u306a\u8caf\u91d1\u984d\u3092\u516c\u958b<\/div>\n <\/div>\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\udcb0<\/span>\n <div class=\"topic-name\">\u304a\u91d1\u306e\u52c9\u5f37<\/div>\n <div class=\"topic-sub\">\u77e5\u8b58\u30bc\u30ed\u304b\u3089\u5b66\u3076<\/div>\n <\/div>\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\udcf1<\/span>\n <div class=\"topic-name\">\u30dd\u30a4\u6d3b<\/div>\n <div class=\"topic-sub\">\u30b9\u30ad\u30de\u6642\u9593\u3067\u7a3c\u3050<\/div>\n <\/div>\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\ude2d<\/span>\n <div class=\"topic-name\">\u5931\u6557\u8ac7<\/div>\n <div class=\"topic-sub\">\u3084\u3089\u304b\u3057\u3092\u6b63\u76f4\u306b<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<div class=\"profile-card fade-in\">\n <div class=\"profile-header\">\n <div class=\"profile-avatar\">\ud83d\udc26<\/div>\n <div class=\"profile-info\">\n <h3>\u3068\u308a<\/h3>\n <p>\u304a\u91d1\u3068\u5411\u304d\u5408\u3046\u751f\u6d3b\u30ed\u30b0<\/p>\n <\/div>\n <\/div>\n <div class=\"profile-body\">\n \u6bce\u6708\u306e\u652f\u6255\u3044\u306b\u8ffd\u308f\u308c\u308b<span class=\"highlight\">\u30ab\u30c4\u30ab\u30c4\u751f\u6d3b<\/span>\u3092\u9001\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u3053\u306e\u307e\u307e\u3058\u3083\u30e4\u30d0\u3044\u3068\u601d\u3044\u7acb\u3061\u76f4\u3057\u3092\u6c7a\u610f\u3002\u7bc0\u7d04\u30fb\u5bb6\u8a08\u7ba1\u7406\u30fb\u30ea\u30a2\u30eb\u306a\u304a\u91d1\u4e8b\u60c5\u3092\u5305\u307f\u96a0\u3055\u305a\u767a\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002<br><br>\n \u300c\u304a\u91d1\u306e\u3053\u3068\u3092\u8ab0\u306b\u3082\u8a00\u3048\u306a\u3044\u300d\u305d\u3093\u306a\u4eba\u306e\u6c17\u6301\u3061\u3001\u3059\u3054\u304f\u308f\u304b\u308a\u307e\u3059\u3002<span class=\"highlight\">\u4e00\u7dd2\u306b\u5c11\u3057\u305a\u3064\u524d\u306b\u9032\u307f\u307e\u3057\u3087\u3046\uff01<\/span>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u304a\u91d1\u3068\u5411\u304d\u5408\u3046\u3068\u308a\u306e\u30d6\u30ed\u30b0 \ud83d\udc26 \u3068\u308a\u306e\u30d6\u30ed\u30b0 \u30db\u30fc\u30e0 \u7bc0\u7d04\u8853 \u5bb6\u8a08\u7ba1\u7406 \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb \ud83d\udc26 \u3068\u308a \u270d\ufe0f \u6bce\u65e5\u66f4\u65b0\u4e2d \u304a\u91d1\u3068\u5411\u304d\u5408\u3046\u3068\u308a\u306e\u30d6\u30ed\u30b0 \u6bce\u6708\u30ae\u30ea\u30ae\u30ea\u751f\u6d3b\u304b\u3089\u629c\u3051\u51fa\u3059\u8a18\u9332 \u6bce\u6708\u306e\u652f\u6255\u3044\u306b\u8ffd\u308f\u308c\u308b\u30ab\u30c4\u30ab\u30c4\u751f\u6d3b\u304b\u3089\u629c\u3051\u51fa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/k-tossy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":2,"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/k-tossy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2026-04-03T19:25:26","date_gmt":"2026-04-03T10:25:26","guid":{"rendered":"https:\/\/k-tossy.com\/?page_id=8"},"modified":"2026-04-03T19:29:35","modified_gmt":"2026-04-03T10:29:35","slug":"8-2","status":"publish","type":"page","link":"https:\/\/k-tossy.com\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\n\n\u304a\u91d1\u3068\u5411\u304d\u5408\u3046\u3068\u308a\u306e\u30d6\u30ed\u30b0<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n<style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n:root {\n\u2013warm-bg: #fffbf5;\n\u2013peach: #f5a623;\n\u2013peach-light: #ffd89b;\n\u2013peach-pale: #fff3e0;\n\u2013brown: #5d3a1a;\n\u2013brown-mid: #8b5e3c;\n\u2013brown-light: #c49a6c;\n\u2013green: #7cb87c;\n\u2013green-light: #e8f5e8;\n\u2013text: #3d2b1f;\n\u2013text-sub: #8b6f5e;\n\u2013white: #ffffff;\n}\n\nbody {\nfont-family: \u2018Zen Maru Gothic\u2019, \u2018Noto Sans JP\u2019, sans-serif;\nbackground: #f0e8dc;\nmin-height: 100vh;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\npadding: 40px 16px;\ngap: 0;\n}\n\n\/* ===================== *\/\n\/* HEADER NAV *\/\n\/* ===================== *\/\n.site-header {\nwidth: 100%;\nmax-width: 780px;\nbackground: var(\u2013white);\nborder-radius: 20px 20px 0 0;\npadding: 16px 28px;\ndisplay: flex;\nalign-items: center;\njustify-content: space-between;\nborder-bottom: 2px dashed #f5e0cc;\n}\n\n.site-logo {\nfont-size: 15px;\nfont-weight: 900;\ncolor: var(\u2013brown);\nletter-spacing: 0.5px;\ndisplay: flex;\nalign-items: center;\ngap: 8px;\n}\n\n.site-logo .logo-icon {\nwidth: 32px;\nheight: 32px;\nbackground: linear-gradient(135deg, var(\u2013peach), var(\u2013peach-light));\nborder-radius: 50%;\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-size: 16px;\n}\n\n.site-nav {\ndisplay: flex;\ngap: 20px;\n}\n\n.site-nav a {\nfont-size: 13px;\ncolor: var(\u2013text-sub);\ntext-decoration: none;\nfont-weight: 500;\ntransition: color 0.2s;\n}\n\n.site-nav a:hover { color: var(\u2013peach); }\n\n\/* ===================== *\/\n\/* HERO SECTION *\/\n\/* ===================== *\/\n.hero {\nwidth: 100%;\nmax-width: 780px;\nbackground: var(\u2013white);\npadding: 48px 40px 40px;\nposition: relative;\noverflow: hidden;\n}\n\n\/* \u80cc\u666f\u88c5\u98fe *\/\n.hero::before {\ncontent: \u2018\ud83d\udcb0\u2019;\nposition: absolute;\nfont-size: 120px;\ntop: -20px;\nright: -10px;\nopacity: 0.06;\ntransform: rotate(15deg);\n}\n\n.hero-blob {\nposition: absolute;\nborder-radius: 50%;\nfilter: blur(40px);\nopacity: 0.15;\n}\n.hero-blob.b1 {\nwidth: 200px; height: 200px;\nbackground: var(\u2013peach);\ntop: -60px; right: 60px;\n}\n.hero-blob.b2 {\nwidth: 150px; height: 150px;\nbackground: var(\u2013green);\nbottom: -40px; left: 40px;\n}\n\n.hero-inner {\nposition: relative;\nz-index: 1;\ndisplay: flex;\nalign-items: center;\ngap: 36px;\n}\n\n\/* \u30a2\u30d0\u30bf\u30fc *\/\n.avatar-wrap {\nflex-shrink: 0;\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\ngap: 10px;\n}\n\n.avatar {\nwidth: 110px;\nheight: 110px;\nborder-radius: 50%;\nbackground: linear-gradient(135deg, var(\u2013peach-pale), var(\u2013peach-light));\nborder: 4px solid var(\u2013white);\nbox-shadow: 0 4px 20px rgba(245,166,35,0.25);\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-size: 56px;\nanimation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n0%, 100% { transform: translateY(0); }\n50% { transform: translateY(-6px); }\n}\n\n.avatar-name {\nfont-size: 14px;\nfont-weight: 700;\ncolor: var(\u2013brown);\nbackground: var(\u2013peach-pale);\npadding: 4px 14px;\nborder-radius: 999px;\nborder: 1.5px solid var(\u2013peach-light);\n}\n\n\/* \u30c6\u30ad\u30b9\u30c8 *\/\n.hero-text {\nflex: 1;\n}\n\n.hero-badge {\ndisplay: inline-flex;\nalign-items: center;\ngap: 6px;\nbackground: var(\u2013green-light);\ncolor: var(\u2013green);\nfont-size: 12px;\nfont-weight: 700;\npadding: 4px 12px;\nborder-radius: 999px;\nmargin-bottom: 14px;\nborder: 1.5px solid #b8dbb8;\n}\n\n.hero-title {\nfont-size: 26px;\nfont-weight: 900;\ncolor: var(\u2013brown);\nline-height: 1.45;\nmargin-bottom: 6px;\n}\n\n.hero-title .accent {\ncolor: var(\u2013peach);\nposition: relative;\n}\n\n.hero-title .accent::after {\ncontent: \u2018\u2019;\nposition: absolute;\nbottom: 0; left: 0; right: 0;\nheight: 3px;\nbackground: linear-gradient(90deg, var(\u2013peach), var(\u2013peach-light));\nborder-radius: 2px;\n}\n\n.hero-catchcopy {\nfont-size: 13px;\ncolor: var(\u2013text-sub);\nfont-weight: 500;\nmargin-bottom: 18px;\nletter-spacing: 0.5px;\n}\n\n.hero-desc {\nfont-size: 14px;\nline-height: 1.9;\ncolor: var(\u2013text);\nbackground: var(\u2013peach-pale);\npadding: 14px 18px;\nborder-radius: 12px;\nborder-left: 3px solid var(\u2013peach);\n}\n\n\/* ===================== *\/\n\/* STATS BAR *\/\n\/* ===================== *\/\n.stats-bar {\nwidth: 100%;\nmax-width: 780px;\nbackground: linear-gradient(135deg, var(\u2013brown), var(\u2013brown-mid));\npadding: 20px 40px;\ndisplay: flex;\njustify-content: space-around;\nalign-items: center;\ngap: 12px;\n}\n\n.stat-item {\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\ngap: 4px;\n}\n\n.stat-icon { font-size: 20px; }\n\n.stat-label {\nfont-size: 11px;\ncolor: rgba(255,255,255,0.7);\nletter-spacing: 1px;\nfont-weight: 500;\n}\n\n.stat-value {\nfont-size: 15px;\nfont-weight: 900;\ncolor: var(\u2013peach-light);\n}\n\n.stat-divider {\nwidth: 1px;\nheight: 40px;\nbackground: rgba(255,255,255,0.15);\n}\n\n\/* ===================== *\/\n\/* TOPICS SECTION *\/\n\/* ===================== *\/\n.topics {\nwidth: 100%;\nmax-width: 780px;\nbackground: var(\u2013white);\npadding: 32px 40px 40px;\nborder-radius: 0 0 20px 20px;\n}\n\n.section-title {\nfont-size: 16px;\nfont-weight: 900;\ncolor: var(\u2013brown);\nmargin-bottom: 18px;\ndisplay: flex;\nalign-items: center;\ngap: 8px;\n}\n\n.section-title::after {\ncontent: \u2018\u2019;\nflex: 1;\nheight: 2px;\nbackground: linear-gradient(90deg, var(\u2013peach-light), transparent);\nborder-radius: 2px;\n}\n\n.topic-cards {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 12px;\n}\n\n.topic-card {\nbackground: var(\u2013warm-bg);\nborder-radius: 14px;\npadding: 18px 14px;\ntext-align: center;\nborder: 2px solid transparent;\ntransition: all 0.25s;\ncursor: pointer;\nposition: relative;\noverflow: hidden;\n}\n\n.topic-card::before {\ncontent: \u2018\u2019;\nposition: absolute;\ntop: 0; left: 0; right: 0;\nheight: 3px;\nbackground: linear-gradient(90deg, var(\u2013peach), var(\u2013peach-light));\nopacity: 0;\ntransition: opacity 0.25s;\n}\n\n.topic-card:hover {\nborder-color: var(\u2013peach-light);\ntransform: translateY(-3px);\nbox-shadow: 0 8px 20px rgba(245,166,35,0.15);\n}\n\n.topic-card:hover::before { opacity: 1; }\n\n.topic-icon {\nfont-size: 28px;\nmargin-bottom: 8px;\ndisplay: block;\n}\n\n.topic-name {\nfont-size: 13px;\nfont-weight: 700;\ncolor: var(\u2013brown);\nline-height: 1.4;\n}\n\n.topic-sub {\nfont-size: 11px;\ncolor: var(\u2013text-sub);\nmargin-top: 4px;\n}\n\n\/* ===================== *\/\n\/* PROFILE CARD *\/\n\/* ===================== *\/\n.profile-card {\nwidth: 100%;\nmax-width: 780px;\nbackground: var(\u2013white);\nborder-radius: 20px;\nmargin-top: 16px;\npadding: 28px 40px;\nborder: 2px dashed #f5e0cc;\n}\n\n.profile-header {\ndisplay: flex;\nalign-items: center;\ngap: 16px;\nmargin-bottom: 16px;\n}\n\n.profile-avatar {\nwidth: 60px; height: 60px;\nborder-radius: 50%;\nbackground: linear-gradient(135deg, var(\u2013peach-pale), var(\u2013peach-light));\ndisplay: flex;\nalign-items: center;\njustify-content: center;\nfont-size: 28px;\nborder: 3px solid var(\u2013white);\nbox-shadow: 0 2px 12px rgba(245,166,35,0.2);\n}\n\n.profile-info h3 {\nfont-size: 16px;\nfont-weight: 900;\ncolor: var(\u2013brown);\n}\n\n.profile-info p {\nfont-size: 12px;\ncolor: var(\u2013text-sub);\nmargin-top: 2px;\n}\n\n.profile-body {\nfont-size: 14px;\nline-height: 2;\ncolor: var(\u2013text);\n}\n\n.profile-body .highlight {\nbackground: linear-gradient(transparent 60%, var(\u2013peach-light) 60%);\nfont-weight: 700;\n}\n\n\/* \u30d5\u30a7\u30fc\u30c9\u30a4\u30f3 *\/\n.fade-in {\nopacity: 0;\ntransform: translateY(16px);\nanimation: fadeIn 0.6s ease forwards;\n}\n.fade-in:nth-child(1) { animation-delay: 0.1s; }\n.fade-in:nth-child(2) { animation-delay: 0.2s; }\n.fade-in:nth-child(3) { animation-delay: 0.3s; }\n.fade-in:nth-child(4) { animation-delay: 0.4s; }\n.fade-in:nth-child(5) { animation-delay: 0.5s; }\n\n@keyframes fadeIn {\nto { opacity: 1; transform: translateY(0); }\n}\n<\/style>\n\n<\/head>\n<body>\n\n\n\n<header class=\"site-header fade-in\">\n <div class=\"site-logo\">\n <div class=\"logo-icon\">\ud83d\udc26<\/div>\n \u3068\u308a\u306e\u30d6\u30ed\u30b0\n <\/div>\n <nav class=\"site-nav\">\n <a href=\"#\">\u30db\u30fc\u30e0<\/a>\n <a href=\"#\">\u7bc0\u7d04\u8853<\/a>\n <a href=\"#\">\u5bb6\u8a08\u7ba1\u7406<\/a>\n <a href=\"#\">\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb<\/a>\n <\/nav>\n<\/header>\n\n\n\n<section class=\"hero fade-in\">\n <div class=\"hero-blob b1\"><\/div>\n <div class=\"hero-blob b2\"><\/div>\n <div class=\"hero-inner\">\n <div class=\"avatar-wrap\">\n <div class=\"avatar\">\ud83d\udc26<\/div>\n <div class=\"avatar-name\">\u3068\u308a<\/div>\n <\/div>\n <div class=\"hero-text\">\n <div class=\"hero-badge\">\u270d\ufe0f \u6bce\u65e5\u66f4\u65b0\u4e2d<\/div>\n <div class=\"hero-title\">\n \u304a\u91d1\u3068<span class=\"accent\">\u5411\u304d\u5408\u3046<\/span><br>\u3068\u308a\u306e\u30d6\u30ed\u30b0\n <\/div>\n <div class=\"hero-catchcopy\">\u6bce\u6708\u30ae\u30ea\u30ae\u30ea\u751f\u6d3b\u304b\u3089\u629c\u3051\u51fa\u3059\u8a18\u9332<\/div>\n <div class=\"hero-desc\">\n \u6bce\u6708\u306e\u652f\u6255\u3044\u306b\u8ffd\u308f\u308c\u308b\u30ab\u30c4\u30ab\u30c4\u751f\u6d3b\u304b\u3089\u629c\u3051\u51fa\u3059\u305f\u3081\u306b\u59cb\u3081\u305f\u30d6\u30ed\u30b0\u3067\u3059\u3002\u7bc0\u7d04\u30fb\u5bb6\u8a08\u7ba1\u7406\u30fb\u30ea\u30a2\u30eb\u306a\u304a\u91d1\u4e8b\u60c5\u3092\u5305\u307f\u96a0\u3055\u305a\u767a\u4fe1\u3057\u3066\u3044\u304d\u307e\u3059\ud83d\udd25\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<div class=\"stats-bar fade-in\">\n <div class=\"stat-item\">\n <span class=\"stat-icon\">\ud83d\udcdd<\/span>\n <span class=\"stat-label\">\u30c6\u30fc\u30de<\/span>\n <span class=\"stat-value\">\u7bc0\u7d04\u30fb\u5bb6\u8a08<\/span>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item\">\n <span class=\"stat-icon\">\ud83d\udd25<\/span>\n <span class=\"stat-label\">\u76ee\u6a19<\/span>\n <span class=\"stat-value\">\u6bce\u65e5\u6295\u7a3f<\/span>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item\">\n <span class=\"stat-icon\">\ud83d\udcb8<\/span>\n <span class=\"stat-label\">\u30b9\u30bf\u30a4\u30eb<\/span>\n <span class=\"stat-value\">\u30ea\u30a2\u30eb\u516c\u958b<\/span>\n <\/div>\n <div class=\"stat-divider\"><\/div>\n <div class=\"stat-item\">\n <span class=\"stat-icon\">\ud83e\udd1d<\/span>\n <span class=\"stat-label\">\u60f3\u3044<\/span>\n <span class=\"stat-value\">\u4e00\u7dd2\u306b\u524d\u3078<\/span>\n <\/div>\n<\/div>\n\n\n\n<section class=\"topics fade-in\">\n <div class=\"section-title\">\ud83d\udcc2 \u8a18\u4e8b\u30ab\u30c6\u30b4\u30ea<\/div>\n <div class=\"topic-cards\">\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\uded2<\/span>\n <div class=\"topic-name\">\u7bc0\u7d04\u8853<\/div>\n <div class=\"topic-sub\">\u98df\u8cbb\u30fb\u751f\u6d3b\u8cbb\u3092\u524a\u308b<\/div>\n <\/div>\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\udcca<\/span>\n <div class=\"topic-name\">\u5bb6\u8a08\u7ba1\u7406<\/div>\n <div class=\"topic-sub\">\u652f\u51fa\u3092\u898b\u3048\u308b\u5316\u3059\u308b<\/div>\n <\/div>\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\udc37<\/span>\n <div class=\"topic-name\">\u8caf\u91d1\u8a18\u9332<\/div>\n <div class=\"topic-sub\">\u30ea\u30a2\u30eb\u306a\u8caf\u91d1\u984d\u3092\u516c\u958b<\/div>\n <\/div>\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\udcb0<\/span>\n <div class=\"topic-name\">\u304a\u91d1\u306e\u52c9\u5f37<\/div>\n <div class=\"topic-sub\">\u77e5\u8b58\u30bc\u30ed\u304b\u3089\u5b66\u3076<\/div>\n <\/div>\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\udcf1<\/span>\n <div class=\"topic-name\">\u30dd\u30a4\u6d3b<\/div>\n <div class=\"topic-sub\">\u30b9\u30ad\u30de\u6642\u9593\u3067\u7a3c\u3050<\/div>\n <\/div>\n <div class=\"topic-card\">\n <span class=\"topic-icon\">\ud83d\ude2d<\/span>\n <div class=\"topic-name\">\u5931\u6557\u8ac7<\/div>\n <div class=\"topic-sub\">\u3084\u3089\u304b\u3057\u3092\u6b63\u76f4\u306b<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<div class=\"profile-card fade-in\">\n <div class=\"profile-header\">\n <div class=\"profile-avatar\">\ud83d\udc26<\/div>\n <div class=\"profile-info\">\n <h3>\u3068\u308a<\/h3>\n <p>\u304a\u91d1\u3068\u5411\u304d\u5408\u3046\u751f\u6d3b\u30ed\u30b0<\/p>\n <\/div>\n <\/div>\n <div class=\"profile-body\">\n \u6bce\u6708\u306e\u652f\u6255\u3044\u306b\u8ffd\u308f\u308c\u308b<span class=\"highlight\">\u30ab\u30c4\u30ab\u30c4\u751f\u6d3b<\/span>\u3092\u9001\u3063\u3066\u3044\u307e\u3057\u305f\u304c\u3001\u3053\u306e\u307e\u307e\u3058\u3083\u30e4\u30d0\u3044\u3068\u601d\u3044\u7acb\u3061\u76f4\u3057\u3092\u6c7a\u610f\u3002\u7bc0\u7d04\u30fb\u5bb6\u8a08\u7ba1\u7406\u30fb\u30ea\u30a2\u30eb\u306a\u304a\u91d1\u4e8b\u60c5\u3092\u5305\u307f\u96a0\u3055\u305a\u767a\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002<br><br>\n \u300c\u304a\u91d1\u306e\u3053\u3068\u3092\u8ab0\u306b\u3082\u8a00\u3048\u306a\u3044\u300d\u305d\u3093\u306a\u4eba\u306e\u6c17\u6301\u3061\u3001\u3059\u3054\u304f\u308f\u304b\u308a\u307e\u3059\u3002<span class=\"highlight\">\u4e00\u7dd2\u306b\u5c11\u3057\u305a\u3064\u524d\u306b\u9032\u307f\u307e\u3057\u3087\u3046\uff01<\/span>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u304a\u91d1\u3068\u5411\u304d\u5408\u3046\u3068\u308a\u306e\u30d6\u30ed\u30b0 \ud83d\udc26 \u3068\u308a\u306e\u30d6\u30ed\u30b0 \u30db\u30fc\u30e0 \u7bc0\u7d04\u8853 \u5bb6\u8a08\u7ba1\u7406 \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb \ud83d\udc26 \u3068\u308a \u270d\ufe0f \u6bce\u65e5\u66f4\u65b0\u4e2d \u304a\u91d1\u3068\u5411\u304d\u5408\u3046\u3068\u308a\u306e\u30d6\u30ed\u30b0 \u6bce\u6708\u30ae\u30ea\u30ae\u30ea\u751f\u6d3b\u304b\u3089\u629c\u3051\u51fa\u3059\u8a18\u9332 \u6bce\u6708\u306e\u652f\u6255\u3044\u306b\u8ffd\u308f\u308c\u308b\u30ab\u30c4\u30ab\u30c4\u751f\u6d3b\u304b\u3089\u629c\u3051\u51fa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/k-tossy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":2,"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/k-tossy.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/k-tossy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}