@charset "utf-8";
/* CSS Document */





/* COMMENT */
#comment {
	width:940px;
	margin:2% auto;
	text-align:left;
	font-size:1.2em;
	line-height:1.8em;
	border: solid 2px #333;
}
#comment h2 {
	padding:3% 0 0 3%;
}

#comment h2 img {
	width:auto;
}

#comment p {
	padding:1% 3% 3%;
}


/* NEWS */
#news {
	width:940px;
	margin:0 auto;
	padding-top:20px;
}
#news .newsList {
	margin:3% 0 5%;
	text-align:left;
	border-bottom: solid 1px #333;
}
#news .newsList li {
	padding:2%;
	border-top: solid 1px #333;
}
#news .newsList li span {
	display:block;
	color:#c7161e;
	text-decoration:none;
}
#newsBox {
	width:940px;
	margin:0 auto 5%;
	text-align:left;
}
#newsBox h3 {
	margin:3% 0;
	padding-bottom:20px;
	border-bottom: solid 1px #ccc;
	font-size:180%;
	font-weight:normal;
}
#newsBox h3 span {
	display:block;
	font-size:70%;
	color:#c7161e;
}
#newsBox .newsDetail img {
	max-width:100%;
	width: auto !important;
	width:100%;
}
#newsBox .newsDetail a {
	text-decoration:underline;
}
#newsBox .newsDetail a:hover {
	text-decoration:none;
}
.backBtn a {
	display:block;
	width:290px;
	height:60px;
	margin:3% auto;
	text-indent:-9999px;
	background: url(../images/btn_back.png) no-repeat;
}
.backBtn a:hover {
	background-position:0 -60px;
}

/* LIST */
#list {
	width:940px;
	margin:0 auto;
	padding-top:20px;
}

#list ul {
	zoom:1;
	overflow:hidden;
}
#list ul li.jk {
	float:left;
	width:400px;
	text-align:left;
	font-family: 'Oswald', sans-serif;
}
#list ul li.jk h2 {
	display:block;
	line-height:1.6;
	font-size:400%;
	overflow:hidden;
}
#list ul li.jk p.title {
	font-size:150%;
}

#list ul li.jk p.releaseday {
	margin:1% 0;
	font-size:150%;
}
#list ul li.jk p.cd_detail {
	margin-top:3%;
	margin-bottom:3%;
	letter-spacing:2px;

}
#list ul li.jk p.cd_detail a.btn_linernotes {
	display:block;
	margin:10px 0;
	width:290px;
	height:60px;
	text-indent:-9999px;
	background: url(../images/btn_linernotes01.gif) no-repeat left top;
}
#list ul li.jk p.cd_detail a.btn_interview {
	display:block;
	margin:10px 0;
	width:290px;
	height:60px;
	text-indent:-9999px;
	background: url(../images/btn_interview01.gif) no-repeat left top;
}
#list ul li.jk p.cd_detail a.btn_linernotes:hover {
	background-position:0 -60px;
}

#list ul li.jk p.cd_detail a.btn_interview:hover {
	background-position:0 -60px;
}

#list ul li.jk p em{
	display:block;
	font-style:normal;
	line-height:2.5em;
}
#list ul li.jk p b {
	font-size:95%;
	font-style:normal;
}
#list ul li.jk p span {
	display:block;
	font-size:70%;
	margin-bottom:3%;
}
#list ul li.jk p em strong {
	padding:0.5% 1%;
	border:solid 2px;
	margin-right:2%;
}
#list ul li.songlist {
	float:right;
	width:520px;
	text-align:left;
}
#list ul li.songlist ul {
	margin-top:10px;
}
#list ul li.songlist .list li {
	font-size:32px;
	line-height:0.9em;
	padding-top:15px;
}
#list ul li.songlist .list span {
	font-size:12px;
}
#list ul li.songlist .list em {
	display:block;
	font-size:15px;
	color:#c51a26;
}
#list ul li.songlist .list em a {
	color:#c51a26;
	text-decoration:underline;
}
#list ul li.songlist .list a.btn01 {
	display:block;
	width:196px;
	height:36px;
	margin-bottom:10px;
	text-indent:-9999px;
	background: url(../images/btn01.gif) no-repeat left top;
}
#list ul li.songlist .list a.btn01:hover {
	background-position:0 -36px;
}


#tokuten,
#buy,
#onair,
#info {
	position:relative;
	width:940px;
	margin:30px auto 50px;
	padding-top:20px;
	text-align:left;
}

