/*

  下層ページ：サブビジュアル（ノーマル）

================================================================
*/
.sv-normal {
  overflow: hidden;
  width: 100%;
  height: 200px;
  border-bottom: 1px solid #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;}
.sv-normal .flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  color: #000;}
.sv-normal .flex h2 {
  position: relative;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: .1em;}
.sv-normal .flex h2:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1050px;
  width: 1000px;
  height: 1px;
  background-color: #000;}
.sv-normal .flex p {
  margin-top: 15px;
  font-size: 14px;
  letter-spacing: .2em;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.sv-normal {
  height: 30vw;}
.sv-normal .flex {
  align-items: center;}
.sv-normal .flex h2 {
  font-size: 5vw;}
.sv-normal .flex h2:before {
  left: -110vw;
  width: 100vw;}
.sv-normal .flex p {
  margin-top: 3vw;
  padding: 0 10vw;
  line-height: 1.5;
  font-size: 3.2vw;}
}

/*

  下層ページ：サブビジュアル（イメージ）

================================================================
*/
.sv-image {
  overflow: hidden;
  width: 100%;
  height: 570px;
  border-bottom: 1px solid #000;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 2000px auto;}
.sv-image h2 {
  position: absolute;
  top: 20px;
  left: 30px;
  font-weight: 500;
  font-size: 15px;}
.sv-image.hifuka01 {
  background-image: url(../img/menu/hifuka01/suikou_mv01.jpg);}
.sv-image.hifuka03 {
  background-image: url(../img/menu/hifuka03/hifuka_03_mv.jpg);}
.sv-image.hifuka05 {
  background-image: url(../img/menu/hifuka05/hifuka_05_mv03.jpg);}
.sv-image.hifuka08 {
  background-image: url(../img/menu/hifuka08/bg_main_hifuka_08.jpg);}
.sv-image.hifuka20 {
  background-image: url(../img/menu/hifuka20/hifuka_20_mv02.jpg);}
.sv-image.hifuka20_ago {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_ago_mv01_pc.jpg);}
.sv-image.hifuka20_hana {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_hana_mv01_pc.jpg);}
.sv-image.hifuka20_hitai {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_hitai_mv01_pc.jpg);}
.sv-image.hifuka20_hourei {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_hourei_mv01_pc.jpg);}
.sv-image.hifuka20_kuchibiru {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_kuchibiru_mv01_pc.jpg);}
.sv-image.hifuka20_kuma {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_kuma_mv01_pc.jpg);}
.sv-image.hifuka20_miken {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_miken_mv01_pc.jpg);}
.sv-image.hifuka20_ml {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_ml_mv01_pc.jpg);}
.sv-image.hifuka20_namidabukuro {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_namidabukuro_mv01_pc.jpg);}
.sv-image.hifuka20_hyal-drug {
  background-image: url(../img/menu/hifuka20/hyal-drug_mv-pc02.jpg);}
.sv-image.hifuka25 {
  background-image: url(../img/menu/hifuka25/bg_main_hifuka_25b.jpg);}
.sv-image.hifuka27 {
  background-image: url(../img/menu/hifuka27/bg_main_hifuka_27.jpg);}
.sv-image.hifuka28 {
  background-image: url(../img/menu/hifuka28/bg_main_hifuka_05.png);}
.sv-image.hifuka29 {
  height: 320px;
  background-position: top center;
  background-image: url(../img/menu/hifuka29/bg_main_hifuka_29.jpg);}
.sv-image.hifuka29 .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;}
.sv-image.hifuka29 h2 {
  position: static;}
.sv-image.hifuka35 {
  background-image: url(../img/menu/hifuka35/baby_collagen_mv01.jpg);}
.sv-image.hifuka37 {
  background-image: url(../img/menu/hifuka37/hifuka_37_mv01.jpg);}
.sv-image.hifuka38 {
  background-image: url(../img/menu/hifuka38/hifuka_38_mv01.jpg);}
.sv-image.hifuka39 {
  background-image: url(../img/menu/hifuka39/hifuka_39_mv01a.jpg);}
.sv-image.hifuka40 {
  background-image: url(../img/menu/hifuka40/hifuka_40_mv02.jpg);}
.sv-image.hifuka42 {
  background-image: url(../img/menu/hifuka42/potenza_mv03a_pc.jpg?01);}
.sv-image.hifuka43 {
  background-image: url(../img/menu/hifuka43/milano-repeel_mv01_pc.jpg);}
.sv-image.hifuka44 {
  background-image: url(../img/menu/hifuka44/hifuka_44_mv01_pc.jpg);}
.sv-image.naika01 {
  background-image: url(../img/menu/naika01/naika_01_mv01.jpg?02);}
