@charset "Shift_JIS";

/*--------------------
	body
--------------------*/
body {
	/*font-family:"�l�r �o�S�V�b�N", "MS PGothic", Osaka, sans-serif;*/
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "�q���M�m�p�S ProN W3", ���C���I, sans-serif;
	font-size:14px;
	line-height:32px;
}

/*--------------------
	trouble
--------------------*/
#contents.trouble .contentsArea_01 {
	width:880px;
	padding:20px 20px 0;
	position:relative;
}
#contents.trouble .contentsArea_01 p {
	width:520px;
	margin:0 0 32px;
}
#contents.trouble .contentsArea_01 p.pic_01 {
	width:317px;
	position:absolute;
	top:20px;
	right:40px;
	z-index:1;
}
#contents.trouble .contentsArea_01 p.pic_02 {
	width:361px;
	margin:0 0 0 131px;
	position:relative;
	z-index:2;
}

#contents.trouble .contentsArea_02 {
	width:880px;
	padding:20px 20px 0;
	position:relative;
}
#contents.trouble .contentsArea_02 .pic_01 {
	position:absolute;
	top:8px;
	left:483px;
}
#contents.trouble .contentsArea_02 h4 {
	padding:120px 0 0;
	text-align:center;
	margin:0 0 20px;
}
#contents.trouble .contentsArea_02 .voicelist {
	width:880px;
	overflow:hidden;
}
#contents.trouble .contentsArea_02 .voicelist div {
	width:420px;
	height:181px;
	background:url(/brand/ninocure/img/trouble_bg_01.gif) no-repeat left top;
	overflow:hidden;
	margin:0 0 30px;
}
#contents.trouble .contentsArea_02 .voicelist div.bottom {
	height:211px;
	background:url(/brand/ninocure/img/trouble_bg_02.gif) no-repeat left top;
	margin:0;
}
#contents.trouble .contentsArea_02 .voicelist div.bottom p.pic {
	padding:56px 0 0;
}
#contents.trouble .contentsArea_02 .voicelist div p {
    width: 252px;
    float: left;
    color: #f65283;
    padding: 10px 17px 0;
    line-height: 1.9;
}
#contents.trouble .contentsArea_02 .voicelist div p.pic {
	width:99px;
	float:right;
	padding:26px 0 0;
}
#contents.trouble .contentsArea_03 {
	width:920px;
	overflow:hidden;
}
#contents.trouble .contentsArea_03 p {
	width:580px;
	float:right;
	padding:20px 0 12px;
}
#contents.trouble .contentsArea_03 p span {
	font-weight:bold;
}
#contents.trouble .contentsArea_03 p span.pink {
	color:#f65283;
	font-size:18px;
}
#contents.trouble .contentsArea_03 .pic {
	width:308px;
	float:left;
	padding:30px 0 0;
}


/*--------------------
	cause
--------------------*/
#contents.cause .contentsArea_01 {
	width:880px;
	padding:20px 20px 0;
}
#contents.cause .contentsArea_01 p {
	margin:0 0 32px;
}
#contents.cause .contentsArea_02 {
	width:920px;
	padding:0;
	overflow:hidden;
}
#contents.cause .contentsArea_02 p {
	width:518px;
	float:left;
	padding:20px 0 0 15px;
}
#contents.cause .contentsArea_02 p span {
	color:#f35182;
	font-weight:bold;
	font-size:18px;
}
#contents.cause .contentsArea_02 .pic {
	width:370px;
	float:right;
	padding:27px 0 0;
}

