@charset "utf-8";


/*----------------------------------------------------
 Vslider
----------------------------------------------------*/

#visual {
  position: relative;
}

#visual .inner {
  max-width: initial;
  padding: 0 4.1%;
  height: 100%;
  position: relative;
}

#visual .Slider {
  height: 876px;
}

#visual .Slider.Vslide01 {
  background: url("http://soaddicted.jp/wp-content/uploads/2023/09/Soaddicted-Lipaddict-Flatlay-202312016-scaled.jpg") center bottom no-repeat;
  background-size: cover;
}

#visual .Slider.Vslide02 {
  background: url("http://soaddicted.jp/wp-content/uploads/2023/09/Soaddicted-Lashaddict-Flatlay-202311583-scaled.jpg") center bottom no-repeat;
  background-size: cover;
}

#visual .Slider.Vslide03 {
  background: url("http://soaddicted.jp/wp-content/uploads/2023/09/Soaddicted-Hairaddict-Flatlay-202311696-scaled.jpg") center bottom no-repeat;
  background-size: cover;
}

#visual .Slider.Vslide04 {
  background: url('../img/home/visual04.jpg') center top no-repeat;
  background-size: cover;
}

#visual .Conts {
  position: absolute;
  top: 37%;
  left: 3%;
}

#visual .Conts .enName {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  margin: 0 0 11px;
}

#visual .Conts h2 {
  margin: 0 0 20px;
  display: flex;
  align-items: flex-end;
}

#visual .Conts h2 small {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
}

#visual .Conts h2 b {
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-family: 'Poppins', sans-serif;
  color: #fff;
}

#visual .Conts h2 b img {
  zoom: 0.5;
}

#visual .Conts .featureText {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
  margin: 0 0 51px;
}


#visual .visulathumb {
  position: absolute;
  right: 20px;
  bottom: 22px;
}

#visual .visulathumb .slick-track {
  transform: unset !important;
}

#visual .visulathumb {
  display: flex;
}

#visual .visulathumb li {
  width: 160px;
  opacity: .3;
  transition: opacity .3s linear;
  border: 3px solid #fff;
  box-sizing: border-box;
  margin: 0 -1px;
}

#visual .visulathumb li.slick-current {
  opacity: 1;
  border: 3px solid #fff;
}

#visual .Vslide01 b {
  width: 290px;
}

#visual .Vslide01 small {
  -webkit-transform: translateY(-7px);
  transform: translateY(-7px);
}

#visual .Vslide02 b {
  width: 320px;
}

#visual .Vslide02 small {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

#visual .Vslide03 b {
  width: 310px;
}

#visual .Vslide03 small {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

#visual .Slider.Vslide04 .Conts {
  top: initial;
  bottom: 20%;
}

#visual .Slider.Vslide04 h2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#visual .Slider.Vslide04 h2 b {
  width: 100%;
  max-width: 269px;
  margin: 0 0 10px;
}

#visual .Slider.Vslide04 h2 b img {
  zoom: 1;
}

#visual .Slider.Vslide04 h2 small {
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0.04em;
  font-family: 'Poppins', sans-serif;
}

/*----------------------------------------------------
 frontInfo
----------------------------------------------------*/

#frontInfo {
  padding: 33px 0;
  background: #FBFBFB;
}

#frontInfo .infoFlex {
  display: flex;
  align-items: center;
}

#frontInfo .infoFlex .head {
  width: 30%;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.08em;
  font-family: 'Poppins', sans-serif;
  color: #000;
  text-align: right;
  padding: 0 29px 0 0;
  position: relative;
}

#frontInfo .infoFlex .head:after {
  content: '';
  width: 1px;
  height: 38px;
  border: 1px dotted #b3b3b3;
  position: absolute;
  right: -5px;
  top: -7px;
}

#frontInfo .infoFlex .list {
  width: 70%;
  padding: 0 0 0 38px;
}

#frontInfo .infoFlex .list a {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*----------------------------------------------------
 movie
----------------------------------------------------*/

#movie {
  margin-top: 2px;
  padding: 68px 0 105px;
  background: #FBF9F8;
}

#movie .head {
	position: relative;
	margin: 0 0 47px;
	text-align: center;
}

#movie .head h2 {
	position: relative;
}

#movie .head h2 b {
	font-size: 40px;
	font-weight: 500;
	color: #000;
	letter-spacing: 0.18em;
	display: block;
	font-family: 'Poppins', sans-serif;
  margin: 0 0 3px;
}

#movie .head h2 small {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #424141;
}

#movie .movieArea {
  width: 100%;
  max-width: 980px;
  height: 550px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 auto 40px;
}

#movie .movieArea .topVis_youtube_container {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

/*----------------------------------------------------
 instagram
----------------------------------------------------*/

#instagram {
  padding: 125px 0 25px;
}

#instagram .head {
	position: relative;
	margin: 0 0 47px;
	text-align: center;
}

#instagram .head h2 {
	position: relative;
}

#instagram .head h2 b {
	font-size: 40px;
	font-weight: 500;
	color: #000;
	letter-spacing: 0.18em;
	display: block;
	font-family: 'Poppins', sans-serif;
  margin: 0 0 3px;
}

