/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 03 2025 | 01:20:56 */
/* 共通 */

a {
	transition: .3s;
}
@media (hover: hover) {
	a:hover {
		opacity: .6;
	}
}

@media (min-width: 960px) {
	.sp-only {
		display: none!important;
	}
}
@media (max-width: 959px) {
	.pc-only {
		display: none!important;
	}
}

/* マーカー */
.mark_orange {
    background: -webkit-linear-gradient(transparent 0%, transparent 70%, var(--color_mark_orange) 70%, var(--color_mark_orange) 80%, transparent 80%, transparent 100%);
    background: linear-gradient(transparent 0%, transparent 70%, var(--color_mark_orange) 70%, var(--color_mark_orange) 80%, transparent 80%, transparent 100%);
}
.mark_blue {
    background: -webkit-linear-gradient(transparent 0%, transparent 70%, var(--color_mark_blue) 70%, var(--color_mark_blue) 80%, transparent 80%, transparent 100%);
    background: linear-gradient(transparent 0%, transparent 70%, var(--color_mark_blue) 70%, var(--color_mark_blue) 80%, transparent 80%, transparent 100%);
}
.mark_yellow {
    background: -webkit-linear-gradient(transparent 0%, transparent 70%, var(--color_mark_yellow) 70%, var(--color_mark_yellow) 80%, transparent 80%, transparent 100%);
    background: linear-gradient(transparent 0%, transparent 70%, var(--color_mark_yellow) 70%, var(--color_mark_yellow) 80%, transparent 80%, transparent 100%);
}

/* デフォルトのメニューを削除 */
.c-gnav:not(.-top):not(.-bottom) {
	display: none;
}

/* 見出し */
.midashi .wp-block-heading {
	position: relative;
	margin-top: 40px;
}
@media (max-width: 959px) {
	.midashi .wp-block-heading {
		margin-top: 30px;
		font-size: calc(28rem / 16);
		font-weight: normal;
	}	
}
.midashi .wp-block-heading::before {
	position: absolute;
	width: 85px;
	height: 1px;
	content: "";
	background-color: #929292;
	top: -20px;
	left: 0;
}
@media (max-width: 959px) {
	.midashi .wp-block-heading::before {
		top: -15px;
	}
}
.midashi .english figure {
	height: 130px;
	display: block;
}
@media (max-width: 959px) {
	.midashi .english figure {
		height: 50px;
	}
}
.midashi .english figure img[style] {
	height: 100%;
	width: auto;
	object-fit: contain !important;
	margin: 0;
}


/* ボタン */
.swell-block-button.btn .swell-block-button__link {
	margin: 0 auto;
	display: block;
	font-size: calc(20rem / 16);
	border: 2px solid var(--color_main);
	color: #fff;
	padding: 16px 40px;
	border-radius: 10px;
	width: max-content;
	box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
	transition: .3s;
	position: relative;
}
.swell-block-button.btn.btn-ghost .swell-block-button__link {
	margin-left: 0;
	background-color: #fff;
	color: var(--color_main)!important;
}
.swell-block-button.btn.btn-yellow .swell-block-button__link {
	background-color: var(--color_deep02);
	border-color: var(--color_deep02);
	color: #333;
}
.swell-block-button__link .__icon {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  position: absolute;
  top: 50%; 
  right: 1em;
  transform: translateY(-50%);
}
@media (hover: hover) {
	.swell-block-button.btn .swell-block-button__link:hover {
		background-color: #fff;
		color: var(--color_main);
		border: 2px solid var(--color_main);
	}
	.swell-block-button.btn.btn.btn-yellow .swell-block-button__link:hover {
		background-color: #fff;
		color: #333;
		border-color: var(--color_deep02);
	}
}

/* スマホ固定ボタン */
.p-blogParts.post_content[data-partsid="576"] {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	z-index: 101;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.6s ease, visibility 0.6s ease;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(0, 0, 0, .5);
}
.p-blogParts.post_content[data-partsid="576"].is-visible {
  opacity: 1;
  visibility: visible;
}


/* ページトップボタン */
@media (min-width: 600px) and (max-width: 959px) {
	.p-fixBtnWrap {
		bottom: 170px;
	}
}
@media (min-width: 500px) and (max-width: 599px) {
	.p-fixBtnWrap {
		bottom: 130px;
	}
}
@media (max-width: 499px) {
	.p-fixBtnWrap {
		bottom: 100px;
	}
}