/*--------------------
	mechanism
--------------------*/
#contents.mechanism .contentsArea_01 {
	width:880px;
	padding:20px 20px 0;
}
#contents.mechanism .contentsArea_01 p span {
	color:#f35182;
	font-weight:bold;
	font-size:18px;
}
#contents.mechanism .contentsArea_01 p span.notes {
	font-size:80%;
	color:#666;
	font-weight:normal;
	float:right;
}
#contents.mechanism .contentsArea_01 .ingredient {
	height:484px;
	margin:70px 0 60px;
	position:relative;
}
#contents.mechanism .contentsArea_01 .ingredient h4 {
	position:absolute;
	top:0;
	left:0;
}
#contents.mechanism .contentsArea_01 .ingredient .effect {
	position:absolute;
	top:60px;
	left:187px;
}
#contents.mechanism .contentsArea_01 .ingredient .effect li {
	float:left;
	margin:0 27px 0 0;
}
#contents.mechanism .contentsArea_01 .ingredient .flow {
	position:absolute;
	top:243px;
}
#contents.mechanism .contentsArea_01 .ingredient .flow li {
	float:left;
	margin:0 12px 0 0;
}
#contents.mechanism .contentsArea_01 .linkabout {
	background:url(/brand/ninocure/img/mechanism_bg_01.gif) no-repeat 0 0;
	width:880px;
	height:104px;
	position:relative;
}
#contents.mechanism .contentsArea_01 .linkabout p {
	position:absolute;
	top:23px;
	left:19px;
	font-size:16px;
	line-height:28px;
}
#contents.mechanism .contentsArea_01 .linkabout p span {
	color:#f35182;
	font-weight:bold;
	font-size:18px;
}
#contents.mechanism .contentsArea_01 .linkabout .btn {
	top:26px;
	left:522px;
}
#contents.mechanism .contentsArea_02 {
	padding:20px 20px 0;
}
#contents.mechanism .contentsArea_02 .turnover {
	width:718px;
	margin:30px auto 0;
	position:relative;
	height:272px;
}
#contents.mechanism .contentsArea_02 .turnover h4 {
	position:absolute;
}
#contents.mechanism .contentsArea_02 .turnover .txt_01 {
	position:absolute;
	top:240px;
	left:132px;
}
#contents.mechanism .contentsArea_02 .turnover .txt_02 {
	position:absolute;
	top:240px;
	left:400px;
}
span.notes{
	font-size:80%;
	color:#666;
	float:right;
}
/*--------------------
	about
--------------------*/
#contents.about .contentsArea_01 {
	width:880px;
	padding:49px 20px 0;
}
#contents.about .contentsArea_01 .effect {
	background:url(/brand/ninocure/img/about_bg_01.gif) no-repeat 0 0;
	width:840px;
	height:345px;
	padding:15px 20px;
	margin:0 0 44px;
}
#contents.about .contentsArea_01 .effect li {
	font-size:16px;
	line-height:32px;
	vertical-align:middle;
	padding:8px 0 8px 36px;
}
#contents.about .contentsArea_01 .effect li.num_01 {background:url(/brand/ninocure/img/about_icon_01.gif) no-repeat left 11px;}
#contents.about .contentsArea_01 .effect li.num_02 {background:url(/brand/ninocure/img/about_icon_02.gif) no-repeat left 11px;}
#contents.about .contentsArea_01 .effect li.num_03 {background:url(/brand/ninocure/img/about_icon_03.gif) no-repeat left 11px;}
#contents.about .contentsArea_01 .effect li.num_04 {background:url(/brand/ninocure/img/about_icon_04.gif) no-repeat left 11px;}
#contents.about .contentsArea_01 .effect li.num_05 {background:url(/brand/ninocure/img/about_icon_05.gif) no-repeat left 11px;}
#contents.about .contentsArea_01 .effect li img {
	vertical-align:middle;
}
#contents.about .contentsArea_01 .effect li span {
	color:#f35182;
	font-weight:bold;
	font-size:18px;
}
#contents.about .contentsArea_01 .effect li span.notes2 {
	color:#666;
	font-weight:normal;
	font-size:80%;
	text-align:left;
}
#contents.about .contentsArea_01 .point {
	background:url(/brand/ninocure/img/about_bg_02.gif) no-repeat 0 0;
	width:880px;
	height:322px;
	overflow:hidden;
	margin:0 0 30px;
}
#contents.about .contentsArea_01 .point h4 {
	padding:25px 0 0;
	text-align:center;
}
#contents.about .contentsArea_01 .point p {
	float:left;
	width:440px;
	padding:13px 0 0 24px;
	font-size:16px;
	line-height:32px;
}
#contents.about .contentsArea_01 .point .pic {
	float:right;
	width:361px;
	padding:20px 27px 0 0;
}
#contents.about .contentsArea_01 .lnav {
	width:677px;
	padding:0 0 0 256px;
	overflow:hidden;
}
#contents.about .contentsArea_01 .lnav li {
	float:left;
	margin:0 10px 0 0;
}
#contents.about .contentsArea_02 {
	width:880px;
	padding:20px 20px 0;
}
#contents.about .contentsArea_02 h4 {
	margin:0 0 10px;
}
#contents.about .contentsArea_02 .turnover {
	width:718px;
	margin:30px auto 0;
	position:relative;
	height:272px;
}
#contents.about .contentsArea_02 .turnover h4 {
	position:absolute;
}
#contents.about .contentsArea_02 .turnover .txt_01 {
	position:absolute;
	top:240px;
	left:132px;
}
#contents.about .contentsArea_02 .turnover .txt_02 {
	position:absolute;
	top:240px;
	left:400px;
}
#contents.about .contentsArea_03 {
	width:880px;
	padding:20px 20px 0;
}
#contents.about .contentsArea_03 dl {
	background:url(/brand/ninocure/img/about_bg_03.gif) repeat-x left bottom;
	padding:0 0 10px;
	margin:0 0 18px;
}
#contents.about .contentsArea_03 dl.qa1 {
	padding:0 0 20px;
}
#contents.about .contentsArea_03 dl.qa4 {
	background:none;
}
#contents.about .contentsArea_03 dt {
	color:#f35182;
	font-size:18px;
	line-height:50px;
	font-weight:bold;
	height:50px;
	padding:0 0 0 62px;
	margin:0 0 20px;
}
#contents.about .contentsArea_03 dl.qa1 dt {background:url(/brand/ninocure/img/about_q_01.gif) no-repeat 0 0;}
#contents.about .contentsArea_03 dl.qa2 dt {background:url(/brand/ninocure/img/about_q_02.gif) no-repeat 0 0;}
#contents.about .contentsArea_03 dl.qa3 dt {background:url(/brand/ninocure/img/about_q_03.gif) no-repeat 0 0;}
#contents.about .contentsArea_03 dl.qa4 dt {background:url(/brand/ninocure/img/about_q_04.gif) no-repeat 0 0;}
#contents.about .contentsArea_03 dd {
	padding:14px 0 14px 62px;
	font-size:14px;
	line-height:22px;
}
#contents.about .contentsArea_03 dl.qa1 dd {background:url(/brand/ninocure/img/about_a_01.gif) no-repeat 0 0;}
#contents.about .contentsArea_03 dl.qa2 dd {background:url(/brand/ninocure/img/about_a_02.gif) no-repeat 0 0;}
#contents.about .contentsArea_03 dl.qa3 dd {background:url(/brand/ninocure/img/about_a_03.gif) no-repeat 0 0;}
#contents.about .contentsArea_03 dl.qa4 dd {background:url(/brand/ninocure/img/about_a_04.gif) no-repeat 0 0;}
#contents.about .btnQA {
	text-align: center;
	margin: 30px 0 0 0;
}
/*--------------------
	header
--------------------*/
#header {
	width:960px;
	margin:0 auto;
}
/*topsocial*/
#topsocial {
	width:960px;
	height:42px;
}
#topsocial ul {
	float:right;
	padding:12px 0 0 0;
}
#topsocial ul li {
	float:left;
}
#topsocial ul li.logo img {
	margin:0 0 0 20px;
}