#instagram .head h2 small {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #424141;
}

#instagram .sbi_header_text h3 {
  font-family: 'Poppins', sans-serif;
}

#instagram #sb_instagram .sb_instagram_header, .sb_instagram_header {
  margin-top: -117px;
}

#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
  font-weight: 700;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

/*----------------------------------------------------
 frontProducts
----------------------------------------------------*/

#frontProducts {
  padding: 125px 0 165px;
}

#frontProducts .head {
	position: relative;
	margin: 0 0 59px;
	text-align: center;
}

#frontProducts .head h2 {
	position: relative;
}

#frontProducts .head h2 b {
	font-size: 40px;
	font-weight: 500;
	color: #000;
	letter-spacing: 0.18em;
	display: block;
	font-family: 'Poppins', sans-serif;
  margin: 0 0 3px;
}

#frontProducts .head h2 small {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #424141;
}

#frontProducts .lipBlock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 20px;
  height: 520px;
  position: relative;
  background: rgb(251,212,201);
  background: -moz-linear-gradient(180deg, rgba(251,212,201,1) 0%, rgba(233,162,149,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(251,212,201,1) 0%, rgba(233,162,149,1) 100%);
  background: linear-gradient(180deg, rgba(251,212,201,1) 0%, rgba(233,162,149,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbd4c9",endColorstr="#e9a295",GradientType=1);
}

#frontProducts .lipBlock .bgImage {
  width: 500px;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#frontProducts .lipBlock .boxConts {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-radius: 2px 0 0 2px;
  background: rgba(255, 255, 255, 0.7);
  width: 50%;
  max-width: 692px;
  padding: 62px 73px 32px;
  text-align: right;
}

#frontProducts .lipBlock .boxConts h3 {
  display: flex;
  justify-content: right;
  align-items: center;
  margin: 0 0 25px;
 }

#frontProducts .lipBlock .boxConts h3 b {
  font-size: 32px;
  font-weight: 500;
  color: #BB5D7C;
  letter-spacing: 0.08em;
  font-family: 'Poppins', sans-serif;
  margin: 0 33px 0 0;
  position: relative;
}

#frontProducts .lipBlock .boxConts h3 b:after {
  content: '';
  width: 1px;
  height: 17px;
  background: #BB5D7C;
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#frontProducts .lipBlock .boxConts h3 small {
  font-size: 18px;
  font-weight: 700;
  color: #BB5D7C;
  letter-spacing: 0.02em;
}

#frontProducts .lipBlock .boxConts p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0 0 10px 0;
}

#frontProducts .lipBlock .boxConts p.featureText {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  margin: 0 0 35px;
}

#frontProducts .lipBlock .boxConts .moreLink a {
  display: flex;
  justify-content: right;
  align-items: center;
}

#frontProducts .lipBlock .boxConts .moreLink a .text {
  font-size: 16px;
  font-weight: 600;
  color: #6B2C41;
  letter-spacing: 0.08em;
  font-family: 'Poppins', sans-serif;
}

#frontProducts .lipBlock .boxConts .moreLink a .icon {
  line-height: 7px;
  padding: 0 8px 0 0;
}

#frontProducts .lipBlock .ImageArea {
  width: 50%;
}

#frontProducts .lipBlock .Slide a {
  display: flex;
  align-items: center;
  justify-content: center;
}

#frontProducts .lipBlock .Slide a .image {
  width: 400px;
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
}

#frontProducts .lipBlock .Slide a .image img {
  max-width: 310px;
  max-height: 465px;
}

#frontProducts .lipBlock .Slide a .slideConts {
  width: 400px;
  -webkit-transform: translateX(-120px);
  transform: translateX(-120px);
}

#frontProducts .lipBlock .Slide a .slideConts .smallName {
  font-size: 24px;
  font-weight: 500;
  color: #222;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 18px 0;
  position: relative;
}

#frontProducts .lipBlock .Slide a .slideConts .bigName {
  font-size: 18px;
  font-weight: 500;
  color: #E75D77;
  line-height: 1.52;
  letter-spacing: 0.03em;
}


#frontProducts .lipBlock .slick-list {
  position: relative;
}

#frontProducts .lipBlock .Slider .prev_nav {
  cursor: pointer;
  width: 64px;
  position: absolute;
  top: 50%;
  left: 4%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 1;
}

#frontProducts .lipBlock .Slider .next_nav {
  cursor: pointer;
  width: 64px;
  position: absolute;
  top: 50%;
  right: 1%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 1;
}

#frontProducts .hairBlock {
  margin: 0 0 48px;
  height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background: rgb(233,233,233);
  background: -moz-linear-gradient(180deg, rgba(233,233,233,0.11) 0%, rgba(0,12,39,0.11) 100%);
  background: -webkit-linear-gradient(180deg, rgba(233,233,233,0.11) 0%, rgba(0,12,39,0.11) 100%);
  background: linear-gradient(180deg, rgba(233,233,233,0.11) 0%, rgba(0,12,39,0.11) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e9e9e9",endColorstr="#000c27",GradientType=1);
}

