\u8a00\u8449\u306b\u3084\u3055\u3057\u3044\u5149\u3092 \u2014 \u5409\u7530\u8389\u6069<\/title>\n <meta name=\"description\" content=\"\u5409\u7530\u8389\u6069\u306e\u7b46\u30a2\u30fc\u30c8\u3092\u63b2\u8f09\u3057\u305f\u516c\u5f0f\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3002\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<\/head>\n<style>\n\/* ==========================\n WordPress\u30bf\u30a4\u30c8\u30eb\u306e\u67a0\u30fb\u80cc\u666f\u3092\u6d88\u3059\n ========================== *\/\n.entry-title,\n.page-title,\nh1.entry-title,\nh2.page-title {\n background: transparent !important; \/* \u80cc\u666f\u3092\u900f\u660e\u5316 *\/\n border: none !important; \/* \u30dc\u30fc\u30c0\u30fc\u3092\u6d88\u3059 *\/\n box-shadow: none !important; \/* \u5f71\u3082\u6d88\u3059\u5834\u5408 *\/\n padding: 0 !important; \/* \u5185\u5074\u4f59\u767d\u3082\u6d88\u3059\u5834\u5408 *\/\n margin: 0 !important; \/* \u4e0a\u4e0b\u4f59\u767d\u3092\u8abf\u6574\u3057\u305f\u3044\u5834\u5408 *\/\n}\n\n\/* ==========================\n \u80cc\u666f\u900f\u660e\u5316\uff08\u5b8c\u5168\u7248\uff09\n ========================== *\/\n.site-content,\n.entry-content,\n.wrap,\n.container,\n#content,\n.main,\n.content,\n.content-area,\n.site-main {\n background: transparent !important;\n}\n\n\/* ==========================\n \u30d8\u30c3\u30c0\u30fc\u900f\u660e\u5316\uff06\u67a0\u524a\u9664\n ========================== *\/\nheader, .wrap.nav, .nav, nav, .brand {\n background: transparent !important;\n box-shadow: none !important;\n border: none !important;\n}\n\n\/* ==========================\n \u30d8\u30c3\u30c0\u30fc\u6a2a\u5e45\u8abf\u6574\uff08\u30d5\u30eb\u5e45\u5bfe\u5fdc\uff09\n ========================== *\/\nheader {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center; \/* \u4e2d\u592e\u5bc4\u305b *\/\n background: linear-gradient(180deg, rgba(255,79,162,0.15), transparent);\n backdrop-filter: saturate(120%);\n padding: 0; \/* \u4e0a\u4e0b\u4f59\u767d\u306fwrap\u3067\u8abf\u6574 *\/\n}\n\nheader .wrap {\n max-width: 100%;\n width: 100%;\n padding: 20px 30px; \/* \u6a2a\u306e\u4f59\u767d\u8abf\u6574 *\/\n display: flex;\n align-items: center;\n justify-content: space-between; \/* \u5de6\u53f3\u306b\u30ed\u30b4\u3068\u30dc\u30bf\u30f3 *\/\n margin: 0 auto;\n}\n\n\/* ==========================\n \u30eb\u30fc\u30c8\u5909\u6570\u30fb\u30d5\u30a9\u30f3\u30c8\n ========================== *\/\n:root {\n --bg1: #a8d8ff; \/* \u6de1\u3044\u9752 *\/\n --bg2: #fff3b0; \/* \u6de1\u3044\u9ec4\u8272 *\/\n --bg3: #ffd6e0; \/* \u6de1\u3044\u30d4\u30f3\u30af *\/\n --bg4: #c1ffd7; \/* \u6de1\u3044\u30df\u30f3\u30c8 *\/\n --container: 1200px; \/* PC\u5e45 *\/\n --card: rgba(255, 255, 255, 0.75);\n --muted: #444;\n --radius: 16px;\n font-family: 'Noto Sans JP', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;\n}\n\n* { box-sizing: border-box; }\n\nbody {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n color: #111;\n background: linear-gradient(270deg, var(--bg1), var(--bg2), var(--bg3), var(--bg4));\n background-size: 800% 800%;\n animation: gradientMove 20s ease infinite;\n}\n\n@keyframes gradientMove {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n\/* ==========================\n \u30e9\u30c3\u30d1\u30fc\u30fb\u30b3\u30f3\u30c6\u30ca\n ========================== *\/\n.wrap {\n max-width: var(--container);\n margin: 0 auto;\n padding: 28px;\n}\n\n\/* ==========================\n \u30d8\u30c3\u30c0\u30fc\u30fb\u30ca\u30d3\n ========================== *\/\n.nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n}\n\n.brand {\n display: flex;\n gap: 12px;\n align-items: center;\n}\n\n.logo {\n width: 44px;\n height: 44px;\n border-radius: 10px;\n background: linear-gradient(135deg,#ff7eb9,#7afcff,#feff9c,#fff740);\n display: inline-grid;\n place-items: center;\n color: #111;\n font-weight: 700;\n}\n\nnav ul {\n display: flex;\n gap: 18px;\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\nnav a {\n color: #222;\n text-decoration: none;\n font-weight: 600;\n}\n\n.menu-btn {\n display: none;\n background: linear-gradient(135deg, #ff7eb9, #7afcff, #feff9c, #fff740);\n color: #111;\n font-weight: 700;\n border: none;\n padding: 10px 16px;\n border-radius: 50px;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n transition: all 0.3s ease;\n}\n.menu-btn:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 16px rgba(0,0,0,0.35);\n}\n\n\/* ==========================\n \u30dc\u30bf\u30f3\u5168\u822c\u3092\u30aa\u30b7\u30e3\u30ec\u5316\n ========================== *\/\n.btn {\n background: linear-gradient(135deg, #ff7eb9, #ff65a3, #7afcff, #feff9c, #fff740);\n color: #111;\n font-weight: 700;\n padding: 12px 22px;\n border-radius: 50px;\n border: none;\n text-decoration: none;\n box-shadow: 0 6px 18px rgba(0,0,0,0.25);\n transition: all 0.3s ease;\n}\n.btn:hover {\n transform: scale(1.05) rotate(-1deg);\n box-shadow: 0 8px 24px rgba(0,0,0,0.35);\n}\n\n\/* ==========================\n \u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3\n ========================== *\/\n.hero {\n padding: 48px 0;\n text-align: center;\n}\n.hero h1 {\n font-size: 36px;\n margin: 0 0 12px;\n color: #111;\n background: none;\n}\n.hero p {\n margin: 0 0 18px;\n color: var(--muted);\n font-size: 18px;\n}\n.hero .lead-jp { font-weight:700; font-size:20px; margin-bottom:6px; }\n.hero .lead-en { font-size:14px; color:var(--muted); }\n\n\/* ==========================\n \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30ab\u30fc\u30c9\n ========================== *\/\n.profile-card {\n max-width: 600px;\n margin: 20px auto 40px;\n background: var(--card);\n border-radius: var(--radius);\n border: 2px solid transparent;\n background-clip: padding-box;\n box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n padding: 20px;\n text-align: left;\n position: relative;\n}\n.profile-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n padding: 2px;\n background: linear-gradient(135deg, #ff7eb9, #7afcff, #feff9c, #fff740);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n}\n\n\/* ==========================\n \u5171\u901a\u30ab\u30fc\u30c9\n ========================== *\/\n.card, .work-item {\n background: var(--card);\n border-radius: var(--radius);\n border: 2px solid transparent;\n background-clip: padding-box;\n box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n position: relative;\n padding: 16px;\n}\n.card::before, .work-item::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n padding: 2px;\n background: linear-gradient(135deg, #ff7eb9, #7afcff, #feff9c, #fff740);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n}\n.work-item h3 {\n margin: 0 0 6px;\n background: linear-gradient(90deg,#ff65a3,#7afcff,#feff9c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n\/* ==========================\n \u898b\u51fa\u3057\n ========================== *\/\nh2, h3 {\n background: linear-gradient(90deg, #ff7eb9, #ff65a3, #7afcff, #feff9c, #fff740);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-top: 28px;\n}\n\n\/* ==========================\n Works\u4e00\u89a7\n ========================== *\/\n.works-list {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin: 20px 0;\n}\n\n\/* ==========================\n \u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\n ========================== *\/\n@media (max-width: 960px) {\n .works-list { grid-template-columns: repeat(2, 1fr); }\n header .wrap { flex-direction: column; gap: 16px; }\n .nav { flex-direction: column; gap: 12px; }\n}\n\n@media (max-width: 560px) {\n .works-list { grid-template-columns: 1fr; }\n .menu-btn { display: inline-block; }\n nav ul {\n flex-direction: column;\n gap: 12px;\n text-align: center;\n display: none; \/* \u521d\u671f\u72b6\u614b\u306f\u9589\u3058\u3066\u304a\u304f *\/\n }\n nav ul.open { display: flex; } \/* open\u30af\u30e9\u30b9\u3067\u958b\u304f *\/\n .hero h1 { font-size: 28px; }\n .hero p { font-size: 16px; }\n .profile-card { padding: 16px; margin: 16px 10px 32px; }\n .btn { padding: 10px 18px; font-size: 14px; }\n}\n\n\/* ==========================\n \u5171\u901a\u8981\u7d20\n ========================== *\/\n.item-title { font-weight:700; margin-bottom:6px; }\n.item-sub { color:var(--muted); font-size:14px; }\n\n\/* ==========================\n \u30d5\u30c3\u30bf\u30fc\n ========================== *\/\nfooter {\n padding: 28px 0;\n color: var(--muted);\n background: linear-gradient(90deg,#ff7eb9,#7afcff,#feff9c,#fff740);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-align: center;\n}\n<\/style>\n\n<body>\n <header>\n <div class=\"wrap nav\">\n <div class=\"brand\">\n <div class=\"logo\"><\/div>\n <div>\n <div style=\"font-weight:700\">\u7b46\u30a2\u30fc\u30c8<\/div>\n <div style=\"font-size:13px;color:var(--muted)\">Official Website<\/div>\n <\/div>\n <\/div>\n\n<nav>\n <div class=\"brand\">\n <\/div>\n <button class=\"menu-btn\" aria-expanded=\"false\" onclick=\"toggleMenu(this)\">\u2630<\/button>\n <ul id=\"nav-list\">\n <li><a class=\"btn\" href=\"#about\">About<\/a><\/li>\n <li><a class=\"btn\" href=\"#works\">Works<\/a><\/li>\n <li><a class=\"btn\" href=\"#order\">Order<\/a><\/li>\n <li><a class=\"btn\" href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n \n <\/div>\n <\/header>\n\n <main class=\"wrap\">\n <section class=\"hero\">\n <h1>\u8a00\u8449\u306b\u3084\u3055\u3057\u3044\u5149\u3092<\/h1>\n <p class=\"lead-jp\">\u301c\u8ab0\u304b\u306e\u660e\u65e5\u304c\u3000\u5c11\u3057\u3067\u3082\u660e\u308b\u304f\u306a\u308a\u307e\u3059\u3088\u3046\u306b\u301c<\/p>\n <p class=\"lead-en\">A Gentle Light for Your Words. \u2014 Wishing that someone\u2019s tomorrow shines a little softer.<\/p>\n <p style=\"max-width:820px;margin:16px auto;color:var(--muted);\">\n \u4e16\u754c\u306b\u3072\u3068\u3064\u3060\u3051\u306e\u60f3\u3044\u3092\u3001\u4e01\u5be7\u306b\u7db4\u308a\u307e\u3059\u3002<br>\n Wishing that someone\u2019s tomorrow shines a little softer.\n Each artwork is written with warmth, carrying a unique feeling from my heart to yours.\n <\/p>\n\n <p>\n <a class=\"btn\" href=\"#works\">\u4f5c\u54c1\u3092\u898b\u308b<\/a>\n <a style=\"margin-left:12px;color:var(--muted);text-decoration:none\" href=\"#order\">\u4f5c\u54c1\u4f9d\u983c<\/a>\n <\/p>\n <\/section>\n\n<aside class=\"profile-card\">\n <h3>\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb<\/h3>\n <p style=\"color:var(--muted)\">\u5409\u7530\u8389\u6069\uff08\u7b46\u30a2\u30fc\u30c8\u4f5c\u5bb6\uff09\u3002\u8a00\u8449\u306b\u300c\u304b\u305f\u3061\u300d\u3068\u300c\u3072\u304b\u308a\u300d\u3092\u4e0e\u3048\u308b\u7b46\u30a2\u30fc\u30c8\u3092\u5236\u4f5c\u3057\u3066\u3044\u307e\u3059\u3002\u8d08\u308a\u3082\u306e\u30fb\u8a18\u5ff5\u54c1\u30fb\u304a\u5b88\u308a\u4ee3\u308f\u308a\u306a\u3069\u3001\u7528\u9014\u306b\u5408\u308f\u305b\u3066\u4e00\u679a\u4e00\u679a\u4e01\u5be7\u306b\u63cf\u304d\u307e\u3059\u3002<\/p>\n\n <div style=\"margin-top:12px\">\n <img decoding=\"async\" \n src=\"https:\/\/yoshida-gallery.mixpaper.site\/wp-content\/uploads\/2025\/11\/rinon_yume.jpg\" \n alt=\"\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\" \n style=\"width:100%;height:auto;border-radius:8px;object-fit:cover;\"\n >\n <\/div>\n<\/aside>\n\n <section id=\"about\">\n <h2>About \/ \u7b46\u30a2\u30fc\u30c8\u3068\u306f<\/h2>\n <div class=\"card\" style=\"padding:18px;line-height:1.8\">\n <strong>\u3010\u7b46\u30a2\u30fc\u30c8\u3068\u306f\u3011<\/strong>\n <p style=\"color:var(--muted);margin-top:8px;\">\n \u7b46\u30a2\u30fc\u30c8\u306f\u3001\u8a00\u8449\u306b \u300c\u304b\u305f\u3061\u300d\u3068 \u300c\u3072\u304b\u308a\u300d\u3092\u4e0e\u3048\u308b\u3001\u30a2\u30fc\u30c8\u4f5c\u54c1\u3067\u3059\u3002\n \u4e00\u7b46\u4e00\u7b46\u306b\u60f3\u3044\u3092\u3053\u3081\u306a\u304c\u3089\u3001\u3084\u308f\u3089\u304b\u306a\u7dda\u3084\u52d5\u304d\u3067\u3001\u8a00\u8449\u305d\u306e\u3082\u306e\u306e\u8868\u60c5\u3092\u63cf\u3044\u3066\u3044\u304d\u307e\u3059\u3002\n \u6c7a\u307e\u3063\u305f\u578b\u306b\u306f\u3068\u3089\u308f\u308c\u305a\u3001\u6c17\u6301\u3061\u306b\u5bc4\u308a\u6dfb\u3046\u3088\u3046\u306b\u81ea\u7531\u306b\u7b46\u3092\u904b\u3076\u3053\u3068\u3067\u3001\u540c\u3058\u8a00\u8449\u3067\u3082\u3001\u307e\u3063\u305f\u304f\u9055\u3046\u4e16\u754c\u304c\u751f\u307e\u308c\u307e\u3059\u3002\n <\/p>\n\n <p style=\"color:var(--muted);\">\n \u5f37\u3044\u7dda\u306f\u300c\u6c7a\u610f\u300d\u3084\u300c\u307e\u3063\u3059\u3050\u306a\u60f3\u3044\u300d\u3092\u3001\u3084\u3055\u3057\u3044\u7dda\u306f\u300c\u6e29\u304b\u3055\u300d\u3084\u300c\u5b88\u308a\u305f\u3044\u6c17\u6301\u3061\u300d\u3092\u3042\u3089\u308f\u3057\u307e\u3059\u3002\n \u305d\u3057\u3066\u3001\u306b\u3058\u307f\u3084\u4f59\u767d\u306b\u306f\u3001\u8a00\u8449\u3067\u306f\u8a00\u3044\u304d\u308c\u306a\u3044\u5fc3\u306e\u6df1\u3055\u304c\u5bbf\u308a\u307e\u3059\u3002\n \u7b46\u30a2\u30fc\u30c8\u306f\u3001\u300c\u66f8\u304f\u300d\u3068\u3044\u3046\u3088\u308a \u300c\u5c4a\u3051\u308b\u300d\u30a2\u30fc\u30c8\u3067\u3059\u3002\n <\/p>\n\n <hr style=\"border:none;height:1px;background:rgba(0,0,0,0.06);margin:12px 0\">\n\n <strong>What Is Fude Art?<\/strong>\n <p style=\"color:var(--muted);margin-top:8px;\">\n Fude Art is an expression that gives shape and light to words.\n Each piece is created with quiet intention, letting soft lines and gentle movements bring out the emotion hidden within the words.\n <\/p>\n <p style=\"color:var(--muted);\">\n Bold lines carry determination and straightforward hope. Soft lines reflect warmth and the wish to protect something precious.\n In the blurring of ink and the quiet spaces of white, you can feel a depth that words alone cannot fully express.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"works\">\n <h2>\u4f5c\u54c1\u7d39\u4ecb \/ Works<\/h2>\n <p style=\"color:var(--muted)\">\u4e16\u754c\u306b\u3072\u3068\u3064\u3060\u3051\u306e\u60f3\u3044\u3092\u3001\u4e00\u679a\u4e00\u679a\u4e01\u5be7\u306b\u304a\u3064\u304f\u308a\u3057\u307e\u3059\u3002\u7528\u9014\u3084\u30b7\u30fc\u30f3\u306b\u5408\u308f\u305b\u305f\u30aa\u30fc\u30c0\u30fc\u3082\u627f\u308a\u307e\u3059\u3002<\/p>\n\n <div class=\"works-list\">\n <div class=\"work-item\">\n <div class=\"item-title\">\u2605\u30ae\u30d5\u30c8\u4f5c\u54c1<br><span class=\"item-sub\">Gift Art<\/span><\/div>\n <p class=\"item-sub\">\u5927\u5207\u306a\u4eba\u3078\u306e\u8d08\u308a\u3082\u306e\u306b\u3002\u8a18\u5ff5\u65e5\u3084\u304a\u795d\u3044\u306b\u305d\u3063\u3068\u5bc4\u308a\u6dfb\u3046\u3001\u3042\u305f\u305f\u304b\u306a\u7b46\u30a2\u30fc\u30c8\u3067\u3059\u3002<\/p>\n <p class=\"item-sub\">A warm piece of Fude Art to share with someone special. Perfect for birthdays, celebrations, and meaningful moments.<\/p>\n <\/div>\n\n <div class=\"work-item\">\n <div class=\"item-title\">\u5199\u771f\u76fe<br><span class=\"item-sub\">Photo Board<\/span><\/div>\n <p class=\"item-sub\">\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u307e\u308f\u308a\u306b\u5bb6\u65cf\u5199\u771f\u3084\u601d\u3044\u51fa\u306e\u5199\u771f\u3092\u8cbc\u3063\u3066\u3064\u304f\u308b\u4e00\u679a\u3002\u5fc3\u306b\u6b8b\u308b\u304a\u795d\u3044\u30fb\u8a18\u5ff5\u54c1\u3068\u3057\u3066\u4eba\u6c17\u306e\u4f5c\u54c1\u3067\u3059\u3002<\/p>\n <p class=\"item-sub\">A message surrounded by family photos or cherished memories. A popular choice for keepsakes and heartfelt celebrations.<\/p>\n <\/div>\n\n <div class=\"work-item\">\n <div class=\"item-title\">\u547d\u540d\u76fe<br><span class=\"item-sub\">Name Board<\/span><\/div>\n <p class=\"item-sub\">\u8d64\u3061\u3083\u3093\u3084\u304a\u5b50\u3055\u307e\u306e\u304a\u540d\u524d\u3092\u3001\u7f8e\u3057\u304f\u98fe\u308c\u308b\u30a2\u30fc\u30c8\u306b\u3002\u300c\u306f\u3058\u3081\u3066\u306e\u4e00\u679a\u300d\u3068\u3057\u3066\u3001\u3054\u51fa\u7523\u30fb\u304a\u795d\u3044\u306b\u3002<\/p>\n <p class=\"item-sub\">Your baby\u2019s or child\u2019s name turned into a beautiful piece of art. A \u201cfirst keepsake\u201d for newborn celebrations and special occasions.<\/p>\n <\/div>\n\n <div class=\"work-item\">\n <div class=\"item-title\">\u30dd\u30b9\u30c8\u30ab\u30fc\u30c9<br><span class=\"item-sub\">Postcards<\/span><\/div>\n <p class=\"item-sub\">\u3044\u3064\u3082\u304a\u4e16\u8a71\u306b\u306a\u3063\u3066\u3044\u308b\u65b9\u3078\u3002\u3061\u3087\u3063\u3068\u3057\u305f\u304a\u793c\u3084\u304a\u795d\u3044\u306b\u4f7f\u3048\u308b\u3001\u5c0f\u3055\u306a\u512a\u3057\u3055\u306e\u30ab\u30fc\u30c9\u3067\u3059\u3002<\/p>\n <p class=\"item-sub\">A small card filled with kindness. Ideal for a simple thank-you or a gentle congratulatory message.<\/p>\n <\/div>\n\n <div class=\"work-item\">\n <div class=\"item-title\">\u30b9\u30c8\u30e9\u30c3\u30d7<br><span class=\"item-sub\">Strap Art<\/span><\/div>\n <p class=\"item-sub\">\u65e5\u3005\u306e\u6301\u3061\u7269\u306b\u305d\u3063\u3068\u5bc4\u308a\u6dfb\u3046\u3001\u30df\u30cb\u30b5\u30a4\u30ba\u306e\u7b46\u30a2\u30fc\u30c8\u3002\u304a\u51fa\u304b\u3051\u306e\u305f\u3073\u306b\u3001\u5fc3\u304c\u3075\u3063\u3068\u3042\u305f\u305f\u304b\u304f\u306a\u308b\u3088\u3046\u306b\u3002<\/p>\n <p class=\"item-sub\">A tiny piece of Fude Art to carry with you every day. Let it warm your heart each time you head out.<\/p>\n <\/div>\n\n <div class=\"work-item\">\n <div class=\"item-title\">\u3057\u304a\u308a<br><span class=\"item-sub\">Bookmark<\/span><\/div>\n <p class=\"item-sub\">\u8aad\u66f8\u6642\u9593\u3092\u3084\u3055\u3057\u304f\u5f69\u308b\u7b46\u30a2\u30fc\u30c8\u306e\u3057\u304a\u308a\u3002\u30da\u30fc\u30b8\u3092\u958b\u304f\u305f\u3073\u3001\u9759\u304b\u306b\u5fc3\u3092\u3068\u3068\u306e\u3048\u308b\u4e00\u679a\u3067\u3059\u3002<\/p>\n <p class=\"item-sub\">A softly designed bookmark that brings calm to your reading time. Each page you open is gently accompanied by a quiet touch of art.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"order\">\n <h2>\u4f5c\u54c1\u4f9d\u983c\u306e\u6d41\u308c \/ Order Process<\/h2>\n <div class=\"card\">\n <ol style=\"margin:0 0 12px 20px;color:var(--muted);line-height:1.8\">\n <li>\u30d5\u30a9\u30fc\u30e0\u306b\u8a18\u5165 \/ Fill in the Form<\/li>\n <li>\u30c7\u30b6\u30a4\u30f3\u3059\u308a\u5408\u308f\u305b\uff08\u30d2\u30a2\u30ea\u30f3\u30b0\uff09 \/ Design Consultation<\/li>\n <li>\u30c7\u30b6\u30a4\u30f3\u306e\u3054\u63d0\u6848\uff08\u8abf\u6574\uff09 \/ Design Proposal & Adjustments<\/li>\n <li>\u4e0b\u66f8\u304d\uff08\u5199\u771f\u3067\u78ba\u8a8d\uff09 \/ Draft Check (photo)<\/li>\n <li>\u6e05\u66f8\u30fb\u5236\u4f5c \/ Final Artwork<\/li>\n <li>\u767a\u9001 \/ \u30c7\u30fc\u30bf\u7d0d\u54c1 \/ Delivery<\/li>\n <\/ol>\n\n <p style=\"margin-top:8px;color:var(--muted)\">\n \u30fb\u304a\u652f\u6255\u3044\u65b9\u6cd5\uff08\u9280\u884c\u30fbPayPal\u306a\u3069\uff09<br>\n \u30fb\u7d0d\u671f\u306e\u3081\u3084\u3059\uff08\u4f8b\uff1a7\u65e5\u301c14\u65e5\uff09\n <\/p>\n\n <hr style=\"border:none;height:1px;background:rgba(0,0,0,0.06);margin:12px 0\">\n\n <p style=\"color:var(--muted)\">\u2460 \u307e\u305a\u306f\u300c\u3053\u3093\u306a\u306e\u3067\u304d\u307e\u3059\u304b\uff1f\u300d\u3068\u6c17\u8efd\u306b\u9001\u3063\u3066\u304f\u3060\u3055\u3044\u3002\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u306b\u306f\u3001\u4f5c\u54c1\u306e\u7a2e\u985e\u3084\u5165\u308c\u305f\u3044\u8a00\u8449\u3001\u4f5c\u308a\u305f\u3044\u7406\u7531\u306a\u3069\u3001\u5206\u304b\u308b\u7bc4\u56f2\u3060\u3051\u3067\u5927\u4e08\u592b\u3067\u3059\u3002<\/p>\n\n <p style=\"color:var(--muted)\">\u2461 \u79c1\u304b\u3089\u3054\u9023\u7d61\u3057\u307e\u3059\u3002\u3044\u305f\u3060\u3044\u305f\u5185\u5bb9\u3092\u78ba\u8a8d\u3057\u3001\u3069\u3093\u306a\u30a4\u30e1\u30fc\u30b8\u304b\u30fb\u3069\u306e\u3088\u3046\u306b\u5f62\u306b\u3067\u304d\u305d\u3046\u304b\u3092\u8fd4\u4fe1\u3057\u307e\u3059\u3002<\/p>\n\n <p style=\"color:var(--muted)\">\u2462 \u3054\u5e0c\u671b\u306e\u30d2\u30a2\u30ea\u30f3\u30b0<\/p>\n \n <p style=\"color:var(--muted)\">\u2463 \u30c7\u30b6\u30a4\u30f3\u63d0\u6848<\/p>\n\n <p style=\"color:var(--muted)\">\u2464 \u4e0b\u66f8\u304d\u78ba\u8a8d<\/p>\n\n <p style=\"color:var(--muted)\">\u2465 \u6e05\u66f8\u30fb\u5236\u4f5c<\/p>\n\n <p style=\"color:var(--muted)\">\u2466 \u5b8c\u6210\u30fb\u767a\u9001\u3002\u5199\u771f\u3067\u78ba\u8a8d\u3044\u305f\u3060\u3044\u3066\u304b\u3089\u767a\u9001\u3057\u307e\u3059\u3002<\/p>\n\n <\/div>\n <\/section>\n\n \n\n <section id=\"contact\" style=\"margin-top:28px\">\n <h2>Contact<\/h2>\n <p style=\"color:var(--muted)\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u4ee5\u4e0b\u306e\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u304a\u9858\u3044\u3057\u307e\u3059\u3002\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <form class=\"card\" onsubmit=\"return handleSubmit(event)\" style=\"display:grid;gap:10px\">\n <label>\u304a\u540d\u524d<br>\n <input name=\"name\" type=\"text\" placeholder=\"\u5c71\u7530 \u592a\u90ce\" required style=\"width:100%;padding:10px;border-radius:8px;border:1px solid #e6eefc\">\n <\/label>\n <label>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<br>\n <input name=\"email\" type=\"email\" placeholder=\"you@example.com\" required style=\"width:100%;padding:10px;border-radius:8px;border:1px solid #e6eefc\">\n <\/label>\n <label>\u30e1\u30c3\u30bb\u30fc\u30b8\uff08\u3054\u5e0c\u671b\u306e\u4f5c\u54c1\u3084\u5165\u308c\u305f\u3044\u8a00\u8449\u306a\u3069\uff09<br>\n <textarea name=\"message\" rows=\"6\" placeholder=\"\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9\uff08\u4f8b\uff1a\u5199\u771f\u76fe\u30fb\u5165\u308c\u305f\u3044\u8a00\u8449\u30fb\u7528\u9014\u306a\u3069\uff09\" required style=\"width:100%;padding:10px;border-radius:8px;border:1px solid #e6eefc\"><\/textarea>\n <\/label>\n <button class=\"btn\" type=\"submit\">\u9001\u4fe1\u3059\u308b<\/button>\n <\/form>\n <\/section>\n <\/main>\n\n \n\n<script>\n \/\/ ==========================\n \/\/ \u30b9\u30de\u30db\u30e1\u30cb\u30e5\u30fc\u958b\u9589\n \/\/ ==========================\n function toggleMenu(btn){\n const ul = document.getElementById('nav-list');\n const open = btn.getAttribute('aria-expanded') === 'true';\n btn.setAttribute('aria-expanded', !open);\n ul.classList.toggle('open', !open); \/\/ open\u30af\u30e9\u30b9\u3067\u8868\u793a\u5207\u66ff\n }\n\n \/\/ ==========================\n \/\/ \u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\n \/\/ ==========================\n function handleSubmit(e){\n e.preventDefault();\n const f = e.target;\n const name = f.name.value.trim();\n const email = f.email.value.trim();\n const message = f.message.value.trim();\n if(!name || !email || !message){\n alert('\u5168\u3066\u306e\u9805\u76ee\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044');\n return false;\n }\n const subject = encodeURIComponent('\u304a\u554f\u3044\u5408\u308f\u305b: ' + name);\n const body = encodeURIComponent('\u540d\u524d: ' + name + \"\\n\u30e1\u30fc\u30eb: \" + email + \"\\n\\n\" + message);\n \/\/ mailto\u3067\u9001\u4fe1\uff08\u30e1\u30fc\u30eb\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c\u8d77\u52d5\uff09\n window.location.href = `mailto:non.2004rhoyuma@gmail.com?subject=${subject}&body=${body}`;\n return false;\n }\n\n \/\/ ==========================\n \/\/ \u30d5\u30c3\u30bf\u30fc\u5e74\u81ea\u52d5\u8868\u793a\n \/\/ ==========================\n document.getElementById(\"year\").textContent = new Date().getFullYear();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3000 \u8a00\u8449\u306b\u3084\u3055\u3057\u3044\u5149\u3092 \u2014 \u5409\u7530\u8389\u6069 \u7b46\u30a2\u30fc\u30c8 Official Website \u2630 About Works Order Contact \u8a00\u8449\u306b\u3084\u3055\u3057\u3044\u5149\u3092 \u301c\u8ab0\u304b\u306e\u660e\u65e5\u304c\u3000\u5c11\u3057\u3067\u3082\u660e\u308b\u304f\u306a\u308a\u307e\u3059\u3088\u3046\u306b\u301c A Gentl […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":20,"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/pages\/8\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2025-09-13T16:57:29","date_gmt":"2025-09-13T07:57:29","guid":{"rendered":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8"},"modified":"2025-11-22T19:40:23","modified_gmt":"2025-11-22T10:40:23","slug":"8-2","status":"publish","type":"page","link":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8\/?page_id=8","title":{"rendered":"\u3000"},"content":{"rendered":"\n\u3000\n\n\n \n \n \u8a00\u8449\u306b\u3084\u3055\u3057\u3044\u5149\u3092 \u2014 \u5409\u7530\u8389\u6069<\/title>\n <meta name=\"description\" content=\"\u5409\u7530\u8389\u6069\u306e\u7b46\u30a2\u30fc\u30c8\u3092\u63b2\u8f09\u3057\u305f\u516c\u5f0f\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u3002\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n<\/head>\n<style>\n\/* ==========================\n WordPress\u30bf\u30a4\u30c8\u30eb\u306e\u67a0\u30fb\u80cc\u666f\u3092\u6d88\u3059\n ========================== *\/\n.entry-title,\n.page-title,\nh1.entry-title,\nh2.page-title {\n background: transparent !important; \/* \u80cc\u666f\u3092\u900f\u660e\u5316 *\/\n border: none !important; \/* \u30dc\u30fc\u30c0\u30fc\u3092\u6d88\u3059 *\/\n box-shadow: none !important; \/* \u5f71\u3082\u6d88\u3059\u5834\u5408 *\/\n padding: 0 !important; \/* \u5185\u5074\u4f59\u767d\u3082\u6d88\u3059\u5834\u5408 *\/\n margin: 0 !important; \/* \u4e0a\u4e0b\u4f59\u767d\u3092\u8abf\u6574\u3057\u305f\u3044\u5834\u5408 *\/\n}\n\n\/* ==========================\n \u80cc\u666f\u900f\u660e\u5316\uff08\u5b8c\u5168\u7248\uff09\n ========================== *\/\n.site-content,\n.entry-content,\n.wrap,\n.container,\n#content,\n.main,\n.content,\n.content-area,\n.site-main {\n background: transparent !important;\n}\n\n\/* ==========================\n \u30d8\u30c3\u30c0\u30fc\u900f\u660e\u5316\uff06\u67a0\u524a\u9664\n ========================== *\/\nheader, .wrap.nav, .nav, nav, .brand {\n background: transparent !important;\n box-shadow: none !important;\n border: none !important;\n}\n\n\/* ==========================\n \u30d8\u30c3\u30c0\u30fc\u6a2a\u5e45\u8abf\u6574\uff08\u30d5\u30eb\u5e45\u5bfe\u5fdc\uff09\n ========================== *\/\nheader {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center; \/* \u4e2d\u592e\u5bc4\u305b *\/\n background: linear-gradient(180deg, rgba(255,79,162,0.15), transparent);\n backdrop-filter: saturate(120%);\n padding: 0; \/* \u4e0a\u4e0b\u4f59\u767d\u306fwrap\u3067\u8abf\u6574 *\/\n}\n\nheader .wrap {\n max-width: 100%;\n width: 100%;\n padding: 20px 30px; \/* \u6a2a\u306e\u4f59\u767d\u8abf\u6574 *\/\n display: flex;\n align-items: center;\n justify-content: space-between; \/* \u5de6\u53f3\u306b\u30ed\u30b4\u3068\u30dc\u30bf\u30f3 *\/\n margin: 0 auto;\n}\n\n\/* ==========================\n \u30eb\u30fc\u30c8\u5909\u6570\u30fb\u30d5\u30a9\u30f3\u30c8\n ========================== *\/\n:root {\n --bg1: #a8d8ff; \/* \u6de1\u3044\u9752 *\/\n --bg2: #fff3b0; \/* \u6de1\u3044\u9ec4\u8272 *\/\n --bg3: #ffd6e0; \/* \u6de1\u3044\u30d4\u30f3\u30af *\/\n --bg4: #c1ffd7; \/* \u6de1\u3044\u30df\u30f3\u30c8 *\/\n --container: 1200px; \/* PC\u5e45 *\/\n --card: rgba(255, 255, 255, 0.75);\n --muted: #444;\n --radius: 16px;\n font-family: 'Noto Sans JP', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;\n}\n\n* { box-sizing: border-box; }\n\nbody {\n margin: 0;\n font-size: 16px;\n line-height: 1.6;\n color: #111;\n background: linear-gradient(270deg, var(--bg1), var(--bg2), var(--bg3), var(--bg4));\n background-size: 800% 800%;\n animation: gradientMove 20s ease infinite;\n}\n\n@keyframes gradientMove {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n}\n\n\/* ==========================\n \u30e9\u30c3\u30d1\u30fc\u30fb\u30b3\u30f3\u30c6\u30ca\n ========================== *\/\n.wrap {\n max-width: var(--container);\n margin: 0 auto;\n padding: 28px;\n}\n\n\/* ==========================\n \u30d8\u30c3\u30c0\u30fc\u30fb\u30ca\u30d3\n ========================== *\/\n.nav {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n}\n\n.brand {\n display: flex;\n gap: 12px;\n align-items: center;\n}\n\n.logo {\n width: 44px;\n height: 44px;\n border-radius: 10px;\n background: linear-gradient(135deg,#ff7eb9,#7afcff,#feff9c,#fff740);\n display: inline-grid;\n place-items: center;\n color: #111;\n font-weight: 700;\n}\n\nnav ul {\n display: flex;\n gap: 18px;\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\nnav a {\n color: #222;\n text-decoration: none;\n font-weight: 600;\n}\n\n.menu-btn {\n display: none;\n background: linear-gradient(135deg, #ff7eb9, #7afcff, #feff9c, #fff740);\n color: #111;\n font-weight: 700;\n border: none;\n padding: 10px 16px;\n border-radius: 50px;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n transition: all 0.3s ease;\n}\n.menu-btn:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 16px rgba(0,0,0,0.35);\n}\n\n\/* ==========================\n \u30dc\u30bf\u30f3\u5168\u822c\u3092\u30aa\u30b7\u30e3\u30ec\u5316\n ========================== *\/\n.btn {\n background: linear-gradient(135deg, #ff7eb9, #ff65a3, #7afcff, #feff9c, #fff740);\n color: #111;\n font-weight: 700;\n padding: 12px 22px;\n border-radius: 50px;\n border: none;\n text-decoration: none;\n box-shadow: 0 6px 18px rgba(0,0,0,0.25);\n transition: all 0.3s ease;\n}\n.btn:hover {\n transform: scale(1.05) rotate(-1deg);\n box-shadow: 0 8px 24px rgba(0,0,0,0.35);\n}\n\n\/* ==========================\n \u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3\n ========================== *\/\n.hero {\n padding: 48px 0;\n text-align: center;\n}\n.hero h1 {\n font-size: 36px;\n margin: 0 0 12px;\n color: #111;\n background: none;\n}\n.hero p {\n margin: 0 0 18px;\n color: var(--muted);\n font-size: 18px;\n}\n.hero .lead-jp { font-weight:700; font-size:20px; margin-bottom:6px; }\n.hero .lead-en { font-size:14px; color:var(--muted); }\n\n\/* ==========================\n \u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u30ab\u30fc\u30c9\n ========================== *\/\n.profile-card {\n max-width: 600px;\n margin: 20px auto 40px;\n background: var(--card);\n border-radius: var(--radius);\n border: 2px solid transparent;\n background-clip: padding-box;\n box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n padding: 20px;\n text-align: left;\n position: relative;\n}\n.profile-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n padding: 2px;\n background: linear-gradient(135deg, #ff7eb9, #7afcff, #feff9c, #fff740);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n}\n\n\/* ==========================\n \u5171\u901a\u30ab\u30fc\u30c9\n ========================== *\/\n.card, .work-item {\n background: var(--card);\n border-radius: var(--radius);\n border: 2px solid transparent;\n background-clip: padding-box;\n box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n position: relative;\n padding: 16px;\n}\n.card::before, .work-item::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n padding: 2px;\n background: linear-gradient(135deg, #ff7eb9, #7afcff, #feff9c, #fff740);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n}\n.work-item h3 {\n margin: 0 0 6px;\n background: linear-gradient(90deg,#ff65a3,#7afcff,#feff9c);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n\/* ==========================\n \u898b\u51fa\u3057\n ========================== *\/\nh2, h3 {\n background: linear-gradient(90deg, #ff7eb9, #ff65a3, #7afcff, #feff9c, #fff740);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-top: 28px;\n}\n\n\/* ==========================\n Works\u4e00\u89a7\n ========================== *\/\n.works-list {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n margin: 20px 0;\n}\n\n\/* ==========================\n \u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\n ========================== *\/\n@media (max-width: 960px) {\n .works-list { grid-template-columns: repeat(2, 1fr); }\n header .wrap { flex-direction: column; gap: 16px; }\n .nav { flex-direction: column; gap: 12px; }\n}\n\n@media (max-width: 560px) {\n .works-list { grid-template-columns: 1fr; }\n .menu-btn { display: inline-block; }\n nav ul {\n flex-direction: column;\n gap: 12px;\n text-align: center;\n display: none; \/* \u521d\u671f\u72b6\u614b\u306f\u9589\u3058\u3066\u304a\u304f *\/\n }\n nav ul.open { display: flex; } \/* open\u30af\u30e9\u30b9\u3067\u958b\u304f *\/\n .hero h1 { font-size: 28px; }\n .hero p { font-size: 16px; }\n .profile-card { padding: 16px; margin: 16px 10px 32px; }\n .btn { padding: 10px 18px; font-size: 14px; }\n}\n\n\/* ==========================\n \u5171\u901a\u8981\u7d20\n ========================== *\/\n.item-title { font-weight:700; margin-bottom:6px; }\n.item-sub { color:var(--muted); font-size:14px; }\n\n\/* ==========================\n \u30d5\u30c3\u30bf\u30fc\n ========================== *\/\nfooter {\n padding: 28px 0;\n color: var(--muted);\n background: linear-gradient(90deg,#ff7eb9,#7afcff,#feff9c,#fff740);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n text-align: center;\n}\n<\/style>\n\n<body>\n <header>\n <div class=\"wrap nav\">\n <div class=\"brand\">\n <div class=\"logo\"><\/div>\n <div>\n <div style=\"font-weight:700\">\u7b46\u30a2\u30fc\u30c8<\/div>\n <div style=\"font-size:13px;color:var(--muted)\">Official Website<\/div>\n <\/div>\n <\/div>\n\n<nav>\n <div class=\"brand\">\n <\/div>\n <button class=\"menu-btn\" aria-expanded=\"false\" onclick=\"toggleMenu(this)\">\u2630<\/button>\n <ul id=\"nav-list\">\n <li><a class=\"btn\" href=\"#about\">About<\/a><\/li>\n <li><a class=\"btn\" href=\"#works\">Works<\/a><\/li>\n <li><a class=\"btn\" href=\"#order\">Order<\/a><\/li>\n <li><a class=\"btn\" href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n \n <\/div>\n <\/header>\n\n <main class=\"wrap\">\n <section class=\"hero\">\n <h1>\u8a00\u8449\u306b\u3084\u3055\u3057\u3044\u5149\u3092<\/h1>\n <p class=\"lead-jp\">\u301c\u8ab0\u304b\u306e\u660e\u65e5\u304c\u3000\u5c11\u3057\u3067\u3082\u660e\u308b\u304f\u306a\u308a\u307e\u3059\u3088\u3046\u306b\u301c<\/p>\n <p class=\"lead-en\">A Gentle Light for Your Words. \u2014 Wishing that someone\u2019s tomorrow shines a little softer.<\/p>\n <p style=\"max-width:820px;margin:16px auto;color:var(--muted);\">\n \u4e16\u754c\u306b\u3072\u3068\u3064\u3060\u3051\u306e\u60f3\u3044\u3092\u3001\u4e01\u5be7\u306b\u7db4\u308a\u307e\u3059\u3002<br>\n Wishing that someone\u2019s tomorrow shines a little softer.\n Each artwork is written with warmth, carrying a unique feeling from my heart to yours.\n <\/p>\n\n <p>\n <a class=\"btn\" href=\"#works\">\u4f5c\u54c1\u3092\u898b\u308b<\/a>\n <a style=\"margin-left:12px;color:var(--muted);text-decoration:none\" href=\"#order\">\u4f5c\u54c1\u4f9d\u983c<\/a>\n <\/p>\n <\/section>\n\n<aside class=\"profile-card\">\n <h3>\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb<\/h3>\n <p style=\"color:var(--muted)\">\u5409\u7530\u8389\u6069\uff08\u7b46\u30a2\u30fc\u30c8\u4f5c\u5bb6\uff09\u3002\u8a00\u8449\u306b\u300c\u304b\u305f\u3061\u300d\u3068\u300c\u3072\u304b\u308a\u300d\u3092\u4e0e\u3048\u308b\u7b46\u30a2\u30fc\u30c8\u3092\u5236\u4f5c\u3057\u3066\u3044\u307e\u3059\u3002\u8d08\u308a\u3082\u306e\u30fb\u8a18\u5ff5\u54c1\u30fb\u304a\u5b88\u308a\u4ee3\u308f\u308a\u306a\u3069\u3001\u7528\u9014\u306b\u5408\u308f\u305b\u3066\u4e00\u679a\u4e00\u679a\u4e01\u5be7\u306b\u63cf\u304d\u307e\u3059\u3002<\/p>\n\n <div style=\"margin-top:12px\">\n <img decoding=\"async\" \n src=\"https:\/\/yoshida-gallery.mixpaper.site\/wp-content\/uploads\/2025\/11\/rinon_yume.jpg\" \n alt=\"\u30d7\u30ed\u30d5\u30a3\u30fc\u30eb\u753b\u50cf\" \n style=\"width:100%;height:auto;border-radius:8px;object-fit:cover;\"\n >\n <\/div>\n<\/aside>\n\n <section id=\"about\">\n <h2>About \/ \u7b46\u30a2\u30fc\u30c8\u3068\u306f<\/h2>\n <div class=\"card\" style=\"padding:18px;line-height:1.8\">\n <strong>\u3010\u7b46\u30a2\u30fc\u30c8\u3068\u306f\u3011<\/strong>\n <p style=\"color:var(--muted);margin-top:8px;\">\n \u7b46\u30a2\u30fc\u30c8\u306f\u3001\u8a00\u8449\u306b \u300c\u304b\u305f\u3061\u300d\u3068 \u300c\u3072\u304b\u308a\u300d\u3092\u4e0e\u3048\u308b\u3001\u30a2\u30fc\u30c8\u4f5c\u54c1\u3067\u3059\u3002\n \u4e00\u7b46\u4e00\u7b46\u306b\u60f3\u3044\u3092\u3053\u3081\u306a\u304c\u3089\u3001\u3084\u308f\u3089\u304b\u306a\u7dda\u3084\u52d5\u304d\u3067\u3001\u8a00\u8449\u305d\u306e\u3082\u306e\u306e\u8868\u60c5\u3092\u63cf\u3044\u3066\u3044\u304d\u307e\u3059\u3002\n \u6c7a\u307e\u3063\u305f\u578b\u306b\u306f\u3068\u3089\u308f\u308c\u305a\u3001\u6c17\u6301\u3061\u306b\u5bc4\u308a\u6dfb\u3046\u3088\u3046\u306b\u81ea\u7531\u306b\u7b46\u3092\u904b\u3076\u3053\u3068\u3067\u3001\u540c\u3058\u8a00\u8449\u3067\u3082\u3001\u307e\u3063\u305f\u304f\u9055\u3046\u4e16\u754c\u304c\u751f\u307e\u308c\u307e\u3059\u3002\n <\/p>\n\n <p style=\"color:var(--muted);\">\n \u5f37\u3044\u7dda\u306f\u300c\u6c7a\u610f\u300d\u3084\u300c\u307e\u3063\u3059\u3050\u306a\u60f3\u3044\u300d\u3092\u3001\u3084\u3055\u3057\u3044\u7dda\u306f\u300c\u6e29\u304b\u3055\u300d\u3084\u300c\u5b88\u308a\u305f\u3044\u6c17\u6301\u3061\u300d\u3092\u3042\u3089\u308f\u3057\u307e\u3059\u3002\n \u305d\u3057\u3066\u3001\u306b\u3058\u307f\u3084\u4f59\u767d\u306b\u306f\u3001\u8a00\u8449\u3067\u306f\u8a00\u3044\u304d\u308c\u306a\u3044\u5fc3\u306e\u6df1\u3055\u304c\u5bbf\u308a\u307e\u3059\u3002\n \u7b46\u30a2\u30fc\u30c8\u306f\u3001\u300c\u66f8\u304f\u300d\u3068\u3044\u3046\u3088\u308a \u300c\u5c4a\u3051\u308b\u300d\u30a2\u30fc\u30c8\u3067\u3059\u3002\n <\/p>\n\n <hr style=\"border:none;height:1px;background:rgba(0,0,0,0.06);margin:12px 0\">\n\n <strong>What Is Fude Art?<\/strong>\n <p style=\"color:var(--muted);margin-top:8px;\">\n Fude Art is an expression that gives shape and light to words.\n Each piece is created with quiet intention, letting soft lines and gentle movements bring out the emotion hidden within the words.\n <\/p>\n <p style=\"color:var(--muted);\">\n Bold lines carry determination and straightforward hope. Soft lines reflect warmth and the wish to protect something precious.\n In the blurring of ink and the quiet spaces of white, you can feel a depth that words alone cannot fully express.\n <\/p>\n <\/div>\n <\/section>\n\n <section id=\"works\">\n <h2>\u4f5c\u54c1\u7d39\u4ecb \/ Works<\/h2>\n <p style=\"color:var(--muted)\">\u4e16\u754c\u306b\u3072\u3068\u3064\u3060\u3051\u306e\u60f3\u3044\u3092\u3001\u4e00\u679a\u4e00\u679a\u4e01\u5be7\u306b\u304a\u3064\u304f\u308a\u3057\u307e\u3059\u3002\u7528\u9014\u3084\u30b7\u30fc\u30f3\u306b\u5408\u308f\u305b\u305f\u30aa\u30fc\u30c0\u30fc\u3082\u627f\u308a\u307e\u3059\u3002<\/p>\n\n <div class=\"works-list\">\n <div class=\"work-item\">\n <div class=\"item-title\">\u2605\u30ae\u30d5\u30c8\u4f5c\u54c1<br><span class=\"item-sub\">Gift Art<\/span><\/div>\n <p class=\"item-sub\">\u5927\u5207\u306a\u4eba\u3078\u306e\u8d08\u308a\u3082\u306e\u306b\u3002\u8a18\u5ff5\u65e5\u3084\u304a\u795d\u3044\u306b\u305d\u3063\u3068\u5bc4\u308a\u6dfb\u3046\u3001\u3042\u305f\u305f\u304b\u306a\u7b46\u30a2\u30fc\u30c8\u3067\u3059\u3002<\/p>\n <p class=\"item-sub\">A warm piece of Fude Art to share with someone special. Perfect for birthdays, celebrations, and meaningful moments.<\/p>\n <\/div>\n\n <div class=\"work-item\">\n <div class=\"item-title\">\u5199\u771f\u76fe<br><span class=\"item-sub\">Photo Board<\/span><\/div>\n <p class=\"item-sub\">\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u307e\u308f\u308a\u306b\u5bb6\u65cf\u5199\u771f\u3084\u601d\u3044\u51fa\u306e\u5199\u771f\u3092\u8cbc\u3063\u3066\u3064\u304f\u308b\u4e00\u679a\u3002\u5fc3\u306b\u6b8b\u308b\u304a\u795d\u3044\u30fb\u8a18\u5ff5\u54c1\u3068\u3057\u3066\u4eba\u6c17\u306e\u4f5c\u54c1\u3067\u3059\u3002<\/p>\n <p class=\"item-sub\">A message surrounded by family photos or cherished memories. A popular choice for keepsakes and heartfelt celebrations.<\/p>\n <\/div>\n\n <div class=\"work-item\">\n <div class=\"item-title\">\u547d\u540d\u76fe<br><span class=\"item-sub\">Name Board<\/span><\/div>\n <p class=\"item-sub\">\u8d64\u3061\u3083\u3093\u3084\u304a\u5b50\u3055\u307e\u306e\u304a\u540d\u524d\u3092\u3001\u7f8e\u3057\u304f\u98fe\u308c\u308b\u30a2\u30fc\u30c8\u306b\u3002\u300c\u306f\u3058\u3081\u3066\u306e\u4e00\u679a\u300d\u3068\u3057\u3066\u3001\u3054\u51fa\u7523\u30fb\u304a\u795d\u3044\u306b\u3002<\/p>\n <p class=\"item-sub\">Your baby\u2019s or child\u2019s name turned into a beautiful piece of art. A \u201cfirst keepsake\u201d for newborn celebrations and special occasions.<\/p>\n <\/div>\n\n <div class=\"work-item\">\n <div class=\"item-title\">\u30dd\u30b9\u30c8\u30ab\u30fc\u30c9<br><span class=\"item-sub\">Postcards<\/span><\/div>\n <p class=\"item-sub\">\u3044\u3064\u3082\u304a\u4e16\u8a71\u306b\u306a\u3063\u3066\u3044\u308b\u65b9\u3078\u3002\u3061\u3087\u3063\u3068\u3057\u305f\u304a\u793c\u3084\u304a\u795d\u3044\u306b\u4f7f\u3048\u308b\u3001\u5c0f\u3055\u306a\u512a\u3057\u3055\u306e\u30ab\u30fc\u30c9\u3067\u3059\u3002<\/p>\n <p class=\"item-sub\">A small card filled with kindness. Ideal for a simple thank-you or a gentle congratulatory message.<\/p>\n <\/div>\n\n <div class=\"work-item\">\n <div class=\"item-title\">\u30b9\u30c8\u30e9\u30c3\u30d7<br><span class=\"item-sub\">Strap Art<\/span><\/div>\n <p class=\"item-sub\">\u65e5\u3005\u306e\u6301\u3061\u7269\u306b\u305d\u3063\u3068\u5bc4\u308a\u6dfb\u3046\u3001\u30df\u30cb\u30b5\u30a4\u30ba\u306e\u7b46\u30a2\u30fc\u30c8\u3002\u304a\u51fa\u304b\u3051\u306e\u305f\u3073\u306b\u3001\u5fc3\u304c\u3075\u3063\u3068\u3042\u305f\u305f\u304b\u304f\u306a\u308b\u3088\u3046\u306b\u3002<\/p>\n <p class=\"item-sub\">A tiny piece of Fude Art to carry with you every day. Let it warm your heart each time you head out.<\/p>\n <\/div>\n\n <div class=\"work-item\">\n <div class=\"item-title\">\u3057\u304a\u308a<br><span class=\"item-sub\">Bookmark<\/span><\/div>\n <p class=\"item-sub\">\u8aad\u66f8\u6642\u9593\u3092\u3084\u3055\u3057\u304f\u5f69\u308b\u7b46\u30a2\u30fc\u30c8\u306e\u3057\u304a\u308a\u3002\u30da\u30fc\u30b8\u3092\u958b\u304f\u305f\u3073\u3001\u9759\u304b\u306b\u5fc3\u3092\u3068\u3068\u306e\u3048\u308b\u4e00\u679a\u3067\u3059\u3002<\/p>\n <p class=\"item-sub\">A softly designed bookmark that brings calm to your reading time. Each page you open is gently accompanied by a quiet touch of art.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"order\">\n <h2>\u4f5c\u54c1\u4f9d\u983c\u306e\u6d41\u308c \/ Order Process<\/h2>\n <div class=\"card\">\n <ol style=\"margin:0 0 12px 20px;color:var(--muted);line-height:1.8\">\n <li>\u30d5\u30a9\u30fc\u30e0\u306b\u8a18\u5165 \/ Fill in the Form<\/li>\n <li>\u30c7\u30b6\u30a4\u30f3\u3059\u308a\u5408\u308f\u305b\uff08\u30d2\u30a2\u30ea\u30f3\u30b0\uff09 \/ Design Consultation<\/li>\n <li>\u30c7\u30b6\u30a4\u30f3\u306e\u3054\u63d0\u6848\uff08\u8abf\u6574\uff09 \/ Design Proposal & Adjustments<\/li>\n <li>\u4e0b\u66f8\u304d\uff08\u5199\u771f\u3067\u78ba\u8a8d\uff09 \/ Draft Check (photo)<\/li>\n <li>\u6e05\u66f8\u30fb\u5236\u4f5c \/ Final Artwork<\/li>\n <li>\u767a\u9001 \/ \u30c7\u30fc\u30bf\u7d0d\u54c1 \/ Delivery<\/li>\n <\/ol>\n\n <p style=\"margin-top:8px;color:var(--muted)\">\n \u30fb\u304a\u652f\u6255\u3044\u65b9\u6cd5\uff08\u9280\u884c\u30fbPayPal\u306a\u3069\uff09<br>\n \u30fb\u7d0d\u671f\u306e\u3081\u3084\u3059\uff08\u4f8b\uff1a7\u65e5\u301c14\u65e5\uff09\n <\/p>\n\n <hr style=\"border:none;height:1px;background:rgba(0,0,0,0.06);margin:12px 0\">\n\n <p style=\"color:var(--muted)\">\u2460 \u307e\u305a\u306f\u300c\u3053\u3093\u306a\u306e\u3067\u304d\u307e\u3059\u304b\uff1f\u300d\u3068\u6c17\u8efd\u306b\u9001\u3063\u3066\u304f\u3060\u3055\u3044\u3002\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u306b\u306f\u3001\u4f5c\u54c1\u306e\u7a2e\u985e\u3084\u5165\u308c\u305f\u3044\u8a00\u8449\u3001\u4f5c\u308a\u305f\u3044\u7406\u7531\u306a\u3069\u3001\u5206\u304b\u308b\u7bc4\u56f2\u3060\u3051\u3067\u5927\u4e08\u592b\u3067\u3059\u3002<\/p>\n\n <p style=\"color:var(--muted)\">\u2461 \u79c1\u304b\u3089\u3054\u9023\u7d61\u3057\u307e\u3059\u3002\u3044\u305f\u3060\u3044\u305f\u5185\u5bb9\u3092\u78ba\u8a8d\u3057\u3001\u3069\u3093\u306a\u30a4\u30e1\u30fc\u30b8\u304b\u30fb\u3069\u306e\u3088\u3046\u306b\u5f62\u306b\u3067\u304d\u305d\u3046\u304b\u3092\u8fd4\u4fe1\u3057\u307e\u3059\u3002<\/p>\n\n <p style=\"color:var(--muted)\">\u2462 \u3054\u5e0c\u671b\u306e\u30d2\u30a2\u30ea\u30f3\u30b0<\/p>\n \n <p style=\"color:var(--muted)\">\u2463 \u30c7\u30b6\u30a4\u30f3\u63d0\u6848<\/p>\n\n <p style=\"color:var(--muted)\">\u2464 \u4e0b\u66f8\u304d\u78ba\u8a8d<\/p>\n\n <p style=\"color:var(--muted)\">\u2465 \u6e05\u66f8\u30fb\u5236\u4f5c<\/p>\n\n <p style=\"color:var(--muted)\">\u2466 \u5b8c\u6210\u30fb\u767a\u9001\u3002\u5199\u771f\u3067\u78ba\u8a8d\u3044\u305f\u3060\u3044\u3066\u304b\u3089\u767a\u9001\u3057\u307e\u3059\u3002<\/p>\n\n <\/div>\n <\/section>\n\n \n\n <section id=\"contact\" style=\"margin-top:28px\">\n <h2>Contact<\/h2>\n <p style=\"color:var(--muted)\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u4ee5\u4e0b\u306e\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u304a\u9858\u3044\u3057\u307e\u3059\u3002\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n <form class=\"card\" onsubmit=\"return handleSubmit(event)\" style=\"display:grid;gap:10px\">\n <label>\u304a\u540d\u524d<br>\n <input name=\"name\" type=\"text\" placeholder=\"\u5c71\u7530 \u592a\u90ce\" required style=\"width:100%;padding:10px;border-radius:8px;border:1px solid #e6eefc\">\n <\/label>\n <label>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<br>\n <input name=\"email\" type=\"email\" placeholder=\"you@example.com\" required style=\"width:100%;padding:10px;border-radius:8px;border:1px solid #e6eefc\">\n <\/label>\n <label>\u30e1\u30c3\u30bb\u30fc\u30b8\uff08\u3054\u5e0c\u671b\u306e\u4f5c\u54c1\u3084\u5165\u308c\u305f\u3044\u8a00\u8449\u306a\u3069\uff09<br>\n <textarea name=\"message\" rows=\"6\" placeholder=\"\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9\uff08\u4f8b\uff1a\u5199\u771f\u76fe\u30fb\u5165\u308c\u305f\u3044\u8a00\u8449\u30fb\u7528\u9014\u306a\u3069\uff09\" required style=\"width:100%;padding:10px;border-radius:8px;border:1px solid #e6eefc\"><\/textarea>\n <\/label>\n <button class=\"btn\" type=\"submit\">\u9001\u4fe1\u3059\u308b<\/button>\n <\/form>\n <\/section>\n <\/main>\n\n \n\n<script>\n \/\/ ==========================\n \/\/ \u30b9\u30de\u30db\u30e1\u30cb\u30e5\u30fc\u958b\u9589\n \/\/ ==========================\n function toggleMenu(btn){\n const ul = document.getElementById('nav-list');\n const open = btn.getAttribute('aria-expanded') === 'true';\n btn.setAttribute('aria-expanded', !open);\n ul.classList.toggle('open', !open); \/\/ open\u30af\u30e9\u30b9\u3067\u8868\u793a\u5207\u66ff\n }\n\n \/\/ ==========================\n \/\/ \u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u9001\u4fe1\n \/\/ ==========================\n function handleSubmit(e){\n e.preventDefault();\n const f = e.target;\n const name = f.name.value.trim();\n const email = f.email.value.trim();\n const message = f.message.value.trim();\n if(!name || !email || !message){\n alert('\u5168\u3066\u306e\u9805\u76ee\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044');\n return false;\n }\n const subject = encodeURIComponent('\u304a\u554f\u3044\u5408\u308f\u305b: ' + name);\n const body = encodeURIComponent('\u540d\u524d: ' + name + \"\\n\u30e1\u30fc\u30eb: \" + email + \"\\n\\n\" + message);\n \/\/ mailto\u3067\u9001\u4fe1\uff08\u30e1\u30fc\u30eb\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c\u8d77\u52d5\uff09\n window.location.href = `mailto:non.2004rhoyuma@gmail.com?subject=${subject}&body=${body}`;\n return false;\n }\n\n \/\/ ==========================\n \/\/ \u30d5\u30c3\u30bf\u30fc\u5e74\u81ea\u52d5\u8868\u793a\n \/\/ ==========================\n document.getElementById(\"year\").textContent = new Date().getFullYear();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3000 \u8a00\u8449\u306b\u3084\u3055\u3057\u3044\u5149\u3092 \u2014 \u5409\u7530\u8389\u6069 \u7b46\u30a2\u30fc\u30c8 Official Website \u2630 About Works Order Contact \u8a00\u8449\u306b\u3084\u3055\u3057\u3044\u5149\u3092 \u301c\u8ab0\u304b\u306e\u660e\u65e5\u304c\u3000\u5c11\u3057\u3067\u3082\u660e\u308b\u304f\u306a\u308a\u307e\u3059\u3088\u3046\u306b\u301c A Gentl […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":20,"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=\/wp\/v2\/pages\/8\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/yoshida-gallery.mixpaper.site\/?page_id=8%2Findex.php&rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}