@charset "UTF-8";
/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
body{
}
a:hover{
    opacity:.6;
    transition: opacity 300ms;
}
a:visited {
  color: #fff;
}
.pc{display:none !important;}
.sp{display:block !important;}

 .sample{
        width:100%;
  position: absolute;
  top: 2px;
  z-index: 9;
  opacity: .5;
  /*display:none;*/
 }

.footer{margin:0;}
.ecbn-selection-title,.ecbn-selection-description,.ecbn-selection-footer2{display:none !important;}
#anchor01,#anchor02,#anchor03,#anchor04,#anchor05{
padding-top:40px;
margin-top:-40px;
}


.float-button{
position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
}
.specialBanner {
  opacity: 0;
  transition: opacity ease .3s,visibility ease .3s;
}
.specialBanner.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.float-button .close{
position: absolute;
  top: 0;
  right: 0;
  width: 5vw;
  cursor: pointer;
}

.pagetop{
bottom:160px;
}

/* ---------------------------------------------
*   パララックス
--------------------------------------------- */
.section-wrapper {
  position: relative;
}
.bg-image-fixed {
  position: fixed; /* 背景を固定 */
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

#section2 .bg-image-clip {
  position: absolute;
  left: 0;
  width: 100%;
  height: 262vw;
  min-height: 230px;
  clip-path: inset(0); /* 切り抜き */

}
#section4 .bg-image-clip {
  position: absolute;
  left: 0;
  width: 100%;
  height: 114vw;
  min-height: 230px;
  clip-path: inset(0); /* 切り抜き */
  z-index: -1;
}
#section8 .bg-image-clip {
  position: absolute;
  left: 0;
  width: 100%;
  height: 118vw;
  min-height: 230px;
  clip-path: inset(0); /* 切り抜き */
  z-index: -1;
}
#section11 .bg-image-clip {
  position: absolute;
  left: 0;
  width: 100%;
  height: 122vw;
  min-height: 230px;
  clip-path: inset(0); /* 切り抜き */
  z-index: -1;
}

#section2 {
  .bg-image-fixed {
    background-image: url(../img/sp/pbk_01.webp);
  }
}
#section4 {
  .bg-image-fixed {
    background-image: url(../img/sp/pbk_02.webp);
  }
}
#section8 {
  .bg-image-fixed {
    background-image: url(../img/sp/pbk_03.webp);
  }
}
#section11 {
  .bg-image-fixed {
    background-image: url(../img/sp/pbk_04.webp);
  }
}
/* ---------------------------------------------
*   c-section-01
--------------------------------------------- */
.c-section-01 {
position: relative;
  margin: 0 auto;
  background-image: url(../img/sp/sec01_01.webp);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 144vw;
}

.c-section-01 h1{

}
.c-section-01 .new{
position: absolute;
position: absolute;
  left: 64.8vw;
  top: 36vw;
  width: 19vw;
  }
.c-section-01 .note{
width: 29.5vw;
  position: absolute;
  bottom: 2vw;
  right: 2vw;
}
/* ---------------------------------------------
*   c-section-02
--------------------------------------------- */
.c-section-02 {
position: relative;
height: 262vw;
}
.c-section-02 .title{
width: 82vw;
  margin: 0px auto 13vw;
  padding-top: 16.3vw;
}
.c-section-02 .box{
background-image: url(../img_2026/sp/sec02_02.webp);
  background-size: cover;
width: 90vw;
  height: 134.5vw;
  margin: auto;
  position: initial;
}
.c-section-02 .box ul{
width: 86%;
  margin: auto;
  padding-top: 38vw;
  }
.c-section-02 .box ul li{
margin-bottom:10px;
}
.c-section-02 .note{
position: absolute;
width: 79vw;
  bottom: 3vw;
  right: 5vw;
}
/* ---------------------------------------------
*   c-section-03
--------------------------------------------- */
.c-section-03 {
position: relative;
  height: 305vw;

/* バナー有り
  height: 373vw;
*/

}
.c-section-03 .box{
width: 86%;
  margin: auto;
  padding-top: 15.2vw;
}
.c-section-03 .box .img_area{

}
.c-section-03 .box .img_area img{

}
.c-section-03 .box .text_area{

}
.c-section-03 .title{
width: 37vw;
  margin: auto;
}
.c-section-03 .price{
width: 58vw;
  margin: 3vw auto 9vw;
}
.c-section-03 .note{
width: 83vw;
  margin: auto;
}
.c-section-03 .note2{
width: 51vw;
  margin: 7.5vw auto 4vw;
}
.c-section-03 .btn_c{
width: 68vw;
  margin: 12.5vw auto 11vw;
}
.c-section-03 .note3{
width: 83vw;
  margin: 15px auto 0;
}
.c-section-03 .bnr{
width: 93vw;
  margin: 16vw auto 23vw;
}
/* ---------------------------------------------
*   c-section-03s
--------------------------------------------- */
.c-section-03s {
position: relative;
  height: 321vw;
margin-top: -60px;

}
.c-section-03s .special {
  background: url(../img_2026/sp/sec03_set.webp) center 0 no-repeat;
    background-size: auto;
  background-size: 93.6%;
  height: 348vw;
  position: relative;
}
.c-section-03s .c-section-03_sp1 {
  position: absolute;
  width: 59vw;
  margin: auto;
  left: 0;
  right: 0;
  top: 142.5vw;
}
.c-section-03s .c-section-03_sp2 {
  position: absolute;
  width: 59vw;
  margin: auto;
  left: 0;
  right: 0;
  top: 282vw;
}
/* ---------------------------------------------
*   c-section-04
--------------------------------------------- */
.c-section-04 {
position: relative;
height: 114vw;
}
.c-section-04 .title{
width: 89vw;
  margin: 0 auto;
  padding-top: 11vw;
}

