@import url("https://use.typekit.net/tgk2lpi.css");
@import url("https://use.typekit.net/htv7lxc.css");
@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}
/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
body {font-family:"Times New Roman" , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; -webkit-text-size-adjust: 100%; line-height: 1;}
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, article,figure { margin:0; padding:0; font-weight: normal; font-size:100%; box-sizing: border-box;}
p {background-color:rgba(255,255,255,.01);}
img,iframe { border:none;}
ol,ul { list-style:none; list-style-type: none;}
.relative { position: relative;}
.hid{visibility: hidden;}
.cover {width:100%; height:100%;}
@media print {
.noprint {display:none !important;}
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-size*/
html { font-size: 62.5%;}
body { font-size: 1.6rem; }
h1 { font-size: 3.2rem; }
h2 { font-size: 2.3rem; }
h3 { font-size: 2.1rem; }
h4 { font-size: 2.0rem; }
p { font-size: 1.6rem; }
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f130 { font-size:130%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f95 { font-size:95%;}
.f90 { font-size:90%;}
.f85 {font-size:85% !important;}
.f80 {font-size:80% !important;}
.f75 {font-size:75% !important;}
.stred{color:#8d1524;}
.stbro{color:#9a6234;}
.stpnk{color:#ec6b73;}
.ffsp{font-feature-settings: "palt";}
/*link*/
a { text-decoration:none; color:#2d2d2d;}
a:hover { text-decoration:none; color:#2d2d2d;}
#menu li,header #logo a,a.btn_prev,a.btn_s,a.btn_i,#prevnext ul li a,.update li a,.bnarea ul li a,.bn_prev a,#gotop a,a.btn_df,ul.bnr li a,.btnitem,#snsarea #sns a,.paraviorg{text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
header #logo a:hover,a.btn_i:hover,a.btn_df:hover,.bn_prev a:hover,#gotop a:hover,ul.bnr li a:hover,.btnitem:hover,#snsarea #sns a:hover,.paraviorg:hover{text-decoration:none;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
.no-link{ pointer-events: none; cursor: default; text-decoration:none; opacity:0.70;}
.vdl7 {
font-family: vdl-v7gothic, sans-serif;
font-weight: 800;
font-style: normal;
}
.brandon {
font-family: "brandon-grotesque", sans-serif;
font-weight: 500;
font-style: normal;
}
.millisime {
font-family: "millisime", sans-serif;
font-weight: 700;
font-style: italic;
}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
html, body, div#con-body {background-color:#ffe593; color:#6a3000;
background-image:url(../img/bg.jpg);
background-repeat:repeat;
background-position:auto;
background-size:450px;
}
#con-body {background-color:transparent;}
.inner{width:1080px; margin:0 auto;}

#top header{margin:0 auto;}
#top main{width:100%; background-color:#ffeba0;
background: radial-gradient(ellipse at center, #ffeba0 48%,#fbcc69 100%);
}
#top h1{width:1080px; height:766px; position:relative; margin:0 auto;}
#top h1 .main1{background: url(../img/top/main.jpg?1211) no-repeat center bottom; background-size:cover; width:100%; height:100%; margin:0 auto; position:absolute; bottom:0; left:0; right:0;
animation: fadein 1.5s ease 0s 1 normal;
-webkit-animation: fadein 2s ease 0s 1 normal;}
#top h1 .main2{position:absolute; left:0; right:0; bottom:4%; width:65%; margin:auto; opacity: 0;
-webkit-animation: fadein 1.5s ease 0.5s 1 forwards;
  animation: fadein 1.5s ease 0.5s 1 forwards;}
#top h1 .main3{position:absolute; left:3.7%; bottom:9.6%; width:11%; opacity: 0;
-webkit-animation: fadein 2s ease 1s 1 forwards;
  animation: fadein 2s ease 1s 1 forwards;}

@keyframes fadein {
    0% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes fadein {
    0% {opacity:0;}
    100% {opacity:1;}
}

#top #container{ 
background-image:url(../img/top/light_l.svg),url(../img/top/light_r.svg);
background-repeat:no-repeat,no-repeat;
background-position:0 0,right 0;
background-size:52%,52%;
}

/*menu*/
#menu {margin:0 auto; background: url(../img/menu.jpg) no-repeat center center; position: relative; background-size:cover; padding:1em 0;
box-shadow: 0 30px 30px -30px rgba(188,129,100, 0.6);}
#menu:before,#menu:after{
content: "";
position: absolute;
left:0;
width:100%;
height:1;
}
#menu:before{
top:5px;
border-top:1px solid rgba(254,230,145, .5);
}
#menu:after{
bottom:5px;
border-bottom:1px solid rgba(254,230,145, .5);
}
#menu ul {width:1080px; margin:0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding:.4em 0;}
#menu li {text-align:center; width:166px; height:85px; vertical-align: middle; position: relative; margin:0; border-left:1px solid rgba(254,230,145, .5);
width: -webkit-calc(100% / 6);
width: calc(100% / 6);}
#menu li:first-child{border:none;}
#menu li a {width:100%; height:100%; display: block; text-decoration:none; color:#fff; vertical-align: middle;
z-index:5; box-sizing: border-box;
display: flex;  justify-content: center; align-items: center;
transition-duration: .5s;}
#menu li a p{font-size:160%; font-weight:700; z-index:1; text-shadow:2px 5px 8px #670913;}
#menu li span.eng{color:#edce9c; display:inline-block; width:100%; font-size:2rem; text-align:center; vertical-align: middle; font-weight:400;
font-family: "millisime", sans-serif;
font-weight: 700;
font-style: italic;
}
#menu li.menu5 p span.f80{font-weight:400 !important; font-size:1.2rem !important; padding:0 .1em;}
#menu li.menu4 span.ttlruby{letter-spacing:.2em;}

