@charset "UTF-8";

#topImage{
	background: url(/wp-content/themes/musictrade/image/brand/topImage.jpg) center center/cover no-repeat;
}
#contents .bland #right .tabbox li .gray{
	font-style: italic;
    font-size: 85%;
}
#contents .bland #right .tabbox li .class{
	    vertical-align: super;
    font-size: 50%;
}
@media all and  (min-width: 769px) {
#contents .bland {
	margin-bottom: 2rem;
	align-items: flex-start;
}
/*
==========================================================
キーボード欄
==========================================================
*/
#contents .bland #left{
	width: 33%;
	background-color: #eee;
	padding: 1rem 1rem 3rem;
}
#contents .bland #left #menu{
	margin-bottom: 2rem;
}
#contents .bland #left #menu .tabmenu{
	margin-bottom: 1rem;
	display: grid;
	grid-template-columns: repeat(5,1fr);
	column-gap: 0.4em;
	row-gap: 0.4em;
}
#contents .bland #left #menu .tabmenu li {
	
}
#contents .bland #left #menu .tabmenu li a{
	font-size: 18px;
	width: 100%;
	height: 100%;
	padding: 0.2em 0;
	background-color: #fff;
	border-radius: 5px;
	display: block;
	text-align: center;
}
#contents .bland #left .menuButton p{
	font-size: 16px;
	margin-bottom: 0.5rem;
}
#contents .bland #left .menuButton p span{
	display: inline-block;
}
/* 画面幅によるキーボード幅の変更 */
@media all and  (max-width: 1080px) {

}
/*
==========================================================
リスト欄
==========================================================
*/
#contents .bland #right{
	width: 63%;
}
#contents .bland #right .tabbox{
	margin-bottom: 2rem;
}
#contents .bland #right .tabbox>p{
	font-size: 18px;
	color: #fff;
	background-color: #000;
	padding: 0.5em 1em;
	margin-bottom: 1rem;
}
#contents .bland #right .tabbox li{
	font-size: 15px;
	padding: 0.5em 0;
	margin-bottom: 0.5rem;
	border-bottom: 1px dashed #ccc;
}
#contents .bland #right .sp_close{
	display: none;
}

}
@media all and (min-width: 581px) and (max-width: 768px) {
	#contents .bland {
		margin-bottom: 2rem;
		align-items: flex-start;
	}
	/*
==========================================================
キーボード欄
==========================================================
*/
	#contents .bland #left{
		width: 33%;
		background-color: #eee;
		padding: 1rem 1rem 3rem;
	}
	#contents .bland #left #menu{
		margin-bottom: 2rem;
	}
	#contents .bland #left #menu .tabmenu{
		margin-bottom: 1rem;
		display: grid;
		grid-template-columns: repeat(5,1fr);
		column-gap: 0.4em;
		row-gap: 0.4em;
	}
	#contents .bland #left #menu .tabmenu li {
		
	}
	#contents .bland #left #menu .tabmenu li a{
		font-size: 18px;
		width: 100%;
		height: 100%;
		padding: 0.2em 0;
		background-color: #fff;
		border-radius: 5px;
		display: block;
		text-align: center;
	}
	#contents .bland #left .menuButton p{
		font-size: 16px;
		margin-bottom: 0.5rem;
	}
	#contents .bland #left .menuButton p span{
		display: inline-block;
	}
	/*
	==========================================================
	リスト欄
	==========================================================
	*/
	#contents .bland #right{
		width: 63%;
	}
	#contents .bland #right .tabbox{
		margin-bottom: 2rem;
	}
	#contents .bland #right .tabbox>p{
		font-size: 18px;
		color: #fff;
		background-color: #000;
		padding: 0.5em 1em;
		margin-bottom: 1rem;
	}
	#contents .bland #right .tabbox li{
		font-size: 15px;
		padding: 0.5em 0;
		margin-bottom: 0.5rem;
		border-bottom: 1px dashed #ccc;
	}
	#contents .bland #right .sp_close{
		display: none;
	}
	
}

@media all and  (max-width: 580px) {
	#contents .bland {
		margin-bottom: 2rem;
		display: block;
	}
	/*
==========================================================
キーボード欄
==========================================================
*/
	#contents .bland #left{
		width: 100%;
		background-color: #eee;
		padding: 1rem 1rem 3rem;
	}
	#contents .bland #left #menu{
		margin-bottom: 2rem;
	}
	#contents .bland #left #menu .tabmenu{
		margin-bottom: 1rem;
		display: grid;
		grid-template-columns: repeat(5,1fr);
		column-gap: 0.4em;
		row-gap: 0.4em;
	}
	#contents .bland #left #menu .tabmenu li {
		
	}
	#contents .bland #left #menu .tabmenu li a{
		font-size: 18px;
		width: 100%;
		height: 100%;
		padding: 0.2em 0;
		background-color: #fff;
		border-radius: 5px;
		display: block;
		text-align: center;
	}
	#contents .bland #left .menuButton p{
		font-size: 16px;
		margin-bottom: 0.5rem;
	}
	#contents .bland #left .menuButton p span{
		display: inline-block;
	}
	/*
	==========================================================
	リスト欄
	==========================================================
	*/
	#contents .bland #right{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 75px;
		left: 0;
		/* background-color: rgba(0,0,0,0.5); */
		z-index: 1000;
	}
	#contents .bland #right #wrap{
		width: 95%;
		height: 80%;
		overflow: scroll;
		background-color: rgba(255,255,255,0.95);
		border: 1px #999 solid;
		border-radius: 2px;
		margin:0 auto;
		padding: 1rem;
		position: relative;
		top: 50%;
		transform: translateY(-60%);
		text-align: center;
	}
	#contents .bland #right .tabbox{
		margin-bottom: 2rem;
	}
	#contents .bland #right .tabbox>p{
		font-size: 18px;
		color: #fff;
		background-color: #000;
		padding: 0.5em 1em;
		margin-bottom: 1rem;
		text-align: center;
	}
	#contents .bland #right .tabbox li{
		font-size: 15px;
		padding: 0.5em 0;
		margin-bottom: 0.5rem;
		border-bottom: 1px dashed #ccc;
	}
	#contents .bland #right .sp_close{
		font-size: 18px;
		width: 50%;
		text-align: center;
		background-color: #eee;
		border: #999;
		border-radius: 5px;
		margin-bottom: 2rem;
		padding: 0.5em 0;
		display: inline-block;
	}
	#contents .bland #right .unfile{
		margin-bottom: 2rem;
	}
}

/*
==========================================================
フェードイン用css
==========================================================
*/
#contents .bland #left #menu .tabmenu li.active a{
	background-color: #f6f6f6;
}
#contents .bland .show_more.block{
	display: block;
	margin-top: 1rem;
}
.opa0{
	opacity: 0;
}