/* CSS Document */

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

reset

-----------------------------------------------------------------------------  ***/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0px;
	padding:0px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
ol li{
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
 *font-size:100%;
}
img {
	vertical-align:bottom;
}
table caption {
	font-weight: bold;
	margin:0 0 5px;
}

@media screen and (max-width:769px){
	img{
		width: 100%;
		height: auto;
	}
	.sp_none{display: none;}
}


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

HTML5

-----------------------------------------------------------------------------  ***/
#top01, footer, nav, section, article, figure, aside {
	display:block;
}
/*** ------------------------------------------------------------------------------ 

common

-----------------------------------------------------------------------------  ***/
html { font-size:62.5%; /* rem巜掕 */}
body {
	color:#222;
	line-height: 1.8;
	font-size: 1.4rem;	/* =14px */
	font-weight: 400;
	font-family:Hiragino Kaku Gothic ProN, "僸儔僊僲妏僑 Pro W3", "儊僀儕僆", MS PGothic, "俵俽 俹僑僔僢僋", Osaka;
}

@media screen and (max-width:769px){
	body {
		font-size: 1.4rem;	/* =1.5px */
		line-height: 1.8;
		word-wrap: break-word;
	}
}

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

PC丒僗儅儂昞帵旕昞帵

-----------------------------------------------------------------------------  ***/
.pc{ display: block;}
.sp{ display: none;}
.img-pc{ display: block;}
.img-sp{ display: none;}

@media screen and (max-width:769px){
	.pc{ display: none;}
	.sp{ display: block;}
	.img-pc{ display: none;}
	.img-sp{ display: block;}
}

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

clearfix傪婰弎偟側偄clearfix

-----------------------------------------------------------------------------  ***/
div:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

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

儕儞僋

-----------------------------------------------------------------------------  ***/
/* 婎杮 */
a{
	outline:none;
	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
}
a:link {
	color: #675947;
	text-decoration: none;
}
a:visited {
/*	color: #000;*/
	text-decoration: none;
}
a:hover {
/*	color: #000;*/
	text-decoration: underline;
}
a:active {
/*	color: #000;*/
	text-decoration:underline;
}

/* 儁乕僕撪儕儞僋偺尒弌偟僘儗曗惓 */
.page-scroll-anchor{
	display: block;
	padding-top: 200px;
	margin-top: -200px;
}
@media screen and (max-width: 769px){
	.page-scroll-anchor{
		display: inline-block;
		padding-top: 100px;
		margin-top: -100px;
	}	
}

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

text-align

-----------------------------------------------------------------------------  ***/
.align-l{ text-align: left;}
.align-c{ text-align: center;}
.align-r{ text-align: right;}

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

font-size

-----------------------------------------------------------------------------  ***/
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.fs-19{font-size: 19px;}
.fs-20{font-size: 20px;}


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

GoogleMap儗僗億儞僔僽

-----------------------------------------------------------------------------  ***/
@media screen and (max-width:769px){
	.google-maps {
		position: relative;
		padding-bottom: 75%;
		height: 0;
		overflow: hidden;
	}
	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

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

base

-----------------------------------------------------------------------------  ***/
.inner{
	width: 840px;
	margin: 0 auto;
}

@media screen and (max-width: 769px){
	.inner{
		width: 100%;
		/*padding:0 3%;*/
		padding: 0 10px;
		box-sizing:border-box;
	}
}


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

float夝彍

-----------------------------------------------------------------------------  ***/
div:after,
ul:after,
section:after{
    content: "";
    display: block;
    clear: both;
}

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

header

-----------------------------------------------------------------------------  ***/
#top01{
	background: #f8f6f7;
	border-top: 50px solid #f4b3bb;
	padding: 80px 0 70px;
}
#top01 h1{	margin: 0 -10px;}
#top01 h2{
	text-align: center;
	margin: 22px 0 23px 0;
}
#top01 p{
	text-align: center;
	margin: 0 0 32px;
}

#skin-care{
	background: #f8f6f7;
	border-top: 50px solid #f4b3bb;
	padding: 80px 0 70px;
}
#skin-care h1{	margin: 0 -10px;}
#skin-care h2{
	text-align: center;
	margin: 22px 0 23px 0;
}
#skin-care p{
	text-align: center;
	margin: 0 0 32px;
}

#bath-baby{
	background: #f8f6f7;
	border-top: 50px solid #f4b3bb;
	padding: 80px 0 70px;
}
#bath-baby h1{	margin: 0 -10px;}
#bath-baby h2{
	text-align: center;
	margin: 22px 0 23px 0;
}
#bath-baby p{
	text-align: center;
	margin: 0 0 32px;
}

