@charset "UTF-8";
/* -----------------------------------------------------
C Dayserum series (updated on 2024.01.17)
----------------------------------------------------- */
/* letter spacing --------------------------------------- */
.ls-1 {letter-spacing: -1px;}
.ls-2 {letter-spacing: -2px;}
.ls-3 {letter-spacing: -3px;}
.ls-4 {letter-spacing: -4px;}
.ls-5 {letter-spacing: -5px;}
.ls-6 {letter-spacing: -6px;}
.ls-7 {letter-spacing: -7px;}
.ls-8 {letter-spacing: -8px;}
.ls-9 {letter-spacing: -9px;}
.ls3 {letter-spacing: 3px;}
/* KV
----------------------------------------------------- */
#series_kv .series_dscp {bottom: 45px;}

/* series_feature
----------------------------------------------------- */
.series_feature {padding: 0 15px; overflow-x: hidden;}
.series_feature span {border: 0; padding: 0; font-size: 1em;}
.series_feature img {width: 100%; height: auto;}
.series_feature em {font-style: normal;}
.series_feature a:hover {text-decoration: none;}
.series_feature .font_sans {font-family: 'Noto Sans JP', sans-serif; font-weight: 300;}
.series_feature .font_serif {font-family: 'Noto Serif JP', serif; font-weight: 600;}/* for Android */
.series_feature sup {font-size: 0.6em; line-height: 0;}
/* Category Header
----------------------------------------------------- */
.series_cat_hdr {position: relative; padding: 40px 0;}
.series_cat_hdr .cat_hdr_ttl {border: 1px solid #aaa; border-left: 0; padding: 7px 7px 7px 75px; text-align: left; border-radius: 0 3px 3px 0; font-size: 1.1em;}
.series_cat_hdr .cat_hdr_pic {position: absolute; top: 25px; left: 0; aspect-ratio: 1 / 1;}
.series_cat_hdr .cat_hdr_pic img {width: 65px; height: auto;}
/* Item Feature
----------------------------------------------------- */
.item_feature .simple_txt {margin: 0 0 1em; font-size: min(4.26vw,16px); line-height: 1.5;}
.item_feature .simple_txt_ant {font-size: min(2.66vw,10px); line-height: 1.3; color: #333;}
/* tokucho_ttl
----------------------------------------------------- */
.tokucho_ttl {position: relative; text-align: center; padding: 0 0 10px; margin: 0 auto;}
.tokucho_ttl .num {position: relative; display: inline-block; z-index: 2;}
.tokucho_ttl .num:after {margin: -35px 0 0 -32px; padding: 0 35px 0 32px; content: " "; display: block; width: 100%; border-bottom: 1px solid #C3984D; z-index: 1;}
.tokucho_ttl .num .num01 {font-size: 1.3em; font-style: oblique; color: #C3984D; padding: 0 0 0 10px; background: #ffffff; vertical-align: middle;}
.tokucho_ttl .num .num02 {font-size: 3em; font-style: oblique; color: #C3984D; background: #ffffff; vertical-align: middle;}
.tokucho_ttl .txt {font-size: 1.35em; line-height: 1.4; letter-spacing: 0; margin: 25px 0;}
/* Feature --------------------------------------- */
#cp_fet {padding: 0 15px;}
#cp_fet .fet_box {position: relative; text-align: center; padding: 40px 0; margin: 0 0 46px;}
#cp_fet .fet_box .point_catch {font-size: min(4.26vw,16px); line-height: 1.5; margin: 0 0 10px;}
#cp_fet .fet_box .point_ttl {text-align: center; margin: 0 0 22px;}
#cp_fet .fet_box .point_ttl .txt {font-size: min(6.93vw,26px); line-height: 1.7; background-color: #333; color: #fff; padding: 0 min(5.33vw,20px) 2px;}
#cp_fet .fet_box .point_txt {font-size: min(4.26vw,16px); line-height: 1.875; padding: 0 0 min(5.33vw,20px) ;}
#cp_fet .fet_box .point_txt strong {color: #f88700;}
#cp_fet .fet_box .point_txt .txt_ul {border-bottom: 1px solid #333;}
#cp_fet .fet_box .point_main_pic {text-align: center; padding: 10px 0 25px;}
#cp_fet .fet_box .point_main_pic img {width: min(72vw,270px);}
#cp_fet .fet_box.fet03 .point_main_pic img {width: min(63.2vw,237px);}
#cp_fet .fet_box .point_main_pic_ant {font-size: min(2.66vw,10px); line-height: 1.3; color: #333;}
#cp_fet .fet_box .point_ant {width: min(72vw,270px); margin: 0 auto; font-size: min(2.66vw,10px); line-height: 1.3; color: #333; text-align: left;}
#cp_fet .fet_box.fet03 .point_ant {text-align: center; padding-top: 10px;}
#cp_fet .point_movie {margin: 0 0 30px;}
#cp_fet .point_movie iframe {aspect-ratio: 16 / 9; width: 100%; height: auto;}
#cp_fet .ico_plus {text-align: center; margin: -22px 0 0;}
#cp_fet .ico_plus img {width: min(9.33vw,35px);}
#cp_fet .fet_box_plus {border: 1px solid #f88700; background-color: #fffef2; text-align: center; margin: 18px 0 0; padding: 0 15px 40px 22px;}
#cp_fet .fet_box_plus .plus_ttl {font-size: min(6.93vw,26px); line-height: 1.3; text-align: center; padding: 36px 0 23px; font-weight: 700;}
#cp_fet .fet_box_plus .plus_ttl strong {color: #f88700;}
#cp_fet .fet_box_plus .plus_box_top {background: url(/-/media/obagi/promotion/dayserum/bg_plus_top_sp.jpg) center top no-repeat; background-size: 100% 6px; padding: 6px 0 0; margin: 0 0 10px;}
#cp_fet .fet_box_plus .plus_box_btm {background: url(/-/media/obagi/promotion/dayserum/bg_plus_btm_sp.jpg) center bottom no-repeat; background-size: 100% 7px; padding: 0 0 7px;}
#cp_fet .fet_box_plus .plus_box {background: url(/-/media/obagi/promotion/dayserum/bg_plus_sp.jpg) center top repeat-y; background-size: 100% 5px; padding: 18px 0;}
#cp_fet .fet_box_plus .plus_box .box_ttl {font-size: min(4.8vw,18px); text-align: center; margin: 0 0 8px;}
#cp_fet .fet_box_plus .plus_box .box_txt {font-size: min(4vw,15px); line-height: 1.5;}
#cp_fet .fet_box_plus .plus_box .box_txt.font_sans {font-weight: 500;}
#cp_fet .fet_box_plus .plus_box .box_pic {margin: 0 0 10px;}
#cp_fet .fet_box_plus .plus_box .box_pic img {width: min(64.53vw,242px);}
#cp_fet .fet_box_plus .plus_box .plus_box_list {display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; width: min(64.53vw,242px); margin: 0 auto;}
#cp_fet .fet_box_plus .plus_box  .plus_box_list li {font-size: min(4.8vw,18px); line-height: 1.6;}
#cp_fet .fet_box_plus .plus_box  .plus_box_list li:nth-of-type(2n+1) {width: 38%;}
#cp_fet .fet_box_plus .plus_box  .plus_box_list li:nth-of-type(2n) {width: 62%;}
#cp_fet .fet_box_plus .plus_ant {font-size: min(2.66vw,10px); line-height: 1.3; color: #333; text-align: left;}
/* Items --------------------------------------- */
#cp_item {padding: 0 15px 40px;}
#cp_item .items_cap {padding: min(5.33vw,20px) 0 32px; text-align: center;}
#cp_item .items_cap .txt {background-color: #000; color: #fff; font-size: min(5.33vw,20px); line-height: 1; padding: 4px 10px 6px;}
#cp_item .item_box {padding: 0 0 45px;}
#cp_item .item_box .item_cat {font-size: min(4.8vw,18px); text-align: center; font-weight: 700; margin: 0 0 27px; padding: 0 0 10px;}
#cp_item .box_uv .item_cat {border-bottom: 1px solid #7a7a7a; color: #7a7a7a;}
#cp_item .box_bb .item_cat {border-bottom: 1px solid #ad7339; color: #ad7339;}
#cp_item .item_box .item_pic {text-align: center; margin: 0 0 min(5.33vw,20px);}
#cp_item .box_uv .item_pic img {width: min(38.4vw,144px);}
#cp_item .box_bb .item_pic img {width: min(90.4vw,339px);}
#cp_item .item_box .item_dsc {line-height: 1.5; font-size: min(4.8vw,18px); text-align: center; margin: 0 0 28px;}
#cp_item .item_box .item_dtl {width: min(42.93vw,161px); margin: 0 auto;}
#cp_item .item_box .item_dtl .item_name {font-size: min(4vw,15px); font-weight: 500; line-height: 1.6;}
#cp_item .item_box .item_dtl .item_name2 {font-size: min(3.2vw,12px); font-weight: 500; line-height: 1.6; white-space: nowrap; margin: 0 0 8px;}
#cp_item .item_box .item_dtl .item_tokucho_bb .txt {background-color: #333; color: #fff; border-radius: 3px; font-size: min(3.2vw,12px); line-height: 1.4; font-weight: 500; text-align: center; padding: 5px 0;}
#cp_item .item_box .item_dtl .item_howtouse {font-size: min(3.2vw,12px); padding: 8px 0; font-weight: 400; text-align: left;}
#cp_item .item_box .item_dtl .item_howtouse em {display: block; margin: 0 0 3px;}
#cp_item .item_box .item_dtl .item_spec {font-size: min(3.2vw,12px); font-weight: 500; line-height: 1.4; margin: 0 0 10px;}
#cp_item .item_box .item_dtl .item_use_pic {position: relative;}
#cp_item .item_box .item_dtl .item_use_pic .ico_bigger {position: absolute; top: 0; right: 0; display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 22px; height: 22px; background-color: #888;}
#cp_item .item_box .item_dtl .item_use_pic .ico_bigger img {width: 15px;}
#cp_item .item_box .item_main {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: center; justify-content: center; }
#cp_item .item_box .item_main .item_left {padding-right: 8px;}
#cp_item .item_box .item_main .item_right {padding-left: 8px;}
#cp_item .item_box .item_tokucho_bb_ant {font-size: min(2.66vw,10px); line-height: 1.3; color: #333; text-align: center; padding: 4px 0 14px;}
#cp_item .item_mix {border: 1px solid #f88700; background-color: #fffee5; margin: 0 0 12px;}
#cp_item .item_mix .item_mix_inr {padding: min(7.46vw,28px) min(9.6vw,36px);}
#cp_item .item_mix .mix_hdr {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; margin: 0 0 min(5.33vw,20px);}
#cp_item .item_mix .mix_hdr .pic {padding-right: min(5.33vw,20px);}
#cp_item .item_mix .mix_hdr .pic img {width: min(24vw,90px);}
#cp_item .item_mix .mix_hdr .txt01 {display: block; font-weight: 700; font-size: min(4.26vw,16px);}
#cp_item .item_mix .mix_hdr .txt01 strong {color: #f88700;}
#cp_item .item_mix .mix_hdr .txt02 {font-weight: 700; font-size: min(5.86vw,22px); background:linear-gradient(transparent 70%, #fff87f 70%);}
#cp_item .item_mix .mix_hdr .ant {padding: min(4.26vw,16px) 0 0; color: #666; font-size: min(2.66vw,10px); line-height: 1.3;}
#cp_item .item_ant {color: #333; font-size: min(2.66vw,10px); line-height: 1.3;}
/* Kotsu --------------------------------------- */
#cp_kotsu {background-color: #fbe4de; padding: 15px;}
#cp_kotsu .kotsu_ttl {color: #f57400; font-size: min(6.13vw,23px); text-align: center; font-weight: 700; background-color: #fff; padding: 6px 0;}
#cp_kotsu .kotsu_step {background-color: #fbe4de; padding: 5px 15px;}
#cp_kotsu .kotsu_step .step_box {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; border-bottom: 1px solid #fff; padding: 0 0 5px;}
#cp_kotsu .kotsu_step .step_box:nth-last-of-type(1) {border: none; padding: 17px 0;}
#cp_kotsu .kotsu_step .step_box .pic img {width: min(32.8vw,123px);}
#cp_kotsu .kotsu_step .step_box .txt {display: -webkit-box; display: flex; flex-wrap: nowrap; }
#cp_kotsu .kotsu_step .step_box .txt .num {font-family: 'Libre Caslon Text', serif; font-style: italic; font-size: min(11.2vw,42px); font-weight: 500; color: #f57400; padding: 0 8px 0 0;}
#cp_kotsu .kotsu_step .step_box .txt p {font-size: min(4.26vw,16px); line-height: 1.5; font-weight: 500;}
#cp_kotsu .osusume .pic_sp {padding: 10px 0 0;}
#cp_kotsu .osusume .txt {background-color: #fff; padding: 13px 24px 10px;}
#cp_kotsu .osusume .txt .list {font-size: min(4vw,15px); line-height: 1.26; text-indent: -1em; padding-left: 1em;}
#cp_kotsu .osusume .txt .list li {margin: 0 0 8px;}
#cp_kotsu .osusume .txt .list .font_sans {font-weight: 500;}
#cp_kotsu .osusume .txt .list .dot,
#cp_kotsu .osusume .txt .list em {color: #f57400;}
#cp_kotsu .osusume .txt .list strong {font-weight: inherit; background:linear-gradient(transparent 20%, #fff000 20%);}
/* Powder How To Use
----------------------------------------------------- */
.powder_howto .step_box {margin: 0 0 20px;}
.powder_howto .step_box .step_pic {margin: 0 auto; text-align: center;}
.powder_howto .step_box .step_pic img {width: min(38.4vw,144px);}
.powder_howto .step_box .step_txt {font-size: min(4.26vw,16px); line-height: 1.5; padding: 10px 0;}
/* 商品ラインナップ
----------------------------------------------------- */
#series_c-dayserum h2 {display: none;}
#series_c-dayserum .list_ctegory {display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; width: 100%;}
#series_c-dayserum .list_ctegory .block-series {display: block; width: 45% !important;}
#series_c-dayserum .list_ctegory .block-series [href*="powder"] {width: 505 !important;}


/* ====================================================== Media Querie
SP
======================================== */
		@media screen and (max-width: 640px) {
.sp_none {display: none;}
#cp_item .box_uv .item_dtl,
#cp_item .box_bb .item_dtl_common {width: 70%; margin: 0 auto;  text-align: center;}
/* -----------------------------------------------------
モーダルウィンドウ
----------------------------------------------------- */
/* モーダル全体(背景＋本体) */
.dtl_modal {display: none; position: fixed; top: 0; left:0; height: 100%; width: 100%; z-index: 1001;}
/* モーダル背景 */
.dtl_modal-bg {position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7);}
/* モーダルクローズアイコン */
.dtl_modal-bg .ico_close {position: absolute; top: 4%; right: 4%; z-index: 1001;}
.dtl_modal-bg .ico_close .ico_circle {display: inline-block; background-color: #000; border-radius: 20px; width: 34px; height: 28px; padding: 6px 0 0; text-align: center;}
.dtl_modal-bg .ico_close img {width: 20px !important; height: auto; cursor: pointer;}
/* モーダル本体 */
.dtl_modal-content {position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; background: transparent; padding: 0; margin: 0; 
overflow: scroll; /* はみ出た部分はスクロールさせる */
height: auto !important;/* これが無いと「overflow:scroll」が利かない */
width: calc(100% - 40px)  !important;/* これが無いと「overflow:scroll」が利かない */} 
/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {position: fixed; width: 100%; height: 100%; left: 0;}
		}
/* ====================================================== Media Querie
641px〜
TB , PC 
======================================== */
		@media screen and (min-width: 641px) {
.tb-pc_none {display: none;}
.series_feature {width: 600px; margin: 0 auto;}
/* Category Header
----------------------------------------------------- */
.series_cat_hdr {padding: 70px 0;}
.series_cat_hdr .cat_hdr_ttl { padding: 10px 10px 10px 110px; font-size: 1.5em;}
.series_cat_hdr .cat_hdr_pic {top: 50px;}
.series_cat_hdr .cat_hdr_pic img {width: 95px;}
/* Item Feature
----------------------------------------------------- */
.item_feature .simple_txt {font-size: min(1.25vw,18px);}
.item_feature .simple_txt_ant {font-size: min(0.902vw,13px)}
/* tokucho_ttl
----------------------------------------------------- */
.tokucho_ttl .txt {margin: 25px 0;}
/* Feature --------------------------------------- */
#cp_fet {padding: 0  0 min(9.02vw,130px);}
#cp_fet .fet_box {position: relative; width: min(63.19vw,910px); padding: min(4.16vw,60px) 0; margin: 0 auto;}
#cp_fet .fet_box .point_catch {font-size: min(1.458vw,21px); margin: 0 0 min(1.388vw,20px);}
#cp_fet .fet_box .point_ttl {text-align: center; margin: 0 0 min(3.402vw,49px);}
#cp_fet .fet_box .point_ttl .txt_wrap {display: inline-block; background-color: #333; padding: min(0.27vw,4px) min(1.94vw,28px);}
#cp_fet .fet_box .point_ttl .txt {font-size: min(2.43vw,35px); margin: 0 0 min(3.402vw,49px); padding: 0;}
#cp_fet .fet_box .point_ttl .txt .sml {font-size: 60%;}
#cp_fet .fet_box .point_main {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0 0 min(3.125vw,45px);}
#cp_fet .fet_box.fet01 .point_main .point_main_txt {-webkit-box-ordinal-group: 2; order: 1; padding-left: min(3.47vw,50px);}
#cp_fet .fet_box.fet01 .point_main .point_main_pic {-webkit-box-ordinal-group: 1; order: 0;}
#cp_fet .fet_box .point_txt {font-size: min(1.458vw,21px); line-height: 1.9; padding: 0; text-align: left;}
#cp_fet .fet_box.fet03 .point_txt {text-align: center;}
#cp_fet .fet_box.fet03 .point_txt1 {margin: 0 0 min(2.08vw,30px);}
#cp_fet .fet_box.fet03 .point_txt2 {margin: 0 0 min(1.388vw,20px);}
#cp_fet .fet_box .point_main_pic {text-align: center; padding: 0;}
#cp_fet .fet_box.fet01 .point_main_pic img {width: min(18.54vw,267px);}
#cp_fet .fet_box.fet02 .point_main_pic img {width: min(20.55vw,296px);}
#cp_fet .fet_box.fet03 .point_main_pic img {width: min(20.9vw,301px);}
#cp_fet .fet_box .point_main_pic_ant {font-size: min(0.902vw,13px)}
#cp_fet .fet_box .point_ant {width: min(45.625vw,657px); font-size: min(0.902vw,13px); line-height: 1.5;}
#cp_fet .point_movie {margin: min(6.736vw,97px) 0 min(9.72vw,140px); text-align: center;}
#cp_fet .point_movie iframe {width: min(50.416vw,726px);}
#cp_fet .ico_plus {text-align: center; margin: 42px 0;}
#cp_fet .ico_plus img {width: min(3.125vw,45px);}
#cp_fet .fet_box_plus {width: min(63.19vw,910px); max-width: 100%; margin: 0 auto; padding: 0;}
#cp_fet .fet_box_plus .plus_ttl {font-size: min(2.22vw,32px); padding: 70px 0 min(2.08vw,30px);}
#cp_fet .fet_box_plus .plus_ttl strong {color: #f88700;}
#cp_fet .fet_box_plus .plus_box_flex {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: center; justify-content: center;}
#cp_fet .fet_box_plus .plus_box_top {background: url(/-/media/obagi/promotion/dayserum/bg_plus_top_pc1.png) center top no-repeat; background-size: 100% 6px; padding: 6px 0 0; margin: 0 0 min(0.694vw,10px); display: -webkit-box; display: flex;}
#cp_fet .fet_box_plus .plus_box_top.box02 {background-image: url(/-/media/obagi/promotion/dayserum/bg_plus_top_pc2.png);}
#cp_fet .fet_box_plus .plus_box_btm {background: url(/-/media/obagi/promotion/dayserum/bg_plus_btm_pc1.png) center bottom no-repeat; background-size: 100% 7px; padding: 0 0 7px; display: -webkit-box; display: flex; width: 100%;}
#cp_fet .fet_box_plus .plus_box_top.box02 .plus_box_btm {background-image: url(/-/media/obagi/promotion/dayserum/bg_plus_btm_pc2.png);}
#cp_fet .fet_box_plus .plus_box {background: url(/-/media/obagi/promotion/dayserum/bg_plus_pc1.png) center top repeat-y; background-size: 100% min(0.694vw,10px); padding: min(1.25vw,18px) 0; width: 100%; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
#cp_fet .fet_box_plus .plus_box_top.box02 .plus_box {background-image: url(/-/media/obagi/promotion/dayserum/bg_plus_pc2.png);}
#cp_fet .fet_box_plus .box01 {width: min(14.23vw,205px); margin: 0 4px 0 0;}
#cp_fet .fet_box_plus .box02 {width: min(20.9vw,301px); margin: 0 4px;}
#cp_fet .fet_box_plus .box03 {width: min(14.23vw,205px); margin: 0 0 0 4px;}
#cp_fet .fet_box_plus .box_inr {width: 100%;}
#cp_fet .fet_box_plus .plus_box .box_ttl {font-size: min(1.25vw,18px); margin: 0 0 14px;}
#cp_fet .fet_box_plus .plus_box .box_txt {font-size: min(1.04vw,15px);}
#cp_fet .fet_box_plus .plus_box .box_pic {margin: 0 0 14px;}
#cp_fet .fet_box_plus .plus_box .box_pic img {width: min(16.8vw,242px);}
#cp_fet .fet_box_plus .plus_box  .plus_box_list {display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: auto; text-align: center; margin: 0;}
#cp_fet .fet_box_plus .plus_box  .plus_box_list li {font-size: min(1.25vw,18px); width: 100% !important; margin: 0 0 5px;}
#cp_fet .fet_box_plus .plus_box  .plus_box_list li:nth-of-type(1) {-webkit-box-ordinal-group: 1; order: 0;}
#cp_fet .fet_box_plus .plus_box  .plus_box_list li:nth-of-type(2) {-webkit-box-ordinal-group: 4; order: 3;}
#cp_fet .fet_box_plus .plus_box  .plus_box_list li:nth-of-type(3) {-webkit-box-ordinal-group: 3; order: 2;}
#cp_fet .fet_box_plus .plus_box  .plus_box_list li:nth-of-type(4) {-webkit-box-ordinal-group: 2; order: 1;}

#cp_fet .fet_box_plus .plus_ant {margin: min(2.08vw,30px) 0 70px; font-size: min(0.902vw,13px); text-align: center;}
/* Items --------------------------------------- */
#cp_item {padding: 0  0 min(9.02vw,130px);}
#cp_item .items_cap {padding: min(4.16vw,60px) 0 min(3.125vw,45px);}
#cp_item .items_cap .txt {font-size: min(1.94vw,28px); padding: min(0.52vw,7.5px) min(1.18vw,17px);}
#cp_item .item_box_flex {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: center; justify-content: center; margin: 0 0 84px;}
#cp_item .item_box {padding: 0 min(2.638vw,38px);}
#cp_item .box_uv {width: (18.05vw,260px);}
#cp_item .box_bb {width: (29.09vw,419px);}
#cp_item .item_box .item_cat {font-size: min(1.38vw,20px); padding: 0 0 min(0.972vw,14px);}
#cp_item .box_uv .item_cat {margin: 0 0 min(7.43vw,107px);}
#cp_item .box_bb .item_cat {margin: 0 0 min(2.569vw,37px);}
#cp_item .item_box .item_pic {margin: 0 0 min(2.91vw,42px);}
#cp_item .box_uv .item_pic img {width: min(13.88vw,200px);}
#cp_item .box_bb .item_pic img {width: min(33.4vw,481px);}
#cp_item .item_box .item_dsc {line-height: 1.6; font-size: min(1.45vw,21px); margin: 0 0 min(2.77vw,40px);}
#cp_item .item_box .item_dtl {position: relative; width: min(15.9vw,229px); margin: 0 auto;}
#cp_item .item_box .item_dtl .item_name {font-size: min(1.18vw,17px);}
#cp_item .item_box .item_dtl .item_name2 {font-size: min(0.972vw,14px); margin: 0 0 8px;}
#cp_item .item_box .item_dtl .item_tokucho_bb {position: absolute; top: 0; right: -80px; padding: 0;}
#cp_item .item_box .item_dtl .item_tokucho_bb .txt {font-size: min(0.972vw,14px); padding: 5px 8px; background-color: #fff; color: #000; border: 1px solid #000;}
#cp_item .item_box .item_dtl .item_howtouse {font-size: min(0.972vw,14px);}
#cp_item .item_box .item_dtl .item_tokucho_bb + .item_howtouse {margin: 0 0 1.2em;}
#cp_item .item_box .item_dtl .item_spec {font-size: min(0.972vw,14px); line-height: 1.5; margin: 0 0 min(1.38vw,20px);}
#cp_item .item_box .item_main {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between;}
#cp_item .item_box .item_main .item_left {padding-right: 0;}
#cp_item .item_box .item_main .item_right {padding-left: 0;}
#cp_item .item_box .item_tokucho_bb_ant {font-size: min(0.902vw,13px); padding: 20px 0 0; text-align: right;}
#cp_item .item_mix {width: min(63.19vw,910px); max-width: 100%; margin: 0 auto min(1.66vw,24px);}
#cp_item .item_mix .item_mix_inr {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; padding: min(2.43vw,35px) min(5.55vw,80px);}
#cp_item .item_mix .mix_hdr {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 0 0 min(1.38vw,20px);}
#cp_item .item_mix .mix_hdr .pic {padding: 0 min(2.22vw,32px) 0 0;}
#cp_item .item_mix .mix_hdr .pic img {width: min(6.736vw,97px);}
#cp_item .item_mix .mix_hdr .txt01 {font-size: min(1.8vw,26px);}
#cp_item .item_mix .mix_hdr .txt02 { font-size: min(2.5vw,36px);}
#cp_item .item_mix .mix_hdr .ant {padding: min(1.25vw,18px) 0 0; font-size: min(0.902vw,13px);}
#cp_item .item_mix .mix_use_pic img {width: min(18.6vw,268px);}
#cp_item .item_ant {width: min(63.19vw,910px); max-width: 100%; margin: 0 auto; font-size: min(0.902vw,13px);}
/* Kotsu --------------------------------------- */
#cp_kotsu {padding: 40px 15px 20px;}
#cp_kotsu .kotsu_flex {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; width: min(63.19vw,910px); max-width: 100%; margin: 0 auto;}
#cp_kotsu .kotsu_flex .kotsu_main {width: 30%;}
#cp_kotsu .kotsu_ttl {font-size: min(1.284vw,18.5px);}
#cp_kotsu .kotsu_step {padding: 0 min(0.694vw,10px) 5px;}
#cp_kotsu .kotsu_step .step_box:nth-last-of-type(1) {padding: min(0.902vw,13px) 0;}
#cp_kotsu .kotsu_step .step_box .pic img {width: min(6.736vw,97px);}
#cp_kotsu .kotsu_step .step_box .txt .num {font-size: min(2.29vw,33px); padding: 0 6px 0 0;}
#cp_kotsu .kotsu_step .step_box .txt p {font-size: min(0.972vw,14px);}
#cp_kotsu .osusume {position: relative; width: 70%;}
#cp_kotsu .osusume .pic_pc {position: absolute; bottom: 0;}
#cp_kotsu .osusume .pic_pc img {width: 13vw;}
#cp_kotsu .osusume .txt_wrap {padding: 0 0 0 10vw;}
#cp_kotsu .osusume .txt {background: transparent url(/-/media/obagi/promotion/dayserum/img_fukidashi.png) top left no-repeat; background-size: 100% auto; padding: min(3.125vw,45px) min(1.94vw,28px) min(4.027vw,58px) min(2.638vw,38px); min-height: 120px;}
#cp_kotsu .osusume .txt .list_ttl {color: #f57400; font-size: min(1.77vw,25.5px); font-weight: 700; text-align: center; margin: 0 0 min(0.694vw,10px);}
#cp_kotsu .osusume .txt .list {width: min(22.56vw,325px); margin: 0 auto; font-size: min(1.166vw,16.8px);}
#cp_kotsu .osusume .txt .list li {margin: 0 0 min(0.55vw,8px);}
/* Powder How To Use
----------------------------------------------------- */
.powder_howto {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: center; justify-content: center;}
.powder_howto .step_box {width: 45%; padding: 0 2%;}
.powder_howto .step_box .step_txt {font-size: min(1.25vw,18px);}
/* 商品ラインナップ
----------------------------------------------------- */
#series_c-dayserum .list_ctegory .block-series {display: block; width: 50% !important;}
#series_c-dayserum .list_ctegory .block-series[href*="powder"] {width: auto !important;}
		}
/* ====================================================== Media Querie
1025px〜
PCのみ
======================================== */
		@media screen and (min-width: 1025px) {
.series_feature {width: 960px; margin: 0 auto;}

/*  -----------------------------------------------------
 tokucho_ttl (updated on 2023.02.06)
----------------------------------------------------- */
.tokucho_ttl .txt {font-size: 1.6em;}
/* Kotsu --------------------------------------- */
#cp_kotsu .osusume .pic_pc img {width: min(16.9vw,244px);}
#cp_kotsu .osusume .txt_wrap {padding: 0 0 0 min(15vw,216px);}

		}