@charset "utf-8";

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

common

------------------------------------------------------------- */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic',sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-all;}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;vertical-align:middle}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}p,li,dl,dt,dd,th,td,pre,ul,ol{margin:0;-ms-line-break:strict;line-break:strict;-ms-word-break:break-strict;word-break:break-strict}ul,ol{list-style:none;padding:0}*{-webkit-box-sizing: border-box;box-sizing: border-box;}
p,h1,h2,h3,h4,h5,h6,a,li,caption,td,th,dt,dd,input,textarea,select,address {font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic',sans-serif;}

body {
	font-size: 16px;
	color: #675e50;
	width: 100%;
	position: static;
	box-sizing: border-box;
	line-height: 1.6;
-webkit-font-smoothing: none;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}
.clearfix{ zoom:100%;	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a {
	color: #ff808a;
}

@media (min-width:768px) {
	html {	min-width: 1024px;}
	#mainContent { width: 1024px; margin: 75px auto 0; }
	a img:hover,
	a:hover{
			opacity: .8;
			filter: alpha(opacity=80);
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out; 
	}
.pcNoDisplay { display: none; }
}
@media screen and (max-width: 767px) {
	body { font-size: 14px;}
	img {	width: 100%;}
}

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

navigation 

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

#btnMenu {
	position:fixed;
	right: 20px;
	top: 120px;
	z-index: 1000;
}
	#btnMenu a {
		width: 60px;
		display: none;
		-webkit-transition: opacity 0.75s ease 0s;
  transition: opacity 0.75s ease 0s;
	}
		#btnMenu a img {
			width: 100%;
			height: auto;
		}
	#btnMenu a.active {
		display: block;
	}
#menu {
	background: #ff8b97;
	width: 310px;
	border-left: 1px solid #fff;
	height: 100%;
	position: fixed;
	right: -310px;
	top: 100px;
	z-index: 100;
	overflow-y:auto;
	-webkit-transition: all 0.75s ease 0s;
	transition:all 0.75s ease 0s;
	z-index: 88;
}
	#menu h2 {
		padding: 25px 20px;
	}
		#menu h2 img {
			width:180px;
			height:auto;
		}
#menu.menu_active {
	right:0;
}
.menu_close {
	display: none;
}

#menu ul {
	border-bottom: 1px solid #fff;
}
	#menu ul li {
		font-size: 0.875rem;
		border-top: 1px solid #fff;
	}
		#menu ul li a {
			display: block;
			color: #fff;
			padding: 20px;
			font-weight: bold;
			position: relative;
		}
		#menu ul li a:after {
			content: url(/baby/milk-stock/assets/img/common/arrow-navGlobal-01.png);
			position: absolute;
			right: 10px;
			top: 50%;
			margin-top: -8px;
		}
		#menu ul li a.current {
			background: #f95f6d;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out; 
		}
	 #menu ul li:first-child a.current {
			background: inherit;
		}
		#home #menu ul li:first-child a.current {
			background: #f95f6d !important;
		}
.nvInfSP {
display: none;
}

@media (min-width:768px) {
	#btnMenu.page_scroll {
		top: 20px;
	}
	#menu.page_scroll_contents {
		top: 0;
	}

#menu ul li a:hover {
			background: #f95f6d;
			-webkit-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out; 
		}
}

@media screen and (max-width: 767px) {
#container {
	position: relative;
	padding-bottom: 5%;
}

.spWrapBottom {
	position: fixed;
	padding: 	0 4%;
	left:0;
	width: 100%;
	bottom: 15px;
	z-index: 99;
	-webkit-transition: all 0.75s ease 0s;
	transition:all 0.75s ease 0s;
}
.spWrapBottom.is_Bottom {
	bottom: 0;
	position: absolute;
	bottom: 0;
}

#btnMenu {
	position: absolute;
	top: inherit;
	bottom:0;
	right: 4%;
}
.nvInfSP {
	display: block;
}
.ftTelBanner {
	width: 74.5%;
}
#menu {
	display: block !important;
	border-left: 0;
	border-top: 1px solid #fff;
	width: 100%;
	height: 78vh;
	right:0;
	top: inherit;
	bottom: -78vh;
	padding-bottom: 32%;
}
#menu.menu_active {
	right: inherit;
	bottom: 0;
}
		#menu h2 img {
			width:100%;
		}
.no-scroll {
	position:fixed !important;
}

@media (orientation: landscape) {
#container {
	margin-bottom: 5%;
}
.ftTelBanner {
	width: 50%;
	margin: 0 auto;
}
#menu {
	padding-bottom: 20%;
}
}

}

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

header

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

#header {
	background: #ff8b97;
	border-radius: 0 0 100px 100px;
	height: 400px;
	padding-top: 120px;
	position: relative;
	text-align: center;
	box-sizing: border-box !important;
	position: relative;
}
.hdIc-LT {
	width: 196px;
	height: 196px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: -78px;
	left: -21px;
}
	.hdIc-LT h1 {
		position: absolute;
		right: 40px;
		bottom:45px;
	}
.hdCatTitle {
		position: relative;
		top: inherit;
		left: inherit;
		transform:inherit;
		-webkit- transform:inherit;
		text-align: center;
}
.hdIcCharacter {
		position: absolute;
		left: 50%;
}
	#report .hdIcCharacter {
		bottom:-36px;
		margin-left: -452px; 
	}
	#necessary .hdIcCharacter,
	#stock .hdIcCharacter {
		bottom:-35px;
		margin-left: -365px; 
	}
	#prevention .hdIcCharacter {
		bottom:-32px;
		margin-left: -410px; 
	}
	#outlet .hdIcCharacter {
		bottom:-38px;
		margin-left: -415px; 
	}


