﻿@import url("/um/v7/css/mediaquery.css");

@-webkit-keyframes tbsv9FadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes tbsv9FadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes tbsv9FadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes tbsv9FadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

/* ===========================================
	TBS v9 Global Header
=========================================== */

html {
	overflow-y: scroll;
}

div.tbs-v9-gheader, div.tbs-v9-gfooter,
div.tbs-v9-gheader-menu, div.tbs-v9-gheader-di2 {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	font-family:"Noto Sans JP","Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;
	font-optical-sizing:auto;
	font-weight:400;
	font-style:normal;
	text-align:left;
	/**/
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	/**/
}

div.tbs-v9-gheader {
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
	/**/
	position:relative;
	z-index:105;
}
div.tbs-v9-gheader div.tbs-v9-gh-logo a {
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
}
div.tbs-v9-gheader > nav {
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-end;
	align-items:center;
}
div.tbs-v9-gheader > nav > ul {
	list-style-type:none;
	display:flex;
	align-items:center;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav {
	display:none;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig {
	margin-left:auto;
	/**/
	justify-content:flex-end;
}
div.tbs-v9-gheader > nav > ul li a {
	text-decoration:none;
	font-weight:700;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li a {
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fafafa;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li:not(.tbs-v9-gh-hamb) a:before {
	content:"";
	display:inline-block;
	width:32px;
	height:32px;
	background-repeat:no-repeat;
	background-size:cover;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-login a:before {
	background-image:url(../img/icons/person01.svg);
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li a > span {
	font-size:14px;
	line-height:1.25;
}

div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child {
	position:relative;
	display:inline-block;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child span {
	display:inline-block;
	-webkit-transition: all .4s;
	transition: all .4s;
	position:absolute;
	left:0;
	background-color:#fff;
	width:100%;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a.active > span:first-child span:nth-of-type(1) {
	transform:rotate(-45deg);
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a.active > span:first-child span:nth-of-type(2) {
	opacity:0;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a.active > span:first-child span:nth-of-type(3) {
	transform:rotate(45deg);
}


div.tbs-v9-gheader-outer {
	position:fixed;
	z-index:105;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


@media all and (min-width: 992px) {
div.tbs-v9-gheader {
	background-color:#f5f5fa;
	height:96px;
}
div.tbs-v9-gheader div.tbs-v9-gh-logo {
	padding-left:24px;
	padding-right:32px;
}
div.tbs-v9-gheader > nav {
	width: -webkit-calc(100% - 126px);
	width: calc(100% - 126px);
	width:100%;
}
div.tbs-v9-gheader div.tbs-v9-gh-logo a {
	background-image:url(../img/icons/tbslogo.svg);
	width:102px;
	height:56px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li a {
	width:96px;
	height:96px;
	/**/
	flex-direction:column;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li a:before,
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child {
	margin-bottom:10px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-tv a {
	color:#3b3f4a;
	background-color:#ecedf0;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-login a {
	background-color:#171c26;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a {
	background-color:#0050ff;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-tv a:before {
	background-image:url(../img/icons/week01.svg);
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child {
	width:32px;
	height:32px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child span {
	height:3px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child span:nth-of-type(1) {
	top:3px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child span:nth-of-type(2) {
	top:14px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child span:nth-of-type(3) {
	top:25px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a.active > span:first-child span:nth-of-type(1),
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a.active > span:first-child span:nth-of-type(3) {
	top:18px;
	width:100%;
}

div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav {
	width:100%;
	display:flex;
	justify-content:space-around;
	/**/
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	/**/
	opacity: 1;
}
body.tbsv9-ghmenu-on div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav {
	opacity: 0;
	pointer-events: none;
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li a {
	display:flex;
	align-items:center;
	height:96px;
	position:relative;
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li a > span {
	font-size:16px;
	line-height:1.25;
	color:#0050ff;
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li a:before {
	content:"";
	display:inline-block;
	width:40px;
	height:40px;
	margin-right:8px;
	background-repeat:no-repeat;
	background-size:cover;
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li.tbs-v9-gh-dai2 a:before {
	background-image:url(../img/icons/television01.svg);
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li.tbs-v9-gh-stream a:before {
	background-image:url(../img/icons/play01.svg);
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li.tbs-v9-gh-ticket a:before {
	background-image:url(../img/icons/ticket01.svg);
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li.tbs-v9-gh-shopping a:before {
	background-image:url(../img/icons/cart01.svg);
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li.tbs-v9-gh-newsdig a:before {
	background-image:url(../img/icons/document02.svg);
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li.tbs-v9-gh-dai2 a.active:after {
	content:"";
	display:inline-block;
	width:100%;
	height:3px;
	background-color:#0050ff;
	position:absolute;
	left:0;
	bottom:0;
}
}
@media all and (max-width: 991.98px) {
div.tbs-v9-gheader {
	background-color:#0050ff;
	height:48px;
	padding-right:2.7vw;
}
div.tbs-v9-gheader div.tbs-v9-gh-logo {
	padding-left:2.7vw;
	padding-right:10px;
}
div.tbs-v9-gheader div.tbs-v9-gh-logo a {
	background-image:url(../img/icons/tbslogo_w.svg);
	width:51px;
	height:28px;
}
div.tbs-v9-gheader > nav {
	width: -webkit-calc(100vw - 5.4vw - 61px);
	width: calc(100vw - 5.4vw - 61px);
	width:100%;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li:not(:last-child) {
	margin-right:10px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-tv a:before {
	background-image:url(../img/icons/week01_w.svg);
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a {
	display:inline-block;
	height:48px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child {
	width:20px;
	height:18px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:last-child {
	display:none;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child span {
	height:2px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child span:nth-of-type(1) {
	top:15px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child span:nth-of-type(2) {
	top:23px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a > span:first-child span:nth-of-type(3) {
	top:31px;
}
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a.active > span:first-child span:nth-of-type(1),
div.tbs-v9-gheader > nav > ul.tbs-v9-gh-rig li.tbs-v9-gh-hamb a.active > span:first-child span:nth-of-type(3) {
	left:-4px;
	top:23px;
	width:140%;
}


div.tbs-v9-gheader-outer {
	position:fixed;
	padding:16px 2.7vw;
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader {
	position:relative;
	border-radius:24px;
	padding-right:4vw;
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav {
	width: -webkit-calc(100vw - 13.1vw - 61px);
	width: calc(100vw - 13.1vw - 61px);
	width:100%;
}

}



@media all and (min-width: 1400px) {
}
@media all and (min-width: 1200px) and (max-width: 1399.98px) {
}
@media all and (min-width: 992px) and (max-width: 1199.98px) {
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li a {
	flex-direction:column;
	justify-content:center;
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li a:before {
	margin-right:0;
	margin-bottom:10px;
	width:32px;
	height:32px;
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader > nav > ul.tbs-v9-gh-nav li a > span {
	font-size:14px;
}
}
@media all and (min-width: 768px) and (max-width: 991.98px) {
}
@media all and (min-width: 576px) and (max-width: 767.98px) {
}
@media all and (max-width: 575.98px) {
}




/* ===========================================
	TBS v9 Global Header Menu
=========================================== */

div.tbs-v9-gheader-menu, div.tbs-v9-gheader-di2 {
	/**/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/**/
	width:100%;
	left:0;
	/**/
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	/**/
	opacity: 0;
	pointer-events: none;
	/**/
	max-height:100vh;
	max-height:100dvh
}
div.tbs-v9-gheader-menu a, div.tbs-v9-gheader-di2 a {
	text-decoration:none;
}
div.tbs-v9-gheader-menu {
	background-color:#0050ff;
	position:absolute;
	top:0;
	z-index:104;
}
body.tbsv9-ghmenu-on, body.tbsv9-ghdi2-on {
	overflow-y:hidden;
}
body.tbsv9-ghmenu-on div.tbs-v9-gheader-menu,
body.tbsv9-ghdi2-on div.tbs-v9-gheader-di2 {
	opacity: 1;
	pointer-events: auto;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner,
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner {
	overflow:auto;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner,
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner a {
	color:#fff;
	font-weight:700;
}
@media all and (min-width: 992px) {
div.tbs-v9-gheader-menu {
	padding:126px 30px 30px;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner {
	max-height:calc(100vh - 156px);
	max-height:calc(100dvh - 156px);
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-around;
	align-items:center;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-rig {
	width:34%;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef {
	width:66%;
	display:flex;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef > * {
	width:50%;
}
}
@media all and (max-width: 991.98px) {
div.tbs-v9-gheader-menu {
	padding:68px 0 20px;
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader-menu {
	padding-top:80px;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner {
	max-height:calc(100vh - 130px);
	max-height:calc(100dvh - 130px);
	margin-bottom:10px;
	padding:0 5.3333333333vw;
}
div.tbs-v9-gheader-outer div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner {
	max-height:calc(100vh - 142px);
	max-height:calc(100dvh - 142px);
}
}


/* ===========================================
	TBS v9 Global Header Menu Left Column
=========================================== */

div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef dl dt {
	display:flex;
	align-items:center;
	color:#bedcff;
	margin-bottom:1em;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef dl dt:before {
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	background-color:#78b4ff;
	border-radius:50%;
	margin-right:8px;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef dl dd {
	margin-left:16px;
}

@media all and (min-width: 992px) {
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef dl dd,
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef div ul li {
	line-height:2;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef div ul:not(:last-child) {
	margin-bottom:2em;
}
}
@media all and (max-width: 991.98px) {
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef {
	margin-bottom:30px;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef dl {
/*	margin-bottom:2em; */
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef div ul:not(:last-child) {
/*	margin-bottom:2em; */
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef ul li a {
	margin-left:16px;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef dl dd,
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef div ul li {
	font-size:14px !important;
	line-height:2.5;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef dl dd a,
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef div ul li a {
	position:relative;
	display:block;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef dl dd a:after,
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef div ul li a:after {
	content:"";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position:absolute;
	right:3.125vw;
	top:50%;
	margin-top:-6px;
}

div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef dl dd:not(:last-child),
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef div ul li:not(:last-child) {
	border-bottom:1px solid #0014c8;
}
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef dl,
div.tbs-v9-gheader-menu div.tbs-v9-ghmenu-inner div.tbs-v9-ghmenu-lef div ul {
	border-bottom:1px solid #78b4ff;
}
}

div.tbs-v9-ghmenu-search form {
	display: flex;
	padding:0;
	margin:0;
}
div.tbs-v9-ghmenu-search form input,
div.tbs-v9-ghmenu-search form button {
	display: block;
	font-size:100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: none;
	padding:0;
	margin:0;
}
div.tbs-v9-ghmenu-search form input {
	font-size:16px;
	height:40px;
	line-height:32px;
	background-color:#fff;
	width: calc(100% - 60px);
	padding:4px 8px 4px 16px;
	border-radius: 20px 0 0 20px;
	/**/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/**/
}
div.tbs-v9-ghmenu-search form input:focus {
	outline: 0;
}
div.tbs-v9-ghmenu-search form button {
	width:60px;
	height:40px;
	cursor: pointer;
	background-image:url(../img/icons/search01_v1.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:36px 36px;
	background-color:#fff;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 0 20px 20px 0;
}
@media all and (max-width: 991.98px) {
div.tbs-v9-ghmenu-search {
	padding:0 2.7vw;
	margin-bottom:30px;
}
}



/* ===========================================
	TBS v9 Di2 Menu
=========================================== */

div.tbs-v9-gheader-di2 {
	position:fixed;
	z-index:102;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul {
	display:flex;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li a {
	font-weight:700;
	display:flex;
	align-items:center;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li a:before {
	content:'';
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
@media all and (min-width: 992px) {
div.tbs-v9-gheader-di2 {
	top:0;
	padding:126px 30px 30px;
	background-color:#f5f5fa;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner {
	max-height:calc(100vh - 156px);
	max-height:calc(100dvh - 156px);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul {
	justify-content:space-around;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li a {
	color:#0050ff;
	font-size:100%;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li a:before {
	margin-right:8px;
	width:72px;
	height:48px;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-drama a:before {
	background-image:url(../img/icons/drama_frame01_di2.svg);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-variety a:before {
	background-image:url(../img/icons/variety_frame01_di2.svg);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-news a:before {
	background-image:url(../img/icons/news_frame01_di2.svg);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-sports a:before {
	background-image:url(../img/icons/sport_frame01_di2.svg);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-anime a:before {
	background-image:url(../img/icons/wakty_frame02_v1.svg);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-shopping a:before {
	background-image:url(../img/icons/shopping_frame01_di2.svg);
}
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 992px) and (max-width: 1199.98px) {
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul {
	flex-wrap:wrap;
	gap: 20px;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li {
	width:calc((100% - 20*2px)/3);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li a:before {
	margin-right:16px;
}
}
@media all and (max-width: 991.98px) {
div.tbs-v9-gheader-di2 {
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	bottom:0;
	padding:30px 0 70px;
	background-color:#0050ff;
	max-height:100vh;
	max-height:100dvh;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner {
	max-height:calc(100vh - 222px);
	max-height:calc(100dvh - 222px);
	margin-bottom:10px;
	padding:0 5.333333333vw;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul {
	margin-bottom:20px;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li a {
	color:#fff;
	font-size:83%;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li a:before {
	margin-right:16px;
	width:64px;
	height:43px;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-drama a:before {
	background-image:url(../img/icons/drama_frame01_di2_w.svg);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-variety a:before {
	background-image:url(../img/icons/variety_frame01_di2_w.svg);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-news a:before {
	background-image:url(../img/icons/news_frame01_di2_w.svg);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-sports a:before {
	background-image:url(../img/icons/sport_frame01_di2_w.svg);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-anime a:before {
	background-image:url(../img/icons/wakty_frame02_v1_w.svg);
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li.tbs-v9-gh-di2-shopping a:before {
	background-image:url(../img/icons/shopping_frame01_di2_w.svg);
}
}
@media all and (min-width: 768px) and (max-width: 991.98px) {
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul {
	flex-wrap:wrap;
	gap: 16px;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li {
	width:calc((100% - 16px)/2);
}
}
@media all and (max-width: 767.98px) {
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul {
	flex-direction:column;
}
div.tbs-v9-gheader-di2 div.tbs-v9-ghdi2-inner ul li:not(:last-child) {
	margin-bottom:16px;
}
}


div.tbs-v9-gh-close {
	text-align:center;
}
div.tbs-v9-gh-close a {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:87.5%;
	padding:0 3em 0 1em;
	text-align:center;
	color:#000 !important;
	font-weight:400 !important;
	background-color:#fff;
	text-decoration:none;
	height:32px;
	border-radius:16px;
}
div.tbs-v9-gh-close a span {
	display:inline-block;
	width:16px;
	height:16px;
	position:relative;
	margin-right:24px;
}
div.tbs-v9-gh-close a span:before,
div.tbs-v9-gh-close a span:after {
	content:"";
	display:inline-block;
	background-color:#0050ff;
	position:absolute;
	left:-2px;
	top:7px;
	width:130%;
	height:2px;
}
div.tbs-v9-gh-close a span:before {
	transform:rotate(-45deg);
}
div.tbs-v9-gh-close a span:after {
	transform:rotate(45deg);
}
@media all and (min-width: 992px) {
div.tbs-v9-gh-close {
	display:none;
}
}


/* ===========================================
	TBS v9 Overlay
=========================================== */

div.tbs-v9-overlay {
	background-color:hsla(0,0%,0%,0.6);
	position: fixed;
	z-index:101;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	height:100vh;
	pointer-events: none;
	/**/
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	/**/
	opacity: 0;
}
body.tbsv9-ghmenu-on div.tbs-v9-overlay,
body.tbsv9-ghdi2-on div.tbs-v9-overlay {
	opacity: 1;
	pointer-events: auto;
}



/* ===========================================
	TBS v9 Global Footer
=========================================== */

@media all and (min-width: 992px) {
div.tbs-v9-gfooter {
	display:none;
}
}
@media all and (max-width: 991.98px) {
div.tbs-v9-gfooter {
	display:block;
	text-align:left;
	background-color:#0050ff;
	/**/
	position:fixed;
	z-index:103;
	width:100%;
	height:60px;
	left:0;
	bottom:0;
	padding:8px 0;
	/**/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/**/
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	/**/
	opacity: 1;
}
div.tbs-v9-gfooter > nav > ul {
	list-style-type:none;
	display:flex;
	justify-content:space-around;
}
div.tbs-v9-gfooter > nav > ul li {
	width: -webkit-calc((100% - 4*1px)/5);
	width:calc((100% - 4*1px)/5);
}
div.tbs-v9-gfooter > nav > ul li:not(:last-child) {
	border-right:1px solid #0045db;
}
div.tbs-v9-gfooter > nav > ul li a {
	text-decoration:none;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:44px;
}
div.tbs-v9-gfooter > nav > ul li a:before {
	content:"";
	display:inline-block;
	width:28px;
	height:28px;
}
div.tbs-v9-gfooter > nav > ul li.tbs-v9-gh-dai2 a:before {
	background-image:url(../img/icons/television01_w.svg);
}
div.tbs-v9-gfooter > nav > ul li.tbs-v9-gh-stream a:before {
	background-image:url(../img/icons/play01_w.svg);
}
div.tbs-v9-gfooter > nav > ul li.tbs-v9-gh-ticket a:before {
	background-image:url(../img/icons/ticket01_w.svg);
}
div.tbs-v9-gfooter > nav > ul li.tbs-v9-gh-shopping a:before {
	background-image:url(../img/icons/cart01_w.svg);
}
div.tbs-v9-gfooter > nav > ul li.tbs-v9-gh-newsdig a:before {
	background-image:url(../img/icons/document02_w.svg);
}
div.tbs-v9-gfooter > nav > ul li.tbs-v9-gh-dai2 a.active span {
	padding-bottom:2px;
	border-bottom:2px solid #fff;
}
div.tbs-v9-gfooter > nav > ul li a span {
	font-size:10px;
	line-height:1.25;
	color:#fff;
}
body.tbsv9-ghmenu-on div.tbs-v9-gfooter {
	opacity: 0;
	pointer-events: none;
}
}

@media all and (min-width: 1400px) {
}
@media all and (min-width: 1200px) and (max-width: 1399.98px) {
}
@media all and (min-width: 992px) and (max-width: 1199.98px) {
}
@media all and (min-width: 768px) and (max-width: 991.98px) {
div.tbs-v9-gfooter > nav > ul li a {
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
div.tbs-v9-gfooter > nav > ul li a:before {
	margin-right:8px;
}
div.tbs-v9-gfooter > nav > ul li a span {
	font-size:12px;
}
}
@media all and (min-width: 576px) and (max-width: 767.98px) {
}
@media all and (max-width: 575.98px) {
}



/* ===========================================
	TBS wakty
=========================================== */

div.tbs-v9-gh-wakty {
	display:flex;
	align-items:center;
	justify-content:center;
}
div.tbs-v9-gh-wakty a {
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 992px) {
div.tbs-v9-gh-wakty {
}
div.tbs-v9-gh-wakty a {
	background-image:url(/um/v8/img/wakty.svg?0);
	width:60px;
	height:54px;
	background-size:60px 54px;
}
}
@media all and (max-width: 991.98px) {
div.tbs-v9-gh-wakty {
}
div.tbs-v9-gh-wakty a {
	background-image:url(/um/v8/img/wakty_smp.svg?0);
	width:48px;
	height:44px;
	background-size:48px 44px;
}
}
@keyframes wakty-rumble {
	0%     { transform:translate(0, 0) rotate(0); }
	16.66% { transform:translate(0, 0) rotate(-6deg); }
	33.32% { transform:translate(0, 0) rotate(6deg); }
	49.98% { transform:translate(0, 0) rotate(0); }
	66.64% { transform:translate(0, 0) rotate(6deg); }
	83.30% { transform:translate(0, 0) rotate(-6deg); }
	100%   { transform:translate(0, 0) rotate(0); }
}
div.tbs-v9-gh-wakty {
	animation:wakty-rumble 4s linear infinite;
}



/* ===========================================
	TBS V8 Super banner
=========================================== */

#bn_super {
	background-color:#fff;
}
.anime2 #bn_super {
	background-color:transparent;
}
#bn_super, .cmn_banner {
	margin:0 auto;
	text-align:center;
}
@media all and (min-width: 768px) {
/*
#bn_super {
	padding:16px 0;
}
*/
#bn_super > center, #bn_super > div {
	padding:16px 0;
}
}
@media all and (max-width: 767px) {
/*
#bn_super {
	padding:10px 0;
}
*/
#bn_super > center, #bn_super > div {
	padding:10px 0;
}
}

.anime2 #bn_super > center, .anime2 #bn_super > div {
	padding:0;
}

.bnr-w-rectangle {
	text-align:center;
}
.bnr-w-rectangle > div {
}
@media all and (min-width: 768px) {
.bnr-w-rectangle {
	padding:40px 0;
}
.bnr-w-rectangle > div {
	display:inline-block;
}
.bnr-w-rectangle > div:not(:last-child) {
	margin-right:40px;
}
}
@media all and (max-width: 767px) {
.bnr-w-rectangle {
	padding:30px 0;
}
.bnr-w-rectangle > div:not(:last-child) {
	margin-bottom:20px;
}
}



/* ===========================================
	TBS V9 banner
=========================================== */
div.tbsv9_banner_responsive,
.tbsv9_banner_w {
	display:flex;
	align-items:center;
	justify-content:center;
}
div.tbsv9_banner_responsive > center {
	display:none;
}
@media all and (min-width: 768px) {
.tbsv9_banner_w > *:not(:last-child) {
	margin-right:40px;
}
.tbsv9_banner_w:not(:last-child) {
	margin-bottom:40px;
}
}
@media all and (max-width: 767.98px) {
.tbsv9_banner_w {
	flex-direction:column;
}
.tbsv9_banner_w > *:not(:last-child) {
	margin-bottom:20px;
}
.tbsv9_banner_w:not(:last-child) {
	margin-bottom:20px;
}
div.tbsv9_banner_responsive {
	padding:2.7vw;
}
div.tbsv9_banner_responsive.tbsv9_banner_responsive_pc {
	display:none;
}
}



