.main *{}

.main .arrow{
  margin: 2rem auto 2rem;
}

.contents {
  padding: 0 1.5rem;
}

.c-inner {
  max-width:none;
  margin: 0 auto;
}

.m-btm35 {margin-bottom:3.5rem !important;}


/* ----------------------------------------
mv
----------------------------------------*/
.mv {
  overflow-x: hidden;
  position: relative;
  border:none;
}

.mv__inner {margin:0;
  border:none;
}

.mv__img {
  height: 100%;
  padding-bottom:1rem;
  line-height: 0;
}

.mv__img img {
  width: 100%;
  height: auto;
}

/* ----------------------------------------
alaunen-logo
---------------------------------------- */
.c-inner figure.alaunen__logo,
.c-inner figure.alaunen__logo img{
  width:31rem;
  height: 11.7rem;
  margin: auto;
}


/* ----------------------------------------
link-btn
---------------------------------------- */
.link-btn {
  width: 28rem;
  margin: 0 auto;
}

.link-btn a {
  position: relative;
  min-height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem 2rem 1rem 2rem;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.333;
  background-image: linear-gradient(90deg, #ee9623 0%, #eed570 50%, #ee9623 100%);
  background-position: 1% 50%;
  background-size: 200% auto;
  transition: 0.3s ease;
}

.link-btn a.hover {
  background-position: 99% 50%;
}

.link-btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3rem;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 0.1rem solid #333;
  border-right: 0.1rem solid #333;
  transform: translateY(-50%) rotate(45deg);
}


/* ----------------------------------------
introduction
----------------------------------------*/
.introduction-1 {padding: 3rem 0 6rem;}

.main-introduction {padding:0 1.5rem;}
.main-introduction h2.main-introduction__ttl,
.main-introduction h2.main-introduction__ttl img {
  width: 25.9rem;
  margin: 0 auto 1.5rem;}

.c-inner figure.main-introduction__photo,
.c-inner figure.main-introduction__photo img {
  width:9.2rem;
  margin: 0 auto 1.5rem;
}


/* ----------------------------------------
movie
----------------------------------------*/
.movie{
  padding: 4rem 1.5rem 0;
  margin-bottom:3.5rem;
}

.movie h2{
  font-size: 2.6rem;
  margin: 0 0 2rem 0;
}

.movie.js-fade .movie__inner::before{
  content: none;
}

.movie .movie__ttl,
.movie .movie__ttl img {
  width:11.5rem;
  height:3rem;  
  margin:0 auto 2rem;
}

.movie .movie__inner {
  padding: 5px;
  }
.movie__bg01 {
  width: 9.1rem;
  height: 9.1rem;
  top: -4rem;
  left: -3.2rem;
}
.movie__bg02 {
  width: 11.2rem;
  height: 11.3rem;
  bottom: 4.5rem;
  left: -5.5rem;}

.movie__bg03 {
  width: 10.4rem;
  height: 10rem;
  bottom: -3.5rem;
  right: -2.5rem;}


/* ----------------------------------------
ボディもガラスも～
----------------------------------------*/
h3.intro2_ttl img {
  width: 32.6rem;
  margin: 0 auto 4rem;
}

ul.intro2-img {
  width:100%;
  display: block;
  margin: auto auto 8rem;}

ul.intro2-img li {width:100%;}
ul.intro2-img li:first-child {
  position: relative;
  margin-bottom: 4rem;
}
ul.intro2-img li:first-child::after {
  content: "";
  width:2rem;
  height:2rem;
  background: url("/products/alaunen/images/introduction02-img_x.png");
  background-size: cover;
  top: auto;
  bottom: -30px;
  right: 0;
  left: 0;
  margin: auto;
}

ul.intro2-img li figure,
ul.intro2-img li figure img {width:100%;}
ul.intro2-img li figcaption {font-size:1.6rem;}

h3.intro2_ttl img.effect-intro2_ttl {
  width: 16.5rem;
  height: 16.5rem;
  top: -4.5rem;
}


/* ----------------------------------------
こんなのなかった新発想～
----------------------------------------*/
h3.intro3_ttl img {
  width: 32.8rem;
  margin:0 auto 5rem;}


