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

/*メニュー
----------------------------------------------*/
#menu li:nth-of-type(2) {
	border-bottom: 4px solid #0030FF;
}

#subMenu dd img {
	border: 1px solid #000;
}

#subMenu dd {
	background: none;
	padding: 0;
	margin-bottom: 8px;
}

#subMenu dd img:hover {
	border: 1px solid #0030FF;
}

#on {
	border: 1px solid #0030FF !important;
}

.mar35 {
	margin-bottom: 35px !important;
}


/*中身
----------------------------------------------*/
#chara {
	position: relative;
	background: url(../img/artist/line.png) 100% 0 no-repeat;
	margin-bottom: 25px;
}

#charaT {
	position: absolute;
	top: 0;
	left: 0;
}

#charaInfo {
	width: 330px;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFF;
	position: absolute;
	top: 518px;
}

.pro {
	padding-bottom: 10px;
	border-bottom: 1px dotted #FFF;
	margin-bottom: 10px;
}


/*サンプルボイス
----------------------------------------------*/
#sampleV {
	width: 100%;
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
}

#sampleV li {
	width: 45%;
	margin: 5px;
}

#sampleV a {
	display: block;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-weight: 100;
}

.jp-play {
	background: #000;
	color: #fff;
	box-sizing: border-box;
	border: 1px solid #000;
	border-radius: 5px;
}

.jp-pause {
	background: #FFF;
	color: #000;
	box-sizing: border-box;
	border: 1px solid #000;
	border-radius: 5px;
}


/*下の方
----------------------------------------------*/
#works {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

#works dl {
	width: 460px;
}

#works dt {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

#works dd p,
#works li {
	margin-bottom: 10px;
}

#works dd p a {
	font-size: 10px;
}

#works ul {
	width: 280px;
}

#con h2 {
	display: none;
}

#conIn h2 {
	display: block;
}

/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
対応頑張る！！＼(^o^)／
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/

@media screen and (max-width: 720px) {

	#subMenu {
		align-content: stretch;
		margin-bottom: 10px;
	}

	#subMenu dt {
		display: none;
	}

	#subMenu dd {
		width: 30%;
		padding: 5px;
		margin: 0;
	}

	#subMenu dd img {
		max-width: 100%;
	}

	.mar35 {
		margin-bottom: 0 !important;
	}

	#charaT {
		max-width: 100%;
		height: auto;
		width
		/***/
		: auto;
		margin: 0 auto;
	}

	#charaInfo {
		width: 95%;
		background-color: rgba(0, 0, 0, 1);
		padding: 5px;
		position: static;
		margin-bottom: 15px;
	}

	#works {
		display: block;
	}

	#works dl {
		width: 100%;
	}

	#works ul {
		width: 100%;
		text-align: center;
	}

	#menu li:nth-of-type(2) {
		border-bottom: 0px solid #000;
	}

	#con h2 {
		display: block;
	}

	#conIn h2 {
		display: none;
	}

	.jp-play {
		background: #666;
		color: #fff;
		box-sizing: border-box;
		border: 1px solid #000;
		border-radius: 5px;
	}
}