@charset "utf-8";
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
}
@font-face {
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
}
body {
	font-family: "Yu Gothic", YuGothic, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.07em;
	color: #000;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}
::selection {
	background: #000;
	color: #fff;
}
::-moz-selection {
	background: #000;
	color: #fff;
}
a{ color: #000; }
a:hover{ text-decoration: none; }
.ah { transition: .3s ease; }
.ah:hover { opacity: .7; }
.pc { display: block; }
.sp { display: none; }
/*-- ▼BLUR ANIMATION▼ --*/
.bAni{
	transition: 1.5s ease;
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	filter: blur(15px);
	opacity: 0;
}
.bAni.active{
	transition-delay: .3s;
	opacity: 1;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	filter: blur(0px);
}
/*-- ▼LOADING▼ --*/
#loading {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	min-width: 1200px;
	min-height: 620px;
	z-index: 10000;
}
#loadingIn{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: #000;
	z-index: 1;
	transition: transform .8s cubic-bezier(.7,0,.170,1);
	transform: scaleY(1);
}
#loading.active #loadingIn{
	transform: scaleY(0);
	transition-delay: .9s;
}
/*-----------------------------------------------
HEADER-NAV
-------------------------------------------------*/
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1200px;
	z-index: 9997;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
header:before{
	content: "";
	display: block;
	width: 29%;
	min-width: 350px;
}
.headerIn{
	width: calc(100% - 29%);
	min-width: 850px;
	position: relative;
}
body#sub .headerIn:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 76px;
	background-color: rgba(255,255,255,.6);
	z-index: 1;
}
.navBox{
	position: relative;
	z-index: 2;
}
.triggerBox{
	float: left;
	margin-top: 24px;
	margin-left: 30px;
	width: 68px;
	height: 26px;
	z-index: 2;
	position: relative;
	display: none;
}
.navTrigger{
	pointer-events: none;
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
	border-radius: 25px;
	display: block;
	position: relative;
}
body#sub .navTrigger{
	border: 1px solid #000;
}
.navTrigger:before{
	content: "";
	width: 17px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	top: 11px;
	left: 24px;
}
body#sub .navTrigger:before{
	background: #000;
}
.navTrigger .lineBox{
	width: 7px;
	height: 5px;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.navTrigger .lineBox > span{
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	display: block;
	background-color: #fff;
}
body#sub .navTrigger .lineBox > span{
	background-color: #000;
}
.navTrigger .lineBox > span:nth-child(1){ top: 0; }
.navTrigger .lineBox > span:nth-child(2){ bottom: 0; }
.navTrigger small{
	display: block;
	position: absolute;
	background: url(../img/index/t_menu.png) no-repeat 0 0 / 100%;
	width: 20px;
	height: 5px;
	top: 9px;
	left: 47px;
}
body#sub .navTrigger small{
	background: url(../img/common/t_menu_b.png) no-repeat 0 0 / 100%;
}
ul.navBox_list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 20px;
	margin-right: 30px;
}
ul.navBox_list li{
	height: 30px;
	margin-right: 16px;
}
ul.navBox_list li:last-child{
	margin-right: 0;
}
ul.navBox_list li a{
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	position: relative;
}
ul.navBox_list li a:before,
ul.navBox_list li a:after{
	content: "";
	width: 0;
	height: 1px;
	position: absolute;
	bottom: 0;
	background-color: #fff;
	transition: .3s ease-in-out;
}
body#sub ul.navBox_list li a:before,
body#sub ul.navBox_list li a:after{
	background-color: #000;
}
ul.navBox_list li a:before{ left: 50%; }
ul.navBox_list li a:after{ right: 50%; }
ul.navBox_list li a:hover:before,
ul.navBox_list li a:hover:after,
ul.navBox_list li a.active:before,
ul.navBox_list li a.active:after{
	width: 50%;
}
ul.navBox_list li.n0 a{
	background-image: url(../img/common/n0.png);
	width: 20px;
}
ul.navBox_list li.n1 a{
	background-image: url(../img/common/n1.png);
	width: 29px;
}
ul.navBox_list li.n2 a{
	background-image: url(../img/common/n2.png);
	width: 76px;
}
ul.navBox_list li.n3 a{
	background-image: url(../img/common/n3.png);
	width: 33px;
}
ul.navBox_list li.n4 a{
	background-image: url(../img/common/n4.png);
	width: 66px;
}
ul.navBox_list li.n5 a{
	background-image: url(../img/common/n5.png);
	width: 36px;
}
ul.navBox_list li.n6 a{
	background-image: url(../img/common/n6.png);
	width: 44px;
}
ul.navBox_list li.n7 a{
	background-image: url(../img/common/n7.png);
	width: 54px;
}
ul.navBox_list li.n8 a{
	background-image: url(../img/common/n8.png);
	width: 60px;
}
ul.navBox_list li.n9 a{
	background-image: url(../img/common/n9.png);
	width: 45px;
}
ul.navBox_list li.n10 a{
	background-image: url(../img/common/n10.png);
	width: 57px;
}
ul.navBox_list li.nTw a{
	background-image: url(../img/common/ntw.png);
	width: 64px;
}
body#sub ul.navBox_list li.n0 a{
	background-image: url(../img/common/n0_b.png);
	width: 19px;
}
body#sub ul.navBox_list li.n1 a{
	background-image: url(../img/common/n1_b.png);
	width: 28px;
}
body#sub ul.navBox_list li.n2 a{
	background-image: url(../img/common/n2_b.png);
	width: 75px;
}
body#sub ul.navBox_list li.n3 a{
	background-image: url(../img/common/n3_b.png);
	width: 32px;
}
body#sub ul.navBox_list li.n4 a{
	background-image: url(../img/common/n4_b.png);
	width: 65px;
}
body#sub ul.navBox_list li.n5 a{
	background-image: url(../img/common/n5_b.png);
	width: 35px;
}
body#sub ul.navBox_list li.n6 a{
	background-image: url(../img/common/n6_b.png);
	width: 43px;
}
body#sub ul.navBox_list li.n7 a{
	background-image: url(../img/common/n7_b.png);
	width: 53px;
}
body#sub ul.navBox_list li.n8 a{
	background-image: url(../img/common/n8_b.png);
	width: 60px;
}
body#sub ul.navBox_list li.n9 a{
	background-image: url(../img/common/n9_b.png);
	width: 46px;
}
body#sub ul.navBox_list li.n10 a{
	background-image: url(../img/common/n10_b.png);
	width: 57px;
}
body#sub ul.navBox_list li.nTw a{
	background-image: url(../img/common/ntw_b.png);
	width: 63px;
}
/*-----------------------------------------------
FOOTER
-------------------------------------------------*/
footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 1200px;
	z-index: 9999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