/*--------------------
	contentsWrap
--------------------*/
#contentsWrap {
	/*border-top:solid 1px #ccc;*/
	background:url(/brand/ninocure/img/bg_02.png) repeat-x 0 30px;
	padding-top:30px;
}
#contentsWrap .contentsWrapInner {
	background:url(/brand/ninocure/img/bg_01.png) no-repeat center top;
}

/*--------------------
	contentsHeader
--------------------*/
#contentsHeader {
	width:960px;
	/*height:134px;*/
	height:172px;
	margin:0 auto;
	position:relative;
}
#contentsHeader h1 {
	position:absolute;
	top:30px;
	left:0;
}
#contentsHeader .snav {
	position:absolute;
	top:12px;
	left:756px;
}
#contentsHeader .snav li {
	float:left;
	margin:0 20px 0 0;
}
#contentsHeader .snav li.last {
	margin:0;
}
#contentsHeader .gnav {
	position:absolute;
	top:41px;
	left:257px;
}
#contentsHeader .gnav li {
	float:left;
	height:40px;
	padding:0 12px 0 0;
	margin:0 18px 0 0;
	background:url(/brand/ninocure/img/bg_gnav.png) no-repeat right top;
}
#contentsHeader .gnav li.last {
	padding:0;
	margin:0;
	background:none;
}

