@charset "UTF-8";
/*
Theme Name:		FIENA-BRAND-THEME
Theme URI:		https://digiheads.co.jp/
Description:	Base Theme
Author:			Digiheads Inc.
Author URI:		https://digiheads.co.jp/
Version:		1.0.0
License:
License URI:
*/
/* FIENA BRAND THEME */
/* contents block */
.std_width {
  max-width: 1280px;
  min-width: 900px;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .std_width {
    max-width: 100vw;
    min-width: 100vw;
  }
}

.min_width {
  max-width: 900px;
  min-width: 900px;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .min_width {
    max-width: 88vw;
    min-width: 88vw;
  }
}

@media screen and (min-width: 501px) {
  .half_min_width {
    max-width: 450px !important;
    min-width: 450px !important;
  }
  .half_min_width.left {
    margin-left: auto;
  }
  .half_min_width.right {
    margin-right: auto;
  }
}
.smin_width {
  max-width: 600px;
  min-width: 600px;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .smin_width {
    max-width: 88vw;
    min-width: 88vw;
  }
}

/* Device Switching */
@media screen and (max-width: 500px) {
  .dpc {
    display: none !important;
  }
}

@media screen and (min-width: 501px) {
  .dsp {
    display: none !important;
  }
}

br.pc {
  display: block;
}
@media screen and (max-width: 500px) {
  br.pc {
    display: none;
  }
}
br.sp {
  display: none;
}
@media screen and (max-width: 500px) {
  br.sp {
    display: block;
  }
}

@media screen and (min-width: 501px) {
  .text_center_pc {
    text-align: center;
  }
}

@media screen and (max-width: 500px) {
  .text_center_sp {
    text-align: center;
  }
}

/* Themify Css Reset */
.module_row > .row_inner,
.module-layout-part .module_row.fullwidth_row_container > .row_inner {
  max-width: 100% !important;
  padding-top: 0 !important;
}

@media screen and (min-width: 501px) {
  .module_row > .row_inner {
    width: 1280px;
  }
}
/* UIKit Css Reset */
em {
  color: inherit;
}

small {
  font-size: 60%;
  line-height: 1.8;
  display: inline-block;
}

.module-fancy-heading h2.fancy-heading .main-head {
  font-size: 2.2rem;
  letter-spacing: 0.18em;
  color: #95ba96;
  font-weight: 500;
  padding: 4.5em 0 3em;
}
@media screen and (max-width: 500px) {
  .module-fancy-heading h2.fancy-heading .main-head {
    font-size: 1.6rem;
    letter-spacing: 0.25em;
    padding: 3.5em 0 2em;
  }
}
.module-fancy-heading.show-sub-head h2.fancy-heading .sub-head {
  display: block;
  font-size: 2.8rem;
  font-family: "Noto Serif JP", serif;
}
.module-fancy-heading.tb_hide_divider .fancy-heading .sub-head {
  font-size: 0;
  display: none;
}
.module-fancy-heading:not(.tb_hide_divider) h3.fancy-heading .main-head {
  font-size: 2.4rem;
  letter-spacing: 0.09em;
}
@media screen and (max-width: 500px) {
  .module-fancy-heading:not(.tb_hide_divider) h3.fancy-heading .main-head {
    font-size: 4.1vw;
  }
}
.module-fancy-heading h3.fancy-heading .main-head {
  font-family: "Noto Serif JP", serif;
  font-size: 2.8rem;
  font-weight: 400;
  padding: 0.5em 0;
  line-height: 1.6em !important;
  color: #434544;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 500px) {
  .module-fancy-heading h3.fancy-heading .main-head {
    font-size: 4.7vw;
    text-align: center;
    padding: 1.5em 0 0.5em;
  }
}
.module-fancy-heading h3.fancy-heading .main-head + .sub-head {
  margin-bottom: 1em;
}
.module-fancy-heading h3.fancy-heading .main-head + .sub-head:before {
  border-color: #c1c5c8 !important;
  width: 100% !important;
}
.module-fancy-heading h3.fancy-heading .sub-head {
  padding-top: 0 !important;
}

/* Reset CSS */
p,
span,
pre,
div,
h1,
h2,
h3,
h4,
h5 {
  padding: 0;
  margin: 0;
}

ol,
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

a,
a > img {
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
  opacity: 1;
}
a:hover,
a > img:hover {
  opacity: 0.7;
}

a:link,
a:visited {
  color: #434544;
  text-decoration: none;
}

a:link:hover,
a[href]:hover {
  color: #434544;
  text-decoration: none;
}

img {
  display: block;
}

::-moz-selection {
  background: #434544;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #434544;
  color: #fff;
  text-shadow: none;
}

ul#fixed_link {
  display: none;
}

a.tb_turn_on,
span.edit-button {
  display: none !important;
}

/* FIENA ORIGINAL */
html {
  font-size: 62.5% !important;
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}
@media screen and (max-width: 500px) {
  html {
    scroll-padding-top: 50px;
  }
}

body {
  min-width: 900px;
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  font-weight: 300;
}
@media screen and (max-width: 500px) {
  body {
    min-width: 100vw;
  }
}

p {
  font-weight: 300;
}

small {
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Roboto", sans-serif;
}

.san-serif {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
}

img {
  will-change: opacity;
}

/* Common Css Override */
/* Contents Css Override */
/* Base CSS Reset */
#container {
  width: 100%;
  max-width: 100%;
  min-width: 900px;
  padding: 0;
  margin: 0 auto;
  padding-top: 90px;
}
@media screen and (max-width: 500px) {
  #container {
    max-width: 100vw;
    min-width: 100vw;
    padding-top: 50px;
    overflow-x: hidden;
  }
}

#main_column.colnum1 {
  width: 100%;
  margin: 0;
}

/* Header Section */
header {
  width: 100%;
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
}

#header_sec {
  width: 100%;
  max-width: 900px;
  min-width: 900px;
  margin: auto;
}
@media screen and (max-width: 500px) {
  #header_sec {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100vw;
    min-width: 100vw;
    padding-top: 0;
    background: rgba(255, 255, 255, 0.9);
  }
}
#header_sec .uk-navbar-nav > li > a {
  min-height: 90px;
}
@media screen and (max-width: 500px) {
  #header_sec .uk-navbar-nav > li > a {
    min-height: 50px;
  }
}
#header_sec .h_navi_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 90px;
}
@media screen and (max-width: 500px) {
  #header_sec .h_navi_box {
    height: 50px;
  }
}
#header_sec .h_navi_box .site_logo {
  padding: 0;
  display: block;
  padding: 0;
  margin: 0;
}
#header_sec .h_navi_box .site_logo a > img {
  max-height: 26px;
  width: auto;
}
@media screen and (max-width: 500px) {
  #header_sec .h_navi_box .site_logo a > img {
    max-height: 14px;
  }
}
@media screen and (max-width: 500px) {
  #header_sec .h_navi_box .s_navi_open,
  #header_sec .h_navi_box .s_navi_shop {
    padding-left: 20px;
  }
}
#header_sec .h_navi_box .s_navi_open a,
#header_sec .h_navi_box .s_navi_shop a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5rem;
  padding: 0;
}
@media screen and (max-width: 500px) {
  #header_sec .h_navi_box .s_navi_open a,
  #header_sec .h_navi_box .s_navi_shop a {
    font-size: 3rem;
  }
}
#header_sec .h_navi_box .s_navi_open a .nv_icon,
#header_sec .h_navi_box .s_navi_shop a .nv_icon {
  max-width: 37px;
  height: auto;
}
@media screen and (max-width: 500px) {
  #header_sec .h_navi_box .s_navi_open a .nv_icon,
  #header_sec .h_navi_box .s_navi_shop a .nv_icon {
    max-width: 20px;
  }
}

