{"id":765,"date":"2025-09-13T00:18:41","date_gmt":"2025-09-12T15:18:41","guid":{"rendered":"https:\/\/devwp1.tomamin.co.jp\/company\/?page_id=765"},"modified":"2026-05-20T15:59:53","modified_gmt":"2026-05-20T06:59:53","slug":"cocot","status":"publish","type":"page","link":"https:\/\/devwp1.tomamin.co.jp\/company\/cocot\/","title":{"rendered":"\u30b3\u30b3\u30c3\u3068\u597d\u8a55\u914d\u5e03\u4e2d\uff01"},"content":{"rendered":"    <style>\n        body {\n          font-family: 'Meiryo', 'Segoe UI', sans-serif;\n          background: #f9f7f5;\n          color: #222;\n          margin: 0; padding: 0;\n        }\n        .site-container {\n          max-width: 1200px;\n          margin: 0 auto;\n          padding: 0 18px;\n          background: #fff;\n          min-height: 100vh;\n          box-sizing: border-box;\n          box-shadow: 0 6px 40px rgba(30,0,0,0.06);\n        }\n        \/* === \u30d8\u30c3\u30c0\u30fc\uff08\u5747\u7b49\u914d\u7f6e\/\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\uff09 === *\/\n        .cocot-header {\n          width: 100%;\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;  \/* \u5747\u7b49\u914d\u7f6e *\/\n          padding: 60px 0 18px 0;\n          border-bottom: 2.5px solid #e3481d;\n          background: #fff;\n          gap: 20px;\n          flex-wrap: wrap;\n        }\n        .logo-img {\n          height: 120px;\n          width: auto;\n          display: block;\n        }\n        \/* ===== \u4e2d\u592e\u30b0\u30eb\u30fc\u30d7\uff08\u767a\u884c\u90e8\u6570+\u30b5\u30d6\u8aac\u660e\uff09 ===== *\/\n        .header-center {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          flex: 1 1 0;\n          min-width: 0;\n          text-align: center;\n          justify-content: center;\n        }\n        .site-desc-main {\n          font-size: 2em;        \/* \u30e1\u30a4\u30f3\u767a\u884c\u8aac\u660e *\/\n          color: #333;\n          font-weight: bold;\n          letter-spacing: 0.09em;\n          margin-bottom: 3px;\n          white-space: nowrap;\n        }\n        .site-desc-sub {\n          font-size: 0.98em;        \/* \u30b5\u30d6\u8aac\u660e *\/\n          color: #666;\n          margin-bottom: 0;\n          line-height: 1.2;\n        }\n        \/* === \u53f3\uff1a\u65e5\u4ed8\u30fb\u53f7\u6570 === *\/\n        .header-pub-info {\n          display: flex;\n          flex-direction: column;\n          align-items: flex-end;\n          justify-content: flex-end;\n          font-size: 1.4em;\n          color: #e3481d;\n          font-weight: bold;\n          letter-spacing: 0.09em;\n          line-height: 1.2;\n          min-width: 90px;\n        }\n        .header-pub-info .vol {\n          font-size: 1.7em;\n          margin-top: 2px;\n        }\n        \/* ==== \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb ==== *\/\n        .main-visual {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n          gap: 38px;\n          margin: 40px 0 48px 0;\n          padding: 0 0 24px 0;\n          border-bottom: 1.5px dashed #e3481d;\n          flex-wrap: wrap;\n        }\n        .main-text {\n          flex: 1 1 350px;\n        }\n        .main-title {\n          font-size: 2.35em;\n          font-weight: bold;\n          letter-spacing: 0.06em;\n          color: #e3481d;\n          margin-bottom: 18px;\n          line-height: 1.18;\n        }\n        .main-lead {\n          font-size: 1.17em;\n          color: #444;\n          margin-bottom: 10px;\n          line-height: 1.9;\n        }\n        .main-visual-img {\n          width: 340px;\n          \/*height: 220px;*\/\n          object-fit: cover;\n          border-radius: 15px;\n          box-shadow: 0 3px 20px rgba(180,60,0,0.08);\n          border: 2.5px solid #fff1e6;\n          background: #eee;\n          display: block;\n          margin-bottom: 16px;\n        }\n        \/* \u6700\u65b0\u53f7\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u30dc\u30bf\u30f3 *\/\n        .download-btn {\n          display: inline-block;\n          background: #e3481d;       \/* \u30dc\u30bf\u30f3\u80cc\u666f\uff1a\u516c\u5f0f\u30aa\u30ec\u30f3\u30b8 *\/\n          color: #fff;               \/* \u30dc\u30bf\u30f3\u6587\u5b57\uff1a\u767d *\/\n          font-size: 1.1em;         \/* 17.6px *\/\n          font-weight: bold;\n          padding: 13px 36px;\n          border: none;\n          border-radius: 22px;\n          box-shadow: 0 3px 18px rgba(230,72,29,0.12);\n          margin-top: 3px;\n          margin-bottom: 8px;\n          cursor: pointer;\n          transition: background 0.18s, color 0.18s;\n          letter-spacing: 0.04em;\n        }\n        .download-btn:hover {\n          background: #c63a14;\n          color: #fffbe6;\n        }\n        \/* \u5199\u771f\u30b0\u30ea\u30c3\u30c9 *\/\n        .photo-grid-title {\n          font-size: 1.4em;\n          color: #e3481d;\n          font-weight: bold;\n          margin-bottom: 18px;\n          letter-spacing: 0.09em;\n          padding-left: 3px;\n        }\n        .photo-grid {\n          display: grid;\n          grid-template-columns: repeat(3, 280px);\n          gap: 15px;\n          justify-content: center;\n          margin-bottom: 10px;\n        }\n        .photo-item {\n          width: 280px;\n          height: 280px;\n          border-radius: 10px;\n          object-fit: cover;\n          box-shadow: 0 1px 8px rgba(0,0,0,0.07);\n          border: 1.5px solid #ffe1d6;\n          opacity: 0;\n          transform: translateY(40px);\n          transition: all 0.75s cubic-bezier(.39,.6,.51,.94);\n        }\n        .photo-item.is-visible {\n          opacity: 1;\n          transform: translateY(0);\n        }\n        .siteContent {\n          padding:0 0 4rem;\n        }\n        \/* ---- \u4ee5\u4e0b\u306f\u65e2\u5b58\u306e\u307e\u307e ---- *\/\n        .section1 { margin: 54px 0; opacity: 0; transform: translateY(60px); transition: all 0.75s cubic-bezier(.39,.6,.51,.94);}\n        .section1.is-visible { opacity: 1; transform: translateY(0);}\n        .news-block { background: #fdf6f2; border-radius: 12px; box-shadow: 0 2px 8px rgba(220,60,0,0.07); padding: 27px 22px 20px 22px; margin-bottom: 30px;}\n        .news-title { color: #e3481d; font-size: 1.17em; font-weight: bold; letter-spacing: 0.07em; margin-bottom: 15px;}\n        .news-list { list-style: none; padding: 0; margin: 0;}\n        .news-item { font-size: 1.02em; color: #222; border-bottom: 1px dotted #e2b3a3; padding: 7px 0; line-height: 1.6;}\n        .news-item:last-child { border-bottom: none;}\n        .column-block { background: #fff7f2; border-radius: 13px; padding: 24px 20px; margin: 18px 0; box-shadow: 0 1px 10px rgba(180,60,0,0.05); border-left: 8px solid #e3481d; color: #8d290b; font-size: 1.07em; font-weight: bold; letter-spacing: 0.06em;}\n        .next-issue { background: #fbe2d7; color: #e3481d; font-weight: bold; border-radius: 10px; text-align: center; padding: 13px 0; font-size: 1.08em; margin-top: 40px;}\n        \/* ======= \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 ======= *\/\n        @media (max-width: 900px) {\n          .cocot-header { flex-direction: column; align-items: center; gap: 16px; padding: 18px 0 12px 0;}\n          .header-center { align-items: center; }\n          .main-visual { flex-direction: column; gap: 15px; }\n          .main-visual-img { width: 240px; height: 150px; }\n          .photo-grid { grid-template-columns: repeat(2, 180px); gap: 10px;}\n          .photo-item { width: 180px; height: 180px; }\n          .site-container { padding: 0 4px; }\n        }\n        @media (max-width: 600px) {\n          .cocot-header { gap: 10px; padding: 10px 0 8px 0;}\n          .logo-img { height: 70px;}\n          .header-center { margin-top: 4px; }\n          .site-desc-main { font-size: 1.08em; }\n          .site-desc-sub { font-size: 0.85em; }\n          .header-pub-info { font-size: 1.03em; min-width: 0; align-items: center;}\n          .header-pub-info .vol { font-size: 1.25em;}\n          .main-title { font-size: 1.2em; }\n          .main-text { flex: 1 1 20px; }\n          .main-visual-img { width: 100%; height: auto; }\n          .photo-grid-title { font-size: 1.09em; }\n          .photo-grid { grid-template-columns: 200px; gap: 7px;}\n          .photo-item { width: 200px; height: 200px; }\n          .news-title { font-size: 1.04em; }\n          .news-block { padding: 10px 7px 10px 7px; }\n          .column-block { font-size: 0.97em; padding: 13px 7px; }\n        }\n    <\/style>\n    <div class=\"site-container\">\n        <!-- ===== \u30d8\u30c3\u30c0\u30fc\uff08\u30ed\u30b4\uff0f\u767a\u884c\u60c5\u5831\u4e2d\u592e\uff0f\u65e5\u4ed8\u30fb\u53f7\u6570\uff09 ===== -->\n        <div class=\"cocot-header\">\n          <!-- \u30ed\u30b4 -->\n          <img decoding=\"async\" src=\"https:\/\/devwp1.tomamin.co.jp\/company\/wp-content\/plugins\/cocot\/assets\/cocot-logo.png\" alt=\"\u30b3\u30b3\u30c3\u3068\u30ed\u30b4\" class=\"logo-img\">\n          <!-- \u767a\u884c\u8aac\u660e\uff0b\u30b5\u30d6\u30c6\u30ad\u30b9\u30c8 -->\n          <div class=\"header-center\">\n            <span class=\"site-desc-main\">\u82eb\u5c0f\u7267\u5e02\u518590,000\u90e8\u767a\u884c<\/span>\n            <span class=\"site-desc-sub\">\u6708\uff12\u56de\u767a\u884c\uff085\u6708\u30fb12\u6708\u9664\u304f\uff09<\/span>\n            <span class=\"site-desc-sub\">\u82eb\u5c0f\u7267\u5e02\u30dd\u30b9\u30c6\u30a3\u30f3\u30b0\u3092\u542b\u3080<\/span>\n          <\/div>\n          <!-- \u65e5\u4ed8\u3068\u53f7\u6570 -->\n          <div class=\"header-pub-info\">\n            <span>2026.05.19<\/span>\n            <span class=\"vol\">Vol.250<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- ===== \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\u30fbDL\u30dc\u30bf\u30f3 ===== -->\n        <section class=\"main-visual section1\">\n          <div class=\"main-text\">\n            <h1 class=\"main-title\">\u30b3\u30b3\u3063\u3068\u30b5\u30f3\u30d7\u30eb<\/h1>\n            <div class=\"main-lead\">\n              \u30b3\u30b3\u3063\u3068\u30b5\u30d6\u30bf\u30a4\u30c8\u30eb            <\/div>\n          <\/div>\n          <div style=\"display: flex; flex-direction: column; align-items: center;\">\n                        <img decoding=\"async\" src=\"http:\/\/devwp1.tomamin.co.jp\/company\/wp-content\/uploads\/2026\/01\/0130\u53f7\u8868\u7d19.jpg\" alt=\"\u30e1\u30a4\u30f3\u753b\u50cf\" class=\"main-visual-img\">\n                                    <a href=\"http:\/\/devwp1.tomamin.co.jp\/company\/wp-content\/uploads\/2026\/02\/2026\u5e742\u670813\u65e5\u53f7.pdf\" class=\"download-btn\" target=\"_blank\">PDF\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/a>\n                      <\/div>\n        <\/section>\n\n        <!-- ===== \u5199\u771f\u30b0\u30ea\u30c3\u30c9 ===== -->\n                <section class=\"section1\">\n          <div class=\"photo-grid-title\">\u7279\u96c6<\/div>\n          <div class=\"photo-grid\">\n                        <img decoding=\"async\" src=\"http:\/\/devwp1.tomamin.co.jp\/company\/wp-content\/uploads\/2026\/03\/20260313\u53f7\u8868\u7d19.jpg\" class=\"photo-item\" alt=\"\u753b\u50cf1\">\n                        <img decoding=\"async\" src=\"http:\/\/devwp1.tomamin.co.jp\/company\/wp-content\/uploads\/2026\/03\/20260313\u53f7\u7279\u96c61\u30e1\u30a4\u30f3.jpg\" class=\"photo-item\" alt=\"\u753b\u50cf2\">\n                        <img decoding=\"async\" src=\"http:\/\/devwp1.tomamin.co.jp\/company\/wp-content\/uploads\/2026\/01\/0130\u53f7\u8868\u7d19.jpg\" class=\"photo-item\" alt=\"\u753b\u50cf3\">\n                      <\/div>\n        <\/section>\n        \n        <!-- ===== \u30cb\u30e5\u30fc\u30b9\u30fb\u304a\u77e5\u3089\u305b ===== -->\n        \n        <!-- ===== \u30b3\u30e9\u30e0\u7d39\u4ecb ===== -->\n                <section class=\"column-block section1\">\n          P6\u300c\u7279\u96c6\uff11\u300d        <\/section>\n                \n                <section class=\"column-block section1\">\n          P8-9\u300c\u7279\u96c6\uff12\u300d        <\/section>\n                \n        \n        <!-- ===== \u6b21\u53f7\u4e88\u544a ===== -->\n                <div class=\"next-issue section1\">\n          \u6b21\u53f7 \u30b3\u30b3\u30c3\u3068 Vol.251\u30006\u670815\u65e5\u767a\u884c\n        <\/div>\n            <\/div>\n    <script>\n      \/* \u3059\u3079\u3066\u306e.section\u30af\u30e9\u30b9\u3068.photo-item\u3092\u3075\u308f\u3063\u3068\u8868\u793a *\/\n      const sections = document.querySelectorAll('.section1');\n      const photos = document.querySelectorAll('.photo-item');\n      \/\/ \u30bb\u30af\u30b7\u30e7\u30f3\u30a2\u30cb\u30e1\n      const observer1 = new IntersectionObserver(entries => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('is-visible');\n            observer1.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.17 });\n      sections.forEach(sec => observer1.observe(sec));\n      \/* \u5199\u771f\u30b0\u30ea\u30c3\u30c9\u306f\u9045\u5ef6\u8868\u793a *\/\n      const photoObs = new IntersectionObserver(entries => {\n        entries.forEach((entry, idx) => {\n          if (entry.isIntersecting) {\n            setTimeout(() => entry.target.classList.add('is-visible'), idx * 90);\n            photoObs.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.12 });\n      photos.forEach(ph => photoObs.observe(ph));\n    <\/script>\n    \n\n\n\n<style>\n@media (max-width: 600px) {\n    .photo-item {\n        width: 200px;\n        height: 200px;\n    }\n    .photo-grid{\n        grid-template-columns: 200px;\n    }\n    .main-visual-img {\n        width: 100%;\n        height: auto;\n    }\n    .main-text {\n    flex: 1 1 20px;\n    }\n}\n<\/Style>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-765","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devwp1.tomamin.co.jp\/company\/wp-json\/wp\/v2\/pages\/765","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devwp1.tomamin.co.jp\/company\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devwp1.tomamin.co.jp\/company\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devwp1.tomamin.co.jp\/company\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devwp1.tomamin.co.jp\/company\/wp-json\/wp\/v2\/comments?post=765"}],"version-history":[{"count":3,"href":"https:\/\/devwp1.tomamin.co.jp\/company\/wp-json\/wp\/v2\/pages\/765\/revisions"}],"predecessor-version":[{"id":1300,"href":"https:\/\/devwp1.tomamin.co.jp\/company\/wp-json\/wp\/v2\/pages\/765\/revisions\/1300"}],"wp:attachment":[{"href":"https:\/\/devwp1.tomamin.co.jp\/company\/wp-json\/wp\/v2\/media?parent=765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}