@charset "UTF-8";
body.page-top .yobiBtnList,
body.subpage .yobiBtnList {
		display: flex;
		gap: 15px;
		flex-wrap: wrap;
		justify-content: center;
}
@media (max-width: 999px) {
		body.page-top .yobiBtnList,
		body.subpage .yobiBtnList {
				max-width: 330px;
				margin-left: auto;
				margin-right: auto;
				gap: 10px;
		}
}
@media (max-width: 350px) {
		body.page-top .yobiBtnList,
		body.subpage .yobiBtnList {
				max-width: 250px;
				gap: 5px;
		}
}
body.page-top .yobiBtn,
body.subpage .yobiBtn {
		color: #666;
		background-color: #f2f2f2;
		border: solid 1px #add700;
		width: 64px;
		height: 64px;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		display: flex;
		/* transition: all .1s ease-out; */
}
@media (max-width: 999px) {
		body.page-top .yobiBtn,
		body.subpage .yobiBtn {
				width: 50px;
				height: 50px;
		}
}
@media (max-width: 350px) {
		body.page-top .yobiBtn,
		body.subpage .yobiBtn {
				font-size: 12px;
				width: 40px;
				height: 40px;
		}
}
body.page-top .yobiBtn:hover,
body.subpage .yobiBtn:hover {
		color: #add700;
}
body.page-top .yobiBtn.yobiBtn-active,
body.subpage .yobiBtn.yobiBtn-active {
		background-color: #add700;
		color: #000;
}
body.page-top .pg_tv_live__cols,
body.subpage .pg_tv_live__cols {
		display: flex;
		gap: 20px;
}
@media (max-width: 999px) {
		body.page-top .pg_tv_live__cols,
		body.subpage .pg_tv_live__cols {
				flex-direction: column;
				gap: 10px;
		}
}
body.page-top .pg_tv_live__col__1,
body.subpage .pg_tv_live__col__1 {
		width: calc(100% - 20px - 150px);
		display: flex;
}
@media (max-width: 999px) {
		body.page-top .pg_tv_live__col__1,
		body.subpage .pg_tv_live__col__1 {
				width: 100%;
		}
}
body.page-top .pg_tv_live__col__1 .pg_tv_liveBox,
body.subpage .pg_tv_live__col__1 .pg_tv_liveBox {
		height: 100%;
		display: flex;
		gap: 10px;
		width: 100%;
}
body.page-top .pg_tv_liveBox,
body.subpage .pg_tv_liveBox {
		color: inherit;
		display: flex;
		align-items: center;
		border-radius: 10px;
		border: 1px solid #999999;
		background: rgba(255, 255, 255, 0.65);
		/* padding-left: 5px; */
		/* margin: 0; */
		padding: 10px;
}
body.page-top .pg_tv_liveBox.pg_tv_liveBox-noThumb,
body.subpage .pg_tv_liveBox.pg_tv_liveBox-noThumb {
		padding: 20px 30px;
}
body.page-top .pg_tv_liveBox__img,
body.subpage .pg_tv_liveBox__img {
		object-fit: cover;
		aspect-ratio: 16/9;
}
body.page-top .pg_tv_liveBox__head,
body.subpage .pg_tv_liveBox__head {
		width: 85px;
}
body.page-top .pg_tv_liveBox__body,
body.subpage .pg_tv_liveBox__body {
		width: calc(100% - 85px - 10px);
}
body.page-top .pg_tv_live__col__2,
body.subpage .pg_tv_live__col__2 {
		width: 150px;
}
@media (max-width: 999px) {
		body.page-top .pg_tv_live__col__2,
		body.subpage .pg_tv_live__col__2 {
				width: 100%;
		}
}
body.page-top .pg_tv_live__col__2 .pg_tv_liveBtns,
body.subpage .pg_tv_live__col__2 .pg_tv_liveBtns {
		height: 100%;
}
body.page-top .pg_tv_liveBtns,
body.subpage .pg_tv_liveBtns {
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: space-between;
}
@media (max-width: 999px) {
		body.page-top .pg_tv_liveBtns,
		body.subpage .pg_tv_liveBtns {
				flex-direction: row;
				gap: 10px;
		}
}
@media (max-width: 999px) {
		body.page-top .pg_tv_liveBtns > li,
		body.subpage .pg_tv_liveBtns > li {
				width: calc(50% - 5px);
		}
}
body.page-top .pg_tv_liveBtns .btn4,
body.subpage .pg_tv_liveBtns .btn4 {
		display: block;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 3px;
}
body.page-top .js_yobiCard,
body.subpage .js_yobiCard {
		display: none;
}
body.page-top .js_yobiCardList.js_yobiCardList-mon .js_yobiCard[data-yobi*=mon],
body.subpage .js_yobiCardList.js_yobiCardList-mon .js_yobiCard[data-yobi*=mon] {
		display: block;
}
body.page-top .js_yobiCardList.js_yobiCardList-tue .js_yobiCard[data-yobi*=tue],
body.subpage .js_yobiCardList.js_yobiCardList-tue .js_yobiCard[data-yobi*=tue] {
		display: block;
}
body.page-top .js_yobiCardList.js_yobiCardList-wed .js_yobiCard[data-yobi*=wed],
body.subpage .js_yobiCardList.js_yobiCardList-wed .js_yobiCard[data-yobi*=wed] {
		display: block;
}
body.page-top .js_yobiCardList.js_yobiCardList-thu .js_yobiCard[data-yobi*=thu],
body.subpage .js_yobiCardList.js_yobiCardList-thu .js_yobiCard[data-yobi*=thu] {
		display: block;
}
body.page-top .js_yobiCardList.js_yobiCardList-fri .js_yobiCard[data-yobi*=fri],
body.subpage .js_yobiCardList.js_yobiCardList-fri .js_yobiCard[data-yobi*=fri] {
		display: block;
}
body.page-top .js_yobiCardList.js_yobiCardList-sat .js_yobiCard[data-yobi*=sat],
body.subpage .js_yobiCardList.js_yobiCardList-sat .js_yobiCard[data-yobi*=sat] {
		display: block;
}
body.page-top .js_yobiCardList.js_yobiCardList-sun .js_yobiCard[data-yobi*=sun],
body.subpage .js_yobiCardList.js_yobiCardList-sun .js_yobiCard[data-yobi*=sun] {
		display: block;
}
body.page-top .js_yobiCardList.js_yobiCardList-monfri .js_yobiCard[data-yobi*=mon][data-yobi*=tue][data-yobi*=wed][data-yobi*=thu][data-yobi*=fri],
body.subpage .js_yobiCardList.js_yobiCardList-monfri .js_yobiCard[data-yobi*=mon][data-yobi*=tue][data-yobi*=wed][data-yobi*=thu][data-yobi*=fri] {
		display: block;
}
body.page-top .js_yobiCardList.js_yobiCardList-drama .js_yobiCard[data-yobi*=drama],
body.subpage .js_yobiCardList.js_yobiCardList-drama .js_yobiCard[data-yobi*=drama] {
		display: block;
}
body.page-top .pg_television_programWrapper > a:hover,
body.subpage .pg_television_programWrapper > a:hover {
		color: var(--bs-link-hover-color);
}
body.page-top .pg_television_programWrapper > a,
body.subpage .pg_television_programWrapper > a {
		color: inherit;
		display: flex;
		align-items: center;
		border-radius: 10px;
		border: 1px solid #999999;
		width: 100%;
		background: rgba(255, 255, 255, 0.65);
		padding: 10px 10px 10px 65px;
		font-weight: bold;
		position: relative;
		min-height: 78px;
}
@media (max-width: 999px) {
		body.page-top .pg_television_programWrapper > a,
		body.subpage .pg_television_programWrapper > a {
				padding: 10px 10px 10px 55px;
				min-height: 0;
				min-height: 70px;
		}
}
body.page-top .pg_television_programWrapper > a::before,
body.subpage .pg_television_programWrapper > a::before {
		content: "";
		display: block;
		position: absolute;
		left: 12px;
		top: -20px;
		bottom: 0;
		margin: auto;
		width: 40px;
		height: 37px;
		background-image: url("images/tv-icon.svg");
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
}
@media (max-width: 999px) {
		body.page-top .pg_television_programWrapper > a::before,
		body.subpage .pg_television_programWrapper > a::before {
				width: 35px;
				height: 32px;
				left: 12px;
				top: -17px;
		}
}
body.page-top .pg_television_programWrapper > a::after,
body.subpage .pg_television_programWrapper > a::after {
		content: "放送中";
		display: block;
		color: #000 !important;
		position: absolute;
		left: 10px;
		top: 37px;
		bottom: 0;
		color: inherit;
		margin: auto;
		height: fit-content;
		font-size: 15px;
}
body.subpage .pg_television_programWrapper.stopped > a::after {
    content: "休止中";
}
@media (max-width: 999px) {
		body.page-top .pg_television_programWrapper > a::after,
		body.subpage .pg_television_programWrapper > a::after {
				font-size: 12px;
				left: 11px;
				top: 35px;
		}
}
body.page-top .program-tv-wrap,
body.subpage .program-tv-wrap {
		width: 100%;
}
body.page-top .program-tv-item,
body.subpage .program-tv-item {
		display: flex;
		width: 100%;
		align-items: center;
		gap: 10px;
}
body.page-top .program-tv-item > p,
body.subpage .program-tv-item > p {
		margin: 0;
		width: 100%;
		font-family: "MotoyaAr04pMaruN";
		font-weight: normal;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
}
body.page-top .program-tv-item:has(.program-img) > p,
body.subpage .program-tv-item:has(.program-img) > p {
		width: calc(100% - 85px - 10px);
}
body.page-top .program-img,
body.subpage .program-img {
		width: 90px;
		height: 48px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
}
body.page-top .program-img > img,
body.subpage .program-img > img {
	min-width: 0;
	max-height: 48px;
		height: 48px;
		display: block;
}
