/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 17:1 Unexpected "{"
Line 17:2 Expected identifier but found "%"
Line 19:11 Unexpected "{"
Line 19:20 Expected ":"
Line 26:11 Unexpected "{"
Line 26:20 Expected ":"
Line 31:11 Unexpected "{"
Line 31:20 Expected ":"
... and 92 more hidden warnings

**/
{%- style -%}
	{% render 'section-padding' %}

	.section-{{ section.id }} .rich-text {
		margin: auto;
		max-width: 110rem;
		text-align: left;
		width: 100%;
	}

	.section-{{ section.id }} .rich-text.rich-text--full-width {
		max-width: initial;
		width: 100%;
	}

	.section-{{ section.id }} .rich-text__blocks {
		margin: auto;
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}

	.section-{{ section.id }} .rich-text__blocks * {
		overflow-wrap: break-word;
	}

	@media screen and (min-width: 750px) {
		.section-{{ section.id }} .rich-text__blocks {
			max-width: 50rem;
		}
	}

	@media screen and (min-width: 990px) {
		.section-{{ section.id }} .rich-text__blocks {
			max-width: 78rem;
		}
	}

	@media screen and (min-width: 1440px) {
		.section-{{ section.id }} .rich-text__blocks {
			padding-left: 64px;
			padding-right: 64px;
		}
	}

	/* Blocks */
	.section-{{ section.id }} .rich-text__blocks > * {
		margin-top: 0;
		margin-bottom: 0;
	}

	.section-{{ section.id }} .rich-text__blocks > * + * {
		margin-top: 1.6rem;
	}

	.section-{{ section.id }} .rich-text__blocks > * + a {
		margin-top: 2.4rem;
	}

	.section-{{ section.id }} .rich-text__text p {
		margin: 0;
	}
{%- endstyle -%}

<div class="rich-text{% if section.settings.full_width %} rich-text--full-width{% endif %} color-{{ section.settings.color_scheme }} background section-{{ section.id }}-padding section-{{ section.id }}">
	<div class="rich-text__blocks">
		{%- for block in section.blocks -%}
			{%- case block.type -%}
				{%- when 'subheading' -%}
					<div
						class="rich-text__subheading subtitle"
						{{ block.shopify_attributes }}
					>
						{{ block.settings.subheading | escape }}
					</div>
				{%- when 'heading' -%}
					<{{ block.settings.heading_tag }}
						class="title--section {% if block.settings.heading_size == 'medium' %}h2{% else %}h1{% endif %}"
						{{ block.shopify_attributes }}
					>
						{% comment %} Remove replacement from v1.2.3 version {% endcomment %}
						{{ block.settings.heading
							| replace: '<h1>', '' | replace: '</h1>', ''
							| replace: '<h2>', '' | replace: '</h2>', ''
							| replace: '<h3>', '' | replace: '</h3>', ''
							| replace: '<h4>', '' | replace: '</h4>', ''
							| replace: '<h5>', '' | replace: '</h5>', ''
							| replace: '<h6>', '' | replace: '</h6>', ''
						}}
					</{{ block.settings.heading_tag }}>
				{%- when 'text' -%}
					<div class="rich-text__text" {{ block.shopify_attributes }}>
						{{ block.settings.text }}
					</div>
				{%- when 'button' -%}
					{% if block.settings.button_label != blank %}
						
							{% if block.settings.button_link == blank %}
								aria-disabled="true"
							{% else %}
								href="{{ block.settings.button_link }}"
							{% endif %}
							class="button button--primary-size button--{{- block.settings.button_style -}}"
							{{ block.shopify_attributes }}
						>
							<span class="button-label">
								{{- block.settings.button_label | escape -}}
							</span>
							{% if block.settings.button_arrow %}
								<span class="button-icon">
									{% render 'icon-button-arrow' %}
								</span>
							{% endif %}
						</a>
					{% endif %}
			{%- endcase -%}
		{%- endfor -%}
	</div>
</div>

