/*=============================================================
  common.css
---------------------------------------------------------------

1. common layout
2. header
3. footer
4. home
5. hair removal
6. body
7. face
8. option
9. bridal
10. staff
11. access
12. privacy policy
13. site map
14. helper

===============================================================
1. common layout
=============================================================*/
html,
body {
	overflow: hidden;
	overflow-x: hidden;
}
#loading-layer,
#loading-layer-next {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
#loading-layer {
	transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-ms-transition: all ease 400ms;
}
#loading-layer.active {
	opacity: 0;
	visibility: hidden;
}
#loading-layer-next {
	display: none;
}
#bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
#contents-bg {
	width: 100%;
	height: 100%;
	background: url('/common/img/shared/contents-bg.jpg?v3') center center no-repeat;
	background-size: cover;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
#home #wrapper-contents {
	width: 100%;
	padding: 75px 0 70px;
}
.inner {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}
.sect {
	margin-bottom: 50px;
}
section h1 {
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 40px;
}
section h2 {
	font-weight: normal;
}
p,
ul li,
ol li,
dl dt, 
dl dd {
	font-size: 16px;
	line-height: 2;
	letter-spacing: 1px;
}

p {
	margin-bottom: 15px;
}

/*
* pages
*/
#wrapper-tit {
	width: 100%;
	height: 80%;
	position: relative;
}
#wrapper-tit h1 {
	width: 100%;
	margin-top: -70px;
	margin-bottom: 0;
	position: absolute;
	top: 50%;
	left: 0;
	line-height: 1;
}
#deco-01,
#deco-02 {
	transition-delay: 800ms;
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
}
@media screen and (max-width: 800px){
	#deco-01 {
		transform: translateX(60px) scale(0.7);
		-webkit-transform: translateX(60px) scale(0.7);
		-moz-transform: translateX(60px) scale(0.7);
		-ms-transform: translateX(60px) scale(0.7);
	}
	#deco-02 {
		transform: translateX(-60px) scale(0.7);
		-webkit-transform: translateX(-60px) scale(0.7);
		-moz-transform: translateX(-60px) scale(0.7);
		-ms-transform: translateX(-60px) scale(0.7);
	}
	}
.menu-left-row,
.menu-right-row {
	position: relative;
}
.menu-left-row section,
.menu-right-row section {
	margin-bottom: 30px;
}
.menu-left-row section h1,
.menu-right-row section h1 {
	margin-bottom: 7px;
	font-size: 22px;
	line-height: 1.3;
	text-align: left;
}
.menu-left-row section h2,
.menu-right-row section h2 {
	margin: 9px 0;
	font-size: 20px;
	line-height: 1.9;
	text-align: left;
}
.menu-left-row section p,
.menu-right-row section p {
	margin-bottom: 0;
}
.menu-left-row .box-left {
	width: 50%;
	padding: 10% 7%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.menu-left-row .box-right {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.menu-left-row .box-right .motion-elem-img {
	background: #FFEDED;
}
.menu-right-row .box-left {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.menu-right-row .box-left .motion-elem-img {
	background: #EDF8FC;
}
.menu-right-row .box-right {
	width: 50%;
	margin-left: 50%;
	padding: 10% 7%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.price-note {
	height: 50px;
	margin-bottom: 0;
	font-size: 13px;
	text-align: center;
	line-height: 50px;
}

/*=============================================================
2. header
=============================================================*/
header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
header h1 {
	width: 370px;
	position: relative;
	top: 20px;
	left: 25px;
}
header h1 img {
	width: 100%;
}

/*
* icon-nav
*/
header #icon-nav {
	width: 157px;
	height: 157px;
	position: fixed;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 3;
}
header #icon-nav img {
	width: 100%;
}

/*
* global nav
*/
header .nav-elem {
	transition: all ease 600ms;
	-webkit-transition: all ease 600ms;
	-moz-transition: all ease 600ms;
	-mstransition: all ease 600ms;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	opacity: 0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden
}
header.active .nav-elem {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	opacity: 0.99;
}
header #nav-layer {
	width: 100%;
	height: 100%;
	background: #efefef;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	transition: all ease 600ms;
	-webkit-transition: all ease 600ms;
	-moz-transition: all ease 600ms;
	-ms-transition: all ease 600ms;
}
header.active #nav-layer {
	opacity: 1;
	visibility: visible;
}
header #nav-bg-01 {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.8;
}
header #nav-bg-02 {
	height: 60%;
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0.8;
}