@media screen and (max-width: 767px) {
#header {
	border-radius: 0 0 25px 25px;
	padding: 11% 0 5%;
	height: inherit;
	min-height: 150px;
}
@media screen and (max-width: 324px) {
#header {
	padding: 14% 0 5%;
	min-height: 150px;
}
}

@media (orientation: landscape) {
#header {
	padding: 10% 0;
	min-height: 240px;
}	
}

.hdIc-LT {
	width:100px;
	height: 100px;
	position: absolute;
	top: -42px;
	left: -12px;
}
	.hdIc-LT h1 {
		right: 20px;
		bottom: 22px;
		width: 52.5px;
	}
.hdCatTitle {
	margin: 0 auto;
 position: relative;
 top: inherit;
 left: inherit;
 transform:inherit;
 -webkit- transform:inherit;
	text-align: center;
	width: 92%;
}
.hdIcCharacter {
	margin-left:0 !important;
}
#report .hdIcCharacter {
		bottom:-40px;
		left:5px;
		width: 95px;
	}
#necessary .hdIcCharacter,
#stock .hdIcCharacter {
		bottom:-30px;
		width: 16%;
		left: 30px;
}
#stock .hdIcCharacter {
		bottom:-30px;
		width: 24%;
		left: 10px;
}
#prevention .hdIcCharacter {
		bottom:-30px;
		width: 24%;
		left: 15px;
	}
#outlet .hdIcCharacter {
		bottom:-35px;
		width: 25%;
		left: 15px;
	}
}



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

footer 

------------------------------------------------------------- */
.ftInfo {
	margin: 40px 0 35px;
	text-align: center;
}
.ftBosaiBanner {
	width: 387px;
	margin: 0 auto 25px;
}
	.ftBosaiBanner img {
		width: 100%;
	}
.ftTelBanner {
	text-align: center;
}
.page_top,
.back_to_index {
	margin-bottom: 30px; 
}
#home .page_top {
	display: none;	
}

@media screen and (max-width: 767px) {
.ftInfo {
	text-align: left;
	padding-bottom: 20%;
	margin: 7% 4% 0;
}
.ftBosaiBanner {
	width: 84.347%;
	margin-bottom: 15px;
}
.page_top,
.back_to_index {
	margin-bottom: 15px;
	text-align: center;
}
	.page_top img {
		width: 19%;
	}
	.back_to_index img {
		width:48.2%;
	}
#home .page_top {
	display: block;	
}

.ftInfo .ftTelBanner {
	display:none;
}

@media (orientation: landscape) {
.ftInfo {
	text-align: left;
	padding-bottom: 13%;
	margin: 7% 4% 0;
}
}

}



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

module 

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

.loadWrap {
	width: 100%;
	height:100vh;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 9999999;
}

	.alignC {
	text-align: center;
	}
/* link */

.linkExternal {
	font-size: 1.375rem !important;
	font-weight: bold;
	margin: 20px 0;
}
	.linkExternal a {
		color: #ff6588;
		position: relative;
		padding-left: 2.5rem;
	}	
		.linkExternal a:before {
			content: url(/baby/milk-stock/assets/img/common/ic-enternal-01_pc.png);
			position: absolute;
			left: 0;
			top: 50%;
			line-height:1;
			margin-top: -16px;
		}

/* heading */

.hA  {
	text-align: center;
	font-size: 1.625rem;
	margin-bottom: 40px;
}
	.hA span {
		display: inline-block;
		padding: 10px 50px;
		background: #ffd53f;
		border-radius: 30px;
		font-weight: bold;
		min-width: 540px;
	}

.hB {
		color: #ff658a;
		font-size: 1.625rem;
		font-weight: bold;
		text-align: center;
		margin-bottom: 40px;
	}
			.hB span {
				position: relative;
				z-index: 1;
				background: linear-gradient(transparent 60%, #ffff00 0%);
				display: inline;
				padding: 0 -2px 2px;
				margin-left: 40px;
			}			
			.hB-Multiple {
				font-style: normal;
			}
		.hB span:before {
			position: absolute;
			content: url(/baby/milk-stock/assets/img/common/ic-hB-01.png);
			left:-40px;
			top: 1px;
		}
		.hB-Multiple br {
			display: none;
		}
.hC {
		color: #ff658a;
		font-size: 1.625rem;
		font-weight: bold;
}

/* inview */
.inview {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
	transition: .8s;
}
.fadeInUp {
	opacity: 1.0 !important;
	transform: translate(0, 0) !important;
	-webkit-transform: translate(0, 0) !important;
}

/* contents */
.wrapContent {
	width: 800px;
	margin: 0 auto;
}
	.wrapContent p {
		font-size: 1.5rem;
	}

.secContent {
	margin: 60px 0 45px;
}
.secContent p {
	margin-top: 1.5rem;
}

.secWrapImage {
	position: relative;
	margin: 30px 0 40px;
}
.secPoint{
	border: 2px solid 	#ff808a;
	margin-right: auto;
	margin-left:auto;
	}
.secTtlPoint {
	font-weight: bold;
	color: #ff6588;
	font-size:1.75rem; 
}


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

#mainContent {
	margin: 15% 0 10%;	
	padding: 0 6%;
}
.wrapContent {
	width: 100%;
}
	.wrapContent p {
		font-size: 0.8125rem;
	}
	.linkExternal {
		font-size: 0.8125rem !important;
	}
		.linkExternal a {
			padding-left: 1.25rem;
		}
		.linkExternal a:before {
			content: url(/baby/milk-stock/assets/img/common/ic-enternal-01_sp.png);
			position: absolute;
			left:0;
			top: 0;
			margin-top: 0;
		}
		