#frontProducts .hairBlock .bgImage {
  width: 500px;
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#frontProducts .hairBlock .boxConts {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-radius: 2px 0 0 2px;
  background: rgba(255, 255, 255, 0.7);
  width: 50%;
  max-width: 692px;
  padding: 62px 73px 32px;
  text-align: right;
}

#frontProducts .hairBlock .boxConts h3 {
  display: flex;
  justify-content: right;
  align-items: center;
  margin: 0 0 25px;
 }

#frontProducts .hairBlock .boxConts h3 b {
  font-size: 32px;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0.08em;
  font-family: 'Poppins', sans-serif;
  margin: 0 33px 0 0;
  position: relative;
}

#frontProducts .hairBlock .boxConts h3 b:after {
  content: '';
  width: 1px;
  height: 17px;
  background: #000000;
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#frontProducts .hairBlock .boxConts h3 small {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  letter-spacing: 0.02em;
}

#frontProducts .hairBlock .boxConts p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0 0 10px 0;
}

#frontProducts .hairBlock .boxConts p.featureText {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  margin: 0 0 35px;
}

#frontProducts .hairBlock .boxConts .moreLink a {
  display: flex;
  justify-content: right;
  align-items: center;
}

#frontProducts .hairBlock .boxConts .moreLink a .text {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  letter-spacing: 0.08em;
  font-family: 'Poppins', sans-serif;
}

#frontProducts .hairBlock .boxConts .moreLink a .icon {
  line-height: 7px;
  padding: 0 8px 0 0;
}

#frontProducts .hairBlock .ImageArea {
  width: 50%;
}

#frontProducts .hairBlock .Slide a {
  display: flex;
  align-items: center;
  justify-content: center;
}

#frontProducts .hairBlock .Slide a .image {
  width: 400px;
  -webkit-transform: translateX(75px);
  transform: translateX(75px);
}

#frontProducts .hairBlock .Slide a .image img {
  max-width: 310px;
  max-height: 465px;
}

#frontProducts .hairBlock .Slide a .slideConts {
  width: 400px;
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
}

#frontProducts .hairBlock .Slide a .slideConts .smallName {
  font-size: 24px;
  font-weight: 500;
  color: #222;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 18px 0;
  position: relative;
}

#frontProducts .hairBlock .Slide a .slideConts .bigName {
  font-size: 18px;
  font-weight: 500;
  color: #5A5A5A;
  line-height: 1.52;
  letter-spacing: 0.03em;
}

#frontProducts .hairBlock .slick-list {
  position: relative;
}

#frontProducts .hairBlock .Slider .prev_nav {
  cursor: pointer;
  width: 64px;
  position: absolute;
  top: 50%;
  left: 4%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 1;
}

#frontProducts .hairBlock .Slider .next_nav {
  cursor: pointer;
  width: 64px;
  position: absolute;
  top: 50%;
  right: 1%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 1;
}

#frontProducts .lashBlock {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 20px;
  height: 520px;
  position: relative;
  background: rgb(250,230,200);
  background: -moz-linear-gradient(180deg, rgba(250,230,200,1) 0%, rgba(226,177,177,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(250,230,200,1) 0%, rgba(226,177,177,1) 100%);
  background: linear-gradient(180deg, rgba(250,230,200,1) 0%, rgba(226,177,177,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fae6c8",endColorstr="#e2b1b1",GradientType=1);
}

#frontProducts .lashBlock .bgImage {
  width: 500px;
  position: absolute;
  top: 50%;
  left: 2%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#frontProducts .lashBlock .boxConts {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  border-radius: 2px 0 0 2px;
  background: rgba(255, 255, 255, 0.7);
  width: 50%;
  max-width: 692px;
  padding: 62px 73px 32px;
  text-align: left;
}

#frontProducts .lashBlock .boxConts h3 {
  display: flex;
  justify-content: left;
  align-items: center;
  margin: 0 0 25px;
 }

#frontProducts .lashBlock .boxConts h3 b {
  font-size: 32px;
  font-weight: 500;
  color: #BC9758;
  letter-spacing: 0.08em;
  font-family: 'Poppins', sans-serif;
  margin: 0 33px 0 0;
  position: relative;
}

#frontProducts .lashBlock .boxConts h3 b:after {
  content: '';
  width: 1px;
  height: 17px;
  background: #BC9758;
  position: absolute;
  top: 50%;
  right: -17px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#frontProducts .lashBlock .boxConts h3 small {
  font-size: 18px;
  font-weight: 700;
  color: #BC9758;
  letter-spacing: 0.02em;
}

#frontProducts .lashBlock .boxConts p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0 0 10px 0;
}

#frontProducts .lashBlock .boxConts p.featureText {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  margin: 0 0 35px;
}

#frontProducts .lashBlock .boxConts .moreLink a {
  display: flex;
  justify-content: right;
  align-items: center;
}

#frontProducts .lashBlock .boxConts .moreLink a .text {
  font-size: 16px;
  font-weight: 600;
  color: #7D5004;
  letter-spacing: 0.08em;
  font-family: 'Poppins', sans-serif;
}

#frontProducts .lashBlock .boxConts .moreLink a .icon {
  line-height: 7px;
  padding: 0 8px 0 0;
}

