/***************************************************** 
商品詳細ページ
*****************************************************/

#productPage {
	text-align: center;
	margin: auto 0;
}
#productPage .leedBox {
	display: block;
	margin: 0px 20px;
}
#productPage h1 {
	display: block;
	text-align: left;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.4em;
	padding: 20px;
}
#productPage .leedBox p {
	display: block;
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
	padding-top: 20px;
}
#productPage .productDetail {
	text-shadow: white 2px 2px 10px, white -2px 2px 10px, white 2px -2px 10px, white -2px -2px 10px;
}
#productPage .prBox {
	display: block;
	margin: 0px 20px;
	padding-bottom: 20px;
}
#productPage .prBox p {
	display: block;
	text-align: left;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.4em;
	background: url("../images/list_img01.jpg") left top no-repeat;
	padding-left: 18px;
}
/* 商品特徴 common */

/* プラセンタ */

#productPage .productDetail .leedBox01 h2 {
	display: inline-block;
	text-align: left;
	font-size: 2.0em;
	font-weight: normal;
	line-height: 1.2em;
}
#productPage .productDetail .leedBox01 h3 {
	display: inline-block;
	text-align: left;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2em;
}
#productPage .productDetail .leedBox01 P {
	display: block;
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 10px 0 30px 0;
	padding-right: 20px;
}
/* プラセンタ以外 */

#productPage .productDetail h2 {
	display: inline-block;
	text-align: left;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2em;
}
#productPage .productDetail h3 {
	display: inline-block;
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2em;
}
#productPage .productDetail P {
	display: block;
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 10px 0 30px 0;
}
#productPage .productDetail .noteBox {
	display: inline-block;
	font-size: 1.4em;
	line-height: 220%;
	margin: 40px 10px 10px 10px;
}
#productPage .productMore {
	width: 100%;
	margin: 0 auto;
	padding-top: 40px;
}
#productPage .productMore h3 {
	font-weight: normal;
}
#productPage .productMore li {
	position: relative;
	padding: 0px;
}
#productPage .productMore li .photoBox {
	position: relative;
	display: inline-block;
	z-index: 1;
	order: 1;
	width: 100%;
}
#productPage .productMore li .wrap {
	position: relative;
	z-index: 2;
	order: 2;
	padding: 10px 0;
	opacity: 0;
	transition: all 1.2s cubic-bezier(0.2, 1, 0.3, 1);
}
#productPage .productMore .productMoreBoxTop {
	padding: 0 10px 40px 10px;
}
/*マスク*/

#productPage .productMore .productMoreBox {
	padding: 0 0 40px 0;
}
#productPage .productMore .productMoreBox h2 {
	font-size: 2.6em;
	font-weight: normal;
	line-height: 1.4em;
}
#productPage .productMore .productMoreBoxTop P,
/*マスク*/

#productPage .productMore .productMoreBox P {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 10px;
}
#productPage .productMore .productMoreLast {
	display: block;
	background: url("../../images/noteBoxLast.png")no-repeat bottom;
	height: 800px;
}
/* 成分一覧 common */

.productTextBox {
	display: block;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 40px 30px;
	font-family: "Helvetica Neue", Helvetica, Avenir, "Open Sans", Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* ご利用上の注意 common */

.productListBox {
	display: block;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 40px 20px;
	font-family: "Helvetica Neue", Helvetica, Avenir, "Open Sans", Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.productListBox li {
	background: url("../images/list_img02.png") left top no-repeat;
	padding-left: 18px;
}
/* 使い方 common */

.productHowto ul {
	margin: 20px 20px 40px 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.productHowto li {
	display: block;
	width: 100%;
	vertical-align: top;
	padding: 0 10px;
}
.productHowto li .number {
	padding-right: 10px;
	font-size: 3em;
	vertical-align: top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.productHowto li .howtoText {
	display: block;
	margin: 20px 10px 40px;
	font-size: 1.3em;
	line-height: 1.4em;
}
.productHowto li .howtoTextS {
	display: block;
	margin: 20px;
	font-size: 0.85em;
	line-height: 1.4em;
}
/***************************************************** 
化粧水
*****************************************************/

/* リード文 */

#productPage .lotion01 {
	text-align: center;
	background: url("../images/lotion_bg01.jpg") no-repeat;
	width: 100%;
	height: 375px;
}
/* 商品特徴 */

#productPage .lotion02 {
	text-align: center;
	background: url("../images/lotion_bg02.jpg") no-repeat;
	width: 100%;
	height: 900px;
	position: relative;
	opacity: 1;
}
#productPage .lotion02 .leedBox00 {
	position: absolute;
	top: 50px;
	left: 50%;
	text-align: left;
}
#productPage .lotion02 .leedBox01 {
	position: absolute;
	top: 220px;
	left: 20px;
	text-align: left;
}
#productPage .lotion02 .leedBox02 {
	position: absolute;
	top: 480px;
	left: 180px;
	text-align: left;
}
#productPage .lotion02 .leedBox03 {
	position: absolute;
	top: 640px;
	left: 20px;
	text-align: left;
}
#productPage .lotion02 .leedBox04 {
	position: absolute;
	top: 780px;
	left: 160px;
	text-align: left;
}
#productMore04 .lotion03 {
	background: url("../images/lotion_bg03.png") no-repeat bottom;
	height: 320px;
}
/***************************************************** 
美容液
*****************************************************/

