@charset "utf-8";
/* -----------------------------------------------------
商品ラインナップ
----------------------------------------------------- */
#series_obagix_specialcare .block-contents-4 #itemlist01,
#series_obagix_specialcare .block-contents-4 #itemlist02,
#series_obagix_specialcare .block-contents-4 #itemlist03 {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
/* シリーズページ：アドバンスドリフトレフィル ---------------------------------------- */
#series_obagix_specialcare .block-contents-4 .series-inner a.block-cts[href*="dermaadvancedlift_refill"] .block-inner .img-name-item span span {display: block;}
/* シリーズページ：セラム ---------------------------------------- */
#series_obagix_specialcare .block-contents-4 .series-inner a.block-cts[href*="serum"] .block-inner .img-name-item {padding: 30px 10px 0;}
/* Media Query --------------------------------------- */
		@media screen and (min-width: 641px) {
		}
	@media print, screen and (min-width:1025px) {
#series_item_detail .item_howto {width: 960px;}
		}

/* ======================================
商品詳細：ダーマアドバンスドリフト ＜共通＞
====================================== */
/* basic --------------------------------------- */
.advancedlift h1, .advancedlift h2, .advancedlift h3, .advancedlift h4, .advancedlift h5 {border: 0; box-shadow: none; margin: 0; padding: 0; letter-spacing: 0; background: none; text-align: left; line-height:1.2;}
.advancedlift span {border: 0; padding: 0; font-size: 1em;}
.advancedlift img {width: 100%; height: auto;}
.advancedlift em {font-style: normal;}
.advancedlift a:hover {text-decoration: none;}
/* Point header --------------------------------------- */
#advancedlift_point h1, #advancedlift_point h2, #advancedlift_point h3, #advancedlift_point h4, #advancedlift_point h5 {display: block; font-size: 1em;}
#advancedlift_point .hdr {display: block; padding: 0 0 15px;}
#advancedlift_point .hdr .ttl {display: block; font-weight: normal; text-align: center;}
#advancedlift_point .hdr .ttl .txt01 {display: block; font-size: 20px; text-align: center; margin: 0 0 16px; font-weight: normal;}
#advancedlift_point .hdr .ttl .txt02 {display: block; text-align: center; margin: 0 0 12px;}
#advancedlift_point .hdr .ttl .txt02 .left,
#advancedlift_point .hdr .ttl .txt02 .right {display: inline-block; font-size: 16px; background-color: #d40e2d; color: #ffffff; padding: 5px 7px;}
#advancedlift_point .hdr .ttl .txt02 .right {background-color: #000000;}
#advancedlift_point .hdr .ttl .txt02 .center {display: inline-block; width: 15px; padding: 0 10px; line-height: 1;}
#advancedlift_point .hdr .ttl .txt03 {display: block; font-size: 20px; margin: 0 0 12px; font-weight: normal;}
#advancedlift_point .hdr .ttl .txt04 {display: block; font-size: 20px; font-weight: normal;}
#advancedlift_point .hdr .ttl .txt04 strong {font-weight: 700; color: #d40e2d;}
#advancedlift_point .arw {text-align: center; padding: 0 0 15px;}
#advancedlift_point .arw img {width: 10px;}
/* Point info --------------------------------------- */
#advancedlift_point .info .pic_box .pic {position: relative; width: 198px; margin: 0 auto; padding: 25px 0;}
#advancedlift_point .info .dtl_box {padding: 20px 15px 30px;}
#advancedlift_point .info .dtl_box .name {font-size: 1.3em; font-weight: 600; margin: 0 0 8px;}
#advancedlift_point .info .dtl_box .spec,
#advancedlift_point .info .dtl_box .refill {font-size: 0.9em; line-height: 1.5; font-weight: 600; text-align: left;}
#advancedlift_point .info .dtl_box .txt01 {padding: 0 1em 0 0;}
/* Point section --------------------------------------- */
#advancedlift_point .sec {position: relative; display: block; margin: 0 0 10px; text-align: center;}
#advancedlift_point .sec_inr {background-color: #ffffff; padding: 5px 0 50px;}
#advancedlift_point .sec .p_icn {font-size: 18px;}
#advancedlift_point .sec .p_icn img {width: 130px;}
#advancedlift_point .sec .p_ttl {text-align: center; margin: 0 0 25px; font-weight: normal;}
#advancedlift_point .sec .p_ttl .txt {display: inline-block;}
#advancedlift_point .sec .p_ttl .txt span {display: inline-block; background-color: #000000; color: #ffffff; padding: 2px 5px; font-size: 1.7em;}
#advancedlift_point .sec .p_ttl .txt .txt01 {display: block; border-bottom: 1px solid #ffffff;}
#advancedlift_point .sec .p_hl {font-size: 1em; margin: 0 0 20px;}
#advancedlift_point .sec .p_hl em {font-size: 1.25em;}
#advancedlift_point .sec .ant {font-size: 0.65em;}
#advancedlift_point .sec.point01 {margin-top: 70px;}
#advancedlift_point .sec.point01 .main {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
#advancedlift_point .sec.point01 .main .igd {width: 50%;}
#advancedlift_point .sec.point01 .main .igd .list {padding: 0 0 0 14px;}
#advancedlift_point .sec.point01 .main .igd .list li {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #e5e5e5; border-radius: 50%; height: 72px; margin: -8px 0 0;}
#advancedlift_point .sec.point01 .main .igd .list li p {width: 100%; font-size: 1.15em; line-height: 1.1;}
#advancedlift_point .sec.point01 .main .pic {width: 50%;}
#advancedlift_point .sec.point01 .main .pic p {padding: 0 0 0 18px;}
#advancedlift_point .sec.point02 .sec_inr {background: #ffffff url(/-/media/obagi/promotion/dermaadvancedlift/rsv_point02_bg_sp.jpg) right 0 top 60px no-repeat; background-size: 250px auto;}
#advancedlift_point .sec.point02 .main .igd {width: 50%;}
#advancedlift_point .sec.point02 .main .igd .list {padding: 0 0 0 14px;}
#advancedlift_point .sec.point02 .main .igd .list li {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #e5e5e5; height: 50px; margin: 0 0 5px; background-color: #ffffff; border-radius: 5px;}
#advancedlift_point .sec.point02 .main .igd .list li p {width: 100%; font-size: 1.15em; line-height: 1.1;}
#advancedlift_point .sec.point02 .ant .list {padding: 2px 0 0 14px;}
#advancedlift_point .sec.point02 .ant .list li p {text-align: left; line-height: 1.2; letter-spacing: -0.5px;}
#advancedlift_point .sec.point03 .pic {width: 196px; margin: 0 auto;}
#advancedlift_point .sec.point03 .ant p {padding: 5px 0 0;}
#advancedlift_point .sec.point04 {margin: 0;}
#advancedlift_point .sec.point04 .sec_inr {padding: 0;}
#advancedlift_point .sec.point04 .p_txt {position: absolute; top: 30px; left: 0; width: 100%;}
#advancedlift_point .sec.point04 .p_hl {line-height: 1.3;}
#advancedlift_point .sec.delighter {transition: opacity 0.6s linear 0.2s; opacity: 0;}
#advancedlift_point .sec.delighter.started {opacity: 1;}
/* Movie --------------------------------------- */
#advancedlift_movie {padding: 0;}
#advancedlift_movie h1, #advancedlift_movie h2, #advancedlift_movie h3, #advancedlift_movie h4, #advancedlift_movie h5 {font-size: 1em;}
#advancedlift_movie .ttl {text-align: center; margin: 0 0 12px;font-size: 0.9em;©}
#advancedlift_movie .ttl .txt01 {font-size: 1.3em; font-weight: normal;}
#advancedlift_movie .ttl .txt01 strong {font-size: 1.35em; color: #d40e2d; font-weight: normal;}
#advancedlift_movie .ttl .txt02 {display: block; font-size: 1.6em; font-weight: normal;}
#advancedlift_movie .mov iframe {width: 100%; height: 220px;}
/* Method --------------------------------------- */
#advancedlift_method {padding: 0 15px 50px;}
#advancedlift_method .ttl {text-align: center; margin: 0 0 12px;}
#advancedlift_method .ttl .txt01 {font-size: 1em; font-weight: 700;}
#advancedlift_method .ttl .txt01 strong {font-size: 1.35em; color: #d40e2d;}
#advancedlift_method .ttl .txt02 {display: block; font-size: 1.5em; font-weight: 600;}
#advancedlift_method .step {padding: 30px 0 0;}
#advancedlift_method .step .num {width: 70px; height: 70px; border-radius: 40px; background-color: #f5d999; text-align: center;}
#advancedlift_method .step .num .txt01 {display: block; font-size: 1em; line-height: 1; font-weight: 500; padding: 16px 0 0;}
#advancedlift_method .step .num .txt02 {display: block; font-size: 1.4em; line-height: 1; font-weight: 500;}
#advancedlift_method .step .box {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #f5d999; margin: -35px 0 0;}
#advancedlift_method .step .box .txt {padding: 50px 14px 0 10px;}
#advancedlift_method .step .box .txt .hl {font-size: 1.56em; line-height: 1.3; font-weight: 600; margin: 0 0 12px;}
#advancedlift_method .step .box .txt .hl strong {color: #d40e2d; font-weight: 600;}
#advancedlift_method .step .box .txt p {font-size: 1em; line-height: 1.5; font-weight: 500;}
#advancedlift_method .step .box .pic {padding: 35px 0 0;}
#advancedlift_method .step .box .pic img {width: 100px;}
/* 使い方 ----------------------------------------------------- */
.advancedlift .howto-section,
.howto-section {text-align: center; margin: 0 auto;}
.advancedlift .howto-section .ttl,
.howto-section .ttl {text-align: center;}
.advancedlift .howto-section .ttl .txt .inr,
.howto-section .ttl .txt .inr {display: inline-block; font-size: 1.8em; line-height: 1.0; color: #7c6555; background-color: #fff; padding: 0 20px; white-space: nowrap !important;}
.advancedlift .howto-section .ttl .txt .inr {font-size: 1.2em;}
.howto-section .ttl .txt:after {content: ""; display: block; width: 40%; margin: -1rem auto; border-top: 1px solid #7c6555;}
.howto-section .dtl {line-height: 1.6; margin-top: 0;}
.howto-section .dtl .item_name {margin: 0 0 15px; font-size: 1em;}
.howto-section .dtl .inr {border-radius: 6px; border: 1px solid #ccc; padding: 17px 0 0;}
.howto-section .dtl .pic {text-align: center; margin: 0 0 20px;}
.howto-section .dtl .pic img {width: 118px; height: auto;}
.howto-section .dtl .txt {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.9em; text-align: left; margin: 0; padding: 0 20px 20px;}
.howto-section .dtl .txt .meyasu {border-radius: 6px; background-color: #e5e0dd; padding: 20px 4px; text-align: center; width: 40%;}
.howto-section .dtl .txt .meyasu .meyasu_ttl {border-bottom: 1px solid #c5bbb4; padding: 0 0 6px; margin: 0;}
.howto-section .dtl .txt .meyasu .illust {padding: 15px 0;}
.advancedlift .howto-section .dtl .txt .meyasu .illust img {width: 26px;}
.howto-section .dtl .txt .meyasu .size {font-size: 0.95em;}
.howto-section .dtl .txt .dcp {width: 60%; padding-left: 20px;}
.howto-section .dtl .txt .dcp em {color: #e62388; font-style: normal;}
.howto-section .dtl .txt .ant {font-size: 0.85em; padding-top: 10px;}
/* ======================================
商品詳細：アイクリーム #eyecream ＜共通＞
====================================== */
/* ---------------------- Detail ---------------------- */
#eyecream .detail-section .section-ttl {
	font-size: 1.9em;
	line-height: 1.5;
	padding: 0;
	margin: 0 0 30px !important;
	text-align: center;
}
#eyecream .detail-section .item_detail .item_copy {display: block; 
	font-size: 2.7em;
	line-height: 1.2;
	padding: 0 0 28px !important;
	margin: 0 !important;
}
#eyecream .detail-section .item_detail .item_pic {float: left;}
#eyecream .detail-section #item1 .item_pic img {
	width: 100%;
	height: auto;
	max-width: 310px;
}
#eyecream .detail-section #item2 .item_pic img {
	width: 100%;
	height: auto;
	max-width: 270px;
}
#eyecream .detail-section .item_detail .item_txt {float: right;}
#eyecream .detail-section #item1 .item_txt {padding: 36px 0 0;}
#eyecream .detail-section #item2 .item_txt {padding: 14px 0 0;}
#eyecream .detail-section .item_detail .item_txt p {margin: 0;}
#eyecream .detail-section .item_detail .item_dsc {
	font-size: 1.25em;
	line-height: 1.6;
	padding: 0 0 16px;
}
#eyecream .detail-section .item_detail .item_name {
	font-size: 1.35em;
	line-height: 1.6;
	padding: 0 0 16px;
}
#eyecream .detail-section .item_detail .item_name strong {font-weight: bold;}
#eyecream .detail-section .item_detail .item_cat {font-size: 0.85em; line-height: 1.6;}
#eyecream .detail-section .item_detail .item_price {font-size: 0.85em; line-height: 1.6;}
#eyecream .detail-section .item_detail .item_ant {
	font-size: 0.75em;
	line-height: 1.0;
	text-align: right;
	padding: 20px 0 0;
}
#eyecream .detail-section .item_detail .item_essential {clear: both; padding: 0 0 54px;}
#eyecream .detail-section .item_detail #essential1 .left {
	float: left;
	width: calc((100% - 230px)/2);
	text-align: center;
}
#eyecream .detail-section .item_detail #essential1 .center {
	float: left;
	width: 230px;
	text-align: center;
	padding: 40px 0 0;
	margin: 0;
}
#eyecream .detail-section .item_detail #essential1 .right {
	float: right;
	width: calc((100% - 230px)/2);
	text-align: center;
}
#eyecream .detail-section .item_detail #essential1 dt {
	font-size: 1.4em;
	line-height: 1.2;
	padding: 0 0 12px;
	margin: 0;
	color: #000000;
}
#eyecream .detail-section .item_detail #essential1 dd {
	background: #e6d9c7;
	padding: 0;
	margin: 0 0 2px;
}
#eyecream .detail-section .item_detail #essential1 dd .txt {
	display: block;
	font-size: 1.125em;
	line-height: 1.2;
	color: #000000;
}
#eyecream .detail-section .item_detail #essential1 dd .txt .ant {font-size: 0.8em;}
#eyecream .detail-section .item_detail #essential1 .left dd {height: 104px;}
#eyecream .detail-section .item_detail #essential1 .left dd.L1 .txt {padding: 44px 0 0;}
#eyecream .detail-section .item_detail #essential1 .left dd.L2 .txt {padding: 30px 0 0;}
#eyecream .detail-section .item_detail #essential1 .right dd.L1 {height: 45px;}
#eyecream .detail-section .item_detail #essential1 .right dd.L2 {height: 69px;}
#eyecream .detail-section .item_detail #essential1 .right dd.L1 .txt {padding: 13px 0 0;}
#eyecream .detail-section .item_detail #essential1 .right dd.L2 .txt {padding: 14px 0 0;}
#eyecream .detail-section .item_detail #essential2 ul li {
	position: relative;
	background: #e6d9c7;
	padding: 0;
	margin: 0 2px 2px 0;
	width: calc(50% - 2px);
	float: left;
	height: 82px;
	text-align: center;
	color: #000000;
}
#eyecream .detail-section .item_detail #essential2 ul li.list03 {
	background: #b40000 url(/-/media/obagi/derma-powerx/bg_dtl_cream_SBC.png) center top no-repeat;
	background-size: auto 100%;
}
#eyecream .detail-section .item_detail #essential2 ul li .txt {
	display: block;
	font-size: 1.125em;
	line-height: 1.2;
}
#eyecream .detail-section .item_detail #essential2 ul li .txt .ant {font-size: 0.8em;}
#eyecream .detail-section .item_detail #essential2 ul li.list01 .txt,
#eyecream .detail-section .item_detail #essential2 ul li.list02 .txt {padding: 22px 0 0;}
#eyecream .detail-section .item_detail #essential2 ul li.list03 .txt{
	padding: 30px 0 0;
	color: #ffffff;
	letter-spacing: -1px;
}
#eyecream .detail-section .item_detail #essential2 ul li.list04 .txt {padding: 20px 90px 0 0; letter-spacing: -1px;}
#eyecream .detail-section .item_detail #essential2 ul li.list04 img {
	position: absolute;
	top: 12px;
	right: 24px;
}