.bn_recruit{margin:0 auto;width:680px; height:159px; box-shadow:6px 6px rgba(127,82,45,0.3); position: relative; border-radius:6px; box-shadow:8px 8px 10px rgba(180,116,64,0.4);}
.bn_recruit a{display:block; width:100%; height:100%; background: url(../img/top/bn_quiz.png?10) repeat center center; background-size:cover; transition: 0.5s; border-radius:6px;}
.bn_recruit a:hover{opacity:0.5;}

#topsns h2,#next h2,#topics h2,#whatsnew h2,#stream h2{font-family: "millisime", sans-serif; letter-spacing:.04em;
font-size:450%;
font-weight: 700;
font-style: italic;}

.topcontent{padding:1.8em 0 0;
background-image:url(../img/line4.png),url(../img/top/fuji.svg);
background-repeat:repeat-y,no-repeat;
background-position:calc(50% - 600px) 0,calc(50% + 500px) bottom;
background-size:20px 100%,600px;
}

#topsns{width:1080px; margin:0 auto; padding:2em 3em 1em 0; text-align:right; position:relative; z-index:2; background: url(../img/top/wave.svg) no-repeat right bottom; background-size:380px;}
#topsns h2{position:relative; font-size:280%; vertical-align:middle; display:inline-block; padding:0;}
/*#topsns h2:before{
content: "";
width:50px;
height:1px;
background-color:#6a3000;
position: absolute;
left: -70px;
top:50%;
}*/
#topsns #sns{text-align:right; margin:0 auto; display:inline-block; width:220px; vertical-align:middle;}
#topsns #sns a{width:90px; height:90px; margin:0 1.5% 0; position: relative; display:inline-block; border-radius:50%; background-color:#6a3000;}
#topsns #sns a img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:50%;}

#press{background-color:rgba(255,238,178,0.5); padding:2em 0;}
#spmov {position: relative; width:864px; height:486px; background-size:cover; background-position: center center; background-repeat: no-repeat; margin:0 auto; overflow: hidden; z-index:11;}
#spmov iframe {width:100%; height:486px; display:block;}

/*next*/
#next{margin:0 auto; padding:0 0 8em;}
#next .inner{padding:0;}
#next #trailer {position: relative; width:640px; height:360px; /*width:864px; height:486px;*/ background-size:cover; background-position: center center; background-repeat: no-repeat; margin:1.5em 0 0; overflow: hidden; z-index:11; transition:.5s; background-size:cover;
box-shadow:20px 20px 20px rgba(180,116,64,0.4);
}
#next #trailer iframe,#next #trailer a {width:100%; height:360px; display:block;}
#next .play_btn {width:70px; height: 70px; border-radius:50%; background: rgba(106,48,0,0.7); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  display: block; z-index:111;}
#next .play_txt {color: rgba(255, 255, 255,0.8); font-size:170%; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%)  rotate(90deg);
font-family: vdl-v7gothic, sans-serif;
font-weight: 800;
font-style: normal;
}
#next h2{position: relative; z-index:11; background: url(../img/top/underline.svg) no-repeat center bottom; display:inline-block; padding:0 .5em .3em 0;}
#next h2:before{
content: "";
width:100px;
height:120px;
position: absolute;
right:-120px;
bottom:-10px;
background: url(../img/top/piano.svg) no-repeat right bottom;
background-size:contain;
}
#newep{width:40%; margin:0; display:inline-block; vertical-align:top; padding:1em 0 0; z-index:1;}
#newep:before,#newep:after{
  content: '';
  position: absolute;
  left:0; right:0; margin:auto;
  width:100%;
  height:8px;
  z-index:1;
}
#newep:before{
background: url(../img/line_top.png) repeat-x 0 0; background-size:contain;
  top:0;
}
#newep:after{
background: url(../img/line_btm.png) repeat-x 0 0; background-size:contain;
  bottom:0;
}
#newep #storyline{width:100%; margin:0 0 0 0;}
#newep .nextonair{font-size:300%; position: relative; padding:0; text-align:center; color:#8d1524; margin:0 auto .25em;
font-family: "brandon-grotesque", sans-serif;
font-weight: 700;
font-style: normal;
}
#newep .nextonair span.epnum{font-size:170%; letter-spacing:-.04em;}
#newep .nextonair span.slash{font-weight: 300; display:inline-block; padding:0 .15em 0 .1em;}
#newep .nextonair span.nextoad{font-size:100%; font-weight: 700;}
#newep .nextonair:before,#newep .nextonair:after{
  content: '';
  position: absolute;
  bottom:20%;
  width:50px;
  height:26px;
  background-size:contain;
}
#newep .nextonair:before{
background: url(../img/top/ornament_l.svg) no-repeat left center; 
  left:1.2%;
}
#newep .nextonair:after{
background: url(../img/top/ornament_r.svg) no-repeat right center; 
  right:1.2%;
}
#newep p.text {position: relative; padding:1.25em 0 .5em; line-height:160%; font-size:105%; font-weight:600; word-break: break-all; width:86%; margin:0 4% 0 auto;}
#newep p.text:before{
  content: '';
  position: absolute;
  left:0; right:0; margin:auto;
  top:0;
  width:75%;
  height:1px;
  border-bottom:1px solid rgba(106,48,0,0.4);
}
a.btn_info{font-size:150%; font-weight: 600; display: block; width:230px; text-align:center; margin:1em auto 1.5em; color:#fff; padding:1em 0; transition:1s ease-in-out; background-color:#8d1524; outline : 1px solid rgba(254,230,145, .5); outline-offset : -5px;}
a.btn_info span{ display: inline-block;}

/*topics*/
#tbstopics{margin:0 auto; background: url(../img/top/vienna.svg) no-repeat calc(50% - 450px) bottom; background-size:400px; padding:7em 0 2em;}
#tbstopics::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width:100%;
height:300px;
background: url(../img/top/topics_photo2.jpg) no-repeat center center;
background-size:cover;
}
#tbstopics::after{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width:100%;
height:300px;
background-color: rgba(106,48,0,0.7);
}
#topics {position:relative; padding:0;}
#topics h2{color:#fff; text-align:center; margin:0 auto .25em; position:relative; z-index:1;}
#topics .tolist{text-align:right; position: absolute;}
#topics .tolist a{position:relative; display:block; z-index:2; color:#fff; transition:.5s;}
#topics .tolist a:before{
content: "";
width:50px;
height:1px;
background-color:#fff;
position: absolute;
left: -65px;
top: 50%;
}
#topics .tolist a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

