@charset "UTF-8";
.fv {
  z-index:3;
  position:relative;
}
/*----------------------------------------------------
  product
----------------------------------------------------*/
.product {
  width:100%;
  height:auto;
  padding:100px 0;
  margin:0 auto;
  position:relative;
}
#product2 {
  background:#f1eee9;
}
.product-body {
  width:90%;
  max-width:1440px;
  height:auto;
  margin:0 auto;
}
.product-ttl {
  width:80%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:0 auto 80px auto;
}
.product-ttl > h2 {
  width:40%;
}
.product-ttl__txt {
  width:52.5%;
}
.product-ttl__txt-main {
  display:flex;
  align-items:center;
  font-size:3rem;
  line-height:1.6;
}
#product2 .product-ttl__txt-main {
  font-size:2.6rem;
}
#product2 .product-ttl__txt-main br {
  display:none;
}
.product-ttl__txt-main::before {
  display:block;
  content:'';
  width:28px;
  height:28px;
  background:url('../img/common/icon-dia--blue.svg');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  margin-right:5px;
}
#product2 .product-ttl__txt-main::before {
  background:url('../img/common/icon-dia.svg');
}
.product-ttl__txt-sub {
  display:flex;
  align-items:center;
  font-size:1.6rem;
  color:#00205B;
  margin-bottom:10px;
  font-family:"Cormorant Garamond", serif;
  font-style:normal;
}
#product2 .product-ttl__txt-sub {
  color:#9C6926;
  background:linear-gradient(to right,#9C6926 0%,#B7822E 25%,#CA8540 50%,#E0AF3E 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color: transparent;
}
.product-ttl__txt-sub::before {
  display:block;
  content:'';
  flex:1;
  border-top:1px solid #ccc;
}
.product-ttl__txt-sub::before {
  margin-right:10px;
}

.product-tab {
  width:90%;
  margin:0 auto 80px auto;
  background:#F9FAFB;
  padding:30px 0;
  box-sizing:border-box;
  border-radius:10px;
}
.product-tab__ttl {
  width:90%;
  margin:0 auto 30px auto;
}
.product-tab__ttl > h3 {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  letter-spacing:0;
  font-family: "Shippori Mincho B1", serif;
  font-size:2rem;
  color:#00205b;
  background:linear-gradient(to right,#00205b 0%,#485F89 25%,#243F72 50%,#DADFE7 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color: transparent;
}
.product-tab__ttl > h3::before,
.product-tab__ttl > h3::after {
  display:block;
  content:'';
  flex:1;
  border-top:1px solid #ccc;
}
.product-tab__ttl > h3::before {
  margin-right:10px;
}
.product-tab__ttl > h3::after {
  margin-left:10px;
}
.product-tab > ul {
  width:95%;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  margin:0 auto;
}
.product-tab > ul > li {
  width:calc(100%/6);
  padding:0 20px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
}
.product-tab__eyecatch {
  width:100%;
  height:auto;
  overflow:hidden;
  position:relative;
  margin-bottom:10px;
  border-radius:50vh;
}
.product-tab__eyecatch::after {
  display:block;
  content:'';
  width:100%;
  height:0;
  padding-top:100%;
}
.product-tab__eyecatch > img {
  height:100%;
  object-fit:cover;
  position:absolute;
  top:0;
  left:0;
  border-radius:50vh;
}
.product-tab__inner {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1.6;
}
.product-tab__ttl-main {
  color:#00205b;
  font-size:1.3rem;
  font-weight:bold;
  text-align:center;
}
.product-tab__ttl-sub {
  font-size:1rem;
  text-align:center;
}
.product-colWrap {
  width:100%;
  height:auto;
  margin-bottom:100px;
}
.product-col__ttl {
  width:100%;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:50px;
}
.product-col__ttl::before,
.product-col__ttl::after {
  display:block;
  content:'';
  flex:1;
  border-top:1px solid #ccc;
}
.product-col__ttl::before {
  margin-right:20px;
}
.product-col__ttl::after {
  margin-left:20px;
}
.product-col__ttl-inner {
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1.4;
}
.product-col__ttl-inner > h2 {
  font-size:3.2rem;
  order:2;
  font-family:"Shippori Mincho B1", serif;
  font-weight:700;
  letter-spacing:-.025em;
}
.product-col__ttl-tab {
  background: #eef0f4;
  color:#00205b;
  padding:5px 30px;
  font-size:1.4rem;
  order:1;
  margin-bottom:10px;
  border-radius:50vh 50vh 50vh 0;
}
#product2 .product-col__ttl-tab {
  background:#fff;
  color:#9C6926;
}
.product-col__ttl-en {
  color:#00205b;
  font-size:2rem;
  font-family:"Cormorant Garamond", serif;
  font-style:normal;
  font-weight:500;
  order:3;
}
#product2 .product-col__ttl-en {
  color:#9C6926;
}