@media screen and (max-width: 769px){
	#top01{
		background: #f8f6f7;
		border-top: 5px solid #f4b3bb;
		padding: 0;
	}
	#top01.padd{
		padding: 0 0 86px;
	}
	
	#top01 h1{	margin: 0;}
	#top01 h2{
	margin: 22px 10px 23px;
	}
	#top01 p{
		margin: 0 10px 32px;
	}
	#top01 .inner{
		position: relative;
		padding: 115% 0 0;
	}
	#top01 .inner > div{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	#skin-care{
		background: #f8f6f7;
		border-top: 5px solid #f4b3bb;
		padding: 0;
	}
	#skin-care.padd{
		padding: 0 0 86px;
	}
	
	#skin-care h1{	margin: 0;}
	#skin-care h2{
	margin: 22px 10px 23px;
	}
	#skin-care p{
		margin: 0 10px 32px;
	}
	#skin-care .inner{
		position: relative;
		padding: 115% 0 0;
	}
	#skin-care .inner > div{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	#bath-baby{
		background: #f8f6f7;
		border-top: 5px solid #f4b3bb;
		padding: 0;
	}
	#bath-baby.padd{
		padding: 0 0 86px;
	}
	
	#bath-baby h1{	margin: 0;}
	#bath-baby h2{
	margin: 22px 10px 23px;
	}
	#bath-baby p{
		margin: 0 10px 32px;
	}
	#bath-baby .inner{
		position: relative;
		padding: 115% 0 0;
	}
	#bath-baby .inner > div{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
}

/*  nav
======================================*/
#top01 ul{
	text-align: center;
}
#top01 ul li{ display: inline-block;}
#top01 ul li br.pc_none{ display: none;}
#top01 ul li a{
	width: 126px;
	display: block;
	font-size: 1.2rem;
	padding: 11px 0;
	border-left: 1px solid #675947;
	font-weight: 600;
	color: #675947;
	box-sizing: border-box;
	line-height: 1;
}
#top01 ul li:last-child a{ border-right: 1px solid #675947;}

#skin-care ul{
	text-align: center;
}
#skin-care ul li{ display: inline-block;}
#skin-care ul li br.pc_none{ display: none;}
#skin-care ul li a{
	width: 126px;
	display: block;
	font-size: 1.2rem;
	padding: 11px 0;
	border-left: 1px solid #675947;
	font-weight: 600;
	color: #675947;
	box-sizing: border-box;
	line-height: 1;
}
#skin-care ul li:last-child a{ border-right: 1px solid #675947;}

#bath-baby ul{
	text-align: center;
}
#bath-baby ul li{ display: inline-block;}
#bath-baby ul li br.pc_none{ display: none;}
#bath-baby ul li a{
	width: 126px;
	display: block;
	font-size: 1.2rem;
	padding: 11px 0;
	border-left: 1px solid #675947;
	font-weight: 600;
	color: #675947;
	box-sizing: border-box;
	line-height: 1;
}
#bath-baby ul li:last-child a{ border-right: 1px solid #675947;}

#g-navi{
	width: 100%;
	background:#f8f6f7;
	padding: 20px 0;	
	position: absolute;
	top: 1035px;
	left: 0;
}
#bath-baby #g-navi,
#skin-care  #g-navi{ top: 842px;}

#g-navi.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#bath-baby #g-navi.fixed,
#skin-care #g-navi.fixed{
	top: 0;
}
#bath-baby #g-navi.fixed ul,
#skin-care #g-navi.fixed .ul01{
	margin: 10px 0 0;
}



@media screen and (max-width: 769px){
	#top01 ul{
		width: 100%;
		display: table;
	}
	#top01 ul li{
		width: 25%;
		display: table-cell;
    	position: relative;
		vertical-align: middle;
	}
	#top01 ul li br.pc_none{ display: block;}
	#top01 ul li a{
		width: 100%;
		padding: 11px 10px;
		border: none;
		position: relative;
	}
	#top01 ul li:first-child a{ border-left: none;}
	#top01 ul li:last-child a{ border-right: none;}
	#top01 ul li a::after{
		content: '';
		display: inline-block;
		width: 1px;
		height: 24px;
		background: #675947;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -12px;
	}
	#top01 ul li:last-child a::after{
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		background: none;
	}
	#skin-care ul{
		width: 100%;
		display: table;
	}
	#skin-care ul li{
		width: 25%;
		display: table-cell;
    	position: relative;
		vertical-align: middle;
	}
	#skin-care ul li br.pc_none{ display: block;}
	#skin-care ul li a{
		width: 100%;
		padding: 11px 10px;
		border: none;
		position: relative;
	}
	#skin-care ul li:first-child a{ border-left: none;}
	#skin-care ul li:last-child a{ border-right: none;}
	#skin-care ul li a::after{
		content: '';
		display: inline-block;
		width: 1px;
		height: 24px;
		background: #675947;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -12px;
	}
	#skin-care ul li:last-child a::after{
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		background: none;
	}
	#bath-baby ul{
		width: 100%;
		display: table;
	}
	#bath-baby ul li{
		width: 25%;
		display: table-cell;
    	position: relative;
		vertical-align: middle;
	}
	#bath-baby ul li br.pc_none{ display: block;}
	#bath-baby ul li a{
		width: 100%;
		padding: 11px 10px;
		border: none;
		position: relative;
	}
	#bath-baby ul li:first-child a{ border-left: none;}
	#bath-baby ul li:last-child a{ border-right: none;}
	#bath-baby ul li a::after{
		content: '';
		display: inline-block;
		width: 1px;
		height: 24px;
		background: #675947;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -12px;
	}
	#bath-baby ul li:last-child a::after{
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		background: none;
	}

	#g-navi {
		position: relative;
		top: 0;
	}
	
	#g-navi.fixed { padding: 0 0 10px;}
	#g-navi.fixed ul { margin: 10px 0 0 0;}
}

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

#cont

-----------------------------------------------------------------------------  ***/
#cont{ padding: 0 0 20px;}


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

footer

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