/*whatsnew*/
#whatsnew h2{text-shadow:10px 10px 20px #fff;}
#whatsnew{margin:2em auto 0; position:relative;
background-image:url(../img/top/opera.svg),linear-gradient(to top, rgba(255,238,178,0.4) 0%,rgba(255,238,178,0.4) 100%); 
background-repeat:no-repeat,no-repeat;
background-size:520px,75% 75%;
background-position:calc(50% + 450px) bottom,right 0 bottom 40%;
padding:0 0 2em;
}
#whatsnew:before{
content: "";
width:540px;
height:350px;
position: absolute;
left:calc(40% - 550px);
top:50px;
background:#eee url(../img/top/score.jpg) no-repeat right top;
background-size:cover;
z-index:0;
}
#update {width:1080px; position:relative; margin:0 auto; padding:0 0 3em;}
#update ul#topicslist{display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding:.5em 0 0 0;
height:auto; height:350px; overflow-y:scroll; padding:.5em 0 0 0;
width:68%;
margin:2em 0 0 auto;}
#update ul::-webkit-scrollbar {width:2px;}
#update ul::-webkit-scrollbar-track {background:none;}
#update ul::-webkit-scrollbar-corner {display: none;}
#update ul::-webkit-scrollbar-thumb {background:rgba(255,249,239,0); border-radius:20px;}

#update ul#topicslist li{width:70%; height:auto; position: relative; margin:0 0 2.5em 1em;/*margin:3em 0 2.5em 15%;*/ z-index:1; box-shadow:6px 6px 10px rgba(126,100,64,0.4); background:rgba(255,251,242,0.8);}
#update ul#topicslist li a span.thum{width:185px; height:100%; display:inline-block; background-size: cover; background-repeat: no-repeat; background-position: center top; vertical-align:top; margin:0 2.5% 0 0; vertical-align: middle;}
#update ul#topicslist li p{display:inline-block;line-height:1.4; padding:0; width:auto; vertical-align: middle; font-weight:500; font-size:100%; width: calc(100% - 210px);}
#update ul#topicslist li a{display:block; width:100%; color:#6a3906;}
#update ul#topicslist li a:hover{opacity: 0.5; transition: 0.4s;}
#update ul#topicslist li span.ymd{font-size:110%; display:inline-block; position:absolute; bottom:6%; right:1.5%; text-align:right; line-height:100%; padding:0 .2em 0;
color:#8d1524;
font-family: "brandon-grotesque", sans-serif;
font-weight: 700;
font-style: normal;
}
/*#update ul#topicslist li:nth-last-child(2) a{pointer-events: none; cursor: default;}*/
#update .ytbthum{background-position: center center !important; background-size:contain !important;}
#update .logothum{background-position: center center !important; background-size:80% !important; background-color:rgba(255,255,255,0.3);}
.harumin{position:absolute; top:-20%; right:5%; width:240px;}
.note{position:absolute; top:-20px; right:0; max-width:700px;}

/*bnr*/
.bnarea{padding:1.8em 0 0; 
background-color:rgba(251,246,227,0.5);
}
ul.bnr{display: flex; flex-flow: row wrap; width:1080px; margin:0 auto; justify-content: center; position:relative; z-index:1;}
ul.bnr li{width:500px; height:150px;  margin:0 0 1.5em 0;}
ul.bnr li a{display:block; width:100%; height:100%; background-repeat: no-repeat; background-position:center center; position: relative; background-size:cover; box-shadow:6px 6px 10px rgba(126,100,64,0.4); border-radius:6px; }
ul.bnr li.bn_extra a {background-image:url(../img/top/bn_extra.jpg);}
ul.bnr li.bn_drama a {background-image:url(../img/top/bn_drama.png);}
ul.bnr li.bn_goods a {background-image:url(../img/top/bn_goods.jpg);}
ul.bnr li.bn_special a {background-image:url(../img/top/bn_special.png);}
ul.bnr li.bn_stamp a {background-image:url(../img/top/bn_stamp.png);}
ul.bnr li.bn_dvd a {background-image:url(../img/top/bn_dvd.jpg);}

/*sns*/
#snsarea{position: relative; padding:2% 0 0; margin:0 auto;
background-image:url(../img/top/ft_photo.jpg);
background-position:center top;
background-size:cover;
}
#snsarea::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(202,172,82,0.65);
}
#snsarea .inner{width:1000px; margin:3em auto 0; display: flex; flex-flow: row wrap; position: relative; /*justify-content: center;*/}
#igTL h3,#twTL h3,#rect h3{font-size:280%; text-align:center;
font-family: "millisime", sans-serif;
font-weight: 700;
font-style: italic;}
#igTL,#twTL{width:345px; height:auto; margin:0 1.5em 3em 0; position: relative;}
#igTL div.insta,#twTL .tline{width:100%; margin:.5em auto 1.5em; overflow:hidden; background-color:#fdf6e6; box-shadow:10px 10px 16px rgba(67,39,15,0.2);}
#twTL .tw-inner{width:100%; margin:0 auto; position: relative; padding:1.5em 0 0;}
#igTL .outgo,#twTL .outgo{position:absolute; bottom:0; left:1%; font-size:75%; display:block; color:#fff; text-shadow:0 0 5px #453814;}