.sv-image.naika02 {
  background-image: url(../img/menu/naika02/naika_02_mv01.jpg);}
.sv-image.naika07 {
  background-image: url(../img/menu/naika07/hellas_mv01.jpg);}
.sv-image.naika10 {
  background-image: url(../img/menu/naika10/naika_10_mv01.jpg);}
.sv-image.naika11 {
  background-image: url(../img/menu/naika11/naika_11_mv01.jpg);}
.sv-image.exosome {
  height: 650px;
  background-image: url(../img/menu/exosome/pcmv05.jpg);}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.sv-image {
  height: 115vw;
  background-size: 100% auto;}
.sv-image h2 {
  top: 3vw;
  left: 3vw;
  font-size: 3.2vw;}
.sv-image.hifuka01 {
  background-image: url(../img/menu/hifuka01/suikou_mv01_sp.jpg);}
.sv-image.hifuka03 {
  background-image: url(../img/menu/hifuka03/hifuka_03_mv_sp.jpg);}
.sv-image.hifuka05 {
  background-image: url(../img/menu/hifuka05/hifuka_05_mv03_sp.jpg);}
.sv-image.hifuka08 {
  height: 132vw;
  background-image: url(../img/menu/hifuka08/bg_main_hifuka_08_sp.jpg);}
.sv-image.hifuka20 {
  background-image: url(../img/menu/hifuka20/hifuka_20_mv02_sp.jpg);}
.sv-image.hifuka20_ago {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_ago_mv01_sp.jpg);}
.sv-image.hifuka20_hana {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_hana_mv01_sp.jpg);}
.sv-image.hifuka20_hitai {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_hitai_mv01_sp.jpg);}
.sv-image.hifuka20_hourei {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_hourei_mv01_sp.jpg);}
.sv-image.hifuka20_kuchibiru {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_kuchibiru_mv01_sp.jpg);}
.sv-image.hifuka20_kuma {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_kuma_mv01_sp.jpg);}
.sv-image.hifuka20_miken {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_miken_mv01_sp.jpg);}
.sv-image.hifuka20_ml {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_ml_mv01_sp.jpg);}
.sv-image.hifuka20_namidabukuro {
  background-image: url(../img/menu/hifuka20/hyaluronic-acid_namidabukuro_mv01_sp.jpg);}
.sv-image.hifuka20_hyal-drug {
  background-image: url(../img/menu/hifuka20/hyal-drug_mv-sp02.jpg);}
.sv-image.hifuka25 {
  background-image: url(../img/menu/hifuka25/bg_main_hifuka_25b_sp.jpg);}
.sv-image.hifuka27 {
  background-image: url(../img/menu/hifuka27/bg_main_hifuka_27_sp.jpg);}
.sv-image.hifuka28 {
  background-image: url(../img/menu/hifuka28/bg_main_hifuka_05_sp.png);}
.sv-image.hifuka29 {
  height: 70vw;
  background-size: cover;}
.sv-image.hifuka35 {
  background-image: url(../img/menu/hifuka35/baby_collagen_mv01_sp.jpg);}
.sv-image.hifuka37 {
  background-image: url(../img/menu/hifuka37/hifuka_37_mv01_sp.jpg);}
.sv-image.hifuka38 {
  background-image: url(../img/menu/hifuka38/hifuka_38_mv01_sp.jpg);}
.sv-image.hifuka39 {
  background-image: url(../img/menu/hifuka39/hifuka_39_mv01a_sp.jpg);}
.sv-image.hifuka40 {
  background-image: url(../img/menu/hifuka40/hifuka_40_mv02_sp.jpg);}
.sv-image.hifuka42 {
  background-image: url(../img/menu/hifuka42/potenza_mv03a_sp.jpg?01);}
.sv-image.hifuka43 {
  background-image: url(../img/menu/hifuka43/milano-repeel_mv01_sp.jpg);}
.sv-image.hifuka44 {
  background-image: url(../img/menu/hifuka44/hifuka_44_mv01_sp.jpg);}
.sv-image.naika01 {
  background-image: url(../img/menu/naika01/naika_01_mv01_sp.jpg?02);}
.sv-image.naika02 {
  background-image: url(../img/menu/naika02/naika_02_mv01_sp.jpg);}
.sv-image.naika07 {
  background-image: url(../img/menu/naika07/hellas_mv01_sp.jpg);}
.sv-image.naika10 {
  background-image: url(../img/menu/naika10/naika_10_mv01_sp.jpg);}
.sv-image.naika11 {
  background-image: url(../img/menu/naika11/naika_11_mv01_sp.jpg);}
.sv-image.exosome {
  height: 130vw;
  background-image: url(../img/menu/exosome/spmv05.png);}
}

