@charset "SHIFT_JIS";

/*****************************************************************************************
*
*	science.css
*	–Ñ”¯ƒTƒCƒGƒ“ƒX
*
*****************************************************************************************/
html,body{
	min-width:1024px;
	width:100%;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

#contentBody {position:relative;min-width: 0;zoom:1;z-index:1;}
#contentBody:before,
#contentBody:after { content:""; display:table; }
#contentBody:after { clear:both; }
#contentBody h1 {padding:0;margin:0;}
#contentBody ol{padding:0px;margin-bottom:0;}
#contentBody ol li{padding:0px;margin-bottom:0;list-style:none;}
#contentBody #contentBodyWrap {width:980px;background:#ffffff;padding-bottom:0;}
#contentBody.trie h2,
#contentBody.trie h3,
#contentBody.trie h4,
#contentBody.trie h2 span,
#contentBody.trie h3 span{width:auto;height:auto;min-width:auto;min-height:auto;padding:0;margin:0;background:none;font-size:100%;font-weight:normal;line-height:1;}
#contentFoot{position:relative;z-index:2;}
#contentCopy {position:relative;z-index:3;}

.spBlock { display: none; }
.pcBlock { display: block; }
header,section,article,footer { display: none }

.tHide{
	display:block;
	overflow:hidden;
	text-indent:110%;
	white-space: nowrap;
	background:transparent no-repeat 0 0;
}

.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}

a,
a:link,
a:active,
a:focus{	
	outline: none;
	text-decoration:none;
}

.remove{display:none !important;}
.hide{visibility:hidden !important;}

/* ƒgƒbƒvƒ{ƒ^ƒ“‚ÍPC‚Å‚Í”ñ•\Ž¦ */
.pagetop,
#spMenu{display:none;}

/* =================================================================================================
*
*	PC:screen min-width(640px)
*
==================================================================================================*/
#contentBody.science h1{
	display:block;
	width:980px;
	height:82px;
	margin:0 0 20px 0;
	background:url(/common/css/expand/special/img/h1.gif) no-repeat 0 0;
	overflow:hidden;
	text-indent:110%;
	white-space: nowrap;
}

#contentBody.science #mainVisual{
	position:relative;
	width:100%;
	margin:0 0 40px 0;
}

#contentBody.science #mainVisual ul{
	display:table;
	width:100%;
	margin:0 0 10px 0;
	background:#ffffff;
	background:rgba(255, 255, 255, 0.8);
}

#contentBody.science #mainVisual ul li{
	display:table-cell;
	width:16.6%;
	height:60px;
	padding:0 0 0 1px;
	border:#666666 solid;
	border-width:0 0 0 1px;
	text-align:center;
	vertical-align:middle;
}
#contentBody.science #mainVisual ul li.nMens{border-width:0 1px 0 1px;}
#contentBody.science #mainVisual ul li a{
	display:block;
	height:54px;
	line-height:58px;
	margin:0 10px 0 10px;
	border-bottom:6px transparent solid;
	font-size:16px;
}

#contentBody.science #mainVisual ul li.nAll a				{color:#e57fa8;}
#contentBody.science #mainVisual ul li.nColor a				{color:#ef7c00;}
#contentBody.science #mainVisual ul li.nForme a				{color:#20aa23;}
#contentBody.science #mainVisual ul li.nHairScalp a			{color:#05acae;}
#contentBody.science #mainVisual ul li.nHairScience a		{color:#3563d8;}
#contentBody.science #mainVisual ul li.nMens a				{color:#7300cc;}

#contentBody.science #mainVisual ul li.nAll.on a,
#contentBody.science #mainVisual ul li.nAll a:hover			{border-color:#e57fa8;}
#contentBody.science #mainVisual ul li.nColor.on a,
#contentBody.science #mainVisual ul li.nColor a:hover		{border-color:#efb577;}
#contentBody.science #mainVisual ul li.nForme.on a,
#contentBody.science #mainVisual ul li.nForme a:hover		{border-color:#89cf8a;}
#contentBody.science #mainVisual ul li.nHairScalp.on a,
#contentBody.science #mainVisual ul li.nHairScalp a:hover	{border-color:#7fc7c7;}
#contentBody.science #mainVisual ul li.nHairScience.on a,
#contentBody.science #mainVisual ul li.nHairScience a:hover	{border-color:#8fa6e0;}
#contentBody.science #mainVisual ul li.nMens.on a,
#contentBody.science #mainVisual ul li.nMens a:hover		{border-color:#a96ed2;}

#contentBody.science #mainVisual ul li.on a{
	font-weight:bold;
	color:#333333;
}

