@charset "utf-8";
/* -----------------------------------------------------
SP first layout

InnerCare series / updated on 2024.07.26.v2
----------------------------------------------------- */
#series_innercare img {width: 100%; height: auto;}
#series_item_list .block-contents-4 {padding: 0 0 60px; width: 100%;}
/* -----------------------------------------------------
商品ラインナップ
----------------------------------------------------- */
#c-inner-lipo-shot {width: 100% !important;}

#c-inner-lipo-shot .block-series {padding: 0 15px;}
#c-inner-lipo-shot .series-inner {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; padding: 0 0 20px !important;}
#c-inner-lipo-shot a.block-cts p.capacity-price span {display: block;}
#c-inner-lipo-shot a.block-cts p.capacity-price span.capacity:after {display: none;}

#c-inner-lipo-shot a.block-cts[href*="c-inner-lipo-shot_62"] .capacity-price {position: relative;}
#c-inner-lipo-shot a.block-cts[href*="c-inner-lipo-shot_62"] .capacity-price .price:after {display: inline-block; content: "※"; font-size: 0.6em; vertical-align: top; margin: 5px 0 0 -0.8em; line-height: 0;}
#c-inner-lipo-shot a.block-cts[href*="c-inner-lipo-shot_62"] .capacity-price:after {position: absolute; display: block; width: 100%; content: "※公式オンラインショップ限定";  font-size: 0.6em; line-height: 2; text-align: center;}