#frontProducts .lashBlock .ImageArea {
  width: 50%;
  margin: 0 0 0 46%;
}

#frontProducts .lashBlock .Slide a {
  display: flex;
  align-items: center;
  justify-content: center;
}

#frontProducts .lashBlock .Slide a .image {
  width: 400px;
  -webkit-transform: translateX(7px);
  transform: translateX(7px);
}

#frontProducts .lashBlock .Slide a .image img {
  max-width: 310px;
  max-height: 465px;
}

#frontProducts .lashBlock .Slide a .slideConts {
  width: 400px;
  -webkit-transform: translateX(-120px);
  transform: translateX(-120px);
}

#frontProducts .lashBlock .Slide a .slideConts .smallName {
  font-size: 24px;
  font-weight: 500;
  color: #222;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 18px 0;
  position: relative;
}

#frontProducts .lashBlock .Slide a .slideConts .bigName {
  font-size: 18px;
  font-weight: 500;
  color: #B97B29;
  line-height: 1.52;
  letter-spacing: 0.03em;
}


#frontProducts .lashBlock .slick-list {
  position: relative;
}

#frontProducts .lashBlock .Slider .prev_nav {
  cursor: pointer;
  width: 64px;
  position: absolute;
  top: 50%;
  left: 4%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 1;
}

#frontProducts .lashBlock .Slider .next_nav {
  cursor: pointer;
  width: 64px;
  position: absolute;
  top: 50%;
  right: 1%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 1;
}

/*----------------------------------------------------
 PC
----------------------------------------------------*/
@media screen and  (max-width: 1190px) {

}

@media screen and (min-width: 769px){
  #frontInfo .infoFlex .list a:hover {
    color: #e8576a;
  }
}

/*----------------------------------------------------
 PC VW
----------------------------------------------------*/

