/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 14 2025 | 09:23:37 */
/*  ボックス  */
.fanclub-box {
	border: solid 1px #F2F4F7;
	box-shadow: 2px 2px 10px rgb(0 0 0 / 25%);
	padding: 30px;
	width: 75%;
	margin: 0 auto;
}

@media (max-width: 600px) {
	.fanclub-box {
		width: 100%;
		padding-left: 15px;
		padding-right: 20px;
	}
}

/*  箇条書き  */
.page-id-40 ul li::marker {
	color: #27C1B4;
}

/*  ランク  */
.fanclub-rank {
	margin-top: 0.5em !important;
}

.fanclub-price {
	margin-top: 0 !important;
}

.fanclub-rank-box > .wp-block-group__inner-container {
	display: flex;
	justify-content: space-around;
}

.fanclub-rank-box .fanclub-box {
	width: 30%;
	height: auto;
	margin: 0 !important
}

@media (max-width: 600px) {
	.fanclub-rank-box > .wp-block-group__inner-container {
		flex-wrap: wrap;
}

	.fanclub-rank-box .fanclub-box {
		width: 100%;
		margin-top: 1rem !important;
	}
}

/*  流れ  */
.fanclub-deko-flow {
    padding: 0.2rem 0.5rem;
    font-weight: bold;
    background-color: #27C1B4;
    border-radius: 5px;
	color: #fff;
	max-width: 110px;
	margin: auto;
}

.fanclub-flow-box > .wp-block-group__inner-container {
	display: flex;
	justify-content: space-around;
	align-items: stretch;
}

.fanclub-box.flow {
	min-height: 240px;
	margin-top: 0 !important;
}

.fanclub-flow-box > .wp-block-group__inner-container > .ark-block-icon {
	margin: auto !important;
}

.page-id-40 .ark-block-icon .ark-block-icon__inner path {
	filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 25%));
}

@media (max-width: 600px) {
	.fanclub-flow-box > .wp-block-group__inner-container {
		flex-wrap: wrap;
	}

	.fanclub-flow-box .fanclub-box {
		width: 100%;
	}
	
	.fanclub-flow-box > .wp-block-group__inner-container > .ark-block-icon {
		transform: rotate(90deg);
		margin: 0 !important;
	}
	
	.fanclub-box.flow {
		min-height: auto;
	}
	
	.fanclub-box.flow > .wp-block-group__inner-container {
		display: grid;
		grid-template-columns: 40% 60%;
	}
	
	.fanclub-box.flow > .wp-block-group__inner-container .item1 {
		grid-column: 1 / 3;
	}

	.fanclub-box.flow > .wp-block-group__inner-container .item2 {
		grid-column: 1 / 2;
	}
	
	.fanclub-box.flow > .wp-block-group__inner-container .item3 {
		grid-column: 2 / 3;
		text-align: left;
	}
}

/*  注意事項  */
.fanclub-annotation {
	display: flex;
	justify-content: center;
}