#eyecream .detail-section #stem_build_complex {text-align: center;}
#eyecream .detail-section #stem_build_complex img {
	width: 100%;
	max-width: 798px;
	height: auto;
	margin-bottom: 1em;
}

/* ======================================
商品詳細：ステムリフトセラム ＜共通＞
====================================== */
#stemliftserum .feature_main .recommend .section-ttl {
	background: none;
	text-align: center;
}
#stemliftserum  .feature_main .recommend .nayami li {
	background-image: url(/-/media/obagi/derma-powerx/ico_check.png);
	background-repeat: no-repeat;
}
#stemliftserum  .feature_main .recommend .nayami li sup {
	font-size: 0.5em;
}
#stemliftserum .feature_main .asap {
	background-color: #e6d7d2;
}
#stemliftserum .feature_main .asap .inr {
	margin: 0 auto;
}
#stemliftserum .feature_main .feature {
	position: relative;
	border: 2px solid #ebad98;
}
#stemliftserum .feature_main .feature .feature-num {
	position: absolute;
	width: 100%;
	text-align: center;
}
#stemliftserum .feature_main .feature .feature-num .num_inr {
	display: inline-block;
	background-color: #ebad98;
}
#stemliftserum .feature_main .feature .feature-num .num_inr .txt {
	display: block;
	color: #fff;
}
#stemliftserum .feature_main .feature-ttl {
	margin: 0;
	padding: 0;
}
#stemliftserum .feature_main .feature01 {text-align: center;}
#stemliftserum .feature_main .feature01 .feature-ttl em {
	font-style: normal;
	color: #bb1919;
	border: 2px solid #bb1919;
	margin-right: 0.6em;
}
#stemliftserum .feature_main .feature02 ul li {
	background: #ebad98;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height: 1.0;
}
#stemliftserum .feature_main .feature02 .btn_secret {
	clear: both;
	text-align: center;
}
#stemliftserum .feature_main .feature02 .btn_secret a {
	display: block;
	background: #960019;
	margin: 0 auto;
	color: #fff;
}
#stemliftserum .feature_main .feature02 .ant {clear: both;}
/* ======================================
商品詳細：リップエッセンス #lipessence ＜共通＞
====================================== */
#lipessence .feature_main #feature_lip {
	background: #987949;
	color: #fff;
	text-align: center;
}
#lipessence .feature_main #feature_lip .feature-ttl {
	background: none;
	margin: 0;
	padding: 0;
}
#lipessence .feature_main #feature_lip p .element {
	display: inline-block;
	border: 1px solid #fff;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

                      Media Querie

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 
SP ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		@media screen and (max-width: 640px) {
/* シリーズページ：アドバンスドリフトレフィル ---------------------------------------- */
#series_obagix_specialcare .block-contents-4 .series-inner a.block-cts[href*="dermaadvancedlift"] .block-inner .img-name-item {letter-spacing: -1px;}
#advancedlift_point .sp_none {display: none;}
/* 商品詳細：アイクリーム #eyecream ＜スマホ＞ ====================================== */
/* ---------------------- Detail ---------------------- */
#eyecream .detail-section {padding: 0;}
#eyecream .detail-section .section-ttl {font-size: 1.3em; line-height: 1.6;}
#eyecream .detail-section .inr {padding: 0 0 30px;}
#eyecream .detail-section .item_detail .item_copy {font-size: 1.4em;}
#eyecream .detail-section .item_detail .item_pic {
	float: none;
	width: 200px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
#eyecream .detail-section #item1 .item_pic {padding: 0 0 0 20px;}
#eyecream .detail-section #item2 .item_pic {padding: 0 20px 0 0;}
#eyecream .detail-section .item_detail .item_pic img {width: 100%; height: auto;}
#eyecream .detail-section .item_detail .item_txt {
	float: none;
	width: auto;
	padding: 0 !important;
	margin: 0;
	text-align: center;
}
#eyecream .detail-section .item_detail .item_dsc {
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	padding: 0 0 20px;
}
#eyecream .detail-section .item_detail .item_name {font-size: 1.1em;}
#eyecream .detail-section .item_detail #essential1 {padding-top: 0; padding-bottom: 30px;}
#eyecream .detail-section .item_detail #essential1 .left {
	float: left;
	width: calc((100% - 110px)/2);
	text-align: center;
	padding: 0;
}
#eyecream .detail-section .item_detail #essential1 .center {
	float: left;
	width: 110px;
	text-align: center;
	padding: 30px 0 0;
	margin: 0;
}
#eyecream .detail-section .item_detail #essential1 .center img {width: 100%; height: auto;}
#eyecream .detail-section .item_detail #essential1 .right {
	float: right;
	width: calc((100% - 110px)/2);
	text-align: center;
	padding: 0;
}
#eyecream .detail-section .item_detail #essential1 dt {font-size: 0.8em; padding: 0 0 8px;}
#eyecream .detail-section .item_detail #essential1 dd .txt {font-size: 0.6em;}
#eyecream .detail-section .item_detail #essential1 dd .txt .ant {font-size: 0.65em;}
#eyecream .detail-section .item_detail #essential1 .left dd {height: 54px;}
#eyecream .detail-section .item_detail #essential1 .left dd.L1 .txt {padding: 22px 0 0;}
#eyecream .detail-section .item_detail #essential1 .left dd.L2 .txt {padding: 14px 0 0;}
#eyecream .detail-section .item_detail #essential1 .right dd.L1 {height: 22px;}
#eyecream .detail-section .item_detail #essential1 .right dd.L2 {height: 38px;}
#eyecream .detail-section .item_detail #essential1 .right dd.L1 .txt {padding: 5px 0 0;}
#eyecream .detail-section .item_detail #essential1 .right dd.L2 .txt {padding: 4px 0 0;}
#eyecream .detail-section .item_detail #essential1 .ls-1 {letter-spacing: -1px;}
#eyecream .detail-section .item_detail #essential1 .ls-2 {letter-spacing: -2px;}
#eyecream .detail-section #stem_build_complex p {font-size: 0.9em;}
#eyecream .detail-section .item_detail #essential2 {padding: 30px 0 0;}
#eyecream .detail-section .item_detail #essential2 ul li {
	float: left;
	height: 62px;
	text-align: center;
	color: #000000;
}
#eyecream .detail-section .item_detail #essential2 ul li.list03 {
	background: #b40000 url(/-/media/obagi/derma-powerx/bg_dtl_cream_SBC.png) center top no-repeat;
	background-size: auto 100%;
}
#eyecream .detail-section .item_detail #essential2 ul li .txt {
	display: block;
	font-size: 0.8em;
	line-height: 1.2;
}
#eyecream .detail-section .item_detail #essential2 ul li .txt .ant {font-size: 0.65em;}
#eyecream .detail-section .item_detail #essential2 ul li.list01 .txt,
#eyecream .detail-section .item_detail #essential2 ul li.list02 .txt {padding: 18px 0 0;}
#eyecream .detail-section .item_detail #essential2 ul li.list03 .txt {padding: 18px 0 0; letter-spacing: -1.5px;}
#eyecream .detail-section .item_detail #essential2 ul li.list04 .txt {letter-spacing: -1px; font-size: 0.7em; padding: 12px 58px 0 7px; letter-spacing: -1.5px; text-align: left;}
#eyecream .detail-section .item_detail #essential2 ul li.list04 img {
	position: absolute;
	width: auto;
	height: 38px;
	top: 12px;
	right: 10px;
}
/* ---------------------- How To ---------------------- */
.howto-section {padding: 0 0 40px;}
.howto-section .ttl .txt .inr {font-size: 1.4em; padding: 0 20px;}
/* ---------------------- Annotation ---------------------- */
#eyecream .annotation {padding-top: 40px; text-align: left; font-size: 0.7em; letter-spacing: -1px;}