#rect {width:255px; text-align:center;}
#rect h3{padding:0 0 4%; background-size:50%;}
#rect .ad {display:block; width:300px; height: 250px; background:#fff;}

#snsarea #sns{text-align:center; margin:0 auto 2em;}
#snsarea #sns a{width:80px; height:80px; margin:5% 2% 0; position: relative; display:inline-block; border-radius:50%; background-color:#6a3000;}
#snsarea #sns a img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; width:50%;}

/*footer*/
#top footer{text-align:center; padding:1.5em 0; position: relative; z-index:1;}
footer .share{display:inline-block; vertical-align:top; padding:35px 0 0; position: relative; z-index:10;}
footer p.copy {text-align:center; padding:1em 0; font-size:80%; color:#6a3000;}
#top footer p.copy a{color:#6a3000;}
/*f2*/
footer.dir2{margin:4% 0 0; position:relative; padding:2em 0;}
#rect2 {width:300px; height: 250px; background:#fff; position:absolute; bottom:10%; right:0;}

#gotop {position: absolute; bottom:100px; right:0; z-index:10; text-align:right; padding:1em .8em; width:40px;}
#top #gotop{bottom:40px;}
#gotop a {display:block;}
#gotop img{width:100%;}

.bn_ad{text-align:center; padding:.5em;}

/*------------------　2nd　------------------ */
header#dir{padding:2.5em 0 0; margin:0 auto; position: relative; background-color:#ffeba0;
background: radial-gradient(ellipse at center, #ffeba0 48%,#fbcc69 100%);}
header#dir #logo{width:750px; height:150px; margin:0 auto 2em;
animation: fadein 1.5s ease 0s 1 normal,blur 1.5s;}
header#dir #logo a{background: url(../img/logo.svg) no-repeat center center; background-size:contain; display:block; width:100%; height:100%;}
/*header#dir #logo a img{width:100%; display:block; margin:0 auto;}*/
h1#ttl{text-align:center; padding:0; margin:0 auto .5em; position: relative; color:#fff;}
h1#ttl span.h1eng{display:block; font-size:300%; letter-spacing:.05em;
font-family: "millisime", sans-serif;
font-weight: 700;
font-style: italic;
}
h1#ttl span.subtxt{font-weight:400; display:inline-block; font-size:2.2rem; padding:0 1.5em 0; position: relative;
font-family: vdl-v7gothic, sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing:.05em;
}
h1#ttl span.subtxt:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    transform: rotate(-25deg);
}      
h1#ttl span.subtxt:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    transform: rotate(25deg);
}
.wrap{position: relative; padding:4em 0 0;
background-image:url(../img/head.jpg);
background-repeat:no-repeat;
background-position:top center;
background-size:100%;}

#contents{max-width:980px; padding:3.5em 0 2em; margin:1.5em auto 3em; position: relative; box-shadow:8px 8px 18px rgba(126,100,64,0.3); background: url(../img/bg1.png); background-size:400px;}
#contents:before,#contents:after{
  content: '';
  position: absolute;
  left:0; right:0; margin:auto;
  width:100%;
  height:8px;
  z-index:1;
}
#contents:before{
background: url(../img/line_top.png) repeat-x center 0;  background-size:contain;
  top:0;
}
#contents:after{
background: url(../img/line_btm.png) repeat-x center 0;  background-size:contain;
  bottom:0;
}

#contents .inner{width:90%;}
#contents .inner p {padding:1em 0 .5em; line-height:1.7;}

