@charset "utf-8";
/*-----------------------------------------------
 * ONAIR
-------------------------------------------------*/
@media screen and (max-width:768px){
    .subSecWrap {
        padding: 0 calc(8 / var(--vw-min) * 100vw);
    }
}
/**
* onairTv / onairStream
**/
.onairTv {
    position: relative;
    padding-top: min(calc(88 / var(--vw-min) * 100vw),88px);
}
@media screen and (max-width:768px){
    .onairTv {
        padding-top: calc(54 / var(--vw-min) * 100vw);
    }
}
.onairStream {
    position: relative;
    padding-top: min(calc(120 / var(--vw-min) * 100vw),120px);
}
@media screen and (max-width:768px){
    .onairStream {
        padding-top: calc(78 / var(--vw-min) * 100vw);
    }
}
.onairTvWrap,
.onairStreamWrap {
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    border-radius: min(calc(48 / var(--vw-min) * 100vw),48px);
    border: min(calc(5 / var(--vw-min) * 100vw),5px) solid #fff;
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .onairTvWrap,
    .onairStreamWrap {
        width: 100%;
        border-radius: calc(24 / var(--vw-min) * 100vw);
        border-width: calc(3 / var(--vw-min) * 100vw);
    }
}
.onairTvWrap {
    background-color: var(--color-blue00B);
}
.onairStreamWrap {
    background-color: var(--color-blue47B);
}
.onairTv__header,
.onairStream__header {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: max(calc(-30 / var(--vw-min) * 100vw),-30px);
}
@media screen and (max-width:768px){
    .onairTv__header,
    .onairStream__header {
        margin-top: calc(-14 / var(--vw-min) * 100vw);
    }
}
.onairTv__tit {
    font-size: min(calc(64 / var(--vw-min) * 100vw),64px);
    font-weight: 400;
    line-height: 1;
    color: var(--color-blue00B);
    position: relative;
}
@media screen and (max-width:768px){
    .onairTv__tit {
        font-size: calc(40 / var(--vw-min) * 100vw);
    }
}
.onairStream__header .onairTv__tit {
    color: var(--color-blue47B);
}
.onairTv__tit::before {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    z-index: -1;
    color: transparent;
    -webkit-text-stroke: min(calc(10 / var(--vw-min) * 100vw), 10px) #fff;
}
@media screen and (max-width:768px){
    .onairTv__tit::before {
        -webkit-text-stroke-width: calc(10 / var(--vw-min) * 100vw);
    }
}
.onairTv__titJa {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    color: #fff;
    font-weight: 700;
    line-height: 1.625;
}
@media screen and (max-width:768px){
    .onairTv__titJa {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
}
.subCont {
    width: min(calc(864 / var(--vw-min) * 100vw),864px);
    border-radius: min(calc(40 / var(--vw-min) * 100vw),40px);
    padding: min(calc(64 / var(--vw-min) * 100vw),64px) min(calc(72 / var(--vw-min) * 100vw),72px);
    margin: min(calc(32 / var(--vw-min) * 100vw),32px) auto min(calc(68 / var(--vw-min) * 100vw),68px);
    background-color: #fff;
}
@media screen and (max-width:768px){
    .subCont {
        width: calc(100% - calc(16 / var(--vw-min) * 100vw));
        border-radius: calc(16 / var(--vw-min) * 100vw);
        padding: calc(32 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw);
        margin:calc(22 / var(--vw-min) * 100vw) auto calc(40 / var(--vw-min) * 100vw);
    }
}
.onairTv__lead,
.onairStream__lead {
    font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    position: relative;
}
.onairTv__lead,
.onairStream__leadWrap {
    padding-bottom: min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
    .onairTv__lead,
    .onairStream__lead {
        font-size: calc(18 / var(--vw-min) * 100vw);
    }
    .onairTv__lead,
    .onairStream__leadWrap {
        padding-bottom: calc(24 / var(--vw-min) * 100vw);
    }
}
.onairTv__lead {
    color: var(--color-blue00B);
}
.onairStream__leadWrap {
    position: relative;
}
.onairStream__lead {
    color: var(--color-blue47B);
}
.onairStream__logo {
    display: flex;
    justify-content: center;
    margin-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
.onairStream__logo img {
    width: min(calc(440 / var(--vw-min) * 100vw),440px);
    height: auto;
}
@media screen and (max-width:768px){
    .onairStream__logo {
        margin-top: calc(16 / var(--vw-min) * 100vw);
    }
    .onairStream__logo img {
        width: calc(220 / var(--vw-min) * 100vw);
    }
}
.onairStream__leadWrap::after {
	content: "";
	width: 100%;
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	display: block;
	position: absolute;
    left: 0;
    bottom: 0;
	-webkit-mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(1 / var(--vw-min) * 100vw),1px);
	mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(1 / var(--vw-min) * 100vw),1px);
	background-color: var(--color-blue00B);
}
@media screen and (max-width:768px){
	.onairStream__leadWrap::after {
		height: calc(1 / var(--vw-min) * 100vw);
		-webkit-mask-size: calc(5 / var(--vw-min) * 100vw) calc(1 / var(--vw-min) * 100vw);
		mask-size: calc(5 / var(--vw-min) * 100vw) calc(1 / var(--vw-min) * 100vw);
	}
}
.onairTv__lists {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
    .onairTv__lists {
        gap: calc(24 / var(--vw-min) * 100vw);
    }
}
.onairTv__item {
    width: 100%;
    position: relative;
    display: flex;
    padding-top: min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
    .onairTv__item {
        flex-direction: column;
        padding-top: calc(12 / var(--vw-min) * 100vw);
    }
}
.onairTv__item:last-child {
    padding-bottom: min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
    .onairTv__item:last-child {
        padding-bottom: calc(12 / var(--vw-min) * 100vw);
    }
}
.onairTv__item-dt {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    color: var(--color-blue00B);
    font-weight: 700;
    line-height: 1.87;
    width: min(calc(240 / var(--vw-min) * 100vw),200px);
    flex-shrink: 0;
    padding-right: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
    .onairTv__item-dt {
        font-size: calc(13 / var(--vw-min) * 100vw);
        width: 100%;padding-right: 0;
    }
}
.onairTv__item-dd {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    color: var(--color-brown2C1);
    font-weight: 500;
    line-height: 1.87;
    width: 100%;
}
@media screen and (max-width:768px){
    .onairTv__item-dd {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
}
/* line */
.onairTv__lists::before,
.onairTv__lists::after,
.onairTv__item::before,
.onairTv__item::after {
	content: "";
	width: min(calc(5 / var(--vw-min) * 100vw),5px);
	height: min(calc(5 / var(--vw-min) * 100vw),5px);
	display: block;
	position: absolute;
	border-radius: 50%;
	background-color: var(--color-blue00B);
}
.onairTv__lists::before {
    bottom: max(calc(-2 / var(--vw-min) * 100vw),-2px);
    left: 0;
}
.onairTv__lists::after {
    bottom: max(calc(-2 / var(--vw-min) * 100vw),-2px);
    right: 0;
}
.onairTv__item::before {
	top: max(calc(-2 / var(--vw-min) * 100vw),-2px);
	left: 0;
}
.onairTv__item::after {
	top: max(calc(-2 / var(--vw-min) * 100vw),-2px);
	right: 0;
}
@media screen and (max-width:768px){
	.headerNavLists__item::before,
	.headerNavLists__item::after{
		width: calc(5 / var(--vw-min) * 100vw);
		height: calc(5 / var(--vw-min) * 100vw);
	}
    .onairTv__lists::before {
        bottom: calc(-2 / var(--vw-min) * 100vw);
    }
    .onairTv__lists::after {
        bottom: calc(-2 / var(--vw-min) * 100vw);
    }
    .onairTv__item::before {
        top: calc(-2 / var(--vw-min) * 100vw);
    }
    .onairTv__item::after {
        top: calc(-2 / var(--vw-min) * 100vw);
    }
}
.onairTv__item:last-child .onairTv__item-dd::before,
.onairTv__item-dd::after {
	content: "";
	width: 100%;
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	display: block;
	position: absolute;
    left: 0;
	-webkit-mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(1 / var(--vw-min) * 100vw),1px);
	mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(1 / var(--vw-min) * 100vw),1px);
	background-color: var(--color-blue00B);
}
.onairTv__item:last-child .onairTv__item-dd::before {
    bottom: 0;
}
.onairTv__item-dd::after {
    top: 0;
}
@media screen and (max-width:768px){
	.onairTv__item:last-child .onairTv__item-dd::before,
    .onairTv__item-dd::after {
		height: calc(1 / var(--vw-min) * 100vw);
		-webkit-mask-size: calc(5 / var(--vw-min) * 100vw) calc(1 / var(--vw-min) * 100vw);
		mask-size: calc(5 / var(--vw-min) * 100vw) calc(1 / var(--vw-min) * 100vw);
	}
}
.onairTv__notes,
.onairStream__notes {
    font-size: min(calc(13 / var(--vw-min) * 100vw),13px);
    color: var(--color-brown2C1);
    font-weight: 500;
    line-height: 1.85;
    margin-top: min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
    .onairTv__notes,
    .onairStream__notes {
        font-size: calc(11 / var(--vw-min) * 100vw);
        margin-top: calc(24 / var(--vw-min) * 100vw);
    }
}
.onairStream__sep {
    width: 100%;
    position: relative;
}
.onairStream__sep::before,
.onairStream__sep::after {
    content: "";
	width: min(calc(5 / var(--vw-min) * 100vw),5px);
	height: min(calc(5 / var(--vw-min) * 100vw),5px);
	display: block;
	position: absolute;
    top: max(calc(-2 / var(--vw-min) * 100vw),-2px);
	border-radius: 50%;
	background-color: var(--color-blue47B);
}
@media screen and (max-width:768px){
    .onairStream__sep::before,
    .onairStream__sep::after  {
        width: calc(5 / var(--vw-min) * 100vw);
        height: calc(5 / var(--vw-min) * 100vw);
        top: calc(-2 / var(--vw-min) * 100vw);
    }
}
.onairStream__sep::before {
    left: 0;
}
.onairStream__sep::after {
    right: 0;
}
.onairStream__group {
    position: relative;
    padding-top: min(calc(32 / var(--vw-min) * 100vw),32px);
}
.onairStream__group.--divided {
    margin-top: min(calc(32 / var(--vw-min) * 100vw),32px);
}
.onairStream__group.--divided::before {
    content: "";
    width: 100%;
    height: min(calc(1 / var(--vw-min) * 100vw),1px);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(1 / var(--vw-min) * 100vw),1px);
    mask: url(../img/common/deco/deco_line.svg)repeat-x left/min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(1 / var(--vw-min) * 100vw),1px);
    background-color: var(--color-blue00B);
}
.onairStream__group.--divided > .onairStream__sep {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
@media screen and (max-width:768px){
    .onairStream__group {
        padding-top: calc(24 / var(--vw-min) * 100vw);
    }
    .onairStream__group.--divided {
        margin-top: calc(24 / var(--vw-min) * 100vw);
    }
    .onairStream__group.--divided::before {
        height: calc(1 / var(--vw-min) * 100vw);
        -webkit-mask-size: calc(5 / var(--vw-min) * 100vw) calc(1 / var(--vw-min) * 100vw);
        mask-size: calc(5 / var(--vw-min) * 100vw) calc(1 / var(--vw-min) * 100vw);
    }
}
.onairStream__groupTit {
    font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
    color: var(--color-blue47B);
    font-weight: 700;
    line-height: 1.5;
    display: flex;
    align-items: center;
    margin-bottom: min(calc(4 / var(--vw-min) * 100vw),4px);
}
.onairStream__groupTit::before {
    content: "";
    width: min(calc(19 / var(--vw-min) * 100vw),19px);
    height: min(calc(18 / var(--vw-min) * 100vw),18px);
    display: block;
    -webkit-mask: url(../img/common/deco/deco_titStar.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_titStar.svg)no-repeat center/contain;
    background-color: var(--color-yellowFFB);
    margin-right: min(calc(6 / var(--vw-min) * 100vw),6px);
}
@media screen and (max-width:768px){
    .onairStream__groupTit {
        font-size: calc(15 / var(--vw-min) * 100vw);
        margin-bottom: calc(2 / var(--vw-min) * 100vw);
    }
    .onairStream__groupTit::before {
        width: calc(14 / var(--vw-min) * 100vw);
        height: calc(14 / var(--vw-min) * 100vw);
        margin-right: calc(4 / var(--vw-min) * 100vw);
    }
}
.onairStream__groupLead {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    color: var(--color-brown2C1);
    font-weight: 500;
    line-height: 1.867;
}
@media screen and (max-width:768px){
    .onairStream__groupLead {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
}
.onairStream__tagLists {
    display: flex;
    flex-wrap: wrap;
    gap: min(calc(6 / var(--vw-min) * 100vw),6px);
    margin-top: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
    .onairStream__tagLists {
        gap: calc(4 / var(--vw-min) * 100vw);
        margin-top: calc(8 / var(--vw-min) * 100vw);
    }
}
.onairStream__tag {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    color: var(--color-blue47B);
    font-weight: 500;
    line-height: 1.533;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-blue47B);
    padding: min(calc(6 / var(--vw-min) * 100vw),6px) min(calc(36 / var(--vw-min) * 100vw),36px) min(calc(6 / var(--vw-min) * 100vw),6px) min(calc(24 / var(--vw-min) * 100vw),24px);
    text-decoration: none;
}
span.onairStream__tag {
    padding-right: min(calc(24 / var(--vw-min) * 100vw),24px);
    cursor: default;
}
span.onairStream__tag::before {
    display: none;
}
.onairStream__tag::before {
    content: "";
    width: min(calc(10 / var(--vw-min) * 100vw),10px);
    height: min(calc(10 / var(--vw-min) * 100vw),10px);
    display: block;
    position: absolute;
    top: 0;
    right: min(calc(20 / var(--vw-min) * 100vw),20px);
    bottom: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_link.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_link.svg)no-repeat center/contain;
    background-color: var(--color-blue47B);
    transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
    .onairStream__tag {
        font-size: calc(12 / var(--vw-min) * 100vw);
        border-radius: calc(100 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
        padding: calc(3 / var(--vw-min) * 100vw) calc(26 / var(--vw-min) * 100vw) calc(3 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
    }
    span.onairStream__tag {
        padding-right: calc(16 / var(--vw-min) * 100vw);
    }
    .onairStream__tag::before {
        width: calc(8 / var(--vw-min) * 100vw);
        height: calc(8 / var(--vw-min) * 100vw);
        right: calc(14 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    a.onairStream__tag:hover {
        color: #fff;
        background-color: var(--color-blue47B);
    }
    a.onairStream__tag:hover::before {
        background-color: #fff;
    }
}
/**
* deco
**/
.deco__chara {
    width: min(calc(232 / var(--vw-min) * 100vw),232px);
    height: min(calc(122 / var(--vw-min) * 100vw),122px);
    position: absolute;
    top: min(calc(32 / var(--vw-min) * 100vw),32px);
    right: min(calc(88 / var(--vw-min) * 100vw),88px);
    z-index: -1;
}
.onairStream .deco__chara {
    top: min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (max-width:768px){
    .deco__chara,
    .onairStream .deco__chara {
        width: calc(152 / var(--vw-min) * 100vw);
        height: calc(80 / var(--vw-min) * 100vw);
        top: calc(-32 / var(--vw-min) * 100vw);
        right: unset;
        left: calc(14 / var(--vw-min) * 100vw);
    }
}
.deco__chara .pap {
    width: min(calc(68 / var(--vw-min) * 100vw),68px);
    height: min(calc(117 / var(--vw-min) * 100vw),117px);
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/common/deco/deco_pap.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .deco__chara .pap {
        width: calc(45 / var(--vw-min) * 100vw);
        height: calc(77 / var(--vw-min) * 100vw);
    }
}
.deco__chara .pop {
    width: min(calc(60 / var(--vw-min) * 100vw),60px);
    height: min(calc(102 / var(--vw-min) * 100vw),102px);
    position: absolute;
    top: min(calc(20 / var(--vw-min) * 100vw),20px);
    left: min(calc(77 / var(--vw-min) * 100vw),77px);
    background: url(../img/common/deco/deco_pop.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .deco__chara .pop {
        width: calc(39 / var(--vw-min) * 100vw);
        height: calc(67 / var(--vw-min) * 100vw);
        top: calc(12 / var(--vw-min) * 100vw);
        left: calc(50 / var(--vw-min) * 100vw);
    }
}
.deco__chara .porta {
    width: min(calc(96 / var(--vw-min) * 100vw),96px);
    height: min(calc(100 / var(--vw-min) * 100vw),100px);
    position: absolute;
    top: min(calc(20 / var(--vw-min) * 100vw),20px);
    right: 0;
    background: url(../img/common/deco/deco_porta.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .deco__chara .porta {
        width: calc(63 / var(--vw-min) * 100vw);
        height: calc(66 / var(--vw-min) * 100vw);
        top: calc(11 / var(--vw-min) * 100vw);
    }
}