{"id":88,"date":"2025-01-20T15:31:07","date_gmt":"2025-01-20T06:31:07","guid":{"rendered":"https:\/\/www.storyspot.online\/?p=88"},"modified":"2025-01-20T15:31:07","modified_gmt":"2025-01-20T06:31:07","slug":"%e3%80%90%e9%85%8d%e5%b8%83%e3%81%82%e3%82%8a%e3%80%91%e5%a5%b3%e3%81%ae%e5%ad%90%e3%81%8c%e3%83%91%e3%83%b3%e3%83%84%e3%82%92%e8%a6%8b%e3%81%9b%e3%81%a6%e3%82%8b%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88","status":"publish","type":"post","link":"https:\/\/www.storyspot.online\/?p=88","title":{"rendered":"\u3010\u914d\u5e03\u3042\u308a\u3011\u5973\u306e\u5b50\u304c\u30d1\u30f3\u30c4\u3092\u898b\u305b\u3066\u308b\u30a4\u30e9\u30b9\u30c8 \/ Illustrations of the girls showing her panty (Available)"},"content":{"rendered":"\n\n<style>\n    .container_area {\n        font-family: 'Arial', sans-serif;\n        line-height: 1.6;\n        color: #333;\n        background-color: #f9f9f9;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        flex-direction: column; \/* Changed to column layout *\/\n        align-items: center;\n        background: #fff;\n        border-radius: 8px;\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n        overflow: hidden;\n        max-width: 850px;\n        width: 100%;\n        padding: 20px; \/* Added padding for spacing *\/\n    }\n\n    .main_chapter {\n        font-size: 24px;\n        margin-bottom: 16px;\n        color: #ff6600;\n    }\n\n    p {\n        margin-bottom: 8px;\n        text-align: center; \/* Centered text for better alignment *\/\n    }\n\n    .strong_parts{\n        color: #ff6600;\n    }\n\n    .referral-code {\n        font-size: 18px;\n        color: #007BFF;\n        font-weight: bold;\n        margin: 15px 0;\n        background: #f0f8ff;\n        padding: 10px;\n        border-radius: 5px;\n        display: inline-block;\n    }\n\n    .copy-button {\n        display: inline-block;\n        padding: 10px 20px;\n        font-size: 16px;\n        color: #fff;\n        background-color: #28a745;\n        border-radius: 5px;\n        text-decoration: none;\n        cursor: pointer;\n        border: none;\n        transition: background-color 0.3s ease;\n    }\n\n    .referral-button {\n        display: inline-block;\n        padding: 10px 20px;\n        font-size: 16px;\n        color: #fff;\n        background-color: #007BFF;\n        border-radius: 5px;\n        text-decoration: none;\n        transition: background-color 0.3s ease;\n    }\n\n    .referral-button:hover {\n        background-color: #0056b3;\n    }\n\n    .copy-button:hover {\n        background-color: #218838;\n    }\n\n\n    .toggle-buttons {\n  text-align: center;\n  margin-top: 20px;\n}\n\n.toggle-buttons button {\n  margin: 5px;\n  padding: 10px 20px;\n  font-size: 16px;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  transition: background-color 0.3s ease;\n}\n\n#show-japanese {\n  background-color: #4CAF50;\n  color: #fff;\n}\n\n#show-japanese:hover {\n  background-color: #45a049;\n}\n\n#show-english {\n  background-color: #008CBA;\n  color: #fff;\n}\n\n#show-english:hover {\n  background-color: #007bb5;\n}\n<\/style>\n<div class=\"container_area\">\n    <div class=\"toggle-buttons\">\n        <button id=\"show-japanese\">\u65e5\u672c\u8a9e<\/button>\n        <button id=\"show-english\">English<\/button>\n    <\/div>\n<\/div>\n<div class=\"container_area\" id=\"japanese-rules\">\n    <div class=\"main_chapter\">\u30a4\u30e9\u30b9\u30c8\u5229\u7528\u898f\u7d04<\/div>\n    <p>\u672c\u30da\u30fc\u30b8\u306b\u63b2\u8f09\u3057\u3066\u3044\u308b<strong class=\"strong_parts\">\u30a4\u30e9\u30b9\u30c8\u306f\u3001\u975e\u5546\u7528\u76ee\u7684\u306b\u9650\u308a\u7121\u6599\u3067\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059<\/strong>\u3002\u500b\u4eba\u3067\u306e\u4f7f\u7528\u3084\u8da3\u5473\u306e\u7bc4\u56f2\u3067\u306e\u5229\u7528\u3092\u6b53\u8fce\u3057\u307e\u3059\u3002<\/p>\n    <p>\u305f\u3060\u3057\u3001\u30a4\u30e9\u30b9\u30c8\u3092\u8ee2\u8f09\u30fb\u5171\u6709\u30fb\u4f7f\u7528\u3059\u308b\u969b\u306f\u3001<strong class=\"strong_parts\">\u5fc5\u305a\u672c\u30da\u30fc\u30b8\u306e\u30ea\u30f3\u30af\u3092\u660e\u8a18\u3057\u3001\u8457\u4f5c\u8005\u60c5\u5831\u3092\u4f75\u8a18<\/strong>\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n    <div class=\"referral-code\" id=\"referral-code\"><\/div>\n    <button class=\"copy-button\" onclick=\"copyToClipboard()\">\u30b3\u30d4\u30fc<\/button>\n    <p>\u4ee5\u4e0b\u306e\u884c\u70ba\u306f\u56fa\u304f\u304a\u65ad\u308a\u3044\u305f\u3057\u307e\u3059\uff1a<\/p>\n    <ul>\n    <li><strong class=\"strong_parts\">\u30a4\u30e9\u30b9\u30c8\u3092\u7121\u65ad\u3067\u8ca9\u58f2\u3059\u308b\u884c\u70ba<\/strong><\/li>\n    <li><strong class=\"strong_parts\">\u5546\u7528\u76ee\u7684\u3067\u306e\u5229\u7528\uff08\u5e83\u544a\u3001\u5546\u54c1\u5316\u306a\u3069\uff09<\/strong><\/li>\n    <li><strong class=\"strong_parts\">\u8457\u4f5c\u6a29\u8005\u3092\u507d\u308b\u884c\u70ba<\/strong><\/li>\n    <\/ul>\n    <p>\u898f\u7d04\u9055\u53cd\u304c\u78ba\u8a8d\u3055\u308c\u305f\u5834\u5408\u306f\u3001\u6cd5\u7684\u63aa\u7f6e\u3092\u8b1b\u3058\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u306e\u3067\u3001\u5fc5\u305a\u898f\u7d04\u3092\u9075\u5b88\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n    <p>\u3054\u4e0d\u660e\u306a\u70b9\u3084\u5546\u7528\u5229\u7528\u3092\u5e0c\u671b\u3055\u308c\u308b\u5834\u5408\u306f\u3001<a href=\"mail@storyspot.online\">mail@storyspot.online<\/a>\u307e\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002<\/p>\n<\/div>\n\n<div class=\"container_area\" id=\"english-rules\" style=\"display: none;\">\n    <div class=\"main_chapter\">Illustration Usage Rules<\/div>\n    <p><strong class=\"strong_parts\">Illustrations on this page are free to use for non-commercial purposes only<\/strong>. Use for personal purposes or hobbies is welcomed.<\/p>\n    <p>However, when reproducing, sharing, or using the illustrations, <strong class=\"strong_parts\">please be sure to include a link to this page and attribute the author<\/strong>.<\/p>\n    <div class=\"referral-code\" id=\"referral-code-en\"><\/div>\n    <button class=\"copy-button\" onclick=\"copyToClipboard()\">Copy<\/button>\n    <p>The following actions are strictly prohibited:<\/p>\n    <ul>\n      <li><strong class=\"strong_parts\">Selling illustrations without permission<\/strong><\/li>\n      <li><strong class=\"strong_parts\">Using illustrations for commercial purposes (e.g., advertisements, products)<\/strong><\/li>\n      <li><strong class=\"strong_parts\">Misrepresenting the author<\/strong><\/li>\n    <\/ul>\n    <p>If violations of the rules are confirmed, legal action may be taken. Please be sure to comply with the rules.<\/p>\n    <p>If you have any questions or wish to use illustrations for commercial purposes, please contact us at <a href=\"mail@storyspot.online\">mail@storyspot.online<\/a>.<\/p>\n  <\/div>\n\n<script>\n\nconst showJapaneseBtn = document.getElementById('show-japanese');\nconst showEnglishBtn = document.getElementById('show-english');\nconst japaneseRules = document.getElementById('japanese-rules');\nconst englishRules = document.getElementById('english-rules');\n\n\/\/ \u65e5\u672c\u8a9e\u7248\u3092\u8868\u793a\nshowJapaneseBtn.addEventListener('click', () => {\n  japaneseRules.style.display = 'block';\n  englishRules.style.display = 'none';\n});\n\n\/\/ \u82f1\u8a9e\u7248\u3092\u8868\u793a\nshowEnglishBtn.addEventListener('click', () => {\n  japaneseRules.style.display = 'none';\n  englishRules.style.display = 'block';\n});\n\n\n    function copyToClipboard() {\n        const referralCode = document.getElementById('referral-code').innerText;\n        navigator.clipboard.writeText(referralCode).then(() => {\n            alert('\u30ea\u30f3\u30af\u304c\u30b3\u30d4\u30fc\u3055\u308c\u307e\u3057\u305f: ' + referralCode);\n        }).catch(err => {\n            alert('\u30b3\u30d4\u30fc\u306b\u5931\u6557\u3057\u307e\u3057\u305f: ' + err);\n        });\n    }\n\n    window.addEventListener(\"load\",function(){\n        document.getElementById(\"referral-code\").innerText = window.location.href;\n        document.getElementById(\"referral-code-en\").innerText = window.location.href;\n    })\n\n\n<\/script>\n\n\n\n<style>\n  \/* \u30b3\u30f3\u30c6\u30ca *\/\n  .container_image {\n    padding: 20px;\n    font-family: Arial, sans-serif;\n    margin: 0;\n    padding: 0;\n    background-color: #f9f9f9;\n    text-align: center;\n  }\n  \n  \/* \u30a4\u30e9\u30b9\u30c8 *\/\n  .image-container {\n    display: inline-block;\n    text-align: center;\n  }\n  \n  .illustration {\n    width: 700px;\n    height: 700px;\n    transition: 0.3s;\n    cursor: pointer;\n  }\n  \n  .illustration:hover {\n    transform: scale(1.1);\n    filter: brightness(1.1);\n  }\n\n  .image_frame{\n  width: 700px;\n  height: 700px;\n  overflow: hidden;\n  }\n  \n  \/* \u30dc\u30bf\u30f3 *\/\n  .buttons {\n    margin-top: 10px;\n  }\n  \n  .buttons button {\n    margin: 5px;\n    padding: 10px 20px;\n    font-size: 16px;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n  }\n  \n  #download-btn {\n    background-color: #4CAF50;\n    color: #fff;\n  }\n  \n  #download-btn:hover {\n    background-color: #45a049;\n  }\n  \n  #copy-link-btn {\n    background-color: #008CBA;\n    color: #fff;\n  }\n  \n  #copy-link-btn:hover {\n    background-color: #007bb5;\n  }\n  \n  \/* \u30b3\u30e1\u30f3\u30c8\u30bb\u30af\u30b7\u30e7\u30f3 *\/\n  .comment-section {\n    margin-top: 20px;\n    font-size: 16px;\n    color: #333;\n  }\n  \n  .comment-section h2 {\n    font-size: 20px;\n    color: #555;\n  }\n  \n  .text-container {\n            width: 100%;\n            text-align: center;\n            font-family: Arial, sans-serif;\n          }\n          \n          .text-header {\n            font-size: 36px;\n            font-weight: bold;\n            margin-bottom: 20px;\n          }\n          \n          .text-content {\n            display: flex;\n            justify-content: center;\n            width: 90%;\n            margin: 0 auto;\n            background-color: #ffffff;\n          }\n          \n          .japanese-area, .english-area {\n            flex: 1;\n            padding: 20px;\n            font-size: 16px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n          }\n          \n          .separator {\n            width: 2px;\n            background-color: #000000;\n            height: auto;\n          }\n  <\/style>\n    <div class=\"container_image\">\n      <div class=\"image-container\">\n        <div class=\"image_frame\"><img decoding=\"async\" src=\"https:\/\/storyspot.online\/images\/00138-3170192417.png\" alt=\"Sample Illustration\" class=\"illustration\"><\/div>\n        <div class=\"buttons\">\n          <button id=\"download-btn\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9 \/ download<\/button>\n          <button id=\"copy-link-btn\">\u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc \/ copy link<\/button>\n        <\/div>\n        <div class=\"comment-section\">\n          <div class=\"text-container\">\n            <div class=\"text-header\">\u5236\u4f5c\u8005\u30b3\u30e1\u30f3\u30c8 \/ Comment<\/div>\n            <div class=\"text-content\">\n              <div class=\"japanese-area\">\u5973\u306e\u5b50\u304c\u30d1\u30f3\u30c4\u3092\u898b\u305b\u3066\u3044\u308b\u30a4\u30e9\u30b9\u30c8\u3067\u3059\u3002\u5272\u3068\u7834\u7dbb\u306f\u5c11\u306a\u3044\u3068\u601d\u3044\u307e\u3059\u3002\u30ae\u30e3\u30e9\u30ea\u30fc\u306b\u307c\u304b\u3057\u304c\u5165\u3063\u3066\u3044\u308b\u306e\u306f\u3054\u611b\u5b0c\u3002<\/div>\n              <div class=\"separator\"><\/div>\n              <div class=\"english-area\">An illustration of the girl showing her pant off. I think there are relatively few failures. The blurring in the gallery is part of the charm.\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script>\n  \n  const illustration = document.querySelector('.illustration');\n  const downloadBtn = document.getElementById('download-btn');\n  const copyLinkBtn = document.getElementById('copy-link-btn');\n  \n  \/\/ \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30dc\u30bf\u30f3\u306e\u52d5\u4f5c\n  downloadBtn.addEventListener('click', () => {\n  \n  const link = document.createElement('a');\n    link.href = illustration.src;\n    link.download = illustration.src.split('\/').pop(); \/\/ \u5143\u306e\u30d5\u30a1\u30a4\u30eb\u540d\u3092\u4f7f\u7528\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n\n    window.navigator.msSaveOrOpenBlob(xhr.response, fileName);\n  });\n  \n  \/\/ \u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc\u3059\u308b\u30dc\u30bf\u30f3\u306e\u52d5\u4f5c\n  copyLinkBtn.addEventListener('click', () => {\n    const pageLink = window.location.href; \/\/ \u73fe\u5728\u306e\u30da\u30fc\u30b8URL\u3092\u53d6\u5f97\n    navigator.clipboard.writeText(pageLink).then(() => {\n      alert('\u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\uff01');\n    });\n  });\n  \n    <\/script>\n  \n  \n\n\n\n<style>\n  \/* \u30b3\u30f3\u30c6\u30ca *\/\n  .container_image {\n    padding: 20px;\n    font-family: Arial, sans-serif;\n    margin: 0;\n    padding: 0;\n    background-color: #f9f9f9;\n    text-align: center;\n  }\n  \n  \/* \u30a4\u30e9\u30b9\u30c8 *\/\n  .image-container {\n    display: inline-block;\n    text-align: center;\n  }\n  \n  .illustration {\n    width: 700px;\n    height: 700px;\n    transition: 0.3s;\n    cursor: pointer;\n  }\n  \n  .illustration:hover {\n    transform: scale(1.1);\n    filter: brightness(1.1);\n  }\n\n  .image_frame{\n  width: 700px;\n  height: 700px;\n  overflow: hidden;\n  }\n  \n  \/* \u30dc\u30bf\u30f3 *\/\n  .buttons {\n    margin-top: 10px;\n  }\n  \n  .buttons button {\n    margin: 5px;\n    padding: 10px 20px;\n    font-size: 16px;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n  }\n  \n  #download-btn {\n    background-color: #4CAF50;\n    color: #fff;\n  }\n  \n  #download-btn:hover {\n    background-color: #45a049;\n  }\n  \n  #copy-link-btn {\n    background-color: #008CBA;\n    color: #fff;\n  }\n  \n  #copy-link-btn:hover {\n    background-color: #007bb5;\n  }\n  \n  \/* \u30b3\u30e1\u30f3\u30c8\u30bb\u30af\u30b7\u30e7\u30f3 *\/\n  .comment-section {\n    margin-top: 20px;\n    font-size: 16px;\n    color: #333;\n  }\n  \n  .comment-section h2 {\n    font-size: 20px;\n    color: #555;\n  }\n  \n  .text-container {\n            width: 100%;\n            text-align: center;\n            font-family: Arial, sans-serif;\n          }\n          \n          .text-header {\n            font-size: 36px;\n            font-weight: bold;\n            margin-bottom: 20px;\n          }\n          \n          .text-content {\n            display: flex;\n            justify-content: center;\n            width: 90%;\n            margin: 0 auto;\n            background-color: #ffffff;\n          }\n          \n          .japanese-area, .english-area {\n            flex: 1;\n            padding: 20px;\n            font-size: 16px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n          }\n          \n          .separator {\n            width: 2px;\n            background-color: #000000;\n            height: auto;\n          }\n  <\/style>\n    <div class=\"container_image\">\n      <div class=\"image-container\">\n        <div class=\"image_frame\"><img decoding=\"async\" src=\"https:\/\/storyspot.online\/images\/00136-3430465547.png\" alt=\"Sample Illustration\" class=\"illustration\"><\/div>\n        <div class=\"buttons\">\n          <button id=\"download-btn\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9 \/ download<\/button>\n          <button id=\"copy-link-btn\">\u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc \/ copy link<\/button>\n        <\/div>\n        <div class=\"comment-section\">\n          <div class=\"text-container\">\n            <div class=\"text-header\">\u5236\u4f5c\u8005\u30b3\u30e1\u30f3\u30c8 \/ Comment<\/div>\n            <div class=\"text-content\">\n              <div class=\"japanese-area\">\u304a\u305d\u3089\u304f\u5b66\u6821\u5185\u306e\u63cf\u5199\u3002<br>\u3061\u3083\u3093\u3068\u6307\u304c\uff15\u672c\u3042\u3063\u3066\u826f\u304d\u3002<br><\/div>\n              <div class=\"separator\"><\/div>\n              <div class=\"english-area\">Probably a scene from inside a school. I like that she has five fingers.<br><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script>\n  \n  const illustration = document.querySelector('.illustration');\n  const downloadBtn = document.getElementById('download-btn');\n  const copyLinkBtn = document.getElementById('copy-link-btn');\n  \n  \/\/ \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30dc\u30bf\u30f3\u306e\u52d5\u4f5c\n  downloadBtn.addEventListener('click', () => {\n  \n  const link = document.createElement('a');\n    link.href = illustration.src;\n    link.download = illustration.src.split('\/').pop(); \/\/ \u5143\u306e\u30d5\u30a1\u30a4\u30eb\u540d\u3092\u4f7f\u7528\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n\n    window.navigator.msSaveOrOpenBlob(xhr.response, fileName);\n  });\n  \n  \/\/ \u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc\u3059\u308b\u30dc\u30bf\u30f3\u306e\u52d5\u4f5c\n  copyLinkBtn.addEventListener('click', () => {\n    const pageLink = window.location.href; \/\/ \u73fe\u5728\u306e\u30da\u30fc\u30b8URL\u3092\u53d6\u5f97\n    navigator.clipboard.writeText(pageLink).then(() => {\n      alert('\u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\uff01');\n    });\n  });\n  \n    <\/script>\n  \n  \n\n\n\n<style>\n  \/* \u30b3\u30f3\u30c6\u30ca *\/\n  .container_image {\n    padding: 20px;\n    font-family: Arial, sans-serif;\n    margin: 0;\n    padding: 0;\n    background-color: #f9f9f9;\n    text-align: center;\n  }\n  \n  \/* \u30a4\u30e9\u30b9\u30c8 *\/\n  .image-container {\n    display: inline-block;\n    text-align: center;\n  }\n  \n  .illustration {\n    width: 700px;\n    height: 700px;\n    transition: 0.3s;\n    cursor: pointer;\n  }\n  \n  .illustration:hover {\n    transform: scale(1.1);\n    filter: brightness(1.1);\n  }\n\n  .image_frame{\n  width: 700px;\n  height: 700px;\n  overflow: hidden;\n  }\n  \n  \/* \u30dc\u30bf\u30f3 *\/\n  .buttons {\n    margin-top: 10px;\n  }\n  \n  .buttons button {\n    margin: 5px;\n    padding: 10px 20px;\n    font-size: 16px;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n  }\n  \n  #download-btn {\n    background-color: #4CAF50;\n    color: #fff;\n  }\n  \n  #download-btn:hover {\n    background-color: #45a049;\n  }\n  \n  #copy-link-btn {\n    background-color: #008CBA;\n    color: #fff;\n  }\n  \n  #copy-link-btn:hover {\n    background-color: #007bb5;\n  }\n  \n  \/* \u30b3\u30e1\u30f3\u30c8\u30bb\u30af\u30b7\u30e7\u30f3 *\/\n  .comment-section {\n    margin-top: 20px;\n    font-size: 16px;\n    color: #333;\n  }\n  \n  .comment-section h2 {\n    font-size: 20px;\n    color: #555;\n  }\n  \n  .text-container {\n            width: 100%;\n            text-align: center;\n            font-family: Arial, sans-serif;\n          }\n          \n          .text-header {\n            font-size: 36px;\n            font-weight: bold;\n            margin-bottom: 20px;\n          }\n          \n          .text-content {\n            display: flex;\n            justify-content: center;\n            width: 90%;\n            margin: 0 auto;\n            background-color: #ffffff;\n          }\n          \n          .japanese-area, .english-area {\n            flex: 1;\n            padding: 20px;\n            font-size: 16px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n          }\n          \n          .separator {\n            width: 2px;\n            background-color: #000000;\n            height: auto;\n          }\n  <\/style>\n    <div class=\"container_image\">\n      <div class=\"image-container\">\n        <div class=\"image_frame\"><img decoding=\"async\" src=\"https:\/\/storyspot.online\/images\/00137-3989786584.png\" alt=\"Sample Illustration\" class=\"illustration\"><\/div>\n        <div class=\"buttons\">\n          <button id=\"download-btn\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9 \/ download<\/button>\n          <button id=\"copy-link-btn\">\u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc \/ copy link<\/button>\n        <\/div>\n        <div class=\"comment-section\">\n          <div class=\"text-container\">\n            <div class=\"text-header\">\u5236\u4f5c\u8005\u30b3\u30e1\u30f3\u30c8 \/ Comment<\/div>\n            <div class=\"text-content\">\n              <div class=\"japanese-area\">\u6307\u306b\u3064\u3044\u3066\u306f\u52a0\u7b46\u3057\u3088\u3046\u304b\u60a9\u307f\u307e\u3057\u305f\u304c\u3001\u305d\u308c\u307b\u3069\u5927\u304d\u306a\u7834\u7dbb\u3067\u3082\u306a\u3055\u305d\u3046\u3060\u3063\u305f\u306e\u3067\u305d\u306e\u307e\u307e\u306b\u3057\u307e\u3057\u305f\u3002<br>\u500b\u4eba\u7684\u306b\u306f\u30b7\u30c1\u30e5\u30a8\u30fc\u30b7\u30e7\u30f3\u304c\u597d\u304d\u3067\u3059\u3002<br><\/div>\n              <div class=\"separator\"><\/div>\n              <div class=\"english-area\">I thought about adding the fingers, but I decided to leave them as they were since it didn&#39;t seem like a big problem. Personally, I like the situation.<br><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script>\n  \n  const illustration = document.querySelector('.illustration');\n  const downloadBtn = document.getElementById('download-btn');\n  const copyLinkBtn = document.getElementById('copy-link-btn');\n  \n  \/\/ \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30dc\u30bf\u30f3\u306e\u52d5\u4f5c\n  downloadBtn.addEventListener('click', () => {\n  \n  const link = document.createElement('a');\n    link.href = illustration.src;\n    link.download = illustration.src.split('\/').pop(); \/\/ \u5143\u306e\u30d5\u30a1\u30a4\u30eb\u540d\u3092\u4f7f\u7528\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n\n    window.navigator.msSaveOrOpenBlob(xhr.response, fileName);\n  });\n  \n  \/\/ \u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc\u3059\u308b\u30dc\u30bf\u30f3\u306e\u52d5\u4f5c\n  copyLinkBtn.addEventListener('click', () => {\n    const pageLink = window.location.href; \/\/ \u73fe\u5728\u306e\u30da\u30fc\u30b8URL\u3092\u53d6\u5f97\n    navigator.clipboard.writeText(pageLink).then(() => {\n      alert('\u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\uff01');\n    });\n  });\n  \n    <\/script>\n  \n  \n\n\n\n<style>\n  \/* \u30b3\u30f3\u30c6\u30ca *\/\n  .container_image {\n    padding: 20px;\n    font-family: Arial, sans-serif;\n    margin: 0;\n    padding: 0;\n    background-color: #f9f9f9;\n    text-align: center;\n  }\n  \n  \/* \u30a4\u30e9\u30b9\u30c8 *\/\n  .image-container {\n    display: inline-block;\n    text-align: center;\n  }\n  \n  .illustration {\n    width: 700px;\n    height: 700px;\n    transition: 0.3s;\n    cursor: pointer;\n  }\n  \n  .illustration:hover {\n    transform: scale(1.1);\n    filter: brightness(1.1);\n  }\n\n  .image_frame{\n  width: 700px;\n  height: 700px;\n  overflow: hidden;\n  }\n  \n  \/* \u30dc\u30bf\u30f3 *\/\n  .buttons {\n    margin-top: 10px;\n  }\n  \n  .buttons button {\n    margin: 5px;\n    padding: 10px 20px;\n    font-size: 16px;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n    transition: background-color 0.3s ease;\n  }\n  \n  #download-btn {\n    background-color: #4CAF50;\n    color: #fff;\n  }\n  \n  #download-btn:hover {\n    background-color: #45a049;\n  }\n  \n  #copy-link-btn {\n    background-color: #008CBA;\n    color: #fff;\n  }\n  \n  #copy-link-btn:hover {\n    background-color: #007bb5;\n  }\n  \n  \/* \u30b3\u30e1\u30f3\u30c8\u30bb\u30af\u30b7\u30e7\u30f3 *\/\n  .comment-section {\n    margin-top: 20px;\n    font-size: 16px;\n    color: #333;\n  }\n  \n  .comment-section h2 {\n    font-size: 20px;\n    color: #555;\n  }\n  \n  .text-container {\n            width: 100%;\n            text-align: center;\n            font-family: Arial, sans-serif;\n          }\n          \n          .text-header {\n            font-size: 36px;\n            font-weight: bold;\n            margin-bottom: 20px;\n          }\n          \n          .text-content {\n            display: flex;\n            justify-content: center;\n            width: 90%;\n            margin: 0 auto;\n            background-color: #ffffff;\n          }\n          \n          .japanese-area, .english-area {\n            flex: 1;\n            padding: 20px;\n            font-size: 16px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n          }\n          \n          .separator {\n            width: 2px;\n            background-color: #000000;\n            height: auto;\n          }\n  <\/style>\n    <div class=\"container_image\">\n      <div class=\"image-container\">\n        <div class=\"image_frame\"><img decoding=\"async\" src=\"https:\/\/storyspot.online\/images\/00140-1671743888.png\" alt=\"Sample Illustration\" class=\"illustration\"><\/div>\n        <div class=\"buttons\">\n          <button id=\"download-btn\">\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9 \/ download<\/button>\n          <button id=\"copy-link-btn\">\u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc \/ copy link<\/button>\n        <\/div>\n        <div class=\"comment-section\">\n          <div class=\"text-container\">\n            <div class=\"text-header\">\u5236\u4f5c\u8005\u30b3\u30e1\u30f3\u30c8 \/ Comment<\/div>\n            <div class=\"text-content\">\n              <div class=\"japanese-area\">\u5f8c\u308d\u306e\u7537\u306e\u5b50\u306b\u7b11\u308f\u308c\u3066\u3044\u308b\u69d8\u5b50\u304c\u3061\u3087\u3063\u3068\u30c4\u30dc\u3067\u3059(\u7b11)<br>\u3042\u3068\u8868\u60c5\u304c\u597d\u304d\u3002AI\u30a4\u30e9\u30b9\u30c8\u306a\u3089\u3067\u306f\u3067\u3059\u306d<br><\/div>\n              <div class=\"separator\"><\/div>\n              <div class=\"english-area\">I really like how the boy in the back is laughing at her (lol). I also like his facial expression. It&#39;s something you can only get from an AI illustration.<br><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <script>\n  \n  const illustration = document.querySelector('.illustration');\n  const downloadBtn = document.getElementById('download-btn');\n  const copyLinkBtn = document.getElementById('copy-link-btn');\n  \n  \/\/ \u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30dc\u30bf\u30f3\u306e\u52d5\u4f5c\n  downloadBtn.addEventListener('click', () => {\n  \n  const link = document.createElement('a');\n    link.href = illustration.src;\n    link.download = illustration.src.split('\/').pop(); \/\/ \u5143\u306e\u30d5\u30a1\u30a4\u30eb\u540d\u3092\u4f7f\u7528\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n\n    window.navigator.msSaveOrOpenBlob(xhr.response, fileName);\n  });\n  \n  \/\/ \u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc\u3059\u308b\u30dc\u30bf\u30f3\u306e\u52d5\u4f5c\n  copyLinkBtn.addEventListener('click', () => {\n    const pageLink = window.location.href; \/\/ \u73fe\u5728\u306e\u30da\u30fc\u30b8URL\u3092\u53d6\u5f97\n    navigator.clipboard.writeText(pageLink).then(() => {\n      alert('\u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f\uff01');\n    });\n  });\n  \n    <\/script>\n  \n  \n","protected":false},"excerpt":{"rendered":"<p>\u65e5\u672c\u8a9e English \u30a4\u30e9\u30b9\u30c8\u5229\u7528\u898f\u7d04 \u672c\u30da\u30fc\u30b8\u306b\u63b2\u8f09\u3057\u3066\u3044\u308b\u30a4\u30e9\u30b9\u30c8\u306f\u3001\u975e\u5546\u7528\u76ee\u7684\u306b\u9650\u308a\u7121\u6599\u3067\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u500b\u4eba\u3067\u306e\u4f7f\u7528\u3084\u8da3\u5473\u306e\u7bc4\u56f2\u3067\u306e\u5229\u7528\u3092\u6b53\u8fce\u3057\u307e\u3059\u3002 \u305f\u3060\u3057\u3001\u30a4\u30e9\u30b9\u30c8\u3092\u8ee2\u8f09\u30fb\u5171\u6709\u30fb\u4f7f\u7528\u3059\u308b\u969b\u306f\u3001\u5fc5\u305a\u672c\u30da\u30fc\u30b8\u306e\u30ea\u30f3\u30af\u3092\u660e\u8a18\u3057\u3001\u8457\u4f5c\u8005\u60c5\u5831\u3092\u4f75\u8a18\u3057\u3066\u304f\u3060\u3055\u3044\u3002 \u30b3\u30d4\u30fc \u4ee5\u4e0b\u306e\u884c\u70ba\u306f\u56fa\u304f\u304a\u65ad\u308a\u3044\u305f\u3057\u307e\u3059\uff1a \u30a4\u30e9\u30b9\u30c8\u3092\u7121\u65ad\u3067\u8ca9\u58f2\u3059\u308b\u884c\u70ba \u5546\u7528\u76ee\u7684\u3067\u306e\u5229\u7528\uff08\u5e83\u544a\u3001\u5546\u54c1\u5316\u306a\u3069\uff09 \u8457\u4f5c\u6a29\u8005\u3092\u507d\u308b\u884c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":114,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-88","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai"],"jetpack_featured_media_url":"https:\/\/www.storyspot.online\/wp-content\/uploads\/2025\/01\/00136-3430465547.png","_links":{"self":[{"href":"https:\/\/www.storyspot.online\/index.php?rest_route=\/wp\/v2\/posts\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.storyspot.online\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.storyspot.online\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.storyspot.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.storyspot.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=88"}],"version-history":[{"count":26,"href":"https:\/\/www.storyspot.online\/index.php?rest_route=\/wp\/v2\/posts\/88\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/www.storyspot.online\/index.php?rest_route=\/wp\/v2\/posts\/88\/revisions\/115"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.storyspot.online\/index.php?rest_route=\/wp\/v2\/media\/114"}],"wp:attachment":[{"href":"https:\/\/www.storyspot.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.storyspot.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=88"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.storyspot.online\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}