/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 16 2026 | 14:09:35 */
/*マイボタン*/
.st-mybtn {
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.st-mybtn:not(.st-mybtn-noborder) {
	border:1px solid #ccc;
}

.st-mybtn a {
	padding:10px;
	text-align:center;
	box-sizing:border-box;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

.st-mybtn .fa:not(.fa-after){
	margin-right:10px;
}

.st-mybtn .fa.fa-after{
	margin-left:10px;
}

.st-mybtn:hover {
	opacity:0.6;
}

.st-mybtn.st-btn-default {
	width:100%;
}

.st-mybtn.wp-block-st-blocks-my-button {
	color: #ffffff;
	border: 0 solid #757575;
	background-color: #e6514c;
	border-radius: 5px;
	box-shadow: 0 3px 0 #d9251f;
}

.st-mybtn.wp-block-st-blocks-my-button a {
	color: #ffffff;
}

/*マイボタン（ミニ）*/
.st-mybtn.st-mybtn-mini {
	border: none;
	box-sizing:border-box;
	margin: 0 3px 10px;
	display: inline-block;
}

.st-mybtn.st-mybtn-mini a {
	padding: 7px 15px;
	text-align:left;
	box-sizing:border-box;
	display:inline-block;
	width:inherit;
	height:auto;
	text-decoration:none;
	font-size: 95%;
}

.st-mybtn.st-mybtn-mini .fa:not(.fa-after){
	margin-right:10px;
}

.st-mybtn.st-mybtn-mini .fa.fa-after{
	margin-left:10px;
}

.st-mybtn.st-mybtn-mini:hover {
	opacity:0.6;
}

.st-mybtn.st-mybtn-mini.st-btn-default {
	width:inherit;
}

/*光る演出*/
.st-reflection-on:not(.no-reflection),
.st-mybtn.st-reflection:not(.no-reflection) a {
	position: relative;
	overflow: hidden;
}

.st-reflection-on:not(.no-reflection):after,
.st-mybtn.st-reflection:not(.no-reflection) a:after {
	content: '';
	height: 100%;
	width: 30px;
	position: absolute;
	top: -180px;
	left: 0;
	background-color: #fff;
	opacity: 0;
	transform: rotate(45deg);
	animation: reflection 5s ease-in-out infinite;
}

@keyframes reflection {
	0% {
		transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}
