@charset "utf-8";
/* event styles css file*/

/* グローバル */
:root{
	/* カラー */
	--color-e-bg: #47adff;
	--color-e-section-bg1: color-mix(in srgb, #ffffff 80%, transparent);
	--color-e-section-bg2: color-mix(in srgb, #66d9ff 80%, transparent);
	--color-e-section-title: #0d6efd;
	--color-e-btn-navi: #dc3545;
	/* 春カラー */
	/*--color-e-bg: #ff767f;
	--color-e-section-bg1: color-mix(in srgb, #ffffff 80%, transparent);
	--color-e-section-bg2: color-mix(in srgb, #ffb6bb 80%, transparent);
	--color-e-section-title: #d63384;
	--color-e-btn-navi: #dc3545;*/
}
/* 背景 */
.bg-event {
	background: url("../images/bg.jpg");
	background-color: var(--color-e-bg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
/* セクション */
.section-bg1-event {
	background: var(--color-e-section-bg1);
	color: black;
}
.section-bg2-event {
	background: var(--color-e-section-bg2);
	color: black;
}
.section-title-event {
	background: var(--color-e-section-title) var(--color-gradient);
	color: white;
	border-radius: 16px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
/* ナビボタン */
.btn-navi-event {
	background: var(--color-e-btn-navi) var(--color-gradient) !important;
	color: white !important;
	border-radius: 16px;
	transition: .2s all linear;
}
.btn-navi-event:hover, .btn-navi-event:focus {
	background: var(--color-e-btn-navi) var(--color-gradient-dark) !important;
	transform: scale(1.05);
}