/* ピッタリ */
.pittari {
  width: 100%;
  padding:2rem 1.5rem 1rem;
  margin-bottom:6rem;
}

.pittari h3.pittari__ttl {
  width: 100%;
  min-height: 4.5rem;
  margin: auto auto 2.5rem;
}
.pittari h3.pittari__ttl img {
  width: 26.3rem;
  margin:0 auto 1.5rem;
}

.pittari ul.pittari__list {margin-left:0.5rem;}
.pittari ul.pittari__list li {
  font-size:1.8rem;
  padding-left:3rem;
}
.pittari ul.pittari__list li::before {
  width:2rem;
  height: 2rem;
}

.pittari .effect-pittari {
  position: absolute;
  width:11.7rem;
  height: 11.4rem;
  right: -5rem;
  bottom: -4rem;
}


/* check */
.pittari ul.pittari__list li.js-check::after {
  width: 2.3rem;
  height: 2.3rem;
}




/* ----------------------------------------
2モード
----------------------------------------*/
/* 2mode */
.c-inner.intro-2mode h3.intro-2mode__ttl img {
  width: 26.3rem;
  margin:0 auto 3rem;}

/* mode1~EX */
.c-inner.intro-2mode h4.intro-2mode__ttl2 {
  margin-bottom: 5rem;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;}
.c-inner.intro-2mode h4.intro-2mode__ttl2 img {
  height: 3rem;
  margin:0 auto;}

/* mode name */
.c-inner.intro-2mode h5.intro-2mode__ttl3 img {
  height: 3.6rem;
  margin:0 auto 2rem;}

.c-inner.intro-2mode .intro-2mode__copy { 
  height: auto;
  width: 100%;
  margin:0 auto 2rem;}
.c-inner.intro-2mode .intro-2mode__copy img{
  height: auto;
  width: 34.5rem;}

.c-inner.intro-2mode h5.intro-2mode__ttl3 img.bachibachi-logo {
  top: -5rem;
  left: 0rem;
  width:7.9rem;
  height:5rem;
}


/* effect */
.c-inner.intro-2mode .intro-2mode__copy img.effect-2mode-1-1 {
  width:13.9rem;
  height: 14.1rem;
  top: -2rem;
  right: -5rem;
}

.c-inner.intro-2mode .intro-2mode__copy img.effect-2mode-1-2 {
  width:14.5rem;
  height: 14.5rem;
  top: -2.5rem;
  left: -3rem;
}

.c-inner.intro-2mode .intro-2mode__copy img.effect-2mode-2-1 {
  width:13.7rem;
  height: 13.9rem;
  top: 1.7rem;
  right: -1rem;}

.c-inner.intro-2mode .intro-2mode__copy img.effect-2mode-2-2 {
  width:10.9rem;
  height: 10.9rem;
  top: 1rem;
  left: -2.5rem;}


/* 1column */
.intro-2mode ul.intro-2mode__img {margin: auto auto 4rem;}
.intro-2mode ul.intro-2mode__img figure,
.intro-2mode ul.intro-2mode__img figure img{width:100%;}

.intro-2mode ul.intro-2mode__img figure figcaption {
  font-size:1.6rem;
  padding:0.5rem;
}

.intro-2mode ul.intro-2mode__img li {margin-bottom: 3rem;}
.intro-2mode ul.intro-2mode__img li::after {
  border-right: 1.5rem solid transparent;
  border-left: 1.5rem solid transparent;
  border-top: 1.5rem solid #1e3e91;
  bottom: -2.3rem;
}

.intro-2mode ul.intro-2mode__img li:last-child {margin-bottom:0;}


/* 2column */
.intro-2mode ul.intro-2mode__img2 {
  width:100%;
  display: block;
  margin: auto auto 6rem;}
.intro-2mode ul.intro-2mode__img2 li {margin: 0 0 2rem;}

.intro-2mode ul.intro-2mode__img2 li img {
  width:100%;
  height:auto;}