/* リード文 */

#productPage .serum01 {
	text-align: center;
	background: url("../images/serum_bg01.jpg") no-repeat;
	width: 100%;
	height: 375px;
}
/* 商品特徴 */

#productPage .serum02 {
	text-align: center;
	background: url("../images/serum_bg02.jpg") no-repeat;
	width: 100%;
	height: 900px;
	position: relative;
	opacity: 1;
}
#productPage .serum02 .leedBox00 {
	position: absolute;
	top: 50px;
	left: 50%;
	text-align: left;
}
#productPage .serum02 .leedBox01 {
	position: absolute;
	top: 220px;
	left: 20px;
	text-align: left;
}
#productPage .serum02 .leedBox02 {
	position: absolute;
	top: 480px;
	left: 180px;
	text-align: left;
}
#productPage .serum02 .leedBox03 {
	position: absolute;
	top: 640px;
	left: 20px;
	text-align: left;
}
#productPage .serum02 .leedBox04 {
	position: absolute;
	top: 780px;
	left: 160px;
	text-align: left;
}
#productMore04 .serum03 {
	background: url("../images/serum_bg03.png") no-repeat bottom;
	height: 320px;
}
/***************************************************** 
ミルククリーム
*****************************************************/

/* リード文 */

#productPage .cream01 {
	text-align: center;
	background: url("../images/cream_bg01.jpg") no-repeat;
	width: 100%;
	height: 375px;
}
/* 商品特徴 */

#productPage .cream02 {
	text-align: center;
	background: url("../images/cream_bg02.jpg") no-repeat;
	width: 100%;
	height: 1400px;
	position: relative;
	opacity: 1;
}
#productPage .cream02 .leedBox00 {
	position: absolute;
	top: 50px;
	left: 50%;
	text-align: left;
}
#productPage .cream02 .leedBox01 {
	position: absolute;
	top: 220px;
	left: 20px;
	text-align: left;
}
#productPage .cream02 .leedBox02 {
	position: absolute;
	top: 450px;
	left: 180px;
	text-align: left;
}
#productPage .cream02 .leedBox03 {
	position: absolute;
	top: 660px;
	left: 20px;
	text-align: left;
}
#productPage .cream02 .leedBox04 {
	position: absolute;
	top: 750px;
	left: 20px;
	text-align: left;
}
#productPage .cream02 .leedBox05 {
	position: absolute;
	top: 880px;
	left: 30px;
	text-align: left;
}
#productPage .cream02 .leedBox06 {
	position: absolute;
	top: 990px;
	left: 220px;
	text-align: left;
}
#productPage .cream02 .leedBox07 {
	position: absolute;
	top: 1070px;
	left: 30px;
	text-align: left;
}
#productPage .cream02 .leedBox08 {
	position: absolute;
	top: 1230px;
	left: 20px;
	text-align: left;
}
#productPage .cream02 .noteBox {
	position: absolute;
	top: 500px;
	left: 20px;
	text-align: center;
}
#productMore04 .cream03 {
	background: url("../images/cream_bg03.png") no-repeat bottom;
	height: 320px;
}
/***************************************************** 
マスク
*****************************************************/

/* リード文 */

#productPage .mask01 {
	text-align: center;
	background: url("../images/mask_bg01.jpg") no-repeat;
	width: 100%;
	height: 375px;
}
/* 商品特徴 */