{% schema %}
{
	"name": "RGGリッチテキスト",
	"tag": "section",
	"class": "spaced-section spaced-section--full-width",
	"enabled_on": {
		"templates": ["*"]
	},
	"settings": [
		{
			"type": "color_scheme",
			"id": "color_scheme",
			"default": "background-2",
			"label": "カラースキーム"
		},
		{
			"type": "checkbox",
			"id": "full_width",
			"default": true,
			"label": "全幅表示"
		},
		{
			"type": "header",
			"content": "セクション余白"
		},
		{
			"type": "select",
			"id": "padding_top",
			"options": [
				{
					"value": "no-indent",
					"label": "なし"
				},
				{
					"value": "xs",
					"label": "極小"
				},
				{
					"value": "s",
					"label": "小"
				},
				{
					"value": "m",
					"label": "中"
				},
				{
					"value": "l",
					"label": "大"
				}
			],
			"default": "m",
			"label": "上余白"
		},
		{
			"type": "select",
			"id": "padding_bottom",
			"options": [
				{
					"value": "no-indent",
					"label": "なし"
				},
				{
					"value": "xs",
					"label": "極小"
				},
				{
					"value": "s",
					"label": "小"
				},
				{
					"value": "m",
					"label": "中"
				},
				{
					"value": "l",
					"label": "大"
				}
			],
			"default": "m",
			"label": "下余白"
		}
	],
	"blocks": [
		{
			"type": "subheading",
			"name": "小見出し",
			"limit": 1,
			"settings": [
				{
					"type": "text",
					"id": "subheading",
					"default": "小見出し",
					"label": "小見出し"
				}
			]
		},
		{
			"type": "heading",
			"name": "見出し",
			"limit": 1,
			"settings": [
				{
					"type": "inline_richtext",
					"id": "heading",
					"default": "見出しテキスト",
					"label": "見出し"
				},
				{
					"type": "select",
					"id": "heading_size",
					"options": [
						{
							"value": "medium",
							"label": "中"
						},
						{
							"value": "large",
							"label": "大"
						}
					],
					"default": "medium",
					"label": "見出しサイズ"
				},
				{
					"type": "select",
					"id": "heading_tag",
					"options": [
						{
							"value": "h1",
							"label": "H1"
						},
						{
							"value": "h2",
							"label": "H2"
						},
						{
							"value": "h3",
							"label": "H3"
						},
						{
							"value": "h4",
							"label": "H4"
						},
						{
							"value": "h5",
							"label": "H5"
						},
						{
							"value": "h6",
							"label": "H6"
						}
					],
					"default": "h2",
					"label": "見出しタグ"
				}
			]
		},
		{
			"type": "text",
			"name": "テキスト",
			"limit": 1,
			"settings": [
				{
					"type": "richtext",
					"id": "text",
					"default": "<p>テキストを入力してください</p>",
					"label": "テキスト"
				}
			]
		},
		{
			"type": "button",
			"name": "ボタン",
			"limit": 1,
			"settings": [
				{
					"type": "header",
					"content": "ボタン設定"
				},
				{
					"type": "text",
					"id": "button_label",
					"default": "ボタンラベル",
					"label": "ボタンラベル",
					"info": "空白の場合ボタンは表示されません"
				},
				{
					"type": "url",
					"id": "button_link",
					"label": "リンク先"
				},
				{
					"type": "select",
					"id": "button_style",
					"options": [
						{
							"value": "primary",
							"label": "プライマリー"
						},
						{
							"value": "secondary",
							"label": "セカンダリー"
						},
						{
							"value": "tertiary",
							"label": "テキストリンク"
						}
					],
					"default": "primary",
					"label": "ボタンスタイル"
				},
				{
					"type": "checkbox",
					"id": "button_arrow",
					"default": true,
					"label": "矢印アイコンを表示"
				}
			]
		}
	],
	"presets": [
		{
			"name": "RGGリッチテキスト",
			"blocks": [
				{
					"type": "subheading"
				},
				{
					"type": "heading"
				},
				{
					"type": "text"
				},
				{
					"type": "button"
				}
			]
		}
	]
}
{% endschema %}