@charset "utf-8";
.onair .sec_contents {
    max-width: min(calc(800 / var(--vw-min) * 100vw),800px);
}
.header__navBtn{
    background-color: var(--color-emerald);
}
.ttl_jp {
    color: var(--color-emerald);
}
.sub_siteTtl .siteTtl__img {
    background-color:var(--color-emerald);
}
/*-----------------------------------------------
 * ON AIR
-------------------------------------------------*/
.linkLists{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: min(calc(50 / var(--vw-min) * 100vw),50px);
    position: relative;
    flex-wrap: wrap;
}
@media screen and (min-width:768px){
  .linkItem:not(:last-child){
    margin-right: min(calc(20 / var(--vw-min) * 100vw),20px);
  }
  .linkItem:nth-child(n+4){
    margin-top:min(calc(20 / var(--vw-min) * 100vw),20px);
  }
}
.linkItem__link{
    display: flex;
    padding: 0 min(calc(16 / var(--vw-min) * 100vw),16px);
    width: min(calc(240 / var(--vw-min) * 100vw),240px);
    height: min(calc(50 / var(--vw-min) * 100vw),50px);
    background-color: var(--color-main);
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border-radius: min(calc(50 / var(--vw-min) * 100vw),50px);
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    font-weight: 500;
    position: relative;
}
@media screen and (hover:hover) and (pointer: fine){
  .linkItem__link{
    transition: all .4s ease;
  }
  .linkItem__link:hover{
    background-color: var(--color-pink);
  }
}
.linkItem__link .arrowBtn{
    position: absolute;
    right: min(calc(16 / var(--vw-min) * 100vw),16px);
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
  .linkLists{
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(50 / var(--vw-min) * 100vw);
  }
  .linkItem:not(:last-child),
  .linkItem{
    margin-right:0;
  }
  .linkItem:nth-child(n+3){
    margin-top:calc(24 / var(--vw-min) * 100vw);
  }
  .linkItem__link{
    display: flex;
    padding: 0 min(calc(16 / var(--vw-min) * 100vw),16px);
    width: calc(310 / var(--vw-min) * 100vw);
    height: calc(86 / var(--vw-min) * 100vw);
    border-radius: min(calc(50 / var(--vw-min) * 100vw),50px);
    font-size:calc(26 / var(--vw-min) * 100vw);;
  }
}
/*contbox*/
.onairContBox:not(:last-child){
    margin-bottom: min(calc(130 / var(--vw-min) * 100vw),130px);
}

.onairCont__ttlWrap{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto min(calc(40 / var(--vw-min) * 100vw),40px);
    text-align: center;
    background: url(../img/deco/line_dot.png) no-repeat center bottom;
    background-size: min(calc(226 / var(--vw-min) * 100vw),226px) auto;
    padding-bottom: min(calc(24 / var(--vw-min) * 100vw), 24px);
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.07em;
}
.onairCont__ttl{
    font-size:min(calc(30 / var(--vw-min) * 100vw),30px);
}
.onairCont__ic._ic-tv{
    background: url(../img/common/icon/ic_tv.svg) no-repeat center center / contain;
    width: min(calc(38 / var(--vw-min) * 100vw),38px);
    height: min(calc(36 / var(--vw-min) * 100vw),36px);
    display: block;
    margin-right: min(calc(16 / var(--vw-min) * 100vw),16px);
}
.onairCont__ic._ic-streaming{
    background: url(../img/common/icon/ic_play.svg) no-repeat center center / contain;
    width: min(calc(37 / var(--vw-min) * 100vw),37px);
    height: min(calc(37 / var(--vw-min) * 100vw),37px);
    display: block;
    margin-right: min(calc(16 / var(--vw-min) * 100vw),16px);
}

.onairCont__txt{
    text-align: center;
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
    margin-bottom: min(calc(60 / var(--vw-min) * 100vw),60px);
}
.onairCont__txt small{
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
}