/* 商品詳細：ステムリフトセラム #stemliftserum ＜スマホ＞ ====================================== */
#stemliftserum .feature_main .recommend {
	margin: 0 15px;
	padding: 10px 0 25px;
	text-align: center;
}
#stemliftserum .feature_main .recommend .section-ttl {
	font-size: 1.2em;
	line-height: 1.0;
	margin: 0 0 15px;
	font-weight: normal;
}
#stemliftserum .feature_main .recommend .nayami {display: inline-block;}
#stemliftserum .feature_main .recommend .nayami li {
	padding: 0 0 10px 32px;
	background-position: left 0 top 0;
	font-size: 0.9em;
	background-size: 25px auto;
	text-align: left;
}
#stemliftserum .feature_main .recommend .ant {
	font-size: 0.7em;
	line-height: 1.7;
	text-align: right;
}
#stemliftserum .feature_main .asap .left {;
	padding: 28px 0 0 28px;
}
#stemliftserum .feature_main .asap .left p.txt {
	font-size: 1.3em;
	line-height: 1.55;
}
#stemliftserum .feature_main .asap .left p.txt sup {
	font-size: 0.5em;
}
#stemliftserum .feature_main .asap .left p.ant {
	font-size: 0.7em;
	line-height: 1;
	padding: 14px 0 0;
}
#stemliftserum .feature_main .asap .right {
	padding: 20px 0;
	text-align: center;
}
#stemliftserum .feature_main .asap .right dl {
	display: inline-block;
	width: 140px;
	text-align: center;
}
#stemliftserum .feature_main .asap .right dl dt img {
	width: 104px;
	height: auto;
}
#stemliftserum .feature_main .asap .right dl dd {
	font-size: 0.875em;
	line-height: 1;
	padding: 18px 0 0;
}

