@charset "utf-8";
@import url('section-title.css');
.streaming{
	padding:min(calc(50 / var(--vw-min) * 100vw),50px) min(calc(30 / var(--vw-min) * 100vw),30px) min(calc(220 / var(--vw-min) * 100vw),220px);
	position:relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.streaming{
		padding:calc(25 / var(--vw-min) * 100vw) calc(15 / var(--vw-min) * 100vw) calc(110 / var(--vw-min) * 100vw);
	}
}
.streaming:after{
	content:'';
	position:absolute;
	left:50%;
	bottom:min(calc(90 / var(--vw-min) * 100vw),90px);
	width:min(calc(37 / var(--vw-min) * 100vw),37px);
	height:min(calc(39 / var(--vw-min) * 100vw),39px);
	display:block;
	background:url(../img/common/goods_point.png) no-repeat center center / contain;
	margin-left:max(calc(-18 / var(--vw-min) * 100vw),-18px);
}
@media screen and (max-width:768px){
	.streaming:after{
		bottom:calc(45 / var(--vw-min) * 100vw);
		width:calc(18 / var(--vw-min) * 100vw);
		height:calc(19 / var(--vw-min) * 100vw);
		margin-left:calc(-9 / var(--vw-min) * 100vw);
	}
}
.onairCont__catch{
	font-size:min(calc(22 / var(--vw-min) * 100vw),22px);
	text-align:center;
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px)
}
@media screen and (max-width:768px){
	.onairCont__catch{
		font-size:calc(16 / var(--vw-min) * 100vw);
		margin-bottom:calc(20 / var(--vw-min) * 100vw)
	}
}
/**
 * onairStLists
 */
.onairStListsArea:not(:first-of-type){
	margin-top:min(calc(60 / var(--vw-min) * 100vw), 60px);
}

/* title */
.onairStListsArea__title{
	font-size:min(calc(24 / var(--vw-min) * 100vw), 24px);
	padding-bottom:0.8em;
	position:relative;
	text-align:center;
	font-family:var(--font-garamond);
	color:var(--color-lightblue);
	font-weight:600;
}
.onairStListsArea__title__ja{
	font-size:70%;
	margin-left:1em;
	font-family:var(--font-serif);
}
@media screen and (max-width:768px){
	.onairStListsArea__title{
		font-size:calc(18 / var(--vw-min) * 100vw);
	}
}

 .onairStLists{
	display:flex;
	flex-wrap:wrap;
	letter-spacing:0.01em;
	font-weight:500;
}

/* item */
.onairStLists > li{
	width:calc(100% / 3);
	background:#fff;
}
.onairStLists > li > a{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	min-height:100%;
	padding:20px;
	position:relative;
	text-decoration:none;
}
.onairStLists > li > a.is-nolink{
	pointer-events:none;
}
@media screen and (max-width:768px){
	.onairStLists > li{
		width:50%;
	}
	.onairStLists > li > a{
		padding:calc(20 / 750 * 100vw);
	}
}

/* border */
@media screen and (min-width:961px){
	.onairStLists > li{
		border-right:1px solid rgba(0,0,0,.1);
		border-bottom:1px solid rgba(0,0,0,.1);
	}
	.onairStLists > li:nth-child(3n + 1){
		border-left:1px solid rgba(0,0,0,.1);
	}
	.onairStLists > li:nth-child(-n + 3){
		border-top:1px solid rgba(0,0,0,.1);
	}
}
@media screen and (max-width:768px){
	.onairStLists > li{
		border-right:1px solid rgba(0,0,0,.1);
		border-bottom:1px solid rgba(0,0,0,.1);
	}
	.onairStLists > li:nth-child(2n + 1){
		border-left:1px solid rgba(0,0,0,.1);
	}
	.onairStLists > li:nth-child(-n + 2){
		border-top:1px solid rgba(0,0,0,.1);
	}
}

/* name */
.onairStLists__name{
	color:#000;
	display:flex;
	align-items:center;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	text-align:center;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.onairStLists__name{
		font-size:calc(12 / var(--vw-min) * 100vw);
	}
}
.onairStLists__name:after{
	content:"";
	flex:none;
	background-color:#000;
	-webkit-mask:url(../img/common/icon_blank.svg) no-repeat center / contain;
	mask:url(../img/common/icon_blank.svg) no-repeat center / contain;
	width:min(calc(14 / var(--vw-min) * 100vw),14px);
	height:min(calc(14 / var(--vw-min) * 100vw),14px);
	margin-left:min(calc(10 / var(--vw-min) * 100vw),10px);
	transition:all 0.3s ease;
}
.onairStLists > li a.is-nolink .onairStLists__name:after{
	content:none;
}
@media screen and (max-width:768px){
	.onairStLists__name:after{
		width:calc(20 / 750 * 100vw);
		height:calc(20 / 750 * 100vw);
		margin-left:0.5em;
	}
}

/* date, notice */
.onairStLists__detail{
	font-size:var(--fontsize-16);
	text-align:center;
}
.onairStLists__caution{
	font-size:var(--fontsize-14);
	margin-top:1em;
	text-align:center;
}

/* transition animation */
.onairStLists > li a{
	transition:background-color .3s ease;
}
.onairStLists > li a:hover{
	background-color:var(--color-blue);
	color:#fff;
}
.onairStLists__detail,
.onairStLists__caution{
	transition:color .3s ease;
}
.onairStLists > li a:hover .onairStLists__name{
	color:#fff;
}
.streamingLists__text:after{
	transition:background-color .3s ease;
}
.onairStLists > li a:hover .onairStLists__name:after{
	background-color:#fff;
}
.onairCont__caution{
	padding-top:1.5em;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.onairCont__caution{
		padding-top:1.5em;
		font-size:calc(10 / var(--vw-min) * 100vw);
	}
}