body#sub footer{
	position: fixed;
}
.copyR {
	width: 29%;
	min-width: 350px;
	position: relative;
}
.copyR small{
	font-size: 10px;
	width: 100%;
	text-align: center;
	color: #000;
	position: absolute;
	left: 0;
	bottom: 30px;
}
body#sub .copyR small{
	color: #fff;
}
.footerIn{
	width: calc(100% - 29%);
	min-width: 850px;
	position: relative;
}
.blinkBox{
	position: absolute;
	right: 30px;
	bottom: 60px;
}
.blinkBox ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.blinkBox ul li{
	height: 25px;
	margin-right: 30px;
}
.blinkBox ul li:last-child{
	margin-right: 0;
}
.blinkBox ul li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	position: relative;
}
.blinkBox ul li a:before{
	content: "";
	position: absolute;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: 2;
}
.blinkBox ul li.movieBtn a:before{
	background-image: url(../img/common/icon_play.svg);
	width: 4px;
	height: 5px;
	left: 11px;
}
.blinkBox ul li.visualBtn a:before{
	background-image: url(../img/common/icon_plus.png);
	width: 5px;
	height: 5px;
	left: 10px;
}
.modalBtn_circle{
	display: block;
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: relative;
	transition: .4s ease-in-out;
	z-index: 1;
}
.blinkBox ul li a:hover .modalBtn_circle{
	background: #b42350;
}
.modalBtn_circle:after {
	content: "";
	position: absolute;
	top: 0;
	left: -1px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	box-shadow: none;
}
.modalBtn_circle:after {
	animation: ripple 1.5s ease-in-out infinite;
}
@keyframes ripple {
	0%  { opacity:1; transform:scale(1); box-shadow: 0 0 0 1px rgba(255,255,255,0); }
	100%{ opacity:0; transform:scale(2); box-shadow: 0 0 0 1px rgba(255,255,255,1); }
}
.modalBtn_line{
	display: block;
	width: 17px;
	height: 1px;
	background: #fff;
	margin-top: 12px;
	z-index: 1;
}
.modalBtn_txt{
	display: block;
	margin-left: 5px;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 1;
}
.blinkBox ul li.movieBtn .modalBtn_txt{
	width: 27px;
	background-image: url(../img/index/t_movie.png);
}
.blinkBox ul li.visualBtn .modalBtn_txt{
	width: 31px;
	background-image: url(../img/index/t_visual.png);
}
/*-----------------------------------------------
INDEX
-------------------------------------------------*/
body#index{
	overflow-y: hidden;
}
body#index #fullWrap{
	width: 100%;
	min-width: 1200px;
	min-height: 620px;
	position: relative;
}
#leftBox{
	position: fixed;
	min-height: 620px;
	top: 0;
	left: 0;
	height: 100%;
	width: 29%;
	min-width: 350px;
	background-color: #fff;
	z-index: 9998;
	overflow: hidden;
}
.leftLogo{
	position: absolute;
	max-width: 350px;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}