header #nav-close {
	width: 157px;
	height: 157px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 4;
	cursor: pointer;
}
header #nav-close img {
	width: 100%;
}
header #wrapper-nav {
	width: 70%;
	max-width: 840px;
	min-width: 700px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
}
header nav.nav-elem {
	width: 32%;
	float: left;
}
header nav ul li  {
	margin-bottom: 9%;
}
header nav ul li a {
	display: block;
	transition: all ease 350ms;
	-webkit-transition: all ease 350ms;
	-webkit-font-smoothing: antialiased;
}
header nav ul li a:hover {
	opacity: 0.5;
}
header nav ul li a img {
	height: 35px;
}
header #box-right {
	width: 68%;
	margin-top: 1%;
	position: relative;
	float: right;
}
header #box-right #plants {
	width: 105%;
}
header #box-right #fire {
	width: 53%;
	float: left;
	position: absolute;
	top: 72%;
	left: -15%;
	transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
}
header #box-right p {
	width: 54%;
	float: right;
	position: relative;
	top: 30px;
	left: 0;
	font-size: 10px;
	color: #999;
	margin-bottom: 0;
	transition-delay: 400ms;
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
}

/*=============================================================
3. footer
=============================================================*/
footer {
	min-width: 640px;
	height: 50px;
	background: rgba( 255,255,255,0.3 );
	position: relative;
	z-index: 1;
	overflow: hidden;
}
footer #footer-inner {
	width: 86%;
	margin: 0 auto;
}
footer .fb {
	display: inline-block;
	width: 28px;
	margin-right: 22px;
	float: left;
}
footer .fb img {
	width: 100%;
	position: relative;
	top: 11px;
}
footer #footer-inner-02 {
	width: 50%;
	float: left;
}
footer nav {
	float: left;
	position: relative;
	top: 1px;
}
footer nav ul li {
	float: left;
	margin-right: 20px;
}
footer nav ul li a {
	color: #555;
	letter-spacing: 1px;
	line-height: 50px;
	text-decoration: none;
	font-size: 12px;
}
footer a {
	transition: all ease 300ms;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
}
footer a:hover {
	opacity: 0.6;
}
footer p {
	width: 50%;
	margin: 0;
	float: right;
	font-size: 12px;
	line-height: 50px;
	text-align: right;
}

/*=============================================================
4. home
=============================================================*/
#home header h1 {
	visibility: hidden;
}