#productPage .mask02 {
	text-align: center;
	background: url("../images/mask_bg02.jpg") no-repeat;
	width: 100%;
	height: 1026px;
	position: relative;
	opacity: 1;
}
#productPage .mask02 .leedBox00 {
	position: absolute;
	top: 100px;
	left: 60%;
	text-align: left;
}
#productPage .mask02 .leedBox01 {
	position: absolute;
	top: 220px;
	left: 20px;
	text-align: left;
}
#productPage .mask02 .leedBox02 {
	position: absolute;
	top: 450px;
	left: 120px;
	text-align: left;
	padding-right: 10px;
}
#productPage .mask02 .leedBox03 {
	position: absolute;
	top: 620px;
	left: 20px;
	text-align: left;
}
#productPage .mask02 .leedBox04 {
	position: absolute;
	top: 750px;
	left: 160px;
	text-align: left;
}
#productPage .mask02 .leedBox05 {
	position: absolute;
	top: 880px;
	left: 20px;
	text-align: left;
}
#productMore04 .mask03 {
	background: url("../images/mask_bg03.png") no-repeat bottom;
	height: 300px;
}
/***************************************************** 
サプリメント
*****************************************************/

/* リード文 */

#productPage .supplement01 {
	text-align: center;
	background: url("../images/supplement_bg01.jpg") no-repeat;
	width: 100%;
	height: 375px;
}
/* 商品特徴 */

#productPage .supplement02 {
	text-align: center;
	background: url("../images/supplement_bg02.jpg") no-repeat;
	width: 100%;
	height: 850px;
	position: relative;
	opacity: 1;
}
#productPage .supplement02 .leedBox00 {
	position: absolute;
	top: 80px;
	left: 50%;
	text-align: left;
}
#productPage .supplement02 .leedBox01 {
	position: absolute;
	top: 570px;
	left: 20px;
	text-align: left;
}
#productPage .supplement02 .leedBox03, #productPage .supplement02 .leedBox04 {
	text-indent: -9999px;
}
#productMore04 .supplement03 {
	background: url("../images/supplement_bg03.png") no-repeat bottom;
	height: 300px;
}
/***************************************************** 
商品一覧
*****************************************************/

#productlist {
	text-align: center;
	margin: 0 auto;
}
#productlist .inner {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
#productlist .leedBox {
	text-align: center;
	margin: 0 auto 20px auto;
}
/***************************************************** 
Placentiaについて
*****************************************************/

#concept {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
#concept .concept01 {
	display: block;
	text-align: center;
	background: url("../images/concept_bg01.jpg") #E0E3D2 no-repeat bottom left;
	height: 960px;
}
#concept .leedBox {
	margin: 240px 20px auto 40px;
	text-align: left;
}
#concept .leedBox h1 {
	margin: 10px 0;
	display: inline-block;
	text-align: left;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
}
#concept .leedBox p {
	display: inline-block;
	text-align: left;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
}
#concept .leedBox02 {
	margin: 100px 50px 50px 30px;
}
#concept .leedBox02 P {
	display: inline-block;
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
}
#concept .concept02 {
	text-align: center;
	background: url("../images/concept_bg02.png") bottom left no-repeat;
	width: 100%;
	height: 680px;
}
#concept .concept02 .leedBox {
	margin: 20px;
	text-align: left;
}
#concept .concept02 .leedBox h2 {
	text-align: left;
	font-size: 3.0em;
	font-weight: normal;
	line-height: 1.4em;
}
#concept .concept02 .leedBox h3 {
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
	padding: 10px 0;
}
#concept .concept02 .leedBox P {
	text-align: left;
	font-size: 2.0em;
	font-weight: normal;
	line-height: 1.4em;
}
.concept03 h2 {
	text-align: left;
	padding: 0 20px 0 20px;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.4em;
}
.concept03 h3 {
	text-align: left;
	padding: 0 20px 0 20px;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.4em;
}
.concept03 .conceptBoxS, .concept03 .conceptBox {
	text-align: left;
	padding: 0 20px 0 20px;
}
.concept03 .conceptBox P {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 10px;
}
.concept03 .conceptBoxS h2 {
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.4em;
}
.concept03 .conceptBoxS h3 {
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 10px;
}
.concept03 .conceptBoxS P {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 30px 0;
}
.concept03 .conceptBoxSS P {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 30px;
}
.concept03 .conceptBoxLast {
	height: 780px;
	background: url("../../images/noteBoxLast.png") no-repeat bottom
}
/****************************************************
プラセンタのちから
*****************************************************/

