@charset "UTF-8";

#mainvisual {
	position:relative;
	top:0;
	right:0;
	width:100%;
	padding-top:56.73%;
	background:url(https://web-m.webcdn.stream.ne.jp/www09/web-m/yamamotosayaka.jp_190101_chr3590d/img/header/mainvisual2110_z8Fnh9wg.jpg);
	background-size:cover;
}

@media screen and (max-width:1000px){
	#mainvisual {
		background:url(https://web-m.webcdn.stream.ne.jp/www09/web-m/yamamotosayaka.jp_190101_chr3590d/img/header/mainvisual2110_sp_z8Fnh9wg.jpg);
		background-size:cover;
		background-position:center top;
		padding-top:150%;
	}
}

#mainvisual img {
	width:100%;
}

#mainvisual .comment {
	position:absolute;
	display:block;
	bottom:20%;
	right:5%;
	width:40%;
	/*background:rgba(255,255,255,0.5);*/
	border-radius:5px;
}

#mainvisual .comment img {
	/*filter: drop-shadow(0px 5px 20px #5f5f5f);*/
}

#mainvisual .comment .txt{
	margin-bottom:10%;
}

#mainvisual .comment .countdown{
	width:80%;
	margin-left:auto;
}

#mainvisual .comment .countdown img.still{
	width:75%;
	display:block;
	margin:3% 0 5%;
}

@media screen and (max-width:767px){
	/*#mainvisual {
		padding-top:100%;
		background-size:cover;
		background-position:center top;
	}*/


	#mainvisual .comment {
		position:auto;
		right:3%;
		bottom:5%;
		width:65%;
		background:rgba(0,0,0,0.3);
		padding:3%;
	}

	#mainvisual .comment .txt {
		width:90%;
		margin:0 auto;
	}

	#mainvisual .comment .countdown {
		width:50%;
	}

	#mainvisual .comment .countdown img.still {
		width:100%;
	}
}

#bnr {
	padding:2% 0;
}

#bnr ul {
	display:flex;
}

#bnr ul li {
	width:32%;
	margin:0.5%;
}

#bnrarea {
	margin:3% auto 2%;
}

#bnr ul li img {
	width:100%;
}

#bnrarea .fixbnr {
	margin:0 0 2em;
}

#movie {
	padding:1% 0;
}

#movie ul {
	width:85%;
	background:#f2f2f2;
	display:flex;
	margin:0 auto 2%;
}

#movie ul li {
	width:50%;
}

#movie ul li img {
	width:100%;
}


#movie ul li:last-child{
	color:#6f6f6f;
	padding:10% 2%;
	font-size:130%;
}

#movie ul li a.channel {
	font-size:70%;
	font-weight:normal;
	display:block;
	padding:2%;
	border:solid 1px;
	text-align:center;
	width:60%;
	margin:2% auto 0;
	text-decoration:none;
}

/* EQ???*/

.movie {
	position:relative;
	width:100%;
	padding-top:56.25%;
}

.movie iframe {
	position:absolute;
	top:0;
	right:0;
	width:100% important!;
	height:100% important!;
	width:100%;
	height:100%;
}

@media screen and (max-width:767px){
	#movie {
		padding-bottom:3%;
	}

	#movie ul{
		width:100%;
		display:block;
	}

	#movie ul li {
		width:100%;
	}

	#movie ul li:last-child{
		font-size:110%;
		padding:5% 0;
	}
}

#mlmg{
	padding:2% 0 5%;
}

#mlmg a {
	display:block;
	width:100%;
	background:#6f6f6f;
	padding:2%;
	font-size:150%;
	text-decoration:none;
	color:#fff;
}

@media screen and (max-width:767px){
	#mlmg a {
		font-size:110%;
	}
}

#news {
	background:#f7f7f7;
	padding:2% 0 5%;
	font-size:120%;
}

#news h2 {
	font-size:200%;
	letter-spacing:-0.05em;
	color:#6f6f6f;
}


#news .ninr {
	display:block;
	background:#fff;
	padding:2%;
}

#news .ninr ul {
	width:75%;
	margin:0 auto;
}

#news ul li {
	text-align:left;
	border-bottom:dotted 1px #a6a6a6;
	padding:1%;
	position:relative;
	padding-right:10%;
}

#news ul li a {
	text-decoration:none;
	color:#6f6f6f;
}

#news ul li a:after {
	content: "\025b7";
	color: #b3b3b3;
	position: absolute;
	right: 10px;
	top: 50%;
}

#news ul li span {
	font-size:70%;
	color:#aaa;
}

#news ul li time:after{
	content:" | ";
	color:#a8a8a8;
}

#news a.more{
    display: block;
    text-decoration: none;
    margin: 3% auto;
    width: 50px;
    /* background: #f7f7f7; */
    color: #777;
}

@media screen and (max-width:767px){
	#news {
		font-size:100%;
	}

	#news h2 {
		font-size:120%;
	}

	#news .ninr ul {
		width:100%;
	}
}

section {
	position:relative;
}

#release {
	position: absolute;
	padding: 5% 0 2%;
	top: 47%;
	left: 68%;
	background: none;
	width: 600px;
	transform: translate(-50%, -50%);
	font-size: 80%;
}


#release ul {
	display:flex;
	width:100%;
	margin:1% auto;
	border-bottom:solid 1px #ddd;
	padding:1%;
	font-family: 'Noto Serif TC', serif;
	color:rgba(0,0,0,0.5);
}



#release ul.last{
	border-bottom:none;
}

#release ul li:first-child {
	width:40%;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#release ul li:last-child{
	width:80%;
	padding:2%;
	text-align:left;
	display: flex;
	-webkit-align-items: center;
	align-items: center;

}