/* 2モード-モード2 */
.intro-2mode__mode-2 ul.intro-2mode__img li::after {border-top: 1.5rem solid #dc0000;}
.c-inner.intro-2mode .intro-2mode__mode-2 .intro-2mode__copy img.sp {width:25.5rem;}

/* 2モード-モードEX */
.intro-2mode__ex {
  padding:2rem 1.5rem 3rem;
  position: relative;}

.intro-2mode__ex ul.intro-2mode__img {
  width:100%;
  display: block;
  margin: auto auto 2rem;}

.intro-2mode__ex ul.intro-2mode__img li::after {
  border-right: 1.5rem solid transparent;
  border-left: 1.5rem solid transparent;
  border-top: 1.5rem solid #eec600;
  border-bottom: 0;
  right: 0;
  left: 0;
  top: auto;
}

.intro-2mode__ex ul.intro-2mode__img figure {width:100%;}
.intro-2mode__ex ul.intro-2mode__img figure figcaption {
  width:100%;
  padding:0.5rem;
  font-size:1.6rem;
}

.intro-2mode__ex figure.intro-2mode__img2,
.intro-2mode__ex figure.intro-2mode__img2 img {
  width:100%;
  margin-bottom:0;}

/* copy */
.c-inner.intro-2mode .intro-2mode__ex .intro-2mode__copy img{
  height: auto;
  width: 22.5rem;}

.c-inner.intro-2mode .intro-2mode__ex .intro-2mode__copy2 img{
  height: auto;
  width: 24.1rem;
  margin:0 auto 1.5rem;}

.effect_2mode-ex {
  position: absolute;
  width:16.5rem;
  height:15.6rem;
  bottom: -5rem;
  right: -7rem;}



/* ----------------------------------------
introduction-2
----------------------------------------*/
.introduction-2,
.shop {padding-bottom: 18rem;}

.introduction-2 .c-inner {margin:0 1.5rem;}
.introduction-2 .c-inner .alaunen__logo {margin-bottom:3rem;}


/* ----------------------------------------
アンカー
----------------------------------------*/
.introduction-2 h3.introduction2__ttl2 {
  border-top:0.5rem solid #8b6d00;
  border-bottom:0.5rem solid #8b6d00;
  margin-bottom:3.5rem;
}

.introduction2__ttl2.js-arrow.js-arrow-in::after,
.introduction-2 h3.introduction2__ttl2::after {
  border-right: 1.2rem solid transparent;
  border-left: 1.2rem solid transparent;
  border-top: 3rem solid #8b6d00;
}

.introduction-2 h3.introduction2__ttl2 img {
  width:33.6rem;
  margin:2rem auto;}


/* features__box */
div.features__box {
  max-width:100%;
  display: block;
  margin: auto auto 2rem;
}

/* photo */
div.features__box figure {margin: auto 0;}

div.features__box figure.features__shampoo,
div.features__box figure.features__cleaning-cloth,
div.features__box figure.features__water-absorption,
div.features__box figure.features__wash-bag,
div.features__box figure.features__brush {
  width:100%;
  position: relative;
  z-index: 2;}

div.features__box figure.features__shampoo img,
div.features__box figure.features__cleaning-cloth img,
div.features__box figure.features__water-absorption img,
div.features__box figure.features__wash-bag img,
div.features__box figure.features__brush img {margin: 0;}

div.features__box figure figcaption {font-size:1.7rem;}


/* ancher */
div.features__box figure.anchor__shampoo,
div.features__box figure.anchor__cleaning-cloth,
div.features__box figure.anchor__water-absorption,
div.features__box figure.anchor__wash-bag,
div.features__box figure.anchor__brush {
  width: 100%;
  margin:0;
  padding:0;}

div.features__box figure.anchor__shampoo a,
div.features__box figure.anchor__cleaning-cloth a,
div.features__box figure.anchor__water-absorption a,
div.features__box figure.anchor__wash-bag a,
div.features__box figure.anchor__brush a {
  width:100%;
  position: relative;
  display: block;
  top: 0;
  max-width:35rem;
  height: auto;
  margin: 1rem auto 3rem;}


div.features__box figure.anchor__shampoo a img {
  width:100%;
  max-width:35rem;
  height:auto;
  margin:0 0 0 3.5rem;
  display: block;
  position: relative;
  z-index: 2;}

div.features__box figure.anchor__cleaning-cloth a img {
  width:100%;
  max-width:35rem;
  height: auto;
  margin:0 0 0 1.5rem;
  display: block;
  position: relative;
  z-index: 2;}

div.features__box figure.anchor__water-absorption a img {
  width:100%;
  max-width:35rem;
  height: auto;
  margin:0 0 0 1.5rem;
  display: block;
  position: relative;
  z-index: 2;}


div.features__box figure.anchor__wash-bag a img {
  width:100%;
  max-width:22.5rem;
  height: auto;
  margin:0 0 0 1.5rem;
  display: block;
  position: relative;
  z-index: 2;}


div.features__box figure.anchor__brush a img {
  width:100%;
  max-width:35rem;
  height: auto;
  margin:0 0 0 1.5rem;
  display: block;
  position: relative;
  z-index: 2;}

div.features__box figure.anchor__shampoo a img.anchor__photo,
div.features__box figure.anchor__cleaning-cloth a img.anchor__photo,
div.features__box figure.anchor__water-absorption a img.anchor__photo,
div.features__box figure.anchor__wash-bag a img.anchor__photo,
div.features__box figure.anchor__brush a img.anchor__photo {
  width:100%;
  max-width: 35rem;}


/* effect */
div.features__box figure.anchor__shampoo a img.effect__anchor,
div.features__box figure.anchor__cleaning-cloth a img.effect__anchor,
div.features__box figure.anchor__water-absorption a img.effect__anchor,
div.features__box figure.anchor__wash-bag a img.effect__anchor,
div.features__box figure.anchor__brush a img.effect__anchor {
  position: absolute;
  width:13.5rem;
  height:13.5rem;
  z-index: 0;
  bottom:-1.2rem;
  margin:0;
  left: calc(50% - 7.2rem);
}


/* ----------------------------------------
common
----------------------------------------*/

/*ttl周り*/
h2.shampoo_ttl figure img,
h2.cleaning-cloth_ttl figure img,
h2.water-absorption_ttl figure img,
h2.wash-bag_ttl figure img,
h2.brush_ttl figure img {height:5.6rem;}

img.effect__ttl {
  width: 12.6rem;
  height: 12.2rem;
  position: absolute;
  top: calc(50% - 6.1rem);
  left: 1.5rem;}

h5.ttl__mode {margin:0 auto 2.5rem;}


/* figure */
.shampoo .c-inner figure,
.cleaning-cloth .c-inner figure,
.water-absorption .c-inner figure,
.wash-bag .c-inner figure,
.brush .c-inner figure {
  width:auto;
  margin: 0 auto 1rem;
  display: block;
}

figure.products__img {margin:0 auto 4rem;}
figure.products__img img {
  display: block;
  margin:auto;}

.c-inner figure.single-photo img {
  width:100%;
  margin: auto;
}

.shampoo .c-inner figure img,
.cleaning-cloth .c-inner figure img,
.water-absorption .c-inner figure img,
.wash-bag .c-inner figure img,
.brush .c-inner figure img {width:100%;}


.c-inner figure.column3-photo {
  position: relative;
  display: flex;
  margin: 0 auto 4rem;}

.c-inner figure.column3-photo img {
  width: calc(50% - 0.6rem);
  margin-bottom:1rem;
}

.c-inner p.txt__copy,
.c-inner p.txt__copy2,
.c-inner figcaption {
  font-size:1.6rem;
  margin: 0 auto 1.5rem;
}

.c-inner p.txt__copy2,
figcaption.txt__copy2 {
  font-size:1.4rem;
  text-align: left;
  margin: 0 auto 1.5rem;
}


.c-inner figure.photo-s {
  position: relative;
  display: flex;
  margin: 0 auto 4rem;
}
.c-inner figure.photo-s::after {width:calc(50% - 0.6rem);}
.c-inner figure.photo-s img{
  width: calc(50% - 0.6rem);
  margin-bottom: 1rem;}

.c-inner figure.photo-s figcaption{
  width:calc(50% - 0.6rem);
  margin: 0;
  font-size: 1.2rem;
}


.c-inner h4 figure {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.c-inner h4 figure img {height:3rem;}



.c-inner h5 figure,
.c-inner h5 figure img{height:2.6rem;}


.c-inner figure.single-photo {
  margin: 0 auto 4rem;
}


/* ----------------------------------------
products__box
----------------------------------------*/
.products__box {margin: 8rem auto;}
.products__box .c-inner {
  width: calc(100% - 3rem);
  padding: 0 1.5rem 2rem;
  border: 0;
  box-shadow: 0.1rem 0.1rem 0 0.4rem rgba(0, 0, 0, 1);
}

.products__box .c-inner figure.products__img {
  margin: 0;
  top:-2rem;
  height: auto;
}

.products__box .c-inner figure.products__name {

  top: -2.5rem;}
.products__box .c-inner figure.products__name img{height: 5rem;}



.shampoo .products__box .c-inner figure.products__name img,
.cleaning-cloth .products__box .c-inner figure.products__name img,
.water-absorption .products__box .c-inner figure.products__name img,
.wash-bag .products__box .c-inner figure.products__name img,
.brush .products__box .c-inner figure.products__name img,
.shampoo .products__box .c-inner h2,
.cleaning-cloth .products__box .c-inner h2,
.water-absorption .products__box .c-inner h2,
.wash-bag .products__box .c-inner h2,
.brush .products__box .c-inner h2 {
  height: 5.5rem;
  width: auto;
  display: block;
  margin: auto;
  top:1.7rem;}

.shampoo .shop-btn, .cleaning-cloth .shop-btn, .water-absorption .shop-btn, .wash-bag .shop-btn, .brush .shop-btn {
  width: 100%;
  margin:auto auto 2rem;
  display: block;
}

.shop-btn {
  width: 100%;
}


/* .introduction-1 products__box */
.introduction-1 .products__box {margin: 8rem auto;}

.introduction-1 .products__box .c-inner figure.products__img {
  top:-2rem;
  height:25.6rem;}
.introduction-1 .products__box .c-inner figure.products__img img {height:25.6rem;}

.introduction-1 .products__box .c-inner figure.products__name { margin:0 auto 2rem;}
.introduction-1 .products__box .c-inner figure.products__name img{height: 8.9rem;}

.introduction-1 .products__box img.products__effect01 {
  left: 0;
  top: 10rem;
  width: 15.6rem;}
.introduction-1 .products__box img.products__effect02 {
  right: 2rem;
  top: 1.5rem;
  width: 9.5rem;
opacity: 1;}



/* ----------------------------------------
shampoo
----------------------------------------*/
.shampoo {padding-top: 8rem;}

h2.shampoo_ttl {
  border-top: 0.5rem solid #ff0666;
  border-bottom: 0.5rem solid #ff0666;
  padding: 3rem 1.5rem;
  margin-bottom: 3rem;
}

h2.shampoo_ttl figure img {
  width:22.4rem;
  height: auto;
}

h2.shampoo_ttl img.effect__ttl {
  width: 12.6rem;
  height: 12.2rem;
  position: absolute;
  top: calc(50% - 6.1rem);
  left: 1.5rem;}

.shampoo figure.products__img img,
.shampoo .products__box .c-inner figure.products__img img {
  width: 10.9rem;
  height: 27.2rem;
}

.c-inner figure.shampoo__main_copy ,
.c-inner figure.shampoo__main_copy img {
  width: 100%;
  max-width: 28.4rem;
  height: auto;
  margin: auto auto 1rem;
}

.c-inner figure.single-photo img.photo_img06 {width:100%;height: auto;}

h3.shampoo__line {
  background: url(/products/alaunen/images/shampoo_line_sp.png) no-repeat;
  width: calc(100% + 4rem);
  position: relative;
  left: -2.5rem;
  min-height: 10rem;
  font-size: 2.4rem;
  background-size: 100% 100%;
  padding: 3.5rem 3rem 3rem;
  margin: 0 auto 1rem;
}


figure.shampoo__arrow img:first-of-type {margin-bottom:1.5rem;}
figure.shampoo__arrow::after {content: none;}

figure.shampoo__arrow img.arrow__down {
  width:2.6rem;
  height:1.8rem;
  margin: auto;
  margin-bottom:1.5rem;
}

.shampoo .products__box img.products__effect01 {
  left:0;
  top:13rem;
  width:15.6rem;}
.shampoo .products__box img.products__effect02 {
  right:2rem;
  top:1.5rem;
  width:9.5rem;
}


/* ----------------------------------------
cleaning-cloth
----------------------------------------*/
.cleaning-cloth {
  padding-top: 8rem;
}

h2.cleaning-cloth_ttl {
  border-top: 0.5rem solid #73db00;
  border-bottom: 0.5rem solid #73db00;
  padding: 3rem 1.5rem;
}

h2.cleaning-cloth_ttl figure img {
  width:auto;
  height: 5.5rem;
}

h2.cleaning-cloth_ttl img.effect__ttl {
  top: calc(50% - 6.1rem);
  left: 1.5rem;}


.cleaning-cloth figure.products__img img {width: 20rem;}
.cleaning-cloth .products__box .c-inner figure.products__img {top:-2rem;}

.c-inner figure.cleaning-cloth__main_copy ,
.c-inner figure.cleaning-cloth__main_copy img {
  width:100%;
  max-width: 33rem;
  height: auto;
  margin: auto auto 1rem;
}


h3.cleaning-cloth__line {
  background: url(/products/alaunen/images/cleaning-cloth_line_sp.png) no-repeat;
  width: calc(100% + 4rem);
  position: relative;
  left: -2.5rem;
  min-height: 13rem;
  font-size: 2.4rem;
  background-size: 100% 100%;
  padding: 3.5rem 1rem 3rem;
  margin: 0 auto 1rem;
}


.c-inner h4.mode{
  margin-bottom: 2rem;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  left:0;}

.c-inner h4.mode img {
  height: 3rem;
  margin: 0 auto;}

.c-inner h5.mode2,
.c-inner h5.mode2 img {
  margin: 0 auto 2rem;
  height: 2.6rem;
  width: auto;
}

h6.sub-ttl__kaiser-change {
  width: 100%;
  font-size: 1.8rem;
}

figure.kaiser-change__photo{
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
figure.kaiser-change__photo img{width: calc(50% - 0.6rem);}
figure.kaiser-change__photo figcaption,
h6.sub-ttl__kaiser-change + p.txt__copy {
  text-align: left;
}

.cleaning-cloth .products__box .c-inner figure.products__img img {width:19.8rem;}

.cleaning-cloth .products__box img.products__effect01 {
  right:0;
  top: 8rem;
  width: 15.6rem;}

.cleaning-cloth .products__box img.products__effect02 {
  left:1rem;
  top:1rem;
  width: 9.5rem;
}


/* ----------------------------------------
water-absorption
----------------------------------------*/
.water-absorption {
  padding-top: 8rem;}

h2.water-absorption_ttl {
  border-top: 0.5rem solid #ab3dc1;
  border-bottom: 0.5rem solid #ab3dc1;
  padding: 3rem 1.5rem;
}

h2.water-absorption_ttl figure img {
  width:auto;
  height: 5.5rem;
}

h2.water-absorption_ttl img.effect__ttl {left: 1.5rem;}

.water-absorption figure.products__img img {
  width:20rem;
  height: auto;}



.c-inner figure.water-absorption__main_copy,
.c-inner figure.water-absorption__main_copy img {
  width: 100%;
  max-width: 34.6rem;
  height: auto;
  margin: auto auto 1rem;
}


h3.water-absorption__line {
  background: url(/products/alaunen/images/water-absorption_line_sp.png) no-repeat;
  width: calc(100% + 4rem);
  position: relative;
  left: -2.5rem;
  min-height: 13rem;
  font-size: 2.4rem;
  background-size: 100% 100%;
  padding: 3.5rem 3rem 3rem;
  margin: 0 auto 1rem;
}


figure.water-absorption__arrow {position: relative;}
figure.water-absorption__arrow::after {
  left: calc(50% - 1.35rem);
  bottom: -3rem;
  width: 2.7rem;
  height: 1.9rem;
  border-top: 1.9rem solid #ab3dc1;
  border-left: 1.35rem solid transparent;
  border-right: 1.35rem solid transparent;
}

h4.ttl__action-change {
  position: relative;
  width: calc(100% + 3rem);
  left: -1.5rem;
  margin:2rem 0 1.5rem;}

.c-inner h5.ttl__ex {margin:0 auto 1rem;}


/*超吸水パワーの秘密*/
.secret-box{
  width: 100%;
  padding: 1.5rem 1rem 1.5rem;
  margin: 0 auto 5rem;
}

.secret-box:after{
  border-bottom-width: 3rem;
  border-left-width: 1.2rem;
  border-right-width: 1.2rem;
  border-bottom-color: #ffff00;
}
.secret-box:before{
  border-top-width: 4rem;
  border-bottom-width: 4rem;
  border-left-width: 1.7rem;
  border-right-width: 1.7rem;
  border-bottom-color: #ab3dc1;
}

.c-inner .secret-box figure,
.c-inner .secret-box figure img {
  width:14rem;
  height:7.7rem;
  margin: 0 1rem auto 0;}

.secret-box dl dt {font-size:2.4rem;}

.secret-box dl dd > div h4 {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}
.secret-box dl dd > div p {font-size:1.2rem;}



.water-absorption .products__box .c-inner figure.products__img img {width:19.8rem;}
.water-absorption .products__box .c-inner figure.products__img {top:-2rem;}

.water-absorption .products__box img.products__effect01 {
  left:0;
  top:4.5rem;
  width: 15.6rem;}
.water-absorption .products__box img.products__effect02 {
  right:1rem;
  top:0.5rem;
  width: 9.5rem;
}


.water-absorption figure.action-change__photo {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 2.5rem;
}

.water-absorption figure.action-change__photo img{
  width: calc(50% - 0.6rem);
  margin-bottom:1rem;
}



/* ----------------------------------------
wash-bag
----------------------------------------*/
.wash-bag {padding-top: 8rem;}

h2.wash-bag_ttl {
  border-top: 0.5rem solid #22b6bc;
  border-bottom: 0.5rem solid #22b6bc;
  padding: 3rem 1.5rem;
  margin-bottom: 3rem;
}

.wash-bag figure.gorogoro {margin-bottom:1rem;}

.wash-bag figure.products__img img,
.wash-bag .products__box .c-inner figure.products__img img {
  width:14.6rem;
  height: auto;}


.c-inner figure.wash-bag__main_copy,
.c-inner figure.wash-bag__main_copy img {
  width: 100%;
  max-width: 33.2rem;
  height: auto;
  margin: auto auto 1rem;
}


h3.wash-bag__line {
  background: url(/products/alaunen/images/wash-bag_line_sp.png) no-repeat;
  width: calc(100% + 4rem);
  position: relative;
  left: -2.5rem;
  min-height: 10rem;
  font-size: 2.4rem;
  background-size: 100% 100%;
  padding: 3.5rem 2rem 3rem;
  margin: 0 auto 1rem;
}


.wash-bag figure.products__img img,
.wash-bag .products__box .c-inner figure.products__img img {
  width:auto;
  height: 23rem;}

.wash-bag .products__box img.products__effect01 {
  position: absolute;
  left: 1rem;
  top: 11rem;
  width: 15.6rem;
  height: auto;
  opacity: 0.8;}

.wash-bag .products__box img.products__effect02 {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 9.5rem;
  height: auto;
  opacity: 0.3;}


/* ----------------------------------------
brush
----------------------------------------*/
.brush {padding-top: 8rem;}

h2.brush_ttl {
  border-top: 0.5rem solid #d300ba;
  border-bottom: 0.5rem solid #d300ba;
  padding: 3rem 1.5rem;
  margin-bottom: 3rem;}

.brush figure.products__img img,
.brush .products__box .c-inner figure.products__img img {
  width:auto;
  height: 23rem;}

.c-inner figure.brush__main_copy,
.c-inner figure.brush__main_copy img {
  width: 100%;
  max-width: 33.2rem;
  height: auto;
  margin: auto auto 1rem;
}


h3.brush__line {
  background: url(/products/alaunen/images/brush_line_sp.png) no-repeat;
  width: calc(100% + 4rem);
  position: relative;
  left: -2.5rem;
  min-height: 10rem;
  font-size: 2.4rem;
  background-size: 100% 100%;
  padding: 3.5rem 3rem 3rem;
  margin: 0 auto 1rem;
}

/*絶妙なコシを持たせた極細毛を採用*/
.brush .c-inner figure.comparison-img {
  display: flex;
  margin: 0 auto;}

.brush .c-inner figure.comparison-img img  {width: calc(50% - 0.6rem);}


/*毛材の異なる2種類のブラシをセット*/
ul.brush-img {
  width:100%;
  display: block;
  margin: auto;}

ul.brush-img li {width:100%;}
ul.brush-img li figure {width:100% !important;}
ul.brush-img li figcaption {
  font-size:1.6rem;
  padding: 0.5rem 1rem;
}

.brush figure.products__img img,
.brush .products__box .c-inner figure.products__img img {
  width:auto;
  height: 23.9rem;}

.brush .products__box img.products__effect01 {
  position: absolute;
  left: 1rem;
  top: 4rem;
  width:9.5rem;
  height: auto;
  opacity: 0.5;
  }
.brush .products__box img.products__effect02 {
  position: absolute;
  right: 0;
  top: 10rem;
  width:15.6rem;
  height: auto;
  opacity: 1;
}




/* ----------------------------------------
shop
----------------------------------------*/
.shop {padding-bottom: 0;}

/* mv */
.shop .mv__img {margin: 0 auto 4rem;}

.shop .shop__main {width:100%;}
.shop h3.txt__shop figure,
.shop h3.txt__shop figure img {
  width: 32.3rem;}


/* logo */
.shop .c-inner figure.alaunen__logo,
.shop .c-inner figure.alaunen__logo img{margin: auto auto 7rem;}


/* container */
.shop__products-box .c-inner {
  width: 100%;
  box-shadow: 0.1rem 0.1rem 0 0.25rem rgba(0, 0, 0, 1);
  margin-bottom: 10rem;
}

.shop__products-box .c-inner img.shop__effect {
  top: 16rem;
  width: 15rem;
  height: 14.5rem;
}


.shop__products-box .c-inner dl {display: block;}
.shop__products-box .c-inner dt {width:100%;}

.shop__products-box .c-inner dd.shop-btn {
  width:100%;
  padding:3rem 1.5rem 1rem 1.5rem;
}


.shop__products-box figure.shop__photo--shampoo img {
  width: 10.8rem;
  height: auto;
  margin: -3rem auto 2.5rem;}

.shop__products-box figure.shop__photo--cleaning-cloth img,
.shop__products-box figure.shop__photo--water-absorption img {
  width: 17.7rem;
  height: auto;
  margin: -2rem auto 2.5rem;}


.shop__products-box figure.shop__photo--bachibachi img {
  width: 10.8rem;
  height: auto;
  margin: -3rem auto 2.5rem;}

.shop__products-box figure.shop__photo--wash-bag img {
  width: 14.8rem;
  height: auto;
  margin: -3rem auto 2.5rem;}

.shop__products-box figure.shop__photo--brush img {
  width: 10.6rem;
  height: auto;
  margin: -3rem auto 2.5rem;}


.shop__products-box .c-inner figure.products__name--bachibachi,
.shop__products-box .c-inner figure.products__name--bachibachi img {height:8rem;}

.shop__products-box .c-inner figure.products__name,
.shop__products-box .c-inner figure.products__name img {height:5.1rem;}


/* btn */
p.onlineshop{
  width:100%;
  margin:0 0 1rem;}		

p.onlineshop a{
  height: 7.5rem;
  display: flex;
  justify-content: start;
  font-size: 1.6rem;
  box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.6);}




/* ----------------------------------------
floating-bn
----------------------------------------*/
.floating-bn{
  width: calc(100% - 20px);
  height: auto;
}

.floating-bn img{
  width: 100%;
  height: auto;
}

.bottom-digloss-logo{
 padding: 0 5rem 37.33vw;
}