var globalSettings = {
	"include_layout_files":[
		"inc__main_header", "inc__main_header_logo", "inc__main_header_complogo", "inc__main_header_gmenucta", "inc__main_header_gmenusub",
		"inc__main_footer", "inc__expansion_footer",
		"inc__section_bg", "inc__section_title", "inc__section_message", "inc__section_footer",
		"inc__item_title", "inc__item_subtitle", "inc__item_figure", "inc__item_body", "inc__item_span",
		"inc__parts_image", "inc__parts_taglist", "inc__parts_btn", "inc__hero_clip"
	],
	"include_comp_files":[
		"comp__headline", "comp__text", "comp__textarea", "comp__subtext", "comp__inlinetext", "comp__label", "comp__labels", "comp__datetime", "comp__tel","comp__badge",
		"comp__image", "comp__images", "comp__file", "comp__embed", "comp__bgimage", "comp__bgmovie",
		"comp__button", "comp__buttons", "comp__links",
		"comp__ullist", "comp__ollist",
		"comp__table",
		"comp__tablist",
		"comp__container", "comp__contatiner", "comp__container-vertical", "comp__container-horizontal", "comp__container-list", "comp__dl",
		"comp__group", "comp__blockquote", "comp__accordion", "comp__remarks",
		"comp__section_title", "comp__section_message", "comp__section_footer",
		"comp__section_headline", "comp__section_textarea", "comp__section_image", "comp__section_3block", "comp__section_table", "comp__section_ullist", "comp__section_ollist"
	],
	"bgshape_list":[
		{"id":"shape001"},
		{"id":"shape002"},
		{"id":"shape003"},
		{"id":"shape004"},
		{"id":"shape005"},
		{"id":"shape006"},
		{"id":"shape007"},
		{"id":"shape009"},
		{"id":"shape011"},
		{"id":"shape012"},
		{"id":"shape013"},
		{"id":"shape014"},
		{"id":"shape015"},
		{"id":"shape016"},
		{"id":"shape017"},
		{"id":"shape018"},
		{"id":"shape019"},
		{"id":"shape020"}
	],
	"thema_list":{
		"thema03":{
			"id": "thema03",
			"name": "thema03",
			"s-align":"s-align-center",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape003",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_dictionary01":{
			"id": "thema_dictionary01",
			"name": "辞書",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape003",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_forest01":{
			"id": "thema_forest01",
			"name": "森林",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-primary-leftline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_deepsea01":{
			"id": "thema_deepsea01",
			"name": "深海",
			"s-align":"s-align-left",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-leftline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_cheesecake01":{
			"id": "thema_cheesecake01",
			"name": "チーズケーキ",
			"s-align":"s-align-center",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-underline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_rose01":{
			"id": "thema_rose01",
			"name": "バラ",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-underline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_honda01":{
			"id": "thema_honda01",
			"name": "ホンダ",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-underline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_nri01":{
			"id": "thema_nri01",
			"name": "NRI",
			"s-align":"s-align-center",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate",
			"s-headline":"s-headline-002",
			"s-container-vertical": "s-container-vertical-005",
			"s-container-horizontal": "s-container-horizontal-005",
			"s-container-list":"s-container-list-005",
			"s-text-link":"s-text-link-001",
			"s-btn":"s-btn-002",
			"s-label":"s-label-002"
		},
		"thema_tkc01":{
			"id": "thema_tkc01",
			"name": "TKC01",
			"s-align":"s-align-center",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-border":"s-border-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-bg-blend": "s-hero-bg-blend-main",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate",
			"s-headline":"s-headline-002",
			"s-container-vertical": "s-container-vertical-005",
			"s-container-horizontal": "s-container-horizontal-005",
			"s-container-list":"s-container-list-005",
			"s-animation":"s-animation-001",
			"s-text-link":"s-text-link-001",
			"s-text-link-icon":"icon-before--circle-arrow",
			"s-btn":"s-btn-002",
			"s-btn-icon":"icon-after--circle-arrow",
			"s-label":"s-label-003",
			"s-badge":"s-badge-003",
			"s-table":"s-table-001",
			"list-color": ["tkc-001","tkc-002","tkc-003","tkc-004"]
		},
		"thema_tkc02":{
			"id": "thema_tkc02",
			"name": "TKC01",
			"s-align":"s-align-center",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-border":"s-border-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate",
			"s-headline":"s-headline-002",
			"s-container-vertical": "s-container-vertical-005",
			"s-container-horizontal": "s-container-horizontal-005",
			"s-container-list":"s-container-list-005",
			"s-animation":"s-animation-001",
			"s-text-link":"s-text-link-001",
			"s-text-link-icon":"icon-before--circle-arrow",
			"s-btn":"s-btn-002",
			"s-btn-icon":"icon-after--circle-arrow",
			"s-label":"s-label-003",
			"s-badge":"s-badge-003"
		},
		"thema_tkc03":{
			"id": "thema_tkc03",
			"name": "TKC01",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-border":"s-border-small",
			"s-font-family":"s-font-family-serif",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-none",
			"s-headline":"s-headline-002",
			"s-container-vertical": "s-container-vertical-005",
			"s-container-horizontal": "s-container-horizontal-005",
			"s-container-list":"s-container-list-005",
			"s-animation":"s-animation-002",
			"s-text-link":"s-text-link-001",
			"s-text-link-icon":"icon-before--circle-arrow",
			"s-btn":"s-btn-002",
			"s-btn-icon":"icon-after--arrow",
			"s-label":"s-label-004",
			"s-badge":"s-badge-004",
			"s-dl":"s-dl-001",
			"list-color": ["tkc-001","tkc-002","tkc-003","tkc-004","tkc-005","tkc-006"]
		},
		"thema_cac01":{
			"id": "thema_cac01",
			"name": "CAC01",
			"s-align":"s-align-center",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-border":"s-border-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-bg-blend": "s-hero-bg-blend-main",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate",
			"s-headline":"s-headline-002",
			"s-container-vertical": "s-container-vertical-005",
			"s-container-horizontal": "s-container-horizontal-005",
			"s-container-list":"s-container-list-005",
			"s-animation":"s-animation-001",

			"s-text-link-icon":"icon-before--circle-arrow",
			"s-btn-icon":"icon-after--circle-arrow",
			"s-container-icon":"icon-after--triangle-arrow",
			"s-extarnal-icon":"icon--extarnal",

			"s-text-link":"s-text-link-002",
			"s-btn":"s-btn-002",
			"s-label":"s-label-002",
			"s-label-link-icon":"icon-before--arrow",
			"s-badge":"s-badge-003",
			"s-table":"s-table-001",
			"list-color": ["tkc-001","tkc-002","tkc-003","tkc-004"]
		},
		"thema_cac02":{
			"id": "thema_cac02",
			"name": "CAC02",
			"s-align":"s-align-center",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-border":"s-border-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-bg-blend": "s-hero-bg-blend-main",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate",
			"s-headline":"s-headline-cac001",
			"s-container-vertical": "s-container-vertical-cac001",
			"s-container-horizontal": "s-container-horizontal-cac001",
			"s-container-list":"s-container-list-cac001",
			"s-animation":"s-animation-cac001",

			"s-text-link-icon":"icon-before--circle-arrow",
			"s-btn-icon":"icon-after--circle-arrow",
			"s-container-icon":"icon-after--triangle-arrow",
			"s-extarnal-icon":"icon--extarnal",

			"s-text-link":"s-text-link-cac001",
			"s-btn":"s-btn-cac001",
			"s-label":"s-label-cac001",
			"s-label-link-icon":"icon-before--arrow",
			"s-badge":"s-badge-cac001",
			"s-table":"s-table-cac001"
		},
		"thema_dcs01":{
			"id": "thema_dcs01",
			"name": "DCS01",
			"s-align":"s-align-center",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-border":"s-border-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-none",
			"s-headline":"s-headline-005",
			"s-container-vertical": "s-container-vertical-005",
			"s-container-horizontal": "s-container-horizontal-005",
			"s-container-list":"s-container-list-005",
			"s-animation":"s-animation-001",
			"s-text-link":"s-text-link-001",
			"s-text-link-icon":"icon-before--circle-arrow",
			"s-btn":"s-btn-002",
			"s-btn-icon":"icon-after--circle-arrow",
			"s-label":"s-label-003",
			"s-badge":"s-badge-003",
			"s-table":"s-table-001",
			"list-color": ["dcs-001"]
		},
		"thema_dcs02":{
			"id": "thema_dcs02",
			"name": "DCS02",
			"s-align":"s-align-center",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-border":"s-border-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-none",
			"s-headline":"s-headline-005",
			"s-container-vertical": "s-container-vertical-005",
			"s-container-horizontal": "s-container-horizontal-005",
			"s-container-list":"s-container-list-005",
			"s-animation":"s-animation-001",
			"s-text-link":"s-text-link-001",
			"s-text-link-icon":"icon-before--circle-arrow",
			"s-btn":"s-btn-002",
			"s-btn-icon":"icon-after--circle-arrow",
			"s-label":"s-label-003",
			"s-badge":"s-badge-003",
			"s-table":"s-table-001",
			"list-color": ["dcs-001"]
		},
		"thema_dcs03":{
			"id": "thema_dcs03",
			"name": "DCS03",
			"s-align":"s-align-center",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-border":"s-border-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-none",
			"s-headline":"s-headline-005",
			"s-container-vertical": "s-container-vertical-005",
			"s-container-horizontal": "s-container-horizontal-005",
			"s-container-list":"s-container-list-005",
			"s-animation":"s-animation-001",
			"s-text-link":"s-text-link-001",
			"s-text-link-icon":"icon-before--circle-arrow",
			"s-btn":"s-btn-002",
			"s-btn-icon":"icon-after--circle-arrow",
			"s-label":"s-label-003",
			"s-badge":"s-badge-003",
			"s-table":"s-table-001",
			"list-color": ["dcs-001"]
		},
		"thema_dcs04":{
			"id": "thema_dcs04",
			"name": "DCS04",
			"s-align":"s-align-center",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-border":"s-border-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-none",
			"s-headline":"s-headline-005",
			"s-container-vertical": "s-container-vertical-005",
			"s-container-horizontal": "s-container-horizontal-005",
			"s-container-list":"s-container-list-005",
			"s-animation":"s-animation-001",
			"s-text-link":"s-text-link-001",
			"s-text-link-icon":"icon-before--circle-arrow",
			"s-btn":"s-btn-002",
			"s-btn-icon":"icon-after--circle-arrow",
			"s-label":"s-label-003",
			"s-badge":"s-badge-003",
			"s-table":"s-table-001",
			"list-color": ["dcs-001"]
		},
		"thema_hjcardgamer02":{
			"id": "thema_hjcardgamer02",
			"name": "hjcardgamer02",
			"s-align":"s-align-left",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-border":"s-border-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-bg-blend": "s-hero-bg-blend-main",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-none",
			"s-headline":"s-headline-002",
			"s-container-vertical": "s-container-vertical-005",
			"s-container-horizontal": "s-container-horizontal-005",
			"s-container-list":"s-container-list-005",
			"s-animation":"s-animation-001",
			"s-text-link":"s-text-link-001",
			"s-text-link-icon":"icon-before--circle-arrow",
			"s-btn":"s-btn-002",
			"s-btn-icon":"icon-after--circle-arrow",
			"s-label":"s-label-003",
			"s-badge":"s-badge-003",
			"s-table":"s-table-001"
		},
		"thema_space01":{
			"id": "thema_space01",
			"name": "宇宙",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-leftline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_lavender01":{
			"id": "thema_lavender01",
			"name": "ラベンダー",
			"s-align":"s-align-left",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_cherryBlossom01":{
			"id": "thema_cherryBlossom01",
			"name": "お花見",
			"s-align":"s-align-left",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-leftline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_coffeeBeans01":{
			"id": "thema_coffeeBeans01",
			"name": "コーヒー豆の麻袋",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-leftline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_weddingBouquet01":{
			"id": "thema_weddingBouquet01",
			"name": "ウェディングブーケ",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-leftline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_stationNameplate01":{
			"id": "thema_stationNameplate01",
			"name": "駅の表札",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-leftline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_london01":{
			"id": "thema_london01",
			"name": "霧のロンドン",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-leftline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_champagne01":{
			"id": "thema_champagne01",
			"name": "シャンパン",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-leftline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_orange01":{
			"id": "thema_orange01",
			"name": "オレンジ",
			"s-align":"s-align-left",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-leftline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},
		"thema_building01":{
			"id": "thema_building01",
			"name": "ビル",
			"s-align":"s-align-center",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-underline",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001",
			"s-content-bg":"s-content-bg-alternate"
		},


		
		"thema_test001":{
			"id": "thema_test001",
			"name": "test001",
			"s-align":"s-align-center",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-none",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001"
		},
		"thema_test002":{
			"id": "thema_test002",
			"name": "test002",
			"s-align":"s-align-left",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-none",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001"
		},
		"thema_flatradius00":{
			"id": "thema_flatradius00",
			"name": "flatradius00",
			"s-align":"s-align-center",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-none",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001"
		},
		"thema_flatsolid00":{
			"id": "thema_flatsolid00",
			"name": "flatsolid00",
			"default": {"lp": true},
			"s-align":"s-align-center",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-none",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001"
		},
		"thema_materialradius00":{
			"id": "thema_materialradius00",
			"name": "materialradius00",
			"s-align":"s-align-center",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-middle",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-none",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001"
		},
		"thema_materialsolid00":{
			"id": "thema_materialsolid00",
			"name": "materialsolid00",
			"s-align":"s-align-center",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-middle",
			"s-font-family":"s-font-family-serif",
			"s-headline":"s-headline-none",
			"s-hero-text-shadow":"s-hero-text-shadow-none",
			"s-bgshape":"s-bgshape-shape001"
		},

		"thema_flatradius01":{
			"id": "thema_flatradius01",
			"name": "flatradius01",
			"default": {"lp": true},
			"s-align":"s-align-center",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-headline":"s-headline-underline"
		},
		"thema_flatsolid01":{
			"id": "thema_flatsolid01",
			"name": "flatsolid01",
			"s-align":"s-align-center",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-none",
			"s-headline":"s-headline-underline"
		},
		"thema_materialradius01":{
			"id": "thema_materialradius01",
			"name": "materialradius01",
			"s-align":"s-align-center",
			"s-radius":"s-radius-large",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-middle",
			"s-headline":"s-headline-underline"
		},
		"thema_materialsolid01":{
			"id": "thema_materialsolid01",
			"name": "materialsolid01",
			"s-align":"s-align-center",
			"s-radius":"s-radius-none",
			"s-margin":"s-margin-large",
			"s-shadow":"s-shadow-middle",
			"s-headline":"s-headline-underline"
		},

		"thema_flatradius02":{
			"id": "thema_flatradius02",
			"name": "flatradius02",
			"s-align":"s-align-left",
			"s-radius":"s-radius-large",
			"s-shadow":"s-shadow-none",
			"s-headline":"s-headline-primary-leftline"
		},
		"thema_flatsolid02":{
			"id": "thema_flatsolid02",
			"name": "flatsolid02",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-shadow":"s-shadow-none",
			"s-headline":"s-headline-primary-leftline"
		},
		"thema_materialradius02":{
			"id": "thema_materialradius02",
			"name": "materialradius02",
			"s-align":"s-align-left",
			"s-radius":"s-radius-large",
			"s-shadow":"s-shadow-middle",
			"s-headline":"s-headline__underline"
		},
		"thema_materialsolid02":{
			"id": "thema_materialsolid02",
			"name": "materialsolid02",
			"default": {"lp": true},
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-shadow":"s-shadow-middle",
			"s-headline":"s-headline-primary-leftline"
		},

		"thema_flatradius03":{
			"id": "thema_flatradius03",
			"name": "flatradius03",
			"s-align":"s-align-left",
			"s-radius":"s-radius-large",
			"s-shadow":"s-shadow-none",
			"s-headline":"s-headline-leftline"
		},
		"thema_flatsolid03":{
			"id": "thema_flatsolid03",
			"name": "flatsolid03",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-shadow":"s-shadow-none",
			"s-headline":"s-headline-leftline"
		},
		"thema_materialradius03":{
			"id": "thema_materialradius03",
			"name": "materialradius03",
			"default": {"lp": true},
			"s-align":"s-align-left",
			"s-radius":"s-radius-large",
			"s-shadow":"s-shadow-middle",
			"s-headline":"s-headline-leftline"
		},
		"thema_materialsolid03":{
			"id": "thema_materialsolid03",
			"name": "materialsolid03",
			"s-align":"s-align-left",
			"s-radius":"s-radius-none",
			"s-shadow":"s-shadow-middle",
			"s-headline":"s-headline-leftline"
		}

	}
};
var baseIncludeComponent = {
	props: {
		areaType: null,
		blockid: null,
		page_info: {},
		layout: {},
		block: {},
		item: {},
		classes: null,
		name: null,
		parentType: null,
		customData: {}
	},
	template: `<div class="l-section-wrapper" :class="[getBlockClasses(), getStyle(page_info, block, 's-align')]" :id="getBlockId()">
	<component :is="layout.inc__section_bg" :page_info="page_info" :layout="layout" :block="block"></component>
	<div class="l-section-container">
		<div v-if="block.settings.header" class="l-header-wrapper s-container-fix" :class="[getStyle(page_info, block, 's-align')]">
			<component v-for="(item2,index) in block.settings.header" :is="getComponentLayout(item2.type)" :page_info="page_info" :layout="layout" :block="block" :item="item2" :blockid="index" :key="index"></component>
		</div>
		<div v-if="block.settings.items" class="l-content-wrapper s-container-fix" :class="[getStyle(page_info, block, 's-align')]">
			<component v-for="(item2,index) in block.settings.items" :is="getComponentLayout(item2.type)" :page_info="page_info" :layout="layout" :block="block" :item="item2" :blockid="index" :key="index"></component>
		</div>
		<div v-if="block.settings.footer" class="l-footer-wrapper s-container-fix" :class="[getStyle(page_info, block, 's-align')]">
			<component v-for="(item2,index) in block.settings.footer" :is="getComponentLayout(item2.type)" :page_info="page_info" :layout="layout" :block="block" :item="item2" :blockid="index" :key="index"></component>
		</div>
	</div>
</div>`,
	methods: {
		getBlockId: function(block, key, blockid){
			if(!block){ block = this.block; }
			if(block && block['id']){ return block['id']; }
			if(!blockid){ blockid = this.blockid; }
			if(!key){ key = 'blocks-'; }
			if(this.areaType == 'header'){
				return 'header-'+key+(blockid+1);
			}
			if(this.areaType == 'footer'){
				return 'footer-'+key+(blockid+1);
			}
			return key+(blockid+1);
		},
		getKeyValue: (items, key, key2) => {
			if(key2){ return items[key+'_'+key2]; }
			return items[key];
		},
		getDefaultsClasses: function(){ return null; },
		getBlockClasses: function(){
			var res = [];
			if(this.block.block_type){ res.push(this.block.block_type); }
			if(this.block.layout_type){ res.push(this.block.layout_type); }
			if(this.block.color_style){ res = res.concat(this.block.color_style); }
			var def = this.getDefaultsClasses();
			if(def){ res = res.concat(def); }
			if(this.block && this.block.classes){ res = res.concat(this.block.classes); }
			return Array.from(new Set(res));
		},

		getComponentId: function(block, key, blockid){
			if(!block){ block = this.block; }
			if(block && block['id']){ return block['id']; }
			if(!blockid){ blockid = this.blockid; }
			if(!key){ key = 'comp-'; }
			return key+(blockid+1);
		},
		getComponents: function(){
			if(this.block && this.block['settings'] && this.block['settings']['components']){
				return this.block['settings']['components'];
			}
			return this.components;
		},
		getComponentLayout: function(type){
			// console.log('comp__'+type);
			// console.log(this.layout['comp__'+type]);
			return this.layout['comp__'+type];
		},

		// ブロックコンテンツを配列に変換
		get_array_block: (items, search) => {
			var result = [];
			for(key in items){
				// console.log([key, search])
				if(items[key] && items[key]['visibility'] === true){ continue; }
				if(key.indexOf(search) === 0 && key.match(/[0-9]+$/)){ result.push(items[key]); }
			}
			return result;
		},
		get_block_keys: (items, search) => {
			var result = [];
			for(key in items){
				// console.log([key, search])
				if(items[key] && items[key]['visibility'] === true){ continue; }
				if(key.indexOf(search) === 0 && key.match(/[0-9]+$/)){ result.push(key); }
			}
			return result;
		},
		get_hash_block: (items, search) => {
			var result = {};
			for(key in items){
				// console.log([key, search])
				if(key.indexOf(search) === 0){
					if(items[key] && items[key]['visibility'] === true){ continue; }
					var k = key.match(/^(.+?)([0-9]+)$/);
					result[k[2]] = result[k[2]] || {};
					result[k[2]][k[1]] = items[key];
				}
			}
			return Object.values(result);
		},

		// カスタムデータの取得
		getCustomData: (key) => {
			if(!this.$options){ return null; }
			// console.log(this.$options._componentTag);
			var name = this.$options._componentTag;
			if(!this.customData[key]){
				this.$set(this.customData, key, null);
				if(page_info['custom'] && page_info[name] && page_info[name][key]){
					this.$set(this.customData, key, page_info[name][key]);
					page_info[name][key] = this.customData[key];
				}
			}
			return null;
		},

		// テキストをフォーマット
		getTextContents: (items, key, key2) => {
			var k = key;
			if(key2){ k+= '_'+key2; }
			if(!items[k]){ return null; }
			if(items[k+'_type'] && items[k+'_type'] == 'nowrap'){ return items[k]; }
			else if(items[k+'_type'] && items[k+'_type'] == 'html'){ return items[k]; }
			else{
				return items[k].replace(/\n/g, '<br>');
			}
			return null;
		},
		getItemsText: (items, key, key2) => {
			var k = key;
			if(key2){ k+= '_'+key2; }
			if(!items[k]){ return null; }
			var result = '';
			for(var i=0; i<items[k].length; i++){
				if(items[k][i]['type'] == 'text'){ result+= items[k][i]['value']+"\n"; }
				if(items[k][i]['type'] == 'textarea'){ result+= items[k][i]['value']+"\n"; }
			}
			return result;
		},

		// スタイル
		getStyle: (page_info, block, names) => {
			// console.log(page_info['settings']['styles'], names);
			var keys = names.split(/[ ]+/);
			var result = [];
			for(var i=0; i<keys.length; i++){
				var name = keys[i]
				if(block && block['settings'] && block['settings'][name]){
					if(block['settings'][name] != 'none'){ result.push(block['settings'][name]); }
				}
				else if(page_info['settings'] && page_info['settings']['styles'] && page_info['settings']['styles'][name]){
					result.push(page_info['settings']['styles'][name]);
				}
			}
			// console.log(result);
			return result.join(' ');
		},

		getTagEntries: function(result, params){
			var self = this;
			var url = '/getTagEntries.json?t='+(new Date()).getTime();
			axios.post(url, params)
			.then(response => {
				// console.log(response.data['entry_list']);
				self.$set(self, result, response.data['entry_list']);
			})
			.catch(response => {});
		},
		getTagArticles: function(result, params){
			var self = this;
			var url = '/getTagArticles.json?t='+(new Date()).getTime();
			axios.post(url, params)
			.then(response => {
				// console.log(response.data['entry_list']);
				// console.log(result);
				self.$set(self, result, response.data['entry_list']);
				// console.log(self.articles)
			})
			.catch(response => {});
		},
		getHref: function(item){
			if(item['linkFile']){ return item['linkFile']; }
			if(item['linkUrl']){ return item['linkUrl']; }
			return null;
		},
		getTarget(item) {
			var url = '';
			if(item['linkFile']){ url = item['linkFile']; }
			if(item['linkUrl']){ url = item['linkUrl']; }
			if(url && url.match(/^http[s]:\/\//)){ return '_blank' }
			if(url && url.match(/(\.pdf)$/)){ return '_blank' }
			return '_self';
		},

		getSearchQuery: function(){
			var arg = new Object;
			var pair=location.search.substring(1).split('&');
			for(var i=0;pair[i];i++) {
					var kv = pair[i].split('=');
					arg[kv[0]]=decodeURIComponent(kv[1]);
			}
			return arg;
		}

	}
};
Vue.filter('nl2br', value => {
	if(!value){ return value; }
	value.replace(/\n/g, '<br>')
	return value;
});
Vue.filter('def_value', (value, def_value) => {
	if(value){ return value; }
	return def_value;
});
var include_layout_files = globalSettings['include_layout_files'];
var include_comp_files = globalSettings['include_comp_files'];

var baseViewApp = {
	data: {
		loading: true,
		page_info: {
			'settings':{},
			'custom':{}
		},
		outputLinkHeader: false,
		outputScriptHeader: false,
		uniqkey: '2110201724',
		baseCss: 'https://files.cmssv.awsv.jp/_build_/common/css/import.css',
		includePath: 'https://files.cmssv.awsv.jp/_build_/template/_include_/',
		componentsPath: 'https://files.cmssv.awsv.jp/_build_/template/components/',
		contentsPath: 'https://files.cmssv.awsv.jp/_build_/template/contents/',
		gmenuPath: null,
		headerPath: null,
		customColor: null,
		include_layout_files: include_layout_files,
		include_comp_files: include_comp_files,
		pageOffset: 0,
		layout: {},
		scriptsList: []
	},
	head: {
		meta () {
			if(!document.title && this.page_info.info.title){
				document.title = this.page_info.info.title;
			}
			var res = [];
			res.push({ name: 'viewport', content: 'width=device-width, initial-scale=1, shrink-to-fit=no', undo: false, id:"meta-viewport" });
			if(this.page_info.info.meta_keywords){
				res.push({ name: 'keywords', content: this.page_info.info.meta_keywords, undo: false, id:"meta-keywords" });
			}
			res.push({ name: 'description', content: this.page_info.info.meta_description, undo: false, id:"meta-description" });
			res.push({ name: 'author', content: this.page_info.info.meta_author, undo: false, id:"meta-author" });
			return res;
		},
		link () {
			var result = [];
			if(!this.outputLinkHeader){
				result.push({ rel: 'stylesheet', type: 'text/css', href: this.baseCss+'?'+this.uniqkey, undo: false, id:"link-baseCss" });
				result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/common/js/expansion/floatbanner.css?'+this.uniqkey, undo: false, id:"link-floatbanner" });
				if(this.page_info.design && this.page_info.design.site_type){
					result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/color.css?'+this.uniqkey, undo: false, id:"link-pageBaseColor" });
				}

				// color
				if(this.customColor){
					result.push({ rel: 'stylesheet', type: 'text/css', href: this.customColor, undo: false, id:"link-customColor" })
				}
				else if(this.useColorPhp){
					var query = '&key='+this.page_info.design.color_type.id;
					if(this.page_info.design.color_type.colors){
						for(var key in this.page_info.design.color_type.colors){
							query+= '&c.'+key+'='+this.page_info.design.color_type.colors[key].substr(1);
						}
					}
					result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/color/color-css.php?type=colorCss'+query, undo: false, id:"link-customColor" })
				}
				else if(this.page_info.design && this.page_info.design.colortype){
					result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/color/'+this.page_info.design.colortype+'.css?'+this.uniqkey, undo: false, id:"link-color" })
				}
				result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/common/css/color.css?'+this.uniqkey, undo: false, id:"link-baseColor" });

				// style
				if(this.useStylePhp){
					var query = '&key='+this.page_info.design.contents_thema;
					result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/thema/style-css.php?type=styleCss'+query, undo: false, id:"link-Style" })
				}
				if(this.page_info.design && this.page_info.design.contents_thema){
					result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/thema/'+this.page_info.design.contents_thema+'/style.css?'+this.uniqkey, undo: false, id:"link-thema" })
				}

				// gmenu
				if(this.page_info.gmenu && this.page_info.gmenu.type){
					var gmenuPath = this.gmenuPath;
					if(!gmenuPath){
						gmenuPath = 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/gmenu/';
					}
					result.push({ rel: 'stylesheet', type: 'text/css', href: gmenuPath+this.page_info.gmenu.type+'/style.css?'+this.uniqkey, undo: false, id:"link-gmenu" });
				}
				// header
				if(page_info.header){
					this.contentsForEach(this.page_info.header, (index, obj) => {
						var headerPath = this.headerPath;
						if(!headerPath){
							headerPath = 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/header/';
						}
						result.push({ rel: 'stylesheet', type: 'text/css', href: headerPath+obj.block_type+'/style.css?'+this.uniqkey, undo: false, id:"link-header"+index });
					});
				}
				// contents
				var contents_blocks = [];
				if(this.page_info.contents){
					this.contentsForEach(this.page_info.contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'header');
					this.contentsForEach(this.page_info.contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_header');
					this.contentsForEach(this.page_info.contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'items');
					this.contentsForEach(this.page_info.contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'footer');
					this.contentsForEach(this.page_info.contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_footer');
				}
				// side_contents
				if(this.page_info.side_contents){
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'header');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_header');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'items');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'footer');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_footer');
				}
				if(contents_blocks.length){
					result.push({ rel: 'stylesheet', type: 'text/css', href: this.contentsPath+'style_css.php?types='+contents_blocks.join(',')+'&t='+this.uniqkey, undo: false, id:"link-contents" });
				}

				if(this.page_info.design && this.page_info.design.site_type){
					result.push({ rel: 'stylesheet', type: 'text/css', href: 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/style.css?'+this.uniqkey, undo: false, id:"link-site_type" });
				}
				if(this.customCss){
					this.customCss.forEach((obj, index) => {
						result.push({ rel: 'stylesheet', type: 'text/css', href: obj+'?'+this.uniqkey, undo: false, id:"link-customCss"+index });
					});
				}
			}
			return result;
		},
		script () {
			if(!this.outputScriptHeader){
				this.scriptsList.push({ type: 'text/javascript', src: 'https://files.cmssv.awsv.jp/_build_/common/js/common.js?'+this.uniqkey, async: true, undo: false, id:"script-common"});
				this.scriptsList.push({ type: 'text/javascript', src: 'https://files.cmssv.awsv.jp/_build_/common/js/expansion/floatbanner.js?'+this.uniqkey, async: true, undo: false, id:"script-floatbanner"});
				// include
				for(var i=0; i<this.include_layout_files.length; i++){ this.$set(this.layout, this.include_layout_files[i], ''); }
				this.scriptsList.push({ type: 'text/javascript', src: this.includePath+'layout_js.php?t='+this.uniqkey, async: true, undo: false, id:"script-include", class:"build-script"});
				// components
				for(var i=0; i<this.include_comp_files.length; i++){ this.$set(this.layout, this.include_comp_files[i], ''); }
				this.scriptsList.push({ type: 'text/javascript', src: this.componentsPath+'layout_js.php?t='+this.uniqkey, async: true, undo: false, id:"script-components", class:"build-script"});
				// gmenu
				if(this.page_info.gmenu && this.page_info.gmenu.type){
					this.$set(this.layout, this.page_info.gmenu.type, '');
					this.$set(this.page_info.custom, this.page_info.gmenu.type, {});
					var gmenuPath = this.gmenuPath;
					if(!gmenuPath){
						gmenuPath = 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/gmenu/';
					}
					this.scriptsList.push({ type: 'text/javascript', src: gmenuPath+page_info.gmenu.type+'/layout.js?'+this.uniqkey, async: true, undo: false, id:"script-gmenu", class:"build-script"});
					this.scriptsList.push({ type: 'text/javascript', src: gmenuPath+page_info.gmenu.type+'/layout-before.js?'+this.uniqkey, async: true, undo: false, id:"script-gmenu-before", class:"build-script"});
					this.scriptsList.push({ type: 'text/javascript', src: gmenuPath+page_info.gmenu.type+'/layout-after.js?'+this.uniqkey, async: true, undo: false, id:"script-gmenu-after", class:"build-script"});
				}
				// header
				if(this.page_info.header){
					this.contentsForEach(this.page_info.header, (index, obj) => {
						var headerPath = this.headerPath;
						if(!headerPath){
							headerPath = 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/header';
						}
						this.$set(this.layout, obj.block_type, '');
						this.$set(this.page_info.custom, obj.block_type, {});
						this.scriptsList.push({ type: 'text/javascript', src: headerPath+'/'+obj.block_type+'/layout.js?'+this.uniqkey, async: true, undo: false, id:"script-header-"+obj.block_type, class:"build-script"});
					});
				}

				// contents
				var contents_blocks = [];
				if(this.page_info.contents){
					this.contentsForEach(this.page_info.contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'header');
					this.contentsForEach(this.page_info.contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_header');
					this.contentsForEach(this.page_info.contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'items');
					this.contentsForEach(this.page_info.contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'footer');
					this.contentsForEach(this.page_info.contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_footer');
				}
				// side_contents
				if(this.page_info.side_contents){
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'header');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_header');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'items');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'footer');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { this.$set(this.layout, obj.block_type, ''); this.$set(this.page_info.custom, obj.block_type, {}); contents_blocks.push(obj.block_type+'|'+obj.layout_type) }, 'confirm_footer');
				}
				if(contents_blocks.length){
					this.scriptsList.push({ type: 'text/javascript', src: this.contentsPath+'layout_js.php?types='+contents_blocks.join(',')+'&t='+this.uniqkey, async: true, undo: false, id:"script-contents", class:"build-script"});
				}
				// console.log(this.page_info.custom);
			}else{
				// include
				for(var i=0; i<this.include_layout_files.length; i++){
					if(!this.layout[this.include_layout_files[i]]){ this.$set(this.layout, this.include_layout_files[i], ''); }
				}
				// components
				for(var i=0; i<this.include_comp_files.length; i++){
					if(!this.layout[this.include_comp_files[i]]){ this.$set(this.layout, this.include_comp_files[i], ''); }
				}
				// gmenu
				if(this.page_info.gmenu && this.page_info.gmenu.type){
					if(!this.layout[this.page_info.gmenu.type]){ this.$set(this.layout, this.page_info.gmenu.type, ''); }
					if(!this.page_info.custom[this.page_info.gmenu.type]){ this.$set(this.page_info.custom, this.page_info.gmenu.type, ''); }
				}
				// header
				if(this.page_info.header){
					this.contentsForEach(this.page_info.header, (index, obj) => {
						if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_typee, ''); }
						if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, ''); }
					});
				}
				// contents
				if(this.page_info.contents){
					this.contentsForEach(this.page_info.contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'header');
					this.contentsForEach(this.page_info.contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'confirm_header');
					this.contentsForEach(this.page_info.contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'items');
					this.contentsForEach(this.page_info.contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'footer');
					this.contentsForEach(this.page_info.contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'confirm_footer');
				}
				// side_contents
				if(this.page_info.side_contents){
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'header');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'confirm_header');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'items');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'footer');
					this.contentsForEach(this.page_info.side_contents, (index, obj) => { if(!this.layout[obj.block_type]){ this.$set(this.layout, obj.block_type, ''); } if(!this.page_info.custom[obj.block_type]){ this.$set(this.page_info.custom, obj.block_type, {}); } }, 'confirm_footer');
				}
			}
			return this.scriptsList;
		},
		style: [
		]
	},
	methods: {
		updatePageOffset: function(){ this.pageOffset = 0; },
		updatePageInfo: function(){
			var self = this
			var url = 'pagePreviewJson?t='+(new Date()).getTime();
			axios.get(url).then((response) => {
				self.$set(self, 'layout', {});
				if(response.data.page_info){
					self.$set(self, 'page_info', response.data.page_info);

					if(self.page_info.design && self.page_info.design.site_type){
						var url = 'https://files.cmssv.awsv.jp/_build_/template/pages/'+self.page_info.design.site_type+'/setting.json';
						url+= '?t='+Math.random();
						axios.get(url).then(function(res){
							self.page_info['settings'] = res.data || {};
							self.page_info['custom'] = self.page_info['settings']['custom'] || {};
							self.$emit('updateHead');
						}.bind({self: self}));
					}
					if(self.page_info.gmenu && !self.page_info.gmenu.type){ self.page_info.gmenu.type = 'gmenu__default'; }
				}
			});
		},
		highlightBlock: function(no, blockid, area){
			this.highlightReset();
			var item = null;
			if(!blockid){ blockid = "blocks-"+no; }
			console.log(['highlightBlock', no, blockid, area]);
			if(area == 'blog-body'){
				item = jQuery("main .l-body-wrapper > #"+blockid);
			}
			else if(area == 'blog-side'){
				item = jQuery("main .l-side-wrapper > #"+blockid);
			}
			else if(area == 'form-header'){
				item = jQuery("main .contents-header #"+blockid);
			}
			else if(area == 'form-items'){
				item = jQuery("main .contents-items #"+blockid);
			}
			else{
				item = jQuery("#"+blockid);
			}
			if(item && item.offset()){
				jQuery("body").addClass("highlightBlock");
				item.addClass("highlightBlock-active");
				jQuery("html,body").scrollTop(item.offset().top);
			}
		},
		highlightReset: function(){
			jQuery(".highlightBlock").removeClass("highlightBlock");
			jQuery(".highlightBlock-active").removeClass("highlightBlock-active");
		},
		setIframeHeight: function(blockid, height, updateflg){
			// console.log([blockid, height]);
			jQuery("#"+blockid+' iframe').height(height+20);
			var block = jQuery("#"+blockid);
			if(updateflg=='true' && block && block.offset()){
				this.updatePageOffset();
				var offset = block.offset().top - this.pageOffset;
				jQuery("html,body").scrollTop(offset);
			}
		},

		// テキストをフォーマット
		getTextContents: (items, key, key2) => {
			var k = key;
			if(key2){ k+= '_'+key2; }
			var result = items;
			if(k){ result = items[k]; }
			if(!result){ return null; }
			if(items[k+'_type'] && items[k+'_type'] == 'nowrap'){ return result; }
			else if(items[k+'_type'] && items[k+'_type'] == 'html'){ return result; }
			else{
				return result.replace(/\n/g, '<br>');
			}
			return null;
		},
		getItemsText: (items, key, key2) => {
			var k = key;
			if(key2){ k+= '_'+key2; }
			if(!items[k]){ return null; }
			var result = '';
			for(var i=0; i<items[k].length; i++){
				if(items[k][i]['type'] == 'text'){ result+= items[k][i]['value']+"\n"; }
			}
			return result;
		},

		getBodyClass: function(){
			var result = [];
			if(this.page_info.design && this.page_info.design.color_level){
				result.push(this.page_info.design.color_level);
			}
			if(this.page_info.design && this.page_info.design.site_type){
				result.push(this.page_info.design.site_type);
			}
			if(this.page_info.styles){
				for(key in this.page_info.styles){
					var value = this.page_info.styles[key];
					if(result.indexOf(value) === -1){ result.push(value); }
				}
			}
			else if(this.page_info.design.contents_thema){
				if(globalSettings['thema_list'][this.page_info.design.contents_thema]){
					for(key in globalSettings['thema_list'][this.page_info.design.contents_thema]){
						if(key == 'name'){ continue; }
						var value = globalSettings['thema_list'][this.page_info.design.contents_thema][key];
						if(result.indexOf(value) === -1){ result.push(value); }
					}
				}
			}
			// console.log(this.page_info.design.color_info);
			if(this.page_info.design.color_info && this.page_info.design.color_info['gradient-type']){
				result = result.concat(this.page_info.design.color_info['gradient-type']);
			}
			this.contentsForEach(this.page_info.header, (index, obj) => {
				result.push(obj.block_type);
			});
			this.contentsForEach(this.page_info.footer, (index, obj) => {
				result.push(obj.block_type);
			});
			return result;
		},

		getLayout: (block_type) => {
			if(this.layout && this.layout[block_type]){
				return this.layout[block_type];
			}
			return null;
		},

		// スタイル
		getStyle: (page_info, block, names) => {
			var keys = names.split(/[ ]+/);
			var result = [];
			for(var i=0; i<keys.length; i++){
				var name = keys[i]
				if(block && block[name]){
					result.push(block[name]);
				}
				if(page_info['settings'] && page_info['settings']['styles'] && page_info['settings']['styles'][name]){
					result.push(page_info['settings']['styles'][name]);
				}
			}
			return result.join(' ');
		},

		// コンテンツ用のスタイル
		getContentsStyle: () => {
			var result = '';
			// console.log(['getContentsStyle', this.page_info.contents]);
			if(this.page_info.contents && this.page_info.contents.settings){
				if(this.page_info.contents.settings['bgimage']){
					result+= 'background-image:url('+this.page_info.contents.settings['bgimage']+');';
				}
			}
			return result;
		},
	
		// コンテンツ取り出し
		contentsForEach: (contents, func, key) => {
			if(!key){ key = 'items'; }
			// console.log([key, contents])
			if(contents && contents[key]){
				for(var i=0; i<contents[key].length; i++){
					if(!contents[key][i].block_type){ continue; }
					var obj = contents[key][i];
					if(!obj['layout_type']){ obj['layout_type'] = 'layout01'; }
					if(obj.settings && obj.settings['linktext']){ obj.settings['linktitle'] = obj.settings['linktext']; }
					if(func(i, obj) === false){ break; }
				}
			}
		},
		getContentsItems: function(contents, key){
			var result = [];
			if(contents){
				if(this){ this.contentsForEach(contents, (index, obj) => { result.push(obj); }, key); }
			}
			return result;
		},
		mergeDeeply: function(target, source, opts) {
			const isObject = obj => obj && typeof obj === 'object' && !Array.isArray(obj);
			const isConcatArray = opts && opts.concatArray;
			let result = Object.assign({}, target);
			if (isObject(target) && isObject(source)) {
					for (const [sourceKey, sourceValue] of Object.entries(source)) {
							const targetValue = target[sourceKey];
							if (isConcatArray && Array.isArray(sourceValue) && Array.isArray(targetValue)) {
									result[sourceKey] = targetValue.concat(...sourceValue);
							}
							else if (isObject(sourceValue) && target.hasOwnProperty(sourceKey)) {
									result[sourceKey] = this.mergeDeeply(targetValue, sourceValue, opts);
							}
							else {
									Object.assign(result, {[sourceKey]: sourceValue});
							}
					}
			}
			return result;
		},

		getSearchQuery: function(){
			var arg = new Object;
			var pair=location.search.substring(1).split('&');
			for(var i=0;pair[i];i++) {
					var kv = pair[i].split('=');
					arg[kv[0]]=decodeURIComponent(kv[1]);
			}
			return arg;
		},

		loadSampleSetting: function(){
			var self = this;
			for(var i=0; i<self.page_info.contents.items.length; i++){
				var url = self.contentsPath+self.page_info.contents.items[i].block_type+'/setting.json';
				url+= '?t='+Math.random();
				axios.get(url).then(function(res){
					if(self.page_info.contents.items[this.index].settings){
						self.page_info.contents.items[this.index].settings = self.mergeDeeply(res.data.default_model, page_info.contents.items[this.index].settings);
					}else{
						self.page_info.contents.items[this.index].settings = res.data.default_model;
					}
				}.bind({self: this, index:i}));
			}
		}

	},
	created() {
		// for(var i=0; i<result.length; i++){
		// 	var newLink = document.createElement('link');
		// 	for (var key in result[i]) { newLink.setAttribute(key, result[i][key]); }
		// 	document.getElementsByTagName('HEAD').item(0).appendChild(newLink);
		// }



		if(this.page_info.design && this.page_info.design.site_type){
			var url = 'https://files.cmssv.awsv.jp/_build_/template/pages/'+this.page_info.design.site_type+'/setting.json';
			url+= '?t='+Math.random();
			var self = this;
			axios.get(url).then(function(res){
				self.page_info['settings'] = res.data || {};
				self.page_info['custom'] = self.page_info['settings']['custom'] || {};

				if(self.page_info.styles){
					self.page_info['settings']['styles'] = self.page_info.styles;
				}
			}.bind({self: this}));
		}
		this.$on('okHead', () => { this.loading = false; });
		if(this.page_info.gmenu && !this.page_info.gmenu.type){ this.page_info.gmenu.type = 'gmenu__default'; }
		window.addEventListener('message', function (e) {
			if(e.data){
				if(e.data['action'] == 'updatePageInfo'){ return this.updatePageInfo(); }
				if(e.data['action'] == 'highlightBlock'){ return this.highlightBlock(e.data['no'], e.data['blockid'], e.data['area']); }
				if(e.data['action'] == 'highlightReset'){ return this.highlightReset(); }
				if(e.data['action'] == 'setIframeHeight'){ return this.setIframeHeight(e.data['blockid'], e.data['height'], e.data['updateflg']); }
			}
		}.bind(this), false);
		this.$on('okHead', function () {
			setTimeout(function(){ $('#app').css('opacity', '1'); },100);
		});
	}
};
var baseFormViewApp = {
	// head: {
	// 	style () {
	// 		var result = [];
	// 		result.push({ type: 'text/css', inner: '.p-required { background-color: '+this.page_info.design.require_color_type+'; color: #fff}', undo: false });
	// 		result.push({ type: 'text/css', inner: '.alert-danger { background-color: '+this.page_info.design.error_color_type+'; color: #fff}', undo: false });
	// 		return result;
	// 	}
	// },
	methods: {
		highlightBlock: function(no, blockid, area){
			this.highlightReset();
			if(!blockid){ blockid = "blocks-"+no; }
			if(area == 'header'){ blockid = "#header-blocks-"+no; }
			if(area == 'footer'){ blockid = "#footer-blocks-"+no; }
			jQuery("header, footer, .l-hero-wrapper").css("opacity", "0.1");
			jQuery(".block__form .p-btn-container").css("opacity", "0.1");
			jQuery(".page-top .l-section-wrapper:not("+blockid+")").css("opacity", "0.1");
			jQuery(".page-top .l-section-wrapper:not("+blockid+")").css("opacity", "0.1");
			jQuery(".form-top .form-block:not("+blockid+")").css("opacity", "0.1");
			
			var item = jQuery(blockid);
			if(item && item.offset()){
				var offset = item.offset().top;
				offset -= $('header').height();
				offset -= 300;
				jQuery("html,body").scrollTop(offset);
			}
		},
		highlightReset: function(){
			jQuery("header, footer, .l-hero-wrapper").css("opacity", '');
			jQuery(".block__form .p-btn-container").css("opacity", '');
			jQuery(".l-section-wrapper, .form-block").css("opacity", '');
		}
	}
};