#stemliftserum .feature_main .feature {
	margin: 60px 0 0;
}
#stemliftserum .feature_main .feature .feature-num {
	top: -39px;
}
#stemliftserum .feature_main .feature .feature-num .num_inr {
	width: 78px;
	height: 78px;
	-moz-border-radius: 39px;
	-webkit-border-radius: 39px;
	border-radius: 39px;
}
#stemliftserum .feature_main .feature .feature-num .num_inr .txt {
	padding: 27px 0 0 3px;
	font-size: 1.1em;
}
#stemliftserum .feature_main .feature01 {
	padding-bottom: 38px;
	font-weight: normal;
}
#stemliftserum .feature_main .feature01 .feature-ttl {
	font-size: 1.2em; font-weight: normal;
	line-height: 1.4;
	letter-spacing: 0;
	padding: 54px 20px 10px;
	background: #fff;
	text-align: left;
}
#stemliftserum .feature_main .feature01 .feature-ttl em {
	font-size: 1em;
	padding: 4px 8px;
	float: left;
}
#stemliftserum .feature_main .feature01 .txt1-1 {
	margin: 0 20px 20px;
	font-size: 0.75em;
	line-height: 1.4;
	text-align: left;
}
#stemliftserum .feature_main .feature01 .pic1-1 img {
	width: 190px;
	height: auto;
}
#stemliftserum .feature_main .feature01 .txt1-2 {
	width: 300px;
	margin: 18px auto 14px;
	font-size: 1em;
	line-height: 1.4;
}
#stemliftserum .feature_main .feature01 .pic1-2 img {
	width: 128px;
	height: auto;
}
#stemliftserum .feature_main .feature02 .left {padding: 54px 0 0;}
#stemliftserum .feature_main .feature02 .feature-ttl {
	font-size: 1em; font-weight: normal;
	line-height: 1.7;
	padding: 0;
	margin: 0;
	text-align: center;
	background: #fff;
}
#stemliftserum .feature_main .feature02 .right {
	padding: 20px 20px 30px;
	text-align: center;
	font-weight: normal;
}
#stemliftserum .feature_main .feature02 .col-ttl {
	font-size: 1em;
	line-height: 1.0;
	padding: 0 0 10px;
	margin: 0;
	background: #fff;
}
#stemliftserum .feature_main .feature02 ul li .txt1 {
	font-size: 0.75em;
}
#stemliftserum .feature_main .feature02 ul li .txt2 {
	font-size: 0.6em;
}
#stemliftserum .feature_main .feature02 .col01 {
	float: left;
	width: 33%;
}
#stemliftserum .feature_main .feature02 .col01 .list01 {
	padding: 12.5px 0;
	margin: 0 0 2px;
}
#stemliftserum .feature_main .feature02 .col01 .list02 {
	padding: 13px 0;
	line-height: 1.3;
}
#stemliftserum .feature_main .feature02 .col02 {
	float: left;
	width: 33%;
	padding: 28px 0 0;
}
#stemliftserum .feature_main .feature02 .col02 img {
	width: 100%;
	height: auto;
}
#stemliftserum .feature_main .feature02 .col03 {
	float: left;
	width: 33%;
}
#stemliftserum .feature_main .feature02 .col03 .list01,
#stemliftserum .feature_main .feature02 .col03 .list02,
#stemliftserum .feature_main .feature02 .col03 .list03 {
	padding: 4px 0;
	margin: 0 0 2px;
}
#stemliftserum .feature_main .feature02 .col03 .list04 {
	padding: 7px 0;
	line-height: 1.3;
}
#stemliftserum .feature_main .feature02 .col03 .list04 .ls {letter-spacing: -3px;}
#stemliftserum .feature_main .feature02 .btn_secret {padding: 0 20px;}
#stemliftserum .feature_main .feature02 .btn_secret a {padding: 12px 0;}
#stemliftserum .feature_main .feature02 .btn_secret .txt {
	font-size: 0.7em; letter-spacing: -1px;
	padding: 0 0.5em 0 0;
}
#stemliftserum .feature_main .feature02 .btn_secret strong {
	font-size: 1em;
	letter-spacing: -2px;
}
#stemliftserum .feature_main .feature02 .btn_secret img {
	width: 9px;
	height: auto;
	padding: 10px 6px 0 0;
}
#stemliftserum .feature_main .feature02 .ant {
	font-size: 0.65em; text-align: left;
	line-height: 1.7;
	padding: 20px 20px 26px; 
}
#stemliftserum .feature_main .feature03 .left {
	text-align: center;
}
#stemliftserum .feature_main .feature03 .feature-ttl {
	font-size: 1.1em;
	line-height: 1.5;
	padding: 54px 0 10px;
	background: #fff;
	font-weight: normal;
}
#stemliftserum .feature_main .feature03 .txt3-1 {
	font-size: 1.1em;
	line-height: 1.5;
	padding: 0 0 30px;
}
#stemliftserum .feature_main .feature03 .pic3-1 img {
	width: 110px;
	height: auto;
	margin: 0 0 16px;
}
#stemliftserum .feature_main #serum-story {
	background: #ebad98;
	color: #fff;
	margin: 0;
}
#stemliftserum .feature_main #serum-story .title {
	font-size: 1em;
	padding: 20px 20px 0;
}
#stemliftserum .feature_main #serum-story p {
	font-size: 0.9em;
	line-height: 1.6;
	padding: 1em 20px 28px;
	margin: 0;
}
/* 商品詳細：リップエッセンス #lipessence ＜スマホ＞ ====================================== */
#lipessence .lip_hdr .ttl {font-size: 1.6em; margin: 0 0 30px;}
#lipessence .lip_hdr .pic img {width: 100%; height: auto;}
#lipessence .lip_hdr .txt {font-size: 1.3em; margin: 0 0 20px; text-align: center;}
#lipessence .feature_main #feature_lip {padding: 24px 0 18px; margin: 0; font-weight: normal;}
#lipessence .feature_main #feature_lip .feature-ttl {margin: 0 0 18px; font-size: 1.2em; line-height: 1.0; letter-spacing: 0;}
#lipessence .feature_main #feature_lip p {font-size: 0.75em; line-height: 1;}
#lipessence .feature_main #feature_lip p .element {padding: 3px 7px; margin: 0 3px 10px;}
#lipessence .feature_main .item_end_ant {padding: 15px 0; font-size: 0.68em; line-height: 1.6;}
		}