/* Sub navi Sec */
.uk-offcanvas-bar {
  background: rgba(67, 69, 68, 0.9);
  width: 480px;
  left: -480px;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
@media screen and (max-width: 500px) {
  .uk-offcanvas-bar {
    width: 100vw;
    left: -100vw;
  }
}

.sub_navi_box {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
}
.sub_navi_box h2.sbn_tit {
  text-align: center;
  padding: 0.5em 0 1em;
}
.sub_navi_box h2.sbn_tit a > img {
  display: inline-block;
  max-height: 25px;
  width: auto;
}
@media screen and (max-width: 500px) {
  .sub_navi_box h2.sbn_tit a > img {
    max-height: 27px;
  }
}
.sub_navi_box ul,
.sub_navi_box li {
  padding: 0;
  margin: 0;
}
.sub_navi_box a {
  color: #fff;
}
.sub_navi_box .sbn_close_bot {
  text-align: right;
}
.sub_navi_box .sbn_close_bot a {
  font-size: 1.5rem;
}
.sub_navi_box .sbn_close_bot a:hover {
  opacity: 0.7;
}
.sub_navi_box .sbn_close_bot .cls_icon {
  padding-left: 0.5em;
  max-height: 30px;
  width: auto;
}
.sub_navi_box .sbn_menu {
  padding: 1em 0;
}
.sub_navi_box .sbn_menu h4 {
  text-align: left;
  padding-bottom: 0.5em;
}
.sub_navi_box .sbn_menu ul {
  display: block;
}
.sub_navi_box .sbn_menu ul li {
  display: block;
  width: 100%;
  padding: 0;
  border-top: #c1c5c8 solid 1px;
}
.sub_navi_box .sbn_menu ul li.uk-open {
  padding-bottom: 0;
}
.sub_navi_box .sbn_menu ul li.uk-open .uk-accordion-title::before {
  content: "ー";
  color: #99a7af;
  margin-right: 7px;
  background: space;
}
.sub_navi_box .sbn_menu ul li:last-child {
  border-bottom: #c1c5c8 solid 1px;
}
.sub_navi_box .sbn_menu ul li a {
  display: block;
  font-size: 1.5rem;
  padding: 1em 0 1em 0.5em;
  letter-spacing: 0.2em;
}
.sub_navi_box .sbn_menu ul li a::before {
  content: "";
  width: 8px;
  height: 16px;
  margin-right: 10px;
  float: right;
  background: url("./assets/images/arrow_right_gr.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.sub_navi_box .sbn_menu ul li a:hover {
  color: #fff;
  opacity: 0.7;
}
.sub_navi_box .sbn_menu_list {
  padding: 1em 0;
}
.sub_navi_box .sbn_menu_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.sub_navi_box .sbn_menu_list ul li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5em;
}
.sub_navi_box .sbn_menu_list ul li a {
  font-size: 1.2rem;
  position: relative;
  padding-left: 0.75em;
}
.sub_navi_box .sbn_menu_list ul li a::before {
  content: "";
  width: 10px;
  height: 10px;
  background: url("./assets/images/arrow_right_gr.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sub_navi_box .sbn_menu_list ul li a:hover {
  color: #fff;
  opacity: 0.7;
}
.sub_navi_box .sns_link h3 {
  text-align: center;
  padding-bottom: 0.5em;
}
.sub_navi_box .sns_link h3 img {
  max-height: 16px;
  width: auto;
}
.sub_navi_box .sns_link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sub_navi_box .sns_link ul li {
  padding: 0.5em;
  width: 35px;
}

/* Content */
[class*=slide_txt_] svg {
  overflow: visible;
}

.module-plain-text {
  font-weight: 300;
  color: #434544;
}
.module-plain-text span {
  display: block;
}

.module-text {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 2em;
  font-weight: 300;
  color: #434544;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 500px) {
  .module-text {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}

.module-buttons {
  margin-top: 2em;
}
@media screen and (max-width: 500px) {
  .module-buttons {
    margin-top: 1.5em;
  }
}
.module-buttons .module-buttons-item a {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 1.3rem;
  padding: 0.5em 0.75em;
  letter-spacing: 0.08em;
}
.module-buttons.btn_cark_bibo_serum a {
  background-color: #434544;
  color: #fff;
}
.module-buttons.btn_cark_bibo_serum a em {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.module-buttons.btn_cce a {
  background-color: #fff;
  color: #434544;
  border-color: #434544;
}
.module-buttons.btn_cce a em {
  color: #434544;
  font-size: 1.6rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sec .scroll_box {
  text-align: center;
  display: block;
  margin: 8em 0;
}
@media screen and (max-width: 500px) {
  .sec .scroll_box {
    margin: 4em 0;
  }
}
.sec .scroll_box .scroll_bot {
  display: inline-block;
  max-height: 35px;
  width: auto;
}
@media screen and (max-width: 500px) {
  .sec .scroll_box .scroll_bot {
    max-height: 28px;
  }
}
.sec .scroll_box a, .sec .scroll_box .scroll_bot {
  -moz-user-drag: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
}
.sec .more_box {
  text-align: center;
  display: block;
  margin: 1em 0 2em;
}
.sec .more_box .more_bot {
  display: inline-block;
  max-height: 35px;
  width: auto;
}
@media screen and (max-width: 500px) {
  .sec .more_box .more_bot {
    max-height: 28px;
  }
}
.sec .more_box a, .sec .more_box .more_bot {
  -moz-user-drag: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
}

/*
.fadein {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    transition: all 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms;
}
.fadein.scrollin {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}*/
.wow {
  -webkit-transition: all 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transition: all 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
/* Products Section */
.col_cart .module-image .image-content {
  padding-bottom: 0 !important;
}
.col_cart .module-image .image-content .image-title {
  padding: 0;
  margin-bottom: 0;
  font-size: 1.9rem;
  color: #95ba96;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 500px) {
  .col_cart .module-image .image-content .image-title {
    margin-top: 1.2em;
  }
}
.col_cart .module-fancy-heading h3.fancy-heading .main-head {
  text-align: center;
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
  padding: 0;
  margin-top: 1em;
}
@media screen and (max-width: 500px) {
  .col_cart .module-fancy-heading h3.fancy-heading .main-head {
    font-size: 1.5rem;
  }
}
.col_cart .module-plain-text {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 1.7rem;
  font-weight: 400;
}
@media screen and (max-width: 500px) {
  .col_cart .module-plain-text {
    font-size: 1.3rem;
  }
}
.col_cart .module-buttons {
  margin-top: 1em;
}
.col_cart .module-buttons .module-buttons-item a {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 2rem;
  width: 268px;
  padding: 0.5em 0;
  letter-spacing: 0.18em;
  border-radius: 46px;
  position: relative;
}
.col_cart .module-buttons .module-buttons-item a em {
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
  line-height: 1;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.col_cart .module-buttons.btn_buy a {
  background-color: #434544;
  color: #fff !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.col_cart .module-buttons.btn_buy a em {
  color: #fff;
}
.col_cart .module-buttons.btn_info a {
  background-color: #fff;
  color: #434544;
  border-color: #434544;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.col_cart .module-buttons.btn_info a em {
  color: #434544;
}
@media screen and (max-width: 500px) {
  .col_cart .module-image img {
    width: 88vw;
  }
}

.products .col_cart .module-image .image-content .image-title {
  margin-top: 1.5em;
}
.products .col_cart .btn_buy {
  margin-top: 1em;
  margin-bottom: 8em;
}
@media screen and (max-width: 500px) {
  .products .col_cart .btn_buy {
    margin-bottom: 5em;
  }
}

/* MEDIA Section */
.sec_divider {
  margin: 1em auto 3em;
}

#media_sec h2.fancy-heading .main-head {
  padding-bottom: 0;
}
#media_sec h2.fancy-heading .sub-head {
  border-bottom: #c1c5c8 solid 1px;
  padding-top: 0.5em;
}
#media_sec #media_post {
  display: block;
  text-align: left;
  padding: 3% 0 0;
}
#media_sec #media_post article.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding-bottom: 2em;
  margin-bottom: 2em;
  border-bottom: #c1c5c8 solid 1px;
}
#media_sec #media_post article.media:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
#media_sec #media_post article.media .post-image {
  width: 90px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: #c1c5c8 solid 1px;
  margin: 0;
}
@media screen and (max-width: 500px) {
  #media_sec #media_post article.media .post-image {
    margin-right: 1em;
  }
}
#media_sec #media_post article.media .post-content {
  width: 760px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
@media screen and (max-width: 500px) {
  #media_sec #media_post article.media .post-content {
    display: block;
    width: 70%;
  }
}
#media_sec #media_post article.media .post-content .post-date {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  display: block;
  width: 100px;
  color: #95ba96;
  font-size: 1.6rem;
}
@media screen and (max-width: 500px) {
  #media_sec #media_post article.media .post-content .post-date {
    width: 100%;
    margin-bottom: 0.3em;
  }
}
#media_sec #media_post article.media .post-content .post-title {
  display: block;
  width: 660px;
  font-size: 1.8rem;
  color: #434544;
  font-weight: 300;
  padding: 0;
  letter-spacing: 0;
}
@media screen and (max-width: 500px) {
  #media_sec #media_post article.media .post-content .post-title {
    width: 100%;
    font-size: 1.6rem;
    padding-bottom: 0.3em;
  }
}
#media_sec #media_post article.media .post-content p {
  display: block;
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  color: #434544;
  width: 660px;
  font-size: 1.6rem;
}
@media screen and (max-width: 500px) {
  #media_sec #media_post article.media .post-content p {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.7em;
  }
}
#media_sec #media_post .pagenav {
  text-align: center;
}
#media_sec #media_post .tf_load_more a {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
}