/* heading */
.hA {
	font-size: 0.875rem;
	margin-bottom: 5%;
}
	.hA span {
		padding: 10px 20px;
		min-width: 80%;
	}
.hB {
	font-size: 0.875rem;
	margin-bottom: 5%;
}
.hB span {
	margin-left: 1.2rem;
}
.hB span:before {
	content: url(/baby/milk-stock/assets/img/common/ic-hB-02.png);
	left: -1.2rem;
	top: 0px;
}

.hB-Multiple span {
	text-align: left;
}
	.hB-Multiple {
		display: inline-block;
		text-align: left;
		margin: 0 auto;
		position: relative;

		padding-left: 1.2rem;
	}
.hB.hB-MultiLine span {
	margin-left: 0;
}
.hB.hB-MultiLine span:before {
	content: none;
}
.hB.hB-MultiLine .hB-Multiple:before {
	content: url(/baby/milk-stock/assets/img/common/ic-hB-02.png);
	left: 0;
	top: 0px;
	position: absolute;
}
.hB-Multiple br {
	display:block;
}
.hC {
	font-size: 0.875rem;
}

/* inview */
.inview {
	opacity: 0;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .5s;
}
.fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}


/* contents */
.secContent {
	margin: 8% 0 5%;
}
.secContent p {
	margin-top:0.8125rem;
}
.secPoint{
	width: 100%;
	margin: 8% auto 0;
	padding: 5%;
}
.secTtlPoint {
	font-size:1rem; 
}

}


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

home 

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

#homVisual {
	background: #ff8b97;
	border-radius: 0 0 100px 100px;
	padding: 50px 70px;
}
	.homInrVisual {
		max-width: 1024px;
		margin: 0 auto;
		position: relative;
	}

	#siteID {
		margin-bottom: 30px;
	}
	.homTtlVis {
		margin-bottom: 40px;
	}
	.homImgVis01 {
		position: absolute;
		right: 50px;
		top: 220px;
	}
	.homReadVis {
		margin-bottom: 40px;
		position: relative;
		z-index: 1;
	}
	.homPopupVis {
		text-align: center;
	}
		.homPopupVis img {
			cursor: pointer;
		}
		.homPopupVis img:hover {
			opacity: .8;
			filter: alpha(opacity=80);
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out; 
		}
/* popup */
#homExpPopup {
	background: #fff;
	width: 820px;
	padding: 60px 0 40px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	color: #675e50;
}
	#homExpPopup h2 {
		margin-bottom: 30px;
	}
	.homReadPopup {
		width: 626px;
		margin: 0 auto;
	}
	.homReadPopup p {
		margin-top: 1rem;
		text-align: left;
		line-height: 1.6;
	}
	.homReadPopup p span{
		letter-spacing: -0.03rem;
	}
	.homReadPopup p br {
		display: none;
	}
	.homIcExpPopup {
		margin: 30px 0 0;
	}
	.mfp-close img {
		cursor: pointer;
		width: 53px;
		height: 53px;
		margin: 30px auto 0;
	}

.homSupervision {
	text-align: center;
	margin-bottom: 30px;
}
.homListMenu  {
	margin: 0 26px;
}
.homListMenu02  {
	margin: 0 191px;
}
.homListMenu li,.homListMenu02 li {
	width: 312px;
	float: left;
	margin-right: 18px;
	margin-top: 18px;
	position: relative;
}
	.homListMenu li:nth-child(3n) {
		margin-right:0;
	}
	.homListMenu02 li:nth-child(2n) {
		margin-right:0;
	}
.homListMenu li span,.homListMenu02 li span {
	display: block;
	position: absolute;
	width: 270px;
	color: #fff;
	font-size: 0.75rem;
	background: #ff6597;
	padding: 7px;
	font-weight: bold;
	text-align: center;
	left: 20px;
	bottom: 15px;
	line-height: 1;
}
.homListMenu li {
	width: 312px;
	float: left;
	margin-right: 18px;
	margin-top: 18px;
	position: relative;
}
	.homListMenu li:nth-child(3n) {
		margin-right:0;
	}
.homListMenu li span {
	display: block;
	position: absolute;
	width: 270px;
	color: #fff;
	font-size: 0.75rem;
	background: #ff6597;
	padding: 7px;
	font-weight: bold;
	text-align: center;
	left: 20px;
	bottom: 15px;
	line-height: 1;
}

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

#homVisual {
	text-align: center;
	border-radius: 0 0 25px 25px;
	padding: 7.5% 10%;
}
.homInrVisual {
		max-width:100%;
	}
	#siteID,
	.homReadVis,
	.homImgVis01 {
		margin-bottom: 15px;
	}
	.homTtlVis {
		margin-bottom: 25px;
	}

#siteID img {
	width:30%;
}
.homReadVis img {
	width: 85.888888%;
}
.homTtlVis  img {
	width: 83.333333%;
}
.homImgVis01 {
	position: relative;
	right: inherit;
	top: inherit;
}
	.homImgVis01 img {
	width:50%;
	}

/* popup */
.mfp-container {
	padding: 0 15px !important;
}

#homExpPopup {
	width: auto;
	padding: 8% 5%;
}
	#homExpPopup h2 {
		margin-bottom: 1rem;
	}
	.homReadPopup {
		width: 100%;
	}
		.homReadPopup p span{
		letter-spacing: inherit;
	}
		.homReadPopup p {
			font-size: 0.8125rem;
		}
	.homReadPopup p br {
		display: block;
	}
	.homIcExpPopup {
		margin: 1rem 0 0;
	}
		.homIcExpPopup img {
			width: 30%;
		}	
	.mfp-close img {
		width: 25px;
		height: 25px;
		margin: 1rem auto 0;
	}

