.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
.youtubeshort {
  width: 100%;
  aspect-ratio: 9 / 16;
}
.youtubeshort iframe {
  width: 100%;
  height: 100%;
}
sub {
  vertical-align: sub;
  font-size: 0.7rem;
}
sup {
  vertical-align: super;
  font-size: 0.7rem;
}
ruby {ruby-position:under;}
.birth {max-width:8rem;}
.bg_hyo {background-color: #F8F8F8 !important;}
.bg_white {background-color: #FFFFFF !important;}
.term_label.c_pink > .text {
  background-color: #ff3e92;
  border: 1px solid #ff3e92;
}
.accordion {
	display: none;
}
.blocklabel {
  padding: .8rem 2rem;
	display: block;
	color: #fff;
  background-color: #ff3e92;
  border: 1px solid #ff3e92;
  line-height: 1;
  letter-spacing: 0.5rem;
}
.blocklabel::before{
	content:"";
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top:calc( 50% - 5px );
	right: 20px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.blocklabel,
.open_content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.open_content {
	height: 0;
	padding:0px;
	overflow: hidden;
}
.accordion:checked + .blocklabel + .open_content {
	height: auto;
	padding:5px 0px 0px 0px;
	transition: all 0.3s;
}
.accordion:checked + .blocklabel::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg) !important;
}
.online {width:calc( (100% - 4rem) / 5 );}
@media screen and (max-width : 767px ) {
.online {width:100%;}
}
.ul_tab.col6 > li {
  width: calc( 100% / 6);
}
#movie ul.media_list_02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#movie ul.media_list_02 li {
  width: 49%;
}
#movie ul.media_list_02 li .img_area {
  width: 85%;
  margin: 0 auto 1.5rem;
  text-align: center;
}
#movie ul.media_list_02 li img {
  max-width: 100%;
}
#movie ul.media_list_02 li .txt_area {
  padding: 0 4rem 4rem 4rem;
}
#movie ul.media_list_02 li .txt_area a {
  color: #1e2480;
  word-break: break-all;
}
#movie ul.media_list_02 li .txt_area span {
  margin-right: 1rem;
}
@media screen and (max-width: 767px) {
  #movie ul.media_list_02 {
    display: block;
  }
  #movie ul.media_list_02 li {
    width: 100%;
  }
}