@charset "UTF-8";
/* 共通設定 */
/* プリセットカラー */
.c-gray{--bc:#ccc;--tit-bg:#f1f1f1;--bg:#f1f1f1;--body:#fff;--btn-bg:#333;--btn-color:#fff;}
.c-red{--bc:#d9230a;--tit-bg:#fbb2b0;--bg:#fdeceb;--body:#fff;--tab-a-bg:#d9230a;--tab-a-color:#fff;--btn-bg:#d9230a;--btn-color:#fff;--icon-bg:#d9230a;}
.c-pink{--bc:#f08690;--tit-bg:#fad8db;--bg:#fceef0;--body:#fff;--tab-a-bg:#f08690;--tab-a-color:#fff;--btn-bg:#f08690;--btn-color:#fff;--icon-bg:#f08690;}
.c-orange{--bc:#eea60b;--tit-bg:#fcebb8;--bg:#fdf4da;--body:#fff;--tab-a-bg:#eea60b;--tab-a-color:#fff;--btn-bg:#eea60b;--btn-color:#fff;--icon-bg:#eea60b;}
.c-yellow{--bc:#d4ca2b;--tit-bg:#fafbb3;--bg:#fdfbea;--body:#fff;--tab-a-bg:#f2e409;--tab-a-color:#666;--btn-bg:#f2e409;--btn-color:#666;--icon-bg:#f2e409;}
.c-lime{--bc:#8dc515;--tit-bg:#f4fce2;--bg:#f4fce2;--body:#fff;--tab-a-bg:#8dc515;--tab-a-color:#fff;--btn-bg:#8dc515;--btn-color:#fff;--icon-bg:#8dc515;}
.c-green{--bc:#1aa7b4;--tit-bg:#dffdfb;--bg:#dffdfb;--body:#fff;--tab-a-bg:#1aa7b4;--tab-a-color:#fff;--btn-bg:#1aa7b4;--btn-color:#fff;--icon-bg:#1aa7b4;}
.c-aqua{--bc:#17b0e2;--tit-bg:#dff3fd;--bg:#dff3fd;---body:#fff;--tab-a-bg:#17b0e2;--tab-a-color:#fff;--btn-bg:#17b0e2;--btn-color:#fff;--icon-bg:#17b0e2;}
.c-blue{--bc:#4c72df;--tit-bg:#e7eafe;--bg:#e7eafe;---body:#fff;--tab-a-bg:#4c72df;--tab-a-color:#fff;--btn-bg:#4c72df;--btn-color:#fff;--icon-bg:#4c72df;}
.c-purple{--bc:#ce7dd8;--tit-bg:#fde8ff;--bg:#fbeefc;---body:#fff;--tab-a-bg:#ce7dd8;--tab-a-color:#fff;--btn-bg:#ce7dd8;--btn-color:#fff;--icon-bg:#ce7dd8;}
.c-none{--bc:none;--tit-bg:none;}
/* 影設定 */
.s-natural {--shadow: 6px 6px 9px var(--shadow-color,rgba(0, 0, 0, 0.15));}
.s-sharp {--shadow: 6px 6px 0px var(--shadow-color,rgba(0, 0, 0, 0.2));}
.s-outline {--shadow: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px var(--shadow-color,rgba(0, 0, 0));}
.s-gra{
	&.sky-blocks::before,&.sky-blocks-list [class$="-content"] {
		position: absolute; content: ""; inset: 0;z-index: -1;background: var(--shadow-color,var(--bg));filter: blur(10px);opacity: 0.5;border-radius: inherit;transform: translateY(5px) scale(0.95);}
}
.sky-blocks,.sky-blocks-list,.sky-blocks-inner{
	&, :where(*) {box-sizing: border-box;}
	position: relative;max-width: var(--wp--style--global--content-size,660px);margin: 0 auto 1.5rem;padding: 0;
	.block-editor-inner-blocks,.block-editor-block-list__layout{display: contents;}
	/* 幅設定 */
	&.alignfull {max-width: none !important;width: auto;}
	/* カラム設定 */
	&.is-sp-col-1{grid-template-columns: repeat(1,1fr);}
	&.is-sp-col-2{grid-template-columns: repeat(2,1fr);}
	&.is-sp-col-3{grid-template-columns: repeat(3,1fr);}
	&.is-sp-col-4{grid-template-columns: repeat(4,1fr);}
	&.is-sp-col-5{grid-template-columns: repeat(5,1fr);}
	@media (min-width:769px){
		&.is-pc-col-1{grid-template-columns: repeat(1,1fr);}
		&.is-pc-col-2{grid-template-columns: repeat(2,1fr);}
		&.is-pc-col-3{grid-template-columns: repeat(3,1fr);}
		&.is-pc-col-4{grid-template-columns: repeat(4,1fr);}
		&.is-pc-col-5{grid-template-columns: repeat(5,1fr);}
		&.is-pc-col-6{grid-template-columns: repeat(6,1fr);}
		&.is-pc-col-7{grid-template-columns: repeat(7,1fr);}
		&.is-pc-col-8{grid-template-columns: repeat(8,1fr);}
		&.is-pc-col-9{grid-template-columns: repeat(9,1fr);}
		&.is-pc-col-10{grid-template-columns: repeat(10,1fr);}
	}
}

.sky-blocks{
	background-color: var(--body,#fff);color:var(--color,#333);border-radius: var(--br,0px);border: var(--bw,1px) var(--bt,solid) var(--bc,#ccc);box-shadow:var(--shadow,none);
}
.sky-blocks-list{
	counter-reset: number 0;
	[class$="-content"]{position: relative;background-color: var(--body,#fff);color:var(--color,#333);border-radius: var(--br,0px);border: var(--bw,1px) var(--bt,solid) var(--bc,#ccc);box-shadow:var(--shadow,none);}
}