.ph_cut {width:700px; height:467px; margin:1.5em auto; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
.ph_cut_l {width:400px; height:600px; margin:1.5em auto; background-size: cover; background-repeat: no-repeat; background-position: center top; position: relative;}
.lazy {position:relative; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lazy img {position:absolute;left:0;top:0; width:100%; height:100%;}
.line1 {background: linear-gradient(transparent 70%, rgba(193,175,30,0.4) 70%); padding:0 .2em .15em;}
.line2 {background: linear-gradient(transparent 70%, rgba(240,223,99,0.4) 70%); padding:0 .2em .15em;}
.bdr{padding:.8em 1.5em; margin:1.5em auto; font-size:95%;}
.bdr2{padding:.8em 1.5em; margin:1.5em auto .5em; font-size:95%; border:1px solid #dabd64; box-shadow:10px 10px 20px rgba(197,152,97,0.2);}
.fuchidori {font-weight: bold; color: rgba(0, 0, 0, 0); text-shadow:2px 2px 0 #fef900; -webkit-text-stroke: 1px #fd52ba; text-stroke: 1px #fd52ba;}

/*about*/
#highlight h2{font-weight:700; line-height:145%; font-size:180%; margin:0 0 .5em; text-align:center;}
#highlight h3{font-weight:600; line-height:145%; font-size:160%; margin:.5em 0; text-align:center;}
#highlight .ph1{width:800px; height:566px;}
#highlight .ph1 span {width:100%; height:100%; background-image:url(../img/aboutph.jpg); background-position: center bottom; position: absolute; z-index:auto; display:block;  background-size: cover;}

#highlight p.cap {font-size:85%; text-align:center; padding:0 !important; margin:0 !important;}
#highlight .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
#highlight input:checked ~ .hidden_show {
    padding:.5em 0 0;
    height: auto;
    opacity: 1;
}
#highlight label {cursor :pointer;}
#highlight input {display: none;}
#highlight .comment {padding:.8em 1.2em; margin:1.5em 0; border:1px solid #9a6234; border-left:3px solid #9a6234;}
#highlight .comment h4{padding:.3em 0 .3em; font-size:130%; font-weight:700; line-height:140%; color:#ec6b73;}
#highlight .comment h5{position:relative; font-size:115%; color:#edce9c; padding:0 0 0 35px; margin:.6em 0 0;}
#highlight .comment h5:before{
content: "";
width:30px;
height:1px;
background-color:#b29c46;
position: absolute;
left:0;
top:50%;
}
#highlight .comment p{padding:.5em; font-size:100%;}

/*caststaff*/
h1#ttl span.slash{display:inline-block; font-size:6.5rem; padding:0 .15em;
font-family: "millisime", sans-serif;
font-weight: 400;
font-style: italic;
}
#caststaff h2{margin:0 auto .5em; text-align:center; font-size:380%; position:relative; display:inline-block; position: relative; padding:0 65px; letter-spacing:.05em;
font-family: "millisime", sans-serif;
font-weight: 500;
font-style: italic;
}
#caststaff ul#castname{margin:0 auto 5em; width:250px;}
#caststaff ul#castname li{font-size:165%; font-weight:600; margin:0 0 .6em; text-align:left; padding:0 0 0 60px;}
#caststaff ul#castname li.spacing{margin:1.2em 0 .6em;}
#caststaff ul#castname li.spacing2{margin:2em 0 .6em;}
#caststaff h2:before, #caststaff h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 40px;
  height:4px;
  border-top: solid 1px #8d1524;
  border-bottom: solid 1px #8d1524;
}
#caststaff h2:before {
  left:0;
}
#caststaff h2:after {
  right: 0;
}
#caststaff h3{width:80%; margin:1.5em auto .6em; font-size:105%; font-weight:600; position: relative; line-height:170%; color:#8d1524; background-color:rgba(255,238,178,0.8);}
#caststaff #spvlist h2{margin:2em auto 0; letter-spacing:0;}
#caststaff #spvlist h2:first-of-type{margin:0 auto;}
#caststaff h3:first-of-type{margin:0 auto .6em;}
#caststaff .credit{text-align:center; width:60%; margin:0 auto 2em; font-size:140%; line-height:1.7; font-weight: 500;}
#caststaff table span.f80{font-size:80%;}
#caststaff table span.f80_2{font-size:85%;}
#caststaff .credit span.f80_3{font-size:80%; line-height:130%; display:block;}
#caststaff #spvlist.credit p{line-height:120%;}
#caststaff table{width:80%; margin:0 4.5% 0 auto; font-size:160%;}
#caststaff table td{text-align:center; padding:2% 0; line-height:1;}
#caststaff table td.emp{padding:0 !important;}
#caststaff table td.cname{text-align:left;width:55%; vertical-align:bottom;}
#caststaff table td.chara{text-align:right;width:39%; vertical-align:bottom; color:#003686;}
#caststaff table td.naka{padding:0 0 0; font-size:80%; vertical-align:middle; line-height:0; color:#b29c46;}
#caststaff table td.maru{font-size:80%; color:#b29c46; padding:3% 0;}
.group{font-size:80%; font-feature-settings: "palt";}

/*btn*/
a.btn_df {width:40%; display:block; text-align:center; font-weight:600; font-size:150%; transition: 0.5s; position: relative; padding:1.4em 0; margin:1.5em auto; background: none; color:#eb6100; 
font-weight: 700; font-style: normal;}
a.btn_df span{position: relative;  z-index:2;}
a.btn_df:before,a.btn_df:after { 
  content:'';
  width:94%;
  height:94%;
  position: absolute;
  display: inline-block;
}
a.btn_df:before {
  border-left: solid 2px #eb6100;
  border-top: solid 2px #eb6100;
  top:0;
  left:0;
}
a.btn_df:after {
  border-right: solid 2px #eb6100;
  border-bottom: solid 2px #eb6100;
  bottom:0;
  right:0;
}

#highlight label{font-size:150%; font-weight:700; display: block; width:40%; text-align:center; margin:1.5em auto 1.5em; color:#fff; padding:1.5em 0; transition:.5s ease-in-out; background-color:#8d1524; outline : 1px solid rgba(254,230,145, .5); outline-offset : -5px;}

/*share*/
#share{width:50%; text-align:center; margin:2% auto; vertical-align:middle;}
#share span{position: relative; font-weight:600; color:#6a3000;}
#share span:before{
content: "";
width:35%;
height:1px;
background-color:#6a3000;
position: absolute;
left:-45%;
top:50%;
z-index:1;
}
#top #share{margin:3.5em auto 0; width:100%; padding:0 0 1em;}
#top #share h4{font-size:120%; padding:2.6em 0 .8em; position: relative; color:#fff; font-weight:600; text-shadow:0 0 15px #453814;}
#top #share h4:before{
content: "";
width:1px;
height:48%;
background-color:#fff;
position: absolute;
left: 50%;
top:0;
z-index:1;
}
#share ul{display: inline-block; margin:0 0 0 .5em; vertical-align:middle;}
#share ul li{display:inline-block; border-radius:50%; margin:0 .4em 0;}
#share ul li img{width:50px;}
#share ul li a{display:block;}
#share ul li a img{transition: .5s;}
#share ul li a:hover img{transform: scale(1.2);}

