/*
	smart phone
*/

/* PC時、タブレット時は非表示 */
.wp-block-kadence-column.pc-only,
.wp-block-kadence-column.tab-only,
.pc-only, .tab-only {
	display: none;
}
/* スマホ以外 */
.wp-block-kadence-column.not-sp,
.not-sp {
	display: none;
}

/* grid system */
.grid-sp-12 {	flex-basis: 100%;			max-width: 100%;			width: 100%;			}
.grid-sp-11 {	flex-basis: 91.66666667%;	max-width: 91.66666667%;	width: 91.66666667%;	}
.grid-sp-10 {	flex-basis: 83.33333333%;	max-width: 83.33333333%;	width: 83.33333333%;	}
.grid-sp-9 {	flex-basis: 75%;			max-width: 75%;				width: 75%;				}
.grid-sp-8 {	flex-basis: 66.66666667%;	max-width: 66.66666667%;	width: 66.66666667%;	}
.grid-sp-7 {	flex-basis: 58.33333333%;	max-width: 58.33333333%;	width: 58.33333333%;	}
.grid-sp-6 {	flex-basis: 50%;			max-width: 50%;				width: 50%;				}
.grid-sp-5 {	flex-basis: 41.66666667%;	max-width: 41.66666667%;	width: 41.66666667%;	}
.grid-sp-4 {	flex-basis: 33.33333333%;	max-width: 33.33333333%;	width: 33.33333333%;	}
.grid-sp-3 {	flex-basis: 25%;			max-width: 25%;				width: 25%;				}
.grid-sp-2 {	flex-basis: 16.66666667%;	max-width: 16.66666667%;	width: 16.66666667%;	}
.grid-sp-1 {	flex-basis: 8.33333333%;	max-width: 8.33333333%;		width: 8.33333333%;		}
.grid-sp-0 {	flex-basis: 0%;				max-width: 0%;				width: 0%;				}

/* card grid system */
.sp-1 .ncb-recent-post-column {	flex-basis: 100%;			max-width: 100%				width: 100%			}
.sp-2 .ncb-recent-post-column {	flex-basis: 50%;			max-width: 50%;				width: 50%;			}
.sp-3 .ncb-recent-post-column {	flex-basis: 33.33333333%;	max-width: 33.33333333%;	width: 33.33333333%;}
.sp-4 .ncb-recent-post-column {	flex-basis: 25%;			max-width: 25%;				width: 25%;			}
.sp-5 .ncb-recent-post-column {	flex-basis: 20%;			max-width: 20%;				width: 20%;			}
.sp-6 .ncb-recent-post-column {	flex-basis: 16.66666666%;	max-width: 16.66666666%;	width: 16.66666666%;}

/***** user area *****/