@media screen and (min-width: 769px) and (max-width: 1169px) {

  /*----------------------------------------------------
  Vslider
  ----------------------------------------------------*/

  #visual .Slider {
    height: 64.129vw;
  }

  #visual .Conts .enName {
    font-size: 1.464vw;
    margin: 0 0 0.805vw;
  }

  #visual .Conts h2 {
    margin: 0 0 1.464vw;
  }

  #visual .Conts h2 small {
    font-size: 1.464vw;
  }

  #visual .Conts h2 b {
    font-size: 2.928vw;
  }

  #visual .Conts .featureText {
    font-size: 1.171vw;
    margin: 0 0 3.734vw;
  }

  #visual .visulathumb {
    right: 1.464vw;
    bottom: 1.611vw;
  }

  #visual .visulathumb li {
    width: 11.713vw;
    border: 0.22vw solid #fff;
  }

  #visual .visulathumb li.slick-current {
    border: 0.22vw solid #fff;
  }

  #visual .Vslide01 b {
    width: 21.23vw;
  }

  #visual .Vslide01 small {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }

  #visual .Vslide02 b {
    width: 23.426vw;
  }

  #visual .Vslide02 small {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  #visual .Vslide03 b {
    width: 22.694vw;
  }

  #visual .Vslide03 small {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }

  #visual .Slider.Vslide04 h2 b {
    max-width: 19.693vw;
    margin: 0 0 0.732vw;
  }

  #visual .Slider.Vslide04 h2 small {
    font-size: 2.928vw;
  }

  /*----------------------------------------------------
  frontInfo
  ----------------------------------------------------*/

  #frontInfo {
    padding: 2.416vw 0;
  }

  #frontInfo .infoFlex .head {
    font-size: 1.464vw;
    padding: 0 2.123vw 0 0;
  }

  #frontInfo .infoFlex .head:after {
    width: 0.073vw;
    height: 2.782vw;
    right: -0.366vw;
    top: -0.512vw;
  }

  #frontInfo .infoFlex .list {
    padding: 0 0 0 2.782vw;
  }

  #frontInfo .infoFlex .list a {
    font-size: 1.171vw;
  }

  /*----------------------------------------------------
  movie
  ----------------------------------------------------*/

  #movie {
    margin-top: 0.146vw;
    padding: 4.978vw 0 7.687vw;
  }

  #movie .head {
    margin: 0 0 3.441vw;
  }

  #movie .head h2 b {
    font-size: 2.928vw;
    margin: 0 0 0.22vw;
  }

  #movie .head h2 small {
    font-size: 1.464vw;
  }

  #movie .movieArea {
    max-width: 71.742vw;
    height: 40.264vw;
    margin: 0 auto 2.928vw;
  }

  /*----------------------------------------------------
  instagram
  ----------------------------------------------------*/

  #instagram {
    padding: 9.151vw 0 5.079vw;
  }

  #instagram .head {
    margin: 0 0 3.441vw;
  }

  #instagram .head h2 b {
    font-size: 2.928vw;
    margin: 0 0 0.22vw;
  }

  #instagram .head h2 small {
    font-size: 1.464vw;
  }

  #instagram #sb_instagram .sb_instagram_header, .sb_instagram_header {
    margin-top: -8.565vw;
  }

  /*----------------------------------------------------
  frontProducts
  ----------------------------------------------------*/

  #frontProducts {
    padding: 9.151vw 0 12.079vw;
  }

  #frontProducts .head {
    margin: 0 0 4.319vw;
  }

  #frontProducts .head h2 b {
    font-size: 2.928vw;
    margin: 0 0 0.22vw;
  }

  #frontProducts .head h2 small {
    font-size: 1.464vw;
  }

  #frontProducts .lipBlock {
    margin: 0 0 1.464vw;
    height: 38.067vw;
  }

  #frontProducts .lipBlock .bgImage {
    width: 36.603vw;
  }

  #frontProducts .lipBlock .boxConts {
    max-width: 50.659vw;
    padding: 4.539vw 5.344vw 2.343vw;
  }

  #frontProducts .lipBlock .boxConts h3 {
    margin: 0 0 1.83vw;
  }

  #frontProducts .lipBlock .boxConts h3 b {
    font-size: 2.343vw;
    margin: 0 2.416vw 0 0;
  }

  #frontProducts .lipBlock .boxConts h3 b:after {
    width: 0.073vw;
    height: 1.245vw;
    right: -1.245vw;
  }

  #frontProducts .lipBlock .boxConts h3 small {
    font-size: 1.318vw;
  }

  #frontProducts .lipBlock .boxConts p {
    font-size: 1.171vw;
    margin: 0 0 0.732vw 0;
  }

  #frontProducts .lipBlock .boxConts p.featureText {
    font-size: 1.464vw;
    margin: 0 0 2.562vw;
  }

  #frontProducts .lipBlock .boxConts .moreLink a .text {
    font-size: 1.171vw;
  }

  #frontProducts .lipBlock .boxConts .moreLink a .icon {
    line-height: 0.512vw;
    padding: 0 0.586vw 0 0;
  }

  #frontProducts .lipBlock .Slide a .image {
    width: 29.283vw;
    -webkit-transform: translateX(-1.098vw);
    transform: translateX(-1.098vw);
  }

  #frontProducts .lipBlock .Slide a .image img {
    max-width: 22.694vw;
    max-height: 34.041vw;
  }

  #frontProducts .lipBlock .Slide a .slideConts {
    width: 29.283vw;
    -webkit-transform: translateX(-8.785vw);
    transform: translateX(-8.785vw);
  }

  #frontProducts .lipBlock .Slide a .slideConts .smallName {
    font-size: 1.818vw;
    margin: 0 0 1.318vw 0;
  }

  #frontProducts .lipBlock .Slide a .slideConts .bigName {
    font-size: 1.45vw;
  }

  #frontProducts .lipBlock .Slider .prev_nav {
    width: 4.685vw;
  }

  #frontProducts .lipBlock .Slider .next_nav {
    width: 4.685vw;
  }

  #frontProducts .hairBlock {
    margin: 0 0 3.514vw;
    height: 38.067vw;
  }

  #frontProducts .hairBlock .bgImage {
    width: 36.603vw;
  }

  #frontProducts .hairBlock .boxConts {
    max-width: 50.659vw;
    padding: 4.539vw 5.344vw 2.343vw;
  }

  #frontProducts .hairBlock .boxConts h3 {
    margin: 0 0 1.83vw;
  }

  #frontProducts .hairBlock .boxConts h3 b {
    font-size: 2.343vw;
    margin: 0 2.416vw 0 0;
  }

  #frontProducts .hairBlock .boxConts h3 b:after {
    width: 0.073vw;
    height: 1.245vw;
    right: -1.245vw;
  }

  #frontProducts .hairBlock .boxConts h3 small {
    font-size: 1.318vw;
    letter-spacing: 0.02em;
  }

  #frontProducts .hairBlock .boxConts p {
    font-size: 1.171vw;
    margin: 0 0 0.732vw 0;
  }

  #frontProducts .hairBlock .boxConts p.featureText {
    font-size: 1.464vw;
    margin: 0 0 2.562vw;
  }

  #frontProducts .hairBlock .boxConts .moreLink a .text {
    font-size: 1.171vw;
  }

  #frontProducts .hairBlock .boxConts .moreLink a .icon {
    line-height: 0.512vw;
    padding: 0 0.586vw 0 0;
  }

  #frontProducts .hairBlock .Slide a .image {
    width: 29.283vw;
    -webkit-transform: translateX(5.49vw);
    transform: translateX(5.49vw);
  }

  #frontProducts .hairBlock .Slide a .image img {
    max-width: 22.694vw;
    max-height: 34.041vw;
  }

  #frontProducts .hairBlock .Slide a .slideConts {
    width: 29.283vw;
    -webkit-transform: translateX(-6.881vw);
    transform: translateX(-6.881vw);
  }

  #frontProducts .hairBlock .Slide a .slideConts .smallName {
    font-size: 1.818vw;
    margin: 0 0 1.318vw 0;
  }

  #frontProducts .hairBlock .Slide a .slideConts .bigName {
    font-size: 1.45vw;
  }

  #frontProducts .hairBlock .Slider .prev_nav {
    width: 4.685vw;
  }

  #frontProducts .hairBlock .Slider .next_nav {
    width: 4.685vw;
  }

  #frontProducts .lashBlock {
    margin: 0 0 1.464vw;
    height: 38.067vw;
  }

  #frontProducts .lashBlock .bgImage {
    width: 36.603vw;
  }

  #frontProducts .lashBlock .boxConts {
    max-width: 50.659vw;
    padding: 4.539vw 5.344vw 2.343vw;
  }

  #frontProducts .lashBlock .boxConts h3 {
    margin: 0 0 1.83vw;
  }

  #frontProducts .lashBlock .boxConts h3 b {
    font-size: 2.343vw;
    margin: 0 2.416vw 0 0;
  }

  #frontProducts .lashBlock .boxConts h3 b:after {
    width: 0.073vw;
    height: 1.245vw;
    right: -1.245vw;
  }

  #frontProducts .lashBlock .boxConts h3 small {
    font-size: 1.318vw;
  }

  #frontProducts .lashBlock .boxConts p {
    font-size: 1.171vw;
    margin: 0 0 0.732vw 0;
  }

  #frontProducts .lashBlock .boxConts p.featureText {
    font-size: 1.464vw;
    margin: 0 0 2.562vw;
  }

  #frontProducts .lashBlock .boxConts .moreLink a .text {
    font-size: 1.171vw;
  }

  #frontProducts .lashBlock .boxConts .moreLink a .icon {
    line-height: 0.512vw;
    padding: 0 0.586vw 0 0;
  }

  #frontProducts .lashBlock .Slide a .image {
    width: 29.283vw;
    -webkit-transform: translateX(0.512vw);
    transform: translateX(0.512vw);
  }

  #frontProducts .lashBlock .Slide a .image img {
    max-width: 22.694vw;
    max-height: 34.041vw;
  }

  #frontProducts .lashBlock .Slide a .slideConts {
    width: 29.283vw;
    -webkit-transform: translateX(-8.785vw);
    transform: translateX(-8.785vw);
  }

  #frontProducts .lashBlock .Slide a .slideConts .smallName {
    font-size: 1.818vw;
    margin: 0 0 1.318vw 0;
  }

  #frontProducts .lashBlock .Slide a .slideConts .bigName {
    font-size: 1.45vw;
  }

  #frontProducts .lashBlock .Slider .prev_nav {
    width: 4.685vw;
  }

  #frontProducts .lashBlock .Slider .next_nav {
    width: 4.685vw;
  }

}