.homSupervision {
	margin-bottom:1rem;
}
.homScroll { text-align:center;	margin-bottom:1rem}
.homScroll img {
	width: 10%;
}

.homListMenu,.homListMenu02  {
	margin: 0;
}
.homListMenu li,.homListMenu02 li {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-top: 0.75rem;
}
.homListMenu li span,.homListMenu02 li span {
	width: 55%;
	color: #fff;
	padding: 5px;
	left: 5%;
	bottom: 8px;

	font-size: 0.625rem;
}

.homListMenu li.homListPrevention span,.homListMenu02 li.homListPrevention span {
	width: 63%;
}





.homListMenu  {
	margin: 0;
}
.homListMenu li {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-top: 0.75rem;
}
.homListMenu li span {
	width: 55%;
	color: #fff;
	padding: 5px;
	left: 5%;
	bottom: 8px;

	font-size: 0.625rem;
}

.homListMenu li.homListPrevention span {
	width: 63%;
}

}

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

.homListMenu li span,.homListMenu02 li span {
	width: 65%;
	font-size: 0.5rem;
}
.homListMenu li.homListPrevention span,.homListMenu02 li.homListPrevention span {
	width: 70%;
}
}

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

report

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

/* comingsoon */

.repCS {
	text-align: center;
	font-size: 1.25rem;
}


.repRead {
	margin: 0 auto 50px;
}
.repListBlock {
	width: 800px;
	margin: 0 auto;
}
	.repHxList {
		background: #ff808a;
		color: #fff;
		text-align: center;
		border-radius: 10px 10px 0 0;
		padding: 25px 10px 17px;
		font-size: 2.375rem;
		line-height: 1;
	}
	.repHxList span {
			position: relative;
			padding-left: 4rem;
		}
		.repHxList span:before {
				content: url(/baby/milk-stock/assets/img/report/ic-repList-01.png);
				position: absolute;
				left: 0;
				top: 50%;
				margin-top: -32px;
		}		
	.repList {
		border: 1px solid #ff808a;
		border-top: 0;
		padding: 40px;
		font-size: 1.75rem;
	}
		.repList li {
			border-bottom: 1px dotted #675e50;
			padding-bottom: 1rem;
			margin-bottom: 1rem;
			font-weight: bold;
		}
			.repList li span {
				display: block;
				color: #ff658a;
				margin-bottom: 3px;
			}
			.repList li a {
				position:relative;
				padding-left: 3rem;
				color: #675e50;
				display: block;
			}
			.repList li a:before {
				position: absolute;
				content:url(/baby/milk-stock/assets/img/common/ic-linkEx-01.png);
				left: 0;
				top: 3px;
			}

.repReader {
	margin-top: 40px;
	display: table;
	width: 100%;
}
	.repReader p {
		vertical-align: middle;
		display: table-cell;
		font-size: 0.875rem;
		margin: 0 !important;
	}
	.repTxtReader {
		padding: 0 0 0 30px;
	}
	


@media screen and (max-width: 767px) {
.repRead {
	margin: 0 auto 2rem;
}

.repListBlock {
	width: 100%;
}
	.repHxList {
		font-size: 1rem;
		border-radius: 10px 10px 0 0;
		padding: 15px;
	}
		.repHxList span {
			padding-left: 1.5rem;
		}
		.repHxList span:before {
				content: url(/baby/milk-stock/assets/img/report/ic-repList-02.png);
				position: absolute;
				left: 0;
				top: 50%;
				margin-top: -11.5px;
			}
	
	.repList {
		padding: 4%;
		font-size: 0.8125rem;
	}
		.repList li {
			padding-bottom: 10px;
			margin-bottom:10px;
		}
			.repList li a {
				padding-left: 1.2rem;
			}
			.repList li a:before {
				content:url(/baby/milk-stock/assets/img/common/ic-linkEx-02.png);
				left: 0;
				top: 1.5px;
			}
.repReader {
	display: none;
}

}

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

necessary

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

/* necessary- localnavi */

.necNavLocal {
	background: #ffe7ca;
	border: 2px solid #ef8d12;
	border-radius:10px;
	-webkit-border-radius:10px;
	padding: 35px 18px 20px;
	position: relative;
	margin: 60px auto 0;
	width: 954px;
}
	.necNavLocal:after {
		position: absolute;
		content: url(/baby/milk-stock/assets/img/necessary/corner-navLocal-01.png);
		right: -2px;
		top: -2px;
	}
	.necNavLocal h2 {
		color: #fc9a12;
		font-size: 1.875rem;
		text-align: center;
		font-weight: bold;
		margin-bottom: 30px;
	}
		.necNavLocal h2 span {
			padding-bottom: 10px;
			background: url(/baby/milk-stock/assets/img/necessary/bg-navTitleLocal-01.png) left bottom repeat-x;
		}

.necListNavLocal li {
	width: 298px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px; 
	font-size: 1.4375rem;
}
	.necListNavLocal li:nth-child(3n) {
		margin-right: 0;
	}
	.necListNavLocal li a {
		display: block;
		background: #fff4d7;
		border: 2px dotted #fc7d12;
		padding: 20px 5px 20px 55px;
		position: relative;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		color: #675e50;
		line-height: 1.2;
		font-weight: bold;
	}
	.necNumNavLocal {
		position: absolute;
		display: block;
		background: #ff8b97;
		color: #fff!important;
		text-align: center;
		width: 32px;
		height: 32px;
		line-height: 32px;
		left: 12px;
		top: 50%;
		margin-top: -19.5px;
		font-size: 1.25rem;
		border-radius: 5px;
	}