#tokuten .inner,
#buy .inner,
#info .inner {
	padding:15px 30px 30px;
}

#onair .inner {
	padding:60px 30px 30px;
}

#tokuten h2,
#buy h2,
#onair h2,
#info h2 {
	position:absolute;
	left:30px;
	top:-16px;
}

#tokuten ul,
#buy ul,
#onair ul,
#info ul {
	font-size:18px;
}

#tokuten ul li,
#buy ul li,
#onair ul li,
#info ul li {
	margin-bottom:10px;
}

#tokuten ul em,
#buy ul em,
#onair ul em,
#info ul em {
	display:block;
	color:#c51a26;
}

.discription {
	margin:1% 0;
	font-size:18px;
}

/* EVENT */
#event {
	width:940px;
	margin:0 auto;
	height:auto;
	overflow:hidden;
}

#event h1 {
	font-size:200%;
	font-weight:bold;
	background:#000;
	border:solid 3px #c51a26;
	padding:2%;
	margin:2% 0;
	font-style:oblique;
	text-align:center;
}

#event ul li {
	width:50%;
	float:left;
}

#event ul li p.img {
	padding-top:5%;
}

#event ul li img {
	max-width:100%;
	width: auto !important;
	width:100%;
}

#event ul li span {
	display:block;
}

#event ul li span.date {
	font-family: 'Oswald', sans-serif;
	font-size:200%;
	margin:5% 0;
}

#event ul li span.caution {
	background:#c22;
	border:solid 1px;
	padding:2%;
	font-size:120%;
	font-weight:bold;
	margin:2% auto;
	width:80%;
}

#event ul li a.zepp_link {
	display:block;
	margin-top:10%;
}

#event ul li a.zepp_link:hover {
	color:#c22;
}

#event a.btn03 {
	display:block;
	width:196px;
	height:36px;
	margin:20px auto 0;
	text-indent:-9999px;
	background: url(../images/btn03.png) no-repeat left top;
}

#event a.btn03:hover {
	background-position:0 -36px;
}

/* TIEUP */
#tieup {
	text-align:left;
	height:auto;
	overflow:hidden;
	width:940px;
	margin:0 auto;
}

#tieup h1 {
	font-size:200%;
	font-weight:bold;
	background:#0b75be;
	border:solid;
	padding:2%;
	margin:2% 0;
	font-style:oblique;
	text-align:center;
}
#tieup ul li {
	width:50%;
	float:left;
}
#tieup ul li img {
	display:block;
	width:60%;
	margin:0 auto;
}
#tieup p.broad_info {
	font-size:150%;
	margin:20% 0 3%;
	font-weight:bold;
}


/* MOVIE */
/*#movie {
	width:940px;
	margin:60px auto 0;
}*/
#movie ul {
	zoom:1;
	overflow:hidden;
	margin-top:30px;
}
#movie ul li {
	/*width:49%;*/
	margin:0 auto;
/*	float:left;*/
	font-size:20px;
	margin-bottom:3%;
}
#movie ul.movieList li {
	float:left;
}
#movie ul li.right {
	float:right;
}
#movie ul li p {
	display:block;
	margin-top:5px;
	line-height:1.2;
}
#movie ul li p span {
	font-size:12px;
	display:block;
}
#movie ul li .box {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#movie ul li iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#movie ul li .comingsoon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background:#232323 url(../images/comingsson.gif) no-repeat center center;
	text-indent:-9999px;
}

/* MOVIE SINGLE */
.movieBox {
	width: 640px;
	margin: 0 auto;
}
.box {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#btnArea a.btn02 {
	display:block;
	margin:50px auto;
	width:375px;
	height:114px;
	text-indent:-9999px;
	background: url(../images/btn02.gif) no-repeat left top;
}

#btnArea a.btn02:hover {
	background-position: 0 -114px;
}

/* ANIEM */
#anime {
	width:940px;
	margin:60px auto 0;
}
#anime h3 {
    font-size: 15px;
    color: #c51a26;
}
#anime ul {
	zoom:1;
	overflow:hidden;
	margin:5% 0;
}
#anime ul li.photo {
	float:left;
	width:320px;
}
#anime ul li.photo img {
	width:90%;
}
#anime ul li.detail {
	float:right;
	width:600px;
}
#anime .txt {
	text-align:left;
	font-size:18px;
	line-height:1.6;
}