/*
* intro
*/
#home #intro,
#home #intro #layer-01,
#home #intro #layer-02 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
}
#home #intro #layer-01 {
	background: url(/common/img/home/intro-bg-01.jpg) top center no-repeat;
	background-size: cover;
}
#home #intro #layer-02 {
	background: url(/common/img/home/intro-bg-02.jpg) top center no-repeat;
	background-size: cover;
}
#home #intro.active-02 #layer-01 {
	opacity: 0;
	transition: all ease 2000ms;
	-webkit-transition: all ease 2000ms;
	-moz-transition: all ease 2000ms;
	-ms-transition: all ease 2000ms;
}
#home #intro.active-02 #layer-02 {
	opacity: 0;
	transition: all ease 2000ms;
	-webkit-transition: all ease 2000ms;
	-moz-transition: all ease 2000ms;
	-ms-transition: all ease 2000ms;
	transition-delay: 1400ms;
}
/* #home #intro.active-02 #intro-logo {
	height: 0;
	overflow: hidden;
	transition: all ease 900ms;
	-webkit-transition: all ease 900ms;
	-moz-transition: all ease 900ms;
	-ms-transition: all ease 900ms;
	transition-delay: 2000ms;
}*/
#home #intro-logo img {
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: all ease 600ms;
	-webkit-transition: all ease 600ms;
	-moz-transition: all ease 600ms;
	-ms-transition: all ease 600ms;
	transform: translateY( 55px );
	-webkit-transform: translateY( 55px );
	-moz-transform: translateY( 55px );
	-ms-transform: translateY( 55px );
}
#home #intro.active #intro-logo img {
	opacity: 1;
	transform: translateY( 0 );
	-webkit-transform: translateY( 0 );
	-moz-transform: translateY( 0 );
	-ms-transform: translateY( 0 );
}
#home #intro-logo #logo-lady,
#home #intro-logo #logo-style,
#home #intro-logo #logo-caption {
	width: 100%;
}
#home #intro-logo #logo-lady {
	top: 0;
	left: 0;
	transition-delay: 500ms;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
}
#home #intro-logo #logo-triangle-01 {
	top: 250px;
	left: 0;
	width: 57px;
	transition-delay: 900ms;
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
}
#home #intro-logo #logo-style {
	top: 209px;
	left: 0px;
	transition-delay: 700ms;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
}
#home #intro-logo #logo-triangle-02 {
	top: 250px;
	right: 1px;
	width: 57px;
	transition-delay: 900ms;
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
}
#home #intro-logo #logo-caption {
	top: 311px;
	left: 0;
	transition-delay: 1100ms;
	-webkit-transition-delay: 1100ms;
	-moz-transition-delay: 1100ms;
	-ms-transition-delay: 1100ms;
}

/*
* visual
*/
#home #visual-wrapper,
#home .visual,
#home #layer-black {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all linear 2000ms;
	-webkit-transition: all linear 2000ms;
	-moz-transition: all linear 2000ms;
	-ms-transition: all linear 2000ms;
	z-index: 0;
	overflow: hidden;
}
#home .visual.active {
	opacity: 0;
}
#home #visual-01 {
	background: url('/common/img/home/visual-01.jpg?v8') center center no-repeat;
	background-size: cover;
}
#home #visual-02 {
	background: url('/common/img/home/visual-02.jpg?v8') center center no-repeat;
	background-size: cover;
	transition-delay: 1400ms;
	-webkit-transition-delay: 1400ms;
	-moz-transition-delay: 1400ms;
	-ms-transition-delay: 1400ms;
}
#home #visual-03 {
	background: url('/common/img/home/visual-03.jpg?v8') center center no-repeat;
	background-size: cover;
}
#home #layer-black {
	background: rgba( 0,0,0,0.15 );
}
#home #visual-logo,
#home #intro-logo {
	width: 360px;
	height: 349px;
	margin-top: -230px;
	margin-left: -175px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
}
#home #visual-logo {
	z-index: 1;
}

#home #wrapper-frame {
	width: 83%;
	height: 83%;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 1100px) {
	#home #wrapper-frame {
		width: 75%;
	}
	}
@media screen and (max-height: 760px){
	#home #intro-logo,
	#home #visual-logo {
		transform: scale(0.8);
	}
	#home #scroll {
		transform: translateY(-40px) scale(0.8);
	}
	}
