@charset "utf-8";
@import url('https://use.fontawesome.com/releases/v5.0.12/css/solid.css');
@import url('https://use.fontawesome.com/releases/v5.0.12/css/fontawesome.css');


/*======================================
 style.css
=======================================*/
a { transition: ease 0.5s; -moz-transition: ease 0.5s; -webkit-transition: ease 0.5s; text-decoration: none; }
a:hover { text-decoration: none; color: #292625;}
.top { color: #7A716E; padding: 0px 15px; }
.announce { width: 910px; display: flex; justify-content: space-between; margin: 50px auto 5px; align-items: center;}
.announce-sp { display: none; }
.poff { width: 31%; height: 42px; display: flex; justify-content: center; align-items: center; padding: 5px; border: 3px solid #C2BBB7; margin: 10px 10px 0px; color:#989593; font-size: 15px;}

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.enic { justify-content: center; }
.enic-line { margin: 20px 0px; }
.enic-line img { width: 910px; }
.enic-product { border-bottom: 1px solid #C2BBB7; font-size: 14px; padding: 3px 0px; }
.text { font-size: 14px; } 
.img-fluid { display: block; margin-bottom: 10px; }
.enic-hair-care { width: 910px; display: flex; justify-content: space-between; border-bottom: 1px solid #dadada; position: relative;}
.natural-100 { width: 80px !important; position: absolute; right: 20px;}
.hair-care { font-size: 30px; color: #C2BBB7;}
.hair-care-sub { padding-top: 21px; font-size: 13px; }
.hair-care-text { max-width: 910px; text-align: left; }
.product-datail a { color: #7A716E; }
.product-datail:hover { opacity: .5; }

.ex-1 { margin-bottom: 30px; font-size: 14px; margin-top: 45px;}

/* terms-of-service CSS */
p { margin-bottom: 0px;}
.terms-of-service-title { font-size: 18px; font-weight: bold; margin-bottom: 30px; text-align: center; }
.sub-title { margin: 40px 0px 10px; font-weight: 600; }
.terms-of-service-content { max-width: 1024px; margin: 0px auto; padding-top: 30px; font-size: 14px; }
.title { text-align: center; font-size: 18px; margin: 60px auto 30px; }

.lows { border: 1px solid; border-bottom: none; }
.lows-wrapper { border-bottom: 1px solid; display: flex; }
.lows__title { font-weight: 700; padding: 10px; border-right: 1px solid; width: 30%; }
.lows__content { padding: 10px; box-sizing: border-box; width: 70%; }
ol { padding-left: 15px; margin-bottom: 0px; }
.lows__content-list {	margin-bottom: 10px; }
.end { text-align: right; margin-top: 20px; }

.ennic-footer { background-color: #D0CAC8; margin-top: 50px;padding-top: 20px; padding-bottom: 20px; }
.ennic-footer-content { width: 925px; display: flex; margin: 0px auto; }
.ennic-footer-link { padding: 0px 10px; }
.ennic-footer-link a { color: #7A716E; }

.company { text-align: center; margin: 40px auto 0px; color:#7A716E; }

.line { border-top: 1px solid #333; max-width: 340px; margin: 16px auto 16px 0px; }

.infomation { margin: 40px 0px 60px; max-width: 910px; padding: 10px; text-align: left; }
.infomation-box { border-bottom: 1px solid #dadada; padding: 20px 10px; }
.infomation-sub_ttl { font-size: 18px; text-align: center; padding-bottom: 40px; border-bottom: 1px solid #dadada;}
.infomation-title { display: inline-block ;background-color: #9d9489; color: #FFF; padding: 5px 15px; font-size: 14px; }
.infomation-content { padding-top: 15px; text-align: left; font-size: 14px; }
.cp, .shipping { margin-bottom: 25px; }
.cp-title, .shipping-title { border-bottom: #e5dedc 1px solid; padding-bottom: 5px; }
.cp-text, .shipping-text { font-size: 14px; margin:10px auto; padding-left: 10px;}
.cp-area { margin: 10px 0px; }
.shipping { margin-top: 5px; }
.shipping-text-caution { margin-top: 10px;}
.sp { display: none;}

.text-size-xs { font-size: 12px }

.free-shipping { max-width: 1024px;}

.justify-content-center { justify-content: center; }
.d-none { display: none; }

#carousel {
  position: relative;
  overflow: hidden;
  max-width: 900px;
}

#carousel .carousel-inner {
  display: flex;
  flex-wrap: nowrap;    /* ← 折り返し防止 */
  transition: transform 0.6s ease;
}

#carousel .carousel-item {
  width: 100%;
  min-width: 100%;
  flex: 0 0 100%;
  overflow: hidden;
}

.carousel-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
}

.carousel-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
}

.carousel-dot.active {
  background: #333;
}

#carousel .carousel-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

@media (max-width: 1040px) {
  .terms-of-service { padding: 55px 15px 20px; }
	.terms-of-service-content { padding-top: 0px; }
}
@media (max-width: 925px) {
	.announce { display: none; }
	.announce-sp { width: 100%; display: block; justify-content: space-between; margin: 55px auto 5px; }
	.announce-content-sp { width: 100%;}
	.poff-sp { width: 100%; padding: 3px 10px; border: 2px solid #C2BBB7; margin: 0px 0px 5px 0px; color:#989593; font-size: 12px; box-sizing: border-box; }
	.poff-full { width: 100%; margin: 0px 0px 5px 0px; }
	.ennic-footer { padding: 25px 0px 5px 0px; }
	.ennic-footer-content { width: auto; font-size: 13px; }
	.enic-line img { width: 98%; }
	.enic-hair-care { width: 98%; }
}
@media (max-width: 871px) { 
	.announce-sp { margin: 83px auto 5px; }
}
@media (max-width: 700px) {
	.skincare-text { margin-top: 30px;}
}
.col-6 {	-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; box-sizing: border-box; }
@media (min-width: 576px){
	.col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 100%; padding-right: 15px; padding-left: 15px; box-sizing: border-box; }
	.mx-sm-3 {margin: 0 16px; }
	.d-sm-none { display: none; }
	.d-sm-block { display: block; }
}
@media (min-width: 576px){
	.col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33%; width: 100%; padding-right: 15px; padding-left: 15px; box-sizing: border-box; }
	.test-xmas {max-width: 275px;}
}
@media (max-width: 575px) {
	.enic-product { border-bottom: 1px solid #7A716E; font-size: 13px; padding: 3px 0px; }
	.text { font-size: 12px; }
	.hair-care { font-size: 28px; }
	.hair-care-sub { display: none; }
	.hair-care-text { width: 98%; font-size: 14px; }
	/* .product-content { padding-left: 4px; padding-right: 4px; } */
	.enic { justify-content: left; }
	.img-fluid { display: block; width: 150px; height: auto; }
	.product-datail { padding-left: 3px; padding-right: 3px;}
	.ex-1 { margin-top: 15px; margin-bottom: 20px; font-size: 12px;}
	.natural-100 { width: 60px !important; right: 10px; top: 10px;}
	.company { font-size: 12px; margin: 40px auto 10px;}
	.infomation { margin: 30px 0px; max-width: 910px;}
	.infomation-title { padding: 2px 7px; left: 36%; top: -13px; font-size: 17px;}
	.infomation-content { padding: 20px 10px 0px }
	.cp-title, .shipping-title { font-size: 15px; }
	.cp-text, .shipping-text { font-size: 14px; margin:10px auto 0px; padding-left: 10px;}
	.sp { display: block; }
}

.GW-send-title { margin-bottom: 3px; }
.GW-period-title { margin-bottom: 3px; }
.GW-period { padding: 10px 0px; }
.GW-send-br { display: none; }
.GW-send-note { font-size: 15px; margin-top: 4px; }

@media (max-width: 599px) {

  .infomation { padding: 10px 5px; }
  .infomation-title { font-size: 14px; padding: 3px 0px 3px 5px; width: 98%; }
  .infomation-box { border-bottom: 1px solid #dadada; padding: 15px 0px; }
  .infomation-content { padding: 10px 0px 0px; text-align: left; font-size: 14px; }
  .infomation-text-content { padding-bottom: 0px; font-size: 14px; }
  .GW-send-note { font-size: 13px; }
  .GW-send-text { font-size: 13.5px;}
  .text-size-xs { font-size: 10px}

}