@charset "utf-8";
.inMain .content{
	padding-top: 80px;
}
.inMain .contentIn{
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}

@media screen and (max-width:768px){
	.inMain .content{
		padding-top: calc(96 / var(--vw-min) * 100vw);
	}
	.inMain .contentIn{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
}

/*----------------
* ONAIR
-----------------*/
#onair .contentIn{
	width: 100%;
    max-width: calc(1200px * var(--max-percent));
    margin: 0 auto;
    position: relative;
}
.onairAreaContent{
	width: 86.6667%;
	min-width: min(1040px, 100%);
	padding: 0 min(3.8462vw, 40px);
	margin: 0 auto;
}
.onairBlockIn{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	background-color: #fff;
}
.onairBlockIn:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/common/textur_paper.png) repeat center;
	mix-blend-mode: multiply;
	pointer-events: none;
}

@media screen and (max-width:768px){
	.onairAreaContent{
		width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.onairBlockIn{
		padding: calc(48 / var(--vw-min) * 100vw);
		padding-top: calc(40 / var(--vw-min) * 100vw);
		padding-bottom: calc(40 / var(--vw-min) * 100vw);
	}
}

.onairBlock{
	margin-bottom: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
@media screen and (max-width:768px){
	.onairBlock{
		margin-bottom: calc(96 / var(--vw-min) * 100vw);
	}
}


/*-----------------
 * page link
-----------------*/
/*pagelinkLists*/
.pagelinkLists{
	display: flex;
	flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 28px;
}
@media screen and (max-width: 767px){
	.pagelinkLists{
		margin-bottom: 0;
		padding:0 calc(20 / var(--vw-min) * 100vw);
	}
}
.pagelinkLists__item{
	margin: 5px;
}
.pagelink{
	display: flex;
	position: relative;
	border-radius: 50px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1;
	color: #FFF;
	text-align: center;
	background-color: #222;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
	text-decoration: none;
}
.pagelink .pagelink__txt{
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-right: 10px;
	cursor: pointer;

}
.pagelink__inner{
	display: flex;
	height: 50px;
	align-items: center;
	justify-content: center;
}

.pagelinkLists__item{
	position: relative;
	margin: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width: 767px){
	.pagelinkLists__item{
		width: calc((100% - calc(80 / var(--vw-min) * 100vw)) / 2);
        margin: 0 calc(20 / var(--vw-min) * 100vw);
		letter-spacing: 0;
	}
}
.comlinkBox__txt{
	position: relative;
	padding-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.pagelinkLists__item .comlinkBox__txt:after {
   content: '';
    position: absolute;
    bottom: 0;
    top: 0;
    left: unset;
    right: 0;
    width: 16px;
    height: 6px;
    -webkit-mask: url(../img/common/nav_deco-now.svg) no-repeat center top / 100%;
    mask: url(../img/common/nav_deco-now.svg) no-repeat center top / 100%;
	background-color: var(--color-brown);
    margin: auto;
    transform: rotate(-180deg);
    transition: transform .8s ease, opacity .2s ease;
	opacity: 1;
}

@media screen and (max-width: 767px){
	.pagelinkLists__item .comlinkBox{
		width: 100%;
	}
	.pagelinkLists__item .comlinkBox__txt {
		width: 100%;
		padding-right:calc(30 / var(--vw-min) * 100vw);
		text-align: center;
	}
	.pagelinkLists__item .comlinkBox__txt:after {
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover: hover) and (pointer: fine) {
    .comlinkBox:hover .comlinkBox__txt:after {
        background-color: var(--color-orange);
		 transition:all .3s ease;
    }
}

/* ttl */
.cont_ttl-s{
	display: flex;
    text-align: center;
    font-size: min(calc(42 / var(--vw-min) * 100vw), 42px);
    flex-direction: column;
    align-items: center;
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	color: var(--color-orange);
}
.cont_ttl-s-en{
	font-family: var(--font-en);
	line-height: 1;
}
.cont_ttl-s-ja{
    font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	line-height: 1.8;
}
@media screen and (max-width: 767px){
	.cont_ttl-s{
		font-size: calc(48 / var(--vw-min) * 100vw);
		margin-bottom:calc(48 / var(--vw-min) * 100vw);
	}
	.cont_ttl-s-en{
		font-family: var(--font-en);
		line-height: 1;
	}
	.cont_ttl-s-ja{
		font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	}
}

/* onairLists */
.onairLists{
  display: flex;
  padding-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
  border-bottom: 1px solid rgba(000, 000, 000, .4);
  margin-bottom:min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.onairLists:last-child{
  border-bottom:0;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 767px){
	.onairLists{
	    flex-direction: column;
		padding-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
		margin-bottom:min(calc(30 / var(--vw-min) * 100vw), 30px);
	}
}
.onairLists .item__ttl{
  width:calc(200 / var(--vw-min) * 100vw);
}
.onairLists .item__detail{
  width: calc(220 / var(--vw-min) * 100vw);
  padding-left:min(calc(40 / var(--vw-min) * 100vw),40px);
}
.onairLists .item__detail2{
  width:calc(220 / var(--vw-min) * 100vw);
  padding-left:min(calc(40 / var(--vw-min) * 100vw),40px);
}
.onairLists .item__detail3{
  width:calc(320 / var(--vw-min) * 100vw);
  padding-left:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width: 767px){
	.onairLists .item__ttl,
	.onairLists .item__detail,
	.onairLists .item__detail2,
	.onairLists .item__detail3{
		width: 100%;
		padding-left: 0;
	}
	.onairLists .item__ttl{
		font-weight: bold;
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
}

.streaming_ttl{
	text-align: center;
	display: block;
	position: relative;
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw),30px);
}
.streaming_ttl::before,
.streaming_ttl::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 1px;
	width: calc((100% - min(calc(180 / var(--vw-min) * 100vw),180px))/2);
	display: block;
	content: "";
	background-color: #000;
}
.streaming_ttl::before{
	left: 0;
}
.streaming_ttl::after{
	right: 0;
}
@media screen and (max-width: 767px){
	.streaming_ttl{
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: min(calc(30 / var(--vw-min) * 100vw),30px);
	}
	.streaming_ttl::before,
	.streaming_ttl::after{
		width: calc((100% - calc(200 / var(--vw-min) * 100vw))/2);
	}
}

.streamingListsWrap{
	margin-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}

.streamingLists{
	display: flex;
    gap:calc(20 / var(--vw-min) * 100vw);
    flex-wrap: wrap;
}
.streamingItem{
	width: calc((100% - calc(60 / var(--vw-min) * 100vw))/4);
	height: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
@media screen and (max-width: 767px){
	.streamingItem{
		width: calc((100% - calc(20 / var(--vw-min) * 100vw))/2);
		height: calc(60 / var(--vw-min) * 100vw);
	}
}
.linkItem__link {
    display: flex;
	height: 100%;
    padding: 0 min(calc(20 / var(--vw-min) * 100vw),20px);
    text-decoration: none;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #000;
    background-color: #FFF;
	transition: all .4s ease;
}
.linkBtn__link--txt {
    display: inline-block;
    position: relative;
    padding-right: min(calc(10 / var(--vw-min) * 100vw), 10px);
	line-height: 1.1;
	text-align: center;
}
.linkBtn__link--txt small{
	font-size: 70%;
}
.ic_blank {
    position: absolute;
    right: min(calc(20 / var(--vw-min) * 100vw), 20px);
    top: 0;
    bottom: 0;
    margin: auto;
    width: min(calc(8 / var(--vw-min) * 100vw), 8px);
    height: min(calc(8 / var(--vw-min) * 100vw), 8px);
    -webkit-mask: url(../img/common/icon_blank.svg) no-repeat center center / contain;
    mask: url(../img/common/icon_blank.svg) no-repeat center center / contain;
    background-color: var(--color-orange);
    transition: all .4s ease;
}
@media screen and (max-width: 767px){
	.linkBtn__link--txt {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
	.ic_blank {
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover) and (pointer: fine){
	.streamingItem:hover .linkItem__link {
		background-color: var(--color-orange);
		color: #FFF;
	}
	.streamingItem:hover .ic_blank{
		background-color: #FFF;
	}
}
.onairBlock__head{
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.onairBlock__txt{
	text-align: center;
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
}
.onairBlock__txt.txt_l{
	font-size:min(calc(28 / var(--vw-min) * 100vw),28px);
	color: var(--color-orange);
	line-height: 1.3;
	margin-bottom: 0.5em;
	font-weight: bold;
}

/* bottom txt */
.onair__btmTxtWrap{
  margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.onair__btmTxt{
  font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
@media screen and (max-width:767px){
	.onair__btmTxtWrap{
	margin-top:calc(20 / var(--vw-min) * 100vw);
	}
	.onair__btmTxt{
		font-size: calc(18	 / var(--vw-min)* 100vw);
	}
}



.streamingItem._one{
	display: flex;
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
	margin: min(calc(14 / var(--vw-min) * 100vw), 14px) auto 0;
}
.streamingItem._one .linkItem__link{
	width: 100%;
}
.onairBlock__head{
	text-align: center;
}