/*--------------------
	contents
--------------------*/
#contents {
	width:920px;
	padding:0 20px;
	margin:0 auto;
}
#contents h2 {
	padding:0 0 30px;
}
#contents .pagetop {
	line-height: 15px;
	padding:40px 0;
	text-align: right;
}

/*--------------------
	pnav
--------------------*/
.pnav {
	border-top:solid 1px #cfcfcf;
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding:40px 0 60px;
}
.pnav li.prev {
	float:left;
}
.pnav li.next {
	float:right;
}
.pnav p {
	text-align:center;
}

/*--------------------
	footer
--------------------*/
#footer {
	width: 960px;
	height: 144px;
	margin: 0 auto;
	clear:both;
}
#navi {
	float: right;
	width: 524px;
	height: 60px;
	margin: 22px auto 0;
	border-left: solid 1px #fce8ef;
}
#navi li {
	float: left;
	border-right: solid 1px #fce8ef;
}
div.foot {
	overflow:hidden;
	clear:both;
	padding:40px 0 30px 45px;
	background-color:#f7f7f7;
	font-size:12px;
}
div.foot .footinner {
	overflow:hidden;
	width:960px;
	margin:0 auto;
	padding-left: 60px;
}
div.foot .footinner p {
	padding:0 0 27px 0;
}
div.foot .footinner dl {
	float:left;
	width:240px;
}
div.foot .footinner dl dt {
	padding:0 0 6px 0;
	line-height:15px;
}
div.foot .footinner dl dd {
	background: url(/brand/ninocure/img/foot_arow.gif) no-repeat left center;
	padding:0 0 0 10px;
	margin:0 0 0 13px;
	line-height:1.5em;
}
div.foot .footinner dl dd.last {
	margin:0 0 17px 13px;
}
div.foot .footinner dl dd a {
	color:#666666;
	text-decoration: none;
}
div.foot .footinner dl dd a:hover {
	text-decoration: underline;
}
div.footsub {
	overflow:hidden;
	clear:both;
	line-height:1;
	width:100%;
	margin:0 auto;
	padding:10px 0 10px 0;
}
div.footsub .footsubinner {
	overflow:hidden;
	width:960px;
	margin:0 auto;
}
div.footsub .footsubinner p {
	float:left;
	font-size:10px;
}
div.footsub .footsubinner p a {
	color:#666666;
	text-decoration: none;
}
div.footsub .footsubinner p a:hover {
	text-decoration: underline;
}
div.footsub .footsubinner address {
	float:right;
	width:350px;
	padding:3px 0 0 0;
}

