{"id":63283,"date":"2025-05-27T10:28:24","date_gmt":"2025-05-27T01:28:24","guid":{"rendered":"https:\/\/single-aiseki.com\/lp-the_single_app\/?post_type=content_block&#038;p=63283"},"modified":"2025-05-27T10:28:25","modified_gmt":"2025-05-27T01:28:25","slug":"%e3%80%90cta%e3%80%91dine%e2%86%92tapple%e2%86%92%e3%83%8f%e3%83%83%e3%83%94%e3%83%bc%e3%83%a1%e3%83%bc%e3%83%ab","status":"publish","type":"content_block","link":"https:\/\/single-aiseki.com\/lp-the_single_app\/content_block\/%e3%80%90cta%e3%80%91dine%e2%86%92tapple%e2%86%92%e3%83%8f%e3%83%83%e3%83%94%e3%83%bc%e3%83%a1%e3%83%bc%e3%83%ab\/","title":{"rendered":"\u3010CTA\u3011Dine\u2192tapple\u2192\u30cf\u30c3\u30d4\u30fc\u30e1\u30fc\u30eb"},"content":{"rendered":"\n<style>\n#dating-app-cta-87629 {\n  font-family: 'Helvetica Neue', Arial, sans-serif;\n  max-width: 100%;\n  margin: 40px 0;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 15px 30px rgba(0,0,0,0.12);\n  background: #ffffff;\n  border: 1px solid rgba(63, 63, 63, 0.08);\n}\n\n#dating-app-header-87629 {\n  background: #3F3F3F;\n  color: white;\n  padding: 20px 25px;\n  text-align: center;\n  position: relative;\n}\n\n#dating-app-header-title-87629 {\n  font-size: 24px;\n  font-weight: 700;\n  margin: 0;\n  display: inline-block;\n  position: relative;\n  padding: 0 15px;\n}\n\n#dating-app-header-title-87629:before,\n#dating-app-header-title-87629:after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  width: 30px;\n  height: 2px;\n  background: rgba(255, 255, 255, 0.5);\n  transform: translateY(-50%);\n}\n\n#dating-app-header-title-87629:before {\n  left: -30px;\n}\n\n#dating-app-header-title-87629:after {\n  right: -30px;\n}\n\n#dating-app-header-subtitle-87629 {\n  font-size: 14px;\n  opacity: 0.9;\n  margin-top: 8px;\n}\n\n#dating-app-cards-container-87629 {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 20px;\n  padding: 30px;\n  background: linear-gradient(to bottom, rgba(63, 63, 63, 0.02) 0%, rgba(63, 63, 63, 0.05) 100%);\n}\n\n.dating-app-card-87629 {\n  flex: 1;\n  min-width: 250px;\n  max-width: 350px;\n  background: white;\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n  transition: all 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.dating-app-card-87629:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 12px 25px rgba(0,0,0,0.15);\n}\n\n.app-card-header-87629 {\n  padding: 20px;\n  background: #3F3F3F;\n  color: white;\n  display: flex;\n  align-items: center;\n}\n\n.app-logo-87629 {\n  width: 60px;\n  height: 60px;\n  border-radius: 12px;\n  background: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 15px;\n  box-shadow: 0 4px 8px rgba(0,0,0,0.2);\n  overflow: hidden;\n}\n\n.app-logo-87629 img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.app-title-container-87629 {\n  flex: 1;\n}\n\n.app-name-87629 {\n  font-size: 20px;\n  font-weight: 700;\n  margin-bottom: 5px;\n}\n\n.app-tagline-87629 {\n  font-size: 14px;\n  opacity: 0.9;\n  font-weight: 500;\n  background: rgba(255, 255, 255, 0.15);\n  padding: 4px 8px;\n  border-radius: 4px;\n  display: inline-block;\n}\n\n.app-badge-87629 {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n  background: #FFD700;\n  color: #3F3F3F;\n  font-weight: 700;\n  font-size: 12px;\n  padding: 5px 10px;\n  border-radius: 20px;\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n}\n\n.app-description-87629 {\n  padding: 20px;\n  font-size: 15px;\n  line-height: 1.6;\n  color: #444;\n  flex-grow: 1;\n}\n\n.app-highlight-87629 {\n  background: rgba(76, 175, 80, 0.1);\n  color: #3F3F3F;\n  font-weight: 600;\n  padding: 2px 4px;\n  border-radius: 3px;\n}\n\n.app-features-87629 {\n  padding: 0 20px 15px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.app-feature-tag-87629 {\n  background: rgba(63, 63, 63, 0.06);\n  color: #3F3F3F;\n  font-size: 12px;\n  font-weight: 600;\n  padding: 6px 10px;\n  border-radius: 20px;\n  display: inline-flex;\n  align-items: center;\n}\n\n.app-feature-tag-87629 svg {\n  width: 14px;\n  height: 14px;\n  margin-right: 5px;\n}\n\n.app-download-btn-87629 {\n  margin: 0 20px 20px;\n  padding: 15px;\n  background: #4CAF50;\n  color: white;\n  text-align: center;\n  border-radius: 8px;\n  font-weight: 700;\n  font-size: 16px;\n  text-decoration: none;\n  display: block;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 8px rgba(76, 175, 80, 0.3);\n}\n\n.app-download-btn-87629:hover {\n  background: #43A047;\n  box-shadow: 0 6px 12px rgba(76, 175, 80, 0.4);\n  transform: translateY(-2px);\n}\n\n.app-download-btn-87629:active {\n  transform: translateY(0);\n  box-shadow: 0 2px 4px rgba(76, 175, 80, 0.3);\n}\n\n#dating-app-footer-87629 {\n  text-align: center;\n  padding: 15px;\n  font-size: 12px;\n  color: #777;\n  background: #f9f9f9;\n  border-top: 1px solid rgba(63, 63, 63, 0.08);\n}\n\n\/* Responsive styles *\/\n@media (max-width: 768px) {\n  #dating-app-cards-container-87629 {\n    flex-direction: column;\n    align-items: center;\n  }\n  \n  .dating-app-card-87629 {\n    width: 100%;\n    max-width: 450px;\n  }\n}\n<\/style>\n\n<div id=\"dating-app-cta-87629\">\n  <div id=\"dating-app-header-87629\">\n    <div id=\"dating-app-header-title-87629\">\u3059\u3050\u4f1a\u3048\u308b\u30de\u30c3\u30c1\u30f3\u30b0\u30a2\u30d7\u30eaTOP3<\/div>\n    <div id=\"dating-app-header-subtitle-87629\">\u5373\u65e5\u30c7\u30fc\u30c8\u304c\u5b9f\u73fe\u3067\u304d\u308b\uff01\u52b9\u7387\u7684\u306b\u51fa\u4f1a\u3044\u305f\u3044\u65b9\u306b\u304a\u3059\u3059\u3081\u306e\u30a2\u30d7\u30ea\u3092\u53b3\u9078<\/div>\n  <\/div>\n  \n  <div id=\"dating-app-cards-container-87629\">\n    <!-- Dine Card -->\n    <div class=\"dating-app-card-87629\">\n      <div class=\"app-badge-87629\">No.1<\/div>\n      <div class=\"app-card-header-87629\">\n        <div class=\"app-logo-87629\">\n          <img decoding=\"async\" data-src=\"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-content\/uploads\/2024\/01\/11_Dine-940x940.png\" alt=\"Dine\u306e\u30ed\u30b4\">\n        <\/div>\n        <div class=\"app-title-container-87629\">\n          <div class=\"app-name-87629\">Dine<\/div>\n          <div class=\"app-tagline-87629\">\u30c7\u30fc\u30c8\u304b\u3089\u59cb\u307e\u308b\u604b\u611b\u30a2\u30d7\u30ea\uff01<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"app-description-87629\">\n        <span class=\"app-highlight-87629\">\u300c\u3068\u306b\u304b\u304f\u65e9\u304f\u4f1a\u3044\u305f\u3044\uff01\u300d\u3068\u3044\u3046\u65b9\u306b\u6700\u9069\u306a\u30a2\u30d7\u30ea\u3002<\/span>\u30de\u30c3\u30c1\u30f3\u30b0\u5f8c\u306e\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u3084\u308a\u53d6\u308a\u3092\u7701\u7565\u3057\u3001\u30c7\u30fc\u30c8\u306e\u5834\u6240\u3068\u6642\u9593\u3092\u6c7a\u3081\u308b\u3060\u3051\u3067\u3059\u3050\u306b\u4f1a\u3048\u308b\u4ed5\u7d44\u307f\u3067\u3059\u3002\u30ec\u30b9\u30c8\u30e9\u30f3\u3084\u30ab\u30d5\u30a7\u306a\u3069\u3001\u304a\u5e97\u3092\u9078\u3093\u3067\u305d\u306e\u307e\u307e\u30c7\u30fc\u30c8\u306e\u7d04\u675f\u304c\u3067\u304d\u308b\u305f\u3081\u3001\u5fd9\u3057\u3044\u65b9\u3067\u3082\u3059\u3050\u306b\u5b9f\u969b\u306e\u30c7\u30fc\u30c8\u306b\u3064\u306a\u3052\u3089\u308c\u307e\u3059\u3002\u90fd\u5185\u3092\u4e2d\u5fc3\u306b\u5373\u65e5\u30c7\u30fc\u30c8\u3082\u53ef\u80fd\u306a\u76f8\u624b\u304c\u591a\u304f\u898b\u3064\u304b\u308a\u307e\u3059\u3002\n      <\/div>\n      <div class=\"app-features-87629\">\n        <div class=\"app-feature-tag-87629\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#3F3F3F\">\n            <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\" \/>\n          <\/svg>\n          \u30c7\u30fc\u30c8\u304b\u3089\u59cb\u3081\u3089\u308c\u308b\n        <\/div>\n        <div class=\"app-feature-tag-87629\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#3F3F3F\">\n            <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14h-2V9h-2V7h4v10z\" \/>\n          <\/svg>\n          \u304a\u5e97\u4e88\u7d04\u6a5f\u80fd\u4ed8\u304d\n        <\/div>\n        <div class=\"app-feature-tag-87629\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#3F3F3F\">\n            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\n          <\/svg>\n          \u30e1\u30c3\u30bb\u30fc\u30b8\u4ea4\u63db\u4e0d\u8981\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/single-aiseki.com\/matchapp\/link\/dine\/\" class=\"app-download-btn-87629\" target=\"_blank\" rel=\"noopener\">\n        \u7121\u6599\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n      <\/a>\n    <\/div>\n    \n    <!-- tapple Card -->\n    <div class=\"dating-app-card-87629\">\n      <div class=\"app-card-header-87629\">\n        <div class=\"app-logo-87629\">\n          <img decoding=\"async\" data-src=\"https:\/\/single-aiseki.com\/lp-the_single_app\/wp-content\/uploads\/2024\/01\/tapple_logo.png\" alt=\"tapple\u306e\u30ed\u30b4\">\n        <\/div>\n        <div class=\"app-title-container-87629\">\n          <div class=\"app-name-87629\">tapple<\/div>\n          <div class=\"app-tagline-87629\">\u4eca\u3059\u3050\u30c7\u30fc\u30c8\u3067\u304d\u308b\u6a5f\u80fd\u304c\u4fbf\u5229\uff01<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"app-description-87629\">\n        <span class=\"app-highlight-87629\">\u300c\u4eca\u304b\u3089\u4f1a\u3048\u308b\u4eba\u300d\u691c\u7d22\u6a5f\u80fd\u3067\u5373\u65e5\u30c7\u30fc\u30c8\u304c\u5b9f\u73fe\uff01<\/span>\u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u6a5f\u80fd\u3092\u4f7f\u3048\u3070\u300c\u4eca\u65e5\u6687\u306a\u4eba\u300d\u300c\u4eca\u304b\u3089\u4f1a\u3048\u308b\u4eba\u300d\u3092\u3059\u3050\u306b\u898b\u3064\u3051\u3089\u308c\u307e\u3059\u3002\u8da3\u5473\u3084\u95a2\u5fc3\u3054\u3068\u3092\u8ef8\u306b\u30de\u30c3\u30c1\u30f3\u30b0\u3059\u308b\u305f\u3081\u3001\u30c7\u30fc\u30c8\u5185\u5bb9\u3082\u6c7a\u3081\u3084\u3059\u304f\u3001\u521d\u5bfe\u9762\u3067\u3082\u8a71\u304c\u5f3e\u307f\u3084\u3059\u3044\u306e\u304c\u7279\u5fb4\u3002\u30b7\u30f3\u30d7\u30eb\u306a\u64cd\u4f5c\u6027\u3067\u3001\u30a2\u30d7\u30ea\u521d\u5fc3\u8005\u3067\u3082\u4f7f\u3044\u3084\u3059\u304f\u3001\u30de\u30c3\u30c1\u30f3\u30b0\u304b\u3089\u30c7\u30fc\u30c8\u307e\u3067\u306e\u30b9\u30d4\u30fc\u30c9\u304c\u65e9\u3044\u3068\u8a55\u5224\u3067\u3059\u3002\n      <\/div>\n      <div class=\"app-features-87629\">\n        <div class=\"app-feature-tag-87629\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#3F3F3F\">\n            <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\" \/>\n          <\/svg>\n          \u4eca\u3059\u3050\u4f1a\u3048\u308b\u6a5f\u80fd\n        <\/div>\n        <div class=\"app-feature-tag-87629\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#3F3F3F\">\n            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\n          <\/svg>\n          \u8da3\u5473\u3067\u7e4b\u304c\u308c\u308b\n        <\/div>\n        <div class=\"app-feature-tag-87629\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#3F3F3F\">\n            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\n          <\/svg>\n          \u30c7\u30fc\u30c8\u30d7\u30e9\u30f3\u63d0\u6848\u6a5f\u80fd\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/single-aiseki.com\/matchapp\/link\/tapple\/\" class=\"app-download-btn-87629\" target=\"_blank\" rel=\"noopener\">\n        \u7121\u6599\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n      <\/a>\n    <\/div>\n    \n    <!-- \u30cf\u30c3\u30d4\u30fc\u30e1\u30fc\u30eb Card -->\n    <div class=\"dating-app-card-87629\">\n      <div class=\"app-card-header-87629\">\n        <div class=\"app-logo-87629\">\n          <img decoding=\"async\" data-src=\"https:\/\/single-aiseki.com\/matchapp\/wp-content\/uploads\/2024\/01\/happymail.jpeg\" alt=\"\u30cf\u30c3\u30d4\u30fc\u30e1\u30fc\u30eb\u306e\u30ed\u30b4\">\n        <\/div>\n        <div class=\"app-title-container-87629\">\n          <div class=\"app-name-87629\">\u30cf\u30c3\u30d4\u30fc\u30e1\u30fc\u30eb<\/div>\n          <div class=\"app-tagline-87629\">\u8fd1\u8ddd\u96e2\u3067\u3059\u3050\u4f1a\u3048\u308b\uff01<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"app-description-87629\">\n        <span class=\"app-highlight-87629\">\u300c\u4eca\u3059\u3050\u4f1a\u3044\u305f\u3044\u300d\u306b\u7279\u5316\u3057\u305f\u691c\u7d22\u6a5f\u80fd\u304c\u5145\u5b9f\uff01<\/span>GPS\u6a5f\u80fd\u3092\u6d3b\u7528\u3057\u3066\u73fe\u5728\u5730\u304b\u3089\u8fd1\u3044\u76f8\u624b\u3092\u63a2\u305b\u308b\u305f\u3081\u3001\u5373\u65e5\u30c7\u30fc\u30c8\u306e\u7d04\u675f\u304c\u53d6\u308a\u3084\u3059\u3044\u306e\u304c\u6700\u5927\u306e\u9b45\u529b\u3002\u63b2\u793a\u677f\u6a5f\u80fd\u3067\u306f\u300c\u4eca\u304b\u3089\u4f1a\u3048\u308b\u4eba\u300d\u306e\u66f8\u304d\u8fbc\u307f\u3082\u591a\u304f\u3001\u30e1\u30c3\u30bb\u30fc\u30b8\u306e\u3084\u308a\u53d6\u308a\u3082\u30b9\u30d4\u30fc\u30c7\u30a3\u30fc\u3002\u4f1a\u54e1\u6570\u304c\u975e\u5e38\u306b\u591a\u3044\u305f\u3081\u3001\u3044\u3064\u3067\u3082\u30a2\u30af\u30c6\u30a3\u30d6\u30e6\u30fc\u30b6\u30fc\u304c\u898b\u3064\u304b\u308a\u3001\u90fd\u5e02\u90e8\u306a\u3089\u6570\u6642\u9593\u4ee5\u5185\u306b\u4f1a\u3048\u308b\u76f8\u624b\u304c\u898b\u3064\u304b\u308b\u3053\u3068\u3082\u73cd\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002\n      <\/div>\n      <div class=\"app-features-87629\">\n        <div class=\"app-feature-tag-87629\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#3F3F3F\">\n            <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\" \/>\n          <\/svg>\n          GPS\u691c\u7d22\u6a5f\u80fd\n        <\/div>\n        <div class=\"app-feature-tag-87629\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#3F3F3F\">\n            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\n          <\/svg>\n          \u63b2\u793a\u677f\u6a5f\u80fd\n        <\/div>\n        <div class=\"app-feature-tag-87629\">\n          <svg viewBox=\"0 0 24 24\" fill=\"#3F3F3F\">\n            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\n          <\/svg>\n          \u5927\u4eba\u6570\u306e\u4f1a\u54e1\u6570\n        <\/div>\n      <\/div>\n      <a href=\"https:\/\/single-aiseki.com\/matchapp\/link\/happymail\/\" class=\"app-download-btn-87629\" target=\"_blank\" rel=\"noopener\">\n        \u7121\u6599\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\n      <\/a>\n    <\/div>\n  <\/div>\n  \n  <div id=\"dating-app-footer-87629\">\n    \u300c\u3059\u3050\u306b\u4f1a\u3044\u305f\u3044\u300d\u3068\u3044\u3046\u30cb\u30fc\u30ba\u306b\u5fdc\u3048\u308b\u30a2\u30d7\u30ea\u306f\u3001\u30de\u30c3\u30c1\u30f3\u30b0\u304b\u3089\u5b9f\u969b\u306e\u30c7\u30fc\u30c8\u307e\u3067\u306e\u6642\u9593\u3092\u77ed\u7e2e\u3059\u308b\u5de5\u592b\u304c\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u81ea\u5206\u306e\u30b9\u30bf\u30a4\u30eb\u306b\u5408\u3063\u305f\u30a2\u30d7\u30ea\u3092\u9078\u3093\u3067\u3001\u52b9\u7387\u7684\u306b\u7d20\u6575\u306a\u51fa\u4f1a\u3044\u3092\u898b\u3064\u3051\u307e\u3057\u3087\u3046\u3002\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\/63283"}],"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=63283"}],"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=63283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}