/*//////pc//////*/
@media all and (min-width: 768px) {
.nobr{display: none;	}
#update ul#topicslist{justify-content: start; align-items: start; min-height:300px;}
#update ul#topicslist li:nth-child(2n){margin:0 0 2.5em 25%;}
#update ul#topicslist li a span.thum{height:140px;}
#topics{width:1080px; margin:0 auto;}
#newep{position:absolute; top:12%; right:0;}
#topics .tolist{top:10%; right:1%;}
/*ul.bnr li:first-child{margin:0 3em 1.5em;}*/
ul.bnr li:nth-child(2n){margin:0 2em 1.5em 2.5em;}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
html, body, div#con-body {background-size:100%;}
body,p { font-size: 1.4rem;}
h1 { font-size: 2.6rem;}
h2 { font-size: 2rem; line-height:1.5em;}
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
.f90 { font-size: 1.2rem;}
.hidtxt{visibility:visible;}
.hid_sp{display:none;}
.pcbr{display: none;	}
.ph_cut img,.ph_cut_l img,#top h1 .main1 img,#spot #trailer img,#update ul#topicslist li span.thum img,#newep figure#mainph span img,.bn_recruit a {position:absolute;left:0;top:0; width:100%; height:100%;}

#top header{margin:0 auto;}
#top h1{width:100%; height:0; padding:70.9444444444% 0 0;}
#top h1 .main2{bottom:2.5%; width:65%;}
#top h1 .main3{left:4%; bottom:9.6%; width:10.5%;}

#container{padding:0 0 0;}
#top #container{background-size:58%,58%;}

#menu{padding:2% 0 2%;}
#menu:before{height:8px;}
#menu ul {width:100%; padding:0;}
#menu li {height:0; margin:.5% 0;
width:31%;
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
padding:19% 0 0;
}
#menu li.menu1:before,
#menu li.menu2:before,
#menu li.menu3:before{
content: "";
width:90%;
height:1px;
position: absolute;
left:0;right:0;
margin:0 auto;
bottom:0;
background:rgba(254,230,145, .5);
z-index:11;
}
#menu li a{position:absolute; top:0; left:0;}
#menu li a p{width:100%; font-size:5vw;}
#menu li span.eng{width:100%; font-size:3.8vw;}
#menu li span.eng:before{
margin-right:3%;
padding-right:0;
width:2.8vw;
height:5vw;
}
#menu li.menu4{border-left:none;}

.bn_recruit{margin:0 auto 5%; width:90%; height:0; padding:21.09375% 0 0;}

#topsns h2,#next h2,#topics h2,#whatsnew h2,#stream h2{font-size:11vw;}

.topcontent{padding:4% 0 0;
background-position:0 0,right -100% bottom 0;
background-size:20px 100%,80%;
}

#topsns{width:100%; margin:0 auto 2%; padding:0 0 1%; text-align:center; background-size:70%;}
#topsns h2{font-size:8vw;}
#topsns h2:before{
width:25%;
height:1px;
left:-30%;
top:50%;
}
#topsns #sns{text-align:center; margin:0 auto; display:inline-block; width:40%; vertical-align:middle;}
#topsns #sns a{width:16vw; height:16vw; margin:0 1.2% 0;}

#press{padding:3% 0;}
#spmov{width:100%; height:auto;}

/*next*/
#next{margin:0 auto; padding:0;
background-size:80% 25%;
background-position:left 0 top 2.5%;
}
#next .inner{width:100%; padding:0;}
#next h2{padding:0 .25em 0 0; margin:0 0 1% 6%;}
#next h2:before{
width:23%;
height:85%;
right:-25%;
bottom:0;
}
#next #trailer,#spmov div {width:96%; position:relative; padding:54% 0 0; height:0; overflow: hidden !important; z-index:1; margin:0 auto;}
#next #trailer{background-position:top 30% center !important; padding:54% 0 0; box-shadow:none;}
#trailer iframe,.emb iframe,#spmov iframe,#next #trailer a,#next #trailer img{position:absolute; top: 0; left:0; width:100% !important; height: 100% !important;}
#next .play_btn{width:14%; height:25%;}
#next .play_txt {font-size:5vw;}

#newep{width:100%; margin:0 auto 0; background:none; padding:3% 0 0; position: relative;}
#newep .nextonair{margin:0 0 1.5%; font-size:6vw; font-size:8vw;}
#newep .nextonair span.epnum{font-size:160%;}
#newep .nextonair span.nextoad{font-size:110%; }
#newep .nextonair:before,#newep .nextonair:after{
  bottom:25%;
  width:13%;
  height:28%;
}
#newep .nextonair:before{
  left:1.8%;
}
#newep .nextonair:after{
  right:1.8%;
}
#newep #storyline{width:85%; margin:0 auto; display:block; position: relative; padding:0 0 4%;}
#newep p.text {line-height:160%; font-size:3.5vw; padding:4% 0 0 2% !important; width:98%; margin:0 auto !important;}
#newep p.text:before{ width:80%;}
a.btn_info{font-size:5vw; width:50%; margin:3% auto 5%; padding:5% 0;}

/*topics*/
#tbstopics{padding:10% 0 8%;
background-position:left -5% bottom 0;
background-size:50%;
}
#tbstopics::before{
height:250px;
}
#tbstopics::after{
height:250px;
}
#topics .tolist{text-align:right; position: absolute; bottom:-3%; right:2%; font-size:3.2vw;}
#topics .tolist a{color:#6a3000;}
#topics .tolist a:before{
width:9vw;
left: -11.5vw;
background-color:#6a3000;
}

/*whatsnew*/
#whatsnew h2{text-shadow:2px 6px 6px rgba(255,251,242,0.6);}
#whatsnew{margin:-2% auto 0; padding:0; overflow:hidden;
background-size:60%,75% 75%;
background-position:right -25% bottom 0,right 0 bottom 20%;
padding:0 0 5%;
}
#whatsnew:before{
width:62%;
height:60%;
left:-10%;
top:13%;
}
#update{padding:0; margin:3% auto 0; width:100%;}

#update ul#topicslist{height:auto; padding:1% 0 1% 0; width:100%; margin:5% auto 0;
overflow-y:scroll;
height:460px; padding:1% 2% 0 0;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
height:47vh;}
#update ul#topicslist li p{line-height:130% !important; font-size:3.5vw; width:59%;}
#update ul#topicslist li{width:88%; height:auto; margin:3% 0 0; box-shadow:4px 4px 8px rgba(126,100,54,0.4);}
#update ul#topicslist li a span.thum{width:35%; height:auto; margin:0 3% 0 0; position:relative; padding:25% 0 0;} 
#update ul#topicslist li span.ymd{font-size:3.5vw;}
.harumin{top:-6%; right:3%; width:30%;}
.note{top:13%; right:-18%; width:80%;}