/* 
SP small ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		@media screen and (max-width: 320px) {
#advancedlift_point .sp_small_none {display: none;}
#advancedlift_point .sp_small_is {display: block;}
#lipessence .feature_main #feature_lip .feature-ttl {padding: 0 20px;}
		}

/* 
TB・PC ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		@media screen and (min-width:641px) {
/* 使い方Youtube ----------------------------------------------------- */
.item_use {padding: 20px 0 0;}
.item_use iframe {width: 560px; height: 315px; margin: 0 auto;}
/* #advancedlift_point ----------------------------------------------------- */
#advancedlift_point .tb-pc_none {display: none;}
/* Point header --------------------------------------- */
#advancedlift_point {padding: 0 0 90px;}
#advancedlift_point .hdr {padding: 0 0 15px;}
#advancedlift_point .hdr .ttl .txt01 {font-size: 1.8em; margin: 0 0 15px;}
#advancedlift_point .hdr .ttl .txt02 {margin: 0 0 15px;}
#advancedlift_point .hdr .ttl .txt02 .left,
#advancedlift_point .hdr .ttl .txt02 .right {font-size: 1.6em; padding: 5px 12px;}
#advancedlift_point .hdr .ttl .txt02 .center {width: 20px; padding: 12px 13px 0; vertical-align: top;}
#advancedlift_point .hdr .ttl .txt03 {display: inline-block; font-size: 1.8em; margin: 0;}
#advancedlift_point .hdr .ttl .txt04 {display: inline-block; font-size: 1.8em;}
#advancedlift_point .arw {padding: 0 0 20px;}
#advancedlift_point .arw img {width: 12px;}
/* Point info --------------------------------------- */
#advancedlift_point .info {padding: 20px 0;}
#advancedlift_point .info .inr {}
#advancedlift_point .info .pic_box {background: none; width: 45%;margin: auto;}
#advancedlift_point .info .pic_box .pic {width: 240px; padding: 0;}
#advancedlift_point .info .txt_box {width: 55%; padding: 36px 0 0;}
#advancedlift_point .info .dtl_box {background-color: transparent; padding: 20px 15px 0;}
#advancedlift_point .info .dtl_box .name {font-size: 1.65em; margin: 0 0 12px; color: #000000;}
#advancedlift_point .info .dtl_box .spec,
#advancedlift_point .info .dtl_box .refill {font-size: 1.2em;  color: #000000;}
#advancedlift_point .info .dtl_box .txt01 {padding: 0 0.7em 0 0;}
/* Point section --------------------------------------- */
#advancedlift_point .sec {width: 890px; margin: 0 auto 90px;}
#advancedlift_point .sec.point01 {margin-top: 90px;}
#advancedlift_point .sec.point01,
#advancedlift_point .sec.point03 {padding: 0;}
#advancedlift_point .sec.point02,
#advancedlift_point .sec.point04 {padding: 0;}
#advancedlift_point .sec .sec_inr {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0;}
#advancedlift_point .sec .p_icn {position: absolute; top: 80px; left: 186px; width: auto; text-align: left;font-size: 20px; z-index: 1;}
#advancedlift_point .sec .p_icn img {width: 180px;}
#advancedlift_point .sec .p_ttl {margin: 0 0 20px;}
#advancedlift_point .sec .p_ttl .txt span {padding: 3px 8px; font-size: 2em;}
#advancedlift_point .sec .p_hl {font-size: 1.5em; margin: 0;}
#advancedlift_point .sec .ant {font-size: 0.72em;}
#advancedlift_point .sec.point01 .sec_inr {background: #ffffff url(/-/media/obagi/promotion/dermaadvancedlift/rsv_point01_bg_pc.jpg) center top no-repeat; background-size: 100% auto; padding: 40px 0;}
#advancedlift_point .sec.point01 .p_ttl .txt .txt02 {padding: 3px 10px;}
#advancedlift_point .sec.point01 .p_hdr {width: 450px; padding: 80px 0 0 0;}
#advancedlift_point .sec.point01 .main {width: calc(100% - 450px);}
#advancedlift_point .sec.point01 .main .igd {width: calc(100% - 230px);}
#advancedlift_point .sec.point01 .main .igd .list {padding: 0 0 0 10px;}
#advancedlift_point .sec.point01 .main .igd .list li {width: 200px; height: 86px; margin: -10px 0 0;}
#advancedlift_point .sec.point01 .main .igd .list li p {font-size: 1.35em;}
#advancedlift_point .sec.point01 .main .pic {width: 230px;}
#advancedlift_point .sec.point02 .sec_inr {background: #ffffff url(/-/media/obagi/promotion/dermaadvancedlift/rsv_point02_bg_pc.jpg) left top no-repeat; background-size: 100% auto;}
#advancedlift_point .sec.point02 .p_hdr {width: 450px; padding: 130px 0 0 0;}
#advancedlift_point .sec.point02 .main {width: calc(100% - 450px); background: url(/-/media/obagi/promotion/dermaadvancedlift/rsv_point02_bg02_pc.jpg) right top no-repeat; background-size: 320px auto;}
#advancedlift_point .sec.point02 .main .igd {width: 206px; padding: 36px 0 100px;}
#advancedlift_point .sec.point02 .main .igd .list {padding: 0;}
#advancedlift_point .sec.point02 .main .igd .list li {height: 58px; margin: 0 0 6px;}
#advancedlift_point .sec.point02 .main .igd .list li p {font-size: 1.35em;}
#advancedlift_point .sec.point02 .ant {position: absolute; bottom: 35px; left: 0; width: 100%;}
#advancedlift_point .sec.point02 .ant .list {padding: 0 50px; text-align: left;}
#advancedlift_point .sec.point02 .ant .list li {display: inline; margin: 0 0.5em 0 0;}
#advancedlift_point .sec.point02 .ant .list li p {display: inline;}
#advancedlift_point .sec.point03 .sec_inr {background: #ffffff url(/-/media/obagi/promotion/dermaadvancedlift/rsv_point03_bg_pc.jpg) left top no-repeat; background-size: 100% auto;}
#advancedlift_point .sec.point03 .p_hdr {width: 460px; padding: 122px 0 0 0;}
#advancedlift_point .sec.point03 .main {width: calc(100% - 480px);}
#advancedlift_point .sec.point03 .pic {width: 235px; padding: 42px 20px 0 0;}
#advancedlift_point .sec.point03 .ant p {padding: 5px 0 55px;}
#advancedlift_point .sec.point04 {margin: 0 auto;}
#advancedlift_point .sec.point04 .p_txt {width: 460px; top: 120px;}
/* Movie --------------------------------------- */
#advancedlift_movie {padding: 60px 0 0;}
#advancedlift_movie .ttl .txt01 {font-size: 1.8em;}
#advancedlift_movie .ttl .txt02 {font-size: 2.5em; padding: 8px 0 0;}
#advancedlift_movie .mov:before {height: 48px;}
#advancedlift_movie .mov iframe {display: block; width: 560px; height: 315px; margin: 0 auto;}
/* Method --------------------------------------- */
#advancedlift_method {padding: 80px 0;}
#advancedlift_method .ttl {margin: 0 0 25px;}
#advancedlift_method .ttl .txt01 {font-size: 1em;}
#advancedlift_method .ttl .txt02 {font-size: 1.4em;}
#advancedlift_method .step {max-width: 690px; margin: 0 auto; padding: 15px 0 0;}
#advancedlift_method .step .num {width: 84px; height: 84px; border-radius: 50px;}
#advancedlift_method .step .num .txt01 {font-size: 1.2em; padding: 20px 0 0;}
#advancedlift_method .step .num .txt02 {font-size: 1.68em;}
#advancedlift_method .step .box {margin: -42px 0 0;}
#advancedlift_method .step .box .txt {padding: 55px 28px 0 10px;}
#advancedlift_method .step .box .txt .hl {font-size: 1.875em; margin: 0 0 16px;}
#advancedlift_method .step .box .txt p {font-size: 1.125em}
#advancedlift_method .step .box .pic {padding: 50px 0 0;}
#advancedlift_method .step .box .pic img {width: 116px;}
.advancedlift .block-qa .block-cts a.question {padding: 10px 0 !important;}
/* 商品詳細：ステムリフトセラム #stemliftserum ＜TB・PC＞ ====================================== */
#stemliftserum .feature_main .recommend {
	width: 520px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 30px;
	text-align: center;
}
#stemliftserum .feature_main .recommend .section-ttl {
	font-size: 1.75em;
	line-height: 1.0;
	margin: 0 0 20px;
	font-weight: normal;
}
#stemliftserum .feature_main .recommend .nayami {display: inline-block;}
#stemliftserum .feature_main .recommend .nayami li {
	padding: 0 0 8px 32px;
	background-position: left 0 top 3px;
	font-size: 1.2em;
	background-size: 25px auto;
	text-align: left;
}
#stemliftserum .feature_main .recommend .ant {
	font-size: 0.85em;
	line-height: 1.7;
	text-align: left;
	padding: 0 0 0 44px;
}
#stemliftserum .feature_main .asap .inr {width: 100%;max-width: 960px;}
#stemliftserum .feature_main .asap .left {
	float: left;
	width: 336px;
	padding: 65px 0 0 94px;
}
#stemliftserum .feature_main .asap .left p.txt {
	font-size: 1.35em;
	line-height: 1.55;
}
#stemliftserum .feature_main .asap .left p.txt sup {
	font-size: 0.5em;
}
#stemliftserum .feature_main .asap .left p.ant {
	font-size: 0.75em;
	line-height: 1;
	padding: 14px 0 0;
}
#stemliftserum .feature_main .asap .right {
	float: right;
	width: 510px;
	padding: 38px 0;
}
#stemliftserum .feature_main .asap .right dl {
	float: left;
	width: 140px;
	text-align: center;
}
#stemliftserum .feature_main .asap .right dl dt img {width: 104px; height: auto;}
#stemliftserum .feature_main .asap .right dl dd {
	font-size: 0.875em;
	line-height: 1;
	padding: 18px 0 0;
}

