@charset "UTF-8";
/*==================================
    ■ products all
==================================*/
.frame-page-products {}
.frame-page-products .product-item {}
.frame-page-products .product-item .product-img { display:inline-block; width: 420px; vertical-align: top;}
.frame-page-products .product-item .product-img img { width: 100%;}
.frame-page-products .product-item .product-main { display:inline-block; margin-left: 20px; width:505px; vertical-align: top;}
.frame-page-products .product-item .product-main .product-ttl { font-size: 34px; text-align:center; margin:14px auto 21px;}
.frame-page-products .product-item .product-main .product-about { text-align: center;}
.frame-page-products .product-item .product-main .product-about p { margin-bottom: 0.75em; line-height: 1.5;}

.frame-page-products .product-item .product-main .product-about .product-about-circle { display: inline-block;}
.frame-page-products .product-item .product-main .product-about .product-about-circle_s { display: inline-block; vertical-align: middle;}

.frame-page-products .product-item .product-main .product-about .product-about-circle { text-align: center; vertical-align:middle;
	width: 130px;
	height: 130px;
	margin: 0 3px;
	padding: 40px 7px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;/* 円の色 */
	border: solid 1px #dc6b8f;
}
.frame-page-products .product-item .product-main .product-about p.product-about-pr00 { color:#dc6b8f;}
.frame-page-products .product-item .product-main .product-about p.product-about-pr01 { margin-bottom: 0; line-height: 1;}
.frame-page-products .product-item .product-main .product-about p.product-about-pr01-icon { margin-bottom: 0; line-height: 1; font-size: 25px; margin: 0.1em 0;}
.frame-page-products .product-item .product-main .product-about p.product-about-pr01 .pink { color:#dc6b8f; font-weight: bold; display: block; margin-top: 0.5em;}
.frame-page-products .product-item .product-main .product-about p.product-about-pr02 { font-size:0.8em; margin-top:1em; text-align:left;}




.frame-page-products .product-item .product-main .product-more { text-align: center; margin-top:21px;}
.frame-page-products .product-item .product-main .product-more a { border: 1px solid #555; display:inline-block; padding: 14px 50px; }
.frame-page-products .product-item .product-main .product-more a:hover { color:#fff; background-color: #555;}


/*==================================
    ■ botanical-layered-essennce
==================================*/
.frame-page-botanical-layered-essence {}
.frame-page-botanical-layered-essence .item-area {}

.frame-page-botanical-layered-essence .item-area .item-top .item-top-img { display:inline-block; width: 420px; vertical-align: top;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-img img { width: 100%;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main { display:inline-block; margin-left: 20px; width:505px; vertical-align: top;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-ttl { font-size: 34px; text-align:center; margin:14px auto 21px;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about { text-align: center;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p { margin-bottom: 0.75em; line-height: 1.5;}

.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about .item-top-circle { display: inline-block;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about .item-top-circle_s { display: inline-block; vertical-align: middle;}

.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about .item-top-circle { text-align: center; vertical-align:middle;
	width: 130px;
	height: 130px;
	margin: 0 3px;
	padding: 40px 7px;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;/* 円の色 */
	border: solid 1px #dc6b8f;
}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr00 { color:#dc6b8f;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr01 { margin-bottom: 0; line-height: 1;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr01-icon { margin-bottom: 0; line-height: 1; font-size: 25px; margin: 0.1em 0;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr01 .pink { color:#dc6b8f; font-weight: bold; display: block; margin-top: 0.5em;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr02 { font-size:0.8em; margin-top:1em; text-align:left;}



.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-more { text-align: center; margin-top:21px;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-more a { border: 1px solid #555; display:inline-block; padding: 14px 50px; }
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-more a:hover { color:#fff; background-color: #555;}

.frame-page-botanical-layered-essence .item-area .item-extract { text-align: center; margin: 60px auto 0;}
.frame-page-botanical-layered-essence .item-area .item-extract ul { margin-bottom:1em;}
.frame-page-botanical-layered-essence .item-area .item-extract ul li { display: inline-block; border: #dc6b8f 2px solid; margin: 0 4px; padding: 0.7em 0.7em;}
.frame-page-botanical-layered-essence .item-area .item-extract ul li {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.frame-page-botanical-layered-essence .item-area .effect-expect { text-align: center; margin: 60px auto 0;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-ttl { color:#dc6b8f; font-size: 40px; text-align:center; margin:15px auto 30px;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-sub { margin-bottom:0.7em;}
.frame-page-botanical-layered-essence .item-area .effect-expect ul { text-align: center; margin: 30px auto;}
.frame-page-botanical-layered-essence .item-area .effect-expect ul li { display:inline-block; text-align: center; vertical-align:middle;
	width: 110px;
	height: 110px;
	padding: 48px 0;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #e6e6e6;/* 円の色 */
}

.frame-page-botanical-layered-essence .item-area .effect-expect ul li.effect-color-yellow { background-color: #f9f4c5;}
.frame-page-botanical-layered-essence .item-area .effect-expect ul li.effect-color-purple { background-color: #f4e4fc;}
.frame-page-botanical-layered-essence .item-area .effect-expect ul li.effect-color-orange { background-color: #f8e5cb;}
.frame-page-botanical-layered-essence .item-area .effect-expect ul li.effect-color-pink { background-color: #f9e6ed;}
.frame-page-botanical-layered-essence .item-area .effect-expect ul li.effect-color-blue { background-color: #e6eff9;}

.frame-page-botanical-layered-essence .item-area .effect-expect p.effect-expect-sub02 { margin-bottom: 1em; line-height: 1.5;}
.frame-page-botanical-layered-essence .item-area .effect-expect p.effect-expect-sub02 .pink { color:#dc6b8f; font-weight: bold;}

.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water { border: 1px solid #dc6b8f; margin: 30px auto; padding: 21px;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-pr { display:inline-block; margin-right: 10px; text-align: left; width: 620px; vertical-align: middle;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-pr p { font-size: 16px; line-height:1.5; margin-bottom:0.5em;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-pr p .pink { color: #dc6b8f; font-weight: bold;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-img { display:inline-block; width: 300px; vertical-align: middle;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-img img { max-width: 100%;}


.frame-page-botanical-layered-essence .item-area .use {margin: 60px auto 0;}
.frame-page-botanical-layered-essence .item-area .use p { margin-bottom: 1em; line-height: 1.5;}
.frame-page-botanical-layered-essence .item-area .use .use-ttl { color:#dc6b8f; font-size: 40px; text-align:center; margin:15px auto 30px;}
.frame-page-botanical-layered-essence .item-area .use .use-sub-box { display:inline-block; margin-right: 18px; width: 600px; vertical-align: top;}
.frame-page-botanical-layered-essence .item-area .use .use-sub-box .use-sub-ttl { font-size:1.2em; margin-bottom: 0.25em; border-bottom: 1px dashed #dc6b8f ;}
.frame-page-botanical-layered-essence .item-area .use .use-sub-box .use-sub-detail { font-size:0.85em;}
.frame-page-botanical-layered-essence .item-area .use .use-img { display:inline-block; width: 350px; vertical-align: top;}
.frame-page-botanical-layered-essence .item-area .use .use-img img { width: 100%;}

p.use-attention { margin-top:3em;}
p.use-notice { text-align:right;}

.frame-page-botanical-layered-essence .item-area .item-link-more { text-align: center; margin-top:30px;}
.frame-page-botanical-layered-essence .item-area .item-link-more a { border: 1px solid #555; display:inline-block; padding: 14px 50px; }
.frame-page-botanical-layered-essence .item-area .item-link-more a:hover { color:#fff; background-color: #555;}


/* デスクトップ表示 */
@media screen and (min-width: 992px) {
}
/* ENDデスクトップ表示 */

/* タブレット表示 */
@media screen and (min-width: 768px) and (max-width: 991px) {
/*=====■ products all=====*/
.frame-page-products .product-item .product-img { text-align: center; width: 50%;}
.frame-page-products .product-item .product-img img { width: 90%;}
.frame-page-products .product-item .product-main { margin-left: 0; width:45%; }
.frame-page-products .product-item .product-main .product-ttl { font-size: 21px;}

.frame-page-products .product-item .product-main .product-about .product-about-circle { text-align: center; vertical-align:middle;
	width: 90px;
	height: 90px;
	margin: 0 1px;
	padding: 25px 7px;
}
.frame-page-products .product-item .product-main .product-about p.product-about-pr00 { color:#dc6b8f; font-size:10px;}
.frame-page-products .product-item .product-main .product-about p.product-about-pr01 { font-size: 10px;}
.frame-page-products .product-item .product-main .product-about p.product-about-pr01 .pink { font-size:13px;}
.frame-page-products .product-item .product-main .product-about p.product-about-pr02 { font-size:10px; margin-top:1em;}

/*==================================
    ■ botanical-layered-essennce
==================================*/
.frame-page-botanical-layered-essence .item-area .item-top .item-top-img { text-align: center; width: 50%;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-img img { width: 90%;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main { margin-left: 0; width:45%; }
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-ttl { font-size: 21px;}

.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about .item-top-circle { text-align: center; vertical-align:middle;
	width: 90px;
	height: 90px;
	margin: 0 1px;
	padding: 25px 7px;
}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr00 { color:#dc6b8f; font-size:10px;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr01 { font-size: 10px;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr01 .pink { font-size:13px;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr02 { font-size:10px; margin-top:1em;}

.frame-page-botanical-layered-essence .item-area .item-extract ul li {  margin: 4px 4px;}

.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-pr { width:100%;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-pr p { font-size: 14px; line-height:1.5; margin-bottom:0.5em;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-pr p .pink { color: #dc6b8f; font-weight: bold;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-img { display:inline-block; width: 100%; vertical-align: middle;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-img img { max-width: 70%;}

.frame-page-botanical-layered-essence .item-area .use .use-sub-box { display:block; margin-right: 0; width:100%; vertical-align: top;}
.frame-page-botanical-layered-essence .item-area .use .use-img { width:100%; text-align:center;}
.frame-page-botanical-layered-essence .item-area .use .use-img img{ width:50%;}
}
/* ENDタブレット表示 */

/* スマホ表示 */
@media screen and (max-width: 767px) {
/*=====■ products all=====*/

.frame-page-products .product-item .product-img { text-align: center; width: 100%;}
.frame-page-products .product-item .product-img img { width: 80%;}
.frame-page-products .product-item .product-main { margin-left: 0; width:100%; }
.frame-page-products .product-item .product-main .product-ttl { font-size: 30px;}

.frame-page-products .product-item .product-main .product-about .product-about-circle { text-align: center; vertical-align:middle;
	width: 85px;
	height: 85px;
	margin: 0 1px;
	padding: 20px 7px;
}

.frame-page-products .product-item .product-main .product-about p.product-about-pr00 { color:#dc6b8f; font-size:10px;}
.frame-page-products .product-item .product-main .product-about p.product-about-pr01 { font-size:9px;}
.frame-page-products .product-item .product-main .product-about p.product-about-pr01 .pink { font-size:13px;}



/*==================================
    ■ botanical-layered-essennce
==================================*/

.frame-page-botanical-layered-essence .item-area .item-top .item-top-img { text-align: center; width: 100%;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-img img { width: 80%;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main  { margin-left: 0; width:100%; }
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-ttl { font-size: 30px;}

.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about .item-top-circle { text-align: center; vertical-align:middle;
	width: 85px;
	height: 85px;
	margin: 0 1px;
	padding: 20px 7px;
}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr00 { color:#dc6b8f; font-size:10px;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr01 { font-size:9px;}
.frame-page-botanical-layered-essence .item-area .item-top .item-top-main .item-top-about p.item-top-pr01 .pink { font-size:13px;}


.frame-page-botanical-layered-essence .item-area .item-extract { margin: 30px auto 0;}
.frame-page-botanical-layered-essence .item-area .item-extract ul li { font-size:80%; margin: 4px 4px; width:46%;}

.frame-page-botanical-layered-essence .item-area .effect-expect { text-align: center; margin: 30px auto 0;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-ttl {font-size: 21px;}
.frame-page-botanical-layered-essence .item-area .effect-expect ul { text-align: center; margin: 30px auto;}
.frame-page-botanical-layered-essence .item-area .effect-expect ul li { display:inline-block; text-align: center; vertical-align:middle;
	font-size: 11px;
	width: 100px;
	height: 100px;
	margin:4px 2px;
	padding: 45px 0;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #e6e6e6;/* 円の色 */
}

.frame-page-botanical-layered-essence .item-area .effect-expect p.effect-expect-sub02 { text-align: left;}

.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water { border: 1px solid #dc6b8f; margin: 30px auto; padding: 21px;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-pr { width:100%;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-pr p { font-size: 14px; line-height:1.5; margin-bottom:0.5em;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-pr p .pink { color: #dc6b8f; font-weight: bold;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-img { display:inline-block; width: 100%; vertical-align: middle;}
.frame-page-botanical-layered-essence .item-area .effect-expect .effect-expect-water .effect-expect-water-img img { max-width: 100%;}


.frame-page-botanical-layered-essence .item-area .use {margin: 60px auto 0;}
.frame-page-botanical-layered-essence .item-area .use p { margin-bottom: 1em; line-height: 1.5;}
.frame-page-botanical-layered-essence .item-area .use .use-ttl { font-size: 21px;}
.frame-page-botanical-layered-essence .item-area .use .use-sub-box { display:block; margin-right: 0; width:100%; vertical-align: top;}
.frame-page-botanical-layered-essence .item-area .use .use-img { width:100%; text-align:center;}
.frame-page-botanical-layered-essence .item-area .use .use-img img{ width:90%;}

.frame-page-botanical-layered-essence .item-area .item-link-more { text-align: center; margin-top:30px;}
.frame-page-botanical-layered-essence .item-area .item-link-more a { border: 1px solid #555; display:inline-block; padding: 14px 50px; }
.frame-page-botanical-layered-essence .item-area .item-link-more a:hover { color:#fff; background-color: #555;}


}
/* ENDスマホ表示 */