@charset "UTF-8";


html, body {
    min-width: 0;
}
body {
    font-size: 11px;
}
table,
tbody, 
tfoot, 
thead, 
tr, 
th, 
td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
/* マウスオーバーのスタイル */
a:hover {
    text-decoration: none!important;
    opacity: 1!important;
    color: #ffffff!important;
    -ms-filter: "alpha(opacity=100)"!important;
}

/* --------------------------------------------------
    header
-------------------------------------------------- */
header #ttlTop {
	padding: 10px;
	font-size: 11px;
	text-align: center;
}
header .headWrap {
	padding:0;
}
	header .headWrap h1 {
		display: block;
		max-width: 428px;
		width: 80%;
		margin:0 auto;
	}
	header .headWrap img { width: 100%; 
       }
	header .headWrap h1 + p,
	header .headWrap .headLink {
		display: none;
	}
header nav .smtNav {
	display: block;
	border: 1px solid #ffffff;
}
	header nav .smtNav li {
		display: inline-block;
		padding: 5px;
	}
	header nav .smtNav li + li {
		margin-left: 8px;
	}
		header nav .smtNav li a {
			display: block;
		}
header nav .headTxt {
	padding: 10px 5px;
	text-align: center;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
header nav table {
	border: 1px solid #ffffff;
	border-collapse: collapse;
	border-spacing: 0;
}
	header nav table td {
		width: 25%;
		height: 100px;
		font-size: 11px;
	}
	header nav table td.current {
		background:#111111;
	}
		header nav table td a {
			display:block;
			padding: 5px 0;
			text-decoration: none;
		}
		header nav table td img {
			display:block;
			width: 62px;
			margin:0 auto;
		}
		
		header nav table td em {
			font-size: 11px;
		}
		header nav table td span {
			display: none;
		}

/* --------------------------------------------------
    cntnt
-------------------------------------------------- */
.cntnt {
	margin:20px auto 0;
}
.cntnt .rightMain,
.cntnt .leftMenu {
	float: none;
	width: 100%;
}

/* サイドメニュー */
.cntnt .leftMenu {
	padding-top: 0;
}
	.cntnt .leftMenu > p,
	.cntnt .leftMenu .sideNav {
		display: none;
	}
.cntnt .leftMenu .sideBnr dt {
	margin-bottom: 10px;
}
.cntnt .leftMenu .sideBnr dd {
	overflow: hidden;
	margin:-10px 0 0 -2%;
}
.cntnt .leftMenu .sideBnr dd .bnr_item {
	display: inline-block;
	width: 47%;
	margin:10px 0 0 2%;
}
/*右メイン*/
.cntnt .rightMain {
	margin-bottom: 40px;
}

#materialTop .rightMain .introMain {
	margin-bottom: 40px;
}
	#materialTop .rightMain .introMain .bnr,
	#materialTop .rightMain .introMain .introTxt {
		float: none;
		width: 100%;
		text-align: center;
	}
	#materialTop .rightMain .introMain .introTxt {
		padding-top: 30px;
		font-size: 11px;
	}
#materialTop .rightMain .follow {
	font-size: 15px;
}
	#materialTop .rightMain .follow strong {
		font-size: 20px;
	}
	#materialTop .rightMain .follow span {
		font-size: 12px;
	}
	#materialTop .rightMain .follow a {
		text-decoration:none;
	}
	#materialTop .rightMain .follow .btnFollow {
		display: block;
		margin-bottom: 20px;
	}
	#materialTop .rightMain .follow .btnFollow + p {
		margin-bottom: 20px;
	}
#materialTop .rightMain .latestSongs table {
	width: 100%;
	border-bottom: 1px solid #ffffff;
}
	#materialTop .rightMain .latestSongs table td {
		display: block;
	}
	#materialTop .rightMain .latestSongs table td + td {
		border-left: none;
	}
	#materialTop .rightMain .latestSongs table tr + tr td:nth-child(2) {
		border-top: none;
	}
	#materialTop .rightMain .latestSongs table .leftBox {
		padding: 10px;
	}
	#materialTop .rightMain .latestSongs table .leftBox ul + p {
		margin-top: 10px;
	}
	#materialTop .rightMain .latestSongs table td .mp3,
	#materialTop .rightMain .latestSongs table td .loop {
		display: block;
		width: 38px;
	}
	#materialTop .rightMain .latestSongs table .rightBox {
		text-align: center;
	}
	#materialTop .rightMain .latestSongs dl dt {
		margin-bottom: 10px;
	}
		#materialTop .rightMain .latestSongs dl dt a {
			max-width: 200px;
			width: 100%;
		}
#materialTop .albuminfo img { width: 100%; 
                             max-width: 400px;
               }

#materialTop .rightMain .bnrCenter .adsbygoogle {
	width:100%;
	height:90px;
}