/*----------------------------------------------------
 SP
----------------------------------------------------*/

@media screen and (max-width: 768px){

  /*---------------------------------
	visual
	---------------------------------*/

  #visual .inner {
    padding: 0 4.25%;
  }

  #visual .Slider {
    height: 168vw;
  }

  #visual .Slider.Vslide01 {
    background: url("http://soaddicted.jp/wp-content/uploads/2023/09/Soaddicted-Lipaddict-Flatlay-202312016-scaled.jpg") center bottom no-repeat;
    background-size: cover;
  }

  #visual .Slider.Vslide02 {
    background: url("http://soaddicted.jp/wp-content/uploads/2023/09/Soaddicted-Lashaddict-Flatlay-202311583-scaled.jpg") center bottom no-repeat;
    background-size: cover;
  }

  #visual .Slider.Vslide03 {
    background: url("http://soaddicted.jp/wp-content/uploads/2023/09/Soaddicted-Hairaddict-Flatlay-202311696-scaled.jpg") center bottom no-repeat;
    background-size: cover;
  }

  #visual .Slider.Vslide04 {
    background: url('../img/home/visual04-sp.jpg') center bottom no-repeat;
    background-size: cover;
  }

  #visual .Conts {
    width: 90%;
    top: 19%;
    left: 5%;
  }

  #visual .Conts .enName {
    font-size: 3.2vw;
    margin: 0 0 2.467vw;
  }

  #visual .Conts h2 {
    margin: 0 0 0.333vw;
  }

  #visual .Conts h2 b {
    font-size: 6.667vw;
    display: block;
    margin: 0 0 3vw;
  }

  #visual .Conts h2 small {
    font-size: 3.2vw;
    display: block;
  }

  #visual .Conts .featureText {
    font-size: 3.467vw;
    margin: 0 0 3.467vw;
  }

  #visual .slick-dots {
    right: 2.933vw;
    width: auto;
    bottom: 0px;
  }

  #visual .slick-dots li {
    margin: 0;
  }

  #visual .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 2.667vw;
    height: 2.667vw;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    border: 1px solid #777777;
    border-radius: 50%;
  }

  #visual .slick-dots li button:before {
    font-size: 5.333vw;
    line-height: 5.333vw;
    position: absolute;
    top: -1.067vw;
    left: -1.067vw;
    width: 5.333vw;
    height: 5.333vw;
    opacity: 0;
  }

  #visual .slick-dots li.slick-active button:before {
    color: #fff;
    opacity: 1;
  }

  #visual .slick-dotted.slick-slider {
    margin-bottom: 0;
  }

  #visual .Vslide01 b {
    width: 53.846vw;
    margin-right: 1.282vw;
  }

  #visual .Vslide01 small {
    -webkit-transform: translateY(-4.103vw);
    transform: translateY(-4.103vw);
  }

  #visual .Vslide02 b {
    width: 58.974vw;
    margin-right: 1.282vw;
  }

  #visual .Vslide02 small {
    -webkit-transform: translateY(-2.051vw);
    transform: translateY(-2.051vw);
  }

  #visual .Vslide03 b {
    width: 56.41vw;
    margin-right: 1.282vw;
  }

  #visual .Vslide03 small {
    -webkit-transform: translateY(-2.308vw);
    transform: translateY(-2.308vw);
  }

  #visual .Slider.Vslide04 h2 {
    margin-bottom: 5.333vw;
  }

  #visual .Slider.Vslide04 h2 small {
    font-size: 6.7vw;
    line-height: 1.3;
  }


  /*---------------------------------
	frontInfo
	---------------------------------*/

  #frontInfo {
    padding: 5.333vw 0;
  }

  #frontInfo .infoFlex .head {
    font-size: 3.467vw;
    letter-spacing: 0.02em;
    padding: 0 0 0 1.867vw;
    text-align: left;
  }

  #frontInfo .infoFlex .head:after {
    height: 5.067vw;
    top: -0.267vw;
    right: -4vw;
  }

  #frontInfo .infoFlex .list {
    padding: 0 0 0 7.733vw;
  }

  #frontInfo .infoFlex .list a {
    font-size: 3.2vw;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  #instagram #sb_instagram .sb_instagram_header, .sb_instagram_header {
    margin-top: 0;
  }

  /*---------------------------------
	movie
	---------------------------------*/

  #movie {
    padding: 10.933vw 0 10vw;
  }

  #movie .head {
    margin: 0 0 5.333vw;
  }

  #movie .head h2 b {
    font-size: 5.333vw;
    letter-spacing: 0.08em;
    line-height: 1;
    margin: 0 0 -0.8vw;
  }

  #movie .head h2 small {
    font-size: 3.2vw;
    line-height: 1;
  }

  #movie .movieArea {
    width: 100%;
    max-width: 261.333vw;
    height: 52.8vw;
    margin: 0 auto 0px;
  }

  /*---------------------------------
	instagram
	---------------------------------*/

  #instagram {
    padding: 14.933vw 0 0;
  }

  #instagram .head {
    margin: 0 0 5.333vw;
  }

  #instagram .head h2 b {
    font-size: 5.333vw;
    letter-spacing: 0.08em;
    line-height: 1;
    margin: 0 0 -0.8vw;
  }

  #instagram .head h2 small {
    font-size: 3.2vw;
    line-height: 1;
  }

  #sb_instagram.sbi_tab_col_2 #sbi_images .sbi_item {
    width: 50%;
  }

  /*---------------------------------
	instagram
	---------------------------------*/

  #frontProducts {
    padding: 19.733vw 0 0;
    margin: 0 0 16.8vw 0;
  }

  #frontProducts .head {
    margin: 0 0 8.267vw;
  }

  #frontProducts .head h2 b {
    font-size: 5.333vw;
    letter-spacing: 0.08em;
    line-height: 1;
    margin: 0 0 -0.8vw;
  }

  #frontProducts .head h2 small {
    font-size: 3.2vw;
    line-height: 1;
  }

  #frontProducts .lipBlock {
    flex-direction: column;
    height: auto;
    margin: 0 0 4vw;
    padding: 3.467vw 0 0 0;
  }

  #frontProducts .lipBlock .boxConts {
    position: relative;
    top: initial;
    bottom: 0;
    width: 100%;
    -webkit-transform: initial;
    transform: initial;
    padding: 7.733vw 5.6% 2.933vw 6.6%;
    text-align: left;
  }

  #frontProducts .lipBlock .boxConts h3 {
    justify-content: left;
    margin: 0 0 2.667vw;
  }

  #frontProducts .lipBlock .boxConts h3 b {
    font-size: 4.8vw;
  }

  #frontProducts .lipBlock .boxConts h3 b:after {
    height: 2.933vw;
  }

  #frontProducts .lipBlock .boxConts h3 small {
    font-size: 3.2vw;
  }

  #frontProducts .lipBlock .boxConts p {
    font-size: 2.933vw;
    margin: 0 0 1.6vw 0;
  }

  #frontProducts .lipBlock .boxConts p.featureText {
    font-size: 3.733vw;
    margin: 0 0 2.4vw;
    letter-spacing: 0.04em;
  }

  #frontProducts .lipBlock .boxConts .moreLink a .text {
    font-size: 3.2vw;
  }

  #frontProducts .lipBlock .ImageArea {
    width: 100%;
    margin: 0 0 4.267vw;
  }

  #frontProducts .lipBlock .Slide a .image {
    width: 40vw;
    -webkit-transform: translateX(2.667vw);
    transform: translateX(2.667vw);
  }

  #frontProducts .lipBlock .Slide a .image img {
    max-width: 100%;
    max-height: initial;
  }

  #frontProducts .lipBlock .Slide a .slideConts {
    width: 60vw;
    padding: 0 5.333vw 0 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  #frontProducts .lipBlock .Slide a .slideConts .smallName {
    font-size: 3.2vw;
  }

  #frontProducts .lipBlock .Slide a .slideConts .bigName {
    font-size: 3.3vw;
  }

  #frontProducts .lipBlock .Slider .prev_nav {
    width: 8.533vw;
    left: 1%;
  }

  #frontProducts .lipBlock .Slider .next_nav {
     width: 8.533vw;
    right: 1%;
  }

  #frontProducts .lashBlock {
    flex-direction: column;
    height: auto;
    margin: 0 0 4vw;
    padding: 3.467vw 0 0 0;
  }

  #frontProducts .lashBlock .boxConts {
    position: relative;
    top: initial;
    bottom: 0;
    width: 100%;
    -webkit-transform: initial;
    transform: initial;
    padding: 7.733vw 5.6% 2.933vw 6.6%;
    text-align: left;
  }

  #frontProducts .lashBlock .boxConts h3 {
    justify-content: left;
    margin: 0 0 2.667vw;
  }

  #frontProducts .lashBlock .boxConts h3 b {
    font-size: 4.8vw;
  }

  #frontProducts .lashBlock .boxConts h3 b:after {
    height: 2.933vw;
  }

  #frontProducts .lashBlock .boxConts h3 small {
    font-size: 3.2vw;
  }

  #frontProducts .lashBlock .boxConts p {
    font-size: 2.933vw;
    margin: 0 0 1.6vw 0;
  }

  #frontProducts .lashBlock .boxConts p.featureText {
    font-size: 3.733vw;
    margin: 0 0 2.4vw;
    letter-spacing: 0.04em;
  }

  #frontProducts .lashBlock .boxConts .moreLink a .text {
    font-size: 3.2vw;
  }

  #frontProducts .lashBlock .ImageArea {
    width: 100%;
    margin: 0 0 4.267vw;
  }

  #frontProducts .lashBlock .Slide a .image {
    width: 40vw;
    -webkit-transform: translateX(2.667vw);
    transform: translateX(2.667vw);
  }

  #frontProducts .lashBlock .Slide a .image img {
    max-width: 100%;
    max-height: initial;
  }

  #frontProducts .lashBlock .Slide a .slideConts {
    width: 60vw;
    padding: 0 5.333vw 0 0;
    -webkit-transform: translateX(-2.667vw);
    transform: translateX(-2.667vw);
  }

  #frontProducts .lashBlock .Slide a .slideConts .smallName {
    font-size: 3.2vw;
  }

  #frontProducts .lashBlock .Slide a .slideConts .bigName {
    font-size: 3.3vw;
  }

  #frontProducts .lashBlock .Slider .prev_nav {
    width: 8.533vw;
    left: 1%;
  }

  #frontProducts .lashBlock .Slider .next_nav {
     width: 8.533vw;
    right: 1%;
  }


  #frontProducts .hairBlock {
    flex-direction: column;
    height: auto;
    margin: 0 0 6.933vw;
    padding: 3.467vw 0 0 0;
  }

  #frontProducts .hairBlock .boxConts {
    position: relative;
    top: initial;
    bottom: 0;
    width: 100%;
    -webkit-transform: initial;
    transform: initial;
    padding: 7.733vw 5.6% 2.933vw 6.6%;
    text-align: left;
  }

  #frontProducts .hairBlock .boxConts h3 {
    justify-content: left;
    margin: 0 0 2.667vw;
  }

  #frontProducts .hairBlock .boxConts h3 b {
    font-size: 4.8vw;
  }

  #frontProducts .hairBlock .boxConts h3 b:after {
    height: 2.933vw;
  }

  #frontProducts .hairBlock .boxConts h3 small {
    font-size: 3.2vw;
  }

  #frontProducts .hairBlock .boxConts p {
    font-size: 2.933vw;
    margin: 0 0 1.6vw 0;
  }

  #frontProducts .hairBlock .boxConts p.featureText {
    font-size: 3.733vw;
    margin: 0 0 2.4vw;
    letter-spacing: 0.04em;
  }

  #frontProducts .hairBlock .boxConts .moreLink a .text {
    font-size: 3.2vw;
  }

  #frontProducts .hairBlock .ImageArea {
    width: 100%;
    margin: 0 0 4.267vw;
  }

  #frontProducts .hairBlock .Slide a .image {
    width: 40vw;
    -webkit-transform: translateX(2.667vw);
    transform: translateX(2.667vw);
    margin: 0 0 -3.467vw;
  }

  #frontProducts .hairBlock .Slide a .image img {
    max-width: 100%;
    max-height: initial;
  }

  #frontProducts .hairBlock .Slide a .slideConts {
    width: 60vw;
    padding: 0 5.333vw 0 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  #frontProducts .hairBlock .Slide a .slideConts .smallName {
    font-size: 3.2vw;
  }

  #frontProducts .hairBlock .Slide a .slideConts .bigName {
    font-size: 3.3vw;
  }

  #frontProducts .hairBlock .Slider .prev_nav {
    width: 8.533vw;
    left: 1%;
  }

  #frontProducts .hairBlock .Slider .next_nav {
     width: 8.533vw;
    right: 1%;
  }

}