/*

  下層共通：基本h3

================================================================
*/
.under-h3 {
  border-bottom: 1px solid #000;}
.under-h3 .inner-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 1200px;
  height: 46px;
  margin: 0 auto;}
.under-h3 .inner-flex .left {
  display: flex;
  align-items: center;
  height: 100%;}
.under-h3 .inner-flex .left h3 {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 20px;
  border: solid #000;
  border-width: 1px 1px 0 1px;
  background-color: #fff;
  font-weight: 500;
  font-size: 16px;}
.under-h3 .inner-flex .left h3 span {
  position: relative;
  top: -.1em;}
.under-h3 .inner-flex .left .en {
  margin-left: 30px;
  font-size: 16px;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.under-h3 .inner-flex {
  width: 100%;
  height: 10vw;}
.under-h3 .inner-flex .left h3 {
  padding: 0 4vw;
  font-size: 3.6vw;}
.under-h3 .inner-flex .left h3 span {
  top: 0;}
.under-h3 .inner-flex .left .en {
  margin-left: 5vw;
  font-size: 3.6vw;}
}

/*

  下層共通：強調h3

================================================================
*/
.strong-h3 {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: .1em;}
.strong-h3 span {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 2px solid #b89358;
  font-size: 120%;
  color: #b89358;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.strong-h3 {
  font-size: 4.2vw;}
.strong-h3 span {
  padding-bottom: 1vw;}
}

/*

  下層共通：ページナビゲーション

================================================================
*/
.p-nav-layout ul {
  display: flex;
  flex-wrap: wrap;
  border: solid #000;
  border-width: 0 0 0 1px;}
.p-nav-layout ul li {
  width: 20%;
  height: 40px;
  border: solid #000;
  border-width: 0 1px 1px 0;}
.p-nav-layout ul li a {
  position: relative;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #000;
  transition: .2s;}
.p-nav-layout ul li a:hover {
  background-color: #000;
  color: #fff;}
.p-nav-layout ul li a:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-style: solid;
  border-width: 4px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  transition: .2s;}
.p-nav-layout ul li a:hover:after {
  border-color: #fff transparent transparent transparent;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.p-nav-layout ul li {
  width: 50%;
  height: 10vw;}
.p-nav-layout ul li a {
  font-size: 3.4vw;
  transition: 0s;}
.p-nav-layout ul li a:hover {
  background-color: #fff;
  color: #000;}
.p-nav-layout ul li a:after {
  right: 3vw;
  margin-top: -.5vw;
  border-width: 1vw 1vw 0 1vw;
  transition: 0s;}
.p-nav-layout ul li a:hover:after {
  border-color: #000 transparent transparent transparent;}
}

/*

  下層ページ：ホームケア

================================================================
*/

/*  クリスティーナ化粧品用SV
--------------------------------------------------------------*/
.sv-homecare {
  overflow: hidden;
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;}
.sv-homecare .flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  color: #fff;}
.sv-homecare .flex h2 {
  position: relative;
  font-size: 32px;
  letter-spacing: .2em;}
.sv-homecare .flex h2:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1050px;
  width: 1000px;
  height: 1px;
  background-color: #fff;}
.sv-homecare .flex p {
  margin-top: 10px;
  font-size: 14px;
  letter-spacing: .2em;}
.sv-homecare.theraskin{
  background-image: url(../img/under/homecare/theraskin_mv01.jpg);}
.sv-homecare.unstress {
  background-image: url(../img/under/homecare/unstress_mv01.jpg);}
.sv-homecare.biophyto {
  background-image: url(../img/under/homecare/biophyto_mv01.jpg);}
.sv-homecare.illustrious {
  background-image: url(../img/under/homecare/illustrious_mv01.jpg);}
.sv-homecare.rose-de-mer {
  background-image: url(../img/under/homecare/rose-de-mer_mv01.jpg);}
.sv-homecare.forever-young {
  background-image: url(../img/under/homecare/forever-young_mv01.jpg);}
.sv-homecare.muse {
  background-image: url(../img/under/homecare/muse_mv01.jpg);}
.sv-homecare.chateau-de-beaute {
  background-image: url(../img/under/homecare/chateau-de-beaute_mv01.jpg);}
.sv-homecare.comodex {
  background-image: url(../img/under/homecare/comodex_mv01.jpg);}
.sv-homecare.silk {
  background-image: url(../img/under/homecare/silk_mv01.jpg);}
.sv-homecare.bio-satin-serum {
  background-image: url(../img/under/homecare/bio-satin-serum_mv01.jpg);}
.sv-homecare.homecare {
  background-image: url(../img/under/homecare/products_mv01.jpg);}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.sv-homecare {
  height: 60vw;}
.sv-homecare .flex {
  align-items: center;}
.sv-homecare .flex h2 {
  font-size: 5vw;}
.sv-homecare .flex h2:before {
  left: -110vw;
  width: 100vw;}
.sv-homecare .flex p {
  margin-top: 3vw;
  padding: 0 10vw;
  line-height: 1.5;
  font-size: 3.2vw;}
}

