@charset "utf-8";
.section_area{
	width: 100%;
	position: relative;
	opacity: 0;
	transition: opacity 1s ease;
	transition-delay: .8s;
}
.section_area.is-ani{
	opacity: 1;
}
.ani-fade.js-scrani,
.section_area.js-scrani{
	opacity: 0;
	filter: blur(15px);

	transition: all .8s ease;
	transition-delay: .2s;
}
.ani-fade.is-ani,
.section_area.is-ani{
	opacity: 1;
	filter: blur(0);
}
.news__listsBlock.ani-fade{
	transition-delay: .6s;
}


/*-----------------------------------------------
 * On Air
-------------------------------------------------*/
.onairArea{
	position: relative;
	padding-bottom: min(calc(160 / var(--vw-min) * 100vw),160px);
	position: relative;
	z-index: 10;
}
.onairArea .area__inner{
	margin: 0 auto;
}
.onairCont{
	width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin: min(calc(80 / var(--vw-min) * 100vw),80px) auto 0;
}
@media screen and (max-width:767px){ 
	.onairArea .area__inner{
		width: 100%;
		padding: calc(224 / var(--vw-min) * 100vw) 0 0;
	}
	.onairCont{
		width: 100%;
	}
}

/* ttl */
.sub .onair__ttl{
	position: relative;
	margin-bottom:min(calc(34 / var(--vw-min) * 100vw),34px);
}
.onair__ttl_en{
	display: block;
	background: url(../img/common/title/ttl_onair_en.svg)no-repeat center center / contain;
	width: min(calc(212 / var(--vw-min) * 100vw),212px);
	height: min(calc(53/ var(--vw-min) * 100vw),53px);
	margin-bottom:min(calc(20 / var(--vw-min) * 100vw),20px);
}
.section__ttl_jp{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:767px){ 
	.sub .onair__ttl{
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: calc(88 / var(--vw-min)* 100vw);
	}
	.onair__ttl_en{
		width: calc(272 / var(--vw-min) * 100vw);
		height: calc(122 / var(--vw-min) * 100vw);
	}
}
.pageTtl__deco{
	display: block;
	width: 100%;
	height: min(calc(10 / var(--vw-min) * 100vw),10px);
	background: url(../img/common/deco/section_ttl_deco.png) no-repeat center bottom;
    background-size: min(calc(34 / var(--vw-min) * 100vw), 34px) auto;
	position: relative;
}
.pageTtl__deco:before,
.pageTtl__deco::after{
	z-index: 1;
	position: absolute;
	bottom: min(calc(5 / var(--vw-min) * 100vw), 5px);
	left: 0;
	content: "";
	height: 1px;
	width: calc(50% - min(calc(30 / var(--vw-min) * 100vw), 30px));
	background-color:#B79487;
}
.pageTtl__deco:before{
		left: unset;
		right: 0;
}
@media screen and (max-width: 767px) {
	.pageTtl__deco{
		height:calc(18 / var(--vw-min) * 100vw);
		background-size:calc(60 / var(--vw-min) * 100vw) auto;
	}
	.pageTtl__deco:before,
	.pageTtl__deco::after{
		bottom: calc(8 / var(--vw-min) * 100vw);
		width: calc(50% - calc(60 / var(--vw-min) * 100vw));
	}
}