.m_startdate{
	margin-top: 44px;
	text-align: center;
}
body#sub h1.leftLogo{
	position: absolute;
	width: 49px;
	height: 181px;
	transform: translateY(-50%);
	left: 30px;
}
body#sub h1.leftLogo img{
	width: 100%;
}
.ttlEn{
	position: absolute;
	background: url(../img/common/logo_kos.png) no-repeat 0 0 / 100%;
	width: 79px;
	height: 8px;
	top: 30px;
	left: 30px;
	z-index: 2;
}
body#sub .ttlEn{
	background: url(../img/common/logo_kos_w.png) no-repeat 0 0 / 100%;
}
.shareBox{
	position: absolute;
	top: 18px;
	right: 19px;
	z-index: 2;
}
.shareBox ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.shareBox ul li{
	width: 40px;
	height: 40px;
}
.shareBox ul li a{
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.shareBox ul li.tw a{
	background-image: url(../img/common/sns_tw.svg);
	background-size: 17px;
}
.shareBox ul li.fb a{
	background-image: url(../img/common/sns_fb.svg);
	background-size: 17px;
}
.shareBox ul li.line a{
	background-image: url(../img/common/sns_li.svg);
	background-size: 17px;
}
body#sub .shareBox ul li.tw a{
	background-image: url(../img/common/sns_tw_w.svg);
}
body#sub .shareBox ul li.fb a{
	background-image: url(../img/common/sns_fb_w.svg);
}
body#sub .shareBox ul li.line a{
	background-image: url(../img/common/sns_li_w.svg);
}
#visualBox {
	height: 100vh;
	min-height: 620px;
	width: 71%;
	margin-left: 29%;
	position: relative;
	overflow: hidden;
}
ul.changeList,
#visualBoxIn{
	height: 100%;
	position: relative;
	z-index: 1;
	background-color: #000;
}
ul.changeList li{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	opacity: 0;
}
ul.changeList li.active{
	opacity: 1;
}
ul.changeList li:nth-child(1){
	transition: .8s ease;
	z-index: 1;
	display: block !important;
}
ul.changeList li:nth-child(2){
	z-index: 2;
}
ul.changeList li:nth-child(3){
	transition: .6s ease;
	z-index: 3;
}
ul.changeList li:nth-child(4){
	z-index: 4;
}
ul.changeList li:nth-child(5){
	transition: .6s ease;
	z-index: 5;
}
ul.changeList li:nth-child(6){
	z-index: 6;
}
.visualBox_first_img{
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/index/vs.jpg) no-repeat 0 0 / 100%;
	width: 100%;
	padding-top: 123.8%;
	transition: 2s cubic-bezier(.7,0,.170,1);
	z-index: 1;
}
.visualBox_first_img.active{
	transform:translateY(0) !important;
}
.visualBox_first_catch{
	position: absolute;
	width: 2.1%;
	margin: auto;
	right: 0;
	left: 0;
	top: 18%;
	max-width: 24px;
	z-index: 2;
}
.messageBg_1{
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: #000;
	transition: .5s cubic-bezier(0.02, 0.88, 0.58, 1);
}
/*.changeList_message_1:before{
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: #000;
	transition: .5s cubic-bezier(0.02, 0.88, 0.58, 1);
}*/
.messageBg_2{
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 1;
	background: #b42350;
	transition: .5s cubic-bezier(0.02, 0.88, 0.58, 1);
}
/*.changeList_message_2:before{
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 1;
	background: #b42350;
	transition: .5s cubic-bezier(0.02, 0.88, 0.58, 1);
}*/
.changeList_message_1.active .messageBg_1,
.changeList_message_2.active .messageBg_2{
	width: 100%;
}
.changeList_message_1 .messageTxt{
	position: absolute;
	z-index: 2;
	font-size: 18px;
	line-height: 40px;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #fff;
	letter-spacing: 0.8em;
	text-align: center;
}
.changeList_message_2 .messageTxt{
	position: absolute;
	z-index: 2;
	color: #fff;
	font-size: 18px;
	line-height: 80px;
	letter-spacing: 0.8em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.messageTxt{
	transition: 1.5s ease;
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	filter: blur(15px);
	opacity: 0;
}
ul.changeList li.active .messageTxt{
	transition-delay: .3s;
	opacity: 1;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	filter: blur(0px);
}
.changeList_movie video{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
}
.filmarks{
	width: 200px;
}

.startDate{
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 2;
	left: 0;
	display: flex;
}
.startDateIn{
	margin-bottom: 60px;
	margin-left: 30px;
}
.startDateIn p{
	line-height: 1;
	margin-bottom: 16px;
}
.startDateIn p:last-of-type{
	margin-bottom: 0;
}
.startDateIn p span{
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	background-color: #000;
	font-weight: bold;
	letter-spacing: 0.2em;
}
.startDateIn .fan{
	background-color: #D2384E;
}
.startDateIn p a:hover{
   opacity: 0.7;
}
.topicsWrap{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	min-width: 1200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
}
.topicsWrap:before {
	content: "";
	display: block;
	width: 29%;
	min-width: 350px;
}
.topics {
	width: calc(100% - 29%);
	height: 100%;
	min-width: 850px;
	position: relative;
	background-color: rgba(0,0,0,.6);
}
.topicsList{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
a.topicsList__link{
	text-decoration: none;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	line-height: 40px;
	padding-left: 30px;
}
.topicsList__link--day{
	font-size: 12px;
	display: block;
	width: 78px;
}
.topicsList__link--ttl {
	font-size: 12px;
	display: block;
	width: calc(100% - 146px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
a.topicsList__link:before {
	content: "";
	background: url(../img/common/arrow2_w.png) no-repeat 0 0 / 100%;
	width: 20px;
	height: 4px;
	position: absolute;
	right: 20px;
	bottom: 16px;
}
/*-----------------------------------------------
MODAL
-------------------------------------------------*/
.modalBox {
	position: fixed;
	overflow: auto;
	z-index: 99999;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.75);
	width: 100%;
	height: 100%;
	display: none;
	-webkit-overflow-scrolling: touch;
}
.closeBtn {
	width: 100%;
	min-width: 1200px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	pointer-events: none;
}
.closeBtn a{
	display: block;
	width: 56px;
	height: 56px;
	position: absolute;
	border-radius: 50%;
	border: 1px solid #fff;
	top: 40px;
	right: 40px;
	pointer-events: auto;
	transition: .3s ease;
}
.closeBtn a:before{
	content: "";
	background: url(../img/common/close.png) no-repeat 0 0 / 100%;
	width: 22px;
	height: 22px;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: .3s ease;
}
.closeBtn a:hover{
	background-color: #b42350;
}
.closeBtn a:hover:before{
	transform: rotate(90deg);
}
.oneModal {
	width: 100%;
	height: 100%;
	z-index: 1;
	display: none;
}
.oneModalIn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	min-width: 1200px;
	height: auto;
	margin: 0 auto;
	min-height: 100vh;
	min-height: 100%;
	position: relative;
}
.ytBox{
	width: 920px;
	height: 520px;
	margin: 30px 0;
}
.ytBox iframe{
	width: 100%;
	height: 100%;
	display: block;
}
.viewVisual{
	width: 640px;
	margin: 30px 0;
}
/*-----------------------------------------------
SUB
-------------------------------------------------*/
.sAni{
	opacity: 0;
	transform: translateY(-40px);
	transition: all .6s cubic-bezier(0.02, 0.88, 0.58, 1);
}
.sAni.active{
	opacity: 1;
	transform: translateY(0);
}
body#sub{
	overflow-y: scroll;
}
body#sub #leftBox:before{
	content: "";
	position: absolute;
	margin: auto;
	right: 0;
	left: 0;
	top: 21.7%;
	z-index: 2;
}
body#sub #leftBox.tIntroduction:before{
	background: url(../img/sub/intro_h2.png) no-repeat 0 0 / 100%;
	width: 29px;
	height: 239px;
}
body#sub #leftBox.tStory:before{
	background: url(../img/sub/story_h2.png) no-repeat 0 0 / 100%;
	width: 29px;
	height: 101px;
}
body#sub #leftBox.tCaststaff:before{
	background: url(../img/sub/caststaff_h2.png) no-repeat 0 0 / 100%;
	width: 29px;
	height: 203px;
}
body#sub #leftBox.tMovie:before{
	background: url(../img/sub/movie_h2.png) no-repeat 0 0 / 100%;
	width: 29px;
	height: 133px;
}
body#sub #leftBox.tNews:before{
	background: url(../img/sub/news_h2.png) no-repeat 0 0 / 100%;
	width: 29px;
	height: 86px;
}
body#sub #leftBox.tOnair:before{
	background: url(../img/sub/onair_h2.png) no-repeat 0 0 / 100%;
	width: 29px;
	height: 102px;
}
body#sub #leftBox.tProducts:before{
	background: url(../img/sub/products_h2.png) no-repeat 0 0 / 100%;
	width: 29px;
	height: 167px;
}
body#sub #leftBox.tCharacter:before{
	background: url(../img/sub/character_h2.png) no-repeat 0 0 / 100%;
	width: 29px;
	height: 185px;
}
body#sub #leftBox.tTheater:before{
	background: url(../img/sub/theater_h2.png) no-repeat 0 0 / 100%;
	width: 28px;
	height: 193px;
}
body#sub #leftBox.tOndemand:before{
	background: url(../img/sub/ondemand_h2.png) no-repeat 0 0 / 100%;
	width: 28px;
	height: 177px;
}
.subVsChange{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
ul.subVsChange_list{
	width: 100%;
	height: 100%;
}
ul.subVsChange_list li{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	opacity: 0;
	animation: CrossFade 24s 0s infinite;
}
ul.subVsChange_list li:nth-child(2){ animation-delay:6s; }
ul.subVsChange_list li:nth-child(3){ animation-delay:12s; }
ul.subVsChange_list li:nth-child(4){ animation-delay:18s; }
@keyframes CrossFade {
0% {
	opacity: 0;
}
13% {
	opacity: 1;
}
25% {
	opacity: 1;
}
38% {
	opacity: 0;
	z-index: 9;
}
70%  { transform: scale(1.13) ;}
100% { opacity: 0 }
}
ul.subVsChange_list .owl-stage-outer,
ul.subVsChange_list .owl-stage,
ul.subVsChange_list .owl-item {
	height: 100%;
}
#contBox{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#contBox:before {
	content: "";
	display: block;
	width: 29%;
	min-width: 350px;
}
.contBoxIn{
	width: calc(100% - 29%);
	min-width: 850px;
	position: relative;
}
.contBox_intro,
.contBox_onair{
	padding: 135px 90px 100px;
}
.introCatch{
	width: 649px;
	height: 239px;
	background: url(../img/sub/intro_catch.png) no-repeat 0 0 / 100%;
	margin-bottom: 40px;
}
.contBox_introIn p{
	font-size: 16px;
	margin-bottom: 40px;
	line-height: 32px;
}
.tabListBox{
	margin-top: 132px;
	position: relative;
	width: 100%;
	margin-bottom: 90px;
}
ul.tabList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
	margin-top: 30px;
	overflow: hidden;
}
ul.tabList:first-of-type{
	margin-top: 0;
}
ul.tabList li:before{
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 5px;
	background: #000;
	z-index: 1;
}
ul.tabList li.oneL:after{
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	left: -50%;
	top: 5px;
	background: #000;
	z-index: 1;
}
ul.tabList li.oneR:after{
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	right: -50%;
	top: 5px;
	background: #000;
	z-index: 1;
}
ul.tabList li{
	width: calc(100% / 3);
	height: 100%;
	position: relative;
	margin-bottom: 24px;
	text-align: center;
}
ul.tabList li.w100pc{
	width: 100%;
}
ul.tabList li a{
	display: inline-block;
	height: 100%;
	position: relative;
	margin: 0 auto;
	padding-top: 24px;
	text-decoration: none;
	z-index: 2;
}
ul.tabList li a > span.circle{
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
ul.tabList li a > span.circle:before{
	content: "";
	width: 7px;
	height: 7px;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	transition: .3s ease;
	box-sizing: border-box;
}
ul.tabList li a:hover > span.circle:before,
ul.tabList li a.active > span.circle:before{
	width: 100%;
	height: 100%;
}
ul.tabList li a > span.circle:after{
	content: "";
	width: 5px;
	height: 5px;
	background-color: #b42350;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	right: 0;
	left: 0;
	margin: auto;
	transform: scale(0);
	transition: .3s ease;
}
ul.tabList li a:hover > span.circle:after,
ul.tabList li a.active > span.circle:after{
	transform: scale(1);
}
ul.tabList li a > span.txt{ 
	display: block;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0 0;
	transition: .3s ease;
	height: 12px;
	overflow: hidden;
}
ul.tabList li a:hover > span.txt,
ul.tabList li a.active > span.txt{
	background-position: left -12px;
}
ul.tabList li a.t_aitsumuguhoshi > span.txt{ background-image: url(../img/sub/t_aitsumuguhoshi.png); }
ul.tabList li a.t_aitsumuguhoshi{ width: 97px; }
ul.tabList li a.t_2ndseason > span.txt{ background-image: url(../img/sub/t_2ndseason.png); }
ul.tabList li a.t_2ndseason{ width: 67px; }
ul.tabList li a.t_1stseason > span.txt{ background-image: url(../img/sub/t_1stseason.png); }
ul.tabList li a.t_1stseason{ width: 63px; }
ul.tabList li a.t_cast > span.txt{ background-image: url(../img/sub/t_cast.png); }
ul.tabList li a.t_cast{ width: 27px; }
ul.tabList li a.t_staff > span.txt{ background-image: url(../img/sub/t_staff.png); }
ul.tabList li a.t_staff{ width: 33px; }
.tabCont{
	display: none;
}
.storyBox,
.csBox{
	padding: 0 90px 100px;
}
h3.aitsumuguhoshi_catch{
	background: url(../img/sub/story_catch.png) no-repeat 0 0 / 100%;
	width: 431px;
	height: 25px;
	margin-bottom: 40px;
}
h3.secondseason_catch{
	background: url(../img/sub/story_catch2.png) no-repeat 0 0 / 100%;
	width: 600px;
	height: 70px;
	margin-bottom: 40px;
}
h3.firstseason_catch{
	background: url(../img/sub/story_catch3.png) no-repeat 0 0 / 100%;
	width: 655px;
	height: 70px;
	margin-bottom: 40px;
}
h3.firstseason_catch2{
	background: url(../img/sub/story_catch3_2.png) no-repeat 0 0 / 100%;
	width: 627px;
	height: 25px;
}
.storyBox p {
	font-size: 16px;
	margin-bottom: 40px;
	line-height: 32px;
}
.tabCont.active .bAni{
	opacity: 1;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	filter: blur(0px);
}
h3.castTtl{
	background: url(../img/sub/t_cast_r.png) no-repeat 0 0 / 100%;
	width: 47px;
	height: 20px;
	margin: 0 auto 46px;
}
h3.staffTtl{
	background: url(../img/sub/t_staff_r.png) no-repeat 0 0 / 100%;
	width: 57px;
	height: 20px;
	margin: 0 auto 46px;
}
ul.csList li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 18px;
}
ul.csList li > p{
	width: 50%;
}
ul.csList li .charaName{
	padding-right: 7px;
	color: #b42350;
	text-align: right;
	font-size: 16px;
	line-height: 2.1;
}
ul.csList li .castName{
	padding-left: 7px;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
}
ul.csList li .castName span{
	font-size: 14px;
}
ul.sub_movList{
	margin-top: 135px;
}
ul.sub_movList li{
	position: relative;
}
ul.sub_movList li .sub_movBox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}
ul.sub_movList li:nth-child(even) .sub_movBox{
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
ul.sub_movList li .sub_movThumb,
ul.sub_movList li .sub_movPlay{
	width: 50%;
	z-index: 1;
	position: relative;
	overflow: hidden;
}
ul.sub_movList .sub_movThumb > span{
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: .8s cubic-bezier(0.02, 0.88, 0.58, 1);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
ul.sub_movList li:hover .sub_movThumb > span{
	transform: scale(1.2);
}
ul.sub_movList .sub_movThumb:before{
	content: "";
	display: block;
	width: 100%;
	padding-top: 56.25%;
}
ul.sub_movList li a{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}
.sub_movPlay:before{
	content: "";
	background: url(../img/sub/t_play.png) no-repeat 0 0 / 100%;
	width: 27px;
	height: 10px;
	position: absolute;
	margin: auto;
	top: -84px;
	right: 0;
	bottom: 0;
	left: 0;
}
.sub_movPlay:after{
	content: "";
	width: calc(50% + 36px);
	height: 1px;
	background: #000;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: -60px;
}
ul.sub_movList li:nth-child(even) .sub_movPlay:after{
	right: -60px;
	left: auto;
}
.sub_movPlay_circle{
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border:1px solid #000;
	border-radius: 50%;
}
.sub_movPlay_circle:before {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	box-shadow: none;
	animation: ripple_b 1.5s ease-in-out infinite;
}
@keyframes ripple_b {
	0%  { opacity:1; transform:scale(1); box-shadow: 0 0 0 1px rgba(0,0,0,0); }
	100%{ opacity:0; transform:scale(2); box-shadow: 0 0 0 1px rgba(0,0,0,1); }
}
.sub_movPlay_circle:after{
	content: "";
	background: url(../img/common/icon_play_b.svg) no-repeat 0 0 / 100%;
	width: 10px;
	height: 12px;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 20px;
}
.sub_movTtl{
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 50%;
	z-index: 1;
}
ul.sub_movList li:nth-child(even) .sub_movTtl{
	right: 50%;
	left: auto;
}
.sub_movTtl p{
	position: absolute;
	font-size: 15px;
	height: 50%;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin-top: 36px;
}
.newsListBox,
.newsDetailBox,
.productsDetailBox{
	padding: 135px 90px 100px;
}
ul.newsList li a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 20px 0 ;
	text-decoration: none;
}
ul.newsList li a:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #b42350;
	z-index: 2;
	transition: .5s cubic-bezier(0.02, 0.88, 0.58, 1);
}
ul.newsList li a:hover:before{
	width: 100%;
}
ul.newsList li a:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
	z-index: 1;
}
.newsList_data{
	color: #b42350;
	font-size: 16px;
	margin-right: 24px;
	display: block;
}
.newsList_title{
	color: #000;
	font-size: 16px;
	display: block;
}
.newsList_arrow{
	background: url(../img/sub/arrow2_b.png) no-repeat 0 0 / 100%;
	width: 24px;
	height: 6px;
	position: absolute;
	right: 0;
	bottom: 20px;
	transition: .3s ease;
}
ul.newsList li a:hover .newsList_arrow{
	background: url(../img/sub/arrow2_r.png) no-repeat 0 0 / 100%;
	right: -10px;
}
.newsDetailBox{
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
}
.newsDetail{
	position: relative;
	margin-bottom: 40px;
}
.newsDetail:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background: #ccc;
}
.newsDetail > h3 {
	position: relative;
	padding: 20px 0;
}
.newsDetail > h3 .newsList_title{
	font-size: 20px;
}
.newsDetail > h3:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
	z-index: 1;
}
.newsDetail_txtArea{
	padding: 36px 0;
}
.newsDetail_txtArea img{
	max-width: 920px;
}
.newsDetail_txtArea p{
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 40px;
}
.newsDetail_txtArea p strong{
	background: #000;
	color: #fff;
}
.newsDetail_txtArea p.center{
	text-align: center;
}
.newsDetail_txtArea p.right{
	text-align: right;
}
.newsDetail_txtArea .imgText{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.newsDetail_txtArea .imgText .imgBox{
	margin-right: 26px;
}
.newsDetail_txtArea p.inBorder{
	padding: 20px;
	border: 1px solid #000;
}
.newsDetail_txtArea p a.linkA{
	text-decoration: none;
	padding: 6px 26px;
	color: #b42350;
	border: 1px solid #b42350;
	display: inline-block;
	transition: .3s ease;
}
.newsDetail_txtArea p a:hover.linkA{
	background: #b42350;
	color: #fff;
	text-decoration: none;
}
.newsDetail_txtArea p a{
	text-decoration: none;
	color: #b42350;
}
.newsDetail_txtArea p a:hover{
	text-decoration: underline;
}
.newsDetail_txtArea p iframe{
	width: 100% !important;
	height: 100% !important;
}
.newsDetail_txtArea p .ifWrap{
	width: 600px;
	height: 338px;
	display: inline-block;
}
.backTo{
	width: 200px;
	height: 48px;
	margin: 0 auto;
	border: 1px solid #000;
	line-height: 48px;
	text-align: center;
}
.backTo a{
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	transition: .3s ease;
}
.backTo a:hover{
	background: #000;
	color: #fff;
}
.contBox_onairIn{
	margin-bottom: 70px;
}
.contBox_onairIn > h3{
	margin: 0 auto 60px;
}
.contBox_onairIn > h3 img{
	width: 100%;
}
#onair_tv > h3{
	width: 88px;
	height: 20px;
}
#onair_streaming > h3{
	width: 108px;
	height: 20px;
}
ul.contBox_onairList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
ul.contBox_onairList li{
	width: 50%;
	margin-bottom: 60px;
}
ul.contBox_onairList li.w100{
	width: 100%;
}
ul.contBox_onairList li > h4{
	color: #b42350;
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}
ul.contBox_onairList li > p{
	font-size: 16px;
	text-align: center;
	color: #000;
	margin-bottom: 4px;
}
ul.contBox_onairList li > p.comment{
	font-size: 12px;
	margin-bottom: 0;
}
.oaLink{
	margin-top: 10px;
}
.oaLink a{
	text-decoration: none;
	padding: 2px 12px;
	color: #b42350;
	border: 1px solid #b42350;
	display: inline-block;
	transition: .3s ease;
	font-size: 12px;
}
.oaLink a:hover{
	background: #b42350;
	color: #fff;
}
ul.seriesList li a > span.txt{
	font-size: 12px;
	text-align: center;
	height: auto;
}
ul.seriesList li a:hover > span.txt,
ul.seriesList li a.active > span.txt{
	color: #b42350;
}
.productsListBox{
	padding: 0 90px 100px;
	max-width: 1100px;
	margin: 0 auto;
}
ul.productsList{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% + 24px);
	margin-left: -12px;
}
ul.productsList li{
	width: 33.3%;
	padding: 0 12px;
	margin-bottom: 24px;
	position: relative;
}
ul.productsList li a{
	text-decoration: none;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
}
ul.productsList li a:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
	z-index: 1;
}
ul.productsList li a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #b42350;
	z-index: 2;
	transition: .5s cubic-bezier(0.02, 0.88, 0.58, 1);
}
ul.productsList li a:hover:before{
	width: 100%;
}
.products_thumb{
	display: block;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	margin-bottom: 14px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.products_ttl{
	display: block;
	font-size: 16px;
	color: #000;
	transition: .3s ease;
}
ul.productsList li a:hover .products_ttl{
	color: #b42350;
}
.products_arrow {
	background: url(../img/sub/arrow2_b.png) no-repeat 0 0 / 100%;
	width: 24px;
	height: 6px;
	position: absolute;
	right: 0;
	bottom: 20px;
	transition: .3s ease;
}
ul.productsList li a:hover .products_arrow {
	background: url(../img/sub/arrow2_r.png) no-repeat 0 0 / 100%;
	right: -10px;
}
.productsDetailBox {
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
}
.productsDetail {
	position: relative;
	margin-bottom: 40px;
}
.productsDetail:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background: #ccc;
}
.productsDetail > h3 {
	position: relative;
	padding: 20px 0;
	font-size: 20px;
	color: #000;
}
.productsDetail > h3:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
	z-index: 1;
}
.productsDetail_txtArea {
	padding: 36px 0;
}
.productsDetail_txtArea p {
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 40px;
}
.productsDetail_txtArea p.bh{
	margin-bottom: 20px;
}
.productsDetail_txtArea p strong{
	background: #000;
	color: #fff;
}
.productsDetail_txtArea p.center{
	text-align: center;
}
.productsDetail_txtArea p.bTxt{
	font-weight: bold;
}
.productsDetail_txtArea p.right{
	text-align: right;
}
.productsDetail_txtArea .imgText{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.productsDetail_txtArea .imgText .imgBox{
	margin-right: 26px;
}
.productsDetail_txtArea p.inBorder{
	padding: 20px;
	border: 1px solid #000;
}
.productsDetail_txtArea p a.linkA{
	text-decoration: none;
	padding: 6px 26px;
	color: #b42350;
	border: 1px solid #b42350;
	display: inline-block;
	transition: .3s ease;
}
.productsDetail_txtArea p a:hover.linkA{
	background: #b42350;
	color: #fff;
	text-decoration: none;
}
.productsDetail_txtArea p a{
	text-decoration: none;
	color: #b42350;
}
.productsDetail_txtArea p a:hover{
	text-decoration: underline;
}
.productsDetail_txtArea p iframe{
	width: 100% !important;
	height: 100% !important;
}
.productsDetail_txtArea p .ifWrap{
	width: 600px;
	height: 338px;
	display: block;
}
.productsDetail_list{
	padding: 20px;
	border: 1px solid #000;
	margin-bottom: 40px;
	width: 100%;
}
.productsDetail_list dt{
	color: #b42350;
	font-weight: bold;
	margin-bottom: 10px;
	float: left;
	width: 26%;
}
.productsDetail_list dd{
	color: #000;
	margin-bottom: 10px;
	margin-left: 26%;
}
.productsDetail_list dd:after{
	display: block;
	content: "";
	clear: both;
}
.productsDetail_list p{
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-weight: 600;
}
.pkgImg{
	width: 600px;
	margin: 0 auto;
}
.pkgImg img{ width: 100%; }
.pbold{font-weight:bold;}
.bookBox{
	margin-bottom: 80px;
}
.bookBox:first-of-type{
	margin-top: -30px;
}
.bookBox:last-of-type{
	margin-bottom: 0;
}
.bookBox > h3{
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px;
}
.bookBox > h3 span{
	background: #000;
}
.bookDetailTxt{
	font-size: 15px;
	display: block;
	margin-bottom: 40px;
	line-height: 2;
}
#characters {
	padding-top:132px;
}
.characterBox {
	width:670px;
	padding-top:132px;
	margin:0 auto;
	padding-bottom:50px;
}
.characterBoxin {
	margin-bottom: 40px;
}
.characterBoxin h3 {
	font-size:24px;
	letter-spacing: 0.05em;
	line-height:1;
	color: #b42350;
	margin-bottom:30px;
}
.characterBoxin h3 span {
	font-size: 16px;
	color: #000;
}
.characterBoxin h3 span:before {
	content:':';
	display: inline-block;
	padding:0 10px;
}
.characterVisual {
	margin-bottom:26px;
}
.characterText {
	font-size: 16px;
	line-height:2;
	letter-spacing: 0.05em;
}
.theaterBox {
	width:670px;
	padding-top:132px;
	margin:0 auto;
}
.theaterBoxin {
	margin-bottom:50px;
}
.theaterBoxin h3 {
	font-size:24px;
	letter-spacing: 0.05em;
	line-height: 1;
	margin-bottom:15px;
	color:#b42350;
}
.theaterBoxin h3:before {
	content:'◆';
}
.theaterBoxin h3:after {
	content:'：';
}
.theaterBoxin__topText {
	margin-bottom: 30px;
	font-size:16px;
	letter-spacing: 0.05em
}
.theaterBoxin__topImg {
	text-align: center;
	margin-bottom:30px;
}
.theaterBoxin__mainText {
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height:2;
	margin-bottom:2em;
}
.theaterBoxin__caution {
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height:2;
	margin-bottom:2em;
}
.theaterLists {
	padding-bottom:80px;
}
.theaterLists h3 {
	font-size:24px;
	letter-spacing: 0.05em;
	line-height: 1;
	margin-bottom:30px;
	color:#b42350;
	text-align: center;
}
.theaterLists h3:before {
	content:'◆';
}
.theaterListsTable {
	width:100%;
	display: none;
	padding-bottom:50px;
}
.theaterListsTable table {
	width: 100%;
}
.theaterListsTable th {
	border:5px solid #FFF;
	padding:6px 10px;
	background:#b42350;
	text-align: left;
	color:#FFF;
	font-size:12px;
}
.theaterListsTable td {
	border:5px solid #FFF;
	padding:6px 10px;
	text-align: center;
	color:#000;
	font-size:12px;
	position:relative;
	border-bottom:1px solid #FFF;
}
.theaterListsTable td:after {
	content:'';
	position: absolute;
	left:-3px;
	right:-2px;
	bottom:-1px;
	height:1px;
	background:#b42350;
}
.theaterListsTable td:first-child:after {
	left:0;
}
.theaterListsTable td:last-child:after {
	right:0;
}