/* TOP NEWS LIST */
.news h2.fancy-heading .main-head {
  padding-bottom: 0;
}
.news .news_post {
  margin-bottom: 5%;
}
.news .news_post .bip-post-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2em;
}
@media screen and (max-width: 500px) {
  .news .news_post .bip-post-text {
    display: block;
    text-align: left;
  }
}
.news .news_post .bip-post-text time,
.news .news_post .bip-post-text h2 {
  text-align: left;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 300;
  padding: 0;
  margin: 0;
}
.news .news_post .bip-post-text time {
  color: #988b7e;
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  width: 10em;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 500px) {
  .news .news_post .bip-post-text time {
    padding-bottom: 0.5em;
  }
}
.news .module-infinite-posts.layout-parallax.height-default .builder-infinite-posts-wrap .post {
  padding-top: 0;
  padding-bottom: 0;
}
.news .module-infinite-posts.layout-parallax.height-default .builder-infinite-posts-wrap .post:last-child {
  padding-bottom: 1%;
}

/* Back to Top */
#gotop {
  display: none;
}

a.back-to-top {
  z-index: 999;
  text-align: center;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #c1c5c8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

/* Footer Section */
#footer_wrap {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  background: #434544;
  border-top: none !important;
  padding: 3% 0;
  color: #fff;
}
#footer_wrap a,
#footer_wrap h3 {
  color: #fff;
}
#footer_wrap .footer_info {
  width: 900px;
  display: block;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info {
    width: 390px;
    max-width: 88vw;
    min-width: 88vw;
  }
}
#footer_wrap .footer_info .info_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info .info_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0.5em;
  }
}
#footer_wrap .footer_info .info_box .tel_info {
  display: block;
  width: 40%;
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info .info_box .tel_info {
    width: 100%;
  }
}
#footer_wrap .footer_info .info_box .tel_info img {
  max-height: 30px;
  width: auto;
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info .info_box .tel_info img {
    margin: auto;
  }
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info .info_box .tel_info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 1px solid #fff;
    margin-bottom: 0.75em;
  }
}
#footer_wrap .footer_info .info_box .tel_info ul li {
  padding-bottom: 0.5em;
  text-align: left;
  letter-spacing: 0.16em;
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info .info_box .tel_info ul li {
    font-size: 1.1rem;
    padding-bottom: 0.75em;
  }
}
#footer_wrap .footer_info .info_box .tel_info ul li.call_info {
  text-indent: -0.5em;
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info .info_box .tel_info ul li.tel_no {
    width: 100%;
  }
}
#footer_wrap .footer_info .footer_navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 60%;
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info .footer_navi {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}
#footer_wrap .footer_info .footer_navi ul {
  display: block;
  width: 40%;
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info .footer_navi ul:first-child {
    width: 45%;
  }
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info .footer_navi ul:last-child {
    width: 55%;
  }
}
#footer_wrap .footer_info .footer_navi ul li {
  padding-bottom: 0.7em;
}
#footer_wrap .footer_info .footer_navi ul li a {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  white-space: nowrap;
  position: relative;
  padding-left: 0.75em;
}
#footer_wrap .footer_info .footer_navi ul li a::before {
  content: "";
  width: 10px;
  height: 10px;
  background: url("./assets/images/arrow_right_gr.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#footer_wrap .footer_info .footer_navi ul li a:hover {
  opacity: 0.8;
}
#footer_wrap .footer_info h2 {
  display: block;
  border-bottom: #c1c5c8 solid 1px;
  padding-bottom: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info h2 {
    width: 40vw;
    border-bottom: none;
    padding-top: 1em;
    margin-bottom: 0;
  }
}
#footer_wrap .footer_info h2 a {
  display: block;
  text-align: center;
}
#footer_wrap .footer_info h2 a img {
  display: inline-block;
  width: auto;
}
#footer_wrap .footer_info h3 {
  font-size: 1.6rem;
  text-align: left;
  font-weight: 300;
  padding-bottom: 0.5em;
}
@media screen and (max-width: 500px) {
  #footer_wrap .footer_info h3 {
    font-size: 1.4rem;
    text-align: center;
  }
}
#footer_wrap .copyright {
  font-size: 1rem;
  position: absolute;
  bottom: 0.3em;
  right: 0;
  width: 900px;
  text-align: right;
  margin: 0 auto;
}
@media screen and (max-width: 500px) {
  #footer_wrap .copyright {
    width: 100%;
    position: relative;
    text-align: left;
  }
}