/* pageNav */
.pageNav{
	display: flex;
	align-items: center;
    justify-content: center;
	margin-bottom: min(calc(36 / var(--vw-min) * 100vw), 36px);
}
.pageNav__item{
	display: flex;
	font-family: var(--font-en);
	position: relative;
	padding-bottom: min(calc(6 / var(--vw-min) * 100vw), 6px);
	margin-right:min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width: 767px) {
	.pageNav{
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.pageNav__item{
		padding-bottom: calc(8 / var(--vw-min) * 100vw);
		margin-right:min(calc(20 / var(--vw-min) * 100vw),20px);
	}
}

.pageNav__item:last-child{
	margin-right:0;
}
.pageNav__item::after {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: min(calc(12 / var(--vw-min) * 100vw), 12px);
	height: min(calc(4 / var(--vw-min) * 100vw), 4px);
	background: url(../img/common/deco/pagenav_arrow.svg) no-repeat center bottom / contain;
}
@media screen and (max-width: 767px) {
	.pageNav__item::after {
		width:calc(16 / var(--vw-min) * 100vw);
		height: calc(6 / var(--vw-min) * 100vw);
	}
}
.pageNav__item--link {
	text-decoration: none;
	color: var(--color-brown);
	padding:0 min(calc(20 / var(--vw-min) * 100vw), 20px);
	background-image: url(../img/common/deco/pagenav_left.svg),url(../img/common/deco/pagenav_right.svg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center, right center;
	transition: color .4s ease;
}
.link__inner{
	display: flex;
	align-items: center;
	padding:0 min(calc(20 / var(--vw-min) * 100vw), 20px);
	background-image: url(../img/common/deco/pagenav_center.svg);
	background-repeat: repeat-x;
	background-size: auto 100%;
	background-position: 0 0;
	height: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
@media screen and (max-width: 767px) {
	.pageNav__item--link {
		padding:0 calc(28 / var(--vw-min) * 100vw);
	}
	.link__inner{
		padding:0 calc(22 / var(--vw-min) * 100vw);
		height: calc(80 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover) and (pointer: fine) and (min-width:768px){
	.pageNav__item:hover .pageNav__item--link{
		background-image: url(../img/common/deco/pagenav_left_on.svg),url(../img/common/deco/pagenav_right_on.svg);
		color: #FFF;
	}
	.pageNav__item:hover .link__inner{
		background-image: url(../img/common/deco/pagenav_center_on.svg);
	}
}

/* lists */
.onairContBox:not(:last-child){
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
	.onairContBox{
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.onairContBox:not(:last-child){
    margin-bottom: calc(128 / var(--vw-min) * 100vw);
  }

}
/* subTtl */
.subTtl{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 40px;
  flex-direction: column;
}
.subTtl_en{
	display: block;
	font-size:min(calc(42 / var(--vw-min) * 100vw), 42px);
	font-weight: 400;
	font-family: var(--font-en);
	letter-spacing: 0.03em;
	position: relative;
	padding: 0 min(calc(60 / var(--vw-min) * 100vw), 60px);
}
.subTtl_jp{
	display: block;
	font-size:min(calc(15 / var(--vw-min) * 100vw), 15px);
	letter-spacing: 0.1em;
	font-family: var(--font-en);
}
@media screen and (max-width: 768px) {
	.subTtl{
		margin-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.subTtl_en{
		font-size:calc(56 / var(--vw-min) * 100vw);
		padding: 0 calc(68 / var(--vw-min) * 100vw);
	}
	.subTtl_jp{
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.subTtl_en::before,
.subTtl_en::after{
  content: "";
  width: min(calc(52 / var(--vw-min) * 100vw), 52px);
  height:min(calc(5 / var(--vw-min) * 100vw), 5px);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  background: url(../img/common/deco/subttl_deco.svg) no-repeat center center / contain;
}
@media screen and (max-width: 768px) {
	.subTtl_en::before,
	.subTtl_en::after{
	content: "";
	width:calc(68 / var(--vw-min) * 100vw);
	height:calc(6 / var(--vw-min) * 100vw);
	}
}
.subTtl_en::before{
	left: 0;
}
.subTtl_en::after{
	right: 0;
}


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


/*---------------------
TV
---------------------*/
/* txt */
.tv_box__txt{
  font-size: min(calc(27 / var(--vw-min) * 100vw), 27px);
  /* font-size: min(calc(33 / var(--vw-min) * 100vw), 33px); */
  text-align: center;
  color:var(--color-brown);
  font-weight: 600;
  margin-bottom: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
@media screen and (max-width: 768px) {
  .tv_box__txt{
    font-size: calc(32 / var(--vw-min)* 100vw);
	/* font-size: calc(40 / var(--vw-min)* 100vw); */
    margin-bottom: calc(52 / var(--vw-min)* 100vw);
  }
}

/* onairLists */
.onairListsWrap{
	border-top: 1px solid var(--color-brown);
	padding-top: min(calc(26 / var(--vw-min) * 100vw), 26px);
}
.onairLists{
  display: flex;
  padding-bottom: min(calc(26 / var(--vw-min) * 100vw), 26px);
  border-bottom: 1px solid rgba(121, 68, 50, .5);
  margin-bottom: min(calc(26 / var(--vw-min) * 100vw), 26px);
}
.onairLists .item__ttl{
  width: min(calc(264 / var(--vw-min) * 100vw), 264px);
  color: var(--color-brown);
}

.onairLists .item__ttl .ic_blank{
	display: inline-block;
	position: relative;
	padding-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
/* .onairLists .item__ttl .ic_blank:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  width: min(calc(11 / var(--vw-min) * 100vw), 11px);
  height: min(calc(11 / var(--vw-min) * 100vw), 11px);
  background: var(--color-brown);
  -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;
} */

.onairLists .item__detail{
  width: calc(100% - 225px);
}
@media screen and (max-width:767px){
	.onairListsWrap{
		padding-top:calc(36 / var(--vw-min) * 100vw);
	}
  .onairLists{
	flex-direction: column;
    font-size: calc(26 / var(--vw-min)* 100vw);
      padding-bottom:calc(38 / var(--vw-min)* 100vw);
      margin-bottom: calc(36 / var(--vw-min)* 100vw);
  }
  .onairLists .item__ttl{
      width: 100%;
      padding-right: 0;
  }
  .onairLists .item__detail{
    width: 100%;
  }
}

/* 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(22 / var(--vw-min)* 100vw);
	}
}



/*---------------------
STREAMING
---------------------*/
/* txt */
.streaming_box__txt{
  font-size: min(calc(26 / var(--vw-min) * 100vw), 26px);
  text-align: center;
  font-weight: 500;
  line-height: calc(33/23);
  letter-spacing: 0.04em;
}
.streaming_box__txt .txt_s{
  font-size: min(calc(17 / var(--vw-min) * 100vw), 17px);
  line-height: calc(40/17);
}
.streaming_box__txt .txt_black{
  color: var(--color-main-black);
}
@media screen and (max-width: 768px) {
  .streaming_box__txt{
    font-size: calc(30 / var(--vw-min) * 100vw);
  }
  .streaming_box__txt .txt_s{
    font-size: calc(25 / var(--vw-min) * 100vw);
  }
}

/* streaming link */
.streamingLists{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: min(calc(25 / var(--vw-min) * 100vw), 25px);
	margin-right: max(calc(-15 / var(--vw-min) * 100vw), -15px);
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	border-bottom:  min(calc(1 / var(--vw-min) * 100vw), 1px) solid var(--color-brown);
}
.streamingLists .linkBtn{
  height: min(calc(44 / var(--vw-min) * 100vw), 44px);
  display: inline-flex;
  align-items: center;
  border-radius: min(calc(60 / var(--vw-min) * 100vw), 60px);
  position: relative;
  text-decoration: none;
  color: #FFF;
  overflow: hidden;
  margin-bottom: min(calc(15 / var(--vw-min) * 100vw), 15px);
  margin-right: min(calc(15 / var(--vw-min) * 100vw), 15px);
  border: unset;
  font-family: unset!important;
}
.linkBtn__link{
	padding: min(calc(5 / var(--vw-min) * 100vw), 5px) min(calc(30 / var(--vw-min) * 100vw), 30px);
	font-weight: 400;
	display: flex;
	align-items: center; 
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFF;
	font-size: min(calc(15 / var(--vw-min) * 100vw), 15px);
	position: relative;
	background-color: var(--color-brown);
}
@media screen and (max-width:767px){
  .streamingLists{
    margin-top:calc(24 / var(--vw-min)* 100vw);
    margin-right: calc(-8 / var(--vw-min)* 100vw);
    padding-bottom: calc(48 / var(--vw-min)* 100vw);
    margin-bottom: calc(48 / var(--vw-min)* 100vw);
  }
  .streamingLists .linkBtn{
    height: calc(66 / var(--vw-min)* 100vw);
    border-radius: calc(60 / var(--vw-min)* 100vw);
    margin-bottom: calc(6 / var(--vw-min)* 100vw);
    margin-right: calc(8 / var(--vw-min)* 100vw);
  }
  .linkBtn__link{
    padding: calc(5 / var(--vw-min)* 100vw) calc(40 / var(--vw-min)* 100vw);
    font-size: calc(24 / var(--vw-min)* 100vw);
    line-height: calc(24 / var(--vw-min)* 100vw);
  }
}
.linkBtn:hover a{
	background-color: var(--color-main);
    color: var(--color-brown);
}

.linkBtn__link--txt{
  position: relative;
  padding-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
  z-index: 1;
}
.linkBtn__link--txt:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  width: min(calc(11 / var(--vw-min) * 100vw), 11px);
  height: min(calc(11 / var(--vw-min) * 100vw), 11px);
  background: #FFF;
  -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;
}
.linkBtn::after {
	display: none;
}
@media screen and (max-width:767px){
	.linkBtn__link--txt{
		padding-right: calc(24 / var(--vw-min) * 100vw);
	}
	.linkBtn__link--txt:after {
		width: calc(18 / var(--vw-min) * 100vw);
		height:calc(18 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover) and (pointer: fine){
	.linkBtn__link{
		transition: .4s ease;
	}
	.linkBtn__link:hover{
		color: #FFF;
	}
}
.indent{
    display: block;
    padding-left: 1.2em;
    text-indent: -1.2em;
}

/*--------------------
circle
------------------- */
.circleBoxWrap{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: -1;
}
.circleBox{
	position: sticky;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow-x: hidden;
	pointer-events: none;
	z-index: 3;
	display: flex;
	align-items:center;
}
.circleBox__inner{
	width: 100%;
	height: calc(501 / var(--vw-min)* 100vw);
	position: relative;
}
@media screen and (max-width:768px) {
	.circleBox{
		position: absolute;
		top: 0;
		bottom: unset;
		align-items:flex-start;
	}
	.circleBox__inner{
		width: 100%;
		height: calc(420 / var(--vw-min)* 100vw);
		position: relative;
	}
}

.circle-tp{
	mask-image: url(../img/common/bg_circle.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	width: calc(120 / var(--vw-min) * 100vw);
	height: calc(120 / var(--vw-min) * 100vw);
	background: url(../img/common/deco/bg_transparent.jpg) left top;
	background-size: 12px auto;
	animation: floating 5s ease infinite alternate-reverse;
}
.circle-grad{
	mask-image: url(../img/common/deco/bg_grd.png);
	mask-repeat: no-repeat;
	mask-size: contain;
	width: calc(150 / var(--vw-min) * 100vw);
	height: calc(150 / var(--vw-min) * 100vw);
	opacity: 0.8;
	background: linear-gradient(to bottom right, #DAF5FB, #D9DFF2);
	background-size: 100% 100%;
	animation: floating 3s ease-in-out infinite alternate;
}
@keyframes floating {
	0% {
		transform: translate(-3%,3%);
	}
	100% {
	  transform: translate(4%,-3%);

	}
}

/* scrani */
.circleBox .circle-tp.js-scrani{
	opacity: 0;
	transition: opacity 1s ease;
}
.circleBox .circle-tp.js-scrani.is-ani{
	opacity: 1;
}

.circleBox .circle-grad.js-scrani{
	opacity: 0;
	transition: opacity 1s ease;
}
.circleBox .circle-grad.js-scrani.is-ani{
	opacity: .8;
}
@media screen and (max-width:768px) {
	.circleBox .circle-grad.js-scrani,
	.circleBox .circle-tp.js-scrani{
		opacity: 1!important;
	}
}
._circle1{
	position: absolute;
	right: calc(100 / var(--vw-min) * 100vw);
	bottom:calc(20 / var(--vw-min) * 100vw);
	background: linear-gradient(to bottom right, #CCEDE3, #D9DFF2);
}
._circle2{
	position: absolute;
	right: calc(80 / var(--vw-min) * 100vw);
	bottom: 0;
	animation-delay: 1s;
}
._circle3{
	width: calc(200 / var(--vw-min) * 100vw);
	height: calc(200 / var(--vw-min) * 100vw);
	position: absolute;
	right: calc(-80 / var(--vw-min) * 100vw);
	top: 0;
	animation: floating 4s ease infinite alternate-reverse;
	background: linear-gradient(to bottom right, #DAF5FB, #D9DFF2);
	background-size: 100% auto;
}
._circle4{
	width: calc(160 / var(--vw-min) * 100vw);
	height: calc(160 / var(--vw-min) * 100vw);
	position: absolute;
	left: calc(-30 / var(--vw-min) * 100vw);
	top: calc(96 / var(--vw-min) * 100vw);
}
._circle5{
	width: calc(170 / var(--vw-min) * 100vw);
	height: calc(170 / var(--vw-min) * 100vw);
	position: absolute;
	left: calc(46 / var(--vw-min) * 100vw);
	top: calc(160 / var(--vw-min) * 100vw);
	background: linear-gradient(to bottom right, #CCEDE3, #D9DFF2);
}
@media screen and (max-width:767px){
	._circle1{
		left: unset;
		right: calc(-40 / var(--vw-min) * 100vw);
		top: calc(112 / var(--vw-min) * 100vw);
		bottom: unset;
		width:calc(170 / var(--vw-min) * 100vw);
		height:calc(170 / var(--vw-min) * 100vw);
	}
	._circle2{
		display: none;
	}
	._circle3{
		display: none;
	}
	._circle4{
		width: calc(180 / var(--vw-min) * 100vw);
		height: calc(180 / var(--vw-min) * 100vw);
		right:unset;
		bottom: unset;
		left: calc(-76 / var(--vw-min) * 100vw);
		top: calc(206 / var(--vw-min) * 100vw);
	}
	._circle5{
		width: calc(180 / var(--vw-min) * 100vw);
		height: calc(180 / var(--vw-min) * 100vw);
		right:calc(10 / var(--vw-min) * 100vw);
		bottom: unset;
		top:  calc(274 / var(--vw-min) * 100vw);
	}
}