#power01, #power02 {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
#power01 .inner {
	text-align: left;
	background: url("../images/power_bg01.jpg");
	height: 460px;
}
#power01 .leedBox {
	margin: 50px 20px 0px 20px;
	text-shadow: white 2px 2px 10px, white -2px 2px 10px, white 2px -2px 10px, white -2px -2px 10px;
}
#power01 .leedBox p {
	margin: 10px 0;
}
#power02 {
	text-align: left;
}
#power02 .leedBox01 {
	background: url("../images/power_bg02.png") no-repeat top center;
	width: 100%;
	height: 291px;
	margin-top: 20px;
}
#power02 .power_box01 {
	display: block;
	margin: 0 20px;
}
#power02 h2 {
	display: inline-block;
	text-align: left;
	font-size: 2.2em;
	font-weight: 100;
	line-height: 1.4em;
}
#power02 h3 {
	display: inline-block;
	text-align: left;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
}
#power02 P {
	display: block;
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 10px 0 30px 0;
}
#power03 {
	text-align: center;
	width: 100%;
}
#power03 .leedBox p {
	display: inline-block;
	padding: 20px;
	text-align: left;
}
.power03 .powerBoxS {
	text-align: left;
	padding: 0 20px;
}
.power03 h2 {
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.4em;
}
.power03 h3 {
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 10px;
}
.power03 .powerBoxS P {
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4em;
}
.power_rollbox {
	width: 100%;
	height: 580px;
	background: url("../images/power_bg04.png") no-repeat center bottom;
}
.noteBoxPower {
	display: inline-block;
	width: 100％;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 auto;
}
.powerBoxLast {
	width: 100％;
	height: 500px;
	background: url("../../images/noteBoxLast.png") no-repeat bottom
}
/*
.uk-animation-fade {
    animation-name: uk-fade;
    animation-duration: 0.8s;
    animation-timing-function: linear;
}

[class*="uk-animation-"] {
    animation-fill-mode: both;
}
figure {
    margin: 0;
}
figcaption, figure, main {
    display: block;
}.animation.uk-scrollspy-inview {
    transform: translateY(0);
    opacity: 1;
}

.section-feature__rotate-inner {
	position: relative;
	top: -5px;
	left: -5px;
	display: block;
	width: 560px;
	height: 560px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	animation: rotate 60s linear infinite;
}

.section-feature__rotate-item {
	position: absolute;
	width: 120px;
	animation: rotate-elm 60s linear infinite;
}

.section-feature__rotate-item:nth-child(6) img {
	transition-delay: 0.6s;}

.section-feature__rotate-item img {
    display: block;
    width: 100%;
    transition: all 0.5s ease;
}

.section-feature__rotate-item:nth-child(1) { top: 65px; left: 65px; }
.section-feature__rotate-item:nth-child(2) { top: 5px; left: 218px; }
.section-feature__rotate-item:nth-child(3) { top: 65px; left: 370px; }
.section-feature__rotate-item:nth-child(4) { top: 215px; left: 430px; }
.section-feature__rotate-item:nth-child(5) { top: 365px; left: 365px; }
.section-feature__rotate-item:nth-child(6) { top: 430px; left: 217px; }
.section-feature__rotate-item:nth-child(7) { top: 366px; left: 68px; }
.section-feature__rotate-item:nth-child(8) { top: 215px; left: 5px; }

.section-feature__rotate-item:nth-child(1) img { transition-delay: 0.1s; }
.section-feature__rotate-item:nth-child(2) img { transition-delay: 0.2s; }
.section-feature__rotate-item:nth-child(3) img { transition-delay: 0.3s; }
.section-feature__rotate-item:nth-child(4) img { transition-delay: 0.4s; }
.section-feature__rotate-item:nth-child(5) img { transition-delay: 0.5s; }
.section-feature__rotate-item:nth-child(6) img { transition-delay: 0.6s; }
.section-feature__rotate-item:nth-child(7) img { transition-delay: 0.7s; }
.section-feature__rotate-item:nth-child(8) img { transition-delay: 0.8s; }

@keyframes rotate {
  100% { transform: rotate(360deg); }
}

@keyframes rotate-elm {
  100% { transform: rotate(-360deg); }
}
*/

.animation {
	transition-property: transform, opacity;
	transition-timing-function: cubic-bezier(.17, .84, .44, 1), linear;
	transition-duration: 0.4s, 0.75s;
	transition-delay: 0s;
}