.necImgNavLocal {
	position: absolute;
	right: 15px;
	bottom: 35px;
}

/* necessary-index */
	.necImgContent p {
	margin-top: 0 !important;
	}
	.necImgContent {
		position: relative;
		margin-bottom: 50px;
	}
		.necImgAnim {
			position: absolute;
		}
	
	.necImgCont01 {
		text-align: right;
		margin-right: 80px;
	}
	.necImgAnim01 {
		left: 80px;
		top: 0;
	}
	.necImgCont02 {
		margin-left: 135px;
	}
.necImgAnim02 {
	right: 100px;
	top: 20px;
}

.necPointIndex {
			width: 650px;
			padding: 30px 30px 30px 60px;
		}
	.necPointIndex h3 {
		color: #ff658a;
		font-weight: bold;
		position: relative;
		font-size: 1.75rem;
	}
		.necPointIndex h3:before {
			position: absolute;
			content:url(/baby/milk-stock/assets/img/common/ic-attention-01.png);
			left: -35px;
			top: 2px;
		}
	.necPointIndex p {
		font-size: 1.375rem;
	}

.ls_pc {
	letter-spacing: -0.07rem;
}

/* necessary-important */

.necImgImportant {
	text-align: center;
	margin: 0 auto 30px;
}
.necImgImportant01,
.necImgImportant03 {
	text-align: center;
}
.necImgImportant02 {
	width: 50%;
	text-align: right;
}
.necImgAnim03 {
	left: 50%;
	bottom: 0;
}

/* necessary-howto*/

.necImgHowto {
	text-align: center;
	margin-top: 50px;
}
	.closeButton {
			display: block;
			z-index: 99999;
			position: absolute;
			cursor: pointer;
			right: 0;
			top: -40px;
			color: #fff;
			font-weight: bold;
			font-size: 3rem;
		}

#slideWrapper {
	margin: 70px auto 0;
	width: 470px;
}
#slider {
  width: 100%;
  margin: 0 auto 30px;
}
.slide-item {
	min-height: 536px !important;
}
.necNumSlider,
.necTitleSlider,
.necImgSliderWrap {
	width: 470px;
}
.necImgSlider {
  width: 100%;
		border-radius: 10px;
}
.necNumSlider img {
	margin: 0 auto;
}
.necTitleSlider {
	text-align: center;
	color: #ff6588;
	font-size: 1.625rem;
	margin: 20px 0;
	font-weight: bold;
}
.necReadSlider {
	font-size: 0.875rem !important;
	margin-top: 20px !important;
}
#thumbnail-list {
  width: 100%;
  margin: 0 auto;
		text-align: center;
		font-size: 0;
}

.thumbnail-item {
		margin: 0 10px;
		display: inline-block;
		width: 52px;
		height: 52px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		background: #fff3bb;
		text-align: center;
		line-height: 52px;
		color: #ff8088;
		font-size: 1.625rem;
		font-weight: bold;
		cursor: pointer;
}
.thumbnail-item.thumbnail-current {
		background: #ff8088;
		color: #fff;
		cursor: default;
}
.thumbnail-item img {
  width: 100%;
  margin: 0 auto;
}

.necPointHowto {
	width: 630px;
	padding: 40px 50px;
	margin-top: 75px;
}
	.necTtlHowtoPoint {
		text-align: center;
		color: #ff6588;
		font-size: 1.75rem;
		margin-bottom:20px;
		font-weight: bold;
	}
	.necListHowtoPoint li {
		font-size: 1.375rem;
		font-weight: bold; 
		padding-left: 1.5rem;
		position: relative;
		margin: 5px 0;
	}
		.necListHowtoPoint li span {
			font-weight: normal;
			font-size: 1.25rem;
		}
	.necListHowtoPoint li:before {
		content: "●";
		color: #ff6588;
		position: absolute;
		left: 0;
		top:0;
	}


/* necessary- necessary */

.necImgNecessary {
	margin: 30px auto 80px;
	position: relative;
}
.necTableImgNecessary {
	margin: 0 auto;
	text-align: center;
}
.necCharaImgNecessary {
	position: absolute;
	left: 50%;
	bottom: -55px;
	margin-left: -340px;
}

/* necessary- list */

.necPointList {
	margin: 50px 0 0;
	padding: 40px 75px 0;
}
.necContPtList {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px dotted #675e50;
}
.necContPtList h3 {
	font-weight: bold;
	font-size: 1.5rem;
}
	.necTtlListPoint {
		font-size: 1.75rem !important;
		color: #ff6588;
		position: relative;
		padding-left: 35px;
		margin-bottom: 20px;
	}
		.necTtlListPoint:before {
			content: url(/baby/milk-stock/assets/img/common/ic-attention-01.png);
			position: absolute;
			left:0;
			top: 3px;
		}