#materialTop .rightMain .ttlMenu {
	margin-bottom: 15px;
	font-size: 15px;
}
#materialTop .rightMain .bgmTbl th {
	vertical-align: middle;
}
#materialTop .rightMain .bgmTbl th a {
	width: 90%;
	max-width: 103px;
}
#materialTop .rightMain .bgmTbl td {
	width: 70%;
}
	#materialTop .rightMain .bgmTbl td h3 {
		font-size: 15px;
	}

#materialTop .rightMain .bgmTbl + p,
#materialTop .rightMain .bgmTbl + p + p {
	display: none;
}

/* --------------------------------------------------
    素材詳細ページ
-------------------------------------------------- */
#materialDetail .rightMain .introMain {
	margin-bottom: 40px;
}
	#materialDetail .rightMain .introMain .bnr,
	#materialDetail .rightMain .introMain .introTxt {
		float: none;
		width: 100%;
		text-align: center;
	}
	#materialDetail .rightMain .introMain .introTxt {
		padding-top: 30px;
		font-size: 11px;
	}
		#materialDetail .rightMain .introMain .introTxt .about {
			padding-left: 10px;
			font-size: 13px;
			background-size: 8px auto;
		}
#materialDetail .rightMain .introSub .leftBox {
	float: none;
	display: none;
}
#materialDetail .rightMain .introSub .rightBox {
	float: none;
	width: 100%;
	text-align: center;
}
#materialDetail .rightMain .introSub .subTxt01 {
	font-size: 14px;
}
#materialDetail .rightMain .introSub .subTxt02 strong {
	margin-right: 0.2em;
	font-size: 18px;
}
#materialDetail .rightMain .introSub .subTxt02 span {
	font-size: 13px;
}
#materialDetail .rightMain .bgmTbl {
	margin-bottom: 50px;
}
#materialDetail .rightMain .bgmTbl thead tr + tr th {
	font-size: 13px;
	text-align: center;
}

#materialDetail .rightMain .bgmTbl th img {
	display: inline-block;
	margin: 0;
}
#materialDetail .rightMain .bgmTbl th img + p {
	display: inline-block;
}
#materialDetail .rightMain .bgmTbl th ul li {
	display: inline-block;
	width: 40px;
	height: 20px;
	text-indent: 9999px;
	white-space: nowrap;
}
#materialDetail .rightMain .bgmTbl th ul li:first-child {
	background: url("../image/btn_mp3.png") no-repeat;
	background-size: 40px auto;
}
#materialDetail .rightMain .bgmTbl th ul li:nth-child(2) {
	background: url("../image/btn_loop.png") no-repeat;
	background-size: 40px auto;
}

#materialDetail .rightMain .bgmTbl th ul li.ogg {
	background: url("../image/btn_ogg.png") no-repeat;
	background-size: 40px auto;
}

#materialDetail .rightMain .bgmTbl th ul li:nth-child(3) {
	background: url("../image/btn_loop2.png") no-repeat;
	background-size: 40px auto;
}
	#materialDetail .rightMain .bgmTbl th ul li a {
		display: block;
	}
#materialDetail .rightMain .bgmTbl td {
	width: 60%;
	vertical-align: top;
}

#materialDetail .rightMain .smtMenu {
	display: block;
}
	#materialDetail .rightMain .smtMenu h3 {
		margin-bottom: 20px;
		font-size: 15px;
		text-align: center;
	}
	#materialDetail .rightMain .smtMenu ul {
		overflow: hidden;
		width: auto;
		border-left: 1px solid #a0a0a0;
	}
	#materialDetail .rightMain .smtMenu ul + ul {
		margin-top: 20px;
	}
		#materialDetail .rightMain .smtMenu ul li {
			float: left;
			width: 33%;
			padding: 1%;
			font-size: 10px;
			text-align: center;
			border-top: 1px solid #a0a0a0;
			border-right: 1px solid #a0a0a0;
			border-bottom: 1px solid #a0a0a0;
		}
			#materialDetail .rightMain .smtMenu ul li img {
				display: block;
				width: 70%;
				max-width: 103px;
				margin: 0 auto 10px;
			}
			#materialDetail .rightMain .smtMenu ul li span {
				display: block;
				margin: 0 auto;
				font-size: 10px;
			}
			#materialDetail .rightMain .smtMenu ul li a {
				font-weight: bold;
				text-decoration: underline;
			}
#materialDetail .rightMain .smtMenu .bottomList {
	overflow: hidden;
	margin-top: 20px;
}
	#materialDetail .rightMain .smtMenu .bottomList ul {
		float: left;
		width: 33%;
	}
		#materialDetail .rightMain .smtMenu .bottomList ul li {
			width: 100%;
		}
	#materialDetail .rightMain .smtMenu .bottomList p {
		float: right;
		width: 66%;
		padding: 10% 0;
		text-align: center;
	}
		#materialDetail .rightMain .smtMenu .bottomList p a {
			display: inline-block;
			width: 50%;
			padding: 20px 1%;
			font-weight: bold;
			text-decoration: underline;
			border: 1px solid #ffffff;
		}
#materialDetail .rightMain .topic {
	display: none;
}