#anime .detail h4 {
	margin-bottom:2%;
	text-align:left;
}

#anime .detail {
}

.tbl01 {
	width:100%;
	text-align:left;
	border:none;
	font-size:120%;
	border-right: solid 1px #333;
	border-top: solid 1px #333;
}
.tbl01 th {
	padding:8px 10px;
	background-color:#444;
	color:#1b1b1b;
	border-left: solid 1px #333;
	border-bottom: solid 1px #333;
}
.tbl01 td {
	padding:10px;
	vertical-align:top;
	border-left: solid 1px #333;
	border-bottom: solid 1px #333;
}


/*  TO TOP  */
.top_back {
	margin:0 auto;
	width:940px;
	text-align:right;
}
.top_back a {
	display:inline-block;
	margin-right:10px;
}


/*  DISC  */
.songin {
	display:table;
}
.listenbtn {
	display:table-cell;
	vertical-align:top;
	width:35px;
	line-height:1.6;
}
.songtitle {
	display:table-cell;
	vertical-align:middle;
	float:left;
}

.jp-play, .jp-pause {
	float:left;
	box-sizing: border-box;
	border:3px solid #c0b3aa;
	font-size:6px;
	padding:2px 6px;
	border-radius:50%;
	width:25px;
	height:25px;
	cursor: pointer;
}
.jp-pause {
	padding:2px 5px;
	color:#333;
	background:	#fff;
}
.jp-play:hover, .jp-pause:hover {
	color:#fff;
	background:#c0b3aa;
}

.fa {
	color:#c0b3aa;
}

.fa:hover {
	color:#fff;
}

/*  INFO  */
#info .jk {
	margin:3% 0;
	text-align:center;
}
#info .jk img {
	max-width:100%;
	width: auto !important;
	width: 100%;
}

@media (max-width: 940px) {
#headline,
#event,
#tieup,
#anime {
	width:100%;
}

#headline h1,
#event h1,
#tieup h1,
#anime h1{
	font-size:150%;
	border-left:none;
	border-right:none;
}
#headline .txt {
	width:95%;
	margin:0 auto;
}
#headline img {
	width:95%;
	margin:1% auto;
}
#headline .interview ul {
	padding:0 3% 5%;
	border:none;
	border-bottom: solid 1px #fff;
}
#headline .headnews .txt01 {
	font-size:123%;
	margin:5% 3% 10%;
}
#comment {
	width:100%;
	border:none;
	border-top: solid 1px #fff;
}
#comment h2 {
	text-align:left;
	padding:5% 0 0 3%;
}
#comment p {
	padding:1% 3% 5%;
}

#news {
	width:100%;
	padding:0;
}
#newsBox {
	width:94%;
}
#newsBox h3 {
	font-size:140%;
}

#tieup ul li {
	width:100%;
	float:none;
}


#list {
	width:100%;
	padding:0;
}
#list ul li.jk,
#list ul li.songlist {
	float:none;
	width:100%;
}
#list ul li.jk {
	text-align:center;
}
#list ul li.jk img {
	max-width:100%;
	width:auto !important;
	width:100%;
}
#list ul li.jk p.cd_detail a.btn_linernotes {
	margin:0 auto 2% !important;
}

#list ul li.jk p.cd_detail a.btn_interview {
	margin:0 auto 2% !important;
}

#list ul li.songlist .inner {
	padding:3%;
	border-top: solid 1px #fff;
}
#list ul li.title_detail p em {
	font-size:85%;
	line-height:2em;
}
#list ul li.title_detail p span {
	line-height:1em;
}

#tokuten,
#buy,
#onair,
#info {
	width:100%;
	margin:0;
	padding:0px;
	border:none;
}
#tokuten .inner,
#buy .inner,
#onair .inner,
#info .inner {
	padding:3%;
	border-top:solid 1px #fff;
	border-bottom:none;
}
#tokuten h2,
#buy h2,
#onair h2,
#info h2  {
	position:static;
}
#onair h2 img {
	max-width:100%;
	width: auto !important;
	width:100%;
}
#event ul {
	width:95%;
	margin:5% auto;
}

#movie {
	/*margin:30px auto 0;
	width:96%;*/
}
#movie ul {
	margin-top:15px;
}
#movie ul li {
	width:100%;
}
.movieBox {
	margin:30px auto 0;
	width:96%;
}


