body{font-size: 16px;}
article{margin: 0 auto; width: 100%; max-width: 1980px;}
h2{margin: 0 auto 32px; padding: 8px 16px;width: 100%; max-width: 1000px; text-align: center; font-family: vdl-v7gothic, sans-serif; font-style: normal; font-weight: 800;font-size: 2em; border: solid #000 5px; border-radius: 50px; }
@media (max-width: 768px) {
	h2{font-size: 1.5em;}
}
.mainvisual{margin: 0 auto;width: 100%; max-width: 1980px; background: url(/_materials/img/tv/mainbackimg-pc.png) no-repeat top center; background-size: contain; padding-bottom: 3%;}
.mainvisual h1{margin: 32px auto; width: 24%; max-width: 480px; text-align: center;}
.mainvisual p{margin: 0 auto; width: 40%; max-width: 1000px; text-align: center;font-family: vdl-v7gothic, sans-serif; font-style: normal;font-weight: 600;font-size: 1.2em;}
.mainvisual p:not(:last-child){margin-bottom: 32px;}
@media (min-width: 769px) {
	.mainvisual{margin-top: 5vw;}
}
@media (max-width: 768px) {
	.wrap{padding:0 16px;}
	.mainvisual{ background: url(/_materials/img/tv/mainbackimg-sp.png) no-repeat top center; background-size: 100%; padding-bottom: 5em;}
	.mainvisual h1{width: 56%;}
	.mainvisual p{width: 80%;}
}
.topics{margin: 32px auto; padding: 0;}
.topics ul{padding: 0;justify-content: center;}
.topics ul dd .article-title{padding: 0;}
.archive h2,.introduction-video h2,.illustration h2,.performe h2{position: relative;}
.icon-tv{position: absolute; top:-30%; left:5%; width: 20%;}
.text-wrap{margin: 0 auto 32px; width: 100%; max-width: 1200px; padding: 16px 32px; background: #fff; border: 3px solid #000; border-radius: 25px;}
.archive{background: url(/_materials/img/tv/backcharacter01.png) no-repeat; background-position: top 10% right 3%;background-size: 12%;}
.archive h2{background:url(/_materials/img/tv/pattern_pink.jpg)repeat;}
.introduction-video{background: url(/_materials/img/tv/backcharacter02.png) no-repeat; background-position: top 10% left 3%;background-size: 12%;}
.introduction-video h2{background:url(/_materials/img/tv/pattern_violet.jpg)repeat;}
.introduction-video a{color: #df89fe;text-decoration: underline;}
.illustration{background: url(/_materials/img/tv/backcharacter03.png) no-repeat; background-position: top 10% right 3%;background-size: 12%;}
.illustration h2{background: url(/_materials/img/tv/pattern_yellow.jpg) repeat;}
.performer{background: url(/_materials/img/tv/backcharacter04.png) no-repeat; background-position: top 10% left 3%; margin-bottom: 5em;background-size: 12%;}
.performer h2{background:url(/_materials/img/tv/pattern_blue.jpg) repeat;}
.performer ul{ margin: 0 auto; width: 100%; max-width: 1000px; display: flex; justify-content: center;}
.performer li{width: 30%; max-width: 238px;}
.performer li:first-child{margin-right: 32px;}
.performer figcaption{margin: 8px auto; padding: 8px 16px; text-align: center; background: #89ede0; border: 3px solid #000;border-radius: 10px;}
@media (max-width: 768px) {
	.performer ul{display: block;}
	.performer li{width: 100%; max-width: 238px;margin: 0 auto 24px;}
	.performer li:first-child{margin-right: auto;}
}
@media (max-width: 1400px) {
	.archive,.introduction-video,.illustration,.performer{
		background: none;
	}
}
.page-title{background: none;margin: 0;padding: 0;height: 0;}
.performer a{text-decoration: underline;}
.link:hover{opacity: 0.5 ;}
.youtube-wrap{width: 100%;max-width: 480px; margin: 0 auto;padding: 0 16px;}
.iframe-wrap {	position: relative;	width: 100%;padding-top: 56.25%;overflow: hidden;}
.youtube-wrap iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
.twitter-wrap{display: flex;max-width: 1200px;margin: 0 auto 32px;;flex-wrap: wrap;justify-content: space-around;}
.twitter-wrap li{width: 30%;}
@media (max-width: 768px) {
	.twitter-wrap{
		display: block;
	}
	.twitter-wrap li{width: 90%;margin: 0 auto;}
}