/* -----------------------------------------------------
特長
----------------------------------------------------- */
#innercare_dtl_sec {text-align: left; padding: 0 0 min(9.33vw,35px);}
#innercare_dtl_sec sup {line-height: 0;}
#innercare_dtl_sec ._dtl_sec_inr {padding: 0 15px;}
.series_content_howto ._content_hdr {overflow: hidden; padding-bottom: 10px;}
.series_content_howto ._content_ttl {font-size: min(5.06vw,19px); text-align: left; border-bottom: 1px solid #d8d8d8; box-shadow: 0px 1px 4px -2px rgba(0, 0, 0, 0.3); padding: 0 0 min(2.13vw,8px);}
.series_content_howto ._content_main {font-size: min(3.7vw,14px); line-height: 1.7; padding: 0 0 min(10vw,38px);}
.series_content_howto ._content_main ul li {margin-left: 1em; text-indent: -1em;}

.series_content_box._content02 {border-bottom: 1px solid #f1f1f1;}
.series_content_box ._box_hdr {position: relative; border-bottom: 1px solid #f1f1f1; padding: min(3.73vw,14px) 0; background: url(img_arw.png) right no-repeat; background-size: auto 8px; transform: scale(1, -1); cursor: pointer;}
.series_content_box ._box_hdr ._box_ttl {transform: scale(1, -1); text-align: left;}
.series_content_box ._box_hdr ._box_ttl .txt01 {font-size: min(5.06vw,19px); line-height: 1;}
.series_content_box ._box_hdr ._box_ttl .txt02 {font-size: min(3.73vw,14px); line-height: 1;}
.series_content_box ._box_hdr.open {border-top: 1px solid #f1f1f1; border-bottom: 0; transform: scale(1, 1);}
.series_content_box ._box_hdr.open ._box_ttl {transform: scale(1, 1);}
.series_content_box ._list_ingredient {padding: 15px 0; font-size: min(3.73vw,14px);}
.series_content_box ._list_ingredient._set2 {border-top: 1px dashed #dadada;}
.series_content_box ._box_main p {padding-bottom: min(6.66vw,25px); font-size: min(3.73vw,14px); line-height: 1.7; text-align:justify; }
.series_content_box ._box_main p:nth-last-of-type(1) {border-bottom: 1px solid #f1f1f1;}
.series_content_box ._box_main p em {font-style: normal;}
.series_content_box sub {display: inline; vertical-align: baseline; font-size: 0.7em;}
.series_content_box .ico-R {display: inline; vertical-align: baseline; font-size: 1.2em;}

.series_topic {padding: min(16vw,60px) 0 0;}
.series_topic ._topic_ttl {background-color: #fcf3d4; font-size: min(5.7vw,21.5px); line-height: 1.4; padding: min(2.66vw,10px) 0; margin: 0 0 min(5.33vw,20px) ;}
.series_topic ._topic_pic {width: min(72vw,270px); margin: min(5.33vw,20px) auto 0;}
.series_topic ._topic_sub_ttl {color: #e77728; font-size: min(5.6vw,21px); font-weight: bold; margin: 0 0 min(3.73vw,14px); padding: 0;}
.series_topic ._topic_sub_ttl:nth-of-type(1) {letter-spacing: -1px;}
.series_topic ._topic_main_txt {font-size: min(4.8vw,18px); line-height: 1.5; margin: 0 0 min(2.66vw,10px); padding: 0;}
.series_topic ._topic_main_ant {font-size: min(3.73vw,14px); line-height: 1.5; margin: 0 0 min(13.3vw,30px);}
.series_topic ._topic_ingredients {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin: 0 auto min(23.4vw,88px);}
.series_topic ._topic_ingredients li:nth-of-type(2n) {padding-left: 10px;}
.series_topic ._topic_ingredients li ._list_item {width: min(44vw,165px); font-size: min(4.26vw,16px); line-height: 1; border: 1px solid #ccc; text-align: center; padding: min(3.46vw,13px) 0;}
.series_topic ._topic_ingredients li ._list_ant {font-size: min(3.73vw,14px); text-align: center; margin: 0 0 min(2.66vw,10px);}
.series_topic sup {font-size: 0.5em;}
.series_topic._topic02 ._topic_sub_ttl sup {padding-left: 3px;}

.liposhot_voice {background: #ffffff url(bg_voice_sp.png) left top no-repeat; background-size: 100% auto; padding: min(14.4vw,54px) 15px min(30vw,115px);}
.liposhot_voice ._voice_ttl {position: relative; color: #e77728; font-size: min(5.73vw,21.5px); font-weight: bold; letter-spacing: -1px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 0 0 min(5.86vw,22px);}
.liposhot_voice ._voice_ttl:before,
.liposhot_voice ._voice_ttl:after {content: ""; width: 30px; height: 1px; background-color: #e77728; margin: 0 4px 4px;}
.liposhot_voice ._voice_ttl:before {transform: rotate(60deg);}
.liposhot_voice ._voice_ttl:after {transform: rotate(-60deg);}
.liposhot_voice ._voice_data {padding: 0 0 min(6.66vw,25px) min(22.4vw,84px); max-width: 395px; margin: 0 auto;}
.liposhot_voice ._voice_list li {position: relative; padding: 0 min(4.66vw,17.5px); max-width: 305px; margin: 0 auto;}
.liposhot_voice ._voice_list ._voice_txt {width: min(81.3vw,305px); background-color: #fdfeea; border-radius: 5px; text-align: center; margin: 0 auto min(2.93vw,11px); padding: min(4vw,15px) 0; font-size: min(3.73vw,14px);}
.liposhot_voice ._voice_list ._voice_txt  strong {font-size: 1.2em;}
.liposhot_voice ._voice_list ._voice_pic {position: absolute; bottom: 0; width: min(13.86vw,52px);}
.liposhot_voice ._voice_list ._voice01 ._voice_pic,
.liposhot_voice ._voice_list ._voice03 ._voice_pic {left: 0;}
.liposhot_voice ._voice_list ._voice02 ._voice_pic {right: 0;}
.liposhot_voice ._voice_ant {font-size: min(3.73vw,14px); text-align: center;}

.liposhot_hl {color: #e77728; font-size: min(5.73vw,21.5px); font-weight: bold; text-align: center; line-height: 1.4; margin: 0 0 min(7.33vw,27.5px);}
.liposhot_feat ._feat_ttl {font-size: min(4.26vw,16px); text-align: center; border: 1px solid #ccc; padding: min(3.46vw,13px) 0; margin: 0 0 min(6.66vw,25px);}
.liposhot_feat ._feat_main ._feat_txt {font-size: min(3.73vw,14px); line-height: 1.7; margin: 0 0 min(13.3vw,30px);}
.liposhot_feat ._feat_main ._feat_pic {padding: 0 0 min(9.33vw,35px); text-align: center;}
.liposhot_feat ._feat_main ._pic01 {display: inline-block; width: min(45.33vw,170px);}
.liposhot_feat ._feat_main ._pic02 {display: inline-block; width: min(48.8vw,183px);}
.liposhot_feat ._feat_main ._pic03 {display: inline-block; width: min(22.66vw,85px);}

/* -----------------------------------------------------
バナー
----------------------------------------------------- */
.series_bottom_bnr {background-color: #f1f1f1; padding: 25px 15px;}
.series_bottom_bnr ._bnr_list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;}
.series_bottom_bnr ._bnr_list li {padding-bottom: min(2.93vw,11px);}
.series_bottom_bnr ._bnr_list li:nth-of-type(2n) {padding-left: min(3.46vw,13px);}
.series_bottom_bnr ._bnr_list li a {display: block; width: min(44vw,165px);}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Media Querie
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 
SP */
		@media screen and (max-width:640px) {
.sp_none {display: none;}
#series_item_list .block-contents-4 .block-series {padding: 50px 0 0;}
#series_item_list .block-contents-4 .block-series .series-inner a.block-cts .block-inner .image p.ico {margin: -10px 0 0;}
		}
/* 
SP small */
		@media screen and (max-width:320px) {
.series_topic ._topic_main_txt {font-size: 15.2px;}
.series_topic ._topic_ingredients li ._list_item {width: min(40vw,165px);}
		}
/* 
SP big */
		@media screen and (min-width:500px) and (max-width:640px) {
.series_topic ._topic_ingredients {width: 80%;}
		}
/* 
TB・PC */
		@media screen and (min-width:641px) {
.pc_none {display: none;}
/* -----------------------------------------------------
商品ラインナップ
----------------------------------------------------- */
#c-inner-lipo-shot .block-series {padding: 0; text-align: center;}
#c-inner-lipo-shot .series-inner {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; justify-content: center; width: 100%;}
#c-inner-lipo-shot a.block-cts .block-inner .image {position: relative;}
#c-inner-lipo-shot a.block-cts .block-inner .image p.ico {position: absolute; top: 30px; left: 0;}

#c-inner-lipo-shot a.block-cts[href*="c-inner-lipo-shot"] {margin-right: 5px !important;}
#c-inner-lipo-shot a.block-cts[href*="c-inner-lipo-shot_62"] {margin-left: 5px !important;}
#c-inner-lipo-shot a.block-cts[href*="c-inner-lipo-shot_62"] .capacity-price {position: relative;}
#c-inner-lipo-shot a.block-cts[href*="c-inner-lipo-shot_62"] .capacity-price .price:after {display: inline-block; content: "※"; font-size: 0.6em; vertical-align: top; margin: 5px 0 0 -0.8em; line-height: 0;}
#c-inner-lipo-shot a.block-cts[href*="c-inner-lipo-shot_62"] .capacity-price:after {position: absolute; display: block; width: 100%; content: "※公式オンラインショップ限定";  font-size: 0.6em; line-height: 2; text-align: center;}
/* -----------------------------------------------------
特長
----------------------------------------------------- */
#innercare_dtl_sec {padding: 0 0 min(4.16vw,60px);}
#innercare_dtl_sec ._dtl_sec_inr {padding: 0 0 min(5.55vw,80px); max-width: 722px; margin: 0 auto;}
.series_content_howto ._content_hdr {padding-bottom: min(1.9vw,14px);}
.series_content_howto ._content_ttl {font-size: min(2.2vw,16.5px);}
.series_content_howto ._content_main {font-size: 14px; padding: 0 0 min(6.9vw,50px);}

.series_content_box._content02 {margin: 0 0 min(4.86vw, 70px);}
.series_content_box ._box_hdr {padding: min(1.66vw,12px) 0; background-size: auto min(0.69vw,10px);}
.series_content_box ._box_hdr ._box_ttl .txt01 {font-size: min(2.2vw,16.5px);}
.series_content_box ._box_hdr ._box_ttl .txt02 {font-size: min(1.66vw,12px);}
.series_content_box ._list_ingredient {padding: min(3.054vw,22px) 0; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.series_content_box ._list_ingredient ul {width: 50%; font-size: 14px; }
.series_content_box ._list_ingredient._set2 {border-top: 1px dashed #dadada;}
.series_content_box ._box_main p {font-size: 14px; padding-bottom: min(3.47vw,25px);}
.series_content_box sub {font-size:0.5em;}

.series_topic {padding: min(16vw,60px) 0 0;}
.series_topic ._topic_ttl {font-size: 16.5px; line-height: 1; padding: 10px 0; margin: 0 0 min(3.47vw,25px) ;}
.series_topic._topic01 ._topic_dtl {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
.series_topic._topic01 ._topic_dtl ._topic_main {width: calc(100% - min(18.23vw,262.5px));} 
.series_topic._topic01 ._topic_dtl ._topic_main ._topic_main_txt {font-size:16px; padding: 0 min(2.77vw,40px) min(1.736vw,25px) 0;}
.series_topic._topic01 ._topic_dtl ._topic_pic {width: min(18.23vw,262.5px); margin: 0;}
.series_topic._topic02 ._topic_sub_ttl {font-size: 16.5px; margin: 0 0 min(1.04vw,15px);}
.series_topic._topic02 ._topic_main_txt {font-size: 16px; line-height: 1.6; margin: 0 0 min(0.69w,10px);}
.series_topic._topic02 ._topic_main_ant {font-size: 12px; line-height: 1.5; margin: 0 0 min(13.3vw,30px);}
.series_topic ._topic_ingredients {width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; margin: 0 0 min(6.25vw,90px);}
.series_topic ._topic_ingredients li {width: calc(25% - 11px); padding: 0 12px 0 0;}
.series_topic ._topic_ingredients li:nth-of-type(4) {padding: 0;}
.series_topic ._topic_ingredients li ._list_item {width: 100%; font-size: 15px; padding: min(0.83vw,12px) 0;}
.series_topic ._topic_ingredients li ._list_ant {font-size: 12px; margin: min(0.69vw,10px) 0 0;}


.liposhot_voice {background: #ffffff url(bg_voice_pc.png) left top no-repeat; background-size: 100% auto; padding: min(6.94vw,100px) 0 min(6.25vw,90px);}
.liposhot_voice ._voice_ttl {font-size: min(2.4vw,27px); margin: 0 0 min(1.94vw,28px);}
.liposhot_voice ._voice_ttl:before,
.liposhot_voice ._voice_ttl:after {width: min(2.6vw,34px); margin: 0 4px 8px;}
.liposhot_voice ._voice_data {width: 395px; text-align: right; padding: 0 0 min(2.25vw,32.5px);}
.liposhot_voice ._voice_data img {width: 290px !important;}
.liposhot_voice ._voice_list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; max-width: 722px; margin: 0 auto;}
.liposhot_voice ._voice_list li {display: inline-block; max-width: 345px; padding: 0; margin: 0 0 10px;}
.liposhot_voice ._voice_list ._voice_txt {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; height: min(5.2vw,75px); margin: 0 auto min(1.04vw,15px); padding: 0; font-size: clamp(12px,1.3vw,15px);}
.liposhot_voice ._voice_list ._voice_txt  p {width: 100%; text-align: center;}
.liposhot_voice ._voice_list ._voice_txt  strong {font-size: 1.2em; letter-spacing: -2px;}
.liposhot_voice ._voice_list ._voice_pic {bottom: 10px; width: min(4vw,58px);}
.liposhot_voice ._voice_list li._voice01 ._voice_txt {width: 100%; padding: 8px 0;}
.liposhot_voice ._voice_list li._voice01 ._voice_txt p {padding-left: min(3.47vw,50px);}
.liposhot_voice ._voice_list li._voice02 ._voice_pic {left: 0; transform: scale(-1, 1); }
.liposhot_voice ._voice_list li._voice02 ._voice_txt {width: 100%; padding: 8px 0;}
.liposhot_voice ._voice_list li._voice02 ._voice_txt p {padding-left: min(3.47vw,50px);}
.liposhot_voice ._voice_list li._voice03 ._voice_txt {width: 100%; padding: 8px 0;}
.liposhot_voice ._voice_list li._voice03 ._voice_txt  strong {letter-spacing: 0;}
.liposhot_voice ._voice_ant {font-size: min(0.83vw,12px);}

.liposhot_hl {font-size: min(2.4vw,27px); margin: 0 0 min(3.47vw,50px);}
.liposhot_feat ._feat_ttl {font-size: min(2.2vw,16.5px); text-align: left; padding: min(0.69vw,10px) min(1.38vw,20px); margin: 0 0 min(6.66vw,25px);}
.liposhot_feat ._feat_main {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; justify-content: space-between;}
.liposhot_feat ._feat_main ._feat_txt {font-size: 14px; line-height: 1.6; margin: 0; padding: 0 0 0 min(1.458vw,21px);}
.liposhot_feat ._feat_main ._feat_pic {padding: 0 0 min(9.33vw,35px); text-align: right;}
.liposhot_feat ._feat_main ._pic01 {width: min(11vw,160px); padding-right: min(1.32vw,19px);}
.liposhot_feat ._feat_main ._pic02 {width: min(11.8vw,170px); padding-right: min(1.32vw,19px);}
.liposhot_feat ._feat_main ._pic03 {width: min(5.55vw,80px); padding-right: min(4.86vw,70px);}
/* -----------------------------------------------------
バナー
----------------------------------------------------- */
.series_bottom_bnr {padding: min(2.36vw,34px) 0;}
.series_bottom_bnr ._bnr_list {-ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: 722px; margin: 0 auto; padding: 0 30px;}
.series_bottom_bnr ._bnr_list li {padding: 0 0 0 min(3.46vw,13px);}
.series_bottom_bnr ._bnr_list li:nth-of-type(1) {padding-left: 0;}
.series_bottom_bnr ._bnr_list li a {width: auto}
		}
/* 
TB only */
		@media screen and (min-width:641px) and (max-width:900px) {
.tb_none {display: none;}
#series_innercare {margin-top: 110px;}
#innercare_dtl_sec ._dtl_sec_inr {padding: 0 30px;}
.liposhot_voice ._voice_list {width: 90%;}
.liposhot_voice ._voice_list li {width: 260px; padding: 20px 0 0; margin: 0;}
.liposhot_voice ._voice_list li:nth-of-type(1) {margin-right: 20px;}
		}
/* 
PC small */
		@media screen and (min-width:901px) and (max-width:1024px) {
#series_innercare {margin-top: 120px;}
.liposhot_voice ._voice_list {width: 90%;}
.liposhot_voice ._voice_list li {width: 260px; padding: 20px 0 0; margin: 0;}
.liposhot_voice ._voice_list li:nth-of-type(1) {margin-right: 20px;}
		}
/* PC big */
	@media print, screen and (min-width:1025px) {
#series_innercare {margin-top: 30px;}
.liposhot_voice ._voice_list li:nth-of-type(1) {margin-right: 20px;}
.liposhot_voice ._voice_list li._voice01 ._voice_txt {width: min(26vw,322px);}
.liposhot_voice ._voice_list li._voice02 ._voice_txt {width: min(28vw,333px);}
.liposhot_voice ._voice_list li._voice03 ._voice_txt {width: min(25vw,333px);}
		}