#home #wrapper-frame .frame-elem {
	position: absolute;
}
#home #wrapper-frame .frame-deco {
	width: 36px;
	height: 36px;
}
#home #wrapper-frame #frame-left-top {
	background: url(/common/img/home/frame-left-top.png) 0 0 no-repeat;
	top: 0;
	left: 0;
}
#home #wrapper-frame #frame-left-bottom {
	background: url(/common/img/home/frame-left-bottom.png) 0 0 no-repeat;
	bottom: 0;
	left: 0;
}
#home #wrapper-frame #frame-right-bottom {
	background: url(/common/img/home/frame-right-bottom.png) 0 0 no-repeat;
	bottom: 0;
	right: 0;
}
#home #wrapper-frame #frame-right-top {
	background: url(/common/img/home/frame-right-top.png) 0 0 no-repeat;
	top: 0;
	right: 0;
}
#home #wrapper-frame #frame-top {
	width: 100%;
	height: 7px;
	background: url(/common/img/home/frame-top.png) 0 0 repeat-x;
	top: 0;
	left: 30px;
}
#home #wrapper-frame #frame-left {
	width: 7px;
	height: 100%;
	background: url(/common/img/home/frame-left.png) 0 0 repeat-y;
	top: 30px;
	left: 0;
}
#home #wrapper-frame #frame-bottom {
	width: 100%;
	height: 7px;
	background: url(/common/img/home/frame-bottom.png) 0 0 repeat-x;
	bottom: 0;
	left: 30px;
}
#home #wrapper-frame #frame-right {
	width: 7px;
	height: 100%;
	background: url(/common/img/home/frame-right.png) 0 0 repeat-y;
	top: 30px;
	right: 0;
}


/*
* icon-scroll
*/
#home #scroll {
	width: 100px;
	height: 120px;
	margin-top: 135px;
	margin-left: -50px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
}
#home #scroll img,
#home #scroll p {
	position: absolute;
}
#home #scroll #scroll-dots {
	top: 0;
	left: 49px;
}
#home #scroll #scroll-btn,
#home #scroll #scroll-mouse  {
	top: 45px;
	left: 33px;
}
#home #scroll #scroll-btn {
	animation: btn-blink infinite linear 1800ms;
	-webkit-animation: btn-blink infinite linear 1800ms;
}
@keyframes btn-blink {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes btn-blink {
	0% { opacity: 0.2; }
	100% { opacity: 1; }
}
#home #scroll p {
	width: 100%;
	margin-bottom: 0;
	left: 0;
	bottom: 0;
	font-size: 9px;
	color: #fff;
	line-height: 1;
	letter-spacing: 3px;
	text-align: center;
}

/*
* contents
*/
#home #wrapper-contents {
	display: none;
	padding-bottom: 0;
}

/*
* sect-01
*/
#home #sect-01 {
	margin-bottom: 50px;
	position: relative;
}
#home #sect-01 #about-deco-01 {
	position: absolute;
	top: -40px;
	left: -30px;
}
#home #sect-01 #about-deco-02 {
	position: absolute;
	top: -40px;
	right: 0;
}
#home #sect-01 p {
	text-align: center;
}
#home #sect-01 p a {
	color: #555;
	text-decoration: underline;
}

/*
* sect-02
*/
#home #sect-02 {
	margin-bottom: 80px;
}
#home #sect-02.inner {
	width: 70%;
}
#home #sect-02 .row {
	position: relative;
}
#home #sect-02 h1 {
	padding-top: 50px;
	margin-bottom: 30px;
	background: url('/common/img/shared/tit-deco-01.png') center top no-repeat;
}
#home #sect-02 .box-left {
	width: 35%;
	padding-right: 30px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#home #sect-02 .box-right {
	width: 65%;
	height: 100%;
	background: url('/common/img/home/img-counseling.jpg') right center no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	bottom: 0;
}
#home #sect-02 .box-right span {
	display: block;
	width: 100%;
	height: 100%;
	background: #FAEAEA;
}
#home #sect-02 ol {
	margin-left: 18%;
}
#home #sect-02 ol li {
	margin-bottom: 5px;
}

/*
* sect-03
*/
#home #sect-03 .row {
	position: relative;
}
#home #sect-03 .box-left {
	width: 50%;
	height: 100%;
	background: url('/common/img/home/img-news.jpg') center center no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