/*--------------------
	top
--------------------*/
#contentsWrap.top {
	border-top:none;
}
#contentsWrap.top #contents {
	background:url(/brand/ninocure/img/bg_top.png) repeat-x center 0;
	height:654px;
	width:100%;
	padding-top:0;
}
.top #contents .c-inner {
	width:1100px;
	padding:0;
	margin:0 auto;
    margin-top: -20px;
	position:relative;
}
.top #contents .logo {
	position:absolute;
	top:24px;
	left:70px;
}
.top #contents .snav {
	position:absolute;
	top:45px;
	left:322px;
}
.top #contents .snav li {
	float:left;
	margin:0 19px 0 0;
}
.top #contents .gnav {
	position:absolute;
	top:411px;
	left:64px;
}
.top #contents .gnav li {
	float:left;
	margin:0 10px 0 0;
}
.top #contents .txt_01 {
	position:absolute;
	top:55px;
	left:130px;
	z-index:10;
}
.top #contents .txt_02 {
	position:absolute;
	top:220px;
	left:210px;
}
.top #contents .pic_01 {
	position:absolute;
	top:30px;
	left:733px;
}
.top #contents .pic_02 {
	position:absolute;
	top:11px;
	left:748px;
}


/*--------------------
	tvcm
--------------------*/
#contents.tvcm h3 {
	margin:0 0 30px;
}
#contents.tvcm .lead {
	display:none !important;
}
#movie_container {}

/* cm movie_container “®‰æ“ÁE?�ݍž‚Ý�?�”�?�ª
------------------------------------------------------------------*/
#movie_container li {
	margin:20px auto 40px auto;
	width:960px;
}

#movie_container p.not_movie {
	margin:80px auto 0px auto;
	width:960px;
}

#movie_container div.lead {
	/*color:#c71e1e;*/
	font-size:140%;
	font-weight:bold;
	margin:0 auto 10px auto;
	width:640px;
	text-align:center;
	/*border-bottom:1px solid #c71e1e;*/
}
#movie_container ul li .thumb{
	width:640px;
	margin:0 auto;
	position:relative;

}
#movie_container ul li .thumb .btn-arrow-movie{
	position:absolute;
	display:block;
	top:120px;
	left:160px;
	width:320px;
	height:240px;
	background:url(/brand/ninocure/img/btn-arrow-movie_off.png) no-repeat 0 0;
}
#movie_container ul li .thumb a .btn-arrow-movie:hover {
	background:url(/brand/ninocure/img/btn-arrow-movie_on.png) no-repeat 0 0;
}

/**/

/*--------------------
	common
--------------------*/
a:link {
	color:#333333;
	text-decoration:underline;
}
a:visited {
	color:#c52121;
	text-decoration:underline;
}
a:hover {
	color:#f547a6;
	text-decoration:none;
}
a:active {
	color:#888888;
	text-decoration:none;
}

/*--------------------
	elements
--------------------*/
/* float */
.fll {float:left;}
.flr {float:right;}
.clb {clear:both;}

/* text/font */
.tac {text-align:center !important;}

/* margin */
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.ml40 {margin-left:40px !important;}
.mr0 {margin-right:0px !important;}

/* padding */
.pt20 {padding-top:20px !important;}

sup {
 vertical-align: super;
 font-size: 12px;
}

/* -- Banner area -- */

.bannerBox {

	width: 960px;

	margin: 50px auto;

}

.bannerBox_ttl {

	text-align: center;

}

.bannerBoxList {

	margin-top: 20px;

	text-align: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.bannerBoxList_item {

	margin: 0 10px;

	width: 168px;

}

.bannerBoxList_item img {

	width: 168px;

}

.bannerBoxList_item a {

	display: block;

	-webkit-transition: .4s all ease;

	transition: .4s all ease;

}

.bannerBoxList_item a:hover {

	opacity: .6;

}