/*bnr*/
.bnarea{padding:3% 0;}
ul.bnr{width:88%; align-items: center;}
ul.bnr li{width:100%; height:auto; margin:2% auto;}
ul.bnr li a{height:0; padding:30% 0 0;}
.streambnr{padding:5% 0; margin:2.5% auto 0;}

/*sns*/
#snsarea{margin:0 auto 0;}
#snsarea .inner{width:100%; margin:5% auto 0;}
#igTL h3,#twTL h3,#rect h3{font-size:9.5vw;}
#igTL,#twTL{margin:0 auto 10%; width:90%; height: calc(320px + 2%); padding:0 0 2%;}
#igTL{height:auto; margin:0 auto 12%;}
#twTL .tline{
margin:.5% auto 0; padding:2% 0 0;
height:290px;
/*overflow-y: scroll;*/
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;}
#igTL div.insta{margin:1% auto 0;}
#twTL .outgo,#igTL .outgo{position:absolute; left:.5%; bottom:-3%;}

#rect {margin:0 auto 3%; z-index:10;}
#rect h3{margin:0; padding:0 0 3%;}

#snsarea #sns{margin:3% auto 0;}
#snsarea #sns a{width:70px; height:70px; margin:2% 2% 0;}

@media all and (max-width: 320px) {
#next #sns{width:80%; background-size:100%;}
#next #sns a{width:65px; height:65px; margin:0 1% 0;}
}

#top footer{padding:4% 0 75px;}
#top footer p.copy {width:100%; padding:0 5%;}

footer.dir2{padding:2% 0 70px;}
footer.dir2 .inner{width:100%; height:auto; text-align:center; /*padding:5% 0 0;*/}
footer p.copy{text-align:center; padding:2% 5%; line-height:130%;}
footer.dir2 .share{position:static; padding:5% 0;}
#rect2{position:static; margin:0 auto;}
#gotop{right:0; bottom:4%; width:35px;}
#top #gotop{right:0; bottom:16%;}

/*------------------　2nd　------------------ */
header#dir{padding:5% 0 0; margin:0 auto;}
header#dir #logo{width:82%; height:auto; margin:0 auto 5%;}
header#dir #logo a{padding:21% 0 0; position: relative;}
header#dir #logo a img {position:absolute;left:0;top:0; width:100%; height:100%;}

h1#ttl{margin:0 auto 3%;}
h1#ttl span.h1eng{font-size:14vw;}
h1#ttl span.subtxt{font-size:4.3vw; padding:0 4% 0;}

.wrap{padding:6% 0 0; background-size:160%;}

#contents{width:96%; margin:0 auto 6%; padding:8% 0 5%; box-sizing: border-box; box-shadow:1% 1% rgba(126,100,64,0.3); background-size:100%;}
#contents .inner{width:98%;}
#contents .inner p {padding:.5em 0 1em; line-height:160%;}
#contents .inner p.f85,#contents .inner p.f80 {line-height:normal !important;}
.ph_cut {width:100%; height:0; padding:66.6% 0 0; position: relative; margin:1em auto;}
.ph_cut_l {width:60%; height:0; padding:90% 0 0; position: relative; margin:1em auto .5em;}
#bknm{width:100%; margin:2em auto 1em;}
.bdr{width:92%; padding:.4em 0;}

/*about*/
#highlight h2{font-size:4.4vw; padding:0 2% 0; line-height:145%; margin:0 0 3%;}
#about #contents p,#story #contents p,#music #contents p {padding:1em 1em .5em;}
#highlight h3{font-size:4.5vw; padding:0; margin:2% auto 1.5%; line-height:145%;}
#highlight .ph1{width:95%; height:0; padding:67.1861111111% 0 0; margin:0 auto;}
#highlight .ph1 span,#comic .comiccover span{position: absolute; top:0; left:0;}
#highlight .comment,#comic .comment{width:94%; margin:.8em auto 1em; padding:2.5%;}
#highlight .comment h4{font-size:4.6vw; padding:.2em 0 0 .3em; margin:0 0 .6em;}
#highlight .comment h5{font-size:4.1vw; padding:0 0 0 9%; margin:5% 0 2% 2%;}
#highlight .comment h5:before{
width:7.5%;
}
#highlight .comment p,#comic .comment p{padding:0 .5em !important; font-size:95%;}

.bdr3{width:92%;}
.bdr3:last-child{padding:0 !important;}

#story #trailer,#movie .emb {width:92%; position: relative; padding:51.75% 0 0; height: 0; overflow: hidden; height:auto; margin:0 auto .5em;}
#story #trailer iframe,#topics .emb iframe,#movie .emb iframe,#story #trailer img{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

/*caststaff*/
h1#ttl span.slash{font-size:10vw;}
#caststaff h2{font-size:10vw; margin:0 auto 2%; padding:0 12%;}
#caststaff ul#castname{margin:0 auto 8%; width:45%;}
#caststaff ul#castname li{font-size:4.8vw; margin:0 0 6.5%; padding:0 0 0 22%;}
#caststaff ul#castname li.spacing{margin:12% 0 6.5%;}
#caststaff ul#castname li.spacing2{margin:20% 0 6.5%;}
#caststaff .castlist{width:95%; padding:180% 0 0 !important;}
#caststaff h2:before, #caststaff h2:after {
  width:14%;
}
#caststaff h3{margin:5% auto .5em; font-size:4.5vw;}
#caststaff table{width:100%; margin:0 auto 2%;}
#caststaff table td{padding:2.5% 0;}
#caststaff table td.cname{font-size:4.5vw; width:50%;}
#caststaff table td.chara{font-size:4.5vw; width:42%;}
#caststaff table td.naka{font-size:3.4vw; vertical-align:middle;}
#caststaff .credit{width:95%; font-size:4.3vw; margin:0 auto 2%;}
#caststaff table td.cname span.f90{font-size:3vw;}
#caststaff table td.maru{font-size:75%; padding:3% 0 !important; line-height:100% !important;}
#caststaff table span.f80{display:block; line-height:160%; font-size:3.35vw !important;}
#caststaff table .vam{vertical-align:middle !important;}

