@charset "UTF-8";
/* 
CSS Document 
ページ共通CSS
ヘッダ, フッタ, サイド
*/

body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
	color:#333;
	font-size:13px;
	line-height:1.3;
	}
	
	
#container figure, #container ul, #container li { margin:0; padding:0; }
	
li { list-style-type:none; }
	
/*テキストリンク*/
a {
	}
	
a:hover {
	}

.jbAlpha {
	cursor:pointer;
	}
.jbAlpha:hover {
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity:0.6;
	}
	
/*container*/
#container {
	width:950px;
	margin:0 auto;
	}
@media only screen and (max-width:640px){
#container { padding:0 2%; width:auto; }
}

/*見出し*/
#container h1 { line-height:0; font-size:8px; height:auto; }
#container h2 {
	background:url(../img/bg_h.png) no-repeat center left;;
	height:25px;
	font-weight:normal;
	font-size:17px;
	padding:0 0 10px 15px;
	line-height:37px;
	border-bottom:1px solid #CECECE;
	margin-bottom:28px;
	}
	
/*スライダー*/
#slideArea { position:relative; }
#slideArea li {
	position:absolute;
	top:0;
	left:0;
	}
#slideArea li:first-child {
	z-index:1;
	}
#bxPager .bx-wrapper .bx-controls-direction a {
	width:18px;
	height:71px;
	padding:0;
	margin:0;
	top:0;
	}
	#bxPager .bx-wrapper .bx-controls-direction a.bx-prev {
		left:-23px;
		background:url(../img/btn_prev.png) no-repeat center;
		}
	#bxPager .bx-wrapper .bx-controls-direction a.bx-next {
		right:-23px;
		background:url(../img/btn_next.png) no-repeat center;
		}
	#bxPager a.active,
	#bxPager a:hover {
		-ms-filter: "alpha( opacity=60 )";
		filter: alpha( opacity=60 );
		opacity:0.6;
		}
@media only screen and (max-width:640px){
#bxPager {
	width:85%;
	margin:0 auto;
	}
#bxPager .bx-wrapper .bx-controls-direction a {
	height:100%;
	}
}


section {
	position:relative;
	}
section .veil {
	background:url(../img/bx_loader.gif) center center no-repeat #fff;
	background:url(../img/bx_loader.gif) center center no-repeat rgba(255, 255, 255, 0.8);
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	}
		
		
/*プレイリストサーチ*/
#plSearch nav {
	width:204px;
	border:1px solid #CECECE;
	}
	#plSearch nav a {
		display:block;
		padding:0 12px;
		color:inherit;
		}
	#plSearch nav a:hover { text-decoration:none; }
	#plSearch nav a span.icon {
		display:inline-block;
		margin-right:12px;
		height:21px;
		width:21px;
		background:#000;
		}
	#plSearch nav a>span {
		display:block;
		border-top:1px solid #cecece;
		padding:8px 0;
		height:21px;
		line-height:21px;
		}
	#plSearch nav a:first-child>span {
		border:none;
		}
	#plSearch nav a img { vertical-align:top; }
	#plSearch nav a.active, #plSearch nav a:hover { background:url(../img/bg_nav_cate.png) no-repeat #E94F05; color:#fff; }
	#plSearch nav a.active>span, #plSearch nav a:hover>span {  }
	#plSearch nav a.active span.icon, #plSearch nav a:hover span.icon { background:none; }
	
@media only screen and (max-width:640px){
#plSearch nav {
	float:none;
	width:auto;
	border:none;
	border-bottom:1px solid #cecece;
	margin-bottom:20px;
	}
	#plSearch nav a {
		display:block;
		padding:0;
		width:50%;
		float:left;
		}
	#plSearch nav a:first-child>span,
	#plSearch nav a>span {
		border-top:1px solid #cecece;
		border-left:1px solid #cecece;
		padding:8px 2%;
		margin:0;
		}
	#plSearch nav a:nth-child(2n)>span {
		border-right:1px solid #cecece;
		}
#plSearch .right {
	float:none;
	width:auto;
	}
}

#plSearch .right { width:730px; }
@media only screen and (max-width:640px){
#plSearch .right { width:auto; }
}

#plSearch #infoArea {
	text-align:center;
	padding-top:90px;
	}
	
/*ブロックリスト*/
.blockListArea {
	overflow:hidden;
	}
	.blockListArea ul {
		width:103%;
		}
	.blockListArea ul li {
		float:left;
		margin-right:6px !important;
		margin-bottom:20px;
		width:112px;
		word-break:break-all;
		height:250px;
		}
	.blockListArea ul li .button:hover {
		
		}
	.blockListArea li figure {
		background:url(../img/bx_loader.gif) center center no-repeat #ededed;
		width:112px;
		height:112px;
		margin-bottom:5px;
		}
	.blockListArea li figure img {
		max-width:100%;
		}
	.blockListArea li h3 {
		font-weight:normal;
		font-size:11px;
		}
	.blockListArea li time {
		font-size:10px;
		}
	.blockListArea li p { padding-bottom:5px; margin:0; }
	
@media only screen and (max-width:370px){
.blockListArea {
	width:240px;
	margin:0 auto;
	}
}
	
/*プレイリストサーチ*/
#plSearch .blockListArea ul li {
	margin-right:10px;
	height:210px;
	}

/*プレイリスト一覧*/
#plList #moreButton {
		background:#F8F8F8;
		padding:10px 0;
		color:#666666;
		cursor:pointer;
		}
	#plList #moreButton:hover { background:#ededed; }
	#plList #moreButton img { display:none; vertical-align:middle; margin-right:10px; }
	#plList #moreButton.load img { display:inline; }
	
	
/*popup*/
#popup {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:none;
	}
	#popup #veil {
		width:100%;
		height:100%;
		position:fixed;
		z-index:10001;
		background:#000;
		-ms-filter: "alpha( opacity=60 )";
		filter: alpha( opacity=60 );
		opacity:0.6;
		top:0;
		left:0;
		}
	#popup .inner {
		top:0;
		left:0;
		width:80%;
		margin:0 auto;
		padding:20px 5%;
		position:absolute;
		background:#fff;
		box-shadow: 0 0 12px -1px rgba(0, 0, 0, 0.25);
		z-index:10002;
		}
		
/*description tip*/
#dsTip {
	font-size:11px;
	background:#fff;
	background:rgba(255,255,255,0.9);
	border:1px solid #CECECE;
	padding:5px;
	max-width:450px;
	width:80%;
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:10010;
	}
#shareTip {
	background:rgba(255,255,255,0.9);
	border:1px solid #CECECE;
	padding:5px;
	width:200px;
	position:absolute;
	top:0;
	left:0;
	z-index:10011;
	text-align:center;
	font-size:11px;
	display:none;
	}
	#shareTip input {
		font-size:12px;
		border:1px solid #003366;
		padding:2px;
		width:180px;
		}
	#shareTip input::selection {
		background: #C2EDFF;
		color:#333;
		}
	#shareTip input::-moz-selection {
		background: #C2EDFF;
		color:#333;
		}