.product-col {
  width:100%;
  display:flex;
  flex-wrap:wrap;
}
#pore_care_line .product-col,
#essential_line .product-col {
  justify-content:center;
}
.pruduct-item {
  width:25%;
  padding:0 10px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
}
.pruduct-item:nth-of-type(n+5) {
  margin-top:60px;
}
.product-eyecatch {
  width:100%;
  height:auto;
  position:relative;
  overflow:hidden;
}
.product-eyecatch::after {
  display:block;
  content:'';
  width:100%;
  height:0;
  padding-top:100%;
}
.product-eyecatch > img {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  object-position:center;
  object-fit:cover;
  border-radius:20px;
}
.product-eyecatch > span {
  position:absolute;
  top:15px;
  right:15px;
  padding:0 10px;
  background:#00205b;
  color:#fff;
  font-size:1.2rem;
  border-radius:2px;
}
.product-item__inner {
  width:100%;
  display:flex;
  flex-direction:column;
  flex:1;
  padding:10px;
  box-sizing:border-box;
}
.product-item__ttl {
  width:100%;
  padding:10px 0 5px 0;
  margin-bottom:10px;
  border-bottom:1px solid #eee;
}
.product-item__ttl > h3 {
  font-size:1.4rem;
  font-weight:bold;
}
.product-item__ttl > h3 > span {
  font-size:1rem;
  margin-left:5px;
}
.product-item__txt {
  width:100%;
  font-size:1.3rem;
  line-height:1.6;
  text-align:justify;
  word-break:break-all;
  margin-bottom:10px;
  flex:1;
}
.product-price {
  width:100%;
  height:auto;
  font-size:1.1rem;
  margin-top:auto;
}
.product-price > dl {
  width:100%;
  display:flex;
  flex-wrap:wrap;
}
.product-price > dl:nth-of-type(n+2) {
  margin-top:5px;
}
.product-price > dl > dt {
  margin-right:10px;
  font-weight:bold;
  background: #eef0f4;
  padding:0 10px;
}
#product2 .product-price > dl > dt {
  background:#fff;
}
@media screen and (max-width:1360px) {
  .product-tab > ul {
    width:75%;
  }
  .product-tab > ul > li {
    width:calc(100%/4);
  }
  .product-tab > ul > li:nth-of-type(n+5) {
    margin-top:30px;
  }
}
@media screen and (max-width:1024px) {
  .product-tab > ul {
    width:85%;
  }
  .pruduct-item {
    width:calc(100%/3);
  }
  .pruduct-item:nth-of-type(n+4) {
    margin-top:40px;
  }
}
@media screen and (max-width:896px) {
  .product-ttl,
  .product-tab {
    width:100%;
  }
  .product-tab > ul > li {
    width:calc(100%/3);
  }
  .product-tab > ul > li:nth-of-type(n+4) {
    margin-top:30px;
  }
}
@media screen and (max-width:786px) {
}
@media screen and (max-width:680px) {
  .product-body {
    width:85%;
  }
  .product-ttl {
    width:80%;
    flex-direction:column;
  }
  .product-ttl > h2 {
    width:80%;
    margin-bottom:30px;
  }
  .product-ttl__txt {
    width:100%;
  }
  .product-ttl__txt-main {
    display:none;
  }
  .product-tab > ul {
    width:100%
  }
  #pore_care_line .product-col, #essential_line .product-col {
    justify-content:space-between;
  }
  .pruduct-item {
    width:calc(100%/2);
  }
  .pruduct-item:nth-of-type(n+3) {
    margin-top:40px;
  }
}
@media screen and (max-width:480px) {
  .product-ttl {
    width:100%;
    margin-bottom:50px;
  }
  .product-tab__ttl {
    margin-bottom:20px;
  }
  .product-tab__ttl > h3 {
    font-size:1.6rem;
  }
  .product-tab > ul {
    justify-content:space-between;
  }
  .product-tab > ul > li {
    width:calc(100%/2 - 5px);
    padding:0;
  }
  .product-tab > ul > li:nth-of-type(n+3) {
    margin-top:14px;
  }
  .product-tab__eyecatch {
    width:85%;
    margin:0 auto 5px auto;
  }
  .product-colWrap {
    margin-bottom:60px;
  }
  .product-col__ttl {
    margin-bottom:30px;
  }
  .product-col__ttl::before {
    margin-right:8px;
  }
  .product-col__ttl::after {
    margin-left:8px;
  }
  .product-col__ttl-inner > h2 {
    font-size:2rem;
  }
  .product-col__ttl-tab {
    font-size:1rem;
    padding: 5px 14px;
  }
  .product-col {
    justify-content:space-between;
  }
  .pruduct-item {
    width:49%;
    padding:0;
  }
  .product-item__inner {
    width:90%;
    padding:0;
    margin:0 auto;
  }
  .product-item__ttl > h3 {
    line-height:1.4;
  }
  .product-item__txt {
    font-size:1.2rem;
  }
  .product-eyecatch > span {
    font-size:1rem;
    top:5px;
    right:5px;
  }
  #product2 .product-price > dl {
    flex-direction:column;
    align-items:flex-start;
  }
  #product2 .product-price > dl > dt {
    margin-right:0;
  }
}