#stemliftserum .feature_main .feature {width: 960px; margin: 60px auto 0;}
#stemliftserum .feature_main .feature .feature-num {top: -39px;}
#stemliftserum .feature_main .feature .feature-num .num_inr {width: 78px; height: 78px; border-radius: 39px;}
#stemliftserum .feature_main .feature .feature-num .num_inr .txt {padding: 27px 0 0 3px;}
#stemliftserum .feature_main .feature01 {padding-bottom: 38px;}
#stemliftserum .feature_main .feature01 .feature-ttl {
	font-size: 1.75em; font-weight: normal;
	line-height: 1;
	letter-spacing: 0;
	padding: 64px 0 0;
	margin-bottom: 10px;
}
#stemliftserum .feature_main .feature01 .feature-ttl em {font-size: 0.64em; padding: 4px 8px;}
#stemliftserum .feature_main .feature01 .txt1-1 {
	width: 300px;
	margin: 0 auto 20px;
	font-size: 0.75em;
	line-height: 1.4;
	text-align: left;
}
#stemliftserum .feature_main .feature01 .pic1-1 img {width: 190px; height: auto;}
#stemliftserum .feature_main .feature01 .txt1-2 {
	width: 300px;
	margin: 18px auto 14px;
	font-size: 1em;
	line-height: 1.4;
}
#stemliftserum .feature_main .feature01 .pic1-2 img {width: 128px; height: auto;}
#stemliftserum .feature_main .feature02 .left {width: 405px; float: left; padding: 115px 0 0 55px; font-weight: normal;}
#stemliftserum .feature_main .feature02 .feature-ttl {
	font-size: 1.375em; font-weight: normal;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}