/* onairLists */
.onairListsWrap{
  border-top: 2px dotted var(--color-emerald);
  padding-top: min(calc(24 / var(--vw-min) * 100vw),24px);
}
.onairListsWrap:nth-child(n+2){
  margin-top: min(calc(70 / var(--vw-min) * 100vw),70px);

}
.onairList{
  display: flex;
  padding-bottom: 24px;
  border-bottom: 2px dotted var(--color-emerald);
  margin-bottom: 24px;
}
.onairList .onairList__ttl{
  width: 225px;
  color: var(--color-emerald);
}
.onairList .onairList__detail{
  width: calc(100% - 225px);
}
@media screen and (max-width:767px){
  .onairList{
      font-size: calc(24 / var(--vw-min)* 100vw);
      padding-bottom:calc(30 / var(--vw-min)* 100vw);
      margin-bottom: calc(30 / var(--vw-min)* 100vw);
  }
  .onairList .onairList__ttl{
      width: calc(164 / var(--vw-min)* 100vw);
      padding-right: 1em;
  }
  .onairList .onairList__detail{
    width: calc(100% - calc(164 / var(--vw-min)* 100vw));

  }
}

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

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


/* streaming link */
.streamingLists{
	display: flex;
	justify-content: center;
  flex-wrap: wrap;
	margin-top: 25px;
}
.streamingLists .linkBtn{
  height: min(calc(46 / var(--vw-min) * 100vw),46px);
  display: inline-flex;
  align-items: center;
  border: 2px solid var(--color-emerald);
  border-radius: 60px;
  position: relative;
  text-decoration: none;
  color: var(--color-emerald);
  overflow: hidden;
  margin-bottom: 15px;
  margin-right: 15px;
  background-color: #FFF;
}
.streamingLists .linkBtn a{
  padding: 0 min(calc(40 / var(--vw-min) * 100vw),40px);
	display: flex;
	align-items: center; 
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: var(--color-emerald);
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	line-height: calc(20/18);
  position: relative;
}
.linkBtn__link--txt{
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-right: min(calc(10 / var(--vw-min) * 100vw),10px);
  color: #000;
}
@media screen and (max-width:767px){
  .streamingLists{
    margin-top:calc(24 / var(--vw-min)* 100vw);
    margin-right: calc(-18 / var(--vw-min)* 100vw);
    margin-bottom: calc(38 / var(--vw-min)* 100vw);
  }
  .linkBtn{
    height: calc(64 / var(--vw-min)* 100vw);
    border-radius: calc(60 / var(--vw-min)* 100vw);
    margin-bottom: calc(18 / var(--vw-min)* 100vw);
    margin-right: calc(18 / var(--vw-min)* 100vw);
  }
  .linkBtn a{
    font-size: calc(24 / var(--vw-min)* 100vw);
    line-height: calc(24 / var(--vw-min)* 100vw);
  }
}
.ic_blank{
    display: inline-block;
    -webkit-mask: url(../img/common/icon/ic_blank.svg) no-repeat center center / contain;
    mask: url(../img/common/icon/ic_blank.svg) no-repeat center center / contain;
    width: min(calc(14 / var(--vw-min) * 100vw),14px);
    height: min(calc(14 / var(--vw-min) * 100vw),14px);
    background-color: var(--color-emerald);
	transition: .4s ease;
}



@media screen and (hover:hover) and (pointer: fine){
	.linkBtn__link,.linkBtn__link--txt{
		transition: .4s ease;
	}
    .linkBtn:hover a{
        background-color: var(--color-emerald);
    }
    .linkBtn:hover .linkBtn__link--txt{
      color: #FFF;
    }
    .linkBtn:hover .ic_blank{
        background-color: #FFF;
    }
}


.streamingLists__ttl{
    text-align: center;
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
    padding-bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
    margin-bottom: min(calc(24 / var(--vw-min) * 100vw),24px);
    border-bottom: 2px dotted var(--color-emerald);
}
.streamingLists__ttl small{
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
}
.streamingLists__txt{
    text-align: center;
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    margin-bottom: min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:767px){
  .streamingLists__ttl{
      text-align: center;
      font-size: calc(28 / var(--vw-min) * 100vw);
      padding-bottom: calc(40 / var(--vw-min) * 100vw);
      margin-bottom:calc(24 / var(--vw-min) * 100vw);
      border-bottom: 4px dotted var(--color-emerald);
  }
  .streamingLists__ttl small{
      font-size:calc(24 / var(--vw-min) * 100vw);
  }
  .streamingLists__txt{
      font-size:calc(24 / var(--vw-min) * 100vw);
  }
}
.indent{
  display: inline-block;
  padding-left: 1em;
  text-indent: -1em;
}