{"id":6713,"date":"2026-01-06T15:58:45","date_gmt":"2026-01-06T06:58:45","guid":{"rendered":"https:\/\/bodyse.online\/?p=6713"},"modified":"2026-01-06T17:34:43","modified_gmt":"2026-01-06T08:34:43","slug":"%e7%89%b9%e5%88%a5%e3%81%98%e3%82%83%e3%81%aa%e3%81%84%e3%81%84%e3%81%a4%e3%82%82%e3%81%ae%e6%97%a5%e3%81%ae%e6%b0%97%e6%8c%81%e3%81%a1","status":"publish","type":"post","link":"https:\/\/bodyse.online\/?p=6713","title":{"rendered":"\u7279\u5225\u3058\u3083\u306a\u3044\u3044\u3064\u3082\u306e\u65e5\u306e\u6c17\u6301\u3061"},"content":{"rendered":"\n<style>\n\/* ===== \u80cc\u666f\uff08\u30d4\u30f3\u30af\uff09 ===== *\/\n.chat-bg{\n  background:#F4A8B7;\n  padding:56px 16px 32px;\n}\n\n\/* ===== \u5168\u4f53 ===== *\/\n.chat-wrap{\n  max-width:920px;\n  margin:0 auto;\n  font-family:\"Hiragino Kaku Gothic ProN\",\"Yu Gothic\",\"Meiryo\",sans-serif;\n  line-height:1.95;\n}\n\n\/* \u65e5\u4ed8\u30e9\u30d9\u30eb *\/\n.chat-date{\n  width:fit-content;\n  margin:0 auto 32px;\n  padding:10px 22px;\n  border-radius:999px;\n  background:rgba(95,45,58,.78);\n  color:#ffffff;\n  font-size:14px;\n  font-weight:600;\n  letter-spacing:.02em;\n}\n\n\/* ===== \u884c ===== *\/\n.chat{display:flex;margin:18px 0;}\n.chat.hina{justify-content:flex-start;}\n.chat.yui{justify-content:flex-end;}\n\n.meta{display:flex;flex-direction:column;gap:8px;max-width:100%;}\n\n.name{\n  font-size:14px;\n  font-weight:600;\n  color:#ffffff;\n  padding:0 10px;\n  text-shadow:0 1px 2px rgba(0,0,0,.18);\n}\n\n\/* ===== \u5439\u304d\u51fa\u3057\uff08\u304f\u3063\u304d\u308a\u30fb\u5927\u304d\u3044\uff09 ===== *\/\n.bubble{\n  max-width:min(760px,86vw);\n  padding:20px 24px;\n  border-radius:22px;\n  font-size:18px;\n  font-weight:600;\n  letter-spacing:.02em;\n  line-height:2.05;\n  box-shadow:0 4px 16px rgba(0,0,0,.20);\n  word-break:break-word;\n}\n\n\/* \u3072\u306a\uff1d\u767d *\/\n.hina .bubble{background:#ffffff;color:#111;}\n\/* \u3086\u3044\uff1d\u9ec4\u8272\uff08\u8584\u3059\u304e\u306a\u3044\uff09 *\/\n.yui .bubble{background:#FFD84D;color:#161616;}\n\n.read{\n  font-size:13px;\n  font-weight:500;\n  color:#ffffff;\n  padding:0 10px;\n  opacity:.95;\n}\n.chat.yui .read{text-align:right}\n\n\/* ===== \u30b9\u30bf\u30f3\u30d7\uff08\u6a29\u5229\u30d5\u30ea\u30fc\uff1a\u7d75\u6587\u5b57\u30b9\u30bf\u30f3\u30d7\u98a8\uff09 ===== *\/\n.stamp-row{display:flex;margin:22px 0 28px;}\n.stamp-row.hina{justify-content:flex-start;}\n.stamp-row.yui{justify-content:flex-end;}\n.stamp-row.center{justify-content:center;}\n\n.stamp{\n  width:240px;\n  max-width:78vw;\n  border-radius:22px;\n  background:#ffffff;\n  padding:14px 16px;\n  box-shadow:0 8px 22px rgba(0,0,0,.25);\n  font-size:20px;\n  font-weight:700;\n  color:#111;\n}\n.stamp small{display:block;font-size:13px;font-weight:600;opacity:.75;margin-top:4px}\n\n\/* ===== \u30dc\u30bf\u30f3\uff08\u30ad\u30e9\u30ea\uff09 ===== *\/\n.relax-button-wrap{\n  text-align:center;\n  margin:56px 0 6px;\n}\n.relax-button{\n  display:inline-block;\n  padding:18px 34px;\n  font-size:18px;\n  font-weight:700;\n  color:#ffffff;\n  background:linear-gradient(135deg,#6EC6FF,#7EE081);\n  border-radius:999px;\n  text-decoration:none;\n  letter-spacing:.04em;\n  box-shadow:0 10px 24px rgba(0,0,0,.25);\n  position:relative;\n  overflow:hidden;\n}\n.relax-button::after{\n  content:\"\";\n  position:absolute;\n  top:-55%;\n  left:-40%;\n  width:30%;\n  height:220%;\n  background:rgba(255,255,255,.35);\n  transform:rotate(25deg);\n  animation:shine 3.8s infinite;\n}\n@keyframes shine{\n  0%{left:-45%;}\n  60%{left:-45%;}\n  100%{left:135%;}\n}\n.relax-button:hover{\n  transform:translateY(-2px);\n  box-shadow:0 14px 30px rgba(0,0,0,.35);\n  transition:.28s;\n}\n\n\/* \u88dc\u8db3 *\/\n.note{\n  text-align:center;\n  color:rgba(40,18,24,.92);\n  font-size:14px;\n  font-weight:650;\n  margin-top:14px;\n}\n\n\/* ===== \u30e2\u30d0\u30a4\u30eb ===== *\/\n@media(max-width:520px){\n  .bubble{font-size:17px;padding:18px 20px;max-width:90vw;}\n  .name{font-size:13px}\n  .stamp{width:200px;font-size:18px}\n  .relax-button{font-size:17px;padding:16px 26px}\n}\n<\/style>\n\n<div class=\"chat-bg\">\n  <div class=\"chat-wrap\">\n\n    <div class=\"chat-date\">\u7279\u5225\u3058\u3083\u306a\u3044\u3001\u3044\u3064\u3082\u306e\u65e5\u306b<\/div>\n\n    <!-- 1 -->\n    <div class=\"chat hina\">\n      <div class=\"meta\">\n        <div class=\"name\">\u3072\u306a<\/div>\n        <div class=\"bubble\">\n          \u4eca\u65e5\u3001\u307b\u3093\u3068\u306b\u666e\u901a\u306e\u65e5\u306a\u3093\u3060\u3051\u3069\u3055\ud83d\ude42<br>\n          \u3060\u304b\u3089\u3053\u305d\u3001\u4f55\u3092\u9078\u3076\u304b\u8ff7\u3046\u2026\u3002\n        <\/div>\n        <div class=\"read\">\u65e2\u8aad 20:12<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 2 -->\n    <div class=\"chat yui\">\n      <div class=\"meta\">\n        <div class=\"name\">\u3086\u3044<\/div>\n        <div class=\"bubble\">\n          \u308f\u304b\u308b\u3002<br>\n          \u7279\u5225\u3058\u3083\u306a\u3044\u65e5\u3063\u3066\u300c\u7406\u7531\u304c\u306a\u3044\u300d\u304b\u3089\u8ff7\u3046\u3093\u3060\u3088\u306d\ud83d\ude0c\n        <\/div>\n        <div class=\"read\">20:20<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"stamp-row yui\">\n      <div class=\"stamp\" aria-label=\"\u30b9\u30bf\u30f3\u30d7\uff1a\u3042\u308b\u3042\u308b\">\n        \ud83d\udc3b\u200d\u2744\ufe0f \u3042\u308b\u3042\u308b\u2026\n        <small>\uff08\u3044\u3061\u3070\u3093\u96e3\u3057\u3044\u3084\u3064\uff09<\/small>\n      <\/div>\n    <\/div>\n\n    <!-- 3 -->\n    <div class=\"chat hina\">\n      <div class=\"meta\">\n        <div class=\"name\">\u3072\u306a<\/div>\n        <div class=\"bubble\">\n          \u3061\u3083\u3093\u3068\u3057\u305f\u3044\u65e5\u3067\u3082\u306a\u3044\u3057\u3001<br>\n          \u697d\u3057\u305f\u3044\u65e5\u3067\u3082\u306a\u3044\u306e\u3002<br>\n          \u201c\u3044\u3064\u3082\u901a\u308a\u201d\u306b\u3057\u305f\u3044\u3060\u3051\ud83d\ude2e\u200d\ud83d\udca8\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 4 -->\n    <div class=\"chat yui\">\n      <div class=\"meta\">\n        <div class=\"name\">\u3086\u3044<\/div>\n        <div class=\"bubble\">\n          \u305d\u306e\u300c\u3044\u3064\u3082\u901a\u308a\u300d\u304c\u4e00\u756a\u5927\u4e8b\u3060\u3063\u305f\u308a\u3059\u308b\u3088\u306d\ud83c\udf3f<br>\n          \u81ea\u5206\u306e\u6a5f\u5acc\u3092\u5d29\u3055\u306a\u3044\u3084\u3064\u3002\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 5 -->\n    <div class=\"chat hina\">\n      <div class=\"meta\">\n        <div class=\"name\">\u3072\u306a<\/div>\n        <div class=\"bubble\">\n          \u3067\u3082\u3055\u3001\u9069\u5f53\u306b\u9078\u3076\u3068\u3001<br>\n          \u305d\u306e\u65e5\u305a\u3063\u3068\u5c0f\u3055\u3044\u9055\u548c\u611f\u304c\u6b8b\u308b\ud83d\ude23<br>\n          \u8ab0\u306b\u3082\u8a00\u3048\u306a\u3044\u3051\u3069\u3001\u81ea\u5206\u3060\u3051\u6c17\u306b\u306a\u308b\u3084\u3064\u3002\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"stamp-row hina\">\n      <div class=\"stamp\" aria-label=\"\u30b9\u30bf\u30f3\u30d7\uff1a\u3057\u3087\u3093\u307c\u308a\">\n        \ud83d\udc30 \u305d\u308c\u3001\u308f\u304b\u308b\u2026\n        <small>\uff08\u5c0f\u3055\u306a\u9055\u548c\u611f\u304c\u5730\u5473\u306b\u5f37\u3044\uff09<\/small>\n      <\/div>\n    <\/div>\n\n    <!-- 6 -->\n    <div class=\"chat yui\">\n      <div class=\"meta\">\n        <div class=\"name\">\u3086\u3044<\/div>\n        <div class=\"bubble\">\n          \u3046\u3093\u3002<br>\n          \u201c\u7279\u5225\u3058\u3083\u306a\u3044\u65e5\u201d\u3063\u3066\u3001\u5b9f\u306f\u4e00\u756a\u9577\u3044\u6642\u9593\u3092\u904e\u3054\u3059\u65e5\u3060\u3082\u3093\u306d\ud83d\ude42\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 7 -->\n    <div class=\"chat hina\">\n      <div class=\"meta\">\n        <div class=\"name\">\u3072\u306a<\/div>\n        <div class=\"bubble\">\n          \u305d\u3046\u2026\u3060\u304b\u3089\u96d1\u306b\u3057\u305f\u304f\u306a\u3044\u3002<br>\n          \u6c17\u5408\u3044\u3058\u3083\u306a\u304f\u3066\u3001\u5b89\u5fc3\u304c\u6b32\u3057\u3044\ud83e\udee7\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 8 -->\n    <div class=\"chat yui\">\n      <div class=\"meta\">\n        <div class=\"name\">\u3086\u3044<\/div>\n        <div class=\"bubble\">\n          \u305d\u3046\u3044\u3046\u65e5\u306f\u306d\u3001<br>\n          \u300c\u9078\u3076\u306e\u3092\u304c\u3093\u3070\u3089\u306a\u3044\u300d\u3063\u3066\u6c7a\u3081\u308b\u306e\u304c\u3044\u3061\u3070\u3093\u304b\u3082\u2728\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"stamp-row center\">\n      <div class=\"stamp\" aria-label=\"\u30b9\u30bf\u30f3\u30d7\uff1a\u4eca\u65e5\u306f\u3053\u308c\u3067\u3044\u3044\">\n        \u26c4 \u4eca\u65e5\u306f\u3053\u308c\u3067\u3044\u3044\n        <small>\uff08\u8ff7\u3044\u3092\u624b\u653e\u3059\u65e5\uff09<\/small>\n      <\/div>\n    <\/div>\n\n    <!-- 9 -->\n    <div class=\"chat hina\">\n      <div class=\"meta\">\n        <div class=\"name\">\u3072\u306a<\/div>\n        <div class=\"bubble\">\n          \u4eca\u65e5\u306f\u3053\u308c\u3067\u3044\u3044\u3001\u3063\u3066\u8a00\u3048\u305f\u3089<br>\n          \u306a\u3093\u304b\u4e00\u65e5\u304c\u8efd\u304f\u306a\u308b\u6c17\u304c\u3059\u308b\ud83d\ude42\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 10 -->\n    <div class=\"chat yui\">\n      <div class=\"meta\">\n        <div class=\"name\">\u3086\u3044<\/div>\n        <div class=\"bubble\">\n          \u3046\u3093\u3002<br>\n          \u201c\u3044\u3064\u3082\u306e\u65e5\u201d\u3092\u5b88\u308c\u308b\u3082\u306e\u3063\u3066\u3001\u6848\u5916\u305a\u3063\u3068\u983c\u308c\u308b\u304b\u3089\u306d\ud83c\udf3f\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"stamp-row yui\">\n      <div class=\"stamp\" aria-label=\"\u30b9\u30bf\u30f3\u30d7\uff1a\u307e\u304b\u305b\u3066\">\n        \ud83e\uddf8 \u307e\u304b\u305b\u3066\u25ce\n        <small>\uff08\u8ff7\u3063\u305f\u3089\u3053\u3053\uff09<\/small>\n      <\/div>\n    <\/div>\n\n    <!-- ===== \u30dc\u30bf\u30f3 ===== -->\n    <div class=\"relax-button-wrap\">\n      <a class=\"relax-button\"\n         href=\"https:\/\/bodyse.base.ec\/categories\/4888615\"\n         target=\"_blank\" rel=\"noopener\">\n        \u4eca\u65e5\u306f\u3053\u308c\u3067\u3044\u3044\u3001\u3092\u9078\u3076\n      <\/a>\n      <div class=\"note\">\u7279\u5225\u3058\u3083\u306a\u3044\u65e5\u307b\u3069\u3001\u5b89\u5fc3\u3067\u304d\u308b\u4e00\u679a\u3092\u3002<\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u7279\u5225\u3058\u3083\u306a\u3044\u3001\u3044\u3064\u3082\u306e\u65e5\u306b \u3072\u306a \u4eca\u65e5\u3001\u307b\u3093\u3068\u306b\u666e\u901a\u306e\u65e5\u306a\u3093\u3060\u3051\u3069\u3055\ud83d\ude42 \u3060\u304b\u3089\u3053\u305d\u3001\u4f55\u3092\u9078\u3076\u304b\u8ff7\u3046\u2026\u3002 \u65e2\u8aad 20:12 \u3086\u3044 \u308f\u304b\u308b\u3002 \u7279\u5225\u3058\u3083\u306a\u3044\u65e5\u3063\u3066\u300c\u7406\u7531\u304c\u306a\u3044\u300d\u304b\u3089\u8ff7\u3046\u3093\u3060\u3088\u306d\ud83d\ude0c 20:20 \ud83d\udc3b\u200d\u2744\ufe0f \u3042\u308b\u3042\u308b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jinr_url_youtube":"","_jinr_pip_youtube":false,"_jinr_time_youtube":"","_jinr_thumb_youtube":"","_jinr_media_youtube":"","_jinr_category_edit":false,"_jinr_category":"","_jinr_title_display":false,"_jinr_snsbutton_display":false,"_jinr_ads_display":false,"_jinr_thumbnail_display":false,"_jinr_profile_display":false,"_jinr_representations_display":false,"_jinr_relatedpost_display":false,"_jinr_sidebar1col_display":false,"_jinr_sidebar2col_display":false,"_jinr_seotitle_display":"","_jinr_description_display":"","_jinr_keyword_display":"","_jinr_hastag_display":"","_jinr_canonical_display":"","_jinr_noindex_display":false,"_jinr_paidpost":false,"_jinr_paidpost_product_id":"","_jinr_headtag_article":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-6713","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"aioseo_notices":[],"views":"5","_links":{"self":[{"href":"https:\/\/bodyse.online\/index.php?rest_route=\/wp\/v2\/posts\/6713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bodyse.online\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bodyse.online\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bodyse.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bodyse.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6713"}],"version-history":[{"count":2,"href":"https:\/\/bodyse.online\/index.php?rest_route=\/wp\/v2\/posts\/6713\/revisions"}],"predecessor-version":[{"id":6717,"href":"https:\/\/bodyse.online\/index.php?rest_route=\/wp\/v2\/posts\/6713\/revisions\/6717"}],"wp:attachment":[{"href":"https:\/\/bodyse.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bodyse.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bodyse.online\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}