#release ul li h3 {
	font-size:150%;
	font-weight:bold;
}

#release ul li h3 span {
	font-size:75%;
	display:block;
}

#release ul li h3 em {
	font-weight:bold;
	font-size:75%;
}

#release ul li em {
	font-size:85%;
}

#release ul li img {
	width:90%;
}

#release ul li .recinfo{
	font-size:90%;
}

#release ul li .recinfo strong {
	display:block;
	margin:1.5% 0;

}

#release ul li .recinfo strong em {
	background:#bb9f70;
	color:#fff;
	padding:1%;
}

@media screen and (max-width:1320px){
	/*#release{
		display:flex;
		width:100%;
		left:50%;
		top:70%;
	}

	#release ul {
		border-bottom:none;
		background:rgba(255,255,255,0.3);
		margin:0.5%;
	}*/
}

#ecbnr {
	position:absolute;
	transform:translate(0, -50%);
	top:50%;
	right:2%;
	width:30%;
	max-width:900px;
	background:rgba(255,255,255,0.6);
	padding:3%;
	max-height:700px;
	overflow:scroll;
}

#ecbnr::-webkit-scrollbar {
	display:none;
}

#ecbnr .nwtitle {
	margin:0 0 1em;
}

#ecbnr h1 {
	font-family: 'Noto Serif TC', serif;
	font-size: 20px;
	font-weight: bold;
	margin-bottom:1.5em;
}

#ecbnr h2 {
	font-family: 'Noto Serif TC', serif;
	font-size:15px;
	font-weight:bold;
}

#ecbnr h2.second{
	margin-top:1em;
}

#ecbnr em.store {
	font-size:15px;
	color:#c22;
}

#ecbnr ul {
	margin-bottom:0.5em;
}

#ecbnr p strong {
	font-family: 'Noto Serif TC', serif;
	font-weight:bold;
	font-size:20px;
}

#ecbnr p strong span {
	font-size:14px;
	font-weight:normal;
    display: inline-block;
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "?q???M?m?p?S ProN W3", "???C???I", Meiryo, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;	
}

#ecbnr p span,
#ecbnr .jkt span {
	display:block;
}



#ecbnr ul {
	display:flex;
	width:90%;
	margin:0 auto;
}
#ecbnr ul.line-2 {
	width:80%;
	flex-wrap: wrap;
	justify-content: center;
}

#ecbnr ul li {
	margin:0 0.5% 0.5%;
}
#ecbnr ul.line-2 li {
	width: 20%;
	margin:0 0.5% 1%;
}

#ecbnr ul li img {
	width:100%;
	margin:0 auto;
}

#ecbnr ul.jkt {
	width:100%;
	max-width:400px;
	margin:2% auto;
	justify-content:center;
}

#ecbnr ul.jkt li {
	width:24%;
	margin:0.5%;
	display: flex;
	-webkit-align-items: center;
	align-items: center;

}

@media screen and (max-width:1320px){
	#ecbnr{
		background:rgba(255,255,255,0.6);
		padding:3%;
		max-height:500px;
		overflow:scroll;
	}



	#ecbnr ul {
		flex-wrap:nowrap;
		width:auto;
	}

	#ecbnr ul li {
		width:20%;
	}

	#ecbnr h1 {
		margin-bottom:1em;
		font-size:20px;
	}

	#ecbnr h2 {
		font-size:20px;
	}

	#ecbnr h2 span {
		font-size:13px;
	}

	
}

@media screen and (max-width:1100px){
	#ecbnr {
	}


}



@media screen and (max-width:1000px){
	#release {
		position:static;
		top:auto;
		left:auto;
		width:100%;
		transform: none;
	}

	#release ul {
		width:95%;
		display:block;
	}

	#release ul li:first-child,
	#release ul li:last-child {
		width:100%;
	}

	#release ul li:last-child{
		text-align:left;
	}

	#release ul li h3 {
		font-size:130%;
	}

	#ecbnr {
		position:static;
		transform:translate(0, 0);
		top:auto;
		left:auto;
		width:90%;
		margin:0 auto;
		max-height:none;
	}
	
	#ecbnr p strong {
		font-size:15px;
	}
	

	#ecbnr h2 {
		font-size:13px;
	}



	#ecbnr p span,
	#ecbnr .jkt span {
		font-size:12px;
	}


}

@media screen and (max-width:767px){
	#ecbnr h2 {
		font-size:14px;
	}

	#ecbnr h2.second {
		margin-top:2em;
	}

	#ecbnr em.store{
		font-size:12px;
	}

	#ecbnr ul {
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom:0.2em;
	}
	#ecbnr ul.line-2 {
		width:auto;
	}

	#ecbnr ul li {
		width: 24%;
	}
	#ecbnr ul.line-2 li {
		width: 24%
	}
	
	#ecbnr p strong {
		font-size:17px;
	}
	
	#ecbnr ul.jkt {
		width:100%;
	}

	#ecbnr p span,
	#ecbnr .jkt span {
		font-size:12px;
	}
}

@media screen and (max-width:350px){
	#ecbnr p strong {
		font-size:13px;
	}

	#ecbnr h1 {
		font-size:17px;
	}

}

#shop {
	padding:5% 0;
	background:#f3f3f3;
}

#shop p {
	margin-bottom:2%;
}

#shop ul {
	display:flex;
	border:solid 1px #ddd;
	padding:2%;
}

#shop ul li {
	margin:0.5%;
}

@media screen and (max-width:767px){
	#shop ul {
		flex-wrap:wrap;
	}

	#shop ul li {
		width:32%;
	}
}

header nav ul li:last-child {
	background:#6c6c6c;
	color:#fff;
	padding:0 2%;
}

header nav ul li:last-child a {
	color:#fff;
}