#contentBody.science #mainVisual img{
	display:block;
	width:100%;
	height:auto;
}

/* -- index --------------------------------------------------------------------------------------*/
#contentBody.science.index #mainVisual h2{
	position:absolute;
	top:50%;
	left:0;
	width:450px;
	height:200px;
	margin:-138px 0 0 0;
	padding:0;
	background:url(../img/common/index/h3_science.png) no-repeat 0 0;
	color:#3563d8;
	line-height:normal;
}

#contentBody.science.index #mainVisual ul{
	position:absolute;
	bottom:0;
	margin:0;
	padding:10px 0 10px 0;
}
#contentBody.science #mainVisual ul li.nAll		{border-width:0 0 0 0;}
#contentBody.science #mainVisual ul li.nMens	{border-width:0 0 0 1px;}

#contentBody.science.index #report{
	min-height:350px;
	margin:0 0 70px 0;
	padding:0 10px 0 10px;
}

#contentBody.science.index #report ul{margin:0 -30px 0 0;}

#contentBody.science.index #report ul li{
	float:left;
	width:298px;
	margin:0 30px 30px 0;
	border:1px solid #e2e2e2;
	-webkit-transition:box-shadow 600ms linear;
	transition:box-shadow 300ms ease-out;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
#contentBody.science.index #report ul li:hover{box-shadow:0 0 20px rgba(0,0,0,0.4);}
#contentBody.science.index #report ul li img{
	display:block;
	width:100%;
	height:auto;
} 


/* -- report -------------------------------------------------------------------------------------*/
#contentBody.science.report{}
#contentBody.science.report #mainVisual h2{
	position: relative;
	margin: 0 0 25px 0;
	background:none;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
}

#contentBody.science.report #mainVisual h2:before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin:-3px 0 0 0;
	border-top: 1px solid #434242;
	z-index: 1;
}

#contentBody.science.report #mainVisual h2 span{
	position: relative;
	display: inline-block;
	margin: 0 auto;
	padding: 0 10px;
	background: #ffffff;
	font-weight: bold;
	z-index: 2;
}

#contentBody.science.report #mainVisual h2 span br{display:none}

#contentBody.science.report #mainVisual .mainImage{
	overflow:hidden;
	position:relative;
	width:100%;
	height:300px;
}

#contentBody.science.report #mainVisual .mainImage img.pc,
#contentBody.science.report #mainVisual .mainImage img.sp{position:relative;}
#contentBody.science.report #mainVisual .mainImage img.pc{display:block;}
#contentBody.science.report #mainVisual .mainImage img.sp{display:none;}

#contentBody.science.report #mainVisual .mainImage img.tag{
	position:absolute;
	width:142px;
	height:auto;
	right:-30px;
	top:-30px;
}

#contentBody.science.report #mainVisual ul{margin:0 0 24px 0;}
#contentBody.science.report #mainVisual ul li.nAll {border-width:0 0 0 1px;}
#contentBody.science.report #mainVisual ul li.nMens {border-width:0 1px 0 1px;}
#contentBody.science.report #mainVisual ul li a{font-size:18px;}

#contentBody.science.report #mainVisual h3{
	display:table;
	position:absolute;
	width:450px;
	height:100%;
	padding:0;
	background:none;
	font-size:24px;
	z-index:1;
}

#contentBody.science.report #mainVisual h3 span{
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 28px;
	line-height:1.4;
	font-weight:bold;
}


#contentBody.science.report #mainVisual h3:before,
#contentBody.science.report #mainVisual h3:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	width:100%;
	height:3px;
}
#contentBody.science.report #mainVisual h3:before{top:70px;}
#contentBody.science.report #mainVisual h3:after{bottom:70px;}

#contentBody.science.report #mainVisual h3 i{
	display:block;
	width:3em;
	color:#333333;
	font-size:28px;
	font-style:normal;
	font-weight:normal;
}

#contentBody.science.report #article{position:relative;}

#contentBody.science.report #article h3{display:none;}

#contentBody.science.report #article h4,
#contentBody.science.report #article .section{
	float:right;
	width:600px;
	margin:0 0 20px 0;
	padding:0 20px 0 0;
}

#contentBody.science.report #article .section p{font-size:14px;}

#contentBody.science.report #article h4{font-size:24px;font-weight:normal;}
#contentBody.science.report #article h5{font-size:16px;margin:0 0 20px 0;}


#contentBody.science.report #article .section+img{
	display:block;
	position:absolute;
	left:0;
	width:320px;
	height:auto;
}