.theaterListsTable2 {
	width:100%;
	padding-bottom:50px;
}
.theaterListsTable2 table {
	width: 100%;
}
.theaterListsTable2 th {
	border:5px solid #FFF;
	padding:6px 10px;
	background:#b42350;
	text-align: left;
	color:#FFF;
	font-size:14px;
}
.theaterListsTable2 td {
	border:5px solid #FFF;
	padding:20px 10px;
	text-align: left;
	color:#000;
	font-size:14px;
	position:relative;
	border-bottom:1px solid #FFF;
}
.theaterListsTable2 td:after {
	content:'';
	position: absolute;
	left:-3px;
	right:-2px;
	bottom:-1px;
	height:1px;
	background:#b42350;
}
.theaterListsTable td:first-child:after {
	left:0;
}
.theaterListsTable td:last-child:after {
	right:0;
}

.theaterLists h4 a {
	display: block;
	color:#b42350;
	text-decoration: none;
	font-size:18px;
	text-align: center;
	border-bottom:1px solid #b42350;
	font-weight: 5600;
	margin-bottom:5px;
	position: relative;
	padding:5px 0;
}
.theaterLists h4 a:before {
	content:'';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.1px 7px 0 7px;
	border-color: #b42351 transparent transparent transparent;
	right:10px;
	top:50%;
	margin-top:-6px;
	transition:all 0.5s ease;
}
.theaterLists h4 a:hover:before {
	transform:scale(1.25);
}
.theaterLists h4 a.on {
	border-bottom:none;
	margin-bottom:0;
}
.theaterLists h4 a.on:before {
	transform: rotate(180deg);
}
.theaterLists h4 a.on:hover:before {
	transform: rotate(180deg) scale(1.25);
}
.twitter__list {
	display: flex;
	flex-wrap: wrap;
}
.twitter__list li {
	width:calc(100% / 3);
	padding:0 10px 20px;
}
.twitter__l--title {
	font-weight: 700;
	margin-bottom:30px;
	font-size:16px;
}
.twitter__l2--title {
	font-size:16px;
}
.twitter__l--title:nth-of-type(n + 2) {
	padding-top:40px;
}