/* 個別ページ */
/************************************************
BEAUTEDIO TOP Page Layout
*************************************************/
.page.home {
  /* Top Slider */
  /* Product Section */
  /* About Section */
  /* Features Section */
  /* Philosophy Section */
}
.page.home .slide_sec picture img {
  max-width: 100vw;
}
.page.home .slide_sec .scroll_box .scroll_bot {
  margin: 0 auto;
  width: 94px;
}
@media screen and (max-width: 500px) {
  .page.home .slide_sec .scroll_box .scroll_bot {
    max-height: 26px;
  }
}
@media screen and (max-width: 500px) {
  .page.home .slide_sec .scroll_box .slide_txt {
    height: 3.5vw;
  }
}
.page.home .slide_sec .uk-dotnav {
  margin: 28px auto;
}
@media screen and (max-width: 500px) {
  .page.home .slide_sec .uk-dotnav {
    margin: 18px auto;
  }
}
.page.home .slide_sec .uk-dotnav > *:first-child {
  padding-left: 0;
}
.page.home .slide_sec .uk-dotnav > * > * {
  width: 58px;
  height: 2px;
  border-radius: 0%;
  border: 1px solid rgba(102, 102, 102, 0.2);
}
@media screen and (max-width: 500px) {
  .page.home .slide_sec .uk-dotnav > * > * {
    width: 7.8vw;
  }
}
.page.home .slide_sec .uk-dotnav > .uk-active > * {
  border: 1px solid rgba(102, 102, 102, 0.6);
}
.page.home .slide_sec .slide_txt_01 {
  margin-top: -11%;
  margin-left: -29%;
  -webkit-animation-delay: 1200ms;
          animation-delay: 1200ms;
}
@media screen and (max-width: 1200px) {
  .page.home .slide_sec .slide_txt_01 {
    margin-top: -8%;
    margin-left: -27%;
  }
}
@media screen and (max-width: 960px) {
  .page.home .slide_sec .slide_txt_01 {
    margin-top: -5%;
    margin-left: -25%;
  }
}
@media screen and (max-width: 500px) {
  .page.home .slide_sec .slide_txt_01 {
    margin-left: 0;
    margin-top: -42vw;
  }
  .page.home .slide_sec .slide_txt_01 img {
    width: 46vw;
    margin: auto;
  }
}
@media screen and (max-width: 375px) {
  .page.home .slide_sec .slide_txt_01 {
    margin-top: -28vw;
  }
}
.page.home .slide_sec .slide_txt_02 {
  margin-top: -5%;
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}
@media screen and (max-width: 500px) {
  .page.home .slide_sec .slide_txt_02 {
    margin-top: -20vw;
  }
  .page.home .slide_sec .slide_txt_02 img, .page.home .slide_sec .slide_txt_02 svg {
    width: 53.4vw;
    margin: auto;
  }
}
.page.home .slide_sec .slide_txt_03 {
  margin-top: -2.5%;
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
}
@media screen and (max-width: 500px) {
  .page.home .slide_sec .slide_txt_03 {
    margin-top: -13vw;
  }
  .page.home .slide_sec .slide_txt_03 img, .page.home .slide_sec .slide_txt_03 svg {
    width: 39vw;
    margin: auto;
  }
}
@media screen and (max-width: 500px) {
  .page.home .slide_sec .uk-slideshow-items {
    height: calc(100svh - 92px);
  }
}
@media screen and (min-width: 501px) {
  .page.home .product {
    max-width: initial;
    min-width: initial;
  }
  .page.home .product .prod_dit_sec .sub_column.left > .module {
    grid-column: 2/-1;
  }
  .page.home .product .prod_dit_sec .sub_column.right > .module {
    grid-column: 1/4;
  }
  .page.home .product .prod_dit_sec .sub_column.left, .page.home .product .prod_dit_sec .sub_column.right {
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
  }
  .page.home .product .prod_dit_sec .module-fancy-heading.first h2.fancy-heading .main-head {
    padding-bottom: 4.5em;
  }
  .page.home .product .module-fancy-heading h3.fancy-heading .main-head {
    padding-top: 0;
  }
}
@media screen and (max-width: 500px) {
  .page.home .product .module-fancy-heading h3.fancy-heading .main-head {
    text-align: left;
  }
}
.page.home .product .prod_dit_box {
  display: block;
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  text-align: left;
  font-size: 1.6rem;
}
.page.home .product .prod_dit_box .prod_dit {
  font-size: 1.4rem;
  line-height: 3em;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 500px) {
  .page.home .product .prod_dit_box .prod_dit {
    line-height: 2em;
  }
}
.page.home .product .col_cart {
  margin-top: 6em;
  letter-spacing: 0.18em;
}
@media screen and (max-width: 500px) {
  .page.home .product .col_cart {
    margin-top: 2em;
  }
  .page.home .product .col_cart .module-image img {
    width: 45vw;
    margin-bottom: -8vw;
  }
  .page.home .product .col_cart .module-fancy-heading h3.fancy-heading .main-head {
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  .page.home .about_point_img img {
    max-height: 120px;
    width: auto;
    padding: 1.5em 0;
  }
}
.page.home .about .about_dit {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  display: block;
  text-align: left;
  font-size: 1.6rem;
  line-height: 3em;
}
@media screen and (max-width: 500px) {
  .page.home .about .about_dit {
    font-size: 1.4rem;
    text-align: center;
  }
}
.page.home .about .about_dit p {
  white-space: nowrap;
}
.page.home .about .about_dit p + p {
  margin-top: 3em;
}
.page.home .about .about_img_box {
  display: block;
  max-width: 60vw;
}
.page.home .about .about_img_box .about_img {
  max-width: 570px;
  height: auto;
}
.page.home .features .module-fancy-heading h2.fancy-heading .main-head {
  padding-bottom: 2em;
}
@media screen and (max-width: 500px) {
  .page.home .features .module-fancy-heading h2.fancy-heading .main-head {
    padding-bottom: 1em;
  }
}
.page.home .features .module-fancy-heading h3.fancy-heading .main-head {
  padding-top: 0;
  padding-bottom: 1em;
}
.page.home .features .feat_dit {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 1.6rem;
  line-height: 4em;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 500px) {
  .page.home .features .feat_dit {
    font-size: 1.4rem;
    line-height: 3em;
  }
}
.page.home .philosophy .module-fancy-heading h2.fancy-heading .main-head {
  padding-bottom: 1.5em;
}
@media screen and (max-width: 500px) {
  .page.home .philosophy .module-fancy-heading h2.fancy-heading .main-head {
    padding-bottom: 1em;
  }
}
.page.home .philosophy .module-fancy-heading h3.fancy-heading .main-head {
  padding-top: 0;
  text-align: center;
}
.page.home .philosophy .phil_dit_sec {
  margin: 2% 0;
}
.page.home .philosophy .phil_dit_sec .philo_txt_01 {
  margin-bottom: -5em;
}
@media screen and (max-width: 500px) {
  .page.home .philosophy .phil_dit_sec .philo_txt_01 {
    width: 45vw;
    margin-bottom: -9vw;
    margin-left: 3vw;
  }
}
.page.home .philosophy .phil_dit_sec .philo_txt_02 {
  margin-bottom: -5em;
}
@media screen and (max-width: 500px) {
  .page.home .philosophy .phil_dit_sec .philo_txt_02 {
    width: 42.1vw;
    margin-bottom: -8vw;
    margin-left: -5vw;
  }
}
.page.home .philosophy .phil_dit_sec .philo_txt_03 {
  margin-bottom: -5em;
}
@media screen and (max-width: 500px) {
  .page.home .philosophy .phil_dit_sec .philo_txt_03 {
    width: 63.3vw;
    margin-bottom: -8vw;
    margin-left: 0;
  }
}
@media screen and (max-width: 500px) {
  .page.home .philosophy .phil_dit_sec.phil_01, .page.home .philosophy .phil_dit_sec.phil_02, .page.home .philosophy .phil_dit_sec.phil_03 {
    width: 88vw;
    margin: 0 auto;
  }
  .page.home .philosophy .phil_dit_sec.phil_02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page.home .philosophy .phil_dit_sec [id^=philo_ph] img {
    width: 88vw;
  }
}
.page.home .philosophy .phil_dit_box {
  display: block;
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  text-align: left;
  width: 380px;
  margin-bottom: 10%;
}
@media screen and (max-width: 500px) {
  .page.home .philosophy .phil_dit_box {
    width: 88vw;
    margin: 10% auto 5%;
  }
}
.page.home .philosophy .phil_dit_box h4 {
  font-weight: 400;
  font-size: 2.5rem;
  letter-spacing: 0.3em;
  border-bottom: #c1c5c8 solid 1px;
  padding-bottom: 0.25em;
  margin-bottom: 0.25em;
  letter-spacing: 0.38em;
}
@media screen and (max-width: 500px) {
  .page.home .philosophy .phil_dit_box h4 {
    font-size: 1.6rem;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
  }
}
.page.home .philosophy .phil_dit_box .sub_tit {
  font-family: "Noto Serif JP", serif;
  font-size: 2rem;
  letter-spacing: 0.2em;
  margin-bottom: 1em;
}
@media screen and (max-width: 500px) {
  .page.home .philosophy .phil_dit_box .sub_tit {
    font-size: 1.5rem;
    padding-bottom: 0;
  }
}
.page.home .philosophy .phil_dit_box .phil_dit {
  font-size: 1.6rem;
  line-height: 3em;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 500px) {
  .page.home .philosophy .phil_dit_box .phil_dit {
    font-size: 1.4rem;
    line-height: 1.8em;
  }
}
@media screen and (min-width: 501px) {
  .page.home .philosophy .left_box .tb_text_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .page.home .philosophy .left_box .tb_text_wrap .phil_dit_box {
    margin-right: 5%;
  }
}
@media screen and (max-width: 500px) {
  .page.home .philosophy .icon_dot img {
    width: 3px;
  }
}

/************************************************
BEAUTEDIO Privacy Policy Page Layout
*************************************************/
/* Privacy Policy Sec */
.policy {
  font-size: 1.5rem;
  line-height: 1.6em;
  margin: 5% 0;
  white-space: pre-wrap;
}
.policy h3 {
  font-size: 2.4rem;
  font-weight: 400;
  padding: 0.5em 0;
}
@media screen and (max-width: 500px) {
  .policy h3 {
    font-size: 2rem;
  }
}
.policy h4 {
  font-size: 1.8rem;
  font-weight: 300;
  padding: 1em 0 0.5em;
  border-bottom: #c1c5c8 solid 1px;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 500px) {
  .policy h4 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 500px) {
  .policy {
    font-size: 1.2rem;
    margin-top: 0;
  }
}

/************************************************
BEAUTEDIO Company Page Layout
*************************************************/
/* Company Section */
@media screen and (max-width: 500px) {
  .com_top_sec .tb-column-inner {
    max-width: 88vw;
    min-width: 88vw;
    margin: 0 auto;
  }
}

.com_sec .com_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 500px) {
  .com_sec .com_box {
    display: block;
  }
  .com_sec .com_box .com_dit_left .tit,
  .com_sec .com_box .com_dit_left .desc,
  .com_sec .com_box .com_dit_right .tit,
  .com_sec .com_box .com_dit_right .desc {
    display: block;
    font-size: 1.1rem;
  }
}
.com_sec .com_box .com_dit_left,
.com_sec .com_box .com_dit_right {
  display: block;
}
.com_sec .com_box .com_dit_left li,
.com_sec .com_box .com_dit_right li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1em 0;
  border-top: #ccd3d7 solid 1px;
  line-height: 1.6em;
}
.com_sec .com_box .com_dit_left li .tit,
.com_sec .com_box .com_dit_right li .tit {
  font-size: 1.4rem;
  padding-right: 0.5em;
}
.com_sec .com_box .com_dit_left li .desc,
.com_sec .com_box .com_dit_right li .desc {
  font-size: 1.4rem;
}
.com_sec .com_box .com_dit_left li .desc.logo,
.com_sec .com_box .com_dit_right li .desc.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 500px) {
  .com_sec .com_box .com_dit_left li .desc.logo,
  .com_sec .com_box .com_dit_right li .desc.logo {
    display: block;
  }
}
.com_sec .com_box .com_dit_left li .desc.logo .com_logo,
.com_sec .com_box .com_dit_right li .desc.logo .com_logo {
  padding-right: 1em;
}
@media screen and (max-width: 500px) {
  .com_sec .com_box .com_dit_left li .desc.logo .com_logo,
  .com_sec .com_box .com_dit_right li .desc.logo .com_logo {
    padding: 0 0 0.5em 0;
  }
}
.com_sec .com_box .com_dit_left li .desc.logo .com_name,
.com_sec .com_box .com_dit_right li .desc.logo .com_name {
  display: block;
  white-space: nowrap;
  padding: 0;
  margin: 0;
}
.com_sec .com_box .com_dit_left {
  width: 485px;
}
@media screen and (max-width: 500px) {
  .com_sec .com_box .com_dit_left {
    width: 100%;
  }
}
.com_sec .com_box .com_dit_left .tit {
  width: 6em;
}
@media screen and (max-width: 500px) {
  .com_sec .com_box .com_dit_left .tit {
    min-width: 6em;
  }
}
.com_sec .com_box .com_dit_left .desc {
  /*width: 31em;*/
}
.com_sec .com_box .com_dit_left .desc.supp {
  font-size: 1.3rem;
}
.com_sec .com_box .com_dit_right {
  width: 385px;
}
@media screen and (max-width: 500px) {
  .com_sec .com_box .com_dit_right {
    width: 100%;
  }
}
.com_sec .com_box .com_dit_right li:last-child {
  border-bottom: #ccd3d7 solid 1px;
}
.com_sec .com_box .com_dit_right .tit {
  width: 6em;
}
.com_sec .com_box .com_dit_right .desc {
  /*width: 20em;*/
}