#anime ul {
	width:95%;
	margin:5% auto;
}
#anime ul li.photo,
#anime ul li.detail {
	float:left;
	width:50%;
}
.top_back {
	margin:0;
	width:100%;
}
}


@media (max-width: 640px) {

#headline h1 strong {
	display:block;
}

#headline .headnews .txt {
	font-size:113%;
}
#headline .interview ul li {
	margin:0;
	padding:0;
	float:none;
	width:100%;
	border:none !important;
}
#comment {
	font-size:1em;
}
#comment h2 img {
	width:180px !important;
}
#list ul li.songlist .list li {
	font-size:20px;
	line-height:1.3em;
	padding-top:10px;
}
#list ul li.songlist .list em {
	font-size:12px;
}
#list ul li.songlist .list a.btn01 {
	display:block;
	width:120px;
	height:22px;
	margin-top:5px;
	background: url(../images/btn01.gif) no-repeat left top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}
#list ul li.songlist .list a.btn01:hover {
	background-position:0 0;
}
#tokuten ul,
#info ul {
	font-size:12px;
}
#event ul li {
	float:none;
	width:100%;
}

#news h2 img,
#movie h2 img,
#anime h2 img,
#haishin h2 img {
	width:50%;
}
#anime ul li.photo,
#anime ul li.detail {
	float:none;
	width:100%;
	margin-bottom:3%;
}
#anime ul li.detail .txt {
	width:95%;
	margin:3% auto;
	font-size:115%;
}

#movie ul.movieList li,
#movie ul.movieList li.right {
	float:none;
	width:100%;
}

#btnArea a.btn02 {
	display:block;
	margin:30px auto;
	width:262px;
	height:78px;
	text-indent:-9999px;
	background: url(../images/btn02.gif) no-repeat left top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}

#btnArea a.btn02:hover {
	background-position:0 0;
}

#liveInfo a.btn03 {
	display:block;
	width:131px;
	height:23px;
	background: url(../images/btn03.png) no-repeat left top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}

#liveInfo a.btn03:hover {
	background-position:0 0;
}

.jp-play, .jp-pause {
	margin-top:2px;
}

}

@media (max-width: 430px) {
#list ul li.songlist .list li {
	font-size:18px;
	line-height:1.3em;
	padding-top:10px;
}
#list ul li.songlist .list span {
	font-size:10px;
}
}


/*.sns_area {
	position:absolute;
	top:60px;
	right:20px;
	width:320px;
}

.sns_area ul {
	zoom:1;
	overflow:hidden;
}

.sns_area ul li {
	float:left;
	margin-left:5px;
}

@media (max-width: 768px) {
	.sns_area {
		top:60px;
		right:20px;
		width:310px;
	}
}

@media (max-width:500px){
	.sns_area {
		top:60px;
		right:-20px;
	}
}
*/


/* 配信 */
#haishin .btnArea {
	width:930px;
	margin:0 auto;
	text-align:center;
}
#haishin .btnArea.btn_info {
	padding:40px 0 20px;
}
#haishin a.btnSampledl {
	display:block;
	margin:40px auto;
	width:500px;
	height:36px;
	text-indent:-9999px;
	background: url(../images/btnSampleDl.gif) no-repeat left top;
}
#haishin a.btnSampledl:hover {
	background-position:0 -36px;
}
#haishin span.btnSampledl {
	display:block;
	margin:40px auto;
	width:500px;
	height:36px;
	text-indent:-9999px;
	background: url(../images/btnSampleDl_end.gif) no-repeat left top;
}


#haishin .haishinDetail img {
	max-width:100%;
	width: auto !important;
	width: 100%;
}
#haishin .haishinDetail p + img.noticebtn {
	display: block;
	width: 400px !important;
}

#haishin .haishinDetail a {
	display:block;
	margin-top:4%;
}

#haishin .haishinDetail .dl_period {
	font-size:139%;
}

#haishin h4 {
	width:930px;
	margin:3% auto 0;
	text-align:left;
	font-size:18px;
	color:#c51a26;
}

#haishin #list_text {
	width:960px;
	margin:0 auto 3%;
	text-align:left;
}

#haishin #list_text ul {
	padding:20px 20px 0;
}

#haishin #list_text li {
	margin-bottom:15px;
	font-size:160%;
}
#haishin #list_text li a {
	text-decoration:underline;
}


#haishin #list {
	width:960px;
	margin:0 auto 3%;
}

#haishin #list ul {
	zoom:1;
	overflow:hidden;
}

