/*
	pc
*/

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

/* 記事アイキャッチアニメ */
.ncb-recent-post-body .ncb-recent-post-eyecatch {
	overflow: hidden;
}
.ncb-recent-post-body .ncb-recent-post-eyecatch img {
	transition: all .4s ease;
}
.ncb-recent-post-body:hover .ncb-recent-post-eyecatch img {
	transform: scale(1.05);
}

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

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

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