/************************************************
BEAUTEDIO NEWS Archive Layout
*************************************************/
/* Archive Section */
.post-type-archive .uk-card-title {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  color: #95ba96;
  font-size: 2.5rem;
  margin: 0.75em auto !important;
  letter-spacing: 0.2em;
}
.post-type-archive .archive_list {
  width: 900px;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .post-type-archive .archive_list {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
  }
}
.post-type-archive .archive_list li {
  border-top: 1px solid #c1c5c8;
}
.post-type-archive .archive_list li .eyecatch .image_wrap {
  width: 180px;
  height: 180px;
  border: 1px solid #ccd3d7;
  display: block;
  margin: auto;
}
.post-type-archive .archive_list li .eyecatch .image_wrap img {
  width: 180px;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .post-type-archive .archive_list li .detail {
    padding-left: 0 !important;
  }
}
.post-type-archive .archive_list li .detail .title {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  padding: 0.5em 0;
}
@media screen and (max-width: 500px) {
  .post-type-archive .archive_list li .detail .title {
    font-size: 1.6rem;
  }
}
.post-type-archive .archive_list li .detail .date {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 1.4rem;
  color: #988b7e;
}
@media screen and (max-width: 500px) {
  .post-type-archive .archive_list li .detail .date {
    font-size: 1.6rem;
  }
}
.post-type-archive .archive_list li .detail .cont p {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 1.4rem;
  display: block;
  padding-bottom: 1em;
}
@media screen and (max-width: 500px) {
  .post-type-archive .archive_list li .detail .cont p {
    font-size: 1.4rem;
  }
}
.post-type-archive .archive_list li .detail .cont a {
  color: #988b7e;
}
.post-type-archive.post-type-archive-media .archive_list li .eyecatch .image_wrap {
  width: 140px;
}
.post-type-archive.post-type-archive-media .archive_list li .title {
  margin-top: 0 !important;
}
.post-type-archive.post-type-archive-media .archive_list li .date {
  display: none;
}
.post-type-archive.post-type-archive-topics .archive_list li .eyecatch .image_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  border-radius: 0;
  overflow: hidden;
}
.post-type-archive.post-type-archive-topics .archive_list li .eyecatch .image_wrap img {
  width: 184px;
  height: 184px;
  margin-top: -2px;
}

