<!-- wp:heading -->
<h2 class="wp-block-heading">ボーダー</h2>
<!-- /wp:heading -->

<!-- wp:list {"className":"is-style-border-solid has-border"} -->
<ul class="is-style-border-solid has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-double has-border"} -->
<ul class="is-style-border-double has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-dashed has-border"} -->
<ul class="is-style-border-dashed has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-dotted has-border"} -->
<ul class="is-style-border-dotted has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-thin-and-thick has-border"} -->
<ul class="is-style-border-thin-and-thick has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-convex has-border"} -->
<ul class="is-style-border-convex has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-radius-s-solid has-border"} -->
<ul class="is-style-border-radius-s-solid has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-radius-s-double has-border"} -->
<ul class="is-style-border-radius-s-double has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-radius-s-dashed has-border"} -->
<ul class="is-style-border-radius-s-dashed has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-radius-s-dotted has-border"} -->
<ul class="is-style-border-radius-s-dotted has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-radius-s-thin-and-thick has-border"} -->
<ul class="is-style-border-radius-s-thin-and-thick has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-radius-s-convex has-border"} -->
<ul class="is-style-border-radius-s-convex has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-radius-l-solid has-border"} -->
<ul class="is-style-border-radius-l-solid has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-radius-l-double has-border"} -->
<ul class="is-style-border-radius-l-double has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-radius-l-dashed has-border"} -->
<ul class="is-style-border-radius-l-dashed has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-radius-l-dotted has-border"} -->
<ul class="is-style-border-radius-l-dotted has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-border-radius-l-convex has-border"} -->
<ul class="is-style-border-radius-l-convex has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-blank-box-gray has-border"} -->
<ul class="is-style-blank-box-gray has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-blank-box-red has-border"} -->
<ul class="is-style-blank-box-red has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-blank-box-pink has-border"} -->
<ul class="is-style-blank-box-pink has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-blank-box-navy has-border"} -->
<ul class="is-style-blank-box-navy has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-blank-box-blue has-border"} -->
<ul class="is-style-blank-box-blue has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-blank-box-purple has-border"} -->
<ul class="is-style-blank-box-purple has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-blank-box-orange has-border"} -->
<ul class="is-style-blank-box-orange has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-blank-box-yellow has-border"} -->
<ul class="is-style-blank-box-yellow has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-blank-box-green has-border"} -->
<ul class="is-style-blank-box-green has-border"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading">スタイル</h2>
<!-- /wp:heading -->

<!-- wp:list {"className":"is-style-numeric-list-enclosed has-list-style"} -->
<ul class="is-style-numeric-list-enclosed has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-numeric-list-rank has-list-style"} -->
<ul class="is-style-numeric-list-rank has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-numeric-list-step has-list-style"} -->
<ul class="is-style-numeric-list-step has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-check has-list-style"} -->
<ul class="is-style-icon-list-check has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-check-valid has-list-style"} -->
<ul class="is-style-icon-list-check-valid has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-check-disabled has-list-style"} -->
<ul class="is-style-icon-list-check-disabled has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-circle has-list-style"} -->
<ul class="is-style-icon-list-circle has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-triangle has-list-style"} -->
<ul class="is-style-icon-list-triangle has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-cross has-list-style"} -->
<ul class="is-style-icon-list-cross has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-info has-list-style"} -->
<ul class="is-style-icon-list-info has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-question has-list-style"} -->
<ul class="is-style-icon-list-question has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-warning has-list-style"} -->
<ul class="is-style-icon-list-warning has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-paw has-list-style"} -->
<ul class="is-style-icon-list-paw has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-thumb-up has-list-style"} -->
<ul class="is-style-icon-list-thumb-up has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-thumb-down has-list-style"} -->
<ul class="is-style-icon-list-thumb-down has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-comment has-list-style"} -->
<ul class="is-style-icon-list-comment has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-user-man has-list-style"} -->
<ul class="is-style-icon-list-user-man has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-user-woman has-list-style"} -->
<ul class="is-style-icon-list-user-woman has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-heart has-list-style"} -->
<ul class="is-style-icon-list-heart has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-heart-broken has-list-style"} -->
<ul class="is-style-icon-list-heart-broken has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:list {"className":"is-style-icon-list-ban has-list-style"} -->
<ul class="is-style-icon-list-ban has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2 class="wp-block-heading">アイコンリストブロック内のリストでも使用可能</h2>
<!-- /wp:heading -->

<!-- wp:cocoon-blocks/iconlist-box {"title":"アイコンリストブロック","borderColor":"indigo"} -->
<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-caret-right block-box has-border-color has-indigo-border-color"><div class="iconlist-title">アイコンリストブロック</div><!-- wp:list {"className":"is-style-numeric-list-enclosed has-list-style"} -->
<ul class="is-style-numeric-list-enclosed has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/iconlist-box -->

<!-- wp:cocoon-blocks/iconlist-box {"title":"アイコンリストブロック","borderColor":"red"} -->
<div class="wp-block-cocoon-blocks-iconlist-box iconlist-box blank-box list-caret-right block-box has-border-color has-red-border-color"><div class="iconlist-title">アイコンリストブロック</div><!-- wp:list {"className":"is-style-icon-list-paw has-list-style"} -->
<ul class="is-style-icon-list-paw has-list-style"><!-- wp:list-item -->
<li>リスト1</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト2</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>リスト3</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:cocoon-blocks/iconlist-box -->