#home #sect-03 .box-left span {
	display: block;
	width: 100%;
	height: 100%;
	background: #fef7f9;
}
#home #sect-03 .box-right {
	width: 50%;
	padding: 60px;
	float: right;
	background: #fff5f7;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#home #sect-03 article {
	margin-bottom: 30px;
}
#home #sect-03 article:last-child {
	margin-bottom: 0;
}
#home #sect-03 article h1,
#home #sect-03 article h2  {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
}
#home #sect-03 article h2 {
	font-size: 17px;
}
#home #sect-03 article p:last-child {
	margin-bottom: 0;
}
#home #sect-03 article dt {
	font-size: 12px;
}
#home #sect-03 article dd {
	margin-bottom: 10px;
}

/*
* motion
*/
.motion-elem-01,
.motion-elem-02 {
	transition: all ease 900ms;
	-webkit-transition: all ease 900ms;
	-moz-transition: all ease 900ms;
	-ms-transition: all ease 900ms;
}
.motion-elem-01,
.motion-elem-02 {
	transform: translateY(40px);
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	opacity: 0;
}
.motion-elem-02 {
	transition-delay: 300ms;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
}
.motion-elem-img {
	transition: all ease 1000ms;
	-webkit-transition: all ease 1000ms;
	-moz-transition: all ease 1000ms;
	-ms-transition: all ease 1000ms;
	transition-delay: 600ms;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
}
.pages .motion-elem-img {
	width: 100%;
	height: 100%;
	display: block;
}
.active .motion-elem-01,
.active .motion-elem-02 {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	opacity: 1;
}
#home #sect-02.active .box-right span.motion-elem-img,
#home #sect-03.active .box-left span.motion-elem-img,
.pages .active .motion-elem-img {
	height: 0;
}

.motion-elem-box {
	opacity: 0;
	transition: all ease 1000ms;
	-webkit-transition: all ease 1000ms;
	-moz-transition: all ease 1000ms;
	-ms-transition: all ease 1000ms;
	transition-delay: 600ms;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
}
.active .motion-elem-box {
	opacity: 1;
}

.motion-elem-visual {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	background: #CDC1C1;
	-webkit-transition: all ease 2000ms;
	-moz-transition: all ease 2000ms;
	-ms-transition: all ease 2000ms;
}
.active .motion-elem-visual {
	opacity: 0;
}



/*
* home footer
*/
#home footer {
	display: none;
}

/*=============================================================
5. hair-removal
=============================================================*/
#hair-removal #wrapper-tit {
	margin-bottom: 60px;
	background: url('/common/img/hair-removal/visual.jpg') center top no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#hair-removal #sect-01 {
	position: relative;
	margin-bottom: 60px;
}
#hair-removal #sect-01 p {
	text-align: center;
}
#hair-removal #sect-01 img {
	position: absolute;
	top: 0;
	left: 50%;
}
#hair-removal #sect-01 #deco-01 {
	width: 180px;
	margin-left: -420px;
	top: -10px;
}
#hair-removal #sect-01 #deco-02 {
	width: 180px;
	margin-left: 250px;
	top: -5px;
}

#hair-removal #sect-02 .box-left {
	background: rgba( 253,237,233,0.4 ) url('/common/img/hair-removal/menu-bg-01.png') center center no-repeat;
	background-size: cover;
}
#hair-removal #sect-02 .box-right {
	background: url('/common/img/hair-removal/img-01.jpg') center center no-repeat;
	background-size: cover;
}
#hair-removal #sect-03 .box-left {
	background: url('/common/img/hair-removal/img-02.jpg') center center no-repeat;
	background-size: cover;
}
#hair-removal #sect-03 .box-right {
	background: rgba( 212,233,250,0.4 ) url('/common/img/hair-removal/menu-bg-02.png') center center no-repeat;
	background-size: cover;
}