.uk-pagination li {
  margin: 0 4px;
}
.uk-pagination li:not(.period) {
  border: 1px solid #99a7af;
}
.uk-pagination li.selected, .uk-pagination li:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #515658;
}
.uk-pagination li.selected a, .uk-pagination li:hover a {
  color: #fff;
}

/************************************************
BEAUTEDIO Technology Page Layout
*************************************************/
@media screen and (max-width: 500px) {
  .page.technology .module_row.slider + .module_row,
  .page.fiena .module_row.slider + .module_row,
  .page.fiena_cbs .module_row.slider + .module_row,
  .page.about-cactus .module_row.slider + .module_row {
    margin-top: 3em;
  }
}
.page.technology .slide_txt_01,
.page.fiena .slide_txt_01,
.page.fiena_cbs .slide_txt_01,
.page.about-cactus .slide_txt_01 {
  margin-left: 28%;
  margin-top: -8%;
  -webkit-animation-delay: 1200ms;
          animation-delay: 1200ms;
}
@media screen and (max-width: 1200px) {
  .page.technology .slide_txt_01,
  .page.fiena .slide_txt_01,
  .page.fiena_cbs .slide_txt_01,
  .page.about-cactus .slide_txt_01 {
    margin-left: 27%;
    margin-top: -6%;
  }
}
@media screen and (max-width: 960px) {
  .page.technology .slide_txt_01,
  .page.fiena .slide_txt_01,
  .page.fiena_cbs .slide_txt_01,
  .page.about-cactus .slide_txt_01 {
    margin-left: 25%;
    margin-top: -4%;
  }
}
@media screen and (max-width: 500px) {
  .page.technology .slide_txt_01,
  .page.fiena .slide_txt_01,
  .page.fiena_cbs .slide_txt_01,
  .page.about-cactus .slide_txt_01 {
    margin-left: -34vw;
    margin-top: -20vw;
  }
  .page.technology .slide_txt_01 img,
  .page.fiena .slide_txt_01 img,
  .page.fiena_cbs .slide_txt_01 img,
  .page.about-cactus .slide_txt_01 img {
    width: 18vw;
  }
}
.page.technology .slide_ribon,
.page.fiena .slide_ribon,
.page.fiena_cbs .slide_ribon,
.page.about-cactus .slide_ribon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 96px;
  width: 484px;
  background-color: #f1f1f1;
  border: 1px solid #E0E4E6;
  border-right: none;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  padding: 28px 40px;
  margin-bottom: -48px;
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
  z-index: 1;
}
@media screen and (max-width: 500px) {
  .page.technology .slide_ribon,
  .page.fiena .slide_ribon,
  .page.fiena_cbs .slide_ribon,
  .page.about-cactus .slide_ribon {
    padding: 19px 20px 19px 30px;
    margin-bottom: -2.5em;
    height: 72px;
    width: auto;
  }
}
.page.technology .slide_ribon figure,
.page.fiena .slide_ribon figure,
.page.fiena_cbs .slide_ribon figure,
.page.about-cactus .slide_ribon figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.page.technology .slide_ribon figure figcaption,
.page.fiena .slide_ribon figure figcaption,
.page.fiena_cbs .slide_ribon figure figcaption,
.page.about-cactus .slide_ribon figure figcaption {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  letter-spacing: 0.06em;
  line-height: 1.2;
  border-left: 1px solid #c2cbcf;
  padding-left: 0.5em;
}
@media screen and (max-width: 500px) {
  .page.technology .slide_ribon figure figcaption,
  .page.fiena .slide_ribon figure figcaption,
  .page.fiena_cbs .slide_ribon figure figcaption,
  .page.about-cactus .slide_ribon figure figcaption {
    font-size: 1.3rem;
  }
}
.page.technology .slide_ribon figure img,
.page.fiena .slide_ribon figure img,
.page.fiena_cbs .slide_ribon figure img,
.page.about-cactus .slide_ribon figure img {
  margin-left: 1em;
  margin-top: -2em;
}
@media screen and (max-width: 500px) {
  .page.technology .slide_ribon figure img,
  .page.fiena .slide_ribon figure img,
  .page.fiena_cbs .slide_ribon figure img,
  .page.about-cactus .slide_ribon figure img {
    width: 40px;
    margin-left: 0.5em;
  }
}
.page.technology .slide_ribon figure em,
.page.fiena .slide_ribon figure em,
.page.fiena_cbs .slide_ribon figure em,
.page.about-cactus .slide_ribon figure em {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  margin-left: 0;
  padding-left: 1em;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
@media screen and (max-width: 500px) {
  .page.technology .slide_ribon figure em,
  .page.fiena .slide_ribon figure em,
  .page.fiena_cbs .slide_ribon figure em,
  .page.about-cactus .slide_ribon figure em {
    padding-left: 0.5em;
  }
}
.page.technology .slide_ribon:hover figure em,
.page.fiena .slide_ribon:hover figure em,
.page.fiena_cbs .slide_ribon:hover figure em,
.page.about-cactus .slide_ribon:hover figure em {
  -webkit-transform: translateX(0.4em);
          transform: translateX(0.4em);
}
.page.technology .features,
.page.fiena .features,
.page.fiena_cbs .features,
.page.about-cactus .features {
  position: relative;
  margin-top: 10em;
  margin-bottom: 7em;
}
@media screen and (max-width: 500px) {
  .page.technology .features,
  .page.fiena .features,
  .page.fiena_cbs .features,
  .page.about-cactus .features {
    margin-top: 8em;
    margin-bottom: 4em;
  }
}
.page.technology .features .features_txt,
.page.fiena .features .features_txt,
.page.fiena_cbs .features .features_txt,
.page.about-cactus .features .features_txt {
  position: absolute;
  left: -15em;
  top: -5em;
}
@media screen and (max-width: 500px) {
  .page.technology .features .features_txt,
  .page.fiena .features .features_txt,
  .page.fiena_cbs .features .features_txt,
  .page.about-cactus .features .features_txt {
    left: -1em;
    top: -2.5em;
  }
  .page.technology .features .features_txt img,
  .page.fiena .features .features_txt img,
  .page.fiena_cbs .features .features_txt img,
  .page.about-cactus .features .features_txt img {
    width: 45vw;
  }
}
.page.technology .features ol,
.page.fiena .features ol,
.page.fiena_cbs .features ol,
.page.about-cactus .features ol {
  padding: 4em 0 4em 5em;
}
@media screen and (max-width: 500px) {
  .page.technology .features ol,
  .page.fiena .features ol,
  .page.fiena_cbs .features ol,
  .page.about-cactus .features ol {
    padding: 4em 0 4em 3em;
  }
}
.page.technology .features ol li,
.page.fiena .features ol li,
.page.fiena_cbs .features ol li,
.page.about-cactus .features ol li {
  font-size: 2.4rem;
  line-height: 1.6;
  position: relative;
  padding-left: 1em;
  border-left: 1px solid #95ba96;
}
@media screen and (max-width: 500px) {
  .page.technology .features ol li,
  .page.fiena .features ol li,
  .page.fiena_cbs .features ol li,
  .page.about-cactus .features ol li {
    font-size: 4vw;
    white-space: nowrap;
  }
}
.page.technology .features ol li::before,
.page.fiena .features ol li::before,
.page.fiena_cbs .features ol li::before,
.page.about-cactus .features ol li::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  width: 17px;
  height: 34px;
  background-position: center;
  background-size: contain;
  left: -1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .page.technology .features ol li::before,
  .page.fiena .features ol li::before,
  .page.fiena_cbs .features ol li::before,
  .page.about-cactus .features ol li::before {
    width: 11px;
    height: 22px;
  }
}
.page.technology .features ol a,
.page.fiena .features ol a,
.page.fiena_cbs .features ol a,
.page.about-cactus .features ol a {
  display: block;
}
.page.technology .features ol > * + *,
.page.fiena .features ol > * + *,
.page.fiena_cbs .features ol > * + *,
.page.about-cactus .features ol > * + * {
  margin-top: 2em;
}
.page.technology .features ol > *:nth-child(1) > li::before, .page.technology .features ol > li:nth-child(1)::before,
.page.fiena .features ol > *:nth-child(1) > li::before,
.page.fiena .features ol > li:nth-child(1)::before,
.page.fiena_cbs .features ol > *:nth-child(1) > li::before,
.page.fiena_cbs .features ol > li:nth-child(1)::before,
.page.about-cactus .features ol > *:nth-child(1) > li::before,
.page.about-cactus .features ol > li:nth-child(1)::before {
  background-image: url(./assets/images/icon_num_01.svg);
}
.page.technology .features ol > *:nth-child(2) > li::before, .page.technology .features ol > li:nth-child(2)::before,
.page.fiena .features ol > *:nth-child(2) > li::before,
.page.fiena .features ol > li:nth-child(2)::before,
.page.fiena_cbs .features ol > *:nth-child(2) > li::before,
.page.fiena_cbs .features ol > li:nth-child(2)::before,
.page.about-cactus .features ol > *:nth-child(2) > li::before,
.page.about-cactus .features ol > li:nth-child(2)::before {
  background-image: url(./assets/images/icon_num_02.svg);
}
.page.technology .features ol > *:nth-child(3) > li::before, .page.technology .features ol > li:nth-child(3)::before,
.page.fiena .features ol > *:nth-child(3) > li::before,
.page.fiena .features ol > li:nth-child(3)::before,
.page.fiena_cbs .features ol > *:nth-child(3) > li::before,
.page.fiena_cbs .features ol > li:nth-child(3)::before,
.page.about-cactus .features ol > *:nth-child(3) > li::before,
.page.about-cactus .features ol > li:nth-child(3)::before {
  background-image: url(./assets/images/icon_num_03.svg);
}
.page.technology .features ol > *:nth-child(4) > li::before, .page.technology .features ol > li:nth-child(4)::before,
.page.fiena .features ol > *:nth-child(4) > li::before,
.page.fiena .features ol > li:nth-child(4)::before,
.page.fiena_cbs .features ol > *:nth-child(4) > li::before,
.page.fiena_cbs .features ol > li:nth-child(4)::before,
.page.about-cactus .features ol > *:nth-child(4) > li::before,
.page.about-cactus .features ol > li:nth-child(4)::before {
  background-image: url(./assets/images/icon_num_04.svg);
}

