.set { line-height: 180%;}
.lh200 { line-height: 200%;}
.udl { border-bottom: 1px solid rgba(0, 0, 0, .35); padding-bottom: .25em;}
.mgb05 { margin-bottom: .5em;}
#this_header .photo { position: relative;}
#this_header .photo a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10000;}
#this_header .photo a:hover { background-color: rgba(255, 255, 255, .1);}

.menu .hidebox #mn_spot span::after { content: ' new'; color: rgba(255, 55, 110, 1);}
#spot h2:after { content: ' new'; font-size: 85%; font-weight: lighter; color: rgba(255, 55, 110, 1);}


.menu .hidebox #mn_onair span::after { content: ' new'; color: rgba(255, 55, 110, 1);}
#onair h2:after { content: ' new'; font-size: 85%; font-weight: lighter; color: rgba(255, 55, 110, 1);}

.menu .hidebox #mn_cs span::after { content: ' new'; color: rgba(255, 55, 110, 1);}
#cs h2:after { content: ' new'; font-size: 85%; font-weight: lighter; color: rgba(255, 55, 110, 1);}

.menu .hidebox #mn_comment span::after { content: ' new'; color: rgba(255, 55, 110, 1);}
#comment h2:after { content: ' new'; font-size: 85%; font-weight: lighter; color: rgba(255, 55, 110, 1);}
/*
.menu .hidebox #mn_interview span::after { content: ' new'; color: rgba(255, 55, 110, 1);}
#interview h2:after { content: ' new'; font-size: 85%; font-weight: lighter; color: rgba(255, 55, 110, 1);}
*/

#cs .cast td {vertical-align: bottom;}
#cs .td_ct {vertical-align: middle; padding: 0 1em .5em !important;}


.mainimg_drama { border-top: 1px solid #eee;}

.plusobi { padding-bottom: 6.4em; background: rgba(255, 242, 102, 0); border-bottom: 1px solid rgba(0, 80, 255, .5);}
.unit .plusobi .onair_space dl { color: rgba(10, 10, 10, 1);}
.unit .plusobi .onair_space { background: rgba(255, 255, 255, 0); padding-bottom: 1em;}
.unit .plusobi .onair_space .onair_date { background: rgba(255, 255, 255, .5); top: 20%; left: 3%;}
/*for_W460-*/
@media all and (min-width: 460px) { 
.plusobi { padding-bottom: 6.8em;}
}
/*for_W500-*/
@media all and (min-width: 500px) { 
.plusobi { padding-bottom: 7em;}
.unit .plusobi .onair_space .onair_date { top: 25%;}
}
/*for_W560-*/
@media all and (min-width: 560px) { 
.plusobi { padding-bottom: 8em;}
}
/*for_W660-*/
@media all and (min-width: 660px) { 
.plusobi { padding-bottom: 9em;}
.unit .plusobi .onair_space .onair_date { top: 28%;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
.plusobi { padding-bottom: 7em;}
.unit .plusobi .onair_space .onair_date { top: 34%;}
.mainimg_drama { border-top: 0;}
}

/*spot*/
#spot { padding: 1.2em 0;}
div.mov-inner {
	position:relative;
	height:0;
	padding-top:56.25%;
	background-color:#000;
}
div.mov-inner iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

nav.yt-playlist-btn ul {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:8px;
	padding:8px 3em;
}
nav.yt-playlist-btn ul li a {
	display:block;
}
nav.yt-playlist-btn ul li a {
	text-decoration:none;
	color:#fff;
	background-color:#0050FE;
	padding:.5em 0;
	line-height:1.5;
	position:relative;
	text-align:center;
}
nav.yt-playlist-btn ul li a.yt-playing {
	background-color:#fff;
	color:#0050FE;
	border:1px solid #0050FE;
}
nav.yt-playlist-btn ul li a.yt-playing:after {
	content:"NOW PLAYING";
	background-color:#0050FE;
	color:#fff;
	display:inline-block;
	line-height:1.25;
	font-size:.7rem;
	padding:0 .3em;
	position:absolute;
	top:-4px;
	right:-4px;
}
@media all and (min-width: 768px) {
nav.yt-playlist-btn ul li {
	width:calc((100% - 8*2px)/2);
}
nav.yt-playlist-btn ul li a {
	font-size:95%;
}
}
@media all and (max-width: 767px) {
nav.yt-playlist-btn ul {
	padding:1.5% 4%;
	gap:1vw;
}
nav.yt-playlist-btn ul li {
	width:calc((100% - 8px)/2);
}
nav.yt-playlist-btn ul li a {
	font-size:3.6vw;
}
nav.yt-playlist-btn ul li a.yt-playing:after {
	font-size:2.5vw;
}
}

.cont-mainph1127 .prgimg100100{
	max-width: 40%;
}
#onair .ph1127 .prgimg100100{
	width: 70%;
}
#onair .plusobi{
	border-bottom: none;
}
#photo .ph1127 .prgimg100100{
	width: 70%;
}

.comic figure#comiccover{
	width: 220px;
    height: 315px;
    background: url(../img/comic.jpg) no-repeat center center;
    background-size: cover;
    margin: 0;
}

.comic span {
	font-size: 70%;
}
@media all and (min-width: 768px) {
p.ph1127.float-r{
	float: right;
	width: 300px;
	margin-left: .5em !important;
}
}
@media all and (max-width: 767px) {
  .cont-ph1127 {
    display: flex;
    flex-direction: column-reverse;
  }

  .cont-ph1127 p.ph1127.float-r {
    float: none;
    width: 100%;
    margin: .5em 0 0;
	}
}
