@import url("https://www.tbs.co.jp/saitamanohost_tbs/css/snsicons.css");
@import url("keyframes.css");

/* =================================
	Web Fonts
================================= */

@font-face {
	font-family: 'Protest Strike';
	src: url('/um/library/fonts/Protest_Strike/ProtestStrike-Regular.ttf') format("truetype");
	font-weight:400;
	font-style:normal;
}

div.menu nav ul li a:before,
main > article > header h1:before,
div.story article header h2/*, div.story article header p*/,
div.interview article header h2,
div.wnew section h2 span,
div.tbs-topics article header h2,
div.chara article header h2,
.idx div.cover div.sns > aside div section > h3,
section.story-bn ul li span a.lazy-done:before,
ul.yt-lists li span a.yt-playing:after,
section.unit > h3 > span > span.relay,
.story h2.h2-story span.xl, div.btn-more a, .diary h2.h2-story span.xl{
	font-family: helvetica-neue-lt-pro-cond, sans-serif;
font-weight: 900;
font-style: normal;
/*	letter-spacing:0.2em;
	text-indent:0.2em; */
}
.num,
article.plylist nav.yt-playlist-btn ul li a.yt-playing:after {
	font-family: helvetica-neue-world, sans-serif;
	font-weight: 700;
	font-style: normal;}

div.header header p:not(.logo),
div.stream aside div.unit h2,
div.sns-icons aside div:first-child h2,
div.menu nav ul li a span,
div.story article header p > span,
div.story article div.txt div.btn a,.news div.btn a,
main > article > header h1 span,
div.tbs-topics article header p.tolist,
.caststaff main > article > div.unit > article > h2,
/* section.unit.story-bn > h2 > span, */
div.inner p.copy, div.inner p.copy-s,
section.unit > h2, section.unit > h3,
main article > div.outer > div.inner p.title b,
article.plylist nav.yt-playlist-btn ul li a,
div.inner > dl dt,
h2.h2-story,
article.plylist nav.yt-playlist-btn ul li a,
section.unit > div.inner > h3, section.unit > div.inner > h4, div.items > h3,
main > article > div.unit > article > h2 {
font-family: zen-kaku-gothic-new, sans-serif;
font-weight: 900;
font-style: normal;
}



div.inner p.copy, div.inner p.copy-s,
section.unit > h2, section.unit > h3,
main article > div.outer > div.inner p.title b,
div.inner > dl dt,
h2.h2-story .title,

section.unit > div.inner > h3, section.unit > div.inner > h4, div.items > h3,
main > article > div.unit > article > h2,
div.stream > aside > div.unit p.csoon{
	font-family: sicprintempspetit, sans-serif;
	font-weight: 800;
	font-style: normal;
}

.old-font {
	font-family:Arial,"貂ｸ繧ｴ繧ｷ繝?繧ｯ Medium","Yu Gothic Medium","貂ｸ繧ｴ繧ｷ繝?繧ｯ",YuGothic,"繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3","Hiragino Kaku Gothic ProN","繝｡繧､繝ｪ繧ｪ",Meiryo,sans-serif;
	font-family:Arial,"貂ｸ譏取悃菴? Medium","Yu Mincho Medium","貂ｸ譏取悃菴?",YuMincho,"繝偵Λ繧ｮ繝取?取悃 Pro","Hiragino Mincho Pro",serif;
	font-weight:bold;
	font-variant-east-asian: jis90;
	-moz-font-feature-settings: "jp90";
	-webkit-font-feature-settings: "jp90";
	font-feature-settings: "jp90";
}

/* =================================
	CSS
================================= */

/* link */
a:link {
	text-decoration:underline;
	color:#fff;
}
a:visited {
	text-decoration:none;
	color:#fff;
}
a:active {
	text-decoration:none;
	color:#fff;
}
a:hover {
	text-decoration:underline;
	color:#fff;
}

/* font size */
.xxl {
	font-size:150%;
}
.xl {
	font-size:125%;
}
.l {
	font-size:112.5%;
}
.s {
	font-size:83%;
}
.xs {
	font-size:75%;
}
.xxs {
	font-size:62.5%;
}

@media all and (max-width: 374px) {
.xl, .xxl {
	font-size:112.5%;
}
.s, .xs {
	font-size:62.5%;
}
}