/*=============================================================
6. body
=============================================================*/
#body #wrapper-tit {
	margin-bottom: 60px;
	background: url('/common/img/body/visual.jpg') center top no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#body #sect-01 {
	position: relative;
	margin-bottom: 60px;
}
#body #sect-01 p {
	text-align: center;
}
#body #sect-01 img {
	position: absolute;
	top: 0;
	left: 50%;
}
#body #sect-01 #deco-01 {
	width: 160px;
	margin-left: -430px;
	top: 0px;
}
#body #sect-01 #deco-02 {
	width: 180px;
	margin-left: 280px;
	top: -5px;
}

#body .menu-left-row section h1,
#body .menu-right-row section h1 {
	margin-bottom: 25px;
	margin-left: -0.5em;
	line-height: 1.6;
}
#body .menu-right-row section:last-child h1 {
	margin-bottom: 0;
	margin-left: 0;
	font-size: 22px;
	line-height: 1.6;
}
#body .menu-left-row section h2,
#body .menu-right-row section h2 {
	margin-bottom: 4px;
	line-height: 1.8;
}
#body .menu-left-row section p,
#body .menu-right-row section p {
	margin-bottom: 25px;
}


#body #sect-02 .box-left {
	background: rgba( 253,237,233,0.4 ) url('/common/img/body/menu-bg-01.png') center center no-repeat;
	background-size: cover;
}
#body #sect-02 .box-right {
	background: url('/common/img/body/img-01.jpg') center center no-repeat;
	background-size: cover;
}
#body #sect-03 .box-left {
	background: url('/common/img/body/img-02.jpg') center center no-repeat;
	background-size: cover;
}
#body #sect-03 .box-right {
	background: rgba( 212,233,250,0.4 ) url('/common/img/body/menu-bg-02.png') center center no-repeat;
	background-size: cover;
}

/*=============================================================
7. face
=============================================================*/
#face #wrapper-tit {
	margin-bottom: 60px;
	background: url('/common/img/face/visual.jpg') center top no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#face #sect-01 {
	position: relative;
	margin-bottom: 60px;
}
#face #sect-01 p {
	text-align: center;
}
#face #sect-01 img {
	position: absolute;
	top: 0;
	left: 50%;
}
#face #sect-01 #deco-01 {
	width: 200px;
	margin-left: -430px;
	top: 15px;
}
#face #sect-01 #deco-02 {
	width: 200px;
	margin-left: 240px;
	top: 10px;
}

#face #sect-02 .box-left {
	background: rgba( 253,237,233,0.4 ) url('/common/img/face/menu-bg-01.png') center center no-repeat;
	background-size: cover;
}
#face #sect-02 .box-right {
	background: url('/common/img/face/img-01.jpg') center center no-repeat;
	background-size: cover;
}
#face #sect-03 .box-left {
	background: url('/common/img/face/img-02.jpg') center center no-repeat;
	background-size: cover;
}
#face #sect-03 .box-right {
	background: rgba( 212,233,250,0.4 ) url('/common/img/face/menu-bg-02.png') center center no-repeat;
	background-size: cover;
}

/*=============================================================
8. option
=============================================================*/
#option #wrapper-tit {
	margin-bottom: 60px;
	background: url('/common/img/option/visual.jpg') center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#option #sect-01 {
	position: relative;
	margin-bottom: 60px;
}
#option #sect-01 p {
	text-align: center;
}
#option #sect-01 img {
	position: absolute;
	top: 0;
	left: 50%;
}
#option #sect-01 #deco-01 {
	width: 160px;
	margin-left: -400px;
	top: -25px;
}
#option #sect-01 #deco-02 {
	width: 220px;
	margin-left: 240px;
	top: 0px;
}

#option #sect-02 section {
	margin-bottom: 5px;
}
#option #sect-02 .box-left {
	background: rgba( 253,237,233,0.4 ) url('/common/img/option/menu-bg-01.png') center center no-repeat;
	background-size: cover;
}
#option #sect-02 .box-right {
	background: url('/common/img/option/img-01.jpg') center center no-repeat;
	background-size: cover;
}

