@charset "utf-8";
/* -----------------------------------------------------
C Skincare series (updated on 2026.1.27)
----------------------------------------------------- */

/* 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: 20px;}
/* -----------------------------------------------------
商品ラインナップ（上下共通） -webkit-box-align: stretch; align-items: stretch; 
----------------------------------------------------- */
.series_c-product .itemlist {display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; padding: 0 15px 80px;}
.series_c-product .itemlist a.btn_feature {text-decoration: none; display: inline-block;}
/* -----------------------------------------------------
商品ラインナップ（上）
----------------------------------------------------- */
.series_lineup {text-align: center; padding: 30px 0 0;}
.series_lineup .series_item_list_ttl {font-size: 1.68em; line-height: 1.0; text-align: center; border: 0; background: #fff; padding: 45px 0 40px; margin: 0; font-weight: normal;}
.series_lineup p.ico {margin: -30px 0 0;}
.series_lineup .itemlist .series_item {width: 50%;}
/* parts --------------------------------------- */
.series_lineup sub,
.series_lineup sup {line-height: 0;}
/*.series_lineup #item_c-clear-lotion,
.series_lineup #item_gel {padding-top: 20px;}*/
.series_lineup .description {margin-top: -10px;}
.series_lineup .description span {display: inline-block; font-size: 0.7em; line-height: 1.3; padding: 0.5em 1em; border: 1px solid #adadad; border-radius: 1.5em;}
.series_lineup .image img {width: 100%; max-width: 312px; height: auto;}
.series_lineup .img-name-item {margin: 0; padding: 12px 0 10px; font-size: 1em; line-height: 1.4; letter-spacing: -1px;}
.series_lineup .capacity-price {font-size: 0.7em; line-height: 1.4; margin: 0 0 10px;}
.series_lineup .capacity-price .capacity:after {content: "：";}
/* 「特長を見る」ボタン --------------------------------------- */
.series_item .btn_feature {margin: 0 0 20px;}
.series_item .btn_feature span {display: block; background-color: #000000; border-radius: 4px; color: #ffffff; font-size: 0.9em; width: 140px; margin: 5px auto 0; padding: 8px 0; cursor: pointer;}
/* Media Query --------------------------------------- */
		@media screen and (min-width: 641px) {
.series_lineup {padding: 60px 0 0; max-width: 1400px; margin: 0 auto;}
.series_lineup .series_item_list_ttl {font-size: 2.1em;}
.series_lineup #item_c-clear-lotion,
.series_lineup #item_gel {padding-top: 0;}
.series_lineup .description {margin-top: -20px;}
.series_lineup .description span {font-size: 0.9em; padding: 0.5em 1.2em;}
.series_lineup .img-name-item {padding: 20px 0 5px; font-size: 1.2em;}
.series_lineup .capacity-price {font-size: 1em;}
.series_lineup .btn_feature {margin: 0 0 20px;}
.series_lineup .btn_feature span {width: 160px;}
		}
/* -----------------------------------------------------
商品ラインナップ（下）
----------------------------------------------------- */
#series_item_list + .block-contents-4  {display: none;}/* 2026.01.27 自動出力を非表示にする */
		@media screen and (max-width: 640px) {
#series_item_list .block-contents-4 #item2_c-clear_lotion,
#series_item_list .block-contents-4 #item2_c-clear_lotion_refill {padding-top: 4em;}
#series_item_list .block-contents-4 #item2_c-clear_lotion .block-series .series-inner a.block-cts .block-inner .description,
#series_item_list .block-contents-4 #item2_c-clear_lotion_refill .block-series .series-inner a.block-cts .block-inner .description  {top: 60%;}
#series_item_list .block-contents-4 .item2_ant {font-size: min(2.66vw,10px); padding: 0 1em;}
		}
		@media screen and (min-width: 641px) {
#item2_c-clear_lotion.series_item {padding: 0 1em;}
#series_item_list .block-contents-4 .item2_ant {font-size: min(0.902vw,13px);}
		}

/* series_feature
----------------------------------------------------- */
.series_feature {padding: 0; 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;}
.series_feature p {margin: 0; padding: 0;}
.series_feature li {margin: 0;}
.series_feature h1,
.series_feature h2,
.series_feature h3,
.series_feature h4 {border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin: 0; padding: 0; background: none; letter-spacing: 0;}
/* Category Header
----------------------------------------------------- */
.series_cat_hdr {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; width: calc(100% - 20px); margin: 40px 10px;}
.series_cat_hdr .cat_hdr_ttl {-webkit-box-ordinal-group: 2; order: 1; border: 1px solid #aaa; border-left: 0; padding: 0.4em; text-align: left; border-radius: 0 3px 3px 0; font-size: 1.1em; width: 100%;}
.series_cat_hdr .cat_hdr_pic {-webkit-box-ordinal-group: 1; order: 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;}
.item_feature .feat_ant {font-size: min(3.2vw,12px); line-height: 1.33;}
.item_feature_main {padding: 0 15px;}
/* Item Intro
----------------------------------------------------- */
.item_intro .item_intro_pic {text-align: center;}
.item_intro .item_intro_pic img {width: min(48vw,180px);}
.item_intro .item_intro_main {padding: 0 min(9.86vw,37px) min(16vw,60px);}
.item_intro .item_intro_dsc {font-size: min(4.26vw,16px); margin: 0 0 min(4.26vw,16px);}
.item_intro .item_intro_name {font-size: min(5.86vw,22px); margin: 0 0 min(5.33vw,20px);}
.item_intro .item_intro_cat {margin: 0 0 min(2.66vw,10px);}
.item_intro .item_intro_cat .txt {border: 1px solid #333; font-size: min(3.2vw,12px); padding: 4px 8px;}
.item_intro .item_intro_spec {font-size: min(3.46vw,13px); margin: 0 0 min(2.66vw,10px);}
.item_intro .item_intro_ant {font-size: min(2.66vw,10px); margin: 0 0 min(2.66vw,10px);}
/* Title
----------------------------------------------------- */
.item_feature_head {margin-right: 15px; margin-left: 15px;}
/* Item Use
----------------------------------------------------- */
.item_use_info {padding: 0 15px;}
.item_use_info .use_info_txt {font-size: min(4.26vw,16px); line-height: 1.68;}
.item_use_info .use_info_list {padding: 10px 0;}
.item_use_info .use_info_list li {font-size: min(4.26vw,16px); line-height: 1.3; margin: 0 0 7px 1em; list-style-type: disc;}
.item_use_info .use_info_movie iframe {display: block; width: 100%; height: auto; aspect-ratio: 16 / 9;}
/* Item FAQ
----------------------------------------------------- */
.item_faq {}

/* -----------------------------------------------------
商品特徴：#c-in-powder, #c-in-powder_dp
----------------------------------------------------- */
.feat_pdr {background: url(bg_powder01_sp.jpg) left top no-repeat; background-size: 100% 100%; padding: min(15.46vw,58px) 15px min(16vw,60px);}
#c-in-powder_dp .feat_pdr {background: url(bg_powder02_sp.jpg) left top no-repeat;}
.feat_pdr .pdr_ttl {font-size: min(6.2vw,22px); text-align: center; line-height: 1.3; margin: 0 0 min(6.4vw,24px);}
.feat_pdr .tokucho_box {position: relative; background-color: #fff; border-radius: 12px; text-align: center; padding: min(8vw,30px) 0; box-shadow: 0px 12px 16px 0px rgba(51,51,51,0.2);}
.feat_pdr .pdr_tokucho01 .tokucho_box.box01 {margin: 0 0 min(4.26vw,16px);}
.feat_pdr .pdr_tokucho01 .tokucho_box.box02 {margin: 0 0 min(8.52vw,32px);}
#c-in-powder_dp .feat_pdr .pdr_tokucho01 .tokucho_box.box02 {margin: 0 0 min(4.26vw,16px);}
#c-in-powder_dp .feat_pdr .pdr_tokucho01 .tokucho_box.box03 {margin: 0 0 min(8.52vw,32px);}
.feat_pdr .tokucho_box .tokucho_hl {font-size: min(5.06vw,19px); line-height: 1.4; margin: 0 0 min(4vw,15px);}
.feat_pdr .tokucho_box .tokucho_hl .mini {font-size: min(4vw,15px);}
.feat_pdr .tokucho_box .tokucho_cross {position: absolute; bottom: min(-6.666vw,-25px); z-index: 2; width: 100%; text-align: center;}
.feat_pdr .tokucho_box .tokucho_cross img {width: min(9.6vw,36px);}
.feat_pdr .pdr_tokucho01 .tokucho_box .tokucho_pic img {height: min(35.7vw,134px); width: auto;}
.feat_pdr .pdr_tokucho02 {margin: 0 0 min(5.33vw,20px);}
.feat_pdr .pdr_tokucho02 .tokucho_box {padding: min(8vw,30px) min(6.4vw,24px);}
.feat_pdr .tokucho_box .tokucho_seibun {background-color: rgba(216,216,216,0.3); box-shadow: 0px 0px 14px 0px rgba(51,51,51,0.2) inset; font-size: min(5.06vw,19px); padding: min(4.8vw,18px) 0; border-radius: 7.5px;}
.feat_pdr .tokucho_box .tokucho_seibun .mini {font-size: min(4vw,15px);}
.rcmn_pdr {padding: min(16vw,60px) 0;}
.rcmn_pdr .pdr_ttl {font-size: min(6.2vw,22px); text-align: center; line-height: 1.3; margin: 0 0 min(6.4vw,24px);}
.rcmn_pdr .pdr_osusume {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}
.rcmn_pdr .pdr_osusume .osusume_pic {padding: 0 min(5.06vw,19px) min(3.73vw,14px) min(9.33vw,35px);}
.rcmn_pdr .pdr_osusume .osusume_pic img {width: min(24vw,90px);}
#c-in-powder_dp .rcmn_pdr .pdr_osusume .osusume_pic img {width: min(26.66vw,100px);}
.rcmn_pdr .osusume_list ul li {font-size: min(3.73vw,14px); line-height: 1.28; background: url(ico_list.png) top left no-repeat; background-size: min(6.93vw,26px) auto; padding: 0 0 min(4.8vw,18px) min(9.33vw,35px);}


/* ----------------------------------------------------- add on 2025.02.14
商品特徴：#c-clear-lotion
----------------------------------------------------- */
#c-clear-lotion .item_feature {max-width: 750px; margin: 0 auto;}
#c-clear-lotion .item_feature_main {padding: 0;}
/* Movie --------------------------------------- */
.c_lotion_mov {padding: min(4vw,30px) 0;}
.c_lotion_mov .mov_ttl {color: #333; font-size: min(5.33vw,40px); line-height: 1.4; text-align: center; padding: 0 0 min(4vw,30px);}
.c_lotion_mov .mov_frame {padding: 0 min(8vw,60px);}
.c_lotion_mov .mov_frame iframe {aspect-ratio: 9 / 16; width: 100%; height: auto;}
/* Point --------------------------------------- */
.c_lotion_point {padding: 0 min(1.33vw,10px) min(8vw,60px);}
.c_lotion_point .point_box {padding: min(5.33vw,40px); margin: 0 0 min(8vw,60px);}
.c_lotion_point .point_box:nth-last-of-type(1) {margin: 0;}
.c_lotion_point .point_box .num {width: 100%; text-align: center; font-size: min(5.33vw,40px); line-height: 1;}
.c_lotion_point .point_box .head {font-size: min(5.33vw,40px); line-height: 1.5; padding: 0 0 min(8vw,60px); text-align: center;}
.c_lotion_point .point_box .pic01,
.c_lotion_point .point_box .pic02 {padding: 0 0 min(5.33vw,40px);}
.c_lotion_point .point_box .pic03 {padding: min(4vw,30px) 0 min(3.33vw,25px);}
.c_lotion_point .point_box .pic04 {padding: min(4vw,30px) 0 0;}
.c_lotion_point .point_box .txt {font-size: min(4.26vw,32px); line-height: 1.5;}
.c_lotion_point .point_box .word {font-size: min(5.33vw,40px); line-height: 1.5; padding: min(8vw,60px) 0 min(5.33vw,40px); text-align: center;}
.c_lotion_point .point_box .ant {font-size: min(2.9vw,22px); line-height: 1; padding: min(4vw,30px) 0 0;}
.c_lotion_point .point_box .ttl02 {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; padding: min(2.66vw,20px); border: min(0.26vw,2px) solid #000; margin: 0 0 min(3.33vw,25px);}
.c_lotion_point .point_box .ttl02 .txt {font-size: min(5.33vw,40px) !important; line-height: 1; }
.c_lotion_point .point_box .ttl02 .ant {font-size: min(2.9vw,22px) !important; line-height: 1; padding: 0;}
.c_lotion_point .point_box .ant02 {padding: 0 0 min(8vw,60px);}
.c_lotion_point .point_box .ant02 li {font-size: min(2.9vw,22px); line-height: 1.5; text-indent: -1em; margin: 0 0 0 1em;}
/* Apply --------------------------------------- */
.c_lotion_apply {padding: 0 min(4vw,30px) min(16vw,120px);}
.c_lotion_apply .apply_main {background-color: #fff; padding: 0 min(5.33vw,40px);}
.c_lotion_apply .apply_main .howto_txt {font-size: min(4.26vw,32px); line-height: 1.5; padding: 0 0 min(8vw,60px);}
.c_lotion_apply .apply_main .howto_pic {padding: 0 0 min(9.33vw,70px); text-align: center;}
.c_lotion_apply .apply_main .howto_pic img {width: 80%;}
.c_lotion_apply .apply_main .step_ttl {font-size: min(5.33vw,40px); line-height: 1; padding: 0 0 min(5.33vw,40px); text-align: center;}


/* -----------------------------------------------------
商品特徴：#c-serum-gel
----------------------------------------------------- */
/* Section01 */
#gel-sec01 {padding: 0; text-align: center;}
#gel-sec01 .ttl {font-size: 1.6em; margin: 0 0 38px; letter-spacing: -1px;}
#gel-sec01 .img_gel {position: relative; background: url(bg_gel.gif) left top repeat-x; background-size: auto 100%; padding-left: 12%; margin: 40px 15px 15px; padding: 30px 0 0;}
#gel-sec01 .img_gel img {width: 70%; height: auto;}
#gel-sec01 .cir_new {position: absolute; top: -28px; left: 50%; margin-left: -40%; width: 54px; height: 54px; border-radius: 27px; background-color: #fff000;}
#gel-sec01 .cir_new .txt {display: inline-block; font-size: 0.85em; font-weight: bold; padding-top: 18px;}
#gel-sec01 .texture {position: absolute; top: -40px; right: 0; width: 100px;}
#gel-sec01 .texture img {width: 100px;}
#gel-sec01 .txt_area {padding: 15px 0; margin: 0 15px;}
#gel-sec01 .txt_area .copy {font-size: 2em; line-height: 1; font-weight: bold; margin: 0 0 15px;}
#gel-sec01 .txt_area .dtl {font-size: 0.8em; line-height: 1; margin: 0 0 22px;}
#gel-sec01 .txt_area .dtl .tax {font-size: 0.8em;}
#gel-sec01 .txt_area .dcp {font-size: 14px; line-height: 1.6; margin: 0;}
#gel-sec01 .txt_area .dcp em {font-style: normal; padding: 0 0 2px; background: linear-gradient(transparent 60%, #fffe80 40%);}
/* Section04 */
.gel-sec04 {padding: 30px 0 0;}
.gel-sec04 .ttl {margin: 0 0 20px; font-size: 1.3em; text-align: center; letter-spacing: 0px;}
.gel-sec04 .ttl span {font-size: 1em;}
.gel-sec04 img {width: 100%; height: auto;}
.gel-sec04 .img01 {margin: 0 6px 24px;}
.gel-sec04 .dcp {font-size: 14px; line-height: 1.6; margin: 0 0 18px;}
.gel-sec04 .img02 {margin: 0 30px 36px;}
.gel-sec04 .subttl {border: 1px solid #cccccc; padding: 10px 0; font-size: 1em; text-align: center; margin: 0 0 24px; background: none; letter-spacing: 0px; font-weight: normal;}
.gel-sec04 .ttl2 span {font-size: 1em;}
.gel-sec04 .pic {width: 60%; max-width: 360px; margin: 0 auto 40px;}
.gel-sec04 .ttl2 {padding: 12px 0; font-size: 1.3em; text-align: center; letter-spacing: -1px;}
.gel-sec04 .subttl2 {font-size: 1.3em; text-align: center; color: #fe4e21; padding: 0 0 15px; background: none; font-weight: normal;}
/* Section06 */
#gel-sec06 {padding: 0;}
#gel-sec06 .ttl {position: relative; font-size: 1.4em; font-weight: bold; margin: 0 0 20px;}
#gel-sec06 .ttl span {font-size: 1em;}
#gel-sec06 .ttl .txt {position: relative; display: inline-block; background-color: #ffffff; padding: 0 8px; z-index: 2;}
#gel-sec06 .ttl:before {position: absolute; top: 12px; left: 50%; margin-left: -50%; width: 100%; display: block; content: ""; border-top: 1px solid #000000; z-index: 1;}
#gel-sec06 .dcp {font-size: 0.9em; line-height: 1.7; text-align: center; letter-spacing: -1px; margin: 0 0 24px;}
#gel-sec06 .subttl {background: #e3e2d9; font-size: 1.1em; text-align: center; padding: 10px 0; margin: 0 0 22px; letter-spacing: -1px; font-weight: normal;}
#gel-sec06 .dcp2 {font-size: 0.85em; line-height: 1.7; letter-spacing: -1px; margin: 0 0 24px;}
#gel-sec06 .fig img {width: 100%; height: auto; margin: 0 0 42px;}
/* Section07 */
#gel-sec07 {margin: 0 15px 70px; padding: 5px; background: rgba(0,68,231,1); background: -moz-linear-gradient(-45deg, rgba(0,68,231,1) 0%, rgba(252,45,114,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,68,231,1)), color-stop(100%, rgba(252,45,114,1))); background: -webkit-linear-gradient(-45deg, rgba(0,68,231,1) 0%, rgba(252,45,114,1) 100%); background: -o-linear-gradient(-45deg, rgba(0,68,231,1) 0%, rgba(252,45,114,1) 100%); background: -ms-linear-gradient(-45deg, rgba(0,68,231,1) 0%, rgba(252,45,114,1) 100%); background: linear-gradient(135deg, rgba(0,68,231,1) 0%, rgba(252,45,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0044e7', endColorstr='#fc2d72', GradientType=1 );}
#gel-sec07 .inr {background-color: #ffffff;}
#gel-sec07 .catch {font-size: 1em; text-align: center; padding: 30px 0 10px; margin: 0;}
#gel-sec07 .ttl {font-size: 1.4em; font-weight: bold; margin: 0 0 20px; letter-spacing: -1px;}
#gel-sec07 .ttl span {font-size: 1em;}
#gel-sec07 .ttl .txt {background: url(/-/media/obagi/promotion/2020c-serum-gel/ico_ig.png) left top no-repeat; background-size: auto 100%; padding: 0 0 0 1.2em;}
#gel-sec07 .voice {width: 84%; margin: 0 auto 12px; background: url(ico_ig_heart.gif) right 15px top 49% no-repeat; background-size: 12px auto; box-shadow:0px 0px 12px 2px #f4efd9;}
#gel-sec07 .voice .txt {display: block; padding: 1.5em; font-size: 0.7em; font-family: "ヒラギノ角ゴ ProN W3", "Kaku Gothic ProN", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic", sans-serif;}
#gel-sec07 .voice .ico_face_heart {background: url(ico_face_heart.gif) right no-repeat; background-size: auto 100%; padding-right: 1.2em;}
#gel-sec07 .voice .ico_ex {background: url(/-/media/obagi/promotion/2020c-serum-gel/ico_ex.gif) right no-repeat; background-size: auto 100%; padding-right: 1.2em;}
#gel-sec07 .voice .ico_face_smile {background: url(/-/media/obagi/promotion/2020c-serum-gel/ico_face_smile.gif) right no-repeat; background-size: auto 100%; padding-right: 1.2em; margin-right: 0.4em;}
#gel-sec07 .voice .ico_heart {background: url(/-/media/obagi/promotion/2020c-serum-gel/ico_heart.gif) right no-repeat; background-size: auto 100%; padding-right: 1.2em;}
#gel-sec07 .voice .ico_face_star {background: url(/-/media/obagi/promotion/2020c-serum-gel/ico_face_star.gif) right no-repeat; background-size: auto 100%; padding-right: 1.2em;}
#gel-sec07 .voice .ico_shine {background: url(/-/media/obagi/promotion/2020c-serum-gel/ico_shine.gif) right no-repeat; background-size: auto 100%; padding-right: 1.2em;}
#gel-sec07 .ig_posts {width: 84%; margin: 0 auto; padding: 12px 0 34px;}
#gel-sec07 .ig_posts img {width: 100%; height: auto;}
/* Section08 */
#gel-sec08 .sec08_line {position: relative; border: 2px solid #ff7e0c; border-radius: 10px; margin: 0 15px;}
#gel-sec08 .hdr {position: absolute; top: -2em; left: 1em; background-color: #ffffff; padding: 0 5px;}
#gel-sec08 .hdr .copy {display: table-cell; background: url(/-/media/obagi/promotion/2020c-serum-gel/bg_fukidashi.gif) left top no-repeat; background-size: 100% 90%;}
#gel-sec08 .hdr .copy .txt {display: block; font-size: 0.8em; font-weight: bold; padding: 2em 0.8em;}
#gel-sec08 .hdr .ttl {display: table-cell;}
#gel-sec08 .ttl span {font-size: 1em;}
#gel-sec08 .hdr .ttl .txt {font-size: 1.1em; line-height: 1; font-weight: bold; padding-left: 3px; letter-spacing: -1px;}
#gel-sec08 .inr {padding: 40px 0 0;} 
#gel-sec08 .item {display: table; margin: 0 16px;}
#gel-sec08 .item .pic {position: relative; display: table-cell; vertical-align: top; padding: 0 0 20px;}
#gel-sec08 .item .pic .item_mark {position: absolute; top: 0; left: 0; background-color: #f08323; border-radius: 26px; width: 52px; height: 52px; text-align: center;}
#gel-sec08 .item .pic .item_mark .txt {display: block; line-height: 1.2; color: #ffffff; font-weight: bold; margin: 0; padding: 0;}
#gel-sec08 .item01 .pic .item_mark .txt {font-size: 0.9em; padding: 8px 0 0;}
#gel-sec08 .item .pic .item_image {text-align: right; padding: 12px 0 0;}
#gel-sec08 .item .pic .item_image img {width: 40%; height: auto;}
#gel-sec08 .item .txt {display: table-cell; vertical-align: top; padding: 12px 0 30px 15px;}
#gel-sec08 .item .txt .item_txt {font-size: 0.85em; line-height: 1.5; margin: 0 0 14px;}
#gel-sec08 .item .txt .item_name {font-size: 0.85em; line-height: 1; margin: 0 0 8px;}
#gel-sec08 .item .txt .item_spec {font-size: 0.7em; line-height: 1; margin: 0 0 12px;}
#gel-sec08 .item .txt .item_link a {display: inline-block; border: 2px solid #000000; padding: 6px 28px; font-size: 0.85em; line-height: 1; font-weight: bold; text-decoration: none;}

/* ====================================================== Media Querie
〜640px
SP
======================================== */
		@media screen and  (min-width: 0px) and (max-width: 640px) {

/* 
#c-in-powder
-------------------------------------------------- */
#c-in-powder .feature_main {padding: 0;}
#c-in-powder .feature_main .feature {padding: 34px 15px 15px;}
#c-in-powder .feature_main .feature .section-ttl {font-size: 1.125em; margin: 0 0 25px; text-align: center; background: none; font-weight: normal;}
#c-in-powder .feature_main .feature ul li.t01,
#c-in-powder .feature_main .feature ul li.t03 {display: block; width: 100px; height: 100px; border-radius: 50px; margin: 0 4px; float: left; vertical-align: top; text-align: center; color: #fff;}
#c-in-powder .feature_main .feature ul li .txt1 {display: block; font-size: 1.125em; line-height: 1; padding: 32px 0 0;}
#c-in-powder .feature_main .feature ul li .txt2 {display: block; font-size: 0.75em; line-height: 1; padding: 3px 0 0;}
#c-in-powder .feature_main .feature ul li.t02 img {width: 40px; height: auto; margin: 0 4px;}
#c-in-powder .feature_main .ingredient {padding: 0 15px 15px; margin: 0 0 15px;}
#c-in-powder .feature_main .ingredient .section-ttl {font-size: 1.1em; line-height: 1.4; font-weight: normal;}
#c-in-powder .feature_main .ingredient ul li {height: 58px;}
#c-in-powder .feature_main .ingredient ul li .txt {margin: 0 8px; font-size: 0.85em;}
#c-in-powder .feature_main .ingredient ul li.t01 .txt {padding: 10px 1em;}
#c-in-powder .feature_main .ingredient ul li.t02 .txt {padding: 10px 1em;}
#c-in-powder .feature_main .ant {font-size: 0.7em; line-height: 1.7; margin: 0 0 32px;}
#c-in-powder .feature_main .recommend .section-ttl {font-size: 1.1em; line-height: 1.4; margin: 0 0 8px; font-weight: normal;}
#c-in-powder .feature_main .recommend .nayami li {padding: 4px 0 4px 32px; background-position: left 0 top 3px; background-size: 25px auto; font-size: 14px;}
#c-in-powder .feature_main .recommend .ant {font-size: 0.8em; line-height: 1.7; margin: 5px 0 15px;}
#c-in-powder .feature_main .message p {font-size: 0.9em; line-height: 1.6; padding: 0; margin: 0;}
		}

/* ====================================================== Media Querie
〜320px
SP small
======================================== */
		@media screen and (max-width: 320px) {
/* 
#gel
-------------------------------------------------- */
#gel-sec01 .ttl {font-size: 1.2em;}
#gel-sec01 .txt_area .copy {font-size: 1.6em;}
#gel-sec01 .txt_area .dcp {font-size: 0.85em;}
.gel-sec04 .ttl {font-size: 1.1em; letter-spacing: -1px;}
.gel-sec04 .dcp {font-size: 0.85em;}
.gel-sec04 .subttl {font-size: 0.9em; letter-spacing: -1px;}
.gel-sec04 .ttl2 {font-size: 1.2em;}
.gel-sec04 .subttl2 {font-size: 1.2em;}
#gel-sec06 .subttl {font-size: 1em;}
#gel-sec07 .ttl {font-size: 1.3em;}
#gel-sec07 .ttl span {font-size: 1em;}
#gel-sec07 .voice .txt {font-size: 0.65em;}
#gel-sec08 .hdr {left: 0.8em; padding: 0 3px;}
#gel-sec08 .hdr .copy .txt {font-size: 0.8em; padding: 1.7em 0.4em 1.7em 0.6em;}
#gel-sec08 .hdr .ttl .txt {font-size: 0.90em; padding-left: 0;}

/* 
#c-in-powder
-------------------------------------------------- */
#c-in-powder .feature_main .ingredient .section-ttl {font-size: 0.9em;}
#c-in-powder .feature_main .feature ul li.t01,
#c-in-powder .feature_main .feature ul li.t03 {width: 74px; height: 74px;}
#c-in-powder .feature_main .feature ul li .txt1 {font-size: 0.9em; padding: 20px 0 0;}
#c-in-powder .feature_main .feature ul li .txt2 {font-size: 0.6em;}

		}
/* =======================================================================
Media Querie
641px〜
========================================================================= TB,PC == */
		@media screen and (min-width:641px) {
.tb-pc_none {display: none;}
.series_c-product .block-contents-4 {width: 90% !important;}
.series_cat_hdr,
.item_feature_head,
.item_use_info,
.item_faq,
.item_all_ant {width: 600px; margin-right: auto; margin-left: auto;}

/* Category Header
----------------------------------------------------- */
.series_cat_hdr {padding: 70px 0;}
.series_cat_hdr .cat_hdr_ttl {padding: 10px; font-size: 1.5em;}
.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);}
/* Item Intro
----------------------------------------------------- */
.item_intro {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}
.item_intro .item_intro_pic img {width: min(19.44vw,280px);}
.item_intro .item_intro_dsc {margin: 0 0 min(1.11vw,16px);}
.item_intro .item_intro_name {font-size: min(1.66vw,24px); margin: 0 0 min(2.6vw,38px);}
.item_intro .item_intro_cat {margin: 0 0 min(0.97vw,14px);}
.item_intro .item_intro_cat .txt {font-size: min(1.04vw,15px); padding: 5px 11px;}
.item_intro .item_intro_spec {font-size: min(1.04vw,15px); margin: 0 0 min(0.97vw,14px);}
.item_intro .item_intro_ant {font-size: min(0.902vw,13px); margin: 0 0 min(0.97vw,14px);}
/* Item Use
----------------------------------------------------- */
.item_use_info {padding: 0;}
.item_use_info .use_info_txt {font-size: min(1.25vw,18px); line-height: 1.5;}
.item_use_info .use_info_list {padding: 10px 0 20px;}
.item_use_info .use_info_list li {font-size: min(1.25vw,18px); line-height: 1.5; margin: 0 0 5px 1em;}
.item_use_info .use_info_movie iframe {max-width: 560px; margin: 0 auto;}
/* Item FAQ
----------------------------------------------------- */
.item_faq {}
/* 
説明文
-------------------------------------------------- */
#series_dscp p {text-align: center; font-size: 1.625em; line-height: 1.5;}
/* TB,PC #c-in-powder
-------------------------------------------------- */
.feat_pdr {background: url(bg_powder01_pc.jpg) left top no-repeat; background-size: 100% 100%; padding: min(7.63vw,110px) 0 min(6.94vw,100px);}
#c-in-powder_dp .feat_pdr {background: url(bg_powder02_pc.jpg) left top no-repeat;}
.feat_pdr .pdr_ttl {font-size: min(2.22vw,32px); margin: 0 0 min(2.9vw,42px);}
.feat_pdr .pdr_tokucho01 {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin: 0 auto min(2.77vw,40px); width: min(71.25vw,1026px);}
.feat_pdr .tokucho_box {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-radius: 16px; width: min(34.44vw,496px); height: min(22.5vw,324px); padding: 0; box-shadow: 0px 16px 16px 0px rgba(51,51,51,0.2); margin: 0 !important;}
#c-in-powder_dp .feat_pdr .tokucho_box {width: min(22.22vw,320px); height: min(22.5vw,324px); }
.feat_pdr .pdr_tokucho01 .tokucho_box {margin: 0;}
.feat_pdr .tokucho_box .tokucho_hl {font-size: min(1.45vw,21px); line-height: 1.4; margin: 0 0 min(1.94vw,28px);}
.feat_pdr .tokucho_box .tokucho_hl .mini {font-size: min(1.18vw,17px);}
.feat_pdr .tokucho_box .tokucho_cross {top:0; z-index: 2; width: 100%; height: 100%;}
.feat_pdr .tokucho_box .tokucho_cross img {position: absolute;width: min(3.75vw,54px);top: 50%; right: min(-2.77vw,-40px); transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.feat_pdr .pdr_tokucho01 .tokucho_box .tokucho_pic img {height: min(9.3vw,134px);}
.feat_pdr .pdr_tokucho02 {width: min(71.25vw,1026px); margin: 0 auto min(2.08vw,30px);}
.feat_pdr .pdr_tokucho02 .tokucho_box,
#c-in-powder_dp .feat_pdr .pdr_tokucho02 .tokucho_box {width: calc(100% - min(13.6vw,196px)); height: auto; padding: min(2.63vw,38px) min(6.25vw,90px); -webkit-box-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row;}
.feat_pdr .pdr_tokucho02 .tokucho_box .tokucho_hl {margin: 0 min(2.77vw,40px) 0 0; white-space: nowrap;}
.feat_pdr .pdr_tokucho02 .tokucho_box .tokucho_seibun {padding: min(1.66vw,24px) min(2.08vw,30px) min(1.66vw,24px) min(2.77vw,40px); font-size: min(1.32vw,19px); white-space: nowrap;}
.feat_pdr .tokucho_box .tokucho_seibun .mini {font-size: min(0.97vw,14px);}
.feat_pdr .feat_ant {width: min(71.25vw,1026px); margin: 0 auto;}
.rcmn_pdr {padding: min(5.55vw,80px) 0 min(8.33vw,120px);}
.rcmn_pdr .pdr_ttl {font-size: min(2.36vw,34px); margin: 0 0 min(1.94vw,28px);}
.rcmn_pdr .pdr_osusume {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}
.rcmn_pdr .pdr_osusume .osusume_pic {padding: 0 min(3.75vw,54px) 0 0;}
.rcmn_pdr .pdr_osusume .osusume_pic img {width: min(10.27vw,148px);}
#c-in-powder_dp .rcmn_pdr .pdr_osusume .osusume_pic img {width: min(11.38vw,164px);}
.rcmn_pdr .osusume_list {padding: min(0.694vw,10px) 0 0;}
.rcmn_pdr .osusume_list ul li {font-size: min(1.875vw,27px); line-height: 1.5; background-size: min(2.847vw,41px) auto; padding: 0 0 min(1.38vw,20px) min(4.16vw,60px);}


/* ----------------------------------------------------- add on 2025.02.14
商品特徴：#c-clear-lotion
----------------------------------------------------- */
/* Movie --------------------------------------- */
.c_lotion_mov .mov_ttl {font-size: min(2.77vw,40px);}
.c_lotion_mov .mov_frame {width: 50%; margin: 0 auto;}
/* Point --------------------------------------- */
.c_lotion_point .point_box .num { font-size: min(2.77vw,40px);}
.c_lotion_point .point_box .head {font-size: min(2.08vw,30px);}
.c_lotion_point .point_box .txt {font-size: min(1.38vw,20px);}
.c_lotion_point .point_box .pic01,
.c_lotion_point .point_box .pic02,
.c_lotion_point .point_box .pic03,
.c_lotion_point .point_box .pic04,
.c_lotion_point .point_box .pic05 {text-align: center;}
.c_lotion_point .point_box .pic01 img,
.c_lotion_point .point_box .pic02 img,
.c_lotion_point .point_box .pic03 img {width: 100%;}
.c_lotion_point .point_box .pic04 img {width: 70%;}
.c_lotion_point .point_box .pic05 img {width: 100%;}
.c_lotion_point .point_box .word {font-size: min(2.08vw,30px);}
.c_lotion_point .point_box .ant {font-size: min(0.902vw,13px);}
.c_lotion_point .point_box .ttl02 { text-align: center;}
.c_lotion_point .point_box .ttl02 .txt {font-size: min(1.875vw,27px) !important;}
.c_lotion_point .point_box .ttl02 .ant {font-size: min(0.902vw,13px) !important;}
.c_lotion_point .point_box .ant02 li {font-size: min(0.902vw,13px);}
/* Apply --------------------------------------- */
.c_lotion_apply .apply_main .howto_txt {font-size: min(1.38vw,20px);}
.c_lotion_apply .apply_main .step_ttl {font-size: min(2.08vw,30px);}
.c_lotion_apply .apply_main .howto_pic img {width: 60%;}
.c_lotion_apply .apply_main .step_pic {text-align: center;}
.c_lotion_apply .apply_main .step_pic img {width: 60%;}

		}
/* ====================================================== Media Querie
641px〜1024px
======================================================== TB == */
		@media screen and (min-width:641px) and (max-width:1024px) {
/* === Section01 === */
#gel-sec01 .img_gel img {width: 362px;}
#gel-sec01 .texture {top: -50px; right: 40px; width: 150px;}
#gel-sec01 .texture img {width: 150px;}
/* === Section04 === */
.gel-sec04 {padding: 40px 0 0;}
.gel-sec04 .ttl {margin: 0 0 42px; font-size: 2.2em;}
.gel-sec04 .img01 {width: 360px; margin: 0 auto 38px;}
.gel-sec04 .dcp {width: 500px; font-size: 1em; margin: 0 auto 26px;}
.gel-sec04 .img02 {width: 260px; margin: 0 auto 60px;}
.gel-sec04 .subttl {width: 500px; font-size: 1.4em; margin: 0 auto 30px;}
.gel-sec04 .pic {margin: 0 auto 50px;}
.gel-sec04 .ttl2 {font-size: 2em;}
.gel-sec04 .subttl2 {font-size: 1.8em;}
/* === Section06 === */
#gel-sec06 {padding: 90px 0 0;}
#gel-sec06 .inr {width: 600px; margin: 0 auto;}
#gel-sec06 .ttl {font-size: 2em; margin: 0 0 40px;}
#gel-sec06 .ttl:before {top: 20px;}
#gel-sec06 .dcp {font-size: 1.3em; margin: 0 0 50px;}
#gel-sec06 .subttl {font-size: 1.3em; margin: 0 0 30px;}
#gel-sec06 .dcp2 {font-size: 1em; margin: 0 0 32px;}
#gel-sec06 .fig img {margin: 0 0 50px;}
/* === Section07 === */
#gel-sec07 {width: 584px; margin: 0 auto 70px; padding: 8px;}
#gel-sec07 .inr {position: relative; padding: 40px 0;}
#gel-sec07 .catch {font-size: 1.4em; font-weight: bold; padding: 0 0 10px;}
#gel-sec07 .ttl {font-size: 2em; margin: 0 0 40px;}
#gel-sec07 .ttl .txt {padding: 3px 0 3px 1.5em;}
#gel-sec07 .voice .txt {padding: 1em; font-size: 1em;}
#gel-sec07 .ig_posts {text-align: center;}
#gel-sec07 .ig_posts img {width: 60%; height: auto;}
#gel-sec07 .voice .ico_face_heart {background-size: auto 17px; padding-right: 1.4em;}
#gel-sec07 .voice .ico_ex {background-size: auto 18px; padding-right: 1.4em;}
#gel-sec07 .voice .ico_face_smile {background-size: auto 18px; padding-right: 1.4em; margin-right: 0.4em;}
#gel-sec07 .voice .ico_heart {background-size: auto 18px; padding-right: 1.4em;}
#gel-sec07 .voice .ico_face_star {background-size: auto 17px; padding-right: 1.4em;}
#gel-sec07 .voice .ico_shine {background-size: auto 18px; padding-right: 1.4em;}
/* === Section08 === */
#gel-sec08 {width: 600px; margin: 0 auto;}
#gel-sec08 .sec08_line {border-radius: 20px; margin: 0;}
#gel-sec08 .hdr {left: 50px; }
#gel-sec08 .hdr .copy .txt {font-size: 1.1em; padding: 1.9em 0.7em 1.9em 0.9em;}
#gel-sec08 .hdr .ttl .txt {font-size: 1.2em;}
#gel-sec08 .inr {padding: 80px 0 0;} 
#gel-sec08 .item {margin: 0 30px;}
#gel-sec08 .item01 {margin-bottom: 42px;}
#gel-sec08 .item .pic {width: 180px; padding: 0 0 40px;}
#gel-sec08 .item .pic .item_mark {border-radius: 35px; width: 70px; height: 70px;}
#gel-sec08 .item01 .pic .item_mark .txt {font-size: 1.15em; padding: 14px 0 0;}
#gel-sec08 .item02 .pic .item_mark .txt {font-size: 0.95em; padding: 20px 0 0;}
#gel-sec08 .item01 .pic .item_image img {width: 80px;}
#gel-sec08 .item02 .pic .item_image img {width: 84px;}
#gel-sec08 .item .txt {padding: 8px 0 30px 40px;}
#gel-sec08 .item .txt .item_txt {color: #ff7700; font-size: 1.3em; line-height: 1.7; margin: 0 0 20px;}
#gel-sec08 .item .txt .item_name {font-size: 1.1em; margin: 0 0 10px 2px;}
#gel-sec08 .item .txt .item_spec {font-size: 0.9em; margin: 0 0 30px 2px;}
#gel-sec08 .item .txt .item_link a {border: 1px solid #000000; padding: 8px 40px; font-size: 1.1em;}
/* 
#c-refine-lotion
-------------------------------------------------- */
/* === Reserve Concept === */
#lotion_concept .main {padding: 0;}
#lotion_concept .main p {font-size: 1.1em; line-height: 2;}
#lotion_concept .main .copy {font-size: 2.2em; padding: 25px 0 0;}
#lotion_concept .main .pic {padding: 35px 0;}
#lotion_concept .main .pic img {width: 240px;}
/* === Lotion Feature === */
#lotion_feature {width: 620px; padding: 65px 20px 0;}
#lotion_feature .lc_ttl01 {font-size: 2.4em;}
#lotion_feature .lc_ttl02 {font-size: 1.7em;}
#lotion_feature .lc_txt  {font-size: 1.1em; margin: 0 auto 30px;}
#lotion_feature .lc_image {width: 560px;}
#lotion_feature .lc_ant {margin: 0 35px 30px;}
/* === Lotion Recommend === */
#lotion_recommend .lr_ttl {font-size: 2em; margin: 0 0 45px;}
#lotion_recommend .flex_box {width: 600px; margin: 0 auto;}
#lotion_recommend .lr_image {width: 145px; padding: 15px 0 0;}
#lotion_recommend .lr_image img {width: 120px;}
#lotion_recommend .lr_list {width: 460px;}
#lotion_recommend .lr_list li {background-size: 38px auto; font-size: 1.5em; padding: 0 0 0 50px;}
/* === Lotion Howto === */
#lotion_howto {width: 600px;}
#lotion_howto .lt_howto_ttl {width: 110px; font-size: 1.2em; margin: 0; padding: 14px 0;}
#lotion_howto .lt_howto_txt {width: calc(100% - 110px); font-size: 1em; margin: 0; padding: 0 0 0 10px;}
#lotion_howto .lt_choice .lt_choice_ttl {font-size: 1.2em;}
#lotion_howto .lt_choice_box ul.choice_pic {margin: 0 auto; display:-webkit-box; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around;}


		}
/* ====================================================== Media Querie
1025px〜
======================================================== PC == */
	@media print, screen and (min-width:1025px) {
.series_feature {width: 100%; margin: 0 auto;}
/* Wide 960px Area
----------------------------------------------------- */
.series_cat_hdr,
.item_feature_head,
.item_use_info,
.item_faq {width: 960px; margin-right: auto; margin-left: auto;}
/* -- 商品ラインナップ ----------------------------------------------------- */
.series_c-product .itemlist {flex-wrap: nowrap;}
.series_c-product .itemlist .series_item {width: 25%;}
#series_item_list .block-contents-4 .itemlist .series_item .block-series .series-inner a .description {position: relative; padding-top: 0;}
#series_item_list .block-contents-4 .itemlist .series_item .block-series .series-inner a .image img {width: 100%;}
#series_item_list .block-contents-4 .itemlist .series_item .block-series .series-inner a .img-name-item {padding: 0;} 
/* === Section01 === */
#gel-sec01 .inr {max-width: 950px; margin: 0 auto; padding: 0;}
#gel-sec01 .ttl {font-size: 2.8em; margin: 0 0 70px;}
#gel-sec01 .img_gel {margin: 0;}
#gel-sec01 .img_gel img {width: 362px;}
#gel-sec01 .texture {top: -60px; right: 130px; width: 164px;}
#gel-sec01 .texture img {width: 164px;}
#gel-sec01 .txt_area {padding: 10px; margin: 0;}
#gel-sec01 .txt_area .spec {display: table-cell; vertical-align: top; width: 425px; text-align: left;}
#gel-sec01 .txt_area .copy {font-size: 2.6em; margin: 0 0 20px;}
#gel-sec01 .txt_area .dtl {font-size: 1.1em; line-height: 1; margin: 0;}
#gel-sec01 .txt_area .dcp {font-size: 1.2em; margin: 0;}
/* === Section04 === */
.gel-sec04 {padding: 50px 0 0;}
.gel-sec04 .inr {max-width: 940px; margin: 0 auto;}
.gel-sec04 .ttl {margin: 0 0 42px; font-size: 2.3em;}
.gel-sec04 .img01 {width: 512px; margin: 0 auto 38px;}
.gel-sec04 .dcp {width: 666px; font-size: 1.15em; line-height: 1.7; margin: 0 auto 14px;}
.gel-sec04 .img02 {width: 306px; margin: 0 auto 76px;}
.gel-sec04 .subttl {width: 750px; font-size: 1.4em; margin: 0 auto 40px;}
.gel-sec04 .pic {padding: 20px 0 0; margin: 0 auto 85px;}
.gel-sec04 .ttl2 {padding: 20px 0; font-size: 2.3em;}
.gel-sec04 .subttl2 {font-size: 2em; padding: 0 0 44px;}
/* === Section06 === */
#gel-sec06 {padding: 0;}
#gel-sec06 .inr {width: 800px; margin: 0 auto;}
#gel-sec06 .ttl {font-size: 2.2em; margin: 0 0 70px;}
#gel-sec06 .ttl .txt {padding: 0 16px;}
#gel-sec06 .ttl:before {top: 20px;}
#gel-sec06 .dcp {font-size: 1.5em; margin: 0 0 58px;}
#gel-sec06 .subttl {font-size: 1.5em; margin: 0 0 48px;}
#gel-sec06 .dcp2 {font-size: 1.15em; margin: 0 0 42px;}
#gel-sec06 .fig img {margin: 0 0 84px;}
/* === Section07 === */
#gel-sec07 {width: 920px; margin: 0 auto 70px; padding: 10px;}
#gel-sec07 .inr {position: relative; padding: 0 0 154px;}
#gel-sec07 .catch {font-size: 1.8em; font-weight: bold; padding: 78px 0 20px;}
#gel-sec07 .ttl {font-size: 2.6em; margin: 0 0 60px;}
#gel-sec07 .ttl .txt {padding: 3px 0 3px 1.5em;}
#gel-sec07 .voice {width: 420px; margin: 0 0 18px 58px; background-position: right 25px top 49%; background-size: 13px auto;}
#gel-sec07 .voice .txt {padding: 20px 28px; font-size: 1em;}
#gel-sec07 .ig_posts {position: absolute; top: 216px; right: 50px; width: 364px; margin: 0 auto; padding: 12px 0 34px;}
#gel-sec07 .ig_posts img {width: 100%; height: auto;}
#gel-sec07 .voice .ico_face_heart {background-size: auto 17px; padding-right: 1.4em;}
#gel-sec07 .voice .ico_ex {background-size: auto 18px; padding-right: 1.4em;}
#gel-sec07 .voice .ico_face_smile {background-size: auto 18px; padding-right: 1.4em; margin-right: 0.4em;}
#gel-sec07 .voice .ico_heart {background-size: auto 18px; padding-right: 1.4em;}
#gel-sec07 .voice .ico_face_star {background-size: auto 17px; padding-right: 1.4em;}
#gel-sec07 .voice .ico_shine {background-size: auto 18px; padding-right: 1.4em;}
/* === Section08 === */
#gel-sec08 {width: 940px; margin: 0 auto;}
#gel-sec08 .sec08_line {border-radius: 20px; margin: 0;}
#gel-sec08 .hdr {top: -54px; left: 164px; padding: 0 25px;}
#gel-sec08 .hdr .copy {background-size: 100% 100%;}
#gel-sec08 .hdr .copy .txt {font-size: 1.4em; padding: 1.9em 0.7em 1.9em 0.9em;}
#gel-sec08 .hdr .ttl .txt {font-size: 1.4em; padding-left: 15px;}
#gel-sec08 .inr {padding: 88px 0 0;} 
#gel-sec08 .item {margin: 0 30px; width: calc(100% - 64px);}
#gel-sec08 .item01 {margin-bottom: 42px;}
#gel-sec08 .item .pic {width: 275px; padding: 0 0 40px;}
#gel-sec08 .item .pic .item_mark {top: -8px; left: 68px; border-radius: 40px; width: 80px; height: 80px;}
#gel-sec08 .item01 .pic .item_mark .txt {font-size: 1.3em; padding: 16px 0 0;}
#gel-sec08 .item02 .pic .item_mark .txt {font-size: 1em; padding: 22px 0 0;}
#gel-sec08 .item .pic .item_image {padding: 0;}
#gel-sec08 .item01 .pic .item_image img {width: 80px;}
#gel-sec08 .item02 .pic .item_image img {width: 84px;}
#gel-sec08 .item .txt {padding: 8px 0 30px 80px;}
#gel-sec08 .item .txt .item_txt {color: #ff7700; font-size: 1.3em; line-height: 1.7; margin: 0 0 20px;}
#gel-sec08 .item .txt .item_name {font-size: 1.1em; margin: 0 0 10px 2px;}
#gel-sec08 .item .txt .item_spec {font-size: 0.9em; margin: 0 0 30px 2px;}
#gel-sec08 .item .txt .item_link a {border: 1px solid #000000; padding: 8px 40px; font-size: 1.1em;}
/* 
#c-refine-lotion
-------------------------------------------------- */
#c-refine-lotion {padding: 0;}
/* === Lotion Concept === */
#lotion_concept {margin: 0 auto;}
#lotion_concept .main {padding: 0;}
#lotion_concept .main p {font-size: 1.375em; line-height: 2;}
#lotion_concept .main .copy {font-size: 2.5em; padding: 30px 0 0;}
#lotion_concept .main .pic {padding: 40px 0 50px;}
#lotion_concept .main .pic img {width: 300px;}
/* === Lotion Feature === */
#lotion_feature {width: 800px; padding: 65px 0px 0;}
#lotion_feature .lc_ttl01 {font-size: 2.7em;}
#lotion_feature .lc_ttl02 {font-size: 1.875em;}
#lotion_feature .lc_txt  {width: 740px; margin: 0 auto 30px;}
#lotion_feature .lc_image {width: 740px;}
#lotion_feature .lc_ant {margin: 0 30px 40px;}
/* === Lotion Recommend === */
#lotion_recommend .lr_ttl {font-size: 2.125em; margin: 0 0 45px;}
#lotion_recommend .flex_box {width: 680px; margin: 0 auto;}
#lotion_recommend .lr_image {width: 180px; padding: 15px 0 0;}
#lotion_recommend .lr_image img {max-width: 128px;}
#lotion_recommend .lr_list {width: 500px;}
#lotion_recommend .lr_list li {background-size: 38px auto; font-size: 1.7em; padding: 0 0 0 52px;}
/* === Lotion Howto === */
#lotion_howto {width: 860px;}
#lotion_howto .lt_howto_ttl {width: 140px; font-size: 1.5em; margin: 0; padding: 14px 0;}
#lotion_howto .lt_howto_txt {font-size: 1.2em; margin: 0; padding: 0 0 0 15px;}
#lotion_howto .lt_choice .lt_choice_ttl {font-size: 1.35em;}
#lotion_howto .lt_choice_box ul.choice_pic {width: 660px; margin: 0 auto; display:-webkit-box; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around;}

		}