/*  クリスティーナ化粧品用レイアウト
--------------------------------------------------------------*/
.homecare-box {
  margin-top: 80px;
  padding: 80px 0;
  border-top: 2px solid;
  border-bottom: 2px solid;}
.homecare-box .box + .box {
  margin-top: 80px;}
.homecare-box h2 {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 22px;}
.homecare-box .txt {
  line-height: 1.9;}
.homecare-box .title-en {
  position: relative;
  margin-bottom: 50px;
  letter-spacing: .1em;
  font-size: 24px;}
.homecare-box .title-en:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1050px;
  width: 1000px;
  height: 2px;}
.homecare-box .item-list {
  display: flex;
  flex-wrap: wrap;}
.homecare-box .item-list li {
  width: 23.5%;
  margin-top: 40px;}
.homecare-box .item-list li + li {
  margin-left: 2%;}
.homecare-box .item-list li:nth-child(-n+4) {
  margin-top: 0;}
.homecare-box .item-list li:nth-child(4n+1) {
  margin-left: 0;}
.homecare-box .item-list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;}
.homecare-box .item-list li a figure {
  transition: .2s;}
.homecare-box .item-list li a:hover figure {
  opacity: .7;}
.homecare-box .item-list li a .name-en {
  order: 2;
  line-height: 1.5;}
.homecare-box .item-list li a h3 {
  order: 3;
  margin-top: 10px;
  font-weight: 500;
  line-height: 1.3;}
.homecare-box .item-list li a:hover h3 {
  text-decoration: underline;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.homecare-box {
  margin-top: 10vw;
  padding: 10vw 0;}
.homecare-box .box {
  padding: 0 4vw;}
.homecare-box .box + .box {
  margin-top: 10vw;}
.homecare-box h2 {
  margin-bottom: 3.5vw;
  line-height: 1.5;
  font-size: 4.2vw;}
.homecare-box .txt {
  font-size: 3.4vw;}
.homecare-box .title-en {
  position: relative;
  margin-bottom: 7vw;
  text-align: center;
  font-size: 4.2vw;}
.homecare-box .title-en:before {
  top: auto;
  left: 0;
  bottom: 0;
  width: 100%;}
.homecare-box .title-en span {
  position: relative;
  display: inline-block;
  padding: 0 7vw;
  background-color: #fff;
  z-index: 2;}
.homecare-box .item-list {
  justify-content: space-between;}
.homecare-box .item-list li {
  width: 46%;
  margin-top: 5vw;}
.homecare-box .item-list li + li {
  margin-left: 0;}
.homecare-box .item-list li:nth-child(-n+4) {
  margin-top: 5vw;}
.homecare-box .item-list li:nth-child(-n+2) {
  margin-top: 0;}
.homecare-box .item-list li a figure {
  transition: 0;}
.homecare-box .item-list li a:hover figure {
  opacity: 1;}
.homecare-box .item-list li a .name-en {
  line-height: 1.4;
  font-size: 3vw;}
.homecare-box .item-list li a h3 {
  margin-top: 2vw;
  font-size: 3.4vw;
  line-height: 1.3;}
.homecare-box .item-list li a:hover h3 {
  text-decoration: none;}
}

