@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ===== オンラインページ ファーストビュー ===== */

.online-fv-top {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 500 !important;
	font-size: 36px !important;
	margin-bottom: 5px !important;
	padding-left: 5px;
	color:#6AB737;
}

/* タイトル直上の余白を詰める */
.l-topTitleArea__body .c-pageTitle {
	margin-top: -16px;
}

.online-fv-bottom {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 500;
	font-size: 24px;
	background-color: #6AB737;
	color: #fff;
	display: inline-block;
	padding: 0.15em 0.8em;
	border-radius: 4px;
	margin-top: 10px;
}

.online-fv-time {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 500 !important;
	font-size: 24px  !important;
	-webkit-text-stroke: 1.5px #fff;
	paint-order: stroke fill;
	padding-left: 16px;
	margin-top: 0 !important;
	color:#9C5912;
}

/* ===== オンラインページ FVイメージブロック ===== */

/* l-content l-container の padding/max-width を突き破って画面フル幅にする */
.online-fv2-block {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0;
	position: relative;
}

.online-fv2-image__img {
	width: 100%;
	height: auto;
	display: block;
}

/* PC表示（デフォルト）：SP用画像を非表示 */
.online-fv2-image__sp {
	display: none;
}

/* PC：テキストを画像に重ねて表示 */
.online-fv2-text {
	position: absolute;
	padding: 16px 0;
	top: 4vw;
	left: 10%;
}

/* SP表示（959px以下）：PC用画像を非表示、SP用画像を表示、テキストは通常フロー */
@media (max-width: 959px) {
	.online-fv2-image__pc {
		display: none;
	}
	.online-fv2-image__sp {
		display: block;
	}
	.online-fv2-text {
		top: 2vw;
		left: 5%;
	}
}

/* SP：フォントサイズを縮小（最小 16px） */
@media (max-width: 767px) {
	.online-fv-top {
		font-size: 18px !important;
	}
	.online-fv-bottom {
		font-size: 13px;
	}
	.online-fv-time {
		font-size: 14px !important;
	}
	.online-fv-time {
	font-size: 16px  !important;
	padding-left: 10px;

}
}