@charset "utf-8";
/*-----------------------------------------------
 * ON AIR
-------------------------------------------------*/
/**
* DECO
**/
.subSec__deco-handlegrid {
	top: 0;
	right: min(calc(200 / var(--vw-min) * 200vw),200px);
}
@media screen and (max-width:768px){
	.subSec__deco-handlegrid {
		top: calc(-120 / var(--vw-min) * 100vw);
		right: calc(26 / var(--vw-min) * 100vw);
	}
}
.subSec__deco-coffee {
	top: min(calc(220 / var(--vw-min) * 100vw),220px);
	right: min(calc(90 / var(--vw-min) * 100vw),90px);
}
@media screen and (max-width:768px){
	.subSec__deco-coffee {
		top: calc(185 / var(--vw-min) * 100vw);
		right: calc(33 / var(--vw-min) * 100vw);
	}
}
.subSec__deco-plate {
	width: min(calc(285 / var(--vw-min) * 100vw),285px);
	height: min(calc(285 / var(--vw-min) * 100vw),285px);
	position: absolute;
	top: min(calc(130 / var(--vw-min) * 100vw),130px);
	left: min(calc(24 / var(--vw-min) * 100vw),24px);
	z-index: 1;
	-webkit-filter: drop-shadow(5px 5px 5px #767676);
	filter: drop-shadow(5px 5px 5px #767676);
	background: url(../img/common/deco/deco_plate.png)no-repeat center/contain;
	opacity: 0;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.subSec__deco-plate {
		width: calc(161 / var(--vw-min) * 100vw);
		height: calc(170 / var(--vw-min) * 100vw);
		top: calc(170 / var(--vw-min) * 100vw);
		left: calc(-10 / var(--vw-min) * 100vw);
	}
}
.subSec__deco-plate::before {
	content: "";
	width: min(calc(174 / var(--vw-min) * 100vw),174px);
	height: min(calc(174 / var(--vw-min) * 100vw),174px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: url(../img/common/deco/deco_header.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.subSec__deco-plate::before {
		width: calc(106 / var(--vw-min) * 100vw);
		height: calc(106 / var(--vw-min) * 100vw);
	}
}
/**
* CONT
**/
.onair {
	padding-bottom: min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.onair {
		padding: calc(180 / var(--vw-min) * 100vw) 0 calc(100 / var(--vw-min) * 100vw);
	}
}
.onairWrap {
	width: min(calc(960 / var(--vw-min) * 100vw),960px);
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width:768px){
	.onairWrap {
		width: 100%;
	}
}
.subSec .cont-tit {
	color: var(--color-orange);
	margin-bottom: 0;
}
.onair .cont-tit::before {
	content: "";
	width: min(calc(532 / var(--vw-min) * 100vw),532px);
	height: min(calc(462 / var(--vw-min) * 100vw),462px);
	display: block;
	position: absolute;
	z-index: 1;
	top: max(calc(-230 / var(--vw-min) * 100vw),-230px);
	left: min(calc(190 / var(--vw-min) * 100vw),190px);
	-webkit-filter: drop-shadow(13px 15px 14px #6a664f);
	filter: drop-shadow(13px 15px 14px #6a664f);
	background: url(../img/common/deco/deco_blackpan.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.onair .cont-tit::before {
		widows: calc(532 / var(--vw-min) * 100vw);
		height: calc(462 / var(--vw-min) * 100vw);
		top: calc(-230 / var(--vw-min) * 100vw);
		left: calc(85 / var(--vw-min) * 100vw);
		margin: auto;
	}
}
/*-----------------------------------------------
 * DETAIL
-------------------------------------------------*/
.onairCont {
	position: relative;
	z-index: 1;
	padding-top: min(calc(170 / var(--vw-min) * 100vw),170px);
	opacity: 0;
	transform: translateY(100px);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.onairCont {
		padding: calc(160 / var(--vw-min) * 100vw) calc(54 / var(--vw-min) * 100vw) 0;
	}
}
.onairCont__lists {
	padding-bottom: min(calc(70 / var(--vw-min) * 100vw), 70px);
    border-bottom: min(calc(1 / var(--vw-min) * 100vw), 1px) solid var(--color-brown);
}
@media screen and (max-width:768px){
	.onairCont__lists {
		padding-bottom: calc(40 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.onairCont__item:not(:first-child) {
	margin-top: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.onairCont__item:not(:first-child) {
		margin-top: calc(60 / var(--vw-min) * 100vw);
	}
}
.onair__titWrap {
	font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
	font-weight: 800;
	text-align: center;
	display: flex;
	justify-content: center;
	padding-bottom: min(calc(30 / var(--vw-min) * 100vw),30px);
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-brown);
}
@media screen and (max-width:768px){
	.onair__titWrap {
		font-size: calc(22 / var(--vw-min) * 100vw);
		flex-direction: column;
		padding-bottom: calc(30 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.onair__tit {
	font-weight: 800;
}
.onair__detail-deco {
	width: min(calc(56 / var(--vw-min) * 100vw),56px);
	height: min(calc(53 / var(--vw-min) * 100vw),53px);
	margin: min(calc(35 / var(--vw-min) * 100vw),35px) auto;
	-webkit-mask: url(../img/common/deco/deco_dishes-normal.svg)no-repeat center /contain;
	mask: url(../img/common/deco/deco_dishes-normal.svg)no-repeat center /contain;
	background-color: var(--color-brown);
}
@media screen and (max-width:768px){
	.onair__detail-deco {
		width: calc(80 / var(--vw-min) * 100vw);
		height: calc(76 / var(--vw-min) * 100vw);
		margin: calc(40 / var(--vw-min) * 100vw) auto;
	}
}
.onair__detail {
    font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
    font-weight: 800;
    line-height: 2;
	display: flex;
}
@media screen and (max-width:768px){
	.onair__detail {
		font-size: calc(20 / var(--vw-min) * 100vw);
		display: block;
	}
}
.onair__lists {
	width: 100%;
	display: flex;
	justify-content: center;	
	flex-wrap: wrap;
}
.onair__item {
	width: calc(100% / 3);
	position: relative;
	display: flex;
	padding: min(calc(7 / var(--vw-min) * 100vw),7px);
}
@media screen and (max-width:768px){
	.onair__item {
		width: calc(100% / 2);
		padding: calc(7 / var(--vw-min) * 100vw);
	}
}
.onair__item .onair__link {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	line-height: 1.3;
	text-align: center;
	font-weight: 800;
	word-break: break-word;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-brown);
	padding: min(calc(30 / var(--vw-min) * 100vw),30px) min(calc(10 / var(--vw-min) * 100vw),10px);
	text-decoration: none;
}
@media screen and (max-width:768px){
	.onair__item .onair__link {
		font-size: calc(20 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
		padding: calc(30 / var(--vw-min) * 100vw) calc(10 / var(--vw-min) * 100vw);
	}
}
/**
* 放送
**/
.onair__detail.--broadcast {
	flex-direction: column;
}
.onairDetailLists {
	display: flex;
	flex-wrap: wrap;
}
.onairDetailItem {
	width: 100%;
	display: flex;
	align-items: center;
}
@media screen and (max-width:768px){
	.onairDetailItem  {
		width: 100%;
	}
}
.onairDetailItemIn {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	padding: min(calc(20 / var(--vw-min) * 100vw),20px) 0;
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-brown);
}
@media screen and (max-width:768px){
	.onairDetailItemIn {
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding: calc(24 / var(--vw-min) * 100vw);
	}
}
.onairDetail-tit {
	width: min(calc(200 / var(--vw-min) * 100vw),200px);
	font-weight: 800;
	padding: 0 min(calc(16 / var(--vw-min) * 100vw),16px) 0 min(calc(20 / var(--vw-min) * 100vw),20px);

}
@media screen and (max-width:768px){
	.onairDetail-tit {
		width: 40%;
		padding: 0 calc(16 / var(--vw-min) * 100vw) 0 0;
	}
}
.onairDetail-timeWrap {
	font-weight: 800;
	line-height: 2;
	width: calc(100% - min(calc(200 / var(--vw-min) * 100vw),200px));
	display: flex;
	flex-wrap: wrap;
	padding-left: min(calc(20 / var(--vw-min) * 100vw),20px);
	margin-left: min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.onairDetail-timeWrap {
		width: 60%;
		padding-left: calc(24 / var(--vw-min) * 100vw);
		margin-left: 0;
	}
}
.onairDetail-week {
	padding-right: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.onairDetail-week {
		padding-right: calc(16 / var(--vw-min) * 100vw);	
	}
}
.onairDetail-cau {
	width: 100%;
}
.onair__cau {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 800;
	margin-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.onair__cau {
		font-size: calc(20 / var(--vw-min) * 100vw);
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}
.onair__cateWrap {
	width: 100%;
	display: flex;
}
.onair__cate {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 800;
	color: var(--color-brown);
	background-color: var(--color-orange);
	padding: min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(20 / var(--vw-min) * 100vw),20px); 
}
@media screen and (max-width:768px){
	.onair__cate {
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding: calc(5 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw); 
	}
}
.onair__cate:nth-child(1) {
	width: min(calc(200 / var(--vw-min) * 100vw),200px);
}
@media screen and (max-width:768px){
	.onair__cate:nth-child(1) {
		width: 40%;
	}
}
.onair__cate:nth-child(2) {
	width: calc(100% - min(calc(200 / var(--vw-min) * 100vw),200px));
	margin-left: min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.onair__cate:nth-child(2) {
		width: 60%;
		margin-left: calc(14 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * アニメーション
-------------------------------------------------*/
body.--is-subload .pageNavWrap {
	opacity: 1;
	transition-delay: 1.8s;
}
body.--is-subload .subSec__deco-plate {
	opacity: 1;
	transition-delay: 1.8s;
}
body.--is-subload .onairCont {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 1.5s;
}
.cont-tit.spin2.--animate::before {
	animation: spin2 .5s ease-in-out;
}