/*  クリスティーナ化粧品用レイアウト > 各商品ごとの設定
--------------------------------------------------------------*/
.homecare-box.theraskin {
  border-color: #38829b;}
.homecare-box.theraskin h2,
.homecare-box.theraskin .item-list li a h3,
.homecare-box.theraskin .item-flex table th,
.homecare-box.theraskin .item-flex > div table td > div p {
  color: #38829b;}
.homecare-box.theraskin .title-en:before {
  background-color: #38829b;}

.homecare-box.unstress {
  border-color: #54beb3;}
.homecare-box.unstress h2,
.homecare-box.unstress .item-list li a h3,
.homecare-box.unstress .item-flex table th,
.homecare-box.unstress .item-flex > div table td > div p {
  color: #54beb3;}
.homecare-box.unstress .title-en:before {
  background-color: #54beb3;}

.homecare-box.biophyto {
  border-color: #618f2e;}
.homecare-box.biophyto h2,
.homecare-box.biophyto .item-list li a h3,
.homecare-box.biophyto .item-flex table th,
.homecare-box.biophyto .item-flex > div table td > div p {
  color: #618f2e;}
.homecare-box.biophyto .title-en:before {
  background-color: #618f2e;}

.homecare-box.illustrious {
  border-color: #a7a8a9;}
.homecare-box.illustrious h2,
.homecare-box.illustrious .item-list li a h3,
.homecare-box.illustrious .item-flex table th,
.homecare-box.illustrious .item-flex > div table td > div p {
  color: #a7a8a9;}
.homecare-box.illustrious .title-en:before {
  background-color: #a7a8a9;}

.homecare-box.rose-de-mer {
  border-color: #162c7d;}
.homecare-box.rose-de-mer h2,
.homecare-box.rose-de-mer .item-list li a h3,
.homecare-box.rose-de-mer .item-flex table th,
.homecare-box.rose-de-mer .item-flex > div table td > div p {
  color: #162c7d;}
.homecare-box.rose-de-mer .title-en:before {
  background-color: #162c7d;}

.homecare-box.forever-young {
  border-color: #f7b05b;}
.homecare-box.forever-young h2,
.homecare-box.forever-young .item-list li a h3,
.homecare-box.forever-young .item-flex table th,
.homecare-box.forever-young .item-flex > div table td > div p {
  color: #f7b05b;}
.homecare-box.forever-young .title-en:before {
  background-color: #f7b05b;}

.homecare-box.muse {
  border-color: #d76ea8;}
.homecare-box.muse h2,
.homecare-box.muse .item-list li a h3,
.homecare-box.muse .item-flex table th,
.homecare-box.muse .item-flex > div table td > div p {
  color: #d76ea8;}
.homecare-box.muse .title-en:before {
  background-color: #d76ea8;}

.homecare-box.chateau-de-beaute {
  border-color: #7e2d4f;}
.homecare-box.chateau-de-beaute h2,
.homecare-box.chateau-de-beaute .item-list li a h3,
.homecare-box.chateau-de-beaute .item-flex table th,
.homecare-box.chateau-de-beaute .item-flex > div table td > div p {
  color: #7e2d4f;}
.homecare-box.chateau-de-beaute .title-en:before {
  background-color: #7e2d4f;}

.homecare-box.comodex {
  border-color: #842331;}
.homecare-box.comodex h2,
.homecare-box.comodex .item-list li a h3,
.homecare-box.comodex .item-flex table th,
.homecare-box.comodex .item-flex > div table td > div p {
  color: #842331;}
.homecare-box.comodex .title-en:before {
  background-color: #842331;}

.homecare-box.silk {
  border-color: #b29e97;}
.homecare-box.silk h2,
.homecare-box.silk .item-list li a h3,
.homecare-box.silk .item-flex table th,
.homecare-box.silk .item-flex > div table td > div p {
  color: #b29e97;}
.homecare-box.silk .title-en:before {
  background-color: #b29e97;}

.homecare-box.bio-satin-serum {
  border-color: #686869;}
.homecare-box.bio-satin-serum h2,
.homecare-box.bio-satin-serum .item-list li a h3,
.homecare-box.bio-satin-serum .item-flex table th,
.homecare-box.bio-satin-serum .item-flex > div table td > div p {
  color: #686869;}
.homecare-box.bio-satin-serum .title-en:before {
  background-color: #686869;}


/*  クリスティーナ化粧品用レイアウト > 詳細ページ商品概要
--------------------------------------------------------------*/
.homecare-box .item-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px;}
.homecare-box .item-flex .left {
  position: sticky;
  top: 120px;
  width: 23.5%;}
.homecare-box .item-flex figure {
  border: 1px solid #eee;}
.homecare-box .item-flex .right {
  flex: 1;
  margin-left: 50px;}
.homecare-box .item-flex .right table {
  width: 100%;
  line-height: 1.7;}
.homecare-box .item-flex .right table tr + tr {
  border-top: 1px solid #eee;}
.homecare-box .item-flex .right table th {
  white-space: nowrap;
  vertical-align: top;
  padding: 10px 0;
  font-weight: 500;}
.homecare-box .item-flex .right table td {
  padding: 10px 0;
  padding-left: 30px;}
.homecare-box .item-flex .right table td > div {
  margin-top: 15px;
  padding: 20px;
  border: 1px solid #eee;}
.homecare-box .item-flex .right table td > div p {
  margin-bottom: 10px;
  line-height: 1.0;}
.homecare-box .item-flex .right table td > div ul {
  font-size: 14px;
  color: #555;}
.homecare-box .item-flex .right table td > div ul li {
  position: relative;
  padding-left: 1.2em;}
.homecare-box .item-flex .right table td > div ul li:before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.homecare-box .item-flex {
  flex-direction: column;}
.homecare-box .item-flex .left {
  position: static;
  width: 100%;}
.homecare-box .item-flex figure {
  width: 60vw;
  margin: 0 auto;
  border: none;}
.homecare-box .item-flex .right {
  width: 100%;
  margin-left: 0;
  margin-top: 5vw;}
.homecare-box .item-flex .right table,
.homecare-box .item-flex .right table tbody,
.homecare-box .item-flex .right table tr,
.homecare-box .item-flex .right table th,
.homecare-box .item-flex .right table td {
  display: block;}
.homecare-box .item-flex .right table {
  font-size: 3.4vw;
  line-height: 1.9;}
.homecare-box .item-flex .right table th {
  width: 100%;
  margin-bottom: 3vw;
  padding: 0;
  text-align: left;
  font-size: 3.8vw;}
.homecare-box .item-flex .right table td {
  padding: 0;
  padding-left: 0;}
.homecare-box .item-flex .right table tr + tr {
  margin-top: 5vw;}
.homecare-box .item-flex .right table tr + tr th {
  padding-top: 3.5vw;}
.homecare-box .item-flex .right table td > div {
  margin-top: 5vw;
  padding: 5vw;}
.homecare-box .item-flex .right table td > div p {
  margin-bottom: 3vw;
  text-align: center;
  font-size: 3.8vw;}
.homecare-box .item-flex .right table td > div ul {
  font-size: 3.4vw;}
}

/*  クリスティーナ化粧品用レイアウト > その他シリーズ
--------------------------------------------------------------*/
.homecare-other {
  margin-top: 80px;}
.homecare-other ul {
  display: flex;
  flex-wrap: wrap;}
.homecare-other ul li {
  position: relative;
  width: 23.5%;
  margin-top: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;}
.homecare-other ul li:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  transition: .2s;}
.homecare-other ul li + li {
  margin-left: 2%;}
.homecare-other ul li:nth-child(-n+4) {
  margin-top: 0;}
.homecare-other ul li:nth-child(4n+1) {
  margin-left: 0;}
.homecare-other ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
  font-size: 18px;
  color: #fff;
  letter-spacing: .1em;
  z-index: 2;}
.homecare-other ul li:hover:after {
  opacity: .5;}
.homecare-other ul li.theraskin {
  background-image: url(../img/under/homecare/theraskin_tmb01.png);}
.homecare-other ul li.biosatin {
  background-image: url(../img/under/homecare/bio-satin-serum_tmb01.png);}
.homecare-other ul li.unstress {
  background-image: url(../img/under/homecare/unstress_tmb01.png);}
.homecare-other ul li.biophyto {
  background-image: url(../img/under/homecare/biophyto_tmb01.png);}
.homecare-other ul li.illustrious {
  background-image: url(../img/under/homecare/illustrious_tmb01.png);}
.homecare-other ul li.rose-de-mer {
  background-image: url(../img/under/homecare/rose-de-mer_tmb01.png);}
.homecare-other ul li.forever-young {
  background-image: url(../img/under/homecare/forever-young_tmb01.png);}
.homecare-other ul li.muse {
  background-image: url(../img/under/homecare/muse_tmb01.png);}
.homecare-other ul li.comodex {
  background-image: url(../img/under/homecare/comodex_tmb01.png);}
.homecare-other ul li.silk {
  background-image: url(../img/under/homecare/silk_tmb01.png);}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.homecare-other {
  margin-top: 10vw;}
.homecare-other ul {
  justify-content: space-between;}
.homecare-other ul li {
  width: 49%;
  margin-top: 1.8vw;}
.homecare-other ul li:after {
  transition: 0;}
.homecare-other ul li + li {
  margin-left: 0}
.homecare-other ul li:nth-child(-n+4) {
  margin-top: 1.8vw;}
.homecare-other ul li:nth-child(-n+2) {
  margin-top: 0;}
.homecare-other ul li a {
  height: 20vw;
  font-size: 3.4vw;}
.homecare-other ul li:hover:after {
  opacity: 1;}
}

/*  クリスティーナ化粧品用：一覧レイアウト
--------------------------------------------------------------*/
.homecare-category {
  margin-top: 80px;}
.homecare-category .christina-logo {
  margin-bottom: 40px;
  text-align: center;}
.homecare-category .christina-logo img {
  width: 300px;
  height: auto;}
.homecare-category ul {
  display: flex;
  flex-wrap: wrap;}
.homecare-category ul li {
  position: relative;
  width: 23.5%;
  margin-top: 40px;}
.homecare-category ul li + li {
  margin-left: 2%;}
.homecare-category ul li:nth-child(-n+4) {
  margin-top: 0;}
.homecare-category ul li:nth-child(4n+1) {
  margin-left: 0;}
.homecare-category ul li a {
  display: block;
  color: #000;}
.homecare-category ul li a img {
  transition: .3s;}
.homecare-category ul li a:hover img {
  opacity: .5;}
.homecare-category ul li a .mos-l {
  margin: 15px 0 10px;
  text-align: center;
  font-size: 14px;}
.homecare-category ul li a h3 {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 500;
  font-size: 18px;}
.homecare-category ul li a h3:after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 50px;
  height: 2px;
  margin-left: -25px;
  background-color: red;}
.homecare-category ul li a .txt {
  line-height: 1.7;}
.homecare-category ul li.theraskin h3 {
  color: #38829b;}
.homecare-category ul li.theraskin h3:after {
  background-color: #38829b;}
.homecare-category ul li.unstress h3 {
  color: #54beb3;}
.homecare-category ul li.unstress h3:after {
  background-color: #54beb3;}
.homecare-category ul li.biophyto h3 {
  color: #618f2e;}
.homecare-category ul li.biophyto h3:after {
  background-color: #618f2e;}
.homecare-category ul li.illustrious h3 {
  color: #a7a8a9;}
.homecare-category ul li.illustrious h3:after {
  background-color: #a7a8a9;}
.homecare-category ul li.rose-de-mer h3 {
  color: #162c7d;}
.homecare-category ul li.rose-de-mer h3:after {
  background-color: #162c7d;}
.homecare-category ul li.forever-young h3 {
  color: #f7b05b;}
.homecare-category ul li.forever-young h3:after {
  background-color: #f7b05b;}
.homecare-category ul li.muse h3 {
  color: #d76ea8;}
.homecare-category ul li.muse h3:after {
  background-color: #d76ea8;}
.homecare-category ul li.chateau-de-beaute h3 {
  color: #7e2d4f;}
.homecare-category ul li.chateau-de-beaute h3:after {
  background-color: #7e2d4f;}
.homecare-category ul li.comodex h3 {
  color: #842331;}
.homecare-category ul li.comodex h3:after {
  background-color: #842331;}
.homecare-category ul li.silk h3 {
  color: #b29e97;}
.homecare-category ul li.silk h3:after {
  background-color: #b29e97;}
.homecare-category ul li.bio-satin-serum h3 {
  color: #686869;}
.homecare-category ul li.bio-satin-serum h3:after {
  background-color: #686869;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.homecare-category {
  margin-top: 10vw;}
.homecare-category .christina-logo {
  margin-bottom: 5vw;}
.homecare-category .christina-logo img {
  width: 50vw;}
.homecare-category ul {
  justify-content: space-between;}
.homecare-category ul li {
  width: 49%;
  margin-top: 3.5vw;}
.homecare-category ul li:after {
  transition: 0;}
.homecare-category ul li + li {
  margin-left: 0}
.homecare-category ul li:nth-child(-n+4) {
  margin-top: 1.8vw;}
.homecare-category ul li:nth-child(-n+2) {
  margin-top: 0;}
.homecare-category ul li a img {
  transition: 0;}
.homecare-category ul li a:hover img {
  opacity: 1;}
.homecare-category ul li a .mos-l {
  margin: 3vw 0 2vw;
  font-size: 3vw;}
.homecare-category ul li a h3 {
  margin-bottom: 5vw;
  font-size: 3.5vw;}
.homecare-category ul li a h3:after {
  bottom: -3.5vw;
  left: 0;
  width: 100%;
  margin-left: 0;}
.homecare-category ul li a .txt {
  display: none;}
}

/*

  下層ページ：汎用的に使えるテーブルレイアウト

================================================================
*/
.common-table {
  width: 100%;
  line-height: 1.6;}
.common-table tr + tr {
  border-top: 1px solid #ccc;}
.common-table th {
  white-space: nowrap;
  padding: 15px 50px;
  background-color: #f7f7f7;
  font-weight: 500;}
.common-table td {
  padding: 15px;
  padding-left: 30px;}
.common-table td ul {
  display: flex;
  height: 40px;}
.common-table td ul li {
  width: 140px;
  height: 100%;}
.common-table td ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 15px;
  color: #fff;}
.common-table td ul li.line a {
  background-color: #13bf4d;}
.common-table td ul li.web a {
  background-color: #000;}
.common-table td ul li a span {
  position: relative;
  top: -.1em;
  display: flex;
  align-items: center;}
.common-table td ul li a span i {
  font-size: 86%;}
.common-table td a.calender {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: 34px;
  margin-top: 5px;
  padding: 0 5px 0 25px;
  border-bottom: 1px solid #000;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px auto;
  background-image: url(../img/common/icon_calender.png);
  font-size: 15px;
  color: #000;}
.common-table td a.calender span {
  position: relative;
  top: -.1em;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.common-table,
.common-table tr,
.common-table tbody,
.common-table th,
.common-table td {
  display: block;}
.common-table {
  line-height: 1.7;
  font-size: 3.5vw;}
.common-table tr + tr {
  border-top: none;}
.common-table th {
  padding: 2vw;}
.common-table td {
  padding: 3vw 5vw;}
.common-table td ul {
  height: 12vw;}
.common-table td ul li {
  width: 50%;}
.common-table td ul li a {
  font-size: 4vw;}
.common-table td a.calender {
  justify-content: center;
  width: 60%;
  height: 10vw;
  margin-top: 3vw;
  padding: 0;
  border: 1px solid #000;
  background-position: left 3vw center;
  background-size: 5vw auto;
  font-size: 3.4vw;}
}

/*  p-hihuka20-03
--------------------------------------------------------------*/
.p-hihuka20-03 {
  margin-top: 80px;}
.p-hihuka20-03 .box {
  margin-top: 40px;}
.p-hihuka20-03 table {
  width: 100%;
  line-height: 1.5;
  font-size: 16px;}
.p-hihuka20-03 table thead th {
  width: 25%;
  padding: 20px;
  background-color: #f7f7f7;}
.p-hihuka20-03 table thead th h4 {
  margin-top: 10px;
  font-weight: 600;
  line-height: 1.4;
  font-size: 16px;}
.p-hihuka20-03 table thead th p {
  margin-top: 5px;
  font-size: 13px;
  color: #666;}
.p-hihuka20-03 table thead th:first-child {
  background-color: #fff;}
.p-hihuka20-03 table thead th + th {
  border: solid #ccc;
  border-width: 1px 1px 0 1px;}
.p-hihuka20-03 table tbody th {
  padding: 20px;
  background-color: #000;
  color: #fff;
  border: solid #ccc;
  border-width: 0 0 1px 0;}
.p-hihuka20-03 table tbody td {
  padding: 20px;
  border: solid #ccc;
  border-width: 0 1px 1px 0;
  text-align: center;}
.p-hihuka20-03 table tbody tr:first-child td {
  text-align: left;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
.p-hihuka20-03 {
  margin-top: 15vw;}
.p-hihuka20-03 .box {
  overflow-x: auto;
  margin-top: 5vw;}
.p-hihuka20-03 table {
  white-space: nowrap;
  font-size: 3.5vw;}
.p-hihuka20-03 table thead th {
  width: auto;
  padding: 3vw;}
.p-hihuka20-03 table thead th figure img {
  width: 30vw;
  height: auto;}
.p-hihuka20-03 table thead th h4 {
  margin-top: 2vw;
  font-size: 3.5vw;}
.p-hihuka20-03 table thead th p {
  margin-top: 2vw;
  font-size: 2.8vw;}
.p-hihuka20-03 table thead th:first-child {
  background-color: #fff;}
.p-hihuka20-03 table tbody th {
  padding: 3vw;}
.p-hihuka20-03 table tbody td {
  padding: 3vw;}
}
.p-hihuka20-03 table.hifuka01 td {
  font-size: 24px;
}
.features-list-checklist-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
.features-list-checklist {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.features-list-checklist>li {
  border: none !important;
  padding: 0 !important;
  width: auto !important;
  margin: 0 !important;
  line-height: 1.5;
  font-size: 18px;
  display: flex;
  gap: 25px;
}
.features-list-checklist>li::before {
  content: "";
  background: url(https://christina-clinic.com/renewal/wp-content/themes/cc/img/menu/hifuka01/suikou_arrow01.svg) no-repeat;
  width: 21px;
  height: 20px;
  display: inline-block;
  margin-top: .25em;
  flex-shrink: 0;
  background-size: contain;
}
@media (max-width: 767px) {
  .features-list-checklist>li {
    gap: 4vw;
    font-size: 3.6vw;
  }
  .features-list-checklist>li::before {
    width: 4vw;
    height: 4vw;
  }
  .p-hihuka20-03 table.hifuka01 thead th:not(:first-child) {
    min-width: 45vw;
  }
  .p-hihuka20-03 table.hifuka01 td {
    font-size: 5vw;
  }
}

.p-hifuka28-01.fatx-core table tbody tr:first-child td {
  background-color: #fff;
}
.p-hifuka28-01.fatx-core table tbody tr:last-child td {
  background-color: #f7f7f7;
}
.p-hifuka28-01.fatx-core table figure {
  margin-top: 10px;
}
.sv-image.fatx-core {
  background-image: url(https://christina-clinic.com/renewal/wp-content/themes/cc/img/menu/fatx-core/fatx-core_mv01_pc.png);
}
@media (max-width: 767px) {
  .sv-image.fatx-core {
    background-image: url(https://christina-clinic.com/renewal/wp-content/themes/cc/img/menu/fatx-core/fatx-core_mv01_sp.png);
  }
}
.tac,
.txt-center {
  text-align: center;
}


/*

  記事：カテゴリページ

================================================================
*/

/*

  記事：詳細ページ

================================================================
*/