@charset "utf-8";
/*-----------------------------------------------
 * ONAIR
-------------------------------------------------*/
.articleContent{
	width: 100%;
	position: relative;
	padding-top: min(calc(58 / var(--vw-min) * 100vw), 58px);
}
/**
* category
**/
.onair__categoryArea{
	width: 100%;
	position: relative;
}
.onair__categoryArea:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: rgba(255,255,255,20%);
	margin: auto;
}
.onair__categoryLists{
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: center;
}
.onair__categoryList{
	margin: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.onair__category--link{
	display: block;
	position: relative;
	transform: skewX(-16deg);
	background-color: var(--color-red);
	padding: min(calc(20 / var(--vw-min) * 100vw), 20px) min(calc(40 / var(--vw-min) * 100vw), 40px);
	text-decoration: none;
	text-align: center;
	min-width: min(calc(200 / var(--vw-min) * 100vw), 200px);
	line-height: 1;
	font-weight: 700;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	color: #000;
}
.onair__category--text{
	display: block;
	transform: skewX(16deg);
}
.onair__category--text:after {
	content:'';
	display:inline-block;
	width:min(calc(9 / var(--vw-min) * 100vw),9px);
	height:min(calc(18 / var(--vw-min) * 100vw),18px);
	-webkit-mask: url(../img/common/arrow/arrow_b.png) no-repeat center center / contain;
	mask: url(../img/common/arrow/arrow_b.png) no-repeat center center / contain;
	background: #000;
	margin-left:min(calc(9 / var(--vw-min) * 100vw),9px);
}
@media screen and (max-width:768px){
	.onair__category--text:after {
		width:calc(11 / var(--vw-min) * 100vw);
		height:calc(22 / var(--vw-min) * 100vw);
		margin-left:calc(11 / var(--vw-min) * 100vw);
	}
}
.onair__category--deco{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.onair__category--deco:before,
.onair__category--deco:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: min(calc(6 / var(--vw-min) * 100vw), 6px);
	background-color: rgba(0,0,0,20%);
}
.onair__category--deco:before{
	left: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.onair__category--deco:after{
	right: min(calc(8 / var(--vw-min) * 100vw), 8px);
}

@media screen and (max-width:768px){
	.onair__categoryList{
		margin: 0 calc(20 / var(--vw-min) * 100vw);
	}
	.onair__category--link{
		padding: calc(20 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
		min-width: calc(200 / var(--vw-min) * 100vw);
		font-size: calc(26 / var(--vw-min) * 100vw);
	}
	.onair__category--deco:before,
	.onair__category--deco:after{
		width: calc(6 / var(--vw-min) * 100vw);
	}
}
.onair__mainCatch {
	padding:min(calc(60 / var(--vw-min) * 100vw),60px) 0;
}
@media screen and (max-width:768px){
	.onair__mainCatch {
		padding:calc(40 / var(--vw-min) * 100vw) 0;
	}
}
.onair__mainCatchText {
	text-align: center;
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	font-weight: 900;
	letter-spacing:0.06em;
}
@media screen and (max-width:768px){
	.onair__mainCatchText {
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}
.onair__mainCatchText small {
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.onair__mainCatchText small {
		font-size:calc(22 / var(--vw-min) * 100vw);
	}
}
.onairBlock{
	margin-bottom: min(calc(120 / var(--vw-min) * 100vw), 120px);
}
@media screen and (max-width:768px){
	.onairBlock{
		margin-bottom:calc(120 / var(--vw-min) * 100vw);
	}
}

/* onairBlock__ttl */
.onairBlock__ttlWrap{
	text-align: center;
	margin-bottom: min(calc(9 / var(--vw-min) * 100vw),9px);
	position: relative;
	width: 100%;
	overflow: hidden;
}
.onairBlock__ttlWrap::before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
	width: calc(50% - min(calc(103 / var(--vw-min) * 100vw), 103px));
	height: 2px;
	background-color: var(--color-red);
}
.onairBlock__ttlWrap::after{
	display: block;
	content: "";
	position: absolute;
	right: -2px;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
	width: calc(50% - min(calc(103 / var(--vw-min) * 100vw), 103px));
	height: 2px;
	background-color: var(--color-red);
}
@media screen and (max-width:768px){
	.onairBlock__ttlWrap{
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
	}
	.onairBlock__ttlWrap::after,
	.onairBlock__ttlWrap::before{
		width: calc(50% - calc(110 / var(--vw-min) * 100vw));
	}
}

.onairBlock__ttl{
	font-family: var(--font-en);
	font-size: min(calc(34 / var(--vw-min) * 100vw), 34px);
	font-weight: 900;
	display: flex;
	align-items: center;
    justify-content: center;
	text-align: center;
	width: min(calc(206 / var(--vw-min) * 100vw),206px);
	height: min(calc(28 / var(--vw-min) * 100vw), 28px);
	position: relative;
	line-height: 1;
	margin: 0 auto;
}
.onairBlock__ttl::after{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
	width: 100%;
	height: 100%;
	border-right: 2px solid var(--color-red);
	border-left: 2px solid var(--color-red);
	transform: skew(-15deg);
}
@media screen and (max-width:768px){
	.onairBlock__ttl{
		font-size: calc(34 / var(--vw-min) * 100vw);
		width:calc(220 / var(--vw-min) * 100vw);
		height: calc(26 / var(--vw-min) * 100vw);
		padding-left:0.25em;
	}
}
.onairBlock__ttlJa {
	display: block;
	line-height:1;
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
	text-align: center;
	font-weight: 700;
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.onairBlock__ttlJa {
		font-size:calc(24 / var(--vw-min) * 100vw);
		margin-bottom:calc(36 / var(--vw-min) * 100vw);
		padding-left:0.25em;
	}
}
.onairList {
	width:min(calc(1040 / var(--vw-min) * 100vw),1040px);
	margin:0 auto;
}
@media screen and (max-width:768px){
	.onairList {
		width:calc(670 / var(--vw-min) * 100vw);
	}
}
.onairItem {
	display: flex;
	padding:min(calc(24 / var(--vw-min) * 100vw),24px) 0;
	border-bottom:1px solid rgba(2558,255,255,.2);
	font-weight: 700;
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
	.onairItem {
		padding:calc(28 / var(--vw-min) * 100vw) 0;
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.onairItem__name {
	width:min(calc(200 / var(--vw-min) * 100vw),200px);
	color:var(--color-red);
}
.onairItem__text {
	flex:1;
	display: flex;
}
@media screen and (max-width:768px){
	.onairItem__text {
		display:block;
	}
}
.onairItem__textDate {
	flex:1;
}
@media screen and (max-width:768px){
	.onairItem__textDate {
		width:100%;
	}
}
.onairItem__textNote {
	width:50%;
}
@media screen and (max-width:768px){
	.onairItem__textNote {
		font-size:calc(20 / var(--vw-min) * 100vw);
	}
}
.onairBlock__subTitle {
	display: table;
	margin: min(calc(50 / var(--vw-min) * 100vw),50px) auto min(calc(12 / var(--vw-min) * 100vw),12px);
	height:min(calc(30 / var(--vw-min) * 100vw),30px);
	position: relative;
	font-size:min(calc(22 / var(--vw-min) * 100vw),22px);
	font-weight: 900;
	padding:0 0.15em;
	line-height:1.25;
	letter-spacing: 0.06em;
}
@media screen and (max-width:768px){
	.onairBlock__subTitle {
		margin: calc(36 / var(--vw-min) * 100vw) auto calc(12 / var(--vw-min) * 100vw);
		height:calc(36 / var(--vw-min) * 100vw);
		font-size:calc(28 / var(--vw-min) * 100vw);
	}
}
.onairBlock__subTitle span {
	position: relative;
}
.onairBlock__subTitle:before {
	content:'';
	position: absolute;
	top:50%;
	left:0;
	right:0;
	bottom:0;
	background:var(--color-red);
}
.onairBlock__subText {
	text-align: center;
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.onairBlock__subText {
		font-size:calc(20 / var(--vw-min) * 100vw);
		margin-bottom:calc(38 / var(--vw-min) * 100vw);
	}
}
.onairStList {
	display: flex;
	justify-content: center;
	width:min(calc(960 / var(--vw-min) * 100vw),960px);
	margin:0 auto min(calc(60 / var(--vw-min) * 100vw),60px);
	flex-wrap: wrap;
}
@media screen and (max-width:768px){
	.onairStList {
		width:calc(700 / var(--vw-min) * 100vw);
		margin:0 auto calc(64 / var(--vw-min) * 100vw);
	}
}
.onairStItem {
	width:min(calc(320 / var(--vw-min) * 100vw),320px);
	margin:0 min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.onairStItem {
		width:calc(320 / var(--vw-min) * 100vw);
		margin:0 calc(15 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
}
.onairStItem__link {
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:min(calc(60 / var(--vw-min) * 100vw),60px);
	border:1px solid rgba(255,255,255,.2);
	text-decoration: none;
	font-weight: 700;
	text-align: center;
	padding:0 min(calc(50 / var(--vw-min) * 100vw),50px);
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
	position: relative;
	background:rgba(0,0,0,.5);
}
@media screen and (max-width:768px){
	.onairStItem__link {
		height:calc(80 / var(--vw-min) * 100vw);
		padding:0 calc(60 / var(--vw-min) * 100vw);
		font-size:calc(22 / var(--vw-min) * 100vw);
	}
}
.onairStItem__link span {
	display: block;
	position: relative;
}
.onairStItem__link:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(var(--color-red), var(--color-red)) right bottom / 0 100% no-repeat;
	transition: background-size 0.4s;
}
@media screen and (hover:hover) and (pointer: fine){
	.onairStItem__link:hover::before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
}
.onairStItem__link:after {
	content:'';
	position: absolute;
	right:min(calc(18 / var(--vw-min) * 100vw),18px);
	top:50%;
	margin-top:max(calc(-4.5 / var(--vw-min) * 100vw),-4.5px);
	width:min(calc(18 / var(--vw-min) * 100vw),18px);
	height:min(calc(9 / var(--vw-min) * 100vw),9px);
	background:url(../img/common/arrow/arrow_r.png) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.onairStItem__link:after {
		right:calc(18 / var(--vw-min) * 100vw);
		margin-top:calc(-5 / var(--vw-min) * 100vw);
		width:calc(20 / var(--vw-min) * 100vw);
		height:calc(10 / var(--vw-min) * 100vw);
	}
}
.onair__caution {
	width:min(calc(1040 / var(--vw-min) * 100vw),1040px);
	margin:0 auto;
	padding-left:1em;
	text-indent: -1em;
}
@media screen and (max-width:768px){
	.onair__caution {
		width:calc(670 / var(--vw-min) * 100vw);
	}
}