/* smp br */
@media all and (min-width: 992px) {
.br-smp {
	display:none;
}
}
@media all and (max-width: 991.98px) {
.br-pc {
	display:none;
}
}

.ff {
	font-family:serif;
}
.lazy {
	display:block;
	position:relative;
}
.wbr {
	white-space: nowrap;
	display: inline-block;
}

/*	copyright
============================== */
div.copyright p {
	line-height:1.25;
	text-align:center;
}
div.copyright p > small {
	display:block;
}
@media all and (min-width: 992px) {
	div.copyright p {
		font-size:75%;
	}
	div.copyright p > small {
		padding:20px 0;
		margin-top: 40px;
	}
	div.copyright p a:hover {
		text-decoration:none;
	}
}
@media all and (max-width: 991.98px) {
	div.copyright p {
		font-size:62.5%;
	}
	div.copyright p > small {
		padding:30px 12px;
	}
}

/*	background
============================== */
body {
	color: #fff;
	text-align:center;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	font-family:"Hiragino Sans","繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3",Hiragino Kaku Gothic ProN,Arial,"繝｡繧､繝ｪ繧ｪ",Meiryo,sans-serif;
		background-image: url(../img/bg.jpg?0);
		background-repeat: repeat;
		background-position: center top;

}

div.cover {
	/**/
	font-family: YakuHanJP,zen-kaku-gothic-new, sans-serif;
	font-weight: 600;
	font-style: normal;
	/**/
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	overflow:hidden;
}
div.cover h2, div.cover h3, div.cover h4 {
	font-weight: 600;
}
div.sns-icons aside div:first-child{color: hsla(359,98%,25%,1);}
@media all and (max-width: 991.98px) {
div.cover {
	min-width:320px;
}
}
body {
	background-image: url(../img/bg.jpg);
	background-repeat:repeat;
	/* background-attachment:fixed; */
	background-position: center bottom;
}
/*	fix bg
============================== */
@media all and (min-width: 992px) {

}
@media all and (max-width: 991.98px) {
	/* body:before {
		content: "";
		width:100vw;
		height:100vh;
		background-image: url(../img/lower_smoke.webp), url(../img/bg.jpg);
    background-repeat: repeat-y, repeat;
    background-attachment: fixed;
    background-position: top center, center bottom;
    background-size: contain, auto;
		top: 0px;
		left: 0px;
		z-index: -1; 
	} */

}
/*	YouTube
============================== */
div.mov-outer {
	position:relative;
}
div.mov-inner {
	position:relative;
	height:0;
	padding-top:56.25%;
	background-color:#000;
	background-size:cover;
}
div.mov-inner iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 992px) {
body.story main > article > div.mov-outer,
body.story main > article > div.yt-player {
	margin:0 auto 40px;
	max-width:800px;
}
}
@media all and (max-width: 991.98px) {
body.story main > article > div.mov-outer,
body.story main > article > div.yt-player {
	margin:0 12px 20px;
}
}
@media print {
div.mov-inner {
	display:none;
}
}






/*	.header p
============================== */
div.header header p:not(.logo) {
background: url(../img/txt_oa_stream.png) no-repeat center center;

background-size: contain;
margin: 0.7em auto 0;
}
div.header header p:not(.logo) > span {
	display:inline-block;
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, hsla(57,91%,73%,.8)), to(hsla(57,91%,73%,.8)));
	background-image: linear-gradient(transparent 50%, hsla(57,91%,73%,.8) 60%);
	
	padding:0 0.25em;
	letter-spacing:0.1em;
	text-indent:0.1em;

}
div.header header p:not(.logo) > span > span {
	font-size:125%;
}
div.header header p:not(.logo) > span > span.num {
	display:inline-block;
	font-size:175%;
	line-height:1;
	transform: translateY(0.08em);
}
@media all and (min-width: 992px) {
div.header header p:not(.logo) {
	font-size:275%;
	width: 780px;
height: 130px;
/* height: 60px; */
}
div.header header p:not(.logo).sub {
	font-size:240%;
}
}
@media all and (max-width: 991.98px) {
div.header header p:not(.logo) {
	font-size:4.5vw;
	width: 328px;
	height: 65px;
	/* height: 24px; */

}
div.header header p:not(.logo).sub {
	font-size:4.2vw;
}

}