a.btn_ap {margin:.5em auto 1.5em; width:62%; font-size:1.5rem; font-size:4vw;}
a.btn_s{width:50%;}
a.btn_i {margin:.5em 0 .2em; padding:.5em 2em;}
a.btn_df,#highlight label,a.btn_df2{width:75%; margin:1.2em auto 1.5em; padding:5% 0; font-size:5vw; letter-spacing:.05em; line-height:150%;}
a.btn_df2{width:70%; padding:4% 0; margin:1.5em auto 1em; font-size:4.3vw;}

#msg #contents h1.entry span.ttl img{top:-1.2%;}
#msg .postbtn{margin:12% auto 5%;}

/*share*/
#share{width:100%; margin:2% auto 5%;}
#top #share{margin:8% auto 0;}
#share span:before{
content: "";
width:40%;
left: -50%;
}
#share ul li{margin:0 .2em 0;}
#share ul li img{width:40px;}
}
.md-inner {box-shadow:none !important;}
.md-caption {color:#222 !important;}

.fadedown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadedown;
 -ms-animation-name: fadedown;
 animation-name: fadedown;
 visibility: visible !important;
}
@-webkit-keyframes fadedown {
 0% { opacity: 0; -webkit-transform: translateY(10px);}
 100% { opacity: 1; -webkit-transform: translateY(0);}
}
@keyframes fadedown {
 0% { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}

/*	instagram
============================== */
#igTL div.insta{padding:3.5% 1%;}
div.insta ul{margin:0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
div.insta ul li {
margin:1.2%;
width: -webkit-calc(96% / 3 - 2.5%) ;
width: calc(96% / 3 - 2.5%);
}
div.insta ul li span, div.insta ul li a, div.insta ul li a img {
	display:block;
}
div.insta ul li a, div.insta ul li a img {
	background-position:center center;
	background-repeat:no-repeat;
}
div.insta ul li a {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:100%;
}
div.insta ul li a:hover img {
	background-color:rgba(20,20,20,0.5);
}
div.insta ul li a img {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:0;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:.5s;
}
div.insta ul li a img.icon-video {
	background-image:url(../img/top/play.svg);
	background-size:35%;
}

@media all and (max-width: 767px) {
#igTL div.insta{padding:3% 1.5% 3%;}
div.insta ul{margin:0 auto 0;}
div.insta ul li {margin:1.1%;}
}

/*div#bn_super {border-bottom:1px solid #e8e4e0;}*/


/* stream */
#stream{padding:1.5em 0 .5em; margin:3em auto 0; position:relative;
background-image:url(../img/line_btm.png),url(../img/bg1.png);
background-repeat:repeat-x,repeat;
background-position:0 bottom,0 0;
background-size:auto 8px,600px;
}
#stream h2{position:absolute;left:0;right:0; margin:auto; top:-35px; text-align:center;}

div#tshd{padding:1em 0 1em; background-color:rgba(255,255,255,0.5); max-width:1080px; margin:0 auto; text-align:center;
animation: fadein 1.5s ease 0s 1 normal;
-webkit-animation: fadein 2s ease 0s 1 normal;
display: flex; flex-flow: row wrap; justify-content: center; align-items: center;
}
div#tshd a{display:inline-block; background:rgba(255,255,255,0.8) url(../img/top/paravi2.svg) no-repeat center center; background-size:85%; width:350px; padding:1em 0; margin:0 0 0 .5em; border-radius:6px; vertical-align:middle;}
div#tshd span.stream-txt{font-size:150%; display:inline-block; text-align:center; vertical-align:middle;}
/*div#tshd span.stream-txt::after {
    content: " ▶︎";
    color: #66bf97;
}*/
.tbs-stream-header nav {
	max-width:980px !important;
}
.tbs-stream-header nav ul li a {
	/*background-color:#fef7e7 !important;*/
}
div#tshd span.stream-txt,.tbs-stream-header nav ul li a span.tbs-stream-txt {
font-family: vdl-v7gothic, sans-serif;
font-weight: 700;
font-style: normal;
}

div#tsft{background:rgba(255,255,255,0.3); margin:0 auto; padding:0 0 1em; text-align:center;}
div#tsft a{display:block; background: url(../img/top/paravi2.svg) no-repeat center center; background-size:contain; width:350px; height:40px; margin:2em auto .8em;}
.tbs-stream-footer nav {
	max-width:980px !important;
}
div#tsft aside{margin:0 auto !important;}
.tbs-stream-footer p {
line-height:120%;
font-size:85%;
padding:0 !important;
margin:0 !important;
font-family: vdl-v7gothic, sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing:.05em;
}

/*//////smp//////*/
@media all and (max-width: 767px) {
.tbs-stream-header nav {
    width:100%;
}
div#tshd{width:100%; padding:2.5% 0 2%;}
div#tshd a{width:70%; height:0; padding:7% 0; margin:0 0 .25em .5em;}
div#tshd span.stream-txt{font-size:5vw;width:85%;}

#stream{margin:5% auto 0; padding:5% 0 0;}
#stream h2{top:-7vw;}
.tbs-stream-footer p {font-size:2.8vw;}
div#tsft{padding:0 0 4%;}
div#tsft a{display:block; width:60%; height:0; padding:7% 0 0; margin:5% auto 2%;}
}