/* ---------------------------------------------
*   c-section-05
--------------------------------------------- */
.c-section-05 {
  background:#d9e2f4;
 position: relative;
height: 93vw;
}
.c-section-05 .title{
width: 35vw;
  margin: 0 auto 2.5vw;
  padding-top: 8vw;
}
.c-section-05 .note{
width: 83vw;
  margin: 0 auto;
  padding-top: 5.5vw;
}
.c-section-05 .c-list-02__slide-number{display:none;}
.c-section-05 .c-section-05__ttl{
width: 15vw;
  margin: auto;
  padding-top: 13.1vw;

}
.c-section-05 .c-list-02{
margin-top: 6.5vw;
}

/* ---------------------------------------------
*   c-section-06
--------------------------------------------- */
.c-section-06 {
position: relative;
height: 445.5vw;
}
.c-section-06 .title_o{
width: 59vw;
  margin: 0 auto 0vw;
  padding-top: 17vw;
}
.c-section-06 .scene{

}
.c-section-06 .scene ul{
display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 91%;
  margin: auto;
  padding-top: 8vw;
}
.c-section-06 ul li {
width:49%;
margin-bottom:1.8vw;
}
.c-section-06 .title_m{
width: 69vw;
  margin: 0 auto 8vw;
  padding-top: 17vw;
}

.c-section-06 .box{
    display: flex;
    justify-content: space-between;
width:87%;
  margin: 0 auto 1vw;
}
.c-section-06 .box .img_area{
    width:32%;
}
.c-section-06 .box .one img{
width: 76%;
  margin-top: 2vw;

}
.c-section-06 .box .text_area{
    width:68%;
}
.c-section-06 .title{
width: 49vw;
  margin-top: 3.8vw;
}
.c-section-06 .price{
width: 34vw;
  margin-top: 3.2vw;
}
.c-section-06 .detail{
width: 68.5vw;
  margin: auto;
}
.c-section-06 .btn_c{
width: 54.5vw;
  margin: 7vw auto 10vw;
}

.c-section-06 .box .img_area.two img{
width: 27.5%;
  margin-top: 2vw;
  margin-left: 13vw;
}
.c-section-06 .box .text_area.two .title{
width: 49vw;
  margin-top: 2.8vw;
}
.c-section-06 .box .text_area.two .price{
width: 34vw;
  margin-top: 3.2vw;
}
.c-section-06 .box .text_area.two .detail{
width: 68.5vw;
  margin: auto;
}
.c-section-06 .box .text_area.two .btn_c{
width: 54.5vw;
  margin: 7vw auto 10vw;
}

.c-section-06 .box .img_area.three img{
width: 28%;
  margin-top: 1vw;
  margin-left: 13vw;
}
.c-section-06 .box .text_area.three .title{
width: 50vw;
  margin-top: 3.8vw;
}
.c-section-06 .box .text_area.three .price{
width: 34vw;
  margin-top: 3.2vw;
}
.c-section-06 .box .text_area.three .detail{
width: 68.5vw;
  margin: auto;
}
.c-section-06 .box .text_area.three .btn_c{
width: 54.5vw;
  margin: 7vw auto 10vw;
}
.c-section-06 .bnr{
width: 91vw;
  margin: auto;
  padding-top: 10.5vw;
}
/* ---------------------------------------------
*   c-section-07
--------------------------------------------- */
.c-section-07 {
position: relative;
  margin: 0 auto;
  background-image: url(../img/sp/sec07_01.webp);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 153vw;
}

.c-section-07 h2{
width: 62.5vw;
  margin: auto;
  padding-top: 15vw;
}
.c-section-07 .new{
position: absolute;
  left: 70.8vw;
  top: 35.5vw;
  width: 84px;
  }