.necPtList {
	margin-top: 20px;
}
.necPtList {
	display: table;
	width: 100%;
}
.necImgPtList {
	display: table-cell;
	padding: 0 30px;
}
.necTxtPtList {
	display: table-cell;
	vertical-align: middle;
}
	.necPtList01 .necTxtPtList p,
	.necPtList02 .necTxtPtList p,
	.necPtList03 .necTxtPtList p {
		font-weight: bold;
		font-size: 1.625rem;
		line-height: 1.4;
	}
	.necPtList01 .necTxtPtList .necTxtBldPtList,
	.necPtList02 .necTxtPtList .necTxtBldPtList,
	.necPtList03 .necTxtPtList .necTxtBldPtList {
		color: #ff0000;
	}
	.necTxtBldPtList span {
		font-size: 1.25rem !important;
		font-weight: normal !important;
	}
	
	.necPtList02 .necImgPtList,
	.necPtList03 .necImgPtList{
		width: 35%;
	}

	.necPtList04 .necImgPtList {
	 padding: 0 20px 0 0;
	}



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

/* necessary - localnavi */

.necNavLocal {
	padding:7% 3% 5% 3%;
	margin-top: 45px;
	width: 100%;
}
	.necNavLocal:after {
		content: url(/baby/milk-stock/assets/img/necessary/corner-navLocal-02.png);
	}
	.necNavLocal h2 {
		font-size: 1rem;
		margin-bottom: 1rem;
	}
		.necNavLocal h2 span {
			padding-bottom: 10px;
			background: url(/baby/milk-stock/assets/img/necessary/bg-navTitleLocal-01.png) left bottom repeat-x;
		}

.necListNavLocal li {
	width:100%;
	float: none;
	margin-right: 0;
	margin-bottom: 0; 
	font-size: 0.8125rem;
}
	.necListNavLocal li a {
		background: inherit;
		border:0;
		border-bottom: 1px dotted #675e50;
		padding: 15px 15px 15px 35px;
		border-radius: 0;
		-webkit-border-radius:0;
		line-height: 1.2;
	}
		.necListNavLocal li a br {
			display: none;
		}
	.necNumNavLocal {
		width: 1.1875rem;
		height:1.1875rem;
		text-align: center;
		line-height: 1.1875rem;
		left: 10px;
		top: 13px;
		margin-top: 0;
	font-size: 0.75rem;
	}
.necImgNavLocal {
	right: inherit;
	bottom: inherit;
	position: relative;
	margin: 1rem auto 0;
	width: 71.2%;
}

/* necessary- index */
	.necImgContent {
		margin-bottom:0;
	}
	.necImgCont01 {
		text-align: right;
		width: 66%;
		margin: 0 auto 12%;
	}
	.necImgAnim01 {
		width: 18%;
		left: 0;
		top: inherit;
		bottom: 0;
	}
	.necImgCont02 {
		margin: 0 0 5% 10%;
		width: 56%;
	}
.necImgAnim02 {
	width: 18%;
	right: 5%;
	top: inherit;
	bottom: 0;
}

.necPointIndex{
	width: 100%;
	padding: 5% 5% 5% 10%;
}
	.necPointIndex h3 {
		font-size: 0.9375rem;
	}
		.necPointIndex h3:before {
			content:url(/baby/milk-stock/assets/img/common/ic-attention-02.png);
			left: -20px;
			top: 2px;
		}
	.necPointIndex p {
		font-size:0.75rem;
	}

.ls_pc {
	letter-spacing: inherit;
}


/* necessary - important */

.necImgImportant {
	margin: 0 auto 15px;
	width: 47%;
}
.necImgImportant01 {
	text-align: left;
}
	.necImgImportant01 img {
	width:29%;
	}
	.necImgImportant02 img {
		width: 53%;
	}
.necImgAnim03 {
	left: 50%;
	bottom: 0;
	width: 25.6%;
}

.necImgImportant03 {
	text-align: center;
}
	.necImgImportant03 img {
		width: 37.12%;
	}

/* necessary - howto*/
.necImgHowto {
	margin: 20px auto 0;
	width: 90%;
}

#slideWrapper {
	margin: 40px auto 0;
	width: 100%;
}
#slider {
  margin: 0 auto 10px;
}
.slide-item {
	min-height: 400px !important;
}
.necNumSlider,
.necTitleSlider,
.necImgSliderWrap {
	width: auto;
}
.necNumSlider img {
	width: 28%;
}
.necTitleSlider {
	font-size: 0.875rem;
	margin: 10px 0;
}
.necImgSlider {
	width: 90%;
	margin: 0 auto !important;
}
.necReadSlider {
	width: 90%;
	margin: 5px auto 0;
	font-size: 0.75rem;
}
.thumbnail-item {
	margin: 0 3px;
		width: 26px;
		height: 26px;
		border-radius: 50%;
		line-height: 26px;
		font-size: 0.75rem;
}

.necPointHowto {
	width: 100%;
	margin-top: 10%;
	padding: 5%;
}
	.necTtlHowtoPoint {
		font-size: 0.9375rem;
		margin-bottom: 10px;
	}
	.necListHowtoPoint li {
		font-size:0.75rem;
		padding-left: 1rem;
	}
		.necListHowtoPoint li span {
			font-size: 0.625rem;
		}

/* necessary - necessary */

.necImgNecessary {
	margin: 8% auto 18%;
}
.necTableImgNecessary {
	width: 78%;
}
.necCharaImgNecessary {
	left: 0;
	bottom: -28%;
	margin-left: -0;
}
	.necCharaImgNecessary  img {
		width: 60%;
	}

/* necessary -list */


.necPointList {
	margin: 8% 0 0;
	padding: 5%;
}
.necContPtList {
	padding-bottom: 5%;
	margin-bottom: 5%;
}
.necContPtList h3 {
		font-size: 0.9375rem !important;
}
	.necTtlListPoint {
		padding-left: 1.0625rem;
		margin-bottom: 3%;
	}
		.necTtlListPoint:before {
			content:url(/baby/milk-stock/assets/img/common/ic-attention-02.png);
			left:0 !important;
			top: 2px;
		}