#haishin #list ul li {
	float:left;
	width:33%;
}

#haishin #list ul li .box {
	position:relative;
	margin:3% 5px 3% 15px;
	padding:30px 10px 10px;
	background-color:#fff;
}

#haishin #list ul li .box .data {
	position:absolute;
	top:12px;
	left:-14px;
	text-align:left;
}

#haishin #list ul li .box .logo {
	text-align:center;
}

#haishin #list ul li .box .logo img {
	max-width:100%;
	width: auto !important;
	width:100%;
}

#haishin #list ul li .box a {
	display:block;
	margin:20px 0 0;
	padding:10px 5px;
	background-color:#000000;
	text-align:center;
}

#haishin #list ul li .box span {
	display:block;
	margin:20px 0 0;
	padding:10px 5px;
	background-color:#666666;
	text-align:center;
}

#haishin #list ul li .box a img,
#haishin #list ul li .box span img {
	max-width:100%;
	width: auto !important;
	width:100%;
}

#anime_info {
	position:relative;
	width:940px;
	margin:0px auto 50px;
	padding-top:40px;
	text-align:left;
}
#anime_info h2 {
	font-size:180%;
	text-align:center;
	color:#c51a26;
}
#anime_info dt {
	margin:3% 0 2%;
	padding:5px 10px;
	background-color:#333;
	text-align:center;
	font-size:150%;
	border-bottom: solid 2px #666;
}
#anime_info dd {
	font-size:108%;
	line-height:1.5;
	color:#999;
}

a.btn_back {
	display:block;
	width:200px;
	margin:0 auto 5%;
	padding:10px;
	font-size:130%;
	background-color:#c51a26;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}


@media (max-width: 960px) {
	#haishin h2 img {
		width:50%;
	}
	#haishin .btnArea {
		width:90%;
		margin:0 auto;
		text-align:center;
	}
	#haishin .btnArea.btn_info {
		padding:20px 0;
	}
	#haishin a.btnSampledl {
		display:block;
		margin:20px auto;
		width:290px;
		height:60px;
		text-indent:-9999px;
		background: url(../images/btnSampleDl_s.gif) no-repeat left top;
	}
	#haishin a.btnSampledl:hover {
		background-position:0 -60px;
	}
	#haishin span.btnSampledl {
		display:block;
		margin:20px auto;
		width:290px;
		height:60px;
		text-indent:-9999px;
		background: url(../images/btnSampleDl_s_end.gif) no-repeat left top;
	}
	#haishin .haishinDetail {
		width:94%;
		margin:0 auto 5%;
	}
	#haishin h4 {
		width:94%;
		margin:0 auto;
		font-size:15px;
	}
	#haishin #list {
		width:100%;
	}
	#haishin #list ul {
		margin-right:2%;
	}
	#haishin #list ul li {
		float:left;
		width:50%;
	}
	#haishin #list ul li .box .data {
		left:-11px;
	}
	#haishin #list ul li .box .data img {
		width:140px;
	}
	#anime_info {
		width:100%;
		border-top: solid 1px #fff;
	}
	#anime_info dd {
		padding:0 10px 20px 10px;
	}
}


@media (max-width: 540px) {
#haishin .haishinDetail .dl_period span {
	display:block;
}
}


/*interview*/
#member_interview {
	width:940px;
	margin:0 auto;
}

#member_interview .txt {
	text-align:left;
	font-size:145%;
	margin-bottom:5%;
	font-weight: 700;
}
#member_interview .txt dt{
	margin: 2% 0;
	color:#c51a26;
}

#member_interview .txt dd{
	margin-bottom: 5%;
}

#member_interview .txt dd span{
	color:#c51a26;
	display:inline-block;
	margin-right: 0.2em;
}

@media (max-width: 940px) {
#member_interview {
		width: 100%;
}

#member_interview .txt {
	width: 95%;
	margin: 0 auto;
}
}

@media (max-width: 640px) {
#member_interview .txt {
	font-size:113%;
}
}


#btnArea a.btn_back {
	display:block;
	margin:30px auto;
	width:290px;
	height:60px;
	text-indent:-9999px;
	background: url(../images/btn_back01.gif) no-repeat left top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}

#btnArea a.btn_back:hover {
	background-position:0 -60px;
}

/*--- clearfix ------------------*/

#list ul:after,
#movie ul:after {
.sns_area ul:after,
header #detail:after  {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0.1em;
    content: ".";
    visibility: hidden;
}