@charset "utf-8";
/*-----------------------------------------------
 * ONAIR
-------------------------------------------------*/
/* title: longer EN */
#onair .contentTitle.-hz .contentTitle--en{
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:768px){
	#onair .contentTitle.-hz .contentTitle--en{
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}

/**
* lead
**/
.onairLead{
	color: var(--color-navy);
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	text-align: center;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	font-weight: 900;
	line-height: min(calc(40 / var(--vw-min) * 100vw), 40px);
	letter-spacing: min(calc(0.48 / var(--vw-min) * 100vw), 0.48px);
}
.onairLead small{
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
}
@media screen and (max-width:768px){
	.onairLead{
		font-size: calc(30 / var(--vw-min) * 100vw);
		line-height: calc(42 / var(--vw-min) * 100vw);
	}
}

#haishin .onairLead{
	margin-bottom: calc(60 / var(--vw-min) * 100vw);
}

/**
* housou lists
**/
.housouLists{
	width: 100%;
}
.housouLists__item{
	display: flex;
	height: min(calc(80 / var(--vw-min) * 100vw), 80px);
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px) 0;
	align-items: center;
	align-self: stretch;
	border-bottom: 1px dashed #EB81A2;
	font-weight: 700;
}
.housouLists__station{
	flex-shrink: 0;
	color: var(--color-pink);
	width: min(calc(260 / var(--vw-min) * 100vw), 260px);
}
.housouLists__date{
	flex-shrink: 0;
	width: min(calc(330 / var(--vw-min) * 100vw), 330px);
}
.housouLists__time{
	width: min(calc(360 / var(--vw-min) * 100vw), 360px);
}
.housouNote{
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
	color: var(--color-black);
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	line-height: 1.8;
	letter-spacing: 0.06em;
}
@media screen and (max-width:768px){
	.housouLists__item{
		padding: calc(28 / var(--vw-min) * 100vw) 0;
		font-size: calc(20 / var(--vw-min) * 100vw);
		line-height: calc(32 / var(--vw-min) * 100vw);
	}
	.housouLists__station{
		width:calc(260 / var(--vw-min) * 100vw);
		font-weight: 900;
	}
	.housouLists__time,
	.housouLists__date{
		width: unset;
		text-align: left;
	}
	.housouNote{
		margin-top: calc(40 / var(--vw-min) * 100vw);
		font-size: calc(18 / var(--vw-min) * 100vw);
	}
}

/**
* haishin
**/
.haishinBlock:not(:last-child){
	margin-bottom: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.haishinBlock__ttl{
	color: var(--color-navy);
	font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
	font-weight: 900;
	line-height: 1;
	letter-spacing: min(calc(0.44 / var(--vw-min) * 100vw), 0.44px);
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
	position: relative;
	padding-left: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.haishinBlock__ttl::before{
	position: absolute;
	left: 0;
	top: max(calc(-6 / var(--vw-min) * 100vw), -6px);
	content: '';
    width: min(calc(30 / var(--vw-min) * 100vw), 30px);
    height: min(calc(27 / var(--vw-min) * 100vw), 27px);
    position: absolute;
    background: url(../img/common/deco_title.svg) no-repeat center / contain;
}
.haishinBlock__date{
	color: var(--color-black);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	letter-spacing: 0.06em;
	margin-bottom: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
@media screen and (max-width:768px){
	.haishinBlock:not(:last-child){
		margin-bottom: calc(56 / var(--vw-min) * 100vw);
	}
	.haishinBlock__ttl{
		font-size: calc(28 / var(--vw-min) * 100vw);
		padding-left: calc(48 / var(--vw-min) * 100vw);
		margin-bottom: calc(30 / var(--vw-min) * 100vw);
	}
	.haishinBlock__ttl::before{
		top: calc(-10 / var(--vw-min) * 100vw);
		width: calc(44 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
	.haishinBlock__date{
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(28 / var(--vw-min) * 100vw);
		line-height: 1.6;
	}
}

/**
* haishin buttons
**/
.haishinBtnLists{
	display: flex;
	gap: min(calc(8 / var(--vw-min) * 100vw), 8px);
	flex-wrap: wrap;
}
.haishinBtnLists__item{
	width: calc((100% - calc(8 / var(--vw-min) * 100vw)) / 4);
}
.haishinBtn{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: min(calc(54 / var(--vw-min) * 100vw), 54px);
	border: 1px solid rgba(231, 186, 85, 0.50);
	background: #FFF;
	text-decoration: none;
	overflow: hidden;
}
.haishinBtn::before{
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(231, 186, 85, 0.50);
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
}
.haishinBtn__txt{
	color: var(--color-navy);
}

@media screen and (hover: hover) and (pointer: fine){
	.haishinBtn:hover::before{
		opacity: 1;
	}
}
.haishinBtn__txt,
.haishinBtn__blank{
	position: relative;
	z-index: 1;
}
.haishinBtn__blank{
	display: block;
	width: min(calc(12 / var(--vw-min) * 100vw), 12px);
	height: min(calc(12 / var(--vw-min) * 100vw), 12px);
	margin-left: min(calc(8 / var(--vw-min) * 100vw), 8px);
	mask: url(../img/common/icon_blank.svg) no-repeat center / contain;
	-webkit-mask: url(../img/common/icon_blank.svg) no-repeat center / contain;
	flex-shrink: 0;
	background-color: var(--color-yellow);
}
@media screen and (max-width:768px){
	.haishinBtnLists{
		gap: calc(10 / var(--vw-min) * 100vw);
	}
	.haishinBtnLists__item{
		width: calc((100% - calc(10 / var(--vw-min) * 100vw)) / 2);
	}
	.haishinBtn{
		height: calc(70 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.haishinBtn__blank{
		width: calc(18 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
		margin-left: calc(10 / var(--vw-min) * 100vw);
	}
}