#contentBody.science.report #article cite{
	display:block;
	float:right;
	width:620px;
	margin:50px 0 50px 0;
	padding:0 20px 0 0;
	text-align:right;
	font-style:normal;
}

/* -- report color -------------------------------------------------------------------------------
--	color		:#fcebd9 url(../img/common/line_report_01.png); color:#ed7c02;
--	forme		:#def2de url(../img/common/line_report_02.png); color:#3c8f00;
--	hairScalp	:#daf3f3 url(../img/common/line_report_03.png); color:#05acae;
--	hairScience	:#3563d8 url(../img/common/line_report_04.png); color:#e1e8fa;
--	mens		:#7300cc url(../img/common/line_report_05.png); color:#ead9f7;
 -----------------------------------------------------------------------------------------------*/


/* -- report #01 -------------------------------------------------------------------------------*/
#contentBody.science.report.n01 #mainVisual h3{color:#3563d8;background-color:#e1e8fa;}
#contentBody.science.report.n01 #mainVisual h3:before,
#contentBody.science.report.n01 #mainVisual h3:after{background-image:url(../img/common/line_report_04.png);}
#contentBody.science.report.n01 #article .section+img.photo01{top:0px;}

/* -- report #02 -------------------------------------------------------------------------------*/
#contentBody.science.report.n02 #mainVisual h3{color:#3563d8;background-color:#e1e8fa;}
#contentBody.science.report.n02 #mainVisual h3:before,
#contentBody.science.report.n02 #mainVisual h3:after{background-image:url(../img/common/line_report_04.png);}
#contentBody.science.report.n02 #article .section+img.photo01{top:0px;}

/* -- report #03 -------------------------------------------------------------------------------*/
#contentBody.science.report.n03 #mainVisual h3{color:#05acae;background-color:#daf3f3;}
#contentBody.science.report.n03 #mainVisual h3:before,
#contentBody.science.report.n03 #mainVisual h3:after{background-image:url(../img/common/line_report_03.png);}
#contentBody.science.report.n03 #article .section+img.photo01{top:0px;}

/* -- report #04 -------------------------------------------------------------------------------*/
#contentBody.science.report.n04 #mainVisual h3{color:#3c8f00;background-color:#def2de;}
#contentBody.science.report.n04 #mainVisual h3:before,
#contentBody.science.report.n04 #mainVisual h3:after{background-image:url(../img/common/line_report_02.png);}
#contentBody.science.report.n04 #article .section+img.photo01{top:0;}
#contentBody.science.report.n04 #article .section+img.photo02{top:340px;}

/* -- report #05 -------------------------------------------------------------------------------*/
#contentBody.science.report.n05 #mainVisual h3{color:#3563d8;background-color:#e1e8fa;}
#contentBody.science.report.n05 #mainVisual h3:before,
#contentBody.science.report.n05 #mainVisual h3:after{background-image:url(../img/common/line_report_04.png);}
#contentBody.science.report.n05 #article .section+img.photo01{top:0px;}
#contentBody.science.report.n05 #article .section+img.photo02{top:340px;}
#contentBody.science.report.n05 #article .section+img.photo03{top:680px;}

/* -- report #06 -------------------------------------------------------------------------------*/
#contentBody.science.report.n06 #mainVisual h3{color:#05acae;background-color:#daf3f3;}
#contentBody.science.report.n06 #mainVisual h3:before,
#contentBody.science.report.n06 #mainVisual h3:after{background-image:url(../img/common/line_report_03.png);}
#contentBody.science.report.n06 #article .section+img.photo01{top:0px;}

/* -- report #07 -------------------------------------------------------------------------------*/
#contentBody.science.report.n07 #mainVisual h3{color:#05acae;background-color:#daf3f3;}
#contentBody.science.report.n07 #mainVisual h3:before,
#contentBody.science.report.n07 #mainVisual h3:after{background-image:url(../img/common/line_report_03.png);}
#contentBody.science.report.n07 #article .section+img.photo01{top:0px;}

/* -- report #08 -------------------------------------------------------------------------------*/
#contentBody.science.report.n08 #mainVisual h3{color:#3c8f00;background-color:#def2de;}
#contentBody.science.report.n08 #mainVisual h3:before,
#contentBody.science.report.n08 #mainVisual h3:after{background-image:url(../img/common/line_report_02.png);}
#contentBody.science.report.n08 #article .section+img.photo01{top:0;}