/************************************************
BEAUTEDIO Fiena UV SERUM CLEAR VEIL Page Layout
*************************************************/
.page.fiena {
  /* アンカーリンクがずれるのでsvg画像に高さを設定 */
}
@media screen and (max-width: 500px) {
  .page.fiena .slide_txt_01 {
    margin-left: 33vw;
    margin-top: -12vw;
  }
  .page.fiena .slide_txt_01 img {
    width: 12.6vw;
  }
}
@media screen and (max-width: 500px) {
  .page.fiena .slide_ribon figure img {
    width: 25px;
  }
}
.page.fiena .fiena_txt_04 {
  margin-bottom: -5em;
  margin-left: 1em;
}
@media screen and (max-width: 500px) {
  .page.fiena .fiena_txt_04 {
    margin-bottom: -11vw;
    margin-left: 1vw;
  }
  .page.fiena .fiena_txt_04 img {
    width: 29vw;
  }
}
.page.fiena .features + .sec .module-fancy-heading h2.fancy-heading .main-head {
  padding-top: 1.5em;
}
.page.fiena .features + .sec .module_subrow + .module_subrow {
  margin-top: 11em;
}
@media screen and (max-width: 500px) {
  .page.fiena .features + .sec .module_subrow + .module_subrow {
    margin-top: 5em;
  }
}
.page.fiena .fiena_ph_03 {
  height: 627px;
}
@media screen and (max-width: 500px) {
  .page.fiena .fiena_ph_03 {
    height: 106.04vw;
  }
}

