/* CSS Document */
@charset "euc-jp";

@media screen and (min-width: 641px){

/*-----------------------------------
	共通
-----------------------------------*/
div#hair div.section_inner span.bold,
div#food div.section_inner span.bold,
div#qa div.section_inner span.bold  {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}


/*-----------------------------------
	美しい髪とは
-----------------------------------*/
div#hair div.innerbox {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #CBC98B;
}
div#hair div.innerbox_img {
	margin:30px 0px 0px -10px;
}
div#hair div.innerbox_img2 {
	margin:0px 0px 30px 0px;
}
div#hair table.check {
	margin-bottom:25px;
}
div#hair table.check th {
	width:290px;
}
#hair table.state {
	margin-top: 25px;
}
#hair table.state th {
	font-size:11px;
	padding:5px;
	border:1px solid #333;
	text-align:center;
	vertical-align:middle;
}
#hair table.state td {
	font-size:11px;
	padding:5px;
	border:1px solid #333;
	vertical-align:middle;
}
#hair table.state td.koumoku {
	text-align:center;
	vertical-align:middle;
	background-color: #F7F7F7;
}
#hair table.state tr.level0 {
	background: #E7FFFF;
}
#hair table.state tr.level1 {
	background: #ABD5FF;
}
#hair table.state tr.level3 {
	background: #FFFECE;
}
#hair table.state tr.level4 {
	background: #FEC993;
}
#hair table.state tr.level5 {
	background: #FEAAAA;
}
#hair table.state tr.level2 {
	background: #C5FFC4;
}



/*-----------------------------------
	Q ＆ A 集
-----------------------------------*/
div#qa div.section_box {
	margin-bottom: 80px;
}
div#qa div.section_inner {
	margin-bottom: 70px;
}
div#qa div.question {
	margin-bottom: 7px;
	padding-bottom:5px;
	border-bottom: 1px dotted #B6B66D;
}
div#qa div.question span {
	font-size: 20px;
	font-weight: bold;
	color: #0099FF;
	float: left;
	width: 30px;
}
div#qa span.answer_title {
	font-size: 20px;
	font-weight: bold;
	color: #FF3366;
	float: left;
	width: 30px;
}
div#qa div.question p {
	float: right;
	width: 505px;
	margin-top: 4px;
	font-weight: bold;
	font-size: 15px;
}
div#qa div.answer p {
	float: right;
	width: 505px;
	margin-top: 2px;
	font-size: 15px;
}
}




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

/*-----------------------------------
	共通
-----------------------------------*/
div#hair div.section_inner span.bold,
div#food div.section_inner span.bold,
div#qa div.section_inner span.bold  {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}


/*-----------------------------------
	美しい髪とは
-----------------------------------*/
div#hair div.innerbox {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #CBC98B;
}
div#hair div.innerbox_img {
	margin:30px 0px 0px -10px;
}
div#hair div.innerbox_img2 {
	width:100%;
	margin:5% auto;
}
div#hair div.innerbox_img2 img{
	width:100%;
	margin:5% auto;
}
div#hair table.check {
	margin-bottom:25px;
}
div#hair table.check th {
	width:100%;
	display:block;
}
div#hair table.check td {
	width:100%;
	display:block;
}
#hair table.state {
	border-collapse:collapse;
	width:100%;
	margin-top: 25px;
}
#hair table.state th{
	display:block;
	padding:5%;
	border-bottom:1px dotted #AAA;
	text-align:center;
	vertical-align:middle;
}
#hair table.state th span{
	padding-right:2%;
}
#hair table.state td {
	display:block;
	padding:5%;
	border-bottom:1px dotted #AAA;
	vertical-align:middle;
}
#hair table.state td br{
	display:none;
}
#hair table.state td span {
	display:block;
	font-weight:bold;
	/*color:#777;*/
}
#hair table.state td.koumoku {
	display:none;
	text-align:center;
	vertical-align:middle;
	background-color: #F7F7F7;
}
#hair table.state tr.level0 {
	background: #E7FFFF;
}
#hair table.state tr.level1 {
	background: #ABD5FF;
}
#hair table.state tr.level3 {
	background: #FFFECE;
}
#hair table.state tr.level4 {
	background: #FEC993;
}
#hair table.state tr.level5 {
	background: #FEAAAA;
}
#hair table.state tr.level2 {
	background: #C5FFC4;
}



/*-----------------------------------
	Q ＆ A 集
-----------------------------------*/
div#qa div.section_box {
	margin-bottom: 80px;
}
div#qa div.section_inner {
	margin-bottom: 70px;
}
div#qa div.question {
	margin-bottom: 7px;
	padding-bottom:5px;
	border-bottom: 1px dotted #B6B66D;
}
div#qa div.question span {
	font-size: 20px;
	font-weight: bold;
	color: #0099FF;
	float: left;
	width: 10%;
}
div#qa span.answer_title {
	font-size: 20px;
	font-weight: bold;
	color: #FF3366;
	float: left;
	width: 10%;
}
div#qa div.question p {
	float: right;
	width: 90%;
	margin-top: 4px;
	font-weight: bold;
	font-size: 15px;
}
div#qa div.answer p {
	float: right;
	width: 90%;
	margin-top: 2px;
	font-size: 15px;
}
}