@charset "utf-8";
@media (min-width: 769px) {
  html, body {
    scroll-padding-top: 7em;
  }
}
html, body{scroll-behavior: smooth;}
/*
#####################################
Remove CSS
#####################################
*/
li.indent{
	margin-left: 1em;
	text-indent: -1em;
}
.container{
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0.3vw #000 solid;
	border-bottom: 0;
	border-radius: 1vw;
	background: #fff;
	overflow: hidden;
}
@media screen and (max-width:768px) and (min-width: 1px){
	.container{
		min-height:480px;
		border:none;
		border-top: 1vw #000 solid;
		border-bottom: 1vw #000 solid;
		border-radius: 0;
	}
}
/*
#####################################
Page
#####################################
*/
.page-title {
	background: url("/_materials/img/news//bg-title_jp_sp.jpg") no-repeat center 0/cover;
	margin: 0;
}

@media (min-width: 769px) {
	.page-title {
		background: url("/_materials/img/news/bg-title_jp_pc.jpg") no-repeat center 0/cover;
	}
}

/* Navigation bar */
.newsmenu-navbar {
	height: 3.4em;
	margin: 0 0 3vw;
	background: #533771 url("/_materials/img/news/pattern.png") repeat-x;
	border-bottom: 0.4vw #000 solid;
	display: flex;
	justify-content: center;
	align-items: center;
}
.newsmenu-nav{
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
.newsmenu-nav li {
	width: 100%;
	height: 2.5em;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
@media (min-width: 769px){/* 20200622 hn */
	.de .newsmenu-nav li,.es .newsmenu-nav li,.it .newsmenu-nav li{
		font-size: 1.4rem;
	}
}
.newsmenu-nav li a{color:#fff;}
.newsmenu-nav li:not(:first-child){
	background: url("/_materials/img/news/gnav_line.png") no-repeat;
	background-size: 6px;
	background-position: center left;
}
/* 20200525 kk [s]*/
.newsmenu-nav li .icon_wrap{
	width: 1.6em;
	height: 1.6em;
	margin-right: 0.5em;
	vertical-align: middle;
	fill: #fff;
}
.newsmenu-nav li .off{color:#6b6b6b;}
.newsmenu-nav li .off .icon_wrap{fill: #6b6b6b;}
/* 20200525 kk [e]*/

@media screen and (max-width:768px) and (min-width: 1px){
	.newsmenu-navbar {
		height: auto;
		border-bottom: 1.2vw #000 solid;
	}
	.newsmenu-nav {
		width: 96%;
		flex-wrap: wrap;
	}
	.newsmenu-nav li {
		width: 33%;
		height: 2.8em;
		font-size:0.9em;
	}
	.newsmenu-nav li,.newsmenu-nav li:not(:first-child){
		background: url("/_materials/img/news/gnav_line.png") no-repeat;
		background-size: 0.8vw;
		background-position: center left;
	}
	.newsmenu-nav li:last-child,
	.newsmenu-nav li:nth-child(3),
	.jp .newsmenu-nav li:nth-child(6),
	.jp .newsmenu-nav li:last-child{
		background: url("/_materials/img/news/gnav_line.png") no-repeat,
			url("/_materials/img/news/gnav_line.png") no-repeat;
		background-size: 0.8vw,0.8vw;
		background-position: center left,center right;
	}
	.newsmenu-nav .icon::before{
		width: 1.5em;
	}
}

/* Contents */
.content-inner{
	width: 90%;
	margin: 0 auto 1em;
}

/* Title */
.contents-ttl{
	margin-bottom: .5em;
	padding: 0.5em 0.7em;
	border-radius: 0.7vw 0.7vw 0 0;
	background: #fff000;
	font-size: 1.8em;
	font-weight: 900;
	display: flex;
	align-items: center;
}
/* 20200525 kk [s]*/
.contents-ttl .icon_wrap{
	width: 2em;
	height: 2em;
	margin-right: 0.3em;
	vertical-align: middle;
	fill: #000;
	flex-shrink: 0;
}
/* 20200525 kk [e]*/

.contents-ttl .svg-wrap{
	width: 1.5em;
	margin-right: 0.3em;
	display: flex;
	align-items: center;
}

.sec-ttl-max{
	margin-bottom: .5em;
	padding: 0.5em 0.7em;
	background: #533771;
	font-size: 1.5em;
	font-weight: 900;
	color:#fff;
	text-align: center;
}
.sec-ttl-mini{
	width: 94%;
	margin: 0 auto .5em;
	padding: 0.2em 1.5em;
	background: url("/_materials/img/news/icon_syuriken.svg") no-repeat padding-box 0/1.2em;
	font-size: 1.5em;
	font-weight: 900;
	color:#721bb5;
}
.sec-ttl-macro{
	width: 96%;
	margin: 0 auto 1em;
	padding: 0.2em 0.8em;
	font-size: 1.2em;
	font-weight: 900;
	border-bottom:3px #000 Solid;
}
@media screen and (max-width:768px) and (min-width: 1px){
	.contents-ttl{padding: 0.5em 0.4em;font-size: 1.2em;}
	.contents-ttl .svg-wrap{min-width: 10vw;}
	.sec-ttl-max{padding: 0.5em 0.5em;text-align: left;}
}

/* Update date */
.date-list{
	display: flex;
	font-size: 1em;
}
.date-ttl{
	background: #000;
	color:#fff000;
	height: 1.5em;
	white-space: nowrap;
}
.date-list dt,.date-list dd{
	padding: 0 0.5em;
}

/* Table */
table.news-table{
	width: 100%;
	margin: 0 auto 1em;
	border-collapse: separate;
	border-spacing:3px;
}
.news-table th,.news-table td{
	padding: 0.5em;
	text-align: center;
	vertical-align: middle;
}
.news-table th{font-weight: bold;background:#434343;color:#c6ff00;}
.news-table td{background:#ededed;}
.news-table tr:first-child :first-child{border-top-left-radius:1em;}
.news-table tr:first-child :last-child{border-top-right-radius:1em;}
.news-table tr:last-child :first-child{border-bottom-left-radius:1em;}
.news-table tr:last-child :last-child{border-bottom-right-radius:1em;}

@media screen and (max-width:768px) and (min-width: 1px){
	.news-table th,.news-table td{
		padding: 1em;
	}
}

/* Responsive Table */
table.responsive-table{
	width: 100%;
	margin: 0 auto 1em;
	border-collapse: separate;
	border-spacing:3px;
}
.responsive-table th,.responsive-table td{padding: 0.5em;vertical-align: middle;}
.responsive-table th{text-align: center;font-weight: bold;background:#434343;color:#c6ff00;}
.responsive-table td{background:#ededed;}
@media (min-width: 769px){
	.responsive-table tr:first-child :first-child{border-top-left-radius:1em;}
	.responsive-table tr:first-child :last-child{border-top-right-radius:1em;}
	.responsive-table tr:last-child :first-child{border-bottom-left-radius:1em;}
	.responsive-table tr:last-child :last-child{border-bottom-right-radius:1em;}
}
@media screen and (max-width:768px) and (min-width: 1px){
	.responsive-table th,.responsive-table td{display: block;padding: 0.8em;}
	.responsive-table td{border-bottom: 2px solid #fff;}
}

/* Images */
.catch-visual{
	max-width: 800px;
	width: 98%;
	margin: 0 auto 1em;
}
.item-flex {
	display: flex;
	justify-content: space-around;
}
.item-flex > * {
	margin: 1%;
	flex-basis: auto;
	text-align: center;
}
.item-flex-child {
	margin: 1%;
	width: 100%;
	flex-basis: auto;
	text-align: center;
}
.item-column3,.item-column4,.item-column5 {
	flex-wrap: wrap;
}
@media (max-width: 768px) {
	.item-flex {flex-direction: column;}
}
@media (min-width: 769px) {
	.item-column3 .item-flex-child {
		width: 31%;
	}
	.item-column4 .item-flex-child {
		width: 22%;
	}
	.item-column5 .item-flex-child {
		width: 31%;
	}
}
/* Font Color */
.contents a:not(.btn){color:#bc65ff;text-decoration: underline;}
.ex-string{color:#721bb5;}

/* 20200414 hn*/
p.btn-link {
	text-align: center;
	margin: 13.0208333333vw auto 16.9270833333vw auto;
}
p.btn-link a{
	color: #000;
	text-decoration: none;
}
@media (min-width: 769px){
	p.btn-link {
		margin: 2.96875vw auto 4.53125vw auto;
	}
}
.text-wrap{
	text-align: left;
}
.item-flex-child .sec-ttl-mini {
	width: 100%;
	margin: 0 auto 1em;
	padding: 0.2em 0 0.2em 1.5em;
	background: url(/_materials/img/news/icon_syuriken.svg) no-repeat padding-box 0/1.2em;
	font-size: 1.2em;
	font-weight: 900;
	color: #721bb5;
	text-align: left;
}
.dividing-line{
	border-bottom: 0.25vw solid #000;
	padding-bottom: 1.5em;
}
.boxed-article{
	background: #ededed;
	border-radius: 0.625vw;
	padding-right:1em!important;
	padding-left: 1em!important;
}
.frame-wrapper{
	width: 90%;
	margin: 0 auto 3em;
	padding: 1em;
}
.frame-wrapper-video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.frame-wrapper-video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* 20200525 IE Hack kk */
_:-ms-lang(x)::-ms-backdrop, .newsmenu-nav {
/* IE11 のみ適用される */
	margin: 0 0;
}
/* 20200612 */
article .content-inner {
	width: 90%;
	margin: 0 auto 1.5em;
	padding: 0;
}
/* 20200706 hn add */
hr{
	border: 2px solid #000;
	margin: 1em 0;
}

.special-edition-wrap{
	display:flex;
	flex-wrap: wrap;
}
.special-edition{
	width: 49%;
	border: #434343 3px solid;
	border-radius: 25px;
	margin: 1em auto 0;
	padding: 1em;
	text-align: center;
}
.special-edition:nth-child(odd){
	margin-right: 1em;
}
.special-edition p{
	margin: 1em auto;
}
@media (max-width: 768px) {
	.special-edition-wrap{
		display: block;
	}
	.special-edition{
		width: 100%;
	}
	.special-edition:nth-child(odd){
		margin-right: 0;
	}
}

.tw-item-wrap {
	width: 60%;
	padding: 2em 0;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.tw-item-wrap {
		width: 95%;
		padding: 2em 0;
		margin: 0 auto;
	}
}

.tw-item {
	width: 100%;
	margin: 0 auto 0.5em;
	border: 3px solid #1b95e0;
	border-radius: 25px;
	padding: 1em;
}

.twitter .twitter-timeline {
	width: 100% !important;
	max-width: 100% !important;
}

/* ---------------------------------------
 20201125 for collab template kk [s]
 20210419 schedule kk
--------------------------------------- */
.contents .schedule {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media (min-width: 769px) {
	.contents .schedule {
		flex-direction: row;
	}
}
.contents .schedule dt,
.contents .schedule dd{
	padding: .2em .5em;
}
.contents .schedule dt{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #533771;
	color: #fff;
}
.contents .lead{
	background: #f5f5f5;
	margin: 1em auto;
	padding: 1em;
}
.contents .collab-ttl-mini{
	width: 100%;
	margin: .5em auto;
	padding: 0.2em 1.5em;
	background: url("/_materials/img/news/icon_syuriken.svg") no-repeat padding-box 0/1.2em;
	font-size: 1.5em;
	font-weight: 900;
	color:#721bb5;
}
.collab-item{
	margin-bottom: 1.5em;
}
.collab-item-ttl {
	width: 100%;
	padding: 0.2em;
	font-size: 1.2em;
	font-weight: 900;
}
.collab-item-detail{
	margin: 0 0 1em 0;
	padding-left: 1em;
	line-height: 1.5;
}
.collabitem-flex{
	display: flex;
	flex-direction: column;
}
.collabitem-flex .item-img,
.collabitem-flex .movie-wrap{
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
	padding: 0 .5em;
}
.collabitem-flex .item-img{
	display: flex;
	justify-content: center;
	align-items: center;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
@media (min-width: 769px) {
	.collabitem-flex{
			display: flex;
			flex-direction: row;
	}
}
.contents .content-inner .detail-wrap:not(:last-child){
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px #ddd solid;
}

figure.ss-img {
	max-width: 800px;
	width: 98%;
	margin-bottom: 1em;
}
figure.ss-img figcaption{
	margin-top: 0.5em;
	padding: 0.5em;
	text-align: center;
	background:#ddd;
	border-radius: 1em;
	line-height: 1.2;
}
/*  kk [e]*/

/* ---------------------------------------
 20210618 for TV kk [s]
--------------------------------------- */
.rule{margin-top: 1em;}
.rule dt{color:#721bb5;}
.rule dd{margin-bottom: 1em;padding-left: 1em;}

/* 20210805 for TV ranking-list */
.ranking dt{
	margin-bottom:0.5em;
	padding:.3em 1em .3em 1.3em;
	background: url("/_materials/img/tv/icon-rank04.png") no-repeat left center;
	background-size: 1em;
	border-bottom: 2px #333 solid;
	font-size: 1.8em;
}
.ranking dd{
	margin-bottom: 1.5em;
}
.ranking .team-name{
	padding: 0 0.5em;
	color:#721bb5;
}
.ranking .first-place{
	background: url("/_materials/img/tv/icon-rank01.png") no-repeat left center;
	background-size: 1em;
	color: #a09037;
	border-bottom: 2px #a09037 solid;
	}
.ranking .second-place{
background: url("/_materials/img/tv/icon-rank02.png") no-repeat left center;
	background-size: 1em;
	color: #505050;
	border-bottom: 2px #505050 solid;
}
.ranking .third-place{
background: url("/_materials/img/tv/icon-rank03.png") no-repeat left center;
	background-size: 1em;
	color: #682e18;
	border-bottom: 2px #682e18 solid;
}

/*  kk [e]*/