#option #sect-02 .box-left h1 {
	margin-bottom: 0;
	line-height: 1.7;
}
#option #sect-02 .box-left p {
	width: 80%;
}

/*=============================================================
9. bridal
=============================================================*/
#bridal #wrapper-tit {
	margin-bottom: 60px;
	background: url('/common/img/bridal/visual.jpg') center top no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#bridal #sect-01 {
	position: relative;
	margin-bottom: 60px;
}
#bridal #sect-01 p {
	text-align: center;
}
#bridal #sect-01 img {
	position: absolute;
	top: 0;
	left: 50%;
}
#bridal #sect-01 #deco-01 {
	width: 170px;
	margin-left: -430px;
	top: -15px;
}
#bridal #sect-01 #deco-02 {
	width: 180px;
	margin-left: 255px;
	top: -5px;
}

#bridal #sect-02 .box-left {
	background: rgba( 253,237,233,0.4 ) url('/common/img/bridal/menu-bg-01.png') center center no-repeat;
	background-size: cover;
}
#bridal #sect-02 .box-right {
	background: url('/common/img/bridal/img-01.jpg') center center no-repeat;
	background-size: cover;
}

#bridal #sect-02 .box-left h1 {
	margin-bottom: 0;
	line-height: 1.7;
}
#bridal #sect-02 .box-left p {
	width: 80%;
}

/*=============================================================
10. staff
=============================================================*/
#staff #wrapper-tit {
	margin-bottom: 60px;
	background: url('/common/img/staff/visual.jpg') center top no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#staff #sect-01 {
	position: relative;
	margin-bottom: 60px;
}
#staff #sect-01 p {
	text-align: center;
}
#staff #sect-01 img {
	position: absolute;
	top: 0;
	left: 50%;
}
#staff #sect-01 #deco-01 {
	width: 160px;
	margin-left: -410px;
	top: -45px;
}
#staff #sect-01 #deco-02 {
	width: 130px;
	margin-left: 240px;
	top: 5px;
}
#staff #sect-02 h1,
#staff #sect-03 h1 {
	margin-bottom: 20px;
}
#staff #sect-02 h1 span,
#staff #sect-03 h1 span {
	font-size: 11px;
}
#staff #sect-02 p,
#staff #sect-03 p {
	margin-bottom: 20px;
}

#staff ul.wrapper-slide {
}
#staff ul.wrapper-slide,
#staff ul.wrapper-slide li {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
#staff .motion-elem-img {
	position: relative;
	z-index: 1;
}

#staff #sect-02 .box-left {
	background: rgba( 253,237,233,0.4 ) url('/common/img/staff/menu-bg-01.png') center center no-repeat;
	background-size: cover;
}
#staff #sect-02 .box-right ul li:nth-of-type(1) {
	background: url('/common/img/staff/staff-01-01.jpg') center top no-repeat;
	background-size: cover;
}
#staff #sect-02 .box-right ul li:nth-of-type(2) {
	background: url('/common/img/staff/staff-01-02.jpg') center top no-repeat;
	background-size: cover;
}
#staff #sect-02 .box-right ul li:nth-of-type(3) {
	background: url('/common/img/staff/staff-01-03.jpg') center top no-repeat;
	background-size: cover;
}

#staff #sect-03 {
	display: none;
}
#staff #sect-03 .box-left ul li:nth-of-type(1) {
	background: url('/common/img/staff/staff-02-01.jpg') center top no-repeat;
	background-size: cover;
}
#staff #sect-03 .box-left ul li:nth-of-type(2) {
	background: url('/common/img/staff/staff-02-02.jpg') center top no-repeat;
	background-size: cover;
}
#staff #sect-03 .box-left ul li:nth-of-type(3) {
	background: url('/common/img/staff/staff-02-03.jpg') center top no-repeat;
	background-size: cover;
}