#stemliftserum .feature_main .feature02 .right {
	width: 430px;
	float: right;
	padding: 70px 65px 33px 0;
	text-align: center;
}
#stemliftserum .feature_main .feature02 .col-ttl {
	font-size: 1.5em; font-weight: normal;
	line-height: 1.0;
	padding: 0 0 16px;
	margin: 0;
	background: #fff;
}
#stemliftserum .feature_main .feature02 ul li .txt1 {font-size: 1.0em;}
#stemliftserum .feature_main .feature02 ul li .txt2 {font-size: 0.8em;}
#stemliftserum .feature_main .feature02 .col01 {float: left;width: 146px;}
#stemliftserum .feature_main .feature02 .col01 .list01 {padding: 18px 0; margin: 0 0 4px;}
#stemliftserum .feature_main .feature02 .col01 .list02 {padding: 18px 0; line-height: 1.3;}
#stemliftserum .feature_main .feature02 .col02 {float: left; width: 138px; padding: 40px 0 0;}
#stemliftserum .feature_main .feature02 .col02 img {width: 138px; height: auto;}
#stemliftserum .feature_main .feature02 .col03 {float: left; width: 146px;}
#stemliftserum .feature_main .feature02 .col03 .list01,
#stemliftserum .feature_main .feature02 .col03 .list02,
#stemliftserum .feature_main .feature02 .col03 .list03 {padding: 6.5px 0; margin: 0 0 4px;}
#stemliftserum .feature_main .feature02 .col03 .list04 {padding: 6px 0; line-height: 1.3;}
#stemliftserum .feature_main .feature02 .col03 .list04 .ls {letter-spacing: -3px;}
#stemliftserum .feature_main .feature02 .btn_secret a {width: 348px; padding: 12px 0;}
#stemliftserum .feature_main .feature02 .btn_secret .txt {font-size: 0.8em; padding: 0 0.5em 0 0;}
#stemliftserum .feature_main .feature02 .btn_secret strong {font-size: 1.1em;}
#stemliftserum .feature_main .feature02 .btn_secret img {width: 9px; height: auto; padding: 10px 6px 0 0;}
#stemliftserum .feature_main .feature02 .ant {width: 80%; max-width: 660px; margin: 0 auto; font-size: 0.68em; font-weight: 300; line-height: 1.7; padding: 20px 0 26px; color: #333;}
#stemliftserum .feature_main .feature03 .left {width: 500px; float: left; text-align: center;}
#stemliftserum .feature_main .feature03 .feature-ttl {font-size: 1.1em; font-weight: normal; line-height: 1.5; padding: 68px 0 0;}
#stemliftserum .feature_main .feature03 .txt3-1 {font-size: 1.1em; line-height: 1.5;}
#stemliftserum .feature_main .feature03 .pic3-1 img {width: 110px; height: auto; margin: 0 0 16px;}
#stemliftserum .feature_main .feature03 .right {width: 418px; float: right; background: #ebad98; color: #fff;}
#stemliftserum .feature_main .feature03 .right p {font-size: 0.875em; line-height: 1.6; padding: 70px 60px; margin: 0;}
/* 商品詳細：アイクリーム　 #eyecream ＜TB・PC＞ ====================================== */
/* ---------------------- Detail ---------------------- */
#eyecream .detail-section {padding: 0;}
#eyecream .detail-section .inr {width: 100%; max-width: 800px; margin: 0 auto; padding: 0;}
#eyecream .detail-section .stem-build-complex {padding: 40px 0;}
#eyecream .detail-section .stem-build-complex h2 {margin-top: 0;}
#eyecream .detail-section #item1 {width: 684px; margin: 0 auto;}
#eyecream .detail-section #item2 {width: 620px; margin: 0 auto;}
/* ---------------------- How To ---------------------- */
.howto-section {width: 100%; max-width: 668px;}
.howto-section .dtl {margin-top: 50px;}
.howto-section .dtl .txt {padding: 20px 30px;}
.advancedlift .howto-section {padding-bottom: 0;}
.howto-section .dtl .txt .meyasu {width: 30%;}
.howto-section .dtl .txt .dcp {width: 70%;}
/* ---------------------- Annotation ---------------------- */
#eyecream .annotation {text-align: left;}
/* 商品詳細：リップエッセンス #lipessence ＜TB・PC＞ ====================================== */