.c-section-07 .note{
width: 68.5vw;
  position: absolute;
  bottom: 4.2vw;
  right: 5.5vw;
}
/* ---------------------------------------------
*   c-section-08
--------------------------------------------- */
.c-section-08 {
position: relative;
height: 118vw;
}
.c-section-08 .title{
width: 89vw;
  margin: 0 auto;
  padding-top: 11vw;
}


/* ---------------------------------------------
*   c-section-09
--------------------------------------------- */
.c-section-09 {
position: relative;
  height: 222vw;
  padding-top: 15vw;
}
.c-section-09 .box{
    display: flex;
    justify-content: space-between;
width:91%;
  margin: 0 auto 1vw;
}
.c-section-09 .box .img_area{
    width:28%;
}
.c-section-09 .box .one img{
width: 81%;
  margin-top: 2vw;

}
.c-section-09 .box .text_area{
    width:72%;
}
.c-section-09 .title{
width: 62vw;
  margin-top: 4.8vw;
}
.c-section-09 .price{
width: 34vw;
  margin-top: 3.2vw;
}
.c-section-09 .detail{
width: 68.5vw;
  margin: 2vw auto;
}
.c-section-09 .btn_c{
width: 54.5vw;
  margin: 7vw auto 10vw;
}

.c-section-09 .box .img_area.two img{
width: 29.5%;
  margin-top: 2.5vw;
  margin-left: 12vw;
}
.c-section-09 .box .text_area.two .title{
width: 65.5vw;
  margin-top: 4vw;
}
.c-section-09 .box .text_area.two .price{
width: 34vw;
  margin-top: 3.2vw;
}
.c-section-09 .box .text_area.two .detail{
width: 68.5vw;
  margin: auto;
}
.c-section-09 .box .text_area.two .btn_c{
width: 54.5vw;
  margin: 7vw auto 10vw;
}
.c-section-09 .note{
width: 65.5vw;
  position: absolute;
  bottom: 68.5vw;
  right: 5.5vw;
}
.c-section-09 .bnr{
width: 91vw;
  margin: auto;
  padding-top: 21.5vw;
}
/* ---------------------------------------------
*   c-section-10
--------------------------------------------- */
.c-section-10 {
position: relative;
  margin: 0 auto;
  background-image: url(../img/sp/sec10_01.webp);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 145vw;
}

.c-section-10 h2{
width: 64vw;
  padding-top: 12.3vw;
  margin: auto;
}

/* ---------------------------------------------
*   c-section-11
--------------------------------------------- */
.c-section-11 {
position: relative;
height: 122vw;
}
.c-section-11 .title{
width: 89vw;
  margin: 0 auto;
  padding-top: 10.8vw;
}
/* ---------------------------------------------
*   c-section-09
--------------------------------------------- */
.c-section-12 {
position: relative;
height: 128vw;

/* ベビーパウダー有り時
  height: 143vw;
*/
/* バナー有り時
  height: 193vw;
*/

  padding-top: 16vw;
}
.c-section-12 .box{
    display: flex;
    justify-content: space-between;
width:91%;
  margin: 0 auto 1vw;
}
.c-section-12 .box .img_area{
    width:28%;
}
.c-section-12 .box .one img{
width: 34%;
  margin-top: 4vw;
  margin-left: 9vw;

}
.c-section-12 .box .text_area{
    width:72%;
}
.c-section-12 .title{
width: 63vw;
  margin-top: 4.8vw;
}
.c-section-12 .price{
width: 29vw;
  margin-top: 3.2vw;
}
.c-section-12 .detail{
width: 68.5vw;
  margin: 2vw auto;
}
.c-section-12 .btn_c{
width: 54.5vw;
  margin: 7vw auto 10vw;
}

.c-section-12 .box .img_area.two img{
width: 33.5%;
  margin-top: 4.5vw;
  margin-left: 9vw;
}
.c-section-12 .box .text_area.two .title{
width: 42.5vw;
  margin-top: 5vw;
}
.c-section-12 .box .text_area.two .price{
width: 34vw;
  margin-top: 3.2vw;
}
.c-section-12 .box .text_area.two .detail{
width: 68.5vw;
  margin: auto;
}
.c-section-12 .box .text_area.two .btn_c{
width: 54.5vw;
  margin: 7vw auto 10vw;
}
.c-section-12 .bnr{
width: 91vw;
  margin: auto;
  padding-top: 10.5vw;
}
/* ---------------------------------------------
*   c-section-13
--------------------------------------------- */
.c-section-13 {
position: relative;
  margin: 0 auto;
  background:#f1eee7;
height: 267vw;
}

.c-section-13 .title{
width: 57vw;
  margin: auto;
  padding-top: 19.5vw;
}
.c-section-13 .detail{
width: 85vw;
  margin: auto;
  padding-top: 7.7vw;
}
.c-section-13 .note{
width: 89vw;
  margin: auto;
  padding-top: 10.3vw;
}