.necPtList {
	margin-top: 20px;
}

.necPtList {
}
.necImgPtList {
	padding: 0 20px;
}
.necTxtPtList {
	display: table-cell;
	vertical-align: middle;
}
	.necPtList01 .necTxtPtList p,
	.necPtList02 .necTxtPtList p,
	.necPtList03 .necTxtPtList p {
		font-size: 0.875rem;
	}
	.necTxtBldPtList span {
		font-size: 0.6875rem !important;
	}
	.necImgPtList{
	 padding: 0 20px 0 0;
		width: 30%;
		vertical-align: middle;
	}

}

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

stock

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

.stkImg-01 {
	text-align: center;
}
.stkSection-01 {
	margin: 30px 0;
}
.stkPoint {
	margin-top: 60px;
	padding: 45px
}
	.stkPoint h3 {
		font-size: 1.75rem;
		color: #ff6588;
		padding-left: 35px;
		position: relative;
		font-weight: bold;
		margin-bottom: 15px;
	}
		.stkPoint h3:before {
			content: url(/baby/milk-stock/assets/img/common/ic-attention-01.png);
			position: absolute;
			left: 0;
			top: 2px;
		}
	.stkPoint p {
		font-size: 1.375rem;
	}

.stkBnrRecipe {
	text-align: center;
	margin: 75px 0 0;
}


@media screen and (max-width: 767px) {
.stkImgAnime-01 img {
	width: 21%;
}

.stkSection-01 {
	margin: 30px 0;
}
.stkPoint {
	margin-top: auto;
	padding: 5%;
}
	.stkPoint h3 {
		font-size: 0.9375rem;
		padding-left: 1rem;
		margin-bottom: 10px;
	}
		.stkPoint h3:before {
			content: url(/baby/milk-stock/assets/img/common/ic-attention-02.png);
			top: 0px;
		}
	.stkPoint p {
		font-size: 0.75rem;
	}
.stkBnrRecipe {
	margin: 10% 0 0;
}

}

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

prevention

------------------------------------------------------------- */
.secPrevent {
	margin: 40px 0;
	padding: 30px;	
}
.secPrevent .secTtlPoint {
	font-size:2rem;
	text-align: center;
	margin-bottom: 30px;
}
	.secPrevent .secTtlPoint span {
		padding-bottom: 5px;
		background: url(/baby/milk-stock/assets/img/stock/bg-stkTitlePoint-01.png) left bottom repeat-x;
	}
	.preInfoList li {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #675e50;
		position: relative;
		font-size: 1.5rem;
		font-weight: bold;
		padding-left:2.5rem;
	}
		.preInfoList li:last-child {
			border-bottom: 0;
			padding-bottom: 0;
			margin-bottom:0;
		}
		.preInfoList li:before {
			position: absolute;
			content: url(/baby/milk-stock/assets/img/common/ic-enternal-01_pc.png);
			left:0;
			top: 0;
		}
		.preInfoList li span {
			color: #ff6588;
			position: absolute;
			left: 2.5rem;
		}
		.preInfoList li a {
			padding-left: 170px;
			color: #675e50;
			display: inline-block;
		}

.preSection {
	margin-top: 60px;
}
.preAlignC { text-align: center;}

.preImg01 {
	text-align: center;
	margin-bottom: 20px;
}

.preSecArea {
	margin-bottom: 30px;
}
.preArea {
	background: #ff8088;
	color: #fff;
	font-size: 1.875rem;
	text-align: center;
	padding: 8px;
	position: relative;
	cursor: pointer;
	font-weight: bold;
	border-radius: 8px;
}
	.preArea:after {
		content: url(/baby/milk-stock/assets/img/prevention/btn-open-01_pc.png);
		position: absolute;
		right: 100px;
		top: 50%;
		margin-top: -26px;
	}
	.preArea.active:after {
		content: url(/baby/milk-stock/assets/img/prevention/btn-close-01_pc.png);
		position: absolute;
		right: 100px;
		top: 50%;
		margin-top: -26px;
	}
.preContent {
	display: none;
	background:#fff3bb;
	border-radius: 0 0 8px 8px;
	margin-top: -8px;
	padding: 38px 60px 30px;	
}
	.preEvent {
		border-top: 1px dotted #675e50;
		padding-top: 30px;
		margin-top: 30px;
	}
		.preEvent:first-child {
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}
	.preTtlEvent {
		color: #ff6588;
		font-size: 1.75rem;
		font-weight: bold;
		margin-bottom: 1rem;
	}
	.preEveEnd {
		display: inline-block;
		background: #de0018;
		color: #fff;
		padding: 5px 10px;
		margin-left: 10px;
		font-size: 80%;
	}
		.preTtlEvent img {
			margin-left: 10px;
		}
	.preListEvent {
		margin-bottom: 1rem;
	}
		.preListEvent li {
			font-size: 1.25rem;
			font-weight: bold;
		}
			.preListEvent li:before {
				content: "■";
			}

/* report */

.preBousaiReport {
	text-align: center;
}

.preDateWrapReport {
	text-align: center;
}
.preDateReport {
	text-align: left;
	display: inline-block;
}
	.preDateReport li {
		font-size: 1.5rem;
		font-weight: bold;
		position: relative;
		padding-left: 5rem;
	}
		.preDateReport li span {
			position: absolute;
			left: 0;
		}
.secPreventReport p,
.secPreventReport div,
.secPreventReport h3,
.secPreventReport ul {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
	transition: .8s;
}


.preImgReport {
	width: 79.375%;
	margin: 0 auto;
}
	.preImgReport img {
		width: 100%;
	}

	

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