/************************************************
BEAUTEDIO Fiena Cark Bibo Serum Page Layout
*************************************************/
.page.fiena_cbs {
  /* アンカーリンクがずれるのでsvg画像に高さを設定 */
}
@media screen and (max-width: 500px) {
  .page.fiena_cbs .slide_txt_01 {
    margin-left: 23vw;
    margin-top: -16vw;
  }
  .page.fiena_cbs .slide_txt_01 img {
    width: 38vw;
  }
}
@media screen and (max-width: 500px) {
  .page.fiena_cbs .slide_ribon figure img {
    width: 40px;
  }
}
.page.fiena_cbs .features + .sec .module-fancy-heading h2.fancy-heading .main-head {
  padding-top: 1.5em;
}
.page.fiena_cbs .features + .sec .module_subrow + .module_subrow {
  margin-top: 11em;
}
@media screen and (max-width: 500px) {
  .page.fiena_cbs .features + .sec .module_subrow + .module_subrow {
    margin-top: 5em;
  }
}
.page.fiena_cbs .features small {
  right: 0;
  margin-top: 1em;
}
@media screen and (max-width: 500px) {
  .page.fiena_cbs .features small {
    right: initial;
  }
}
@media screen and (min-width: 501px) {
  .page.fiena_cbs #fiena_cbs_ph_04 {
    margin-top: 1.5em;
  }
}
@media screen and (max-width: 500px) {
  .page.fiena_cbs #fiena_cbs_ph_04a {
    margin-top: 1.5em;
  }
  .page.fiena_cbs [id^=fiena_cbs_ph_04] + [id*=fiena_cbs_ph_04] {
    margin-top: 4rem;
  }
}
.page.fiena_cbs .fiena_cbs_ph_04 {
  height: 645px;
}
@media screen and (max-width: 500px) {
  .page.fiena_cbs .fiena_cbs_ph_04a {
    height: 84.54vw;
  }
  .page.fiena_cbs .fiena_cbs_ph_04b {
    height: 72.95vw;
  }
  .page.fiena_cbs .fiena_cbs_ph_04c {
    height: 82.6vw;
  }
  .page.fiena_cbs .fiena_cbs_ph_04d {
    height: 93.48vw;
  }
}

/************************************************
BEAUTEDIO About Cactus Page Layout
*************************************************/
.page.about-cactus .slide_txt_01 {
  margin-left: -20%;
  margin-top: -8%;
  -webkit-animation-delay: 1200ms;
          animation-delay: 1200ms;
}
@media screen and (max-width: 1200px) {
  .page.about-cactus .slide_txt_01 {
    margin-left: -22%;
    margin-top: -3%;
  }
}
@media screen and (max-width: 960px) {
  .page.about-cactus .slide_txt_01 {
    margin-left: -23%;
    margin-top: -1%;
  }
}
@media screen and (max-width: 500px) {
  .page.about-cactus .slide_txt_01 {
    margin-left: -34vw;
    margin-top: -12vw;
  }
  .page.about-cactus .slide_txt_01 img {
    width: 19.34vw;
  }
}
.page.about-cactus .features {
  margin-top: 2em;
}
.page.about-cactus .features h4 {
  margin-top: 2.25em;
}
.page.about-cactus .features ol {
  padding-left: 0;
  padding-top: 1.25em;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .features ol {
    padding-left: 3em;
  }
}
.page.about-cactus .features ol > * + * {
  margin-top: 0.5em;
}
.page.about-cactus .features ol li {
  list-style: decimal-leading-zero;
  list-style-position: inside;
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 2rem;
  border: none;
  padding-left: 0;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .features ol li {
    font-size: 1.6rem;
    list-style-position: outside;
    white-space: normal;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: 0.04em;
  }
}
.page.about-cactus .features ol li::marker {
  color: #95ba96;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .features ol li::marker {
    letter-spacing: 0.1em;
  }
}
.page.about-cactus .features ol li::before {
  content: none;
}
.page.about-cactus .module-fancy-heading[id^=features] h3.fancy-heading .main-head + .sub-head {
  margin-bottom: 2em;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .module-fancy-heading[id^=features] h3.fancy-heading .main-head + .sub-head {
    margin-bottom: 1em;
  }
}
.page.about-cactus .module-image .module-title {
  font-size: 1.8rem;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .module-image .module-title {
    font-size: 3vw;
    white-space: nowrap;
  }
}
.page.about-cactus .module-image .image-content {
  margin-top: 0.25em;
}
.page.about-cactus .module-image .image-content .image-caption {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 1rem;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .module-image .image-content .image-caption {
    font-size: 2.2vw;
    white-space: nowrap;
  }
}
.page.about-cactus .module-image + .module-text {
  margin-top: 2em;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .module-image + .module-text {
    margin-top: 1em;
  }
}
.page.about-cactus .module-image + .module-image {
  margin-top: 3em;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .module-image + .module-image {
    margin-top: 2em;
  }
}
.page.about-cactus .module-image.table .image-content {
  margin-top: 1em;
}
.page.about-cactus .module-image.table .image-content .image-caption {
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
  font-size: 1.2rem;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .module-image.table .image-content .image-caption {
    font-size: 2.6vw;
    white-space: nowrap;
  }
}
.page.about-cactus .module-text p {
  letter-spacing: 0.08em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.page.about-cactus .feature .module-fancy-heading.detail_title .main-head {
  font-size: 2.2rem;
  font-family: "Noto Sans JP", -apple-system, "YuGothic", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .feature .module-fancy-heading.detail_title .main-head {
    font-size: 1.6rem;
    text-align: left;
  }
}
.page.about-cactus .feature + .feature {
  margin-top: 8em;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .feature + .feature {
    margin-top: 3em;
  }
}
.page.about-cactus .feature .module-divider + .module-fancy-heading.detail_title {
  margin-top: 2em;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .feature .module-divider + .module-fancy-heading.detail_title {
    margin-top: 0;
  }
}
.page.about-cactus .feature .module-divider + .module-text {
  margin-top: 2em;
}
@media screen and (max-width: 500px) {
  .page.about-cactus .feature .module-divider + .module-text {
    margin-top: 1.5em;
  }
}
.page.about-cactus h4 {
  font-size: 2.2rem;
  font-weight: 500;
  color: #434544;
  margin-top: 2.25em;
}
@media screen and (max-width: 500px) {
  .page.about-cactus h4 {
    font-size: 1.6rem;
  }
}
.page.about-cactus h5 {
  font-size: 1.6rem;
}
@media screen and (max-width: 500px) {
  .page.about-cactus h5 {
    font-size: 2.95vw;
  }
}
.page.about-cactus table {
  font-size: 1.4rem;
  line-height: 1.6;
  border-top: 1px solid #c1c5c8;
  padding-top: 0.5em;
  margin-top: 0.5em;
}
@media screen and (max-width: 500px) {
  .page.about-cactus table {
    font-size: 2.95vw;
    line-height: 1.2;
    padding-top: 0.25em;
    margin-top: 0.25em;
    white-space: nowrap;
    letter-spacing: 0.08em;
  }
}
.page.about-cactus .references {
  word-break: break-all;
}/*# sourceMappingURL=style.css.map */