#staff #sect-03 .box-right {
	background: rgba( 212,233,250,0.4 ) url('/common/img/staff/menu-bg-02.png') center center no-repeat;
	background-size: cover;
}

/*=============================================================
11. access
=============================================================*/
#access #wrapper-tit {
	margin-bottom: 60px;
	background: url('/common/img/access/visual.jpg') right center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#access #sect-01 {
	position: relative;
	margin-bottom: 60px;
}
#access #sect-01 p {
	text-align: center;
}
#access #sect-01 img {
	position: absolute;
	top: 0;
	left: 50%;
}
#access #sect-01 #deco-01 {
	width: 150px;
	margin-left: -430px;
	top: -35px;
}
#access #sect-01 #deco-02 {
	width: 100px;
	margin-left: 275px;
	top: -5px;
}

#access #sect-02 .box-left {
	background: rgba( 253,237,233,0.4 ) url('/common/img/access/menu-bg-01.png') center center no-repeat;
	background-size: cover;
}
#access #sect-02 .box-right {
	background: url('/common/img/access/img-01.jpg') center center no-repeat;
	background-size: cover;
}

#access #sect-03 .box-left {
	background: url('/common/img/access/img-02.jpg') center center no-repeat;
	background-size: cover;
}
#access #sect-03 .box-right {
	background: rgba( 212,233,250,0.4 ) url('/common/img/access/menu-bg-02.png') center center no-repeat;
	background-size: cover;
}

#access #sect-02 .box-left h1 {
	margin-bottom: 0;
	line-height: 1.7;
}

#access #sect-02 dl dt,
#access #sect-03 dl dt {
	font-size: 22px;
}
#access #sect-02 dl dd,
#access #sect-03 dl dd {
	margin-bottom: 20px;
}
#access #sect-02 dl a {
	color: #444;
	text-decoration: underline;
}
#access #sect-03 dl dd.mb20 {
	margin-bottom: 8px;
}
#access #wrapper-map {
	width: 100%;
	height: 300px;
	overflow: hidden;
}
#access #map {
	width: 100%;
	opacity: 0.8;
}

/*=============================================================
11. privacy
=============================================================*/
#privacy #wrapper-tit {
	margin-bottom: 60px;
	background: url('/common/img/privacy/visual.jpg') center top no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#privacy #sect-01 {
	width: 86%;
	margin-bottom: 60px;
	background: url(/common/img/privacy/bg.png) right bottom no-repeat;
	position: relative;
}
#privacy #sect-01 > p {
	font-size: 18px;
	margin-bottom: 50px;
}
#privacy #sect-01 section {
	margin-bottom: 50px;
}
#privacy #sect-01 section h1 {
	margin-bottom: 25px;
	text-align: left;
}

/*=============================================================
13. sitemap
=============================================================*/
#sitemap #wrapper-tit {
	margin-bottom: 60px;
	background: url('/common/img/sitemap/visual.jpg') center center no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#sitemap #sect-01 {
	width: 86%;
	margin-bottom: 60px;
	background: url(/common/img/sitemap/bg.png) center bottom no-repeat;
	position: relative;
}
#sitemap #sect-01 nav ul {
	width: 33.3%;
	float: left;
}
#sitemap #sect-01 nav ul li {
	text-align: center;
	font-size: 23px;
	margin-bottom: 15px;
}
#sitemap #sect-01 nav ul li a {
	letter-spacing: 2px;
	color: #555;
	font-size: 23px;
	transition: all ease 300ms;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
}
#sitemap #sect-01 nav ul li a:hover {
	color: #bbb;
}

/*=============================================================
14. helper
=============================================================*/
.w70per {
	width: 70%;
}
.w80per {
	width: 80%;
}
.w85per {
	width: 85%;
}
.w90per {
	width: 90%;
}
.clr {
	clear: both;
}

/*
* clear fix
*/
.cf:before,
.cf:after {
	content:".";
	display: block;
	height: 0;
	overflow: hidden;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}