/* -- report #09 -------------------------------------------------------------------------------*/
#contentBody.science.report.n09 #mainVisual h3{color:#3563d8;background-color:#e1e8fa;}
#contentBody.science.report.n09 #mainVisual h3:before,
#contentBody.science.report.n09 #mainVisual h3:after{background-image:url(../img/common/line_report_04.png);}
#contentBody.science.report.n09 #article .section+img.photo01{top:0px;}
#contentBody.science.report.n09 #article .section+img.photo02{top:340px;}
#contentBody.science.report.n09 #article .section+img.photo03{top:680px;}

/* -- report #10 -------------------------------------------------------------------------------*/
#contentBody.science.report.n10 #mainVisual h3{color:#05acae;background-color:#daf3f3;}
#contentBody.science.report.n10 #mainVisual h3:before,
#contentBody.science.report.n10 #mainVisual h3:after{background-image:url(../img/common/line_report_03.png);}
#contentBody.science.report.n10 #article .section+img.photo01{top:0px;}

/* -- report #11 -------------------------------------------------------------------------------*/
#contentBody.science.report.n11 #mainVisual h3{color:#3563d8;background-color:#e1e8fa;}
#contentBody.science.report.n11 #mainVisual h3:before,
#contentBody.science.report.n11 #mainVisual h3:after{background-image:url(../img/common/line_report_04.png);}
#contentBody.science.report.n11 #article .section+img.photo01{top:0px;}

/* -- report #12 -------------------------------------------------------------------------------*/
#contentBody.science.report.n12 #mainVisual h3{color:#3563d8;background-color:#e1e8fa;}
#contentBody.science.report.n12 #mainVisual h3:before,
#contentBody.science.report.n12 #mainVisual h3:after{background-image:url(../img/common/line_report_04.png);}
#contentBody.science.report.n12 #article .section+img.photo01{top:0px;}

/* -- report #13 -------------------------------------------------------------------------------*/
#contentBody.science.report.n13 #mainVisual h3{color:#3c8f00;background-color:#def2de;}
#contentBody.science.report.n13 #mainVisual h3:before,
#contentBody.science.report.n13 #mainVisual h3:after{background-image:url(../img/common/line_report_02.png);}
#contentBody.science.report.n13 #article .section+img.photo01{top:0;}

/* -- report #14 -------------------------------------------------------------------------------*/
#contentBody.science.report.n14 #mainVisual h3{color:#ed7c02;background-color:#fcebd9;}
#contentBody.science.report.n14 #mainVisual h3:before,
#contentBody.science.report.n14 #mainVisual h3:after{background-image:url(../img/common/line_report_01.png);}
#contentBody.science.report.n14 #article .section+img.photo01{top:0;}

/* -- report #15 -------------------------------------------------------------------------------*/
#contentBody.science.report.n15 #mainVisual h3{color:#ed7c02;background-color:#fcebd9;}
#contentBody.science.report.n15 #mainVisual h3:before,
#contentBody.science.report.n15 #mainVisual h3:after{background-image:url(../img/common/line_report_01.png);}
#contentBody.science.report.n15 #article .section+img.photo01{top:0;}

/* -- report #16 -------------------------------------------------------------------------------*/
#contentBody.science.report.n16 #mainVisual h3{color:#7300cc;background-color:#ead9f7;}
#contentBody.science.report.n16 #mainVisual h3:before,
#contentBody.science.report.n16 #mainVisual h3:after{background-image:url(../img/common/line_report_05.png);}
#contentBody.science.report.n16 #article .section+img.photo01{top:0;}

/* -- report #17 -------------------------------------------------------------------------------*/
#contentBody.science.report.n17 #mainVisual h3{color:#3c8f00;background-color:#def2de;}
#contentBody.science.report.n17 #mainVisual h3:before,
#contentBody.science.report.n17 #mainVisual h3:after{background-image:url(../img/common/line_report_02.png);}
#contentBody.science.report.n17 #article .section+img.photo01{top:0;}

/* -- report #18 -------------------------------------------------------------------------------*/
#contentBody.science.report.n18 #mainVisual h3{color:#ed7c02;background-color:#fcebd9;}
#contentBody.science.report.n18 #mainVisual h3:before,
#contentBody.science.report.n18 #mainVisual h3:after{background-image:url(../img/common/line_report_01.png);}
#contentBody.science.report.n18 #article .section+img.photo01{top:0;}

/* -- report #19 -------------------------------------------------------------------------------*/
#contentBody.science.report.n19 #mainVisual h3{color:#7300cc;background-color:#ead9f7;}
#contentBody.science.report.n19 #mainVisual h3:before,
#contentBody.science.report.n19 #mainVisual h3:after{background-image:url(../img/common/line_report_05.png);}
#contentBody.science.report.n19 #article .section+img.photo01{top:0;}