@charset "UTF-8";
/* ---------------reset--------------- */
body {
  background: #fff;
}
.page-contentspages div.wrapper {
  padding: 6.5rem 0 4rem;
}
/* ---------------common--------------- */
#femcareSP {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  color: #231815;
  margin: auto;
}
.sec_inner {
  position: relative;
  width: 100%;
  max-width: 124rem;
  margin: auto
}
/* ---------------mv--------------- */
.femcare_mv img {
  display: block;
  width: 100%;
  max-width: 212rem;
  height: auto;
  margin: auto;
}
/* ---------------navi--------------- */
.femcare_navi ul.navi_area {
  position: relative;
  z-index: 2;
  display: flex;
  width: 100%;
  /*max-width: 192rem;*/
  margin: auto;
  margin-bottom: 0;
}
.femcare_navi ul.navi_area.po_bottom {
  box-shadow: 0 calc(10 * (100vw / 750)) rgba(0, 0, 0, 0.1);
}
.femcare_navi ul.navi_area li {
  text-align: center;
  height: calc(105 * (100vw / 750));
}
.femcare_navi ul.navi_area.po_top li {
  width: calc(100% /3);
}
.femcare_navi ul.navi_area.po_bottom li {
  width: calc(100% /2);
}
.femcare_navi ul.navi_area li.sec01 a {
  background: #eee743;
}
.femcare_navi ul.navi_area li.sec02 a {
  background: #ca82c0;
}
.femcare_navi ul.navi_area li.sec03 a {
  background: #83d1ce;
}
.femcare_navi ul.navi_area li.sec04 a {
  background: #e782a1;
}
.femcare_navi ul.navi_area li.sec05 a {
  background: #719ad0;
}
.femcare_navi ul.navi_area li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: calc(22 * (100vw / 750));
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -.1rem;
  padding: calc(15 * (100vw / 750)) 0 0;
}
.femcare_navi ul.navi_area li a::after {
  content: "";
  position: absolute;
  top: 72%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: .4rem solid transparent;
  border-left: .4rem solid transparent;
  border-top: .6rem solid #231815;
  border-bottom: 0;
}
.femcare_navi ul.navi_area li a:hover {
  color: #231815;
  opacity: 0.7;
}
.femcare_navi ul.navi_area li a span {
  margin: -1.5rem 0 0;
}
/* ---------------catch--------------- */
.femcare_catch {
  height: calc(625 * (100vw / 750));
  padding: calc(285 * (100vw / 750)) 0 0;
  background: #f4f1ef url(../../../../img/usr/freepage/femcare/sp/catch_bg_sp.png) no-repeat top center;
  background-size: cover;
}
.femcare_catch .catch_box {
  margin: 0 calc(35 * (100vw / 750));
  padding: calc(35 * (100vw / 750)) calc(25 * (100vw / 750));
  text-align: center;
  background: #ffffffE6;
  box-shadow: .8rem .8rem #231815E6;
}
.femcare_catch .catch_box h2 {
  display: table;
  font-size: calc(26 * (100vw / 750));
  font-weight: bold;
  color: #fff;
  letter-spacing: -.1rem;
  margin: 0 auto calc(25 * (100vw / 750));
  background: #231815;
  transform: skewX(-15deg);
}
.femcare_catch .catch_box p {
  font-size: calc(26 * (100vw / 750));
  font-weight: 500;
  line-height: 1.7;
}
/* ---------------section_conmmon--------------- */
[id*="sec0"] img {
  display: block;
  margin: auto;
  height: auto;
}
/* title */
.sec-title_box {
  position: relative;
  padding: calc(100 * (100vw / 750)) 0 0;
}
.sec_dtxt {
  font-size: calc(25 * (100vw / 750));
  font-weight: 500;
  text-align: center;
  line-height: 1.9;
  letter-spacing: -0..5rem;
  margin: calc(50 * (100vw / 750)) calc(20 * (100vw / 750)) 0;
}
/* movie */
.sec_movie {
  display: block;
  width: calc(589 * (100vw / 750));
  height: calc(332 * (100vw / 750));
  margin: calc(75 * (100vw / 750)) auto 0;
  border: .1rem solid #231815;
}
.sec_movie iframe {
  width: 100%;
  height: 100%;
}
/* point */
.sec-title_box2 h2 {
  margin: calc(75 * (100vw / 750)) auto calc(60 * (100vw / 750));
}
.sec-point_box {
  margin: 0 auto calc(80 * (100vw / 750));
}
.sec-point_box .point_area li {
  margin: 0 calc(35 * (100vw / 750)) calc(20 * (100vw / 750));
  padding: calc(20 * (100vw / 750)) calc(40 * (100vw / 750)) calc(30 * (100vw / 750));
  text-align: center;
  background: #f4f1ef;
  border-radius: 1rem;
}
.sec-point_box .point_area li span {
  font-size: calc(24 * (100vw / 750));
  font-weight: 500;
  letter-spacing: -0..5rem;
  margin: calc(25 * (100vw / 750)) 0 0;
  display: block;
}
/* lineup */
.sec-lineup_box {}
.sec-lineup_bg {}
.sec-lineup_inner {
  padding: 0 0 calc(80 * (100vw / 750));
}
.sec-lineup_inner h2 {
  width: calc(365 * (100vw / 750));
  margin: auto;
  padding: calc(35 * (100vw / 750)) 0;
}
/* goods */
.goods_area {
  margin: 0 calc(35 * (100vw / 750)) calc(40 * (100vw / 750));
  padding: calc(45 * (100vw / 750)) calc(20 * (100vw / 750));
  background: #fff;
  border-radius: 1rem;
  box-shadow: calc(15 * (100vw / 750)) calc(15 * (100vw / 750)) #b6a69c47;
}
.goods_area > h3 {
  font-size: calc(34 * (100vw / 750));
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  margin: 0 auto calc(60 * (100vw / 750));
}
.goods_area > h3:before, .goods_area > h3:after {
  content: "";
  height: calc(22 * (100vw / 750));
  flex-grow: 1;
  background-color: #efe845;
}
.goods_area > h3:before {
  margin-right: 1.5rem;
}
.goods_area > h3:after {
  margin-left: 1.5rem;
}
.goods_box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.goods_box li {
  width: calc(50% - calc(50 * (100vw / 750)));
  margin: 0 calc(25 * (100vw / 750));
  text-align: center;
}
.goods_box.goods_3row li {
  margin: 0 calc(25 * (100vw / 750)) calc(55 * (100vw / 750));
}
.goods_box li a {
  outline: none;
}
.goods_box li img {
  margin: 0 auto calc(35 * (100vw / 750)) !important;
}
.goods_name {
  font-size: calc(26 * (100vw / 750));
  font-weight: bold;
  letter-spacing: -.1rem;
  margin: 0 auto calc(15 * (100vw / 750));
}
.goods_color {
  display: flex;
  justify-content: center;
  align-items: center;
}
.goods_color p {
  display: flex;
  align-items: center;
  font-size: calc(12 * (100vw / 750));
}
.goods_color p:not(:last-of-type) {
  margin: 0 calc(15 * (100vw / 750)) 0 0;
}
[class*="goods_color-"] span {
  font-size: calc(24 * (100vw / 750));
  padding: 0 .5rem 0 0;
}
.goods_color-purple span {
  color: #aa4c8f;
}
.goods_color-purple2 span {
  color: #c3b3d0;
}
.goods_color-purple3 span {
  color: #cbcff1;
}
.goods_color-black span {
  color: #000;
}
.goods_color-gray span {
  color: #d0d0d0;
}
.goods_color-gray2 span {
  color: #7f7f7f;
}
.goods_color-gray3 span {
  color: #786364;
}
.goods_color-darkgray span {
  color: #2c312a;
}
.goods_color-grayishpink span {
  color: #c099a0;
}
.goods_color-apricot span {
  color: #f7b599;
}
.goods_color-mint span {
  color: #84b9cb;
}
.goods_color-brown span {
  color: #683f36;
}
.goods_color-navyblue span {
  color: #17184b;
}
.goods_color-navy span {
  color: #1F2F53;
}
.goods_color-darkblue span {
  color: #001655;
}
.goods_color-frenchmarron span {
  color: #D3B798;
}
.goods_icon {
  display: table;
  font-size: calc(20 * (100vw / 750));
  font-weight: 500;
  margin: 1rem auto 1.5rem;
  padding: .2rem .8rem;
  background: #ede9e6;
}
.goods_txt {
  font-size: calc(24 * (100vw / 750));
  font-weight: 500;
  margin: calc(10 * (100vw / 750)) auto calc(35 * (100vw / 750));
}
.goods_det {
  display: table;
  font-size: calc(12 * (100vw / 750));
  font-weight: 500;
  text-align: left;
  margin: calc(15 * (100vw / 750)) auto calc(20 * (100vw / 750));
  padding: calc(15 * (100vw / 750));
  background: #f4f1ef;
  border-radius: 1rem;
}
.goods_price {
  font-size: calc(41 * (100vw / 750));
  font-weight: 500;
  line-height: 1;
  margin: 0 0 calc(15 * (100vw / 750));
}
.goods_price span {
  font-size: calc(17 * (100vw / 750));
}
.goods_price-s {
  font-size: calc(24 * (100vw / 750));
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.1rem;
  height: 2rem;
  margin: 0 0 calc(10 * (100vw / 750));
}
.goods_price-s a {
  color: #34a788;
  text-decoration: underline;
}
.goods_price-s a:hover {
  font-weight: bold;
  color: #E60012;
}
.goods_price-s span {
  font-size: calc(17 * (100vw / 750));
}
.goods_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: calc(335 * (100vw / 750));
  height: calc(70 * (100vw / 750));
  font-weight: bold;
  color: #fff;
  margin: auto;
  background: #000;
  border-radius: 3rem;
}
.goods_btn a:hover {
  opacity: 0.7;
}
.goods_btn a span {
  width: 100%;
  font-size: calc(18 * (100vw / 750));
  letter-spacing: -0..3rem;
  padding: 0 0 0 calc(40 * (100vw / 750));
  background: url(../../../../img/usr/freepage/femcare/icon_cart.png) no-repeat center left calc(25 * (100vw / 750));
  background-size: calc(25 * (100vw / 750)) auto;
}
/* movie */
.goods_movie iframe {
  display: block;
  width: calc(590 * (100vw / 750));
  height: calc(333 * (100vw / 750));
  margin: auto;
}
/* point */
.goods_point {
  margin: calc(55 * (100vw / 750)) calc(20 * (100vw / 750)) 0;
}
.goods_point > div {
  display: flex;
  align-items: flex-start;
  margin: 0 0 calc(30 * (100vw / 750));
  padding: 0 0 calc(40 * (100vw / 750));
}
.goods_point > div:last-of-type {
  margin: 0;
}
.goods_point > div:not(:last-of-type) {
  border-bottom: .1rem dashed #d6cbc4;
}
.goods_point > div img.goods_point-img {
  width: calc(95 * (100vw / 750));
  flex-shrink: 0;
  margin: 0 calc(30 * (100vw / 750)) 0 0 !important;
}
.goods_point > div p {
  font-size: calc(26 * (100vw / 750));
  font-weight: 500;
  margin: 0 0 calc(25 * (100vw / 750));
}
.goods_point-photo {
  width: calc(345 * (100vw / 750));
  margin: 0 auto 0 0 !important;
}
.goods_ill {
  margin: 0 auto 9.5rem;
}
.goods_ill p:not(:last-of-type) {
  margin: 0 auto calc(20 * (100vw / 750));
}
/* care howto */
.goods_care {
  margin: calc(25 * (100vw / 750)) calc(35 * (100vw / 750)) 0;
  padding: calc(55 * (100vw / 750)) calc(20 * (100vw / 750)) calc(25 * (100vw / 750));
  text-align: center;
  border: .2rem solid #231815;
  border-radius: 1rem;
}
.goods_care h3 {
  font-size: calc(30 * (100vw / 750));
  font-weight: bold;
  transform: skewX(-10deg);
  margin: 0 0 2.2rem;
}
.goods_care p {
  font-size: calc(20 * (100vw / 750));
  font-weight: 500;
  letter-spacing: -0..5rem;
}
.goods_care ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: calc(25 * (100vw / 750)) auto 0;
}
.goods_care ul li {
  width: calc(50% - calc(60 * (100vw / 750)));
  margin: 0 calc(30 * (100vw / 750)) calc(30 * (100vw / 750));
}
.goods_care ul li h4 {
  font-size: calc(22 * (100vw / 750));
  font-weight: bold;
  margin: calc(15 * (100vw / 750)) auto calc(10 * (100vw / 750)) !important;
}
.goods_care ul li p {
  font-size: calc(18 * (100vw / 750));
  font-weight: 500;
  text-align: left;
}
.goods_care .goods_howto-txtbox {
  display: table;
  margin: 0 calc(15 * (100vw / 750)) calc(10 * (100vw / 750));
  padding: calc(20 * (100vw / 750)) calc(40 * (100vw / 750));
  line-height: 1.8;
  background: #f4f1ef;
  border-radius: 1rem;
}
/* reason obsession */
.sec-reason_box {
  margin: calc(70 * (100vw / 750)) auto calc(60 * (100vw / 750));
}
.sec-reason_box .reason_area {
  display: flex;
  flex-wrap: wrap;
  margin: calc(40 * (100vw / 750)) auto 0;
}
.sec-reason_box .reason_area li {
  margin: 0 calc(40 * (100vw / 750)) calc(20 * (100vw / 750));
  padding: calc(25 * (100vw / 750)) calc(40 * (100vw / 750));
  text-align: left;
  background: #f4f1ef;
  border-radius: 1rem;
}
.sec-reason_box .reason_area li span {
  font-size: calc(26 * (100vw / 750));
  font-weight: 500;
  margin: calc(20 * (100vw / 750)) 0 0;
  display: block;
}
/* ---------------sec01--------------- */
/* bg */
#sec01SP {
  background: url(../../../../img/usr/freepage/femcare/sp/sec01_bg_sp.png) no-repeat top center;
  background-size: contain;
}
/* lineup */
#sec01SP .sec-lineup_inner {
  background: #fffdc7;
}
/* ---------------sec02--------------- */
/* bg */
#sec02SP {
  background: url(../../../../img/usr/freepage/femcare/sp/sec02_bg_sp.png) no-repeat top center;
  background-size: contain;
}
/* lineup */
#sec02SP .sec-lineup_inner {
  padding: calc(65 * (100vw / 750)) 0 calc(75 * (100vw / 750));
  background: #f0daed;
}
#sec02SP .sec-title_box2 h2 {
  margin: 0 auto calc(100 * (100vw / 750));
}
/* care howto */
#sec02SP .goods_care {
  margin: calc(60 * (100vw / 750)) calc(35 * (100vw / 750)) 0;
}
#sec02SP .goods_care ul li.goods_care1 {
  width: calc(182 * (100vw / 750));
  flex-shrink: 0;
  margin: 0 calc(30 * (100vw / 750)) calc(30 * (100vw / 750)) 0;
}
#sec02SP .goods_care ul li.goods_care2 {
  width: calc(253 * (100vw / 750));
  flex-shrink: 0;
  margin: 0 0 calc(30 * (100vw / 750));
}
#sec02SP .goods_care ul li.goods_care3 {
  width: calc(224 * (100vw / 750));
  flex-shrink: 0;
  margin: 0 0 calc(30 * (100vw / 750));
}
#sec02SP .goods_care ul li img {
  margin: 0 0 calc(20 * (100vw / 750));
}
#sec02SP .goods_care ul li.goods_care2 p {
  margin: 0 0 0 calc(30 * (100vw / 750));
}
/* ---------------sec03--------------- */
/* bg */
#sec03SP {
  background: url(../../../../img/usr/freepage/femcare/sp/sec03_bg_sp.png) no-repeat top center;
  background-size: contain;
}
/* reason obsession */
#sec03SP .sec-reason_box {
  margin: calc(70 * (100vw / 750)) auto calc(80 * (100vw / 750));
}
/* lineup */
#sec03SP .sec-lineup_inner {
  background: #ececec;
}
#sec03SP .goods_area {
  position: relative;
}
#sec03SP .goods_area[class*="se03_goods0"]::before {
  content: "";
  position: absolute;
  top: -1.5rem;
  transform: translateX(-50%);
  margin: auto;
  z-index: 1;
}
#sec03SP .goods_area.se03_goods01::before {
  left: 85%;
  width: calc(129 * (100vw / 750));
  height: calc(146 * (100vw / 750));
  background: url(../../../../img/usr/freepage/femcare/se03_goods01-sb.png) no-repeat;
  background-size: contain;
}
#sec03SP .goods_area.se03_goods02::before {
  top: -1.1rem;
  left: 87%;
  width: calc(131 * (100vw / 750));
  height: calc(143 * (100vw / 750));
  background: url(../../../../img/usr/freepage/femcare/se03_goods02-sb.png) no-repeat;
  background-size: contain;
}
#sec03SP .goods_area.se03_goods03::before {
  left: 91%;
  width: calc(132 * (100vw / 750));
  height: calc(143 * (100vw / 750));
  background: url(../../../../img/usr/freepage/femcare/se03_goods03-sb.png) no-repeat;
  background-size: contain;
}
#sec03SP .goods_area.se03_goods04::before {
  top: -.8rem;
  left: 90%;
  width: calc(132 * (100vw / 750));
  height: calc(143 * (100vw / 750));
  background: url(../../../../img/usr/freepage/femcare/se03_goods04-sb.png) no-repeat;
  background-size: contain;
}
#sec03SP .goods_area.se03_goods05::before {
  left: 90%;
  width: calc(129 * (100vw / 750));
  height: calc(146 * (100vw / 750));
  background: url(../../../../img/usr/freepage/femcare/se03_goods05-sb.png) no-repeat;
  background-size: contain;
}
#sec03SP .goods_area > h3 {
  margin: 0 auto calc(20 * (100vw / 750));
}
#sec03SP .goods_area[class*="se03_goods0"] > h3 + p {
  width: calc(480 * (100vw / 750));
  margin: auto;
}
#sec03SP .goods_area.se03_goods01 > h3::before, .goods_area.se03_goods01 > h3::after {
  background-color: #f4f3ab;
}
#sec03SP .goods_area.se03_goods02 > h3::before, .goods_area.se03_goods02 > h3::after {
  background-color: #f8d4af;
}
#sec03SP .goods_area.se03_goods03 > h3::before, .goods_area.se03_goods03 > h3::after {
  background-color: #e7c5e1;
}
#sec03SP .goods_area.se03_goods04 > h3::before, .goods_area.se03_goods04 > h3::after {
  background-color: #b2c7e4;
}
#sec03SP .goods_area.se03_goods05 > h3::before, .goods_area.se03_goods05 > h3::after {
  background-color: #cdf1f0;
}
#sec03SP .goods_box {
  margin: calc(10 * (100vw / 750)) auto 0;
}
#sec03SP .goods_box li {
  margin: 0 calc(25 * (100vw / 750)) calc(35 * (100vw / 750));
}
#sec03SP .goods_box li img {
  margin: 0 auto !important;
}
#sec03SP .goods_color p:not(:last-of-type) {
  margin: 0;
}
#sec03SP [class*="goods_color-"] span {
  padding: 0 .1rem;
}
/* ---------------sec04--------------- */
/* bg */
#sec04SP {
  background: #fbeaee url(../../../../img/usr/freepage/femcare/sp/sec04_bg_sp.png) no-repeat top center;
  background-size: contain;
}
/* title */
#sec04SP .sec-title_box p {
  top: 34rem;
  left: 3rem;
}
/* lineup */
#sec04SP .sec-lineup_inner {
  margin: calc(180 * (100vw / 750)) 0 0;
}
.goods_area_bg {}
.goods_area_bg + .goods_area_bg {}
#sec04SP .goods_area {
  position: relative;
  padding: calc(45 * (100vw / 750)) calc(40 * (100vw / 750));
}
#sec04SP .goods_area.se04_goods01 {}
#sec04SP .goods_area.se04_goods02 {}
#sec04SP .goods_area[class*="se04_goods0"]::before {
  content: "";
  position: absolute;
  top: .5rem;
  left: 85%;
  transform: translateX(-50%);
  width: calc(180 * (100vw / 750));
  height: calc(210 * (100vw / 750));
  margin: auto;
  z-index: 1;
}
#sec04SP .goods_area.se04_goods01::before {
  background: url(../../../../img/usr/freepage/femcare/se04_goods01-sb.png) no-repeat;
  background-size: contain;
}
#sec04SP .goods_area.se04_goods02::before {
  background: url(../../../../img/usr/freepage/femcare/se04_goods02-sb.png) no-repeat;
  background-size: contain;
}
#sec04SP .goods_area.se04_goods01 > h3::before, .goods_area.se04_goods01 > h3::after {
  background-color: #f1d1da;
}
#sec04SP .goods_area.se04_goods02 > h3::before, .goods_area.se04_goods02 > h3::after {
  background-color: #ddc8d9;
}
#sec04SP .goods_area > h3 {
  margin: 0 auto calc(50 * (100vw / 750));
}
#sec04SP .goods_box li {
  width: 100%;
  margin: 0;
}
#sec04SP .goods_box li img {
  max-width: calc(320 * (100vw / 750));
}
/* ---------------sec05--------------- */
/* bg */
#sec05SP {
  background: #d4e3f6;
}
/* title */
#sec05SP .sec-title_box {
  padding: calc(95 * (100vw / 750)) 0;
}
#sec05_bnrSP {
  margin: calc(100 * (100vw / 750)) calc(40 * (100vw / 750));
}