{"id":233,"date":"2023-02-07T18:53:34","date_gmt":"2023-02-07T09:53:34","guid":{"rendered":"https:\/\/phantom-cgray03.xyz\/?p=233"},"modified":"2023-02-07T18:53:34","modified_gmt":"2023-02-07T09:53:34","slug":"post-233","status":"publish","type":"post","link":"https:\/\/phantom-cgray03.xyz\/?p=233","title":{"rendered":"\u3010\u5439\u304d\u51fa\u3057\u3011\u53f3\u30a2\u30a4\u30b3\u30f3\u5439\u304d\u51fa\u305703-think"},"content":{"rendered":"
\n
\n
\n \n <\/div>\n
\n
\n

\u3053\u3061\u3089\u306b\u6587\u7ae0\u3092\u5165\u529b\u3002\u8272\u5909\u66f4\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n

\u4e0b\u8a18Beyond\u30b3\u30fc\u30c9<\/p>\n

JS head<\/p>\n

\u306a\u3057<\/p>\n

HTML<\/p>\n

<div class="balloon_right_03think">\r\n    <div class="faceicon_right_03think">\r\n        <!--\u753b\u50cf\u306e\u5165\u308c\u66ff\u3048\u306f\u4e0b\u8a18URL\u5909\u66f4\u3082\u3057\u304f\u306f\u5de6\u306b\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u753b\u50cf\u3092\u9078\u629e\u3057\u305f\u5f8c\u306b\u4e0a\u90e8\u306e\u753b\u50cf\u30dc\u30bf\u30f3\u304b\u3089\u3082\u5165\u308c\u66ff\u3048\u53ef\u80fd-->\r\n        <img src="https:\/\/production.static.squadbeyond.com\/uploads\/article_photo\/photo\/631031\/65882372-a684-416b-a484-fe55664b6da8.png" draggable="false" class="lazyload" height="50" width="50">\r\n    <\/div>\r\n    <div class="outline-right_03think">\r\n        <div class="right_03think">\r\n            <p>\u3053\u3061\u3089\u306b\u6587\u7ae0\u3092\u5165\u529b\u3002\u8272\u5909\u66f4\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div><\/code><\/pre>\n
CSS<\/p>\n
 .balloon_right_03think {\r\n  width: 100%;\r\n  margin: 1.5em 0;\r\n  overflow: visible;\r\n  display: flex;\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n .faceicon_right_03think {\r\n  flex-basis: 55px;\r\n  flex-shrink: 0;\r\n  align-self: flex-end;\r\n}\r\n\r\n .faceicon_right_03think img {\r\n  width: 55px;\r\n  max-width: 55px;\r\n  height: 55px !important;\r\n  object-fit: cover;\r\n  \/*\u30a2\u30a4\u30b3\u30f3\u5468\u308a\u306e\u7dda\u3002\u7dda\u306e\u7a2e\u985e\uff5c\u7dda\u306e\u592a\u3055\uff5c\u7dda\u306e\u8272*\/\r\n  border: solid 3px #ffe6d9;\r\n  border-radius: 50%;\r\n  box-sizing: border-box;\r\n}\r\n\r\n .outline-right_03think {\r\n  width: auto;\r\n}\r\n\r\n .right_03think {\r\n  display: inline-block;\r\n  position: relative;\r\n  margin: 0 25px 0 0px;\r\n  padding: 12px;\r\n  \/*\u4e00\u756a\u5927\u304d\u3044\u5439\u304d\u51fa\u3057\u306e\u80cc\u666f\u8272*\/\r\n  background-color: #ffe6d9;\r\n  border-radius: 20px;\r\n  margin-right: 50px;\r\n}\r\n\r\n .right_03think::before {\r\n  content: '';\r\n  position: absolute;\r\n  display: block;\r\n  border-radius: 50%;\r\n  \/*\u4e2d\u304f\u3089\u3044\u306e\u771f\u3093\u4e2d\u306b\u3042\u308b\u5439\u304d\u51fa\u3057\u306e\u80cc\u666f\u8272*\/\r\n  background-color: #ffe6d9;\r\n  right: -29px;\r\n  top: 25%;\r\n  width: 22px;\r\n  height: 22px;\r\n}\r\n\r\n .right_03think::after {\r\n  content: '';\r\n  position: absolute;\r\n  display: block;\r\n  border-radius: 50%;\r\n  \/*\u4e00\u756a\u5c0f\u3055\u3044\u5439\u304d\u51fa\u3057\u306e\u80cc\u666f\u8272*\/\r\n  background-color: #ffe6d9;\r\n  right: -45px;\r\n  top: 50%;\r\n  width: 12px;\r\n  height: 12px;\r\n}\r\n\r\n .right_03think p {\r\n  margin: 0;\r\n  padding: 0;\r\n  letter-spacing: -0.01em;\r\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u3053\u3061\u3089\u306b\u6587\u7ae0\u3092\u5165\u529b\u3002\u8272\u5909\u66f4\u3082\u3067\u304d\u307e\u3059\u3002 \u4e0b\u8a18Beyond\u30b3\u30fc\u30c9 JS head \u306a\u3057 HTML lt;div class=quot;balloon_right_03thinkquot;gt; lt;div cl<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,11],"tags":[4,13],"class_list":["post-233","post","type-post","status-publish","format-standard","hentry","category-addquicktag","category-11","tag-simplicity02","tag-13"],"_links":{"self":[{"href":"https:\/\/phantom-cgray03.xyz\/index.php?rest_route=\/wp\/v2\/posts\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phantom-cgray03.xyz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phantom-cgray03.xyz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phantom-cgray03.xyz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phantom-cgray03.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=233"}],"version-history":[{"count":1,"href":"https:\/\/phantom-cgray03.xyz\/index.php?rest_route=\/wp\/v2\/posts\/233\/revisions"}],"predecessor-version":[{"id":234,"href":"https:\/\/phantom-cgray03.xyz\/index.php?rest_route=\/wp\/v2\/posts\/233\/revisions\/234"}],"wp:attachment":[{"href":"https:\/\/phantom-cgray03.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phantom-cgray03.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phantom-cgray03.xyz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}