/*	menu
============================== */
div.menu {
/*	background-image: -webkit-gradient(linear, center left, center right, from(transparent), color-stop(0.3, transparent), color-stop(0.3, hsla(206,46%,62%,0.4)), to(hsla(206,46%,62%,0.4)));
	background-image: linear-gradient(90deg,transparent 30%, hsla(206,46%,62%,0.4) 30%); */
	background-color:#5a0002;
}
div.menu nav {
	position:relative;
	z-index:2;
	text-align:left;
}
div.menu nav ul {
	display:flex;
	justify-content:center;
	width:100%;
}
div.menu nav ul li {
/*	box-shadow: 1px 1px 1px hsla(0,0%,0%,0.2);*/
}
div.menu nav ul li span,
div.menu nav ul li a {
	display:block;
}
div.menu nav ul li a {
	text-align:center;
	text-decoration:none;
	background-color: #000;
}
div.menu nav ul li a {
	padding:0.75em 0 1.25em;
}
div.menu nav ul li a:before {
	display:block;
	white-space:nowrap;
	line-height:1.25;
	color:hsla(0,0%,100%,1);
	/*text-shadow:0 0 6px hsla(15,21%,62%,0.5);*/
}
div.menu nav ul li.about a:before {
	content:"ABOUT";
}
div.menu nav ul li.staff a:before {
	content:"CAST & STAFF";
}
div.menu nav ul li.story a:before {
	content:"STORY";
}
div.menu nav ul li.chara a:before {
	content:"CHARACTER";
}
div.menu nav ul li.news a:before {
	content:"NEWS";
}
div.menu nav ul li.onair a:before {
	content:"OnAir";
}
div.menu nav ul li.original a:before {
	content:"ORIGINAL";
}
div.menu nav ul li a span {
	color:#fff;
	display:inline-block;
	line-height:1.5;
	padding:0 0.5em;
	background-image: linear-gradient(transparent 50%, #c87f00 50%);
	text-shadow: 1px 1px 1px #000;
}
.about div.menu nav ul li.about a,
.story div.menu nav ul li.story a,
.caststaff div.menu nav ul li.staff a,
.character div.menu nav ul li.chara a,
.news div.menu nav ul li.news a,
.onair div.menu nav ul li.onair a,
.original div.menu nav ul li.original a {
	background-color: #430506;
}
.about div.menu nav ul li.about a:before,
.story div.menu nav ul li.story a:before,
.caststaff div.menu nav ul li.staff a:before,
.character div.menu nav ul li.chara a:before,
.news div.menu nav ul li.news a:before,
.onair div.menu nav ul li.onair a:before,
.original div.menu nav ul li.original a:before {
	color: #c87f00;
}
.about div.menu nav ul li.about a span,
.story div.menu nav ul li.story a span,
.caststaff div.menu nav ul li.staff a span,
.character div.menu nav ul li.chara a span,
.news div.menu nav ul li.news a span,
.onair div.menu nav ul li.onair a span,
.original div.menu nav ul li.original a span {
/*	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, hsla(51,100%,93%,.9)), to(hsla(51,100%,93%,.9)));
	background-image: linear-gradient(transparent 50%, hsla(51,100%,93%,.9) 50%); */
}

/*
div.menu nav ul li:nth-last-child(3) {
	opacity:0.4;
}
div.menu nav ul li:nth-last-child(3) a {
	cursor:default;
} */


@media all and (min-width: 992px) {
div.menu {
	padding:10px 0;
}
div.menu nav {
	max-width:1080px;
	margin:0 auto;
}
div.menu nav ul li {
	width:14%;
}
/*div.menu nav ul li:nth-child(1) {
	width:24%;
}*/
div.menu nav ul li:nth-child(2),div.menu nav ul li:nth-child(5) {
	width:20%;
}
div.menu nav ul li:not(:last-child) {
	margin-right:0.8%;
}
div.menu nav ul li a {
	padding:0.75em 0 1.25em;
}
div.menu nav ul li a:before {
	font-size:210%;
	font-weight: 600;
}
div.menu nav ul li a span {
	font-size:110%;
}
}
@media all and (max-width: 991.98px) {
div.menu {
	padding:2%;
}
div.menu nav ul {
	flex-wrap:wrap;
}
div.menu nav ul li {
	width:30%;
}	
div.menu nav ul li:nth-child(2),div.menu nav ul li:nth-child(5) {
	width:36%;
}
div.menu nav ul li:not(:nth-child(3n)) {
	margin-right:2%;
}
div.menu nav ul li:nth-child(-n+3) {
	margin-bottom:2%;
}	
div.menu nav ul li a {
	padding:0.25em 0 0.5em;
}
div.menu nav ul li a:before {
	font-size:5vw;
}
div.menu nav ul li a span {
	font-size:3.5vw;
}
div.menu nav ul li:nth-child(2) a span {letter-spacing: -0.1em; }
}

/*	p.lines
============================== */
p.lines, dd.lines, div.lines {
	background-position:left bottom;
	background-repeat:repeat;
	text-justify:inter-ideograph;
	/* padding:0 0.75em; */
}
@media all and (min-width: 992px) {
p.lines, dd.lines, div.lines {
	font-size:120%;
	background-image:url(../img/line36.png);
	line-height:44px;
	background-size:36px 44px;
}
.character dd.lines {
        line-height: 36px;
        background-size: 36px 36px;
}
.about p.forruby{
	line-height: 38px;
        background-size: 36px 38px;
}


p.lines:not(:last-child), dd.lines:not(:last-child), div.lines:not(:last-child) {
	margin-bottom:36px;
}
}
@media all and (max-width: 991.98px) {
p.lines, dd.lines, div.lines {
	font-size:112.5%;
	background-image:url(../img/line36.png);
	line-height: 36px;
	background-size: 36px 36px;
    word-break: break-all;
		background-position: top;
}
p.lines:not(:last-child), dd.lines:not(:last-child), div.lines:not(:last-child) {
	margin-bottom:30px;
}
p.lines ruby >rt {
	margin-bottom: -7px;
}
.about p.forruby{
	line-height: 38px;
        background-size: 36px 37px;
}
}


/*	.pagetop
============================== */
div.pagetop {
	position:fixed;
	transition: right ease 1s;
	display:none;
	z-index:2;
}
div.pagetop a {
	display:block;
	background-image:url(../img/btn_pagetop.png?0);
	background-size:cover;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	background-repeat:no-repeat;
	background-position:right bottom;
}
@media all and (min-width: 992px) {
div.pagetop {
	bottom:20px;
}
div.pagetop-on {
	right:30px;
}
div.pagetop-off {
	right:-104px;
}
div.pagetop a {
	width:100px;
	height:100px;
}
}
@media all and (max-width: 991.98px) {
div.pagetop {
	bottom:24px;
}
div.pagetop-on {
	right:0;
}
div.pagetop-off {
	right:-70px;
}
div.pagetop a {
	width:68px;
	height:68px;
}
}


/*	images
============================== */
div.imgs {
	z-index:-1;
	position:absolute;
/*	opacity:0.6;*/
}
.idx div.tbs-topics div.imgs {
	z-index:0;
}
div.imgs span, div.imgs img {
	display:block;
}
div.imgs > span {
	position:relative;
	height:0;
	padding-top: -webkit-calc(1800 / 1800 * 100%);
	padding-top: calc(1800 / 1800 * 100%);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
div.imgs > span.lazy-done {
	-webkit-animation: fadeIn 800ms;
	animation: fadeIn 800ms;
}
div.imgs > span img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.imgs-tl, div.imgs-tr {
	top:0;
}
div.imgs-bl, div.imgs-br {
	bottom:0;
}
div.imgs-tl, div.imgs-bl {
	left:0;
}
div.imgs-tr, div.imgs-br {
	right:0;
}
@media all and (min-width: 992px) {
div.imgs {
	width:440px;
}
.idx div.story div.imgs-tl.imgs,
.idx div.interview div.imgs-tl.imgs,
.lower div.imgs-tl.imgs {
	left:-320px;
	top:-130px;
}
.idx div.story div.imgs-br.imgs,
.idx div.interview div.imgs-br.imgs,
.lower div.imgs-br.imgs {
	right:-220px;
	bottom:-60px;
}
.idx div.tbs-topics div.imgs-br.imgs {
	right:50%;
	margin-right:-800px;
	bottom:20px;
}
.lower div.imgs-tl.imgs {
	left:-160px;
}
.lower div.imgs-br.imgs {
	right:-160px;
}
}
@media all and (max-width: 991.98px) {
div.imgs {
	width:280px;
}
.idx div.story div.imgs-tl.imgs,
.idx div.interview div.imgs-tl.imgs,
.lower div.imgs-tl.imgs {
	left:-160px;
	top:-180px;
}
.idx div.story div.imgs-br.imgs,
.idx div.interview div.imgs-br.imgs,
.lower div.imgs-br.imgs {
	right:-40px;
	bottom:-30px;
}
.idx div.tbs-topics div.imgs-br.imgs {
	right:-60px;
	bottom:10px;
}
.lower div.imgs-tl.imgs {
	top:-90px;
}
}




/*	.slider-pics
============================== */
.slider-pics {
	text-align:left;
}
.slider-pics .outer {
	position:relative;
	overflow-x: hidden;
}
.slider-pics .outer ul {
	display: flex;
	flex-wrap: nowrap;
	/**/
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	/**/
	width:fit-content;
}
.slider-pics.slider-off .outer ul {
	justify-content: center;
	width:auto;
}
.slider-pics .outer ul.inner li {
}
.slider-pics .outer ul.inner li,
.slider-pics .outer ul.inner li a,
.slider-pics .outer ul.inner li a img {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.slider-pics ul li a,
.slider-pics ul li a span,
.slider-pics ul li a span img {
	display:block;
}
.slider-pics .outer ul.inner li a {
	text-decoration:none;
}
.slider-pics ul li a span {
	position:relative;
}
.slider-pics ul li a span.lazy-done {
	-webkit-animation: fadeIn 500ms;
	animation: fadeIn 500ms;
}
.slider-pics .outer ul.inner li a span.thumb {
	background-position:center center;
	background-size:cover;
}

.slider-pics .outer ul.inner li span.slazy-done img {
	background-image:url(/um/img/play_yt_thumb.svg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.slider-pics .outer ul.inner li a.yt-playing span.slazy-done img {
	border:3px solid #f00;
}

@media all and (min-width: 992px) {
.slider-pics {
	position:relative;
	padding:12px 0;
}
.slider-pics .outer {
	margin:0 40px;
}
.slider-pics .outer ul.inner li:not(:last-child) {
	padding-right:12px;
}
.slider-pics ul li a span.thumb,
.slider-pics ul li a span.thumb img {
	width:202px;
}
.slider-pics ul li a span.thumb,
.slider-pics ul li a span.thumb img {
	height:114px;
}
}
@media all and (max-width: 991.98px) {
.slider-pics {
	padding:6px 0;
}
.slider-pics .outer {
}
.slider-pics .outer ul.inner li:not(:last-child) {
	padding-right:6px;
}

.slider-pics ul li a span.thumb,
.slider-pics ul li a span.thumb img {
	width:142px;
}
.slider-pics ul li a span.thumb,
.slider-pics ul li a span.thumb img {
	height:80px;
}
}

/*	arrow
============================== */
@media all and (min-width: 992px) {
.slider-pics ul.ctrl.ctrl-off {
	display:none;
}
.slider-pics ul.ctrl li {
	position:absolute;
	top:50%;
	margin-top:-57px;
}
.slider-pics ul.ctrl li.ctrl-lef {
	left:0;
}
.slider-pics ul.ctrl li.ctrl-rig {
	right:0;
}
.slider-pics ul.ctrl li a {
	position:relative;
	width:40px;
	height:114px;
	overflow:hidden;
}
.slider-pics ul.ctrl li a.off {
	opacity:0.25;
	cursor:default;
}
.slider-pics ul.ctrl li a span {
	display: inline-block;
	color: #333;
	width: 32px;
	height: 32px;
	border: 3px solid #333;
	border-left: 0;
	border-bottom: 0;
	/**/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	/**/
	position: absolute;
	top: 50%;
	left: 50%;
}
.slider-pics ul.ctrl li.ctrl-lef a span {
	transform: translate(-25%, -50%) rotate(-135deg);
}
.slider-pics ul.ctrl li.ctrl-rig a span {
	transform: translate(-75%, -50%) rotate(45deg);
}
.slider-pics ul.ctrl li.ctrl-lef a:not(.hidebtn):hover {
}
.slider-pics ul.ctrl li.ctrl-rig a:not(.hidebtn):hover {
}
}
@media all and (max-width: 991.98px) {
.slider-pics ul.ctrl {
	display:none;
}
}



/*	article.plylist
============================== */
article.plylist .yt-player {
	position:relative;
}
article.plylist nav.yt-playlist-btn ul {
	width:100%;
	background-color:#dbdbdb;
	/* background-image: linear-gradient(90deg, rgba(190, 224, 250, 1), rgba(251, 194, 235, 1)); */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:8px;
	padding:8px;
}
article.plylist nav.yt-playlist-btn ul li a {
	display:block;
}
article.plylist nav.yt-playlist-btn ul li a {
	text-decoration:none;
	color:hsla(0,0%,100%,1);
	/*background-color:#fff;*/
	background-color: #000;
	padding:0.75em 0;
	line-height:1.5;
	position:relative;
	text-align:center;
}
article.plylist nav.yt-playlist-btn ul li a.yt-playing {
	background-color:hsla(0,0%,100%,1);
	background-image: -webkit-gradient(linear, left top, right bottom, from(hsla(0,0%,100%,1)), to(hsla(0,0%,100%,1)));
	background-image: linear-gradient(135deg, hsla(0,0%,100%,1), hsla(0,0%,100%,1));
}
article.plylist nav.yt-playlist-btn ul li a.yt-playing {
	font-weight:bold;
	color: #000;
}
article.plylist nav.yt-playlist-btn ul li a.yt-playing:after {
	content:"Now Playing";
	background-color: #830003;
	/**/
	/**/
	color:hsla(0,0%,100%,1);
	display:inline-block;
	line-height:1.25;
	font-size:70%;
	padding:0.2em 0.25em;
	position:absolute;
	top:-4px;
	right:-4px;
}
@media all and (min-width: 768px) {
article.plylist nav.yt-playlist-btn ul li {
	width:calc((100% - 8*2px)/3);
}
.story article.plylist nav.yt-playlist-btn ul li:nth-child(1), .story article.plylist nav.yt-playlist-btn ul li:nth-child(2) {
	width:calc((100% - 8px)/2);
}
article.plylist nav.yt-playlist-btn ul li a {
	font-size:112.5%;
}
.interview article.plylist nav.yt-playlist-btn ul li {
	width:calc((100% - 8px)/2);
}
}
@media all and (max-width: 767px) {
/*article.plylist nav.yt-playlist-btn ul li {
	width:calc((100% - 8px)/2);
}*/
article.plylist nav.yt-playlist-btn ul {
	gap:5px;
	padding:5px;
}
article.plylist nav.yt-playlist-btn ul li {
	width:calc((100% - 5*2px)/3);
}
.story article.plylist nav.yt-playlist-btn ul li:nth-child(1), .story article.plylist nav.yt-playlist-btn ul li:nth-child(2) {
	width:calc((100% - 5px)/2);
}

.interview article.plylist nav.yt-playlist-btn ul li {
	width:calc((100% - 5px)/2);
}
/*.interview article.plylist nav.yt-playlist-btn ul li:nth-child(1) {
	width:100%;
}*/
article.plylist nav.yt-playlist-btn ul li a {
	font-size:83%;
}
.interview article.plylist nav.yt-playlist-btn ul li a {
	font-size:80%; 
}
}


div.sns-icons aside div:first-child h2{
	background: url(../img/txt_sns.png) no-repeat center center;
	width: 330px;
	height: 26px;
	background-size: contain;
	margin-bottom: 4px;
}
div.sns-icons aside div:first-child h2.share{
	background: url(../img/txt_share.png) no-repeat center center;
	width: 330px;
	height: 26px;
	background-size: contain;
}
div.sns-icons aside div:first-child p {
	color: #fff;
}
div.sns-icons ul li.ig a span {
	background-color: #000;
}


.copyright{
	background: url(../img/bg_red.jpg)repeat center top;
	
}

@media all and (max-width: 767px) {
	div.sns-icons aside div:first-child h2{
    width: 150px;
    height: 14px;
	}
	div.sns-icons aside div:first-child h2.share{
    width: 150px;
    height: 14px;
	}
}