@charset "utf-8";

/* HONK Profile用CSS
==========================================*/
#main .sub-nav {
	border-left:1px solid #b2b2b2;
	border-top:1px solid #b2b2b2;
	margin-bottom:20px;
}
#main .sub-nav li {
	background:#fafafa;
	border-bottom:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	font-size:115%;
}
#main .sub-nav li.cur p {
	background:url(/common/img/arrow_circle.gif) no-repeat 15px center #ddd;
	font-weight:bold;
	padding:15px 10px 15px 37px;
}
#main .sub-nav li a {
	background:url(/common/img/arrow_circle.gif) no-repeat 15px center;
	display:block;
	padding:15px 10px 15px 37px;
}

#main .contents-area h1 {
	background-image:linear-gradient(top, #ffe4d8, #ffcab3);
	background-image:-moz-linear-gradient(top, #ffe4d8, #ffcab3);
	background-image:-webkit-linear-gradient(top, #ffe4d8, #ffcab3);
	background-image:-ms-linear-gradient(top, #ffe4d8, #ffcab3);
	border:1px solid #ccc;
	border-radius:5px;
	font-size:140%;
	font-weight:bold;
	margin-bottom:20px;
	padding:15px 30px;
}
#main .contents-area .image {
	margin-bottom:20px;
	text-align:center;
}
#main .contents-area .image img {
	max-width:500px;
}
#main .contents-area .orange {
	color:#ff4800;
}
#main .contents-area h2 {
	background:#eee;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:5px solid #e64100;
	font-size:115%;
	font-weight:bold;
	margin-top:30px;
	padding:7px 10px;
}
#main .contents-area section {
	padding:10px 10px 0;
}
#main .contents-area .song li {
	padding-left:0.5em;
	text-indent:-0.5em;
}
#main .contents-area .biography h3 {
	font-weight:bold;
	margin:5px 0;
}
#main .contents-area .biography h3 span {
	color:#e64100;
}
#main .contents-area .biography .block {
	margin-bottom:20px;
}
#main .contents-area .biography dl {
	border-bottom:1px dotted #b2b2b2;
	margin-bottom:5px;
	padding-bottom:5px;
}
#main .contents-area .biography dt {
	margin-bottom:2px;
}

/* タブレット用（PC用） */
@media screen and (min-width : 541px){
	#main .sub-nav li {
		float:left;
		width:50%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
	}
	#main .contents-area .biography h3 {
		margin:5px 0 8px;
	}
	#main .contents-area .biography dt {
		float:left;
		width:24%;
		margin:0;
	}
	#main .contents-area .biography dd {
		float:right;
		width:75%;
	}
	
}


/* PC用 */
@media screen and (min-width : 901px){
	#main .sub-nav {
		float:left;
		width:220px;
	}
	#main .sub-nav li {
		float:none;
		width:auto;
	}
	
	#main .contents-area {
		float:right;
		width:650px;
	}
	#main .contents-area h1 {
		margin-bottom:30px;
	}
	#main .contents-area .song ul {
		float:left;
		width:310px;
	}
	#main .contents-area .song ul.right {
		float:right;
	}
	#main .contents-area .biography dt {
		float:left;
		width:21%;
	}
	#main .contents-area .biography dd {
		float:right;
		width:78%;
	}

}