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

 * Style Name: layout.css
 * Description: Resetting HTML elements styles

 [ outline ]

 * *********************************************************
 */



.container_main h3{
	margin-bottom:0;
}

.container_main h3 + img{
	margin:auto;
}

.container_main p{
	margin-bottom:0;
}

.container_main img{
	display:block;
}


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

/*PC表示*/


/*--------------------------
	display none
---------------------------*/
.pc_show {/*display:none;*/}
.sp_show {display:none;}

.pc_br br {/*display:none;*/}
.sp_br br {display:none;}

/*--------------------------
	font
---------------------------*/
.bold { font-weight:bold!important; }
.fw_normal{ font-weight:normal!important; }
.unit { font-family: 'Lato', sans-serif; color:#000!important; }
.unit2 { font-family: 'Lora',serif; color:#000!important; font-style:italic;}
.unit_blue { font-family: 'Lato', sans-serif; color:#3b91de!important; }
.unit_orange { font-family: 'Lato', sans-serif; color:#ff6e2e!important; }
.unit_n { font-family: 'Lato', 'Noto Sans JP', sans-serif; }

/*--------------------------
	others
---------------------------*/
.mAuto{ margin: 0 auto;}
.clearBoth {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}

/*--------------------------
	txt
---------------------------*/
.txtC{ text-align:center!important;}
.txtR{ text-align:right!important;}
.txtL{ text-align:left!important;}
.udline{ text-decoration:underline!important;}

/*--------------------------
	line-height
---------------------------*/
.lh1{ line-height:1!important;}
.lh12{ line-height:1.2!important;}
.lh2{ line-height:2!important;}

/*--------------------------
	indent
---------------------------*/
.noteRec{padding:0 0 0 2.7em; text-indent:-2.7em;}
.note1{padding:0 0 0 1em; text-indent:-1em;}
.note2{padding:0 0 0 1.7em; text-indent:-1.7em;}
.note3{padding:0 0 0 2.7em; text-indent:-2.7em;}

/*--------------------------
	color
---------------------------*/
.whiteColor{color:#ffffff;}
.blue01Color{color:#166fce;}
.green01Color{color:#2eac87;}
.red01Color{color:#ff0000;}

/*--------------------------
	font-size
---------------------------*/
.cap{ font-size:74%; line-height:1.4;}
.cap {}

.xsmall{ font-size:63%;}
.small{ font-size:78.6%;}
.large{ font-size:116%;}
.xlarge{ font-size:134%;}

/*-----------------------------------------------------------------------------
 =03.margin padding others
-----------------------------------------------------------------------------*/

/*--------------------------
	margin
---------------------------*/
.mT1p{ margin-top:1%!important;}
.mT2p{ margin-top:2%!important;}
.mT3p{ margin-top:3%!important;}
.mT4p{ margin-top:4%!important;}
.mT5p{ margin-top:5%!important;}

.mT0{ margin-top:0!important;}
.mT5{ margin-top:5px!important;}
.mT10{ margin-top:10px!important;}
.mT25{ margin-top:25px!important;}
.mT20{ margin-top:20px!important;}
.mT30{ margin-top:30px!important;}
.mT35{ margin-top:35px!important;}
.mT40{ margin-top:40px!important;}
.mT45{ margin-top:45px!important;}
.mT50{ margin-top:50px!important;}
.mT55{ margin-top:55px!important;}
.mT60{ margin-top:60px!important;}
.mT65{ margin-top:65px!important;}
.mT70{ margin-top:70px!important;}
.mT75{ margin-top:75px!important;}
.mT80{ margin-top:80px!important;}
.mT85{ margin-top:85px!important;}
.mT90{ margin-top:90px!important;}
.mT95{ margin-top:95px!important;}
.mT100{ margin-top:100px!important;}
.mT105{ margin-top:105px!important;}
.mT110{ margin-top:110px!important;}
.mT115{ margin-top:115px!important;}
.mT120{ margin-top:120px!important;}
.mT125{ margin-top:125px!important;}
.mT130{ margin-top:130px!important;}
.mT135{ margin-top:135px!important;}
.mT140{ margin-top:140px!important;}
.mT145{ margin-top:145px!important;}
.mT150{ margin-top:150px!important;}
.mT155{ margin-top:155px!important;}
.mT160{ margin-top:160px!important;}
.mT165{ margin-top:165px!important;}

/*----------margin left-----------*/
.mL1p{margin-left:1%!important;}
.mL2p{margin-left:2%!important;}
.mL3p{margin-left:3%!important;}
.mL4p{margin-left:4%!important;}
.mL5p{margin-left:5%!important;}

.mL0{margin-left:0px!important;}
.mL2{margin-left:2px!important;}
.mL4{margin-left:4px!important;}
.mL6{margin-left:6px!important;}
.mL8{margin-left:8px!important;}
.mL10{margin-left:10px!important;}
.mL12{margin-left:12px!important;}
.mL14{margin-left:14px!important;}
.mL16{margin-left:16px!important;}
.mL18{margin-left:18px!important;}
.mL20{margin-left:20px!important;}
.mL22{margin-left:22px!important;}
.mL24{margin-left:24px!important;}
.mL26{margin-left:26px!important;}
.mL28{margin-left:28px!important;}
.mL30{margin-left:30px!important;}
.mL32{margin-left:32px!important;}
.mL34{margin-left:34px!important;}
.mL36{margin-left:36px!important;}
.mL38{margin-left:38px!important;}
.mL40{margin-left:40px!important;}
.mL42{margin-left:42px!important;}
.mL44{margin-left:44px!important;}
.mL46{margin-left:46px!important;}
.mL48{margin-left:48px!important;}
.mL50{margin-left:50px!important;}
.mL52{margin-left:52px!important;}
.mL54{margin-left:54px!important;}
.mL56{margin-left:56px!important;}
.mL58{margin-left:58px!important;}
.mL60{margin-left:60px!important;}

/*----------margin right----------*/
.mR1p{margin-right:1%!important;}
.mR2p{margin-right:2%!important;}
.mR3p{margin-right:3%!important;}
.mR4p{margin-right:4%!important;}
.mR5p{margin-right:5%!important;}

.mR0{margin-right:0px!important;}
.mR2{margin-right:2px!important;}
.mR4{margin-right:4px!important;}
.mR6{margin-right:6px!important;}
.mR8{margin-right:8px!important;}
.mR10{margin-right:10px!important;}
.mR12{margin-right:12px!important;}
.mR14{margin-right:14px!important;}
.mR16{margin-right:16px!important;}
.mR18{margin-right:18px!important;}
.mR20{margin-right:20px!important;}
.mR22{margin-right:22px!important;}
.mR24{margin-right:24px!important;}
.mR26{margin-right:26px!important;}
.mR28{margin-right:28px!important;}
.mR30{margin-right:30px!important;}
.mR32{margin-right:32px!important;}
.mR34{margin-right:34px!important;}
.mR36{margin-right:36px!important;}
.mR38{margin-right:38px!important;}
.mR40{margin-right:40px!important;}
.mR42{margin-right:42px!important;}
.mR44{margin-right:44px!important;}
.mR46{margin-right:46px!important;}
.mR48{margin-right:48px!important;}
.mR50{margin-right:50px!important;}
.mR52{margin-right:52px!important;}
.mR54{margin-right:54px!important;}
.mR56{margin-right:56px!important;}
.mR58{margin-right:58px!important;}
.mR60{margin-right:60px!important;}

/*----------margin bottom---------*/
.mB1p{ margin-bottom:1%!important;}
.mB2p{ margin-bottom:2%!important;}
.mB3p{ margin-bottom:3%!important;}
.mB4p{ margin-bottom:4%!important;}
.mB5p{ margin-bottom:5%!important;}

.mB0{ margin-bottom:0!important;}
.mB5{ margin-bottom:5px!important;}
.mB10{ margin-bottom:10px!important;}
.mB15{ margin-bottom:15px!important;}
.mB20{ margin-bottom:20px!important;}
.mB25{ margin-bottom:25px!important;}
.mB30{ margin-bottom:30px!important;}
.mB35{ margin-bottom:35px!important;}
.mB40{ margin-bottom:40px!important;}
.mB45{ margin-bottom:45px!important;}
.mB50{ margin-bottom:50px!important;}
.mB55{ margin-bottom:55px!important;}
.mB60{ margin-bottom:60px!important;}
.mB65{ margin-bottom:65px!important;}
.mB70{ margin-bottom:70px!important;}
.mB75{ margin-bottom:75px!important;}
.mB80{ margin-bottom:80px!important;}
.mB85{ margin-bottom:85px!important;}
.mB90{ margin-bottom:90px!important;}
.mB95{ margin-bottom:95px!important;}
.mB100{ margin-bottom:100px!important;}
.mB105{ margin-bottom:105px!important;}
.mB110{ margin-bottom:110px!important;}
.mB115{ margin-bottom:115px!important;}
.mB120{ margin-bottom:120px!important;}
.mB125{ margin-bottom:125px!important;}
.mB130{ margin-bottom:130px!important;}
.mB135{ margin-bottom:135px!important;}
.mB140{ margin-bottom:140px!important;}
.mB145{ margin-bottom:145px!important;}
.mB150{ margin-bottom:150px!important;}
.mB155{ margin-bottom:155px!important;}
.mB160{ margin-bottom:160px!important;}
.mB165{ margin-bottom:165px!important;}

/*--------------------------
	padding
---------------------------*/
.p1p{ padding:1%!important;}
.p2p{ padding:2%!important;}
.p3p{ padding:3%!important;}
.p4p{ padding:4%!important;}
.p5p{ padding:5%!important;}

.p0{ padding:0;}
.p2{ padding:2px;}
.p4{ padding:4px;}
.p6{ padding:6px;}
.p8{ padding:8px;}
.p10{ padding:10px;}
.p12{ padding:12px;}
.p14{ padding:14px;}
.p16{ padding:16px;}
.p18{ padding:18px;}
.p20{ padding:20px;}
.p22{ padding:22px;}
.p24{ padding:24px;}
.p26{ padding:26px;}
.p28{ padding:28px;}
.p30{ padding:30px;}
.p32{ padding:32px;}

/*----------padding top---------*/
.pT1p{ padding-top:1%!important;}
.pT2p{ padding-top:2%!important;}
.pT3p{ padding-top:3%!important;}
.pT4p{ padding-top:4%!important;}
.pT5p{ padding-top:5%!important;}

.pT0{ padding-top:0!important;}
.pT5{ padding-top:5px!important;}
.pT6{ padding-top:6px!important;}
.pT10{ padding-top:10px!important;}
.pT15{ padding-top:15px!important;}
.pT20{ padding-top:20px!important;}
.pT25{ padding-top:25px!important;}
.pT30{ padding-top:30px!important;}
.pT35{ padding-top:35px!important;}
.pT40{ padding-top:40px!important;}
.pT45{ padding-top:45px!important;}
.pT50{ padding-top:50px!important;}
.pT55{ padding-top:55px!important;}
.pT60{ padding-top:60px!important;}
.pT65{ padding-top:65px!important;}
.pT70{ padding-top:70px!important;}
.pT75{ padding-top:75px!important;}
.pT80{ padding-top:80px!important;}
.pT85{ padding-top:85px!important;}

/*----------padding left-----------*/
.pL1p{padding-left:1%!important;}
.pL2p{padding-left:2%!important;}
.pL3p{padding-left:3%!important;}
.pL4p{padding-left:4%!important;}
.pL5p{padding-left:5%!important;}

.pL0{padding-left:0!important;}
.pL2{padding-left:2px!important;}
.pL4{padding-left:4px!important;}
.pL6{padding-left:6px!important;}
.pL8{padding-left:8px!important;}
.pL10{padding-left:10px!important;}
.pL12{padding-left:12px!important;}
.pL14{padding-left:14px!important;}
.pL16{padding-left:16px!important;}
.pL18{padding-left:18px!important;}
.pL20{padding-left:20px!important;}

/*----------padding right----------*/
.pR1p{padding-right:1%!important;}
.pR2p{padding-right:2%!important;}
.pR3p{padding-right:3%!important;}
.pR4p{padding-right:4%!important;}
.pR5p{padding-right:5%!important;}
.pR6p{padding-right:6%!important;}
.pR7p{padding-right:7%!important;}
.pR8p{padding-right:8%!important;}
.pR9p{padding-right:9%!important;}
.pR10p{padding-right:10%!important;}

.pR0{padding-right:0!important;}
.pR2{padding-right:2px!important;}
.pR4{padding-right:4px!important;}
.pR6{padding-right:6px!important;}
.pR8{padding-right:8px!important;}
.pR10{padding-right:10px!important;}
.pR12{padding-right:12px!important;}
.pR14{padding-right:14px!important;}
.pR16{padding-right:16px!important;}
.pR18{padding-right:18px!important;}
.pR20{padding-right:20px!important;}
.pR22{padding-right:22px!important;}
.pR24{padding-right:24px!important;}
.pR26{padding-right:26px!important;}
.pR28{padding-right:28px!important;}
.pR30{padding-right:30px!important;}
.pR32{padding-right:32px!important;}
.pR34{padding-right:34px!important;}
.pR36{padding-right:36px!important;}
.pR38{padding-right:38px!important;}
.pR40{padding-right:40px!important;}
.pR42{padding-right:42px!important;}
.pR44{padding-right:44px!important;}
.pR46{padding-right:46px!important;}
.pR48{padding-right:48px!important;}
.pR50{padding-right:50px!important;}

/*----------padding bottom---------*/
.pB1p{ padding-bottom:1%!important;}
.pB2p{ padding-bottom:2%!important;}
.pB3p{ padding-bottom:3%!important;}
.pB4p{ padding-bottom:4%!important;}
.pB5p{ padding-bottom:5%!important;}

.pB0{ padding-bottom:0!important;}
.pB5{ padding-bottom:5px!important;}
.pB10{ padding-bottom:10px!important;}
.pB15{ padding-bottom:15px!important;}
.pB20{ padding-bottom:20px!important;}
.pB25{ padding-bottom:25px!important;}
.pB30{ padding-bottom:30px!important;}
.pB35{ padding-bottom:35px!important;}
.pB40{ padding-bottom:40px!important;}
.pB45{ padding-bottom:45px!important;}
.pB50{ padding-bottom:50px!important;}
.pB55{ padding-bottom:55px!important;}
.pB60{ padding-bottom:60px!important;}
.pB65{ padding-bottom:65px!important;}
.pB70{ padding-bottom:70px!important;}
.pB75{ padding-bottom:75px!important;}
.pB80{ padding-bottom:80px!important;}
.pB85{ padding-bottom:85px!important;}
.pB90{ padding-bottom:90px!important;}
.pB95{ padding-bottom:95px!important;}
.pB100{ padding-bottom:100px!important;}
.pB105{ padding-bottom:105px!important;}

/*--------------------------
	width
---------------------------*/
.w2P {width:2%;}
.w4P {width:4%;}
.w6P {width:6%;}
.w8P {width:8%;}
.w10P {width:10%;}
.w12P {width:12%;}
.w14P {width:14%;}
.w16P {width:16%;}
.w18P {width:18%;}
.w20P {width:20%;}
.w22P {width:22%;}
.w24P {width:24%;}
.w26P {width:26%;}
.w28P {width:28%;}
.w30P {width:30%;}
.w32P {width:32%;}
.w34P {width:34%;}
.w36P {width:36%;}
.w38P {width:38%;}
.w40P {width:40%;}
.w42P {width:42%;}
.w44P {width:44%;}
.w46P {width:46%;}
.w48P {width:48%;}
.w50P {width:50%;}
.w52P {width:52%;}
.w54P {width:54%;}
.w56P {width:56%;}
.w58P {width:58%;}
.w60P {width:60%;}
.w62P {width:62%;}
.w64P {width:64%;}
.w66P {width:66%;}
.w68P {width:68%;}
.w70P {width:70%;}
.w72P {width:72%;}
.w74P {width:74%;}
.w76P {width:76%;}
.w78P {width:78%;}
.w80P {width:80%;}
.w82P {width:82%;}
.w84P {width:84%;}
.w86P {width:86%;}
.w88P {width:88%;}
.w90P {width:90%;}
.w92P {width:92%;}
.w94P {width:94%;}
.w96P {width:96%;}
.w98P {width:98%;}
.w100P {width:100%;}

/*-----------------------------------------------------------------------------
 =03.clearFix
-----------------------------------------------------------------------------*/
.cf:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}



.container_main h2{
	width:100%;
	margin:0 auto 10px;
	font-size:110%;
}

/* slides */

.slides {width:100%; margin:0 auto;}
.slides .cap {margin:10px 0 20px;}

#babybifi .slides,
#milklife .slides,
#hp_ofrj .slides,
#hp_pcr .slides,
#hp_rpeg .slides,
#hp_tpo .slides,
#hp_rglc .slides {margin-bottom:20px;}

/*-----*/
/* regi_var2 */
.regi_var2{
	width:100%;
	margin:0 auto 10px;
	background:#fee4a5;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	padding:15px 0;
	position: relative;
}

.regi_var2 .cap{margin:10px auto 20px;}

.regi_var2 .ttl,
.regi_var2 .ttl2 {
	width:660px;
	margin:0 auto;
}

.regi_var2 .ttl img{
	width:60px;
	padding:0 20px 0 15px;
	float:left;
}

#b3 .regi_var2 .ttl img{padding-top:5px;}

.regi_var2 .ttl2 img {
	width:100px;
	padding:0 0 0 5px;
	float:left;
}

.regi_var2 .ttl div{
	width:560px;
	float:right;
	display:inline-block;
	padding-top:7px;
}

.regi_var2 .ttl2 div {
	width:540px;
	float:right;
	display:inline-block;
	padding-top:7px;
}

.regi_var2 .trial_ttl{
	width:660px;
	margin:0 auto 10px;
	border-bottom:#ffffff 2px solid;
}

.regi_var2 .ttl p span,
.regi_var2 .ttl2 p span {font-size:75%;}

.regi_var2 .ttl .comment,
.regi_var2 .ttl2 .comment{padding:0;}

.regi_var2 .teiki,
.regi_var2 .once,
.regi_var2 .trial{
	width:660px;
	margin:10px auto 0;
	background:#ffffff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.regi_var2 .teiki .inner,
.regi_var2 .once  .inner,
.regi_var2 .trial .inner{
	width:620px;
	margin:0 auto;
	padding:10px 0;
}

.regi_var2 .teiki .inner .sub_ttl{
	border-bottom:#ff0000 2px solid;
}

.regi_var2 .teiki .inner .sub_ttl div{
	width:380px;
}

.regi_var2 .teiki .inner .sub_ttl p:nth-child(1) {
	float:left;
	color:#ff0000;
	font-size:110%;
	text-align:left;
}

.regi_var2 .teiki .inner .sub_ttl p:nth-child(2) {
	float:right;
	color:#0077fd;
	font-size:90%;
	text-align:right;
	padding-top:3px;
}

.regi_var2 .teiki .inner .sub_ttl p:nth-child(2) a:link,
.regi_var2 .teiki .inner .sub_ttl p:nth-child(2) a:visited { color: #000; text-decoration:underline;}
.regi_var2 .teiki .inner .sub_ttl p:nth-child(2) a:hover,
.regi_var2 .teiki .inner .sub_ttl p:nth-child(2) a:active { color: #000; text-decoration:none;}

.regi_var2 .once .inner .sub_ttl{
	border-bottom:#b2b2b2 2px solid;
}

.regi_var2 .once .inner .sub_ttl p{
	font-size:110%;
}

.regi_var2 .inner .price{
	float:left;
	width:380px;
	margin:15px 0 0;
}

.regi_var2 .teiki .inner .price > p,
.regi_var2 .once  .inner .price > p,
.regi_var2 .trial .inner .price > p{
	font-size:110%;
	float:left;
	line-height:1.2;
	letter-spacing:-0.5px;
	width:180px;
}

.regi_var2 .teiki .inner .price p span,
.regi_var2 .once  .inner .price p span {
	font-size:66%; color:#000000;
}

.regi_var2 .once .inner .price div p{
	font-size:70%;
	line-height:1.5;
	color:#3e91dd;
	margin-top:7px;
}

.regi_var2 .trial .inner .price div p{
	font-size:70%;
	line-height:1.5;
	color:#3e91dd;
	margin-top:5px;
}

.regi_var2 .teiki .inner .price div{
	float:left;
	width:200px;
}

.regi_var2 .once  .inner .price div,
.regi_var2 .trial .inner .price div{
	float:left;
	width:200px;
	text-align:right;
}

.regi_var2 .teiki .inner .price img {float:left;}

.regi_var2 .once  .inner .price img,
.regi_var2 .trial .inner .price img{
	padding:0 0 0 110px;
	width:90px;
}

.regi_var2 .teiki .inner .price img:nth-child(1){
	width:100px;
}

.regi_var2 .teiki .inner .price img:nth-child(2){
	padding:4px 0 0 10px;
	width:90px;
}

.regi_var2 .teiki .inner .fd_order,
.regi_var2 .once  .inner .fd_order,
.regi_var2 .trial .inner .fd_order {
	float:left;
	width:240px;
	margin:0;
	background:#cccccc;
}

.regi_var2 .fd_od1,
.regi_var2 .fd_od2{
	width:150px;
	display: block;
	position: absolute;
	background:#fff;
	border:#ff7200 solid 5px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	right:25px;
}

.regi_var2 .fd_od1{ padding:32px 25px;}
.regi_var2 .fd_od2{ padding:20px 25px;}

#b3 .regi_var2 .fd_od1{top:147px;}
#b3 .regi_var2 .fd_od2{top:57px;}

.regi_var2 .fd_od1 p:nth-child(1),
.regi_var2 .fd_od2 p:nth-child(1){font-size:96%;}
.regi_var2 .fd_od1 p:nth-child(2),
.regi_var2 .fd_od2 p:nth-child(2){font-size:124%; font-weight:bold;}
.regi_var2 .fd_od1 p:nth-child(3),
.regi_var2 .fd_od2 p:nth-child(3){font-size:74%;}


/* regi */
.regi{
	width:100%;
	margin:0 auto 10px;
	background:#fee4a5;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	padding:15px 0;
}

.regi .cap{margin:10px auto 20px;}

.regi .ttl,
.regi .ttl2,
.regi .ttl3 {
	width:660px;
	margin:0 auto;
}

.regi .ttl img{
	width:60px;
	padding:0 20px 0 15px;
	float:left;
}

.regi .ttl div{
	width:560px;
	float:right;
	display:inline-block;
	padding-top:7px;
}

.regi .ttl2 img {
	width:100px;
	padding:0 0 0 5px;
	float:left;
}

.regi .ttl2 div {
	width:540px;
	float:right;
	display:inline-block;
	padding-top:7px;
}

.regi .ttl3 img{
	width:42px;
	padding:0 20px 0 25px;
	float:left;
}

.regi .ttl3 div{
	width:560px;
	float:right;
	display:inline-block;
	padding-top:7px;
}

.regi .ttl p span,
.regi .ttl2 p span,
.regi .ttl3 p span {font-size:75%;}

.regi .ttl  .comment,
.regi .ttl2 .comment,
.regi .ttl3 .comment{
	padding:0;
	text-align:right !important;
}

.regi .trial_ttl{
	width:660px;
	margin:0 auto 10px;
	border-bottom:#ffffff 2px solid;
}

#babybifi .regi .ttl img {width:80px;}
#babybifi .regi .ttl div {width:540px;}
#babybifi .regi .ttl div p:nth-child(1){padding-top:10px;}
#maiasasokai .regi .ttl div p:nth-child(1),
#rfp .regi .ttl div p:nth-child(1){padding-top:15px;}
#rfp .regi .ttl:nth-child(2) div,
#rfp .regi .ttl:nth-child(2) div p {padding-top:0px !important;}
#hp_tpo .regi .ttl img {width:70px;}
#hp_tpo .regi .ttl div {width:550px;}

.regi .teiki,
.regi .once,
.regi .trial{
	width:660px;
	margin:10px auto 0;
	background:#ffffff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.regi .teiki .inner,
.regi .once  .inner{
	width:620px;
	margin:0 auto;
	padding:10px 0;
}
.regi .trial .inner{
	width:620px;
	margin:0 auto;
	padding:20px 0 10px;
}

.regi .teiki .inner .sub_ttl{
	border-bottom:#ff0000 2px solid;
}
.regi .teiki .inner .sub_ttl p{
	display:inline-block !important;
	float:left;
}
.regi .teiki .inner .sub_ttl p:nth-child(1){
	color:#ff0000;
	font-size:110%;
	float:left;
}
.regi .teiki .inner .sub_ttl p:nth-child(1) {
	width:60%;
	color:#ff0000;
	font-size:110%;	
	text-align:left;
}
.regi .teiki .inner .sub_ttl p:nth-child(2) {
	width:40%;
	color:#0077fd;
	font-size:90%;
	text-decoration:underline;
	text-align:right;
	padding-top:3px;
}

.regi .once .inner .sub_ttl{
	border-bottom:#b2b2b2 2px solid;
}
.regi .once .inner .sub_ttl p{
	font-size:110%;
}

.regi .teiki .inner .price,
.regi .once  .inner .price{
	float:left;
	width:340px;
	/*width:295px;*/
	margin:15px 0 0;
}

.regi .trial .inner .price{
	float:left;
	width:340px;
	/*width:295px;*/
	margin:0;
}

.regi .teiki .inner .price > p,
.regi .once  .inner .price > p,
.regi .trial .inner .price > p{
	font-size:110%;
	float:left;
	line-height:1.2;
	letter-spacing:-0.5px;
	width:160px;
}

.regi .teiki .inner .price p span,
.regi .once  .inner .price p span {
	font-size:66%; color:#000000;
}

.regi .once .inner .price div p{
	font-size:70%;
	line-height:1.5;
	color:#3e91dd;
	margin-top:7px;
}
.regi .trial .inner .price div p{
	font-size:70%;
	line-height:1.5;
	color:#3e91dd;
	margin-top:5px;
}

.regi .teiki .inner .price div,
.regi .once  .inner .price div,
.regi .trial .inner .price div{
	float:left;
	width:180px;
}

.regi .teiki .inner .price img,
.regi .once  .inner .price img,
.regi .trial .inner .price img{
	width:86px;
}

.regi .teiki .inner .price img:nth-child(2){
	margin-top:5px;
}

#milklife .regi .once .inner .price img:nth-child(2){
	margin-top:5px;
}


.regi .teiki .inner .fd_order,
.regi .once  .inner .fd_order,
.regi .trial .inner .fd_order {
	float:right;
	width:280px;
	margin:15px 0 0;
}

#bb536 .regi .trial .inner .fd_order,
#b3 .regi .trial .inner .fd_order,
#rfp .regi .trial .inner .fd_order{
	margin-top:0;
}


.regi .teiki .inner .cart,
.regi .once  .inner .cart{
	float:right;
	width:320px;
	margin:15px 0 0;
}
.regi .trial .inner .cart{
	float:right;
	width:320px;
	margin:0;
}

.regi .teiki .inner .cart .quantity,
.regi .once  .inner .cart .quantity,
.regi .trial .inner .cart .quantity {
	float:left;
}

.regi .teiki .inner .cart .quantity p,
.regi .once  .inner .cart .quantity p{
	text-align:right;
	margin-top:3px;
	font-size:80%;
}

.regi .teiki .inner .cart form label,
.regi .once  .inner .cart form label,
.regi .trial .inner .cart form label{
	width:130px;
	position: relative;
	display: block;
	height:20px;
	padding: 10px 10px;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.regi .teiki .inner .cart form label:before,
.regi .once  .inner .cart form label:before,
.regi .trial .inner .cart form label:before {
	position: absolute;
	top: 25%;
	right: 10px;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background-size:contain;
}

.regi .teiki .inner .cart form label select,
.regi .once  .inner .cart form label select,
.regi .trial .inner .cart form label select {
	display: block;
	width: 100%;
	height:20px;
	line-height:1;	
	font-size:96%;
	outline:none;
	border: none;
	background: transparent;/* 背景を透過指定する */
}

.regi .teiki .inner .cart .btn,
.regi .once  .inner .cart .btn,
.regi .trial .inner .cart .btn{
	width:120px;
	height:20px;
	float:right;
	display:inline-block;
	border:#cbcbcb 1px solid;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:10px 15px;
	text-align:center;
	background: -moz-linear-gradient(top, #ff9178 0%, #ff7252 49%, #ff3116 50% ,#ff513c);
    background: -webkit-linear-gradient(top, #ff9178 0%, #ff7252 49%, #ff3116 50% ,#ff513c);
    background: linear-gradient(to bottom,#ff9178 0%, #ff7252 49%, #ff3116 50% ,#ff513c);
}

.regi .teiki .inner .cart .btn p,
.regi .once  .inner .cart .btn p,
.regi .trial .inner .cart .btn p{
	margin:2px;
	line-height:1.2;
	font-size:96%;
}

.regi .teiki .inner .cart .btn a,
.regi .once  .inner .cart .btn a,
.regi .trial .inner .cart .btn a {
	color:#ffffff;
}

.regi + p{
	margin:0 auto 20px;
}

/*-----*/
/* report */

.report{
	width:100%;
	margin:0 auto;
	padding:15px 0;
	border-top:#b2b2b2 1px dashed;
	border-bottom:#b2b2b2 1px dashed;
}

#b3 .report{margin:20px auto;}

.report img{
	width:12%;
	float:left;
}

.report p{
	width:83%;
	float:left;
	font-size:95%;
	letter-spacing:-1px;
	margin:20px 0 0 20px !important;
}

/*-----*/
/* check / know */

.check{
	width:560px;
	margin:30px auto;
}

/*-----*/
/* know */

.know {
	background:#fdedd7;
	padding:30px 0;
}

#b3 .know {
	margin:50px 0 0;
	padding:0 0 30px !important;
}


.know h3{
	width:92%;
	margin:0 auto;
}

.know h3 img{
	margin:auto;
}

.know .inner{
	width:86%;
	margin:0 auto;
}

.know .inner p{
	margin:15px 0;
}

/*-----*/
/* know2 */

.know2 {
	margin:20px auto 0;
	padding:0;
	background:#fdedd7;
	padding:0 0 30px;
	border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
}

.know2 h3{
	width:100%;
	color:#ffffff;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	padding:15px 0;
	line-height:1.4;
	background:#ffa42e;
	border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
}

.know2 h3 img{
	margin:auto;
}

.know2 .inner{
	width:94%;
	margin:0 auto;
}


.know .bg_white,
.know2 .bg_white {
	margin:10px auto 0;
	padding:20px 0;
	background:#ffffff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.know2 .bg_white img{
	margin: 0 auto;
	text-align:center;
	width:400px;
}

/* bb536 */
#bb536 .know .bg_white img {margin: 0 auto; text-align:center; width:320px;}

/* ob */
#ob .know .bg_white img {margin: 0 auto; text-align:center; width:320px;}
#ob .know2 .bg_white img {margin: 0 auto; text-align:center; width:375px;}

/* babybifi */
#babybifi .know .bg_white img {margin: 0 auto; text-align:center; width:420px;}

/* rfp */
#rfp .know .bg_white img {margin: 0 auto; text-align:center; width:320px;}

/* rfo */
#rfo .know .bg_white img {margin: 0 auto; text-align:center; width:320px;}

/*-----*/
/* intro */

.intro_area h3{
	color:#ffffff;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	padding:15px 0;
	line-height:1.4;
	background:#ffa42e;
}

.intro_area > ul{
	width:100%;
	margin:10px auto 0;
}

.intro_area ul li{
	margin:0 auto 30px;
}

.intro_area ul li .br1,
.intro_area ul li .br2 {
	font-size:120%;
	border-bottom:#c7c7c7 3px solid;
	padding:15px 0 5px 0px;
	text-align:left;
/*	background-image:url("../img/grad_icon1.jpg") ;
	background-repeat:no-repeat;
	background-position:0px 14px;
	background-size:7px;*/
}

.intro_area ul li .br2-2 {
	font-size:120%;
	border-bottom:#c7c7c7 3px solid;
	padding:15px 0 5px 0px;
	text-align:left;
/*	background-image:url("../img/grad_icon2.jpg") ;
	background-repeat:no-repeat;
	background-position:0px 14px;
	background-size:7px;*/
}

.intro_area ul li .inner{
	width:100%;
	margin:20px auto 0;
}

.intro_area ul li .inner .graph{
	width:86%;
	margin:0 auto;
}

.intro_area ul li .inner .text p {width:100%; margin:20px auto 0;}
.intro_area ul li .inner .text img {width:100%; margin:10px auto 0;}

.intro_area ul li .inner .feature{
	margin-top:20px!important;
}

.intro_area ul li .inner .feature li{
	padding-bottom:15px;
	margin-bottom:15px!important;
	border-bottom:#b2b2b2 1px dashed;
}

.intro_area ul li .inner .feature li:last-child{
	padding-bottom:0!important;
	margin-bottom:0!important;
	border-bottom:none;
}

.intro_area ul li .inner .feature li img{
	float:left;
	width:10%;
}

.intro_area ul li .inner .feature li p{
	float:left;
	width:85%;
	margin-left:20px;
}

.intro_area .bg_blue{
	margin-top:20px;
	padding:20px;
	background:#e2f3f9;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.intro_area .bg_yellow{
	margin-top:20px;
	background:#fef9d3;
}

.intro_area .bg_yellow p{
	width:90%;
	margin:0 auto;
	padding:10px 0 20px;
}

.intro_area .component .hp_box_list ul {
	background:#ffffff;
	/*width:580px;*/
	margin:10px auto 30px;
	text-align:left;
	padding:20px 50px;
	border:#c7c7c7 2px solid;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.intro_area .component .hp_box_list li {padding:0 0 10px; !important; margin:0 !important;}
.intro_area .component .hp_box_list li img {width:5%; margin-right:10px; float:left;}
.intro_area .component .hp_box_list li span {color:#ff5a00; font-weight:bold;}
.intro_area .component .hp_box_list li p {width:90%; float:right; padding-top:4px;}
.intro_area .component .hp_box_list li.excl {border-top:#b2b2b2 1px dotted;}
.intro_area .component .hp_box_list li.excl p,
.intro_area .component .hp_box_list li.excl img { padding-top:10px !important;}
.intro_area .component .hp_box_list li:last-child {padding-bottom:0 !important;}

/* bb536 */

#bb536 .intro_area ul li:nth-child(1) .inner .text {margin:20px 0 20px;}
#bb536 .intro_area ul li:nth-child(1) .inner .graph{ width:96% !important;}
#bb536 .intro_area ul li:nth-child(1) .inner .graph img {float:left; width:55%;}
#bb536 .intro_area ul li:nth-child(1) .inner .graph p { float:right; width:40%; margin:50px 0 0;}
#bb536 .intro_area ul li .inner .bg_blue img {margin: 0 auto; text-align:center; width:420px;}
#bb536 .intro_area ul li .inner .feature li:nth-child(3) p {width:46%;}
#bb536 .intro_area ul li .inner .feature li:nth-child(3) p + img {float:right; width:200px;}
#bb536 .intro_area ul li .inner div img {margin:auto;}

/*  -- old --
#bb536 .intro_area ul li:nth-child(1) .inner div {float:left; width:320px;}
#bb536 .intro_area ul li:nth-child(1) .inner .graph {float:right;}
#bb536 .intro_area ul li:nth-child(1) .inner .graph img {width:360px;}
#bb536 .intro_area ul li:nth-child(1) .inner .text {margin:10px 0 20px;}
#bb536 .intro_area ul li:nth-child(1) .inner .cap {margin-top:10px;}
#bb536 .intro_area ul li:nth-child(1) .inner .cap span {color:#ff4f4f;}
#bb536 .intro_area ul li:nth-child(2) .inner .text img {width:250px; float:right; margin:0 0 10px 15px;}
#bb536 .intro_area ul li:nth-child(2) .inner .text p {width:100%; float:none;}
#bb536 .intro_area ul li:nth-child(2) .inner > img {margin-top:20px;}
#bb536 .intro_area ul li .inner .bg_blue img {margin: 0 auto; text-align:center; width:420px;}
#bb536 .intro_area ul li .inner .feature li:nth-child(3) p {width:46%;}
#bb536 .intro_area ul li .inner .feature li:nth-child(3) p + img {float:right; width:200px;}
*/

/* b3 */
#b3 .intro_area ul li:nth-child(1) .inner .graph img {width:380px; margin:0 auto; text-align:center; padding-top:30px;}
#b3 .intro_area ul li:nth-child(3) .inner .feature span {color:#ff0000;}
#b3 .intro_area ul li .inner .bg_blue p img { width:620px; margin:0 auto; text-align:center; padding:0 0 20px;}
#b3 .intro_area ul li .inner .bg_blue_inner img {float:left; width:20%; margin:0;}
#b3 .intro_area ul li .inner .bg_blue_inner p {float:right; width:75%; margin-top:20px;}

/*  -- old --
#b3 .intro_area ul li:nth-child(1) .inner div {float:left; width:320px;}
#b3 .intro_area ul li:nth-child(1) .inner .graph {float:right;}
#b3 .intro_area ul li:nth-child(1) .inner .graph img {width:360px;}
#b3 .intro_area ul li:nth-child(1) .inner .graph .cap {margin:10px;}
#b3 .intro_area ul li:nth-child(2) .inner .text img {width:250px; float:right; margin:0 0 10px 15px;}
#b3 .intro_area ul li:nth-child(2) .inner .text p {width:100%; float:none;}
#b3 .intro_area ul li:nth-child(2) .inner .text + .cap {text-align:left; margin:10px 0 20px;}
#b3 .intro_area ul li:nth-child(2) .inner .text + .cap > span {color:#ff0000;}
#b3 .intro_area ul li .inner .bg_blue img {float:left; width:130px; margin:0;}
#b3 .intro_area ul li .inner .bg_blue p {float:right; width:490px; margin-top:20px;}
*/

/* rfp */
#rfp .intro_area ul li:nth-child(1) .inner .text p,
#rfp .intro_area ul li:nth-child(2) .inner .text p,
#rfp .intro_area ul li:nth-child(3) .inner .text p  {width:100%; margin:20px auto 0;}
#rfp .intro_area ul li:nth-child(4) .inner .text p  {width:100%; margin:20px auto 0;}
#rfp .intro_area ul li:nth-child(1) .inner .text img,
#rfp .intro_area ul li:nth-child(3) .inner .text img {width:170px; float:right; margin:0 0 0 20px;}
#rfp .intro_area ul li:nth-child(4) .inner .text img {width:170px; float:right; margin:0 0 0 20px;}
#rfp .intro_area ul li:nth-child(2) .inner .text img {width:250px; float:right; margin:0 0 0 15px;}
/*
#rfp .intro_area ul li:nth-child(3) .inner div {float:left; width:320px;}
#rfp .intro_area ul li:nth-child(3) .inner .graph {float:right;}
#rfp .intro_area ul li:nth-child(3) .inner .graph img {width:360px;}
*/
#rfp .intro_area ul li .bg_blue img {margin: 0 auto; text-align:center; width:400px;}

/* rfp */
#rfo .intro_area ul li:nth-child(1) .inner .text p,
#rfo .intro_area ul li:nth-child(2) .inner .text p {width:100%; margin:20px auto 0;}
#rfo .intro_area ul li:nth-child(1) .inner .text img {width:170px; float:right; margin:0 0 0 20px;}
#rfo .intro_area ul li:nth-child(2) .inner .text img {width:250px; float:right; margin:0 0 0 15px;}

/* ob */
#ob .intro_area ul li:nth-child(1) .inner .text p,
#ob .intro_area ul li:nth-child(2) .inner .text p,
#ob .intro_area ul li:nth-child(3) .inner .text p {width:100%; margin:20px auto 0;}
#ob .intro_area ul li:nth-child(1) .inner .text img,
#ob .intro_area ul li:nth-child(2) .inner .text img {width:170px; float:right; margin:0 0 0 20px;}
#ob .intro_area ul li:nth-child(3) .inner .text img {width:250px; float:right; margin:0 0 0 15px;}
#ob .intro_area ul li:nth-child(3) .inner .text .cap {text-align:left; margin:10px 0 0;}

/* milklife */
#milklife .intro_area .component{width:400px; margin:10px auto;}
#milklife .intro_area .kdwr_icon {width:140px; margin:0;}
#milklife .intro_area ul li .br1,
#milklife .intro_area ul li .br2 {padding:5px 0 5px 15px; background-position:0 50%;}
#milklife .intro_area ul li:nth-child(1) .inner .text p,
#milklife .intro_area ul li:nth-child(4) .inner .text p,
#milklife .intro_area ul li:nth-child(5) .inner .text p,
#milklife .intro_area ul li:nth-child(6) .inner .text p {width:100%; margin:0 auto 0;}
#milklife .intro_area ul li:nth-child(3) .inner .text p,
#milklife .intro_area ul li:nth-child(2) .inner .text p {width:55%; float:left; margin:0;}
#milklife .intro_area ul li:nth-child(1) .inner .text img {width:170px; float:right; margin:0 0 0 20px;}
#milklife .intro_area ul li:nth-child(2) .inner .text img,
#milklife .intro_area ul li:nth-child(3) .inner .text img {width:45%; float:right; margin:10px 0 0}
#milklife .intro_area ul li .inner .text .cap {margin-top:10px !important;}
#milklife .intro_area ul li .inner .text sup {font-size:70%;}

/* maiasasokai */
#maiasasokai .intro_area .component {width:100%; margin:5px auto 0;}
#maiasasokai .intro_area .component .inner1 {margin:0 auto;}
#maiasasokai .intro_area .component .inner1 img {margin:auto;}
#maiasasokai .intro_area .component .inner2 {margin:20px auto;}
#maiasasokai .intro_area .component .inner2 .bg_blue img {width:380px; margin: 0 auto; text-align:center;}
#maiasasokai .intro_area .component .box_list{
	width:100%;
	margin:20px auto 20px;
	border:#ffa42e solid 3px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#maiasasokai .intro_area .component .box_list .ttl {background:#ffa42e;}
#maiasasokai .intro_area .component .box_list .ttl img {width:280px; padding:7px 0 10px; margin:0 auto; text-align:center;}
#maiasasokai .intro_area .component .box_list ul {background:#fffbe5; /*width:640px;*/ margin:0 auto; padding:15px 20px 0; text-align:left;}
#maiasasokai .intro_area .component .box_list li {padding:0 0 10px !important; margin:0 !important;}
#maiasasokai .intro_area .component .box_list li img {width:4%; margin-right:10px; float:left;}
#maiasasokai .intro_area .component .box_list li p {width:93%; float:left; }
#maiasasokai .intro_area ul li:nth-child(1) .inner .text div p {width:50%; float:left; margin:0 !important;}
#maiasasokai .intro_area ul li:nth-child(1) .inner .text div img {width:44%; float:right; margin:0;}
#maiasasokai .intro_area ul li .inner .text .cap {margin:0 !important;}
#maiasasokai .intro_area ul li .inner .text sup {font-size:70%;}

/* babybifi */
#babybifi .intro_area ul li .inner .text img {width:500px; margin:20px auto 0;}
#babybifi .intro_area .bg_blue{
	margin-top:0;
	padding:0 30px 20px;
}
#babybifi .intro_area .bg_blue img {width:100% !important; padding-top:20px;}

#babybifi .intro_area .component {width:100%; margin:5px auto 0;}
#babybifi .intro_area .component .box_list{
	width:%;
	margin:20px auto 20px;
	border:#ffa42e solid 3px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#babybifi .intro_area .component .box_list .ttl {background:#ffa42e; padding:7px 10px;}
#babybifi .intro_area .component .box_list .ttl img {margin:0 auto; text-align:center; width:460px;}
#babybifi .intro_area .component .box_list ul {background:#fffbe5; width:100%; margin:0 auto; text-align:left; padding-top:20px;}
#babybifi .intro_area .component .box_list li {width:500px; padding:0 0 20px 10px; margin:0 auto;}
#babybifi .intro_area .component .box_list li img {width:25px; margin-right:10px; float:left;}
#babybifi .intro_area .component .box_list li p {width:340px; margin-right:10px; float:left;}
#babybifi .intro_area .component .box_list li p span {color:#ff6e2e; font-weight:bold;}
#babybifi .intro_area .component .box_list li div img {width:90px; text-align:right; float:right;}
#babybifi .notice img {width:30px !important; float:left; margin-right:15px !important;}
#babybifi .notice p  {width:90%; padding-top:3%; float:left; color:#e50012; font-weight:bold;}


/* ofrj */
#hp_ofrj .intro_area ul li:nth-child(1) .inner {margin:30px auto 0;}
#hp_ofrj .intro_area ul li:nth-child(1) .inner .text div {float:right; margin:0; width:49%;}
#hp_ofrj .intro_area ul li:nth-child(1) .inner .text p {float:left; margin:0; width:49%;}
#hp_ofrj .intro_area ul li:nth-child(2) .inner .text{ margin-bottom:20px;}
#hp_ofrj .intro_area ul li:nth-child(2) .inner .text img {width:130px; float:right; margin:0 0 20px 20px;}
#hp_ofrj .intro_area ul li:nth-child(2) .inner .text p {float:left; margin:0;}
#hp_ofrj .intro_area ul li:nth-child(3) .inner .text{margin-top:10px;}
#hp_ofrj .intro_area ul li:nth-child(3) .inner .text img {width:20%; float:left;}
#hp_ofrj .intro_area ul li:nth-child(3) .inner .text p {width:70%; float:right; margin:25px 0 0; font-size:74%;}

/* hp_pcr */
#hp_pcr .intro_area ul li:nth-child(1) .inner .text img {width:130px; float:right; margin:0 0 20px 20px;}
#hp_pcr .intro_area ul li:nth-child(1) .inner .text p {float:left; margin-top:15px;}
#hp_pcr .intro_area ul li:nth-child(2) .inner .text img {width:15%; float:left; margin:0;}
#hp_pcr .intro_area ul li:nth-child(2) .inner .text p {width:80%; float:right; margin:10px 0 0;}
#hp_pcr .intro_area ul li:nth-child(1) .inner > p{color:#ff5a00; font-size:110%; font-weight:bold;}
#hp_pcr .explain > ul > li:nth-child(1) li:last-child{border-top:#b2b2b2 1px dotted; padding-top:10px;}

/* hp_rglc */
#hp_rglc .intro_area ul li:nth-child(1) .inner .text div {float:right; margin:0; width:49%;}
#hp_rglc .intro_area ul li:nth-child(1) .inner .text p {float:left; margin:0; width:49%;}
#hp_rglc .intro_area ul li:nth-child(2) .inner .text,
#hp_rglc .intro_area ul li:nth-child(3) .inner .text{ margin-bottom:20px;}
#hp_rglc .intro_area ul li:nth-child(2) .inner .text img,
#hp_rglc .intro_area ul li:nth-child(3) .inner .text img {width:130px; float:right; margin:0 0 20px 20px;}
#hp_rglc .intro_area ul li:nth-child(2) .inner .text p,
#hp_rglc .intro_area ul li:nth-child(3) .inner .text p {float:left; margin:0;}

/* hp_rpeg */
#hp_rpeg .intro_area ul li:nth-child(1) .inner {margin:30px auto 0;}
#hp_rpeg .intro_area ul li:nth-child(1) .inner .text div {float:right; margin:0; width:49%;}
#hp_rpeg .intro_area ul li:nth-child(1) .inner .text p {float:left; margin:0; width:49%;}
#hp_rpeg .intro_area ul li:nth-child(2) .inner .text{ margin-bottom:20px;}
#hp_rpeg .intro_area ul li:nth-child(2) .inner .text img {width:130px; float:right; margin:0 0 20px 20px;}
#hp_rpeg .intro_area ul li:nth-child(2) .inner .text p {float:left; margin:0;}
#hp_rpeg .intro_area ul li:nth-child(3) .inner .text img {width:15%; float:left; margin:0;}
#hp_rpeg .intro_area ul li:nth-child(3) .inner .text p {width:80%; float:right; margin:10px 0 0;}
#hp_rpeg .explain > ul > li:nth-child(1) li:last-child {border-top:#b2b2b2 1px dotted; padding-top:10px;}

/* hp_tpo */
#hp_tpo .intro_area ul li:nth-child(1) .inner .text,
#hp_tpo .intro_area ul li:nth-child(2) .inner .text,
#hp_tpo .intro_area ul li:nth-child(3) .inner .text{ margin:20px 0 0;}
#hp_tpo .intro_area ul li:nth-child(1) .inner .text img,
#hp_tpo .intro_area ul li:nth-child(2) .inner .text img,
#hp_tpo .intro_area ul li:nth-child(3) .inner .text img {width:130px; float:right; margin:0 0 20px 20px;}
#hp_tpo .intro_area ul li:nth-child(1) .inner .text p,
#hp_tpo .intro_area ul li:nth-child(2) .inner .text p,
#hp_tpo .intro_area ul li:nth-child(3) .inner .text p {float:left; margin:0;}
#hp_tpo .intro_area ul li:nth-child(3) .inner > p:nth-child(1) {color:#ff5a00; font-size:110%; font-weight:bold;}
#hp_tpo .intro_area .component .hp_box_list li:last-child img {padding-top:0 !important;}
#hp_tpo .intro_area .component .hp_box_list li:last-child {border-top:none !important; padding-bottom:0 !important;}

/* diary */
#diary .intro_area ul li .inner .text img {width:500px; margin:20px auto 0;}
#diary .voice_area .inner h4 {padding:20px 0 15px; margin:0 auto; width:370px;}
#diary .voice_area .inner ul li img {width:80px !important; float:left; margin-left:50px;}
#diary .voice_area .inner ul li p {width:420px; float:left; padding-top:30px; margin-left:20px !important;}

/*-----*/
/* voice */

.voice_area{
	width:100%;
	margin:0 auto;
	padding-bottom:20px;
	background:#fdedd7;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.voice_area .inner{
	width:94%;
	margin:0 auto;
}

.voice_area .inner ul{
	background:#ffffff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.voice_area .inner h4{
	width:290px;
	margin:0 auto;
	text-align:center;
	padding:20px 0 15px;
}

.voice_area .inner ul li{
	width:94%;
	margin:0 auto;
	padding:20px 0 15px;
	border-bottom:#ffd7a0 4px dotted;
}

.voice_area .inner ul li:last-child{
	border-bottom:none;
}

.voice_area .inner ul li div{
	float:left;
	width:15%;
	margin-right:20px;
}

.voice_area .inner ul li dl{
	float:left;
	width:80%;
	margin-top:10px;
}

.voice_area .inner ul li dt{
	text-align:left;
}

.voice_area .inner ul li dd{
	color:#666666;
	text-align:right;
	margin-top:10px;
}

.voice_area .inner ul + .cap{
	text-align:right;
	margin:10px 0 0;
}

.voice_area .inner .graph img{
	margin-top:20px;	
}

.voice_area .inner .graph .cap{
	margin-top:10px;
	letter-spacing:-0.5px;
}

/* rpo */
#rfo .voice_area{
	width:100%;
	margin:0 auto 30px;
	padding-bottom:20px;
	background:#fdedd7;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

/* b3 */
#b3 .voice_area .inner ul li p{　margin-top:25px;}

/* ob */
#ob .voice_area .inner .white_box {/*width:620px;*/ padding:0 20px 0; background:#ffffff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
#ob .voice_area .inner .white_box ul{float:left; width:65% !important;}
/*#ob .voice_area .inner .white_box ul li{width:390px !important;}*/
#ob .voice_area .inner ul li p {float:inherit; width:100%; margin:0 auto 0;}
#ob .voice_area .inner ul li p span {font-size:94%; color:#666666;}
#ob .voice_area .inner ul li:nth-child(3) {width:94%; margin:0 auto; padding:20px 0 15px; border-bottom: none;}
#ob .voice_area .inner ul li:nth-child(4) {border-bottom: none; padding:0px;}
#ob .voice_area .inner ul li:nth-child(4) img {width:100%; padding:10px 0 15px;}
#ob .voice_area .inner ul li .age {text-align:right;}
#ob .voice_area .inner .cap {text-align:right; margin-top:10px !important;}
#ob .voice_area .inner .photo1 {background:#ffffff; padding:0 0 15px; margin-bottom:10px;}
#ob .voice_area .inner .photo2{float:right; width:30%; margin-top:40px;}

/* milklife */
#milklife .voice_area .inner ul li img {float:inherit; width:440px; margin:0 auto 0;}
#milklife .voice_area .inner ul li p {float:inherit; width:100%; margin:0 auto 0;}
#milklife .voice_area .inner ul li .cap {text-align:right; margin-top:10px !important;}
#milklife .voice_area .inner ul li .age {text-align:right;}
#milklife .voice_area .inner ul li p strong {color:#ff6e2e;}
#milklife .voice_area .inner ul li p span {font-size:94%; color:#666666;}
#milklife .howto {width:100%; margin:20px auto 0;}
#milklife .howto img {margin:auto;}

/* babybifi */
#babybifi .voice_area .inner h4 {padding:20px 0 15px; margin:0 auto; width:370px;}

#babybifi .voice_area .inner ul li img {width:12% !important; float:left; margin-left:6%;}
#babybifi .voice_area .inner ul li p {width:75%; float:left; padding-top:4%; margin-left:20px !important;}

/*-----*/
/* qa */

.qa_btn{
	width:100%;
	margin:30px auto;
	background:#ff4c00;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.qa_btn .inner{
	width:90%;
	margin:0 auto;
	padding:20px 0;
}

.qa_btn .inner p{
	float:left;
	color:#ffffff;
	font-size:105%;
	line-height:1.3;
	font-weight:bold;
}

.qa_btn .inner p a{
	color:#ffffff;
}

.qa_btn .inner img{
	float:right;
	width:20px;
	margin-top:0;
}

/*-----*/
/* link_area */
#babybifi .link_area {width:100%; margin:30px auto 30px;}
#babybifi .link_area ul li:nth-child(1) {margin-bottom:15px;}
#babybifi .link_area ul li:nth-child(2) {float:left; width:48%;}
#babybifi .link_area ul li:nth-child(3) {float:right; width:48%;}
#babybifi .link_area ul li img {margin:auto;}

/*-----*/
/* special */

.special{
	width:100%;
	background:#fdedd7;
	margin:30px auto 0;
	padding:25px 0;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.special .inner{
	width:92%;
	margin:0 auto;
}

.special h4{
	width:470px;
	margin:0 auto;
}

.special .inner2{
	border-top:#ffffff solid 2px;
	/* width:650px; */
	margin:0 auto;
}

.special .inner2 p{
	padding:15px 15px;
}

.special .inner ul{
	background:#ffffff;
	padding-top:10px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.special .inner ul li div{
	background:#fff49b;
	text-align:left;
}

.special .inner ul li div img{
	width:410px;
}

.special .inner ul li div img.pc_only{
	width:574px !important;
}

.special .inner ul li p{
	width:94%;
	margin:0 auto;
	padding:15px 0;
	
}

#b3 .for_reg,
#ob .for_reg,
#bb536 .for_reg {margin:30px 0 0;}

.for_reg h3{
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:center;
	padding:15px 0;
	line-height:1.4;
	background:#ffa42e;
}

.for_reg h3 + img{
	margin-bottom:5px;
}

/*-----*/
/* explain */

.explain .pc_ttl {
  display: block;
  position: relative;
  margin: 30px 0 0;
  padding: 5px 10px;
  border:#cbcbcb 1px solid;
  background: -moz-linear-gradient(top, #fdfdfd, #efefef);
  background: -webkit-linear-gradient(top, #fdfdfd, #efefef);
  background: linear-gradient(to bottom, #fdfdfd, #efefef);
}

.explain .inner{
	width:100%;
	margin:15px auto 0;
}

.explain .inner li{
	margin-bottom:15px;
}

.explain .inner li span{
	color:#ff6e2e;
}

.explain .inner li span.redBold{
	color:#FF0004 !important;
	font-weight:bold !important;
}

.explain > ul > li:nth-child(1){
	margin-bottom:-2px;
}
/*-----*/

/*	link cap
-------------------*/
.linkcap{ line-height:1!important;}


}


/*--------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 767px) {
/*SP表示*/


/*--------------------------
	display none
---------------------------*/
.pc_show {display:none;}
.sp_show {/*display:none;*/}

.pc_br br {display:none;}
.sp_br br {/*display:none;*/}


/*--------------------------
	font
---------------------------*/
.bold { font-weight:bold!important; }
.fw_normal{ font-weight:normal!important; }
.unit { font-family: 'Lato', sans-serif; color:#000!important; }
.unit2 { font-family: 'Lora',serif; color:#000!important; font-style:italic;}
.unit_blue { font-family: 'Lato', sans-serif; color:#3b91de!important; }
.unit_orange { font-family: 'Lato', sans-serif; color:#ff6e2e!important; }
.unit_n { font-family: 'Lato', sans-serif; }

/*--------------------------
	others
---------------------------*/
.mAuto{ margin: 0 auto;}
.clearBoth {clear:both;}
.floatLeft {float:left;}
.floatRight {float:right;}

/*--------------------------
	txt
---------------------------*/
.txtC{ text-align:center!important;}
.txtR{ text-align:right!important;}
.txtL{ text-align:left!important;}
.udline{ text-decoration:underline!important;}

/*--------------------------
	line-height
---------------------------*/
.lh1{ line-height:1!important;}
.lh12{ line-height:1.2!important;}
.lh2{ line-height:2!important;}

/*--------------------------
	indent
---------------------------*/
.noteRec{padding:0 0 0 2.7em; text-indent:-2.7em;}
.note1{padding:0 0 0 1em; text-indent:-1em;}
.note2{padding:0 0 0 1.7em; text-indent:-1.7em;}
.note3{padding:0 0 0 2.7em; text-indent:-2.7em;}

/*--------------------------
	color
---------------------------*/
.whiteColor{color:#ffffff;}
.blue01Color{color:#166fce;}
.green01Color{color:#2eac87;}
.red01Color{color:#ff0000;}

/*--------------------------
	font-size
---------------------------*/
.cap{ font-size:74%; line-height:1.4;}
.xsmall{ font-size:63%;}
.small{ font-size:78.6%;}
.large{ font-size:116%;}
.xlarge{ font-size:134%;}


/*-----------------------------------------------------------------------------
 =03.margin padding others
-----------------------------------------------------------------------------*/

/*--------------------------
	margin
---------------------------*/
.mT1p{ margin-top:1%!important;}
.mT2p{ margin-top:2%!important;}
.mT3p{ margin-top:3%!important;}
.mT4p{ margin-top:4%!important;}
.mT5p{ margin-top:5%!important;}

.mT0{ margin-top:0!important;}
.mT5{ margin-top:5px!important;}
.mT10{ margin-top:10px!important;}
.mT25{ margin-top:25px!important;}
.mT20{ margin-top:20px!important;}
.mT30{ margin-top:30px!important;}
.mT35{ margin-top:35px!important;}
.mT40{ margin-top:40px!important;}
.mT45{ margin-top:45px!important;}
.mT50{ margin-top:50px!important;}
.mT55{ margin-top:55px!important;}
.mT60{ margin-top:60px!important;}
.mT65{ margin-top:65px!important;}
.mT70{ margin-top:70px!important;}
.mT75{ margin-top:75px!important;}
.mT80{ margin-top:80px!important;}
.mT85{ margin-top:85px!important;}
.mT90{ margin-top:90px!important;}
.mT95{ margin-top:95px!important;}
.mT100{ margin-top:100px!important;}
.mT105{ margin-top:105px!important;}
.mT110{ margin-top:110px!important;}
.mT115{ margin-top:115px!important;}
.mT120{ margin-top:120px!important;}
.mT125{ margin-top:125px!important;}
.mT130{ margin-top:130px!important;}
.mT135{ margin-top:135px!important;}
.mT140{ margin-top:140px!important;}
.mT145{ margin-top:145px!important;}
.mT150{ margin-top:150px!important;}
.mT155{ margin-top:155px!important;}
.mT160{ margin-top:160px!important;}
.mT165{ margin-top:165px!important;}

/*----------margin left-----------*/
.mL1p{margin-left:1%!important;}
.mL2p{margin-left:2%!important;}
.mL3p{margin-left:3%!important;}
.mL4p{margin-left:4%!important;}
.mL5p{margin-left:5%!important;}

.mL0{margin-left:0px!important;}
.mL2{margin-left:2px!important;}
.mL4{margin-left:4px!important;}
.mL6{margin-left:6px!important;}
.mL8{margin-left:8px!important;}
.mL10{margin-left:10px!important;}
.mL12{margin-left:12px!important;}
.mL14{margin-left:14px!important;}
.mL16{margin-left:16px!important;}
.mL18{margin-left:18px!important;}
.mL20{margin-left:20px!important;}
.mL22{margin-left:22px!important;}
.mL24{margin-left:24px!important;}
.mL26{margin-left:26px!important;}
.mL28{margin-left:28px!important;}
.mL30{margin-left:30px!important;}
.mL32{margin-left:32px!important;}
.mL34{margin-left:34px!important;}
.mL36{margin-left:36px!important;}
.mL38{margin-left:38px!important;}
.mL40{margin-left:40px!important;}
.mL42{margin-left:42px!important;}
.mL44{margin-left:44px!important;}
.mL46{margin-left:46px!important;}
.mL48{margin-left:48px!important;}
.mL50{margin-left:50px!important;}
.mL52{margin-left:52px!important;}
.mL54{margin-left:54px!important;}
.mL56{margin-left:56px!important;}
.mL58{margin-left:58px!important;}
.mL60{margin-left:60px!important;}

/*----------margin right----------*/
.mR1p{margin-right:1%!important;}
.mR2p{margin-right:2%!important;}
.mR3p{margin-right:3%!important;}
.mR4p{margin-right:4%!important;}
.mR5p{margin-right:5%!important;}

.mR0{margin-right:0px!important;}
.mR2{margin-right:2px!important;}
.mR4{margin-right:4px!important;}
.mR6{margin-right:6px!important;}
.mR8{margin-right:8px!important;}
.mR10{margin-right:10px!important;}
.mR12{margin-right:12px!important;}
.mR14{margin-right:14px!important;}
.mR16{margin-right:16px!important;}
.mR18{margin-right:18px!important;}
.mR20{margin-right:20px!important;}
.mR22{margin-right:22px!important;}
.mR24{margin-right:24px!important;}
.mR26{margin-right:26px!important;}
.mR28{margin-right:28px!important;}
.mR30{margin-right:30px!important;}
.mR32{margin-right:32px!important;}
.mR34{margin-right:34px!important;}
.mR36{margin-right:36px!important;}
.mR38{margin-right:38px!important;}
.mR40{margin-right:40px!important;}
.mR42{margin-right:42px!important;}
.mR44{margin-right:44px!important;}
.mR46{margin-right:46px!important;}
.mR48{margin-right:48px!important;}
.mR50{margin-right:50px!important;}
.mR52{margin-right:52px!important;}
.mR54{margin-right:54px!important;}
.mR56{margin-right:56px!important;}
.mR58{margin-right:58px!important;}
.mR60{margin-right:60px!important;}

/*----------margin bottom---------*/
.mB1p{ margin-bottom:1%!important;}
.mB2p{ margin-bottom:2%!important;}
.mB3p{ margin-bottom:3%!important;}
.mB4p{ margin-bottom:4%!important;}
.mB5p{ margin-bottom:5%!important;}

.mB0{ margin-bottom:0!important;}
.mB5{ margin-bottom:5px!important;}
.mB10{ margin-bottom:10px!important;}
.mB15{ margin-bottom:15px!important;}
.mB20{ margin-bottom:20px!important;}
.mB25{ margin-bottom:25px!important;}
.mB30{ margin-bottom:30px!important;}
.mB35{ margin-bottom:35px!important;}
.mB40{ margin-bottom:40px!important;}
.mB45{ margin-bottom:45px!important;}
.mB50{ margin-bottom:50px!important;}
.mB55{ margin-bottom:55px!important;}
.mB60{ margin-bottom:60px!important;}
.mB65{ margin-bottom:65px!important;}
.mB70{ margin-bottom:70px!important;}
.mB75{ margin-bottom:75px!important;}
.mB80{ margin-bottom:80px!important;}
.mB85{ margin-bottom:85px!important;}
.mB90{ margin-bottom:90px!important;}
.mB95{ margin-bottom:95px!important;}
.mB100{ margin-bottom:100px!important;}
.mB105{ margin-bottom:105px!important;}
.mB110{ margin-bottom:110px!important;}
.mB115{ margin-bottom:115px!important;}
.mB120{ margin-bottom:120px!important;}
.mB125{ margin-bottom:125px!important;}
.mB130{ margin-bottom:130px!important;}
.mB135{ margin-bottom:135px!important;}
.mB140{ margin-bottom:140px!important;}
.mB145{ margin-bottom:145px!important;}
.mB150{ margin-bottom:150px!important;}
.mB155{ margin-bottom:155px!important;}
.mB160{ margin-bottom:160px!important;}
.mB165{ margin-bottom:165px!important;}

/*--------------------------
	padding
---------------------------*/
.p1p{ padding:1%!important;}
.p2p{ padding:2%!important;}
.p3p{ padding:3%!important;}
.p4p{ padding:4%!important;}
.p5p{ padding:5%!important;}

.p0{ padding:0;}
.p2{ padding:2px;}
.p4{ padding:4px;}
.p6{ padding:6px;}
.p8{ padding:8px;}
.p10{ padding:10px;}
.p12{ padding:12px;}
.p14{ padding:14px;}
.p16{ padding:16px;}
.p18{ padding:18px;}
.p20{ padding:20px;}
.p22{ padding:22px;}
.p24{ padding:24px;}
.p26{ padding:26px;}
.p28{ padding:28px;}
.p30{ padding:30px;}
.p32{ padding:32px;}

/*----------padding top---------*/
.pT1p{ padding-top:1%!important;}
.pT2p{ padding-top:2%!important;}
.pT3p{ padding-top:3%!important;}
.pT4p{ padding-top:4%!important;}
.pT5p{ padding-top:5%!important;}

.pT0{ padding-top:0!important;}
.pT5{ padding-top:5px!important;}
.pT6{ padding-top:6px!important;}
.pT10{ padding-top:10px!important;}
.pT15{ padding-top:15px!important;}
.pT20{ padding-top:20px!important;}
.pT25{ padding-top:25px!important;}
.pT30{ padding-top:30px!important;}
.pT35{ padding-top:35px!important;}
.pT40{ padding-top:40px!important;}
.pT45{ padding-top:45px!important;}
.pT50{ padding-top:50px!important;}
.pT55{ padding-top:55px!important;}
.pT60{ padding-top:60px!important;}
.pT65{ padding-top:65px!important;}
.pT70{ padding-top:70px!important;}
.pT75{ padding-top:75px!important;}
.pT80{ padding-top:80px!important;}
.pT85{ padding-top:85px!important;}

/*----------padding left-----------*/
.pL1p{padding-left:1%!important;}
.pL2p{padding-left:2%!important;}
.pL3p{padding-left:3%!important;}
.pL4p{padding-left:4%!important;}
.pL5p{padding-left:5%!important;}

.pL0{padding-left:0!important;}
.pL2{padding-left:2px!important;}
.pL4{padding-left:4px!important;}
.pL6{padding-left:6px!important;}
.pL8{padding-left:8px!important;}
.pL10{padding-left:10px!important;}
.pL12{padding-left:12px!important;}
.pL14{padding-left:14px!important;}
.pL16{padding-left:16px!important;}
.pL18{padding-left:18px!important;}
.pL20{padding-left:20px!important;}

/*----------padding right----------*/
.pR1p{padding-right:1%!important;}
.pR2p{padding-right:2%!important;}
.pR3p{padding-right:3%!important;}
.pR4p{padding-right:4%!important;}
.pR5p{padding-right:5%!important;}
.pR6p{padding-right:6%!important;}
.pR7p{padding-right:7%!important;}
.pR8p{padding-right:8%!important;}
.pR9p{padding-right:9%!important;}
.pR10p{padding-right:10%!important;}

.pR0{padding-right:0!important;}
.pR2{padding-right:2px!important;}
.pR4{padding-right:4px!important;}
.pR6{padding-right:6px!important;}
.pR8{padding-right:8px!important;}
.pR10{padding-right:10px!important;}
.pR12{padding-right:12px!important;}
.pR14{padding-right:14px!important;}
.pR16{padding-right:16px!important;}
.pR18{padding-right:18px!important;}
.pR20{padding-right:20px!important;}
.pR22{padding-right:22px!important;}
.pR24{padding-right:24px!important;}
.pR26{padding-right:26px!important;}
.pR28{padding-right:28px!important;}
.pR30{padding-right:30px!important;}
.pR32{padding-right:32px!important;}
.pR34{padding-right:34px!important;}
.pR36{padding-right:36px!important;}
.pR38{padding-right:38px!important;}
.pR40{padding-right:40px!important;}
.pR42{padding-right:42px!important;}
.pR44{padding-right:44px!important;}
.pR46{padding-right:46px!important;}
.pR48{padding-right:48px!important;}
.pR50{padding-right:50px!important;}

/*----------padding bottom---------*/
.pB1p{ padding-bottom:1%!important;}
.pB2p{ padding-bottom:2%!important;}
.pB3p{ padding-bottom:3%!important;}
.pB4p{ padding-bottom:4%!important;}
.pB5p{ padding-bottom:5%!important;}

.pB0{ padding-bottom:0!important;}
.pB5{ padding-bottom:5px!important;}
.pB10{ padding-bottom:10px!important;}
.pB15{ padding-bottom:15px!important;}
.pB20{ padding-bottom:20px!important;}
.pB25{ padding-bottom:25px!important;}
.pB30{ padding-bottom:30px!important;}
.pB35{ padding-bottom:35px!important;}
.pB40{ padding-bottom:40px!important;}
.pB45{ padding-bottom:45px!important;}
.pB50{ padding-bottom:50px!important;}
.pB55{ padding-bottom:55px!important;}
.pB60{ padding-bottom:60px!important;}
.pB65{ padding-bottom:65px!important;}
.pB70{ padding-bottom:70px!important;}
.pB75{ padding-bottom:75px!important;}
.pB80{ padding-bottom:80px!important;}
.pB85{ padding-bottom:85px!important;}
.pB90{ padding-bottom:90px!important;}
.pB95{ padding-bottom:95px!important;}
.pB100{ padding-bottom:100px!important;}
.pB105{ padding-bottom:105px!important;}

/*--------------------------
	width
---------------------------*/
.w2P {width:2%;}
.w4P {width:4%;}
.w6P {width:6%;}
.w8P {width:8%;}
.w10P {width:10%;}
.w12P {width:12%;}
.w14P {width:14%;}
.w16P {width:16%;}
.w18P {width:18%;}
.w20P {width:20%;}
.w22P {width:22%;}
.w24P {width:24%;}
.w26P {width:26%;}
.w28P {width:28%;}
.w30P {width:30%;}
.w32P {width:32%;}
.w34P {width:34%;}
.w36P {width:36%;}
.w38P {width:38%;}
.w40P {width:40%;}
.w42P {width:42%;}
.w44P {width:44%;}
.w46P {width:46%;}
.w48P {width:48%;}
.w50P {width:50%;}
.w52P {width:52%;}
.w54P {width:54%;}
.w56P {width:56%;}
.w58P {width:58%;}
.w60P {width:60%;}
.w62P {width:62%;}
.w64P {width:64%;}
.w66P {width:66%;}
.w68P {width:68%;}
.w70P {width:70%;}
.w72P {width:72%;}
.w74P {width:74%;}
.w76P {width:76%;}
.w78P {width:78%;}
.w80P {width:80%;}
.w82P {width:82%;}
.w84P {width:84%;}
.w86P {width:86%;}
.w88P {width:88%;}
.w90P {width:90%;}
.w92P {width:92%;}
.w94P {width:94%;}
.w96P {width:96%;}
.w98P {width:98%;}
.w100P {width:100%;}

/*-----------------------------------------------------------------------------
 =03.clearFix
-----------------------------------------------------------------------------*/
.cf:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}


#wrapper{
	margin:0 auto;
	padding:0;
	width:100%;
}

.container{
	margin:10px auto 0;
	width:100%;
	background:#ffffff;
}

.container_main h2{
	width:92%;
	margin:10px auto 0;
	font-size:110%;
}

/* slides */

.slides {width:92%; margin:0 auto;}
.slides .cap {margin:10px 0 20px;}

#babybifi .slides,
#milklife .slides,
#hp_ofrj .slides,
#hp_pcr .slides,
#hp_rpeg .slides,
#hp_tpo .slides,
#hp_rglc .slides {margin-bottom:20px;}

/*-----*/
/* regi_var2 */
.regi_var2{
	width:92%;
	margin:0 auto 10px;
	background:#fee4a5;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	padding:15px 0;
}

.regi_var2 .ttl,
.regi_var2 .ttl2,
.regi_var2 .ttl3 {
	width:92%;
	margin:0 auto 10px;
}

.regi_var2 .ttl img,
.regi_var2 .ttl3 img{
	width:15%;
	float:left;
	display:inline-block;
}

.regi_var2 .ttl div,
.regi_var2 .ttl3 div{
	width:80%;
	float:right;
	display:inline-block;
}

.regi_var2 .ttl2 img {
	width:25%;
	float:left;
	display:inline-block;
}

.regi_var2 .ttl2 div {
	width:70%;
	float:right;
	display:inline-block;
}

.regi_var2 .ttl p span,
.regi_var2 .ttl2 p span,
.regi_var2 .ttl3 p span {font-size:75%;}

/* teiki */
.regi_var2 .teiki {
	width:92%;
	margin:0 auto;
	background:#ffffff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.regi_var2 .teiki .inner{
	width:90%;
	margin:0 auto;
	padding:10px 0 0;
}

.regi_var2 .teiki .inner .sub_ttl{
	border-bottom:#ff0000 2px solid;
}

.regi_var2 .teiki .inner .sub_ttl p{
	display:inline-block !important;
	float:left;
}

.regi_var2 .teiki .inner .sub_ttl p:nth-child(1) {
	width:60%;
	color:#ff0000;
	font-size:110%;	
	text-align:left;
}

.regi_var2 .teiki .inner .sub_ttl p:nth-child(2) {
	width:40%;
	color:#0077fd;
	font-size:90%;
	text-decoration:underline;
	text-align:right;
	padding-top:3px;
}

.regi_var2 .teiki .inner .price{
	margin:10px 0;
}

.regi_var2 .teiki .inner .price p{
	display:inline-block !important;
	float:left;
	width:50%;
	color:#ff0000;
	font-size:110%;
	line-height:1.2;
}

.regi_var2 .teiki .inner .price p:nth-child(1) span{
	font-size:68%;
	letter-spacing:-0.5px;
	color:#000000;
}

.regi_var2 .teiki .inner .price div{
	display:inline-block !important;
	float:left;
	width:50%;
	margin-top:1%;
}

.regi_var2 .teiki .inner .price div img:nth-child(1) {
	display:inline-block !important;
	float:left;
	width:48%;
	margin-top:-3px;
}

.regi_var2 .teiki .inner .price div img:nth-child(2) {
	display:inline-block !important;
	float:right;
	width:48%;
}

/* once */
.regi_var2 .once {
	width:92%;
	margin:10px auto 0;
	background:#ffffff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.regi_var2 .once .inner{
	width:90%;
	margin:0 auto;
	padding:10px 0 0;
}

.regi_var2 .once .inner .sub_ttl{
	border-bottom:#cccccc 2px solid;
}

.regi_var2 .once .inner .sub_ttl p{
	display:inline-block !important;
	float:left;
	color:#000000;
	font-size:110%;	
	text-align:left;
}

.regi_var2 .once .inner .price{
	margin:10px 0;
}

.regi_var2 .once .inner .price > p {
	display:inline-block !important;
	float:left;
	width:50%;
	color:#000000;
	font-size:110%;
	line-height:1.2;
}

.regi_var2 .once .inner .price p:nth-child(1) span{
	font-size:68%;
	letter-spacing:-0.5px;
}

.regi_var2 .once .inner .price .pc_br{
	font-size:70%;
	letter-spacing:-0.5px;
	text-align:right;
	color:#3e91dd;
}

.regi_var2 .once .inner .price div{
	float:right;
	text-align:right !important;
	width:50%;
}

.regi_var2 .once .inner .price div img {
	display:inline-block !important;
	text-align:right !important;
	width:48%;
	margin-bottom:5px;
}

.regi_var2 .fd_od{
	width:90%;
	margin:10px auto 0;
	padding:10px 0;
	text-align:center;
	background:#ffffff;
	border:#ff7200 solid 4px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.regi_var2 .fd_od p:nth-child(1){
	font-size:110%;
}

.regi_var2 .fd_od p:nth-child(2){
	font-size:110%;
	font-weight:bold;
}

.regi_var2 .fd_od p:nth-child(2) span{
	font-size:76% !important;
	font-weight: normal !important;
}

/* trial */
.regi_var2 .trial_ttl{
	width:92%;
	margin:0 auto 10px;
	border-bottom:#ffffff 2px solid;
}

.regi_var2 .trial_ttl p{
	color:#000000;
	font-size:110%;	
	text-align:left;
}

.regi_var2 .trial {
	width:92%;
	margin:10px auto 0;
	background:#ffffff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.regi_var2 .trial .inner{
	width:90%;
	margin:0 auto;
	padding:10px 0 0;
}

.regi_var2 .trial .inner .price{
	margin:10px 0;
}

.regi_var2 .trial .inner .price > p {
	display:inline-block !important;
	float:left;
	width:45%;
	color:#000000;
	font-size:110%;
	line-height:1.2;
}

.regi_var2 .trial .inner .price p:nth-child(1) span{
	font-size:68%;
	letter-spacing:-0.5px;
}

.regi_var2 .trial .inner .price .pc_br{
	font-size:70%;
	letter-spacing:-0.5px;
	text-align:right;
	color:#3e91dd;
}

.regi_var2 .trial .inner .price div{
	float:right;
	text-align:right !important;
	width:55%;
}

.regi_var2 .trial .inner .price div img {
	display:inline-block !important;
	text-align:right !important;
	width:48%;
	margin-bottom:5px;
}

.regi_var2 + p{
	width:92%;
	margin:0 auto 20px;
}


/* regi */
.regi{
	width:92%;
	margin:0 auto 10px;
	background:#fee4a5;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	padding:15px 0;
}

.regi .ttl,
.regi .ttl2,
.regi .ttl3 {
	width:92%;
	margin:0 auto 10px;
}

.regi .ttl img,
.regi .ttl3 img{
	width:15%;
	float:left;
	display:inline-block;
}

.regi .ttl div,
.regi .ttl3 div{
	width:80%;
	float:right;
	display:inline-block;
}

.regi .ttl2 img {
	width:25%;
	float:left;
	display:inline-block;
}

.regi .ttl2 div {
	width:70%;
	float:right;
	display:inline-block;
}

.regi .ttl p span,
.regi .ttl2 p span,
.regi .ttl3 p span {font-size:75%;}

/* maiasasokai */
#maiasasokai .regi .ttl div p:nth-child(1) {padding-top:15px;}

/* babybifi */
#babybifi .regi .ttl img{width:20%;}
#babybifi .regi .ttl div{width:75%;}
#babybifi .regi .ttl div p:nth-child(1) {padding-top:5px;}

/* hp_pcr */
#hp_pcr .regi .ttl3 img{width:10%;}
#hp_pcr .regi .ttl3 div{width:85%;}

/* hp_rpeg */
#hp_rpeg .regi .ttl3 img{width:10%;}
#hp_rpeg .regi .ttl3 div{width:85%;}

/* hp_rglc */
#hp_rglc .regi .ttl3 img{width:10%;}
#hp_rglc .regi .ttl3 div{width:85%;}

/* hp_tpo */
#hp_tpo .regi .ttl img{width:20%;}
#hp_tpo .regi .ttl div{width:75%;}

/* teiki */
.regi .teiki {
	width:92%;
	margin:0 auto;
	background:#ffffff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.regi .teiki .inner{
	width:90%;
	margin:0 auto;
	padding:10px 0;
}

.regi .teiki .inner .sub_ttl{
	border-bottom:#ff0000 2px solid;
}

.regi .teiki .inner .sub_ttl p{
	display:inline-block !important;
	float:left;
}

.regi .teiki .inner .sub_ttl p:nth-child(1) {
	width:60%;
	color:#ff0000;
	font-size:110%;	
	text-align:left;
}

.regi .teiki .inner .sub_ttl p:nth-child(2) {
	width:40%;
	color:#0077fd;
	font-size:90%;
	text-decoration:underline;
	text-align:right;
	padding-top:3px;
}

.regi .teiki .inner .price{
	margin:10px 0;
}

.regi .teiki .inner .price p{
	display:inline-block !important;
	float:left;
	width:50%;
	color:#ff0000;
	font-size:110%;
	line-height:1.2;
}

.regi .teiki .inner .price p:nth-child(1) span{
	font-size:68%;
	letter-spacing:-0.5px;
	color:#000000;
}

.regi .teiki .inner .price div{
	display:inline-block !important;
	float:left;
	width:50%;
	margin-top:1%;
}

.regi .teiki .inner .price div img:nth-child(1) {
	display:inline-block !important;
	float:left;
	width:48%;
}

.regi .teiki .inner .price div img:nth-child(2) {
	display:inline-block !important;
	float:right;
	width:48%;
}

/* once */
.regi .once {
	width:92%;
	margin:10px auto 0;
	background:#ffffff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.regi .once .inner{
	width:90%;
	margin:0 auto;
	padding:10px 0;
}

.regi .once .inner .sub_ttl{
	border-bottom:#cccccc 2px solid;
}

.regi .once .inner .sub_ttl p{
	display:inline-block !important;
	float:left;
	color:#000000;
	font-size:110%;	
	text-align:left;
}

.regi .once .inner .price{
	margin:10px 0;
}

.regi .once .inner .price > p {
	display:inline-block !important;
	float:left;
	width:50%;
	color:#000000;
	font-size:110%;
	line-height:1.2;
}

.regi .once .inner .price p:nth-child(1) span{
	font-size:68%;
	letter-spacing:-0.5px;
}

.regi .once .inner .price .pc_br{
	font-size:70%;
	letter-spacing:-0.5px;
	text-align:right;
	color:#3e91dd;
}

.regi .once .inner .price div{
	float:right;
	text-align:right !important;
	width:50%;
}

.regi .once .inner .price div img {
	display:inline-block !important;
	text-align:right !important;
	width:48%;
	margin-bottom:5px;
}

/* trial */
.regi .trial_ttl{
	width:92%;
	margin:0 auto 10px;
	border-bottom:#ffffff 2px solid;
}

.regi .trial_ttl p{
	color:#000000;
	font-size:110%;	
	text-align:left;
}


.regi .trial {
	width:92%;
	margin:10px auto 0;
	background:#ffffff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.regi .trial .inner{
	width:90%;
	margin:0 auto;
	padding:10px 0;
}

.regi .trial .inner .price{
	margin:10px 0;
}

.regi .trial .inner .price > p {
	display:inline-block !important;
	float:left;
	width:45%;
	color:#000000;
	font-size:110%;
	line-height:1.2;
}

.regi .trial .inner .price p:nth-child(1) span{
	font-size:68%;
	letter-spacing:-0.5px;
}

.regi .trial .inner .price .pc_br{
	font-size:70%;
	letter-spacing:-0.5px;
	text-align:right;
	color:#3e91dd;
}

.regi .trial .inner .price div{
	float:right;
	text-align:right !important;
	width:55%;
}

.regi .trial .inner .price div img {
	display:inline-block !important;
	text-align:right !important;
	width:48%;
	margin-bottom:5px;
}

/* common */
.regi .teiki .inner .cart .quantity,
.regi .once .inner .cart .quantity,
.regi .trial .inner .cart .quantity {
	width:51%;
	float:left;
}

.regi .teiki .inner .cart .quantity p,
.regi .once .inner .cart .quantity p,
.regi .trial .inner .cart .quantity p {
	margin-top:3px;
	text-align:right;
	font-size:80%;
}

.regi .teiki .inner .cart form label,
.regi .once .inner .cart form label,
.regi .trial .inner .cart form label {
   position: relative;
	display: block; 
	height:20px;
	padding: 5px 10px;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background: -moz-linear-gradient(top, #fdfdfd, #efefef);
    background: -webkit-linear-gradient(top, #fdfdfd, #efefef);
    background: linear-gradient(to bottom, #fdfdfd, #efefef);
}

.regi .teiki .inner .cart form label:before,
.regi .once .inner .cart form label:before,
.regi .trial .inner .cart form label:before {
	position: absolute;
	top: 25%;
	right: 10px;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url("../img/p_arrow4.png") no-repeat;
	background-size:contain;
}

.regi .teiki .inner .cart form label select,
.regi .once  .inner .cart form label select,
.regi .trial .inner .cart form label select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;		/* 標準のスタイルを無効にする */ 
	display: block;
	width: 100%;
	height:20px;
	line-height:1;	
	font-size:96%;
	outline:none;
	border: none;
	background: transparent;/* 背景を透過指定する */
}

::-ms-expand {display: none;}

.regi .teiki .inner .cart .btn,
.regi .once .inner .cart .btn,
.regi .trial .inner .cart .btn {
	width:40%;
	height:20px;
	float:right;
	display:inline-block;
	border:#cbcbcb 1px solid;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:5px 7px;
	text-align:center;
	background: -moz-linear-gradient(top, #ff9178 0%, #ff7252 49%, #ff3116 50% ,#ff513c);
    background: -webkit-linear-gradient(top, #ff9178 0%, #ff7252 49%, #ff3116 50% ,#ff513c);
    background: linear-gradient(to bottom,#ff9178 0%, #ff7252 49%, #ff3116 50% ,#ff513c);
}

.regi .teiki .inner .cart .btn p,
.regi .once .inner .cart .btn p,
.regi .trial .inner .cart .btn p {
	margin:2px;
	line-height:1.2;
	font-size:94%;
}

.regi .teiki .inner .cart .btn a,
.regi .once .inner .cart .btn a,
.regi .trial .inner .cart .btn a  {
	color:#ffffff;
}

.regi + p{
	width:92%;
	margin:0 auto 20px;
}

/*-----*/
/* report */
.report{
	width:92%;
	margin:0 auto;
	padding:15px 0;
	border-top:#b2b2b2 1px dashed;
	border-bottom:#b2b2b2 1px dashed;
}

#b3 .report{margin:20px auto;}

.report img{
	width:20%;
	float:left;
}

.report p{
	width:75%;
	font-size:95%;
	letter-spacing:-1px;
	float:left;
	margin-left:15px;
}

/*-----*/
/* check */

.check{
	width:92%;
	margin:20px auto;
}

/*-----*/
/* know */

.know{
	background:#fdedd7;
	padding:20px 0 30px;
}

.know h3{
	width:92%;
	margin:0 auto;
}

.know .inner{
	width:86%;
	margin:0 auto;
}

.know .inner p{
	margin:15px 0;
}

.know2{
	width:92%;
	margin:20px auto 0;
	padding-bottom:20px;
	background:#fdedd7;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.know2 h3{
	color:#ffffff;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	padding:10px 15px 10px;
	line-height:1.4;
	background:#ffa42e;
	border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	-moz-border-radius:4px 4px 0px 0px;
}


.know2 .inner{
	width:94%;
	margin:0 auto 0;
	background:#ffffff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.know2 .inner img{
	text-align:center;
}

.know .bg_white,
.know2 .bg_white {
	margin:10px auto 0;
	padding:20px 0;
	background:#ffffff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.know .bg_white img,
.know2 .bg_white img{
	margin: 0 auto;
	text-align:center;
	width:80%;
}

/* b3 */
#b3 .know{
	padding:0 0 20px;
}

/*  -- old --
#b3 .know {width:92%; margin:20px auto 0; padding:0; background:transparent;}
#b3 .know h3{
	width:100%;
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	line-height:1.4;
	background:#ffa42e;
	border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
}
#b3 .know .inner{
	width:100%;
	background:#fdedd7;
	padding:0 0 30px;
	border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
}
#b3 .know .inner img {width:86%; margin:0 auto;}
*/

/* babybifi */
#babybifi .know .bg_white img{
	width:94%;
}

/*-----*/
/* intro */

.intro_area h3{
	color:#ffffff;
	font-size:140%;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	line-height:1.4;
	background:#ffa42e;
}

.intro_area > ul{
	width:92%;
	margin:10px auto 0;
}

.intro_area ul li{
	margin:0 auto 30px;
}

.intro_area ul li .br1 {
	font-size:110%;
	border-bottom:#c7c7c7 3px solid;	
	padding:13px 0 3px 0px;
	text-align:left;
/*	background-image:url("../img/grad_icon1.jpg") ;
	background-repeat:no-repeat;
	background-position:0px 14px;
	background-size:5px;*/
}

.intro_area ul li .br2,
.intro_area ul li .br2-2 {
	font-size:110%;
	border-bottom:#c7c7c7 3px solid;	
	padding:9px 0 3px 0px;
	text-align:left;
/*	background-image:url("../img/grad_icon2.jpg") ;
	background-repeat:no-repeat;
	background-position:0px 14px;
	background-size:5px;*/
}



.intro_area ul li .inner{
	width:94%;
	margin:20px auto 0;
}

.intro_area ul li .inner .graph{
	width:86%;
	margin:0 auto;
}

.intro_area ul li .inner .text p {width:100%; margin:20px auto 0;}
.intro_area ul li .inner .text img {width:100%; margin:10px auto 0;}

.intro_area ul li .inner .feature{
	margin-top:20px!important;
}

.intro_area ul li .inner .feature li{
	padding-bottom:15px;
	margin-bottom:15px!important;
	border-bottom:#b2b2b2 1px dashed;
}

.intro_area ul li .inner .feature li:last-child{
	padding-bottom:0!important;
	margin-bottom:0!important;
	border-bottom:none;
}

.intro_area ul li .inner .feature li img{
	float:left;
	width:19%;
}

.intro_area ul li .inner .feature li p{
	float:left;
	width:73%;
	margin-left:15px;
}

.intro_area ul li .inner .feature li p span{ color:#ff0000;}

.intro_area .component .hp_box_list ul {
	background:#ffffff;
	width:80%;
	margin:10px auto 30px;
	padding:20px;
	text-align:left;
	border:#c7c7c7 2px solid;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.intro_area .component .hp_box_list li {padding:0 0 10px !important; margin:0 !important;}
.intro_area .component .hp_box_list li img {width:7%; margin-right:10px; float:left;}
.intro_area .component .hp_box_list li span {color:#ff5a00; font-weight:bold;}
.intro_area .component .hp_box_list li p {width:88%; float:left;}
.intro_area .component .hp_box_list li.excl {border-top:#b2b2b2 1px dotted;}
.intro_area .component .hp_box_list li.excl p,
.intro_area .component .hp_box_list li.excl img { padding-top:10px !important;}
.intro_area .component .hp_box_list li:last-child {padding-bottom:0 !important;}

.intro_area .bg_blue{
	margin-top:20px;
	padding:20px 10px;
	background:#e2f3f9;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.intro_area .bg_yellow{
	margin-top:20px;
	background:#fef9d3;
}

.intro_area .bg_yellow p{
	width:90%;
	margin:0 auto;
	padding:10px 0 20px;
}

/* bb536 */
#bb536 .intro_area ul li:nth-child(1) .inner .text {margin:10px 0 20px;}
#bb536 .intro_area ul li:nth-child(1) .inner .cap {margin-top:10px;}
#bb536 .intro_area ul li:nth-child(1) .inner .ttl .cap {color:#ff4f4f; text-align:right;}
#bb536 .intro_area ul li:nth-child(2) .inner .text img {width:48%; float:right;}
#bb536 .intro_area ul li:nth-child(2) .inner .text p {width:100%; float:none;}
#bb536 .intro_area ul li:nth-child(2) .inner .text img {margin:0 0 10px 15px;}
#bb536 .intro_area ul li:nth-child(2) .inner > img {margin-top:20px;}
#bb536 .intro_area ul li .inner .bg_blue img {margin: 0 auto; text-align:center; width:86%;}
#bb536 .intro_area ul li .inner .feature li:nth-child(3) p {width:46%;}
#bb536 .intro_area ul li .inner .feature li:nth-child(3) p + img {float:right; width:28%;}

/* rfp */
#rfp .intro_area ul li:nth-child(1) .inner .text p {width:100%; margin:20px auto 0;}
#rfp .intro_area ul li:nth-child(2) .inner .text p {width:100%; margin:20px auto 0;}
#rfp .intro_area ul li:nth-child(1) .inner .text img {width:42%; float:right; margin:0 0 15px 15px;}
#rfp .intro_area ul li:nth-child(2) .inner .text img {width:46%; float:right; margin:0 0 15px 15px;}

#rfp .intro_area ul li:nth-child(3) .inner {width:94%; margin:20px auto 0;}
/*
#rfp .intro_area ul li:nth-child(3) .inner,
#rfp .intro_area ul li:nth-child(4) .inner {width:94%; margin:20px auto 0;}
*/
#rfp .intro_area ul li:nth-child(3) .inner .text img {width:40%; float:right; margin-left:15px;}
/*
#rfp .intro_area ul li:nth-child(3) .inner p + img {width:86%; margin:20px auto;}
*/
#rfp .intro_area ul li:nth-child(4) .inner .text img {width:40%; float:right; margin-left:15px;}


/* rfp */
#rfo .intro_area ul li:nth-child(1) .inner .text p {width:100%; margin:20px auto 0;}
#rfo .intro_area ul li:nth-child(2) .inner .text p {width:100%; margin:20px auto 0;}
#rfo .intro_area ul li:nth-child(1) .inner .text img {width:42%; float:right; margin:0 0 15px 15px;}
#rfo .intro_area ul li:nth-child(2) .inner .text img {width:46%; float:right; margin:0 0 15px 15px;}

/* b3 */
#b3 .intro_area ul li:nth-child(1) .inner .graph {margin-top:15px;}
#b3 .intro_area ul li:nth-child(2) .inner .text img {width:46%; float:right; margin:0 0 15px 15px;}
#b3 .intro_area ul li:nth-child(2) .inner .text + .cap {text-align:right; margin:10px 0 20px;}
#b3 .intro_area ul li:nth-child(2) .inner .text + .cap > span {color:#ff0000;}
#b3 .intro_area ul li .inner .bg_blue p img { padding:0 0 15px;}
#b3 .intro_area ul li .inner .bg_blue_inner img {float:left; width:28%; margin:0;}
#b3 .intro_area ul li .inner .bg_blue_inner p {float:right; width:67%;}

/* ob */
#ob .intro_area ul li:nth-child(1) .inner .text p,
#ob .intro_area ul li:nth-child(2) .inner .text p,
#ob .intro_area ul li:nth-child(3) .inner .text p {width:100%; margin:20px auto 0;}
#ob .intro_area ul li:nth-child(1) .inner .text img,
#ob .intro_area ul li:nth-child(2) .inner .text img {width:42%; float:right; margin:0 0 15px 15px;}
#ob .intro_area ul li:nth-child(3) .inner .text img {width:46%; float:right; margin:0 0 15px 15px;}
#ob .intro_area ul li:nth-child(3) .inner .text .cap {text-align:right; margin:0;}

/* milklife */
#milklife .intro_area .component{width:86%; margin:5px auto 20px;}
#milklife .intro_area .kdwr_icon {width:34%; margin:0 0 5px;}
#milklife .intro_area ul li:nth-child(1) .inner .text p,
#milklife .intro_area ul li:nth-child(3) .inner .text p,
#milklife .intro_area ul li:nth-child(4) .inner .text p,
#milklife .intro_area ul li:nth-child(5) .inner .text p,
#milklife .intro_area ul li:nth-child(6) .inner .text p {width:100%; margin:20px auto 0;}
#milklife .intro_area ul li:nth-child(2) .inner .text p {width:100%; margin:0 auto 0;}
#milklife .intro_area ul li:nth-child(1) .inner .text img {width:42%; float:right; margin:0 0 15px 15px;}
#milklife .intro_area ul li:nth-child(2) .inner .text img,
#milklife .intro_area ul li:nth-child(3) .inner .text img {width:100%; margin:10px auto 0;}
#milklife .intro_area ul li .inner .text sup {font-size:70%;}

/* maiasasokai */
#maiasasokai .intro_area .component {width:100%; margin:5px auto 0;}
#maiasasokai .intro_area .component .inner1 {width:86%; margin:0 auto;}
#maiasasokai .intro_area .component .inner1 img {margin:auto;}
#maiasasokai .intro_area .component .inner2 {width:92%; margin:20px auto;}
#maiasasokai .intro_area .component .box_list{
	width:91%;
	margin:20px auto 20px;
	border:#ffa42e solid 3px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#maiasasokai .intro_area .component .box_list .ttl {background:#ffa42e; padding:7px 20px;}
#maiasasokai .intro_area .component .box_list .ttl img {width:70%;}
#maiasasokai .intro_area .component .box_list ul {background:#fffbe5; width:100%; margin:0 auto; text-align:left; padding-top:15px;}
#maiasasokai .intro_area .component .box_list li {padding:0 20px 10px !important; margin:0 !important;}
#maiasasokai .intro_area .component .box_list li img {width:7%; margin-right:10px; float:left;}
#maiasasokai .intro_area .component .box_list li p {width:88%; float:left;}
#maiasasokai .intro_area ul li:nth-child(1) .inner .text p,
#maiasasokai .intro_area ul li:nth-child(2) .inner .text p {width:100%; margin:0 auto 0;}
#maiasasokai .intro_area ul li:nth-child(1) .inner .text img,
#maiasasokai .intro_area ul li:nth-child(2) .inner .text img {width:100%; margin:20px auto 0;}
#maiasasokai .intro_area .component .inner2 .bg_blue img {width:86%; margin: 0 auto; text-align:center;}
#maiasasokai .intro_area ul li .inner .text .cap {margin:10px 0 0 !important; padding:0 !important}
#maiasasokai .intro_area ul li .inner .text sup {font-size:70%;}

/* babybifi */
#babybifi .intro_area ul li .inner .text img {margin-top:20px;}
#babybifi .intro_area .bg_blue {padding:5px 10px 15px;}
#babybifi .intro_area .component {width:100%; margin:5px auto 0;}
#babybifi .intro_area .component .box_list{
	width:90%;
	margin:20px auto 20px;
	border:#ffa42e solid 3px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#babybifi .intro_area .component .box_list .ttl {background:#ffa42e; padding:7px 10px;}
#babybifi .intro_area .component .box_list .ttl img {margin:0 auto; text-align:center; width:100%;}
#babybifi .intro_area .component .box_list ul {background:#fffbe5; width:100%; margin:0 auto; text-align:left; padding-top:15px;}
#babybifi .intro_area .component .box_list li {padding:0 0 10px 10px; margin:0;}
#babybifi .intro_area .component .box_list li img {width:7%; margin-right:10px; float:left;}
#babybifi .intro_area .component .box_list li p {width:58%; margin-right:10px; float:left;}
#babybifi .intro_area .component .box_list li p span {color:#ff6e2e; font-weight:bold;}
#babybifi .intro_area .component .box_list li div img {width:24%; text-align:right; float:right;}
#babybifi .notice img {width:10%; float:left; margin-right:10px;}
#babybifi .notice p  {width:84%; padding-top:3%; float:left; color:#e50012; font-weight:bold;}

/* ofrj */
#hp_ofrj .intro_area ul li:nth-child(1) .inner{margin:30px auto 0;}
#hp_ofrj .intro_area ul li:nth-child(1) .inner .text img{margin:0;}
#hp_ofrj .intro_area ul li:nth-child(2) .inner .text{ margin-bottom:20px;}
#hp_ofrj .intro_area ul li:nth-child(2) .inner .text img {width:36%; float:left; margin:0 20px 10px 0;}
#hp_ofrj .intro_area ul li:nth-child(2) .inner .text p {width:100%; float:right; margin:0;}
#hp_ofrj .intro_area ul li:nth-child(3) .inner .text{margin-top:10px;}
#hp_ofrj .intro_area ul li:nth-child(3) .inner .text img {width:30%; float:left;}
#hp_ofrj .intro_area ul li:nth-child(3) .inner .text p {width:64%; float:right; margin:0; font-size:74%;}

/* hp_pcr */
#hp_pcr .intro_area ul li:nth-child(1) .inner .text img {width:36%; float:right; margin:0 0 10px 15px;}
#hp_pcr .intro_area ul li:nth-child(1) .inner .text p {width:100%; float:none;}
#hp_pcr .intro_area ul li:nth-child(2) .inner .text img {width:34%; float:left; margin:0;}
#hp_pcr .intro_area ul li:nth-child(2) .inner .text p{width:60%; float:right; margin:10px 0 0;}
#hp_pcr .intro_area ul li:nth-child(1) .inner > p{color:#ff5a00; font-size:110%; font-weight:bold;}
#hp_pcr .explain > ul > li:nth-child(1) li:last-child{border-top:#b2b2b2 1px dotted; padding-top:10px;}

/* hp_rglc */
#hp_rglc .intro_area ul li:nth-child(1) .inner .text img {margin:0;}
#hp_rglc .intro_area ul li:nth-child(2) .inner .text {margin-bottom:20px;}
#hp_rglc .intro_area ul li:nth-child(2) .inner .text img {width:36%; float:left; margin:0 15px 10px 0;}
#hp_rglc .intro_area ul li:nth-child(2) .inner .text p {width:100%; float:none;}
#hp_rglc .intro_area ul li:nth-child(2) .inner .text {margin-bottom:20px;}
#hp_rglc .intro_area ul li:nth-child(3) .inner .text img {width:36%; float:left; margin:0 15px 10px 0;}
#hp_rglc .intro_area ul li:nth-child(3) .inner .text p {width:100%; float:none;}
#hp_rglc .intro_area ul li:nth-child(3) h4 {letter-spacing:-0.02em;}

/* hp_rpeg */
#hp_rpeg .intro_area ul li:nth-child(1) .inner {margin:30px auto 0;}
#hp_rpeg .intro_area ul li:nth-child(1) .inner .text img {margin:0;}
#hp_rpeg .intro_area ul li:nth-child(2) .inner .text {margin-bottom:20px;}
#hp_rpeg .intro_area ul li:nth-child(2) .inner .text img {width:36%; float:left; margin:0 15px 10px 0;}
#hp_rpeg .intro_area ul li:nth-child(2) .inner .text p {width:100%; float:none;}
#hp_rpeg .intro_area ul li:nth-child(3) .inner .text img {width:34%; float:left; margin:0;}
#hp_rpeg .intro_area ul li:nth-child(3) .inner .text p{width:60%; float:right; margin:10px 0 0;}
#hp_rpeg .explain > ul > li:nth-child(1) li:last-child{border-top:#b2b2b2 1px dotted; padding-top:10px;}

/* hp_tpo */
#hp_tpo .intro_area ul li:nth-child(1) .inner .text,
#hp_tpo .intro_area ul li:nth-child(2) .inner .text,
#hp_tpo .intro_area ul li:nth-child(3) .inner .text{ margin:20px 0 0;}
#hp_tpo .intro_area ul li:nth-child(1) .inner .text img,
#hp_tpo .intro_area ul li:nth-child(2) .inner .text img,
#hp_tpo .intro_area ul li:nth-child(3) .inner .text img {width:36%; float:left; margin:0 15px 10px 0;}
#hp_tpo .intro_area ul li:nth-child(1) .inner .text p,
#hp_tpo .intro_area ul li:nth-child(2) .inner .text p,
#hp_tpo .intro_area ul li:nth-child(3) .inner .text p {width:100%; float:none;}
#hp_tpo .intro_area ul li:nth-child(3) .inner > p:nth-child(1){color:#ff5a00; font-size:110%; font-weight:bold;}

/* diary */
#diary .intro_area ul li .inner .text img {margin-top:20px;}
#diary #voice {padding:0 0 30px;}
#diary .voice_area .inner h4 {padding:20px 0 15px; margin:0 auto; width:82%;}
#diary .voice_area .inner ul li img {width:20%;}
#diary .voice_area .inner ul li p {width:72%; padding-top:7px; margin-left:20px !important;}

/*-----*/
/* voice */

.voice_area{
	width:92%;
	margin:0 auto;
	padding-bottom:20px;
	background:#fdedd7;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.voice_area .inner{
	width:94%;
	margin:0 auto;
}

.voice_area .inner ul{
	background:#ffffff;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.voice_area .inner h4{
	padding:20px 0 15px;
	width:65%;
}

.voice_area .inner ul li{
	width:94%;
	margin:0 auto;
	padding:20px 0 15px;
	border-bottom:#ffd7a0 4px dotted;
}

.voice_area .inner ul li:last-child{
	border-bottom:none;
}

.voice_area .inner ul li img{
	float:left;
	width:30%;
}

.voice_area .inner ul li p{
	float:left;
	width:62%;
	margin-left:20px;
}

.voice_area .inner ul + .cap{
	text-align:right;
	margin:10px 0 0;
}

.voice_area .inner .graph img{
	margin-top:20px;	
}

.voice_area .inner .graph .cap{
	margin-top:10px;
	letter-spacing:-0.5px;
}

/* bb536 */
#bb536 .voice_area .inner ul li div {float:left; width:30%;}
#bb536 .voice_area .inner ul li div p {font-size:80%;}
#bb536 .voice_area .inner ul li div img {width:100%;}
#bb536 .voice_area .inner ul li div p {width:100%; color:#666666; margin:10px auto 0; text-align:center;}
#bb536 .voice_area .inner ul li dl {float:left; width:62%; margin-left:20px;}
#bb536 .voice_area .inner ul li dt {text-align:left;}

/* b3 */
#b3 .voice_area .inner ul li div {float:left; width:30%;}
#b3 .voice_area .inner ul li div p {font-size:80%;}
#b3 .voice_area .inner ul li div img {width:100%;}
#b3 .voice_area .inner ul li div p {width:100%; color:#666666; margin:10px auto 0; text-align:center;}
#b3 .voice_area .inner ul li dl {float:left; width:62%; margin-left:20px;}
#b3 .voice_area .inner ul li dt {text-align:left;}

/* rfp */
#rfp .voice_area .inner ul li div {float:left; width:30%;}
#rfp .voice_area .inner ul li div img {width:100%;}
#rfp .voice_area .inner ul li div p {font-size:90%; width:100%; color:#666666; margin:10px auto 0; text-align:center;}
#rfp .voice_area .inner ul li dl {float:left; width:62%; margin-left:20px;}
#rfp .voice_area .inner ul li dt {text-align:left;}

/* rfo */
#rfo .voice_area .inner ul li div {float:left; width:30%;}
#rfo .voice_area .inner ul li div img {width:100%;}
#rfo .voice_area .inner ul li div p {font-size:90%; width:100%; color:#666666; margin:10px auto 0; text-align:center;}
#rfo .voice_area .inner ul li dl {float:left; width:62%; margin-left:20px;}
#rfo .voice_area .inner ul li dt {text-align:left;}

/* ob */
#ob .voice_area .inner .white_box { margin-bottom:10px;}
#ob .voice_area .inner ul li p {float:inherit; width:100%; margin:0 auto 0;}
#ob .voice_area .inner ul li p span {font-size:94%; color:#666666;}
#ob .voice_area .inner .photo1 {background:#ffffff; padding:0 0 15px; margin-bottom:10px;}
#ob .voice_area .inner ul li:nth-child(3) {width:94%; margin:0 auto 10px; padding:20px 0 0px; border-bottom: none;}
#ob .voice_area .inner ul li:nth-child(4) {border-bottom: none; padding:0px;}
#ob .voice_area .inner ul li:nth-child(4) img {float:inherit; width:100%; margin:0 auto 0 !important;}

/* milklife */
#milklife .voice_area .inner ul li img {float:inherit; width:100%; margin:0 auto 0;}
#milklife .voice_area .inner ul li p {float:inherit; width:100%; margin:0 auto 0;}
#milklife .voice_area .inner ul li .cap {text-align:right; margin:10px !important;}
#milklife .voice_area .inner ul li p strong {color:#ff6e2e;}
#milklife .voice_area .inner ul li p span {font-size:94%; color:#666666;}
#milklife .howto {width:100%; margin:20px auto 0;}
#milklife .howto img {margin:auto;}

/* babybifi */
#babybifi .voice_area .inner h4 {padding:20px 0 15px; margin:0 auto; width:82%;}
#babybifi .voice_area .inner ul li img {width:20%;}
#babybifi .voice_area .inner ul li p {width:72%; padding-top:7px; margin-left:20px !important;}

/*-----*/
/* qa */

.qa_btn{
	width:92%;
	margin:20px auto 0;
	background:#ff4c00;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

#milklife .qa_btn {margin-bottom:20px;}

.qa_btn .inner{
	width:90%;
	margin:0 auto;
	padding:10px 0;
}

.qa_btn .inner p{
	float:left;
	color:#ffffff;
	font-size:105%;
	line-height:1.3;
	font-weight:bold;
}

.qa_btn .inner p a{
	color:#ffffff;
}

.qa_btn .inner img{
	float:right;
	width:6%;
	margin-top:2%;
}

/*-----*/
/* link_area */
#babybifi .link_area {width:92%; margin:30px auto 30px;}
#babybifi .link_area ul li:nth-child(1) {margin-bottom:10px;}
#babybifi .link_area ul li:nth-child(2) {float:left; width:48%;}
#babybifi .link_area ul li:nth-child(3) {float:right; width:48%;}

/*-----*/
/* special */

.special{
	background:#fdedd7;
	padding:15px 0 30px;
	margin:20px auto 0;
}

.special .inner{
	width:92%;
	margin:0 auto;
}

.special .inner2{
	border-top: #ffffff solid 2px;
	margin:0 auto;
}

.special .inner2 p{
	width:94%;
	margin:0 auto;
	padding:10px 0;
}

.special .inner ul{
	background:#ffffff;
	padding-top:10px;
}

.special .inner ul li p{
	width:94%;
	margin:0 auto;
	padding:15px 0;
	
}

.for_reg h3{
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:center;
	padding:15px 0;
	line-height:1.4;
	background:#ffa42e;
}

.for_reg h3 + img{
	margin-bottom:5px;
}


/*-----*/
/* explain */

.explain .sp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

.explain .actab1{
	margin-bottom:-2px;
}

.explain .sp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.explain .sp_actab label {
	display: block;
	position: relative;
	margin: 1px 0 0;
	padding: 10px;
	border-top:#cbcbcb 1px solid;
	border-bottom:#cbcbcb 1px solid;
	background: -moz-linear-gradient(top, #fdfdfd, #efefef);
	background: -webkit-linear-gradient(top, #fdfdfd, #efefef);
	background: linear-gradient(to bottom, #fdfdfd, #efefef);
}

.explain .sp_actab .tab_conts {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #000000;
}
.sp_actab .tab_conts .inner{ width:92%; margin:15px auto 0;}
.sp_actab .tab_conts .inner li{ margin-bottom:15px;}
.sp_actab .tab_conts .inner li span{ color:#ff6e2e;}
.sp_actab .tab_conts .inner li span.redBold{ color:#FF0004 !important; font-weight:bold !important;}


/* :checked */
.sp_actab input:checked ~ .tab_conts {
	max-height: 1000em;
}
/* Icon */
.sp_actab label::after {
    position: absolute;
    right: 10px;
    margin-top:5px;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url("../img/p_arrow4.png") no-repeat;
	background-size:contain;
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
}

.sp_actab input[type=checkbox]:checked + label::after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}



/*
.explain .child {
    display: none;
}

.explain .menu {
  display: block;
  position: relative;
  margin: 1px 0 0;
  padding: 10px;
  border-top:#cbcbcb 1px solid;
  border-bottom:#cbcbcb 1px solid;
  background: -moz-linear-gradient(top, #fdfdfd, #efefef);
  background: -webkit-linear-gradient(top, #fdfdfd, #efefef);
  background: linear-gradient(to bottom, #fdfdfd, #efefef);
}

.explain .menu:after {
    position: absolute;
    right: 10px;
    margin-top:5px;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url("../img/p_arrow4.png") no-repeat;
	background-size:contain;
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
}
 
.explain .menu.active:after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.explain .inner{
	width:92%;
	margin:15px auto 0;
}

.explain .inner li{
	margin-bottom:15px;
}

.explain .inner li span{
	color:#ff6e2e;
}

.explain .inner li span.redBold{
	color:#FF0004 !important;
	font-weight:bold !important;
}

.explain > ul > li:nth-child(1){
	margin-bottom:-2px;
}
*/
/*-----*/


/*	link cap
-------------------*/
.linkcap{ line-height:1!important;}



}