[
    {
        "title": "テーブル th25% モバイル時縦積み",
        "post_status": "publish",
        "post_name": "9465",
        "description": "",
        "content": "<!-- wp:table {\\\"className\\\":\\\"is-style-vk-table-border-top-bottom vk-table\\\\u002d\\\\u002dwidth\\\\u002d\\\\u002dth25 vk-table\\\\u002d\\\\u002dmobile-block\\\"} -->\n<figure class=\\\"wp-block-table is-style-vk-table-border-top-bottom vk-table--width--th25 vk-table--mobile-block\\\"><table><tbody><tr><td>会社名</td><td>株式会社サンプル</td></tr><tr><td>英文社名</td><td>Sample Co. Ltd.</td></tr><tr><td>代表取締役</td><td>山田次郎</td></tr><tr><td>従業員数</td><td>100名</td></tr><tr><td>所在地</td><td>愛知県名古屋市中村区名駅X-XX-X　サンプルビル</td></tr><tr><td>TEL</td><td>000-000-0000</td></tr><tr><td>モバイル時縦積み</td><td>画面が狭い時にはテーブルを1カラム縦積みに変更します。<br>このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--mobile-block が入っています。</td></tr><tr><td>thの幅</td><td>表の左の列の幅に25%指定がしてあります。<br>このブロックの「高度な設定」の「追加 CSS クラス」で vk-table--width--th25 が入っています。<br>25% / 30% / 35% / 40% が用意してありますので、例えば35%にしたい場合は vk-table--width--th35 に変更してください。</td></tr></tbody></table></figure>\n<!-- /wp:table -->",
        "categories": [
            "feature"
        ],
        "languages": [
            "ja"
        ],
        "blockTypes": [
            "core/table"
        ]
    },
    {
        "title": "画像カラム",
        "post_status": "private",
        "post_name": "5809",
        "description": "",
        "content": "<!-- wp:columns {\\\"className\\\":\\\"vk-cols\\\"} -->\n<div class=\\\"wp-block-columns vk-cols\\\"><!-- wp:column {\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"bottom\\\":\\\"2em\\\"}}}} -->\n<div class=\\\"wp-block-column\\\" style=\\\"padding-bottom:2em\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":15,\\\"overlayColor\\\":\\\"black\\\",\\\"minHeight\\\":300,\\\"contentPosition\\\":\\\"center center\\\",\\\"isDark\\\":false,\\\"style\\\":{\\\"color\\\":{}}} -->\n<div class=\\\"wp-block-cover is-light\\\" style=\\\"min-height:300px\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-black-background-color has-background-dim-20 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"placeholder\\\":\\\"タイトルを入力...\\\",\\\"style\\\":{\\\"typography\\\":{\\\"fontSize\\\":\\\"20px\\\"}}} -->\n<p class=\\\"has-text-align-center\\\" style=\\\"font-size:20px\\\"><strong>カラムイメージ</strong></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"bottom\\\":\\\"2em\\\"}}}} -->\n<div class=\\\"wp-block-column\\\" style=\\\"padding-bottom:2em\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":15,\\\"overlayColor\\\":\\\"black\\\",\\\"minHeight\\\":300,\\\"contentPosition\\\":\\\"center center\\\",\\\"isDark\\\":false,\\\"style\\\":{\\\"color\\\":{}}} -->\n<div class=\\\"wp-block-cover is-light\\\" style=\\\"min-height:300px\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-black-background-color has-background-dim-20 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"placeholder\\\":\\\"タイトルを入力...\\\",\\\"style\\\":{\\\"typography\\\":{\\\"fontSize\\\":\\\"20px\\\"}}} -->\n<p class=\\\"has-text-align-center\\\" style=\\\"font-size:20px\\\"><meta charset=\\\"utf-8\\\"><strong>カラムイメージ</strong></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"bottom\\\":\\\"2em\\\"}}}} -->\n<div class=\\\"wp-block-column\\\" style=\\\"padding-bottom:2em\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":15,\\\"overlayColor\\\":\\\"black\\\",\\\"minHeight\\\":300,\\\"isDark\\\":false,\\\"style\\\":{\\\"color\\\":{}}} -->\n<div class=\\\"wp-block-cover is-light\\\" style=\\\"min-height:300px\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-black-background-color has-background-dim-20 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"placeholder\\\":\\\"タイトルを入力...\\\",\\\"style\\\":{\\\"typography\\\":{\\\"fontSize\\\":\\\"20px\\\"}}} -->\n<p class=\\\"has-text-align-center\\\" style=\\\"font-size:20px\\\"><meta charset=\\\"utf-8\\\"><strong>カラムイメージ</strong></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
        "categories": [],
        "languages": [
            "ja"
        ],
        "blockTypes": [
            "core/columns",
            "core/column",
            "core/cover",
            "core/paragraph"
        ]
    },
    {
        "title": "カラムメニュー フィット",
        "post_status": "publish",
        "post_name": "2319-2",
        "description": "",
        "content": "<!-- wp:columns {\\\"className\\\":\\\"vk-cols\\\\u002d\\\\u002dmenu vk-cols\\\\u002d\\\\u002dfit vk-cols\\\\u002d\\\\u002dfit\\\\u002d\\\\u002dgap1\\\"} -->\n<div class=\\\"wp-block-columns vk-cols--menu vk-cols--fit vk-cols--fit--gap1\\\"><!-- wp:column -->\n<div class=\\\"wp-block-column\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":50,\\\"overlayColor\\\":\\\"black\\\",\\\"minHeight\\\":300,\\\"isDark\\\":false,\\\"style\\\":{\\\"color\\\":{\\\"duotone\\\":[\\\"#000000\\\",\\\"#00a5ff\\\"]}}} -->\n<div class=\\\"wp-block-cover is-light\\\" style=\\\"min-height:300px\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-black-background-color wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"level\\\":4,\\\"style\\\":{\\\"typography\\\":{\\\"fontSize\\\":\\\"2em\\\"}},\\\"textColor\\\":\\\"white\\\",\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h4 class=\\\"has-text-align-center is-style-vk-heading-plain has-white-color has-text-color\\\" id=\\\"お部屋\\\" style=\\\"font-size:2em\\\">お部屋</h4>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"textColor\\\":\\\"white\\\"} -->\n<p class=\\\"has-text-align-center has-white-color has-text-color\\\">Room</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons {\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"justifyContent\\\":\\\"center\\\",\\\"orientation\\\":\\\"horizontal\\\"}} -->\n<div class=\\\"wp-block-buttons\\\"><!-- wp:button {\\\"backgroundColor\\\":\\\"vk-color-primary\\\",\\\"style\\\":{\\\"border\\\":{\\\"radius\\\":\\\"3px\\\"},\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"0.6em\\\",\\\"bottom\\\":\\\"0.6em\\\",\\\"left\\\":\\\"1.3em\\\",\\\"right\\\":\\\"1.3em\\\"}}}} -->\n<div class=\\\"wp-block-button\\\"><a class=\\\"wp-block-button__link has-vk-color-primary-background-color has-background\\\" style=\\\"border-radius:3px;padding-top:0.6em;padding-right:1.3em;padding-bottom:0.6em;padding-left:1.3em\\\">詳しくはこちら</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\\\"wp-block-column\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":50,\\\"overlayColor\\\":\\\"black\\\",\\\"minHeight\\\":300,\\\"isDark\\\":false,\\\"style\\\":{\\\"color\\\":{\\\"duotone\\\":[\\\"#000000\\\",\\\"#00a5ff\\\"]}}} -->\n<div class=\\\"wp-block-cover is-light\\\" style=\\\"min-height:300px\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-black-background-color wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"level\\\":4,\\\"style\\\":{\\\"typography\\\":{\\\"fontSize\\\":\\\"2em\\\"}},\\\"textColor\\\":\\\"white\\\",\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h4 class=\\\"has-text-align-center is-style-vk-heading-plain has-white-color has-text-color\\\" id=\\\"お部屋\\\" style=\\\"font-size:2em\\\">お部屋</h4>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"textColor\\\":\\\"white\\\"} -->\n<p class=\\\"has-text-align-center has-white-color has-text-color\\\">Room</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons {\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"justifyContent\\\":\\\"center\\\",\\\"orientation\\\":\\\"horizontal\\\"}} -->\n<div class=\\\"wp-block-buttons\\\"><!-- wp:button {\\\"backgroundColor\\\":\\\"vk-color-primary\\\",\\\"style\\\":{\\\"border\\\":{\\\"radius\\\":\\\"3px\\\"},\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"0.6em\\\",\\\"bottom\\\":\\\"0.6em\\\",\\\"left\\\":\\\"1.3em\\\",\\\"right\\\":\\\"1.3em\\\"}}}} -->\n<div class=\\\"wp-block-button\\\"><a class=\\\"wp-block-button__link has-vk-color-primary-background-color has-background\\\" style=\\\"border-radius:3px;padding-top:0.6em;padding-right:1.3em;padding-bottom:0.6em;padding-left:1.3em\\\">詳しくはこちら</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\\\"wp-block-column\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":50,\\\"overlayColor\\\":\\\"black\\\",\\\"minHeight\\\":300,\\\"isDark\\\":false,\\\"style\\\":{\\\"color\\\":{\\\"duotone\\\":[\\\"#000000\\\",\\\"#00a5ff\\\"]}}} -->\n<div class=\\\"wp-block-cover is-light\\\" style=\\\"min-height:300px\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-black-background-color wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"level\\\":4,\\\"style\\\":{\\\"typography\\\":{\\\"fontSize\\\":\\\"2em\\\"}},\\\"textColor\\\":\\\"white\\\",\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h4 class=\\\"has-text-align-center is-style-vk-heading-plain has-white-color has-text-color\\\" id=\\\"お部屋\\\" style=\\\"font-size:2em\\\">お部屋</h4>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"textColor\\\":\\\"white\\\"} -->\n<p class=\\\"has-text-align-center has-white-color has-text-color\\\">Room</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons {\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"justifyContent\\\":\\\"center\\\",\\\"orientation\\\":\\\"horizontal\\\"}} -->\n<div class=\\\"wp-block-buttons\\\"><!-- wp:button {\\\"backgroundColor\\\":\\\"vk-color-primary\\\",\\\"style\\\":{\\\"border\\\":{\\\"radius\\\":\\\"3px\\\"},\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"0.6em\\\",\\\"bottom\\\":\\\"0.6em\\\",\\\"left\\\":\\\"1.3em\\\",\\\"right\\\":\\\"1.3em\\\"}}}} -->\n<div class=\\\"wp-block-button\\\"><a class=\\\"wp-block-button__link has-vk-color-primary-background-color has-background\\\" style=\\\"border-radius:3px;padding-top:0.6em;padding-right:1.3em;padding-bottom:0.6em;padding-left:1.3em\\\">詳しくはこちら</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
        "categories": [
            "columns",
            "%e3%82%a8%e3%83%aa%e3%82%a2_pr",
            "%e5%b9%85_%e9%80%9a%e5%b8%b8"
        ],
        "languages": [
            "ja"
        ],
        "blockTypes": [
            "core/columns",
            "core/column",
            "core/cover",
            "core/heading",
            "core/paragraph",
            "core/buttons",
            "core/button"
        ]
    },
    {
        "title": "フィットカラム 通常幅",
        "post_status": "publish",
        "post_name": "2310",
        "description": "",
        "content": "<!-- wp:columns {\\\"verticalAlignment\\\":\\\"center\\\",\\\"className\\\":\\\"vk-cols\\\\u002d\\\\u002dreverse vk-cols\\\\u002d\\\\u002dfit vk-cols\\\\u002d\\\\u002dgrid\\\"} -->\n<div class=\\\"wp-block-columns are-vertically-aligned-center vk-cols--reverse vk-cols--fit vk-cols--grid\\\"><!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"3em\\\",\\\"right\\\":\\\"0em\\\",\\\"bottom\\\":\\\"3em\\\",\\\"left\\\":\\\"3em\\\"}}}} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\" style=\\\"padding-top:3em;padding-right:0em;padding-bottom:3em;padding-left:3em\\\"><!-- wp:heading {\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h2 class=\\\"is-style-vk-heading-plain\\\" id=\\\"通常幅カラム背景塗りなし\\\">通常幅<br>カラム背景塗りなし</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\"} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":10,\\\"isDark\\\":false} -->\n<div class=\\\"wp-block-cover is-light\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-background-dim-10 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"placeholder\\\":\\\"タイトルを入力...\\\",\\\"fontSize\\\":\\\"large\\\"} -->\n<p class=\\\"has-text-align-center has-large-font-size\\\"></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:columns {\\\"verticalAlignment\\\":\\\"center\\\",\\\"className\\\":\\\"vk-cols\\\\u002d\\\\u002dfit vk-cols\\\\u002d\\\\u002dgrid\\\"} -->\n<div class=\\\"wp-block-columns are-vertically-aligned-center vk-cols--fit vk-cols--grid\\\"><!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"3em\\\",\\\"right\\\":\\\"3em\\\",\\\"bottom\\\":\\\"3em\\\",\\\"left\\\":\\\"0em\\\"}}}} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\" style=\\\"padding-top:3em;padding-right:3em;padding-bottom:3em;padding-left:0em\\\"><!-- wp:heading {\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h2 class=\\\"is-style-vk-heading-plain\\\" id=\\\"通常幅カラム背景塗りなし\\\">通常幅<br>カラム背景塗りなし</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\"} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":10,\\\"isDark\\\":false} -->\n<div class=\\\"wp-block-cover is-light\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-background-dim-10 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"placeholder\\\":\\\"タイトルを入力...\\\",\\\"fontSize\\\":\\\"large\\\"} -->\n<p class=\\\"has-text-align-center has-large-font-size\\\"></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:columns {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"color\\\":{\\\"background\\\":\\\"#f5f5f5\\\"}},\\\"className\\\":\\\"vk-cols\\\\u002d\\\\u002dreverse vk-cols\\\\u002d\\\\u002dfit vk-cols\\\\u002d\\\\u002dgrid\\\"} -->\n<div class=\\\"wp-block-columns are-vertically-aligned-center vk-cols--reverse vk-cols--fit vk-cols--grid has-background\\\" style=\\\"background-color:#f5f5f5\\\"><!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"3rem\\\",\\\"right\\\":\\\"3rem\\\",\\\"bottom\\\":\\\"3rem\\\",\\\"left\\\":\\\"3rem\\\"}}}} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\" style=\\\"padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem\\\"><!-- wp:heading {\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h2 class=\\\"is-style-vk-heading-plain\\\" id=\\\"通常幅カラム背景塗り\\\">通常幅<br>カラム背景塗り</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\"} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":10,\\\"isDark\\\":false} -->\n<div class=\\\"wp-block-cover is-light\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-background-dim-10 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"placeholder\\\":\\\"タイトルを入力...\\\",\\\"fontSize\\\":\\\"large\\\"} -->\n<p class=\\\"has-text-align-center has-large-font-size\\\"></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:columns {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"color\\\":{\\\"background\\\":\\\"#f5f5f5\\\"}},\\\"className\\\":\\\"vk-cols\\\\u002d\\\\u002dfit vk-cols\\\\u002d\\\\u002dgrid\\\"} -->\n<div class=\\\"wp-block-columns are-vertically-aligned-center vk-cols--fit vk-cols--grid has-background\\\" style=\\\"background-color:#f5f5f5\\\"><!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"3rem\\\",\\\"right\\\":\\\"3rem\\\",\\\"bottom\\\":\\\"3rem\\\",\\\"left\\\":\\\"3rem\\\"}}}} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\" style=\\\"padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem\\\"><!-- wp:heading {\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h2 class=\\\"is-style-vk-heading-plain\\\" id=\\\"通常幅カラム背景塗り\\\">通常幅<br>カラム背景塗り</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>文章入力エリアの左右に余白があります。ブロックパターンはの組み合わせはブロックの機能だけでなく、各ブロックの「高度な設定」にcssを割り振って独自のcssを当てるとデザイナーさんがいろいろと力を発揮できる分野ではないかなと思います。</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\"} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":10,\\\"isDark\\\":false} -->\n<div class=\\\"wp-block-cover is-light\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-background-dim-10 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"placeholder\\\":\\\"タイトルを入力...\\\",\\\"fontSize\\\":\\\"large\\\"} -->\n<p class=\\\"has-text-align-center has-large-font-size\\\"></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
        "categories": [
            "columns",
            "%e3%82%a8%e3%83%aa%e3%82%a2_pr",
            "%e5%b9%85_%e9%80%9a%e5%b8%b8"
        ],
        "languages": [
            "ja"
        ],
        "blockTypes": [
            "core/columns",
            "core/column",
            "core/heading",
            "core/paragraph",
            "core/cover"
        ]
    },
    {
        "title": "プライバシーポリシー",
        "post_status": "publish",
        "post_name": "%e3%83%97%e3%83%a9%e3%82%a4%e3%83%90%e3%82%b7%e3%83%bc%e3%83%9d%e3%83%aa%e3%82%b7%e3%83%bc",
        "description": "",
        "content": "<!-- wp:paragraph -->\n<p>株式会社サンプル（以下、当社）は、ステークホルダーの皆様から取得した個人情報の重要性を認識し、保護することを当社の事業活動の基本であると共に経営上の最重要な課題の一つと考えています。</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>皆様へ安心・安全・信頼のサービスを提供していくため、以下のような基本方針を定め全社員に周知徹底を図り、これを遵守しています。</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>1. 基本方針 </h2>\n<!-- /wp:heading -->\n\n<!-- wp:list {\\\"ordered\\\":true} -->\n<ol><li> 当社は、個人情報保護法および関連するその他の法令・規範を遵守します。また、個人情報保護に関する社内規定（以下、当社規定）を定め、これを実施し、維持すると共に、継続的な改善に努めます。</li><li>当社は、個人情報保護に関する管理体制を確立するとともに、当社規程を役員および従業員に周知し、その遵守徹底に努めます。</li><li>当社は、個人情報をお客様に明示した利用目的の範囲内で取り扱います。また、当社はお客様からご提供頂いた個人情報を、お客様の同意がある場合または正当な理由がある場合を除き、第三者に開示または提供しません。</li><li>当社は、個人情報を正確かつ最新の状態に保つとともに、個人情報への不正アクセス、個人情報の漏えい、滅失、き損等の予防に努め、情報セキュリティの向上、是正を継続的に実施します。</li><li>当社は、お客様からの個人情報に関するお問い合わせ、開示等のご請求に誠実かつ迅速に対応します。 </li></ol>\n<!-- /wp:list -->\n\n<!-- wp:paragraph {\\\"align\\\":\\\"right\\\"} -->\n<p class=\\\"has-text-align-right\\\"> 2021年10月20日制定 <br>株式会社サンプル<br>代表 山田太郎 </p>\n<!-- /wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>2. 個人情報の利用目的 </h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>\n\n当社は、お客様から個人情報をご提供頂く場合、予め個人情報の利用目的を明示し、その利用目的の範囲内で利用します。予め明示した利用目的の範囲を超えて、お客様の個人情報を利用する必要が生じた場合は、お客様にその旨をご連絡し、お客様の同意を頂いた上で利用します。当社が保有する個人情報の利用目的は下記の通りです。\n\n</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:list {\\\"ordered\\\":true} -->\n<ol><li>お客様に関する個人情報\n<ul>\n<li>お客様との商談、お打ち合わせ等</li>\n<li>商品、資料等の発送</li>\n<li>サービス、イベント等のご案内送付</li>\n<li>顧客サポート、メンテナンスの提供</li>\n<li>お問い合わせ・ご相談への対応</li>\n<li>各種会員制サービスの提供</li>\n<li>サービス開発、アンケート調査実施、モニター等の実施</li>\n<li>契約の履行</li>\n</ul>\n</li><li>採用応募者に関する個人情報\n<ul>\n<li>採用応募者（インターンシップを含む）への採用情報等の提供・連絡</li>\n<li>当社での採用業務管理</li>\n</ul>\n</li></ol>\n<!-- /wp:list -->\n\n<!-- wp:heading -->\n<h2>3. 個人情報の適正な取得 </h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>\n\n当社では、個人情報の取得は、適法かつ公正な手段で行います。\n\n</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>4. 個人情報の提供 </h2>\n<!-- /wp:heading -->\n\n<!-- wp:list {\\\"ordered\\\":true} -->\n<ol><li>当社は、次の場合を除き、お客様の個人情報を第三者に開示または提供しません。\n<ol>\n<li>お客様の同意がある場合</li>\n<li>法令に基づく場合</li>\n<li>人の生命、身体又は財産の保護のために必要であって、お客様の同意を取ることが困難な場合</li>\n<li>利用目的の達成に必要な範囲で、個人情報の取り扱いを委託する場合</li>\n<li>合併、会社分割、営業譲渡その他の事由によって事業の承継が行われる場合</li>\n</ol>\n</li><li>当社は、上記（1）に関わらず、お客様へのサービス提供、お問い合わせ等への対応に関して、当社の関係会社や代理店より対応させて頂くことが適切と判断される場合に、お客様の住所、氏名、電話番号等を当該関係会社等へ提供することがあります。この場合、お客様は当社に対し当該関係会社等への個人情報提供の停止を請求することができます。</li></ol>\n<!-- /wp:list -->\n\n<!-- wp:heading -->\n<h2>5. 個人情報に関するお問い合わせ</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>\n\nお客様の個人情報の開示・訂正・削除等に関するお問い合わせは、お問い合わせフォームよりご連絡ください。\n\n</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:heading -->\n<h2>6. その他の事項 </h2>\n<!-- /wp:heading -->\n\n<!-- wp:heading {\\\"level\\\":3} -->\n<h3>アクセス情報について</h3>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>当サイトでは、より良いサービスをご提供させて頂くために、アクセスログ情報を取得する場合がございます。予めご了承下さい。アクセスログの取得はお客様の個人情報を特定することを目的としたものではありません。</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:heading {\\\"level\\\":3} -->\n<h3>クッキーについて</h3>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>当サイトでは、より快適にご利用して頂くために、サイトの一部でクッキー (Cookie)を使用しております。クッキー及びIPアドレス情報については、それら単独では特定の個人を識別することができないため、個人情報とは考えておりません。なお、クッキー情報については、ブラウザの設定で拒否することが可能です。</p>\n<!-- /wp:paragraph -->",
        "categories": [
            "%e3%83%9a%e3%83%bc%e3%82%b8_%e3%83%97%e3%83%a9%e3%82%a4%e3%83%90%e3%82%b7%e3%83%bc%e3%83%9d%e3%83%aa%e3%82%b7%e3%83%bc",
            "%e3%83%91%e3%82%bf%e3%83%bc%e3%83%b3%e3%82%bf%e3%82%a4%e3%83%97_%e3%83%9a%e3%83%bc%e3%82%b8_%e9%80%9a%e5%b8%b8%e5%b9%85",
            "%e5%b9%85_%e9%80%9a%e5%b8%b8"
        ],
        "languages": [
            "ja"
        ],
        "blockTypes": [
            "core/paragraph",
            "core/heading",
            "core/list"
        ]
    },
    {
        "title": "PR Content Full Width",
        "post_status": "publish",
        "post_name": "%e3%83%92%e3%83%bc%e3%83%ad%e3%83%bc1-2",
        "description": "",
        "content": "<!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":3450,\\\"dimRatio\\\":90,\\\"overlayColor\\\":\\\"black\\\",\\\"minHeight\\\":0,\\\"align\\\":\\\"full\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"2rem\\\",\\\"bottom\\\":\\\"1.5rem\\\"}}}} -->\n<div class=\\\"wp-block-cover alignfull\\\" style=\\\"padding-top:2rem;padding-bottom:1.5rem\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-black-background-color has-background-dim-90 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-3450\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:group {\\\"layout\\\":{\\\"inherit\\\":true}} -->\n<div class=\\\"wp-block-group\\\"><!-- wp:columns {\\\"className\\\":\\\"vk-cols\\\\u002d\\\\u002dreverse mb-0\\\"} -->\n<div class=\\\"wp-block-columns vk-cols--reverse mb-0\\\"><!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\"} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\"><!-- wp:image {\\\"align\\\":\\\"right\\\",\\\"id\\\":5421,\\\"sizeSlug\\\":\\\"full\\\",\\\"linkDestination\\\":\\\"media\\\",\\\"className\\\":\\\"vk-aligncenter\\\\u002d\\\\u002dmobile\\\"} -->\n<div class=\\\"wp-block-image vk-aligncenter--mobile\\\"><figure class=\\\"alignright size-full\\\"><a href=\\\"[pattern_directory]device_01.png\\\"><img src=\\\"[pattern_directory]device_01.png\\\" alt=\\\"\\\" class=\\\"wp-image-5421\\\"/></a></figure></div>\n<!-- /wp:image --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\"} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\"><!-- wp:heading {\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h2 class=\\\"is-style-vk-heading-plain\\\" id=\\\"コンセプトやキャッチコピー-1\\\">Catch phrase or Concept and so on</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p><meta charset=\\\"utf-8\\\">This part contains a description of your company.<br>Explain what you value, such as your company\\'s concept and philosophy. I recommend writing what you want to convey the most to your customers.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class=\\\"wp-block-buttons\\\"><!-- wp:button {\\\"width\\\":100,\\\"className\\\":\\\"is-style-outline\\\"} -->\n<div class=\\\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline\\\"><a class=\\\"wp-block-button__link\\\">Read more</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:cover -->",
        "categories": [
            "columns",
            "feature"
        ],
        "languages": [
            "en_us"
        ],
        "blockTypes": false
    },
    {
        "title": "PR カラム Free 02",
        "post_status": "publish",
        "post_name": "pr-%e3%82%ab%e3%83%a9%e3%83%a0-02",
        "description": "",
        "content": "<!-- wp:columns -->\n<div class=\\\"wp-block-columns\\\"><!-- wp:column -->\n<div class=\\\"wp-block-column\\\"><!-- wp:image {\\\"id\\\":3358,\\\"sizeSlug\\\":\\\"large\\\",\\\"linkDestination\\\":\\\"media\\\",\\\"className\\\":\\\"is-style-vk-image-border\\\"} -->\n<figure class=\\\"wp-block-image size-large is-style-vk-image-border\\\"><a href=\\\"[pattern_directory]pr_1.jpg\\\"><img src=\\\"[pattern_directory]pr_1-1024x410.jpg\\\" alt=\\\"\\\" class=\\\"wp-image-3358\\\"/></a></figure>\n<!-- /wp:image -->\n\n<!-- wp:group -->\n<div class=\\\"wp-block-group\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"level\\\":4,\\\"className\\\":\\\"mb-0 is-style-vk-heading-plain\\\"} -->\n<h4 class=\\\"has-text-align-center mb-0 is-style-vk-heading-plain\\\">ウェブ制作</h4>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"textColor\\\":\\\"cyan-bluish-gray\\\",\\\"fontSize\\\":\\\"small\\\"} -->\n<p class=\\\"has-text-align-center has-cyan-bluish-gray-color has-text-color has-small-font-size\\\">Web</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group -->\n\n<!-- wp:list {\\\"className\\\":\\\"is-style-vk-triangle-mark\\\"} -->\n<ul class=\\\"is-style-vk-triangle-mark\\\"><li>企画 / 構成 </li><li>ウェブサイト制作</li><li>ランディングページ制作</li></ul>\n<!-- /wp:list -->\n\n<!-- wp:spacer {\\\"height\\\":\\\"20px\\\"} -->\n<div style=\\\"height:20px\\\" aria-hidden=\\\"true\\\" class=\\\"wp-block-spacer\\\"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\\\"wp-block-column\\\"><!-- wp:image {\\\"id\\\":3359,\\\"sizeSlug\\\":\\\"large\\\",\\\"linkDestination\\\":\\\"media\\\",\\\"className\\\":\\\"is-style-vk-image-border\\\"} -->\n<figure class=\\\"wp-block-image size-large is-style-vk-image-border\\\"><a href=\\\"[pattern_directory]pr_2.jpg\\\"><img src=\\\"[pattern_directory]pr_2-1024x410.jpg\\\" alt=\\\"\\\" class=\\\"wp-image-3359\\\"/></a></figure>\n<!-- /wp:image -->\n\n<!-- wp:group -->\n<div class=\\\"wp-block-group\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"level\\\":4,\\\"className\\\":\\\"mb-0 is-style-vk-heading-plain\\\"} -->\n<h4 class=\\\"has-text-align-center mb-0 is-style-vk-heading-plain\\\">印刷物</h4>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"textColor\\\":\\\"cyan-bluish-gray\\\",\\\"fontSize\\\":\\\"small\\\"} -->\n<p class=\\\"has-text-align-center has-cyan-bluish-gray-color has-text-color has-small-font-size\\\">Printing</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group -->\n\n<!-- wp:list {\\\"className\\\":\\\"is-style-vk-triangle-mark\\\"} -->\n<ul class=\\\"is-style-vk-triangle-mark\\\"><li>チラシ / ポスター</li><li>名刺 / 各種カード</li><li>パンフレット</li></ul>\n<!-- /wp:list -->\n\n<!-- wp:spacer {\\\"height\\\":\\\"20px\\\"} -->\n<div style=\\\"height:20px\\\" aria-hidden=\\\"true\\\" class=\\\"wp-block-spacer\\\"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\\\"wp-block-column\\\"><!-- wp:image {\\\"id\\\":3360,\\\"sizeSlug\\\":\\\"large\\\",\\\"linkDestination\\\":\\\"media\\\",\\\"className\\\":\\\"is-style-vk-image-border\\\"} -->\n<figure class=\\\"wp-block-image size-large is-style-vk-image-border\\\"><a href=\\\"[pattern_directory]pr_3.jpg\\\"><img src=\\\"[pattern_directory]pr_3-1024x410.jpg\\\" alt=\\\"\\\" class=\\\"wp-image-3360\\\"/></a></figure>\n<!-- /wp:image -->\n\n<!-- wp:group -->\n<div class=\\\"wp-block-group\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"level\\\":4,\\\"className\\\":\\\"mb-0 is-style-vk-heading-plain\\\"} -->\n<h4 class=\\\"has-text-align-center mb-0 is-style-vk-heading-plain\\\">システム開発</h4>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"textColor\\\":\\\"cyan-bluish-gray\\\",\\\"fontSize\\\":\\\"small\\\"} -->\n<p class=\\\"has-text-align-center has-cyan-bluish-gray-color has-text-color has-small-font-size\\\">System</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group -->\n\n<!-- wp:list {\\\"className\\\":\\\"is-style-vk-triangle-mark\\\"} -->\n<ul class=\\\"is-style-vk-triangle-mark\\\"><li>ウェブシステム開発</li><li>各種CMS実装</li><li>業務システム開発</li></ul>\n<!-- /wp:list -->\n\n<!-- wp:spacer {\\\"height\\\":\\\"20px\\\"} -->\n<div style=\\\"height:20px\\\" aria-hidden=\\\"true\\\" class=\\\"wp-block-spacer\\\"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
        "categories": [
            "columns",
            "%e3%82%a8%e3%83%aa%e3%82%a2_pr",
            "%e5%b9%85_%e9%80%9a%e5%b8%b8"
        ],
        "languages": [
            "ja"
        ],
        "blockTypes": [
            "core/columns",
            "core/column",
            "core/image",
            "core/group",
            "core/heading",
            "core/paragraph",
            "core/list",
            "core/spacer"
        ]
    },
    {
        "title": "Fit Column",
        "post_status": "publish",
        "post_name": "2310-3",
        "description": "",
        "content": "<!-- wp:columns {\\\"verticalAlignment\\\":\\\"center\\\",\\\"className\\\":\\\"vk-cols\\\\u002d\\\\u002dreverse vk-cols\\\\u002d\\\\u002dfit vk-cols\\\\u002d\\\\u002dgrid\\\"} -->\n<div class=\\\"wp-block-columns are-vertically-aligned-center vk-cols--reverse vk-cols--fit vk-cols--grid\\\"><!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"3em\\\",\\\"right\\\":\\\"0em\\\",\\\"bottom\\\":\\\"3em\\\",\\\"left\\\":\\\"3em\\\"}}}} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\" style=\\\"padding-top:3em;padding-right:0em;padding-bottom:3em;padding-left:3em\\\"><!-- wp:heading {\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h2 class=\\\"is-style-vk-heading-plain\\\" id=\\\"通常幅カラム背景塗りなし\\\">Normal width <br>No background</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\"} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":10,\\\"isDark\\\":false} -->\n<div class=\\\"wp-block-cover is-light\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-background-dim-10 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"placeholder\\\":\\\"タイトルを入力...\\\",\\\"fontSize\\\":\\\"large\\\"} -->\n<p class=\\\"has-text-align-center has-large-font-size\\\"></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:columns {\\\"verticalAlignment\\\":\\\"center\\\",\\\"className\\\":\\\"vk-cols\\\\u002d\\\\u002dfit vk-cols\\\\u002d\\\\u002dgrid\\\"} -->\n<div class=\\\"wp-block-columns are-vertically-aligned-center vk-cols--fit vk-cols--grid\\\"><!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"3em\\\",\\\"right\\\":\\\"3em\\\",\\\"bottom\\\":\\\"3em\\\",\\\"left\\\":\\\"0em\\\"}}}} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\" style=\\\"padding-top:3em;padding-right:3em;padding-bottom:3em;padding-left:0em\\\"><!-- wp:heading {\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h2 class=\\\"is-style-vk-heading-plain\\\" id=\\\"通常幅カラム背景塗りなし\\\">Normal width <br>No background</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\"} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":10,\\\"isDark\\\":false} -->\n<div class=\\\"wp-block-cover is-light\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-background-dim-10 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"placeholder\\\":\\\"タイトルを入力...\\\",\\\"fontSize\\\":\\\"large\\\"} -->\n<p class=\\\"has-text-align-center has-large-font-size\\\"></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:columns {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"color\\\":{\\\"background\\\":\\\"#f5f5f5\\\"}},\\\"className\\\":\\\"vk-cols\\\\u002d\\\\u002dreverse vk-cols\\\\u002d\\\\u002dfit vk-cols\\\\u002d\\\\u002dgrid\\\"} -->\n<div class=\\\"wp-block-columns are-vertically-aligned-center vk-cols--reverse vk-cols--fit vk-cols--grid has-background\\\" style=\\\"background-color:#f5f5f5\\\"><!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"3rem\\\",\\\"right\\\":\\\"3rem\\\",\\\"bottom\\\":\\\"3rem\\\",\\\"left\\\":\\\"3rem\\\"}}}} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\" style=\\\"padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem\\\"><!-- wp:heading {\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h2 class=\\\"is-style-vk-heading-plain\\\" id=\\\"通常幅カラム背景塗りなし\\\">Normal width <br>has background</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\"} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":10,\\\"isDark\\\":false} -->\n<div class=\\\"wp-block-cover is-light\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-background-dim-10 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"placeholder\\\":\\\"タイトルを入力...\\\",\\\"fontSize\\\":\\\"large\\\"} -->\n<p class=\\\"has-text-align-center has-large-font-size\\\"></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:columns {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"color\\\":{\\\"background\\\":\\\"#f5f5f5\\\"}},\\\"className\\\":\\\"vk-cols\\\\u002d\\\\u002dfit vk-cols\\\\u002d\\\\u002dgrid\\\"} -->\n<div class=\\\"wp-block-columns are-vertically-aligned-center vk-cols--fit vk-cols--grid has-background\\\" style=\\\"background-color:#f5f5f5\\\"><!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\",\\\"style\\\":{\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"3rem\\\",\\\"right\\\":\\\"3rem\\\",\\\"bottom\\\":\\\"3rem\\\",\\\"left\\\":\\\"3rem\\\"}}}} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\" style=\\\"padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem\\\"><!-- wp:heading {\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h2 class=\\\"is-style-vk-heading-plain\\\" id=\\\"通常幅カラム背景塗りなし\\\">Normal width <br>has background</h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph -->\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\\\"verticalAlignment\\\":\\\"center\\\"} -->\n<div class=\\\"wp-block-column is-vertically-aligned-center\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":10,\\\"isDark\\\":false} -->\n<div class=\\\"wp-block-cover is-light\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-background-dim-10 wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"placeholder\\\":\\\"タイトルを入力...\\\",\\\"fontSize\\\":\\\"large\\\"} -->\n<p class=\\\"has-text-align-center has-large-font-size\\\"></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
        "categories": [
            "columns"
        ],
        "languages": [
            "en_us"
        ],
        "blockTypes": [
            "core/columns",
            "core/column",
            "core/heading",
            "core/paragraph",
            "core/cover"
        ]
    },
    {
        "title": "Column Menu Fit",
        "post_status": "publish",
        "post_name": "2319-2-2",
        "description": "",
        "content": "<!-- wp:columns {\\\"className\\\":\\\"vk-cols\\\\u002d\\\\u002dmenu vk-cols\\\\u002d\\\\u002dfit vk-cols\\\\u002d\\\\u002dfit\\\\u002d\\\\u002dgap1\\\"} -->\n<div class=\\\"wp-block-columns vk-cols--menu vk-cols--fit vk-cols--fit--gap1\\\"><!-- wp:column -->\n<div class=\\\"wp-block-column\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":50,\\\"overlayColor\\\":\\\"black\\\",\\\"minHeight\\\":300,\\\"isDark\\\":false,\\\"style\\\":{\\\"color\\\":{\\\"duotone\\\":[\\\"#000000\\\",\\\"#00a5ff\\\"]}}} -->\n<div class=\\\"wp-block-cover is-light\\\" style=\\\"min-height:300px\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-black-background-color wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"level\\\":4,\\\"style\\\":{\\\"typography\\\":{\\\"fontSize\\\":\\\"2em\\\"}},\\\"textColor\\\":\\\"white\\\",\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h4 class=\\\"has-text-align-center is-style-vk-heading-plain has-white-color has-text-color\\\" id=\\\"お部屋\\\" style=\\\"font-size:2em\\\">Product</h4>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"textColor\\\":\\\"white\\\"} -->\n<p class=\\\"has-text-align-center has-white-color has-text-color\\\">Love and Peace</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons {\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"justifyContent\\\":\\\"center\\\",\\\"orientation\\\":\\\"horizontal\\\"}} -->\n<div class=\\\"wp-block-buttons\\\"><!-- wp:button {\\\"backgroundColor\\\":\\\"vk-color-primary\\\",\\\"style\\\":{\\\"border\\\":{\\\"radius\\\":\\\"3px\\\"},\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"0.6em\\\",\\\"bottom\\\":\\\"0.6em\\\",\\\"left\\\":\\\"1.3em\\\",\\\"right\\\":\\\"1.3em\\\"}}}} -->\n<div class=\\\"wp-block-button\\\"><a class=\\\"wp-block-button__link has-vk-color-primary-background-color has-background\\\" style=\\\"border-radius:3px;padding-top:0.6em;padding-right:1.3em;padding-bottom:0.6em;padding-left:1.3em\\\">Read more</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\\\"wp-block-column\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":50,\\\"overlayColor\\\":\\\"black\\\",\\\"minHeight\\\":300,\\\"isDark\\\":false,\\\"style\\\":{\\\"color\\\":{\\\"duotone\\\":[\\\"#000000\\\",\\\"#00a5ff\\\"]}}} -->\n<div class=\\\"wp-block-cover is-light\\\" style=\\\"min-height:300px\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-black-background-color wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"level\\\":4,\\\"style\\\":{\\\"typography\\\":{\\\"fontSize\\\":\\\"2em\\\"}},\\\"textColor\\\":\\\"white\\\",\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h4 class=\\\"has-text-align-center is-style-vk-heading-plain has-white-color has-text-color\\\" id=\\\"お部屋\\\" style=\\\"font-size:2em\\\">Product</h4>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"textColor\\\":\\\"white\\\"} -->\n<p class=\\\"has-text-align-center has-white-color has-text-color\\\">Love and Peace</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons {\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"justifyContent\\\":\\\"center\\\",\\\"orientation\\\":\\\"horizontal\\\"}} -->\n<div class=\\\"wp-block-buttons\\\"><!-- wp:button {\\\"backgroundColor\\\":\\\"vk-color-primary\\\",\\\"style\\\":{\\\"border\\\":{\\\"radius\\\":\\\"3px\\\"},\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"0.6em\\\",\\\"bottom\\\":\\\"0.6em\\\",\\\"left\\\":\\\"1.3em\\\",\\\"right\\\":\\\"1.3em\\\"}}}} -->\n<div class=\\\"wp-block-button\\\"><a class=\\\"wp-block-button__link has-vk-color-primary-background-color has-background\\\" style=\\\"border-radius:3px;padding-top:0.6em;padding-right:1.3em;padding-bottom:0.6em;padding-left:1.3em\\\">Read more</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class=\\\"wp-block-column\\\"><!-- wp:cover {\\\"url\\\":\\\"[pattern_directory]pr-img.png\\\",\\\"id\\\":2311,\\\"dimRatio\\\":50,\\\"overlayColor\\\":\\\"black\\\",\\\"minHeight\\\":300,\\\"isDark\\\":false,\\\"style\\\":{\\\"color\\\":{\\\"duotone\\\":[\\\"#000000\\\",\\\"#00a5ff\\\"]}}} -->\n<div class=\\\"wp-block-cover is-light\\\" style=\\\"min-height:300px\\\"><span aria-hidden=\\\"true\\\" class=\\\"has-black-background-color wp-block-cover__gradient-background has-background-dim\\\"></span><img class=\\\"wp-block-cover__image-background wp-image-2311\\\" alt=\\\"\\\" src=\\\"[pattern_directory]pr-img.png\\\" data-object-fit=\\\"cover\\\"/><div class=\\\"wp-block-cover__inner-container\\\"><!-- wp:heading {\\\"textAlign\\\":\\\"center\\\",\\\"level\\\":4,\\\"style\\\":{\\\"typography\\\":{\\\"fontSize\\\":\\\"2em\\\"}},\\\"textColor\\\":\\\"white\\\",\\\"className\\\":\\\"is-style-vk-heading-plain\\\"} -->\n<h4 class=\\\"has-text-align-center is-style-vk-heading-plain has-white-color has-text-color\\\" id=\\\"お部屋\\\" style=\\\"font-size:2em\\\">Product</h4>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {\\\"align\\\":\\\"center\\\",\\\"textColor\\\":\\\"white\\\"} -->\n<p class=\\\"has-text-align-center has-white-color has-text-color\\\">Love and Peace</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons {\\\"layout\\\":{\\\"type\\\":\\\"flex\\\",\\\"justifyContent\\\":\\\"center\\\",\\\"orientation\\\":\\\"horizontal\\\"}} -->\n<div class=\\\"wp-block-buttons\\\"><!-- wp:button {\\\"backgroundColor\\\":\\\"vk-color-primary\\\",\\\"style\\\":{\\\"border\\\":{\\\"radius\\\":\\\"3px\\\"},\\\"spacing\\\":{\\\"padding\\\":{\\\"top\\\":\\\"0.6em\\\",\\\"bottom\\\":\\\"0.6em\\\",\\\"left\\\":\\\"1.3em\\\",\\\"right\\\":\\\"1.3em\\\"}}}} -->\n<div class=\\\"wp-block-button\\\"><a class=\\\"wp-block-button__link has-vk-color-primary-background-color has-background\\\" style=\\\"border-radius:3px;padding-top:0.6em;padding-right:1.3em;padding-bottom:0.6em;padding-left:1.3em\\\">Read more</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->",
        "categories": [
            "columns"
        ],
        "languages": [
            "en_us"
        ],
        "blockTypes": [
            "core/columns",
            "core/column",
            "core/cover",
            "core/heading",
            "core/paragraph",
            "core/buttons",
            "core/button"
        ]
    }
]