{"id":61364,"date":"2025-05-08T18:41:28","date_gmt":"2025-05-08T09:41:28","guid":{"rendered":"https:\/\/single-aiseki.com\/lp-the_single_app\/?post_type=content_block&#038;p=61364"},"modified":"2025-12-16T17:39:26","modified_gmt":"2025-12-16T08:39:26","slug":"%e3%80%90%e5%8f%a3%e3%82%b3%e3%83%9f%e3%80%91langmate%e3%83%a9%e3%83%b3%e3%82%b0%e3%83%a1%e3%82%a4%e3%83%88","status":"publish","type":"content_block","link":"https:\/\/single-aiseki.com\/lp-the_single_app\/content_block\/%e3%80%90%e5%8f%a3%e3%82%b3%e3%83%9f%e3%80%91langmate%e3%83%a9%e3%83%b3%e3%82%b0%e3%83%a1%e3%82%a4%e3%83%88\/","title":{"rendered":"\u3010\u53e3\u30b3\u30df\u3011Langmate(\u30e9\u30f3\u30b0\u30e1\u30a4\u30c8)"},"content":{"rendered":"\n<style>\n#app-review-container-78341 {\n  font-family: 'Helvetica Neue', Arial, sans-serif;\n  max-width: 100%;\n  margin: 30px 0;\n  background: #ffffff;\n  border-radius: 12px;\n  box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n  overflow: hidden;\n}\n\n#app-review-header-78341 {\n  background: #3F3F3F;\n  color: white;\n  padding: 20px 25px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n#app-review-header-78341 .title-78341 {\n  font-size: 20px;\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n#app-review-header-78341 .title-icon-78341 {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n#app-review-scroll-container-78341 {\n  overflow-x: auto;\n  scrollbar-width: thin;\n  scrollbar-color: #3F3F3F rgba(63, 63, 63, 0.1);\n  padding: 20px 0;\n}\n\n#app-review-scroll-container-78341::-webkit-scrollbar {\n  height: 8px;\n}\n\n#app-review-scroll-container-78341::-webkit-scrollbar-track {\n  background: rgba(63, 63, 63, 0.1);\n  border-radius: 4px;\n}\n\n#app-review-scroll-container-78341::-webkit-scrollbar-thumb {\n  background: #3F3F3F;\n  border-radius: 4px;\n}\n\n#app-review-cards-78341 {\n  display: flex;\n  gap: 20px;\n  padding: 0 25px;\n  min-width: max-content;\n}\n\n.app-review-card-78341 {\n  width: 280px;\n  background: white;\n  border-radius: 8px;\n  border: 1px solid rgba(63, 63, 63, 0.1);\n  padding: 20px;\n  position: relative;\n  flex-shrink: 0;\n}\n\n.app-review-card-78341.positive {\n  border-top: 4px solid #4CAF50;\n}\n\n.app-review-card-78341.negative {\n  border-top: 4px solid #F44336;\n}\n\n.app-review-card-78341.neutral {\n  border-top: 4px solid #FF9800;\n}\n\n.reviewer-info-78341 {\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n}\n\n.reviewer-avatar-78341 {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  background: #f0f0f0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 12px;\n  overflow: hidden;\n}\n\n.reviewer-avatar-78341 img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.review-rating-78341 {\n  display: flex;\n  margin-bottom: 12px;\n}\n\n.star-78341 {\n  color: #FFD700;\n  font-size: 18px;\n}\n\n.empty-star-78341 {\n  color: #e0e0e0;\n  font-size: 18px;\n}\n\n.review-content-78341 {\n  font-size: 14px;\n  line-height: 1.5;\n  color: #333;\n  margin-bottom: 5px;\n}\n\n.app-badge-78341 {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n  font-size: 12px;\n  background: rgba(63, 63, 63, 0.1);\n  color: #3F3F3F;\n  padding: 4px 8px;\n  border-radius: 12px;\n}\n\n#app-review-footer-78341 {\n  background: rgba(63, 63, 63, 0.05);\n  padding: 15px 25px;\n  text-align: center;\n  font-size: 12px;\n  color: #666;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n#app-review-scroll-hint-78341 {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  color: #3F3F3F;\n  font-weight: 500;\n}\n\n.scroll-arrow-78341 {\n  animation: bounce 1.5s infinite;\n}\n\n@keyframes bounce {\n  0%, 20%, 50%, 80%, 100% {transform: translateX(0);}\n  40% {transform: translateX(5px);}\n  60% {transform: translateX(3px);}\n}\n\n@media (max-width: 768px) {\n  .app-review-card-78341 {\n    width: 240px;\n  }\n}\n<\/style>\n\n<div id=\"app-review-container-78341\">\n  <div id=\"app-review-header-78341\">\n    <div class=\"title-78341\">\n      <div class=\"title-icon-78341\">\n        <svg viewBox=\"0 0 24 24\" fill=\"white\" width=\"24px\" height=\"24px\">\n          <path d=\"M0 0h24v24H0z\" fill=\"none\" \/>\n          <path d=\"M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 12h-2v-2h2v2zm0-4h-2V6h2v4z\" \/>\n        <\/svg>\n      <\/div>\n      Langmate(\u30e9\u30f3\u30b0\u30e1\u30a4\u30c8)\u306e\u53e3\u30b3\u30df\n    <\/div>\n  <\/div>\n  \n  <div id=\"app-review-scroll-container-78341\">\n    <div id=\"app-review-cards-78341\">\n      <!-- Review 1 -->\n      <div class=\"app-review-card-78341 positive\">\n        <div class=\"app-badge-78341\">Langmate(\u30e9\u30f3\u30b0\u30e1\u30a4\u30c8)<\/div>\n        <div class=\"reviewer-info-78341\">\n          <div class=\"reviewer-avatar-78341\">\n            <!-- App logo placeholder - replace src with actual logo -->\n            <img decoding=\"async\" data-src=\"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-content\/uploads\/2023\/09\/434x0w-2.webp\" alt=\"Langmate(\u30e9\u30f3\u30b0\u30e1\u30a4\u30c8)\u306e\u30ed\u30b4\">\n          <\/div>\n        <\/div>\n        <div class=\"review-rating-78341\">\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"star-78341\">\u2605<\/span>\n        <\/div>\n        <div class=\"review-content-78341\">\n\u3044\u308d\u3093\u306a\u56fd\u7c4d\u306e\u65b9\u3068\u304a\u8a71\u3067\u304d\u3066\u697d\u3057\u3044\u3067\u3059\u7b11 \u30b3\u30a4\u30f3\u306e\u6e1b\u308a\u65b9\u3084\u3070\u3044\u3051\u3069\u305d\u308c\u4ee5\u5916\u306f\u697d\u3057\u3081\u307e\u3059\uff01\u3082\u3046\u5c11\u3057\u7121\u6599\u4f1a\u54e1\u3067\u3082\u697d\u3057\u3081\u308b\u6a5f\u80fd\u304c\u5897\u3048\u308b\u3068\u5b09\u3057\u3044\u3067\u3059\u3002\n<\/div>\n      <\/div>\n      \n      <!-- Review 2 -->\n      <div class=\"app-review-card-78341 neutral\">\n        <div class=\"app-badge-78341\">Langmate(\u30e9\u30f3\u30b0\u30e1\u30a4\u30c8)<\/div>\n        <div class=\"reviewer-info-78341\">\n          <div class=\"reviewer-avatar-78341\">\n            <!-- App logo placeholder - replace src with actual logo -->\n            <img decoding=\"async\" data-src=\"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-content\/uploads\/2023\/09\/434x0w-2.webp\" alt=\"Langmate(\u30e9\u30f3\u30b0\u30e1\u30a4\u30c8)\u306e\u30ed\u30b4\">\n          <\/div>\n        <\/div>\n        <div class=\"review-rating-78341\">\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"empty-star-78341\">\u2605<\/span>\n        <\/div>\n        <div class=\"review-content-78341\">\n\u7c21\u5358\u306b\u6d77\u5916\u306e\u65b9\u3068\u304a\u8a71\u3067\u304d\u308b\u306e\u304c\u7d20\u6674\u3089\u3057\u3044\u3067\u3059\u3002\u4eca\u307e\u3067\u306b\u306a\u3044\u826f\u3044\u30a2\u30d7\u30ea\u3067\u3059\u3002\u7ffb\u8a33\u6a5f\u80fd\u304c\u3042\u308b\u306e\u3067\u3001\u8a9e\u5b66\u306b\u81ea\u4fe1\u304c\u306a\u304f\u3066\u3082\u30b3\u30df\u30e5\u30cb\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u53d6\u308c\u308b\u306e\u304c\u826f\u3044\u70b9\u3002\u305f\u3060\u3001\u305f\u307e\u306b\u7ffb\u8a33\u304c\u4e0d\u81ea\u7136\u306a\u6642\u3082\u3042\u308b\u306e\u3067\u3001\u6700\u7d42\u7684\u306b\u306f\u81ea\u5206\u3067\u52c9\u5f37\u3059\u308b\u306e\u304c\u4e00\u756a\u3067\u3059\u306d\u3002\n        <\/div>\n      <\/div>\n      \n      <!-- Review 3 -->\n      <div class=\"app-review-card-78341 negative\">\n        <div class=\"app-badge-78341\">Langmate(\u30e9\u30f3\u30b0\u30e1\u30a4\u30c8)<\/div>\n        <div class=\"reviewer-info-78341\">\n          <div class=\"reviewer-avatar-78341\">\n            <!-- App logo placeholder - replace src with actual logo -->\n            <img decoding=\"async\" data-src=\"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-content\/uploads\/2023\/09\/434x0w-2.webp\" alt=\"Langmate(\u30e9\u30f3\u30b0\u30e1\u30a4\u30c8)\u306e\u30ed\u30b4\">\n          <\/div>\n        <\/div>\n        <div class=\"review-rating-78341\">\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"star-78341\">\u2605<\/span>\n          <span class=\"empty-star-78341\">\u2605<\/span>\n        <\/div>\n        <div class=\"review-content-78341\">\n\u500b\u4eba\u7684\u306b\u306f\u3001\u4ed6\u306e\u56fd\u969b\u7cfb\u30a2\u30d7\u30ea\u306b\u6bd4\u3079\u3066\u30e6\u30fc\u30b6\u30fc\u306e\u8cea\u304c\u9ad8\u3044\u3068\u611f\u3058\u307e\u3057\u305f\u3002\u7d20\u6575\u306a\u5916\u56fd\u4eba\u3068\u304a\u3057\u3083\u3079\u308a\u51fa\u6765\u3066\u6700\u9ad8\u3067\u3059\n<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  \n  <div id=\"app-review-footer-78341\">\n    <div>\u203b \u4e0a\u8a18\u306f\u5b9f\u969b\u306e\u30e6\u30fc\u30b6\u30fc\u306e\u53e3\u30b3\u30df\u3067\u3059<\/div>\n    <div id=\"app-review-scroll-hint-78341\">\n      \u6a2a\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3067\u304d\u307e\u3059 <span class=\"scroll-arrow-78341\">\u2192<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"template":"","content_block_category":[],"_links":{"self":[{"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/content_block\/61364"}],"collection":[{"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/content_block"}],"about":[{"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/types\/content_block"}],"wp:attachment":[{"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/media?parent=61364"}],"wp:term":[{"taxonomy":"content_block_category","embeddable":true,"href":"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-json\/wp\/v2\/content_block_category?post=61364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}