#lipessence .lip_hdr .ttl {font-size: 2.2em; margin: 0 0 30px;}
#lipessence .lip_hdr .pic {text-align: center;}
#lipessence .lip_hdr .pic img {width: 364px; height: auto;}
#lipessence .lip_hdr .txt {font-size: 1.7em; margin: 0 0 20px; text-align: center;}
#lipessence .feature_main #feature_lip {width: 100%; max-width: 960px; padding: 34px 0 30px; margin: 0 auto;}
#lipessence .feature_main #feature_lip .feature-ttl {margin: 0 0 28px; font-size: 1.75em; line-height: 1.0;}
#lipessence .feature_main #feature_lip p {font-size: 1.2em; line-height: 1;}
#lipessence .feature_main #feature_lip sup {font-size: 0.6em;}
#lipessence .feature_main #feature_lip p .element {padding: 3px 7px; margin: 0 3px 10px;}
#lipessence .feature_main .item_end_ant {width: 100%; max-width: 940px; margin: 0 auto; padding: 24px 0; font-size: 0.75em; line-height: 1.7; text-align: left;}
/* ---------------------- Movie ---------------------- */
#lipessence .item_use {padding: 40px 0;}
#lipessence .item_use iframe {width: 560px; height: 315px; margin: 0 auto;}
		}


/* 
TB ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		@media screen and (min-width:641px) and (max-width:1024px) {
#advancedlift_point .tb_none {display: none;}
/* Point info --------------------------------------- */
#advancedlift_point .info .inr {width: 90%;}
#advancedlift_point .info .pic_box .pic {width: 60%; padding: 20px 0 0;}
#advancedlift_point .info .txt_box {padding: 46px 0 0;}
#advancedlift_point .info .dtl_box {padding: 20px 0 0;}
/* Point section --------------------------------------- */
#advancedlift_point .sec {width: 90%;}
#advancedlift_point .sec.point01,
#advancedlift_point .sec.point02,
#advancedlift_point .sec.point03,
#advancedlift_point .sec.point04 {padding: 0;}
#advancedlift_point .sec.point01 .p_hdr {width: 50%; padding: 60px 0 0 0;}
#advancedlift_point .sec.point01 .main {width: 50%;}
#advancedlift_point .sec.point02 .p_hdr {width: 50%; padding: 130px 0 0 0;}
#advancedlift_point .sec.point02 .main {width: 50%; background-size: 270px auto;}
#advancedlift_point .sec.point03 .p_hdr {width: 60%; padding: 122px 0 0 0;}
#advancedlift_point .sec.point03 .main {width: 40%;}
#advancedlift_point .sec.point04 .p_txt {width: 60%; top: 100px;}
/* 商品詳細：ステムリフトセラム #stemliftserum ＜TB＞ ====================================== */
#stemliftserum .feature_main .asap .inr {width: 660px;}
#stemliftserum .feature_main .asap .left {
	float: left;
	width: 300px;
	padding: 65px 0 0;
}
#stemliftserum .feature_main .asap .right {
	float: right;
	width: 350px;
	padding: 38px 0;
}
#stemliftserum .feature_main .feature {
	width: 660px;
	margin: 60px auto 0;
}
#stemliftserum .feature_main .feature01 .pic1-2 img {
	width: 128px;
	height: auto;
}
#stemliftserum .feature_main .feature02 .left {
	width: auto;
	float: none;
	padding: 65px 0 0;
	text-align: center;
}
#stemliftserum .feature_main .feature02 .right {
	width: 430px;
	float: none;
	margin: 0 auto;
	padding: 30px 0 0;
	text-align: center;
}
#stemliftserum .feature_main .feature02 .btn_secret {
	margin-top: 30px;
}
#stemliftserum .feature_main .feature03 .left {
	width: auto;
	float: none;
	text-align: center;
	padding-bottom: 30px;
}
#stemliftserum .feature_main #serum-story {
	width: 664px;
	margin: 30px auto;
	background: #ebad98;
	color: #fff;
}
#stemliftserum .feature_main #serum-story .title {
	font-size: 1em;
	font-weight: bold;
	padding: 25px 28px 0;
}
#stemliftserum .feature_main #serum-story p {
	font-size: 0.875em;
	line-height: 1.6;
	padding: 1em 28px 28px;
	margin: 0;
}
/* 商品詳細：アイクリーム　 #eyecream ＜TB＞ ====================================== */
/* ---------------------- Detail ---------------------- */
#eyecream .detail-section .section-ttl {font-size: 1.6em; line-height: 1.6;}
#eyecream .detail-section {padding: 50px 8%;}
#eyecream .detail-section .item_detail .item_pic {width: 37%;}
#eyecream .detail-section .item_detail .item_txt {width: 60%;padding: 5px 0 50px;}
#eyecream .detail-section .item_detail .item_ant {padding: 10px 0;}

		}

/* 
PC ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		@media print, screen and (min-width:1025px) {
/* basic --------------------------------------- */
#advancedlift_point .pc_none {display: none;}
		}