.secPrevent {
	margin: 10% 0;
	padding: 5%;	
}
.secPrevent .secTtlPoint {
	font-size:1rem;
	margin-bottom: 1rem;
}
	.secPrevent .secTtlPoint span {
		background: url(/baby/milk-stock/assets/img/stock/bg-stkTitlePoint-01.png) left bottom repeat-x;
	}
	.preInfoList li {
		margin-bottom: 3%;
		padding-bottom: 3%;
		font-size: 0.8125rem;
		padding-left: 1.25rem;
	}
		.preInfoList li:before {
			content: url(/baby/milk-stock/assets/img/common/ic-enternal-01_sp.png);
			top: 0;
		}
		.preInfoList li span {
			display: block;
			position: relative;
			left:0;
		}
		.preInfoList li a {
			padding-left:0;
			display: block;
		}

.preSection {
	margin-top: 15%;
}
.preImg01 {
	text-align: center;
	margin-bottom: 20px;
}
.preAlignC { text-align: left;}
	.preImg01 img {
		width: 75%;
	}

.preSecArea {
	margin-bottom: 5%;
}
.preArea {
	font-size: 1rem;
	padding: 8px;
}
	.preArea:after {
		content: url(/baby/milk-stock/assets/img/prevention/btn-open-01_sp.png);
		right: 20px;
		margin-top: -13px;
	}
	.preArea.active:after {
		content: url(/baby/milk-stock/assets/img/prevention/btn-close-01_sp.png);
		right: 20px;
		margin-top: -13px;
	}
.preContent {
	margin-top: -8px;
	padding: 5% 8%;	
}
	.preEvent {
		padding-top: 5%;
		margin-top: 5%;
	}
	.preTtlEvent {
		font-size: 0.9375rem;
		margin-bottom: 0.5rem;
	}
		.preEveEnd {
		margin-left: 0;
		padding: 3px;
	}
		.preTtlEvent img {
			margin: 0 5px 0 0;
			width: 6%;
		}
		.preTtlEvent img:first-child {
			margin: 0 5px;
	}

	.preListEvent {
		margin-bottom:0.5rem;
	}
		.preListEvent li {
			font-size: 0.6875rem;
		}
	
/* report */
.preBousaiReport img {
	width: 53%;
}
	.preDateReport li {
		padding-left: 2.5rem;
		font-size: 0.75rem;
	}
}


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

recipe

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

.recImg01 {
	text-align: center;
	margin-bottom: 30px;
}

.recBanner {
	margin: 30px auto;
	text-align: center;
}
	.recBanner li {
		margin-top: 50px;
	}

.recTeacher {
	width: 597px;
	margin: 50px auto 0;
	border: 2px dotted #ff6588;
	padding: 15px;
}
	.recImgTeacher {
		width: 147px;
		min-height: 150px;
		background: url(/baby/milk-stock/assets/img/recipe/img-recipe-totto-01.jpg) center bottom;
		float: left;
	}
	.recContTeacher {
		width: 396px;
		float: left;
		padding-left:20px;
	}
	.recContTeacher h3 {
		margin: 1rem 0;
	}
		.recContTeacher h3 span{
			background: #ff8088;
			color: #fff;
			font-size: 1.875rem;
			font-weight: bold;
			padding: 2px 10px;
		line-height: 1;
		}
		.recContTeacher p {
			font-size: 1.625rem;
			font-weight: bold;
			line-height: 1.3;
		}

@media screen and (max-width: 767px) {
.recImg01 {
	margin-bottom: 5%;
}
	.recImg01 img {
		width: 74.2424242%;
	}
.recBanner {
	margin: 5% auto;
	width: 80%;
}
	.recBanner li {
		margin-top: 8%;
	}

.recTeacher {
	width: 80%;
	margin: 8% auto 0;
	padding:2%;
}
	.recImgTeacher {
		width: 26%;
		min-height: inherit;
		height: 75px;
		background: url(/baby/milk-stock/assets/img/recipe/img-recipe-totto-01.jpg) center bottom no-repeat;
		background-size: contain;
	}
	.recContTeacher {
		width: 74%;
		padding-left:10px;
	}
	.recContTeacher h3 {
		margin: 5px 0 5px;
	}
		.recContTeacher h3 span{
			font-size: 0.75rem;
			padding: 2px 10px;
		}
		.recContTeacher p {
			font-size: 0.75rem;
		}
}

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

outlet

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

.otlList {
	margin: 70px auto 40px;
	text-align: center;
}
.otlBanner {
	text-align: center;
	margin: 40px auto 0;
}

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

.otlList {
	margin: 10% auto 8%;
}
.otlBanner {
	margin: 8% auto 0;
}
	.otlBanner img {
		width: 94%;
	}

}


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

animation 

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

.animation{
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
}
.aniImg01{
    animation-name: anim_01;
    transform: rotate(10deg);
    animation-duration: 1.5s;
}
@keyframes anim_01 {
    50% { transform: rotate(-10deg); }
    100% { transform: rotate(10deg); }
}

.aniImg02{
    animation-name: anim_02;
    transform: rotate(10deg);
    animation-duration: 1.5s;
}

@keyframes anim_02 {
    50% { transform: rotate(-10deg); }
    100% { transform: rotate(10deg); }
}

.aniImg03{
    animation-name: anim_03;
    transform: rotate(5deg);
    animation-duration: 1.5s;
}

@keyframes anim_03 {
    50% { transform: rotate(-5deg); }
    100% { transform: rotate(5deg); }
}

#wrapper:after {
    content:"";
}