@charset "UTF-8";
/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
html {
  scroll-behavior: smooth;
}
body{
}
a:hover{
    opacity:.8;
    transition: opacity 300ms;
    color:#ddd;
}
a:visited {
  color: #fff;
}
.pc{display:block !important;}
.sp{display:none !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;}

.float-button{
position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 30vw;
}
.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: 1vw;
  cursor: pointer;
}
.dnone{display:none !important;}
.l-header-nav__list li{text-align:center;}

#anchor01,#anchor02,#anchor03,#anchor04,#anchor05{
padding-top:80px;
margin-top:-80px;
}
/*
.flex-control-nav{display:none;}
*/
/* ---------------------------------------------
*   パララックス
--------------------------------------------- */
.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: 104vw;
  min-height: 230px;
  clip-path: inset(0); /* 切り抜き */

}
#section4 .bg-image-clip {
  position: absolute;
  left: 0;
  width: 100%;
  height: 57vw;
  min-height: 230px;
  clip-path: inset(0); /* 切り抜き */
  z-index: 1;
}
#section8 .bg-image-clip {
  position: absolute;
  left: 0;
  width: 100%;
  height: 58vw;
  min-height: 230px;
  clip-path: inset(0); /* 切り抜き */
  z-index: 1;
}
#section11 .bg-image-clip {
  position: absolute;
  left: 0;
  width: 100%;
  height: 58vw;
  min-height: 230px;
  clip-path: inset(0); /* 切り抜き */
  z-index: 1;
}
#section2 {
  .bg-image-fixed {
    background-image: url(../img/pbk_01.webp);
  }
}
#section4 {
  .bg-image-fixed {
    background-image: url(../img/pbk_02.webp);
  }
}
#section8 {
  .bg-image-fixed {
    background-image: url(../img/pbk_03.webp);
  }
}
#section11 {
  .bg-image-fixed {
    background-image: url(../img/pbk_04.webp);
  }
}

/* ---------------------------------------------
*   c-section-01
--------------------------------------------- */
.c-section-01 {
position: relative;
  margin: 0 auto;
  background-image: url(../img/sec01_01.webp);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 64vw;
}

.c-section-01 h1{
width: 59.5vw;
  padding-top: 21vw;
  padding-left: 6.5vw;
}
.c-section-01 .new{
position: absolute;
  left: 75.8vw;
  top: 13vw;
  width: 9.5vw;;
  }
.c-section-01 .note{
width: 7.5vw;
  position: absolute;
  bottom: 1vw;
  right: 2vw;
}
/* ---------------------------------------------
*   c-section-02
--------------------------------------------- */
.c-section-02 {
position: relative;
height: 104vw;
}
.c-section-02 .title{
width: 43vw;
  margin: 0 auto 8vw;
  padding-top: 12.3vw;
}
.c-section-02 .box{
background-image: url(../img_2026/sec02_02.webp);
background-size: cover;
  width: 70vw;
  height: 41.5vw;
  margin: auto;
}
.c-section-02 .box ul{
display: flex;
justify-content: space-between;
  width: 89%;
  margin: auto;
  padding-top: 12vw;
  }
.c-section-02 .box ul li{
width: 32.5%;
}
.c-section-02 .note{
position: absolute;
  width: 24vw;
  bottom: 7.5vw;
  left: 61vw;
}
/* ---------------------------------------------
*   c-section-03
--------------------------------------------- */
.c-section-03 {
position: relative;
  height: 72.5vw;
/* バナー有り
height: 104.5vw;
*/
min-height: 580px;
}
.c-section-03 .box{
    display: flex;
    justify-content: space-between;
  width: 63%;
  margin: auto;
  padding-top:9.2vw;
}
.c-section-03 .box .img_area{
    width:40%;
}
.c-section-03 .box .img_area img{

}
.c-section-03 .box .text_area{
    width:53%;
}
.c-section-03 .title{
width: 27.5vw;
  margin-left: 0.5vw;
}
.c-section-03 .price{
width: 17.5vw;
margin-top: 4vw;
  margin-bottom: 3vw;
}
.c-section-03 .note{
margin-top: 2.5vw;
}
.c-section-03 .note2{
width: 17vw;
  margin: 1.5vw auto;
}
.c-section-03 .btn_c{
width: 21vw;
  margin: 0 auto 3.5vw;
}
.c-section-03 .btn_c input:hover{
opacity:.8;
    transition: opacity 300ms;
    color:#ddd;
}
.c-section-03 .note3{
width: 23vw;
margin-left: 57vw;
}
.c-section-03 .bnr{
width: 49vw;
  margin: 12vw auto 0;
}

/* ---------------------------------------------
*   c-section-03s
--------------------------------------------- */
.c-section-03s {
position: relative;
  height: 88.5vw;
padding-top: 25px;

}
.c-section-03s .special {
  background: url(../img_2026/sec03_set.webp) center 0 no-repeat;
    background-size: auto;
  background-size: 86%;
  height: 106vw;
  position: relative;
}
.c-section-03s .c-section-03_sp1 {
  position: absolute;
  width: 23vw;
  margin: auto;
  right: 26%;
  top: 34vw;
}
.c-section-03s .c-section-03_sp2 {
  position: absolute;
  width: 23vw;
  margin: auto;
  right: 26%;
  top: 66.5vw;
}
/* ---------------------------------------------
*   c-section-04
--------------------------------------------- */
.c-section-04 {
position: relative;
height: 57vw;
}
.c-section-04 .title{
width: 65vw;
  margin: 0 auto;
  padding-top: 8vw;
}

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

/* ---------------------------------------------
*   c-section-06
--------------------------------------------- */
.c-section-06 {
position: relative;
height: 175.5vw;
}
.c-section-06 .scene{
background-image: url(../img/sec06_01.webp);
  margin: 8vw auto;
  width: 87%;
  height: 37vw;
  background-size: contain;
}
.c-section-06 .scene ul{
display: flex;
  justify-content: space-between;
  width: 76%;
  margin: auto;
  padding-top: 16vw;
}
.c-section-06 ul li img{
width:96%;
}
.c-section-06 .title_m{
width: 32vw;
  margin: 0 auto 5vw;
  padding-top: 3vw;
}

.c-section-06 .box{
    display: flex;
    justify-content: space-between;
  width: 63%;
  margin: 0 auto 6vw;
}
.c-section-06 .box .img_area{
    width:40%;
}
.c-section-06 .box .one img{
width: 48%;
  margin: 2.2vw 0 0 8vw;

}
.c-section-06 .box .text_area{
    width:60%;
}
.c-section-06 .title{
width: 22vw;
  margin-top: 2.8vw;
}
.c-section-06 .price{
width: 17vw;
  margin-top: 1.2vw;
  margin-bottom: 3vw;
}
.c-section-06 .detail{
width: 29.5vw;
margin-bottom: 3vw;
}
.c-section-06 .btn_c{
width: 20.5vw;
}

.c-section-06 .box .img_area.two img{
width: 22%;
margin: 2.2vw 0 0 14.5vw;
}
.c-section-06 .box .text_area.two .title{
width: 22vw;
  margin-top: 2.2vw;
}
.c-section-06 .box .text_area.two .price{
width: 19.5vw;
  margin-top: 1.5vw;
  margin-bottom: 3vw;
}
.c-section-06 .box .text_area.two .detail{
width: 29.5vw;
margin-bottom: 3vw;
}
.c-section-06 .box .text_area.two .btn_c{
width: 20.5vw;
}

.c-section-06 .box .img_area.three img{
width: 23%;
margin: 2.2vw 0 0 14vw;
}
.c-section-06 .box .text_area.three .title{
width: 22.3vw;
  margin-top: 3vw;
}
.c-section-06 .box .text_area.three .price{
width: 18.5vw;
  margin-top: 1.3vw;
  margin-bottom: 3vw;
}
.c-section-06 .box .text_area.three .detail{
width: 29.5vw;
margin-bottom: 3vw;
}
.c-section-06 .box .text_area.three .btn_c{
width: 20.5vw;
}
.c-section-06 .bnr{
width: 49vw;
  margin: auto;
  padding-top: 5.5vw;
}
/* ---------------------------------------------
*   c-section-07
--------------------------------------------- */
.c-section-07 {
position: relative;
  margin: 0 auto;
  background-image: url(../img/sec07_01.webp);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 64vw;
}

.c-section-07 h2{
width: 41.5vw;
  padding-top: 20.3vw;
  padding-left: 10.5vw;
}
.c-section-07 .new{
position: absolute;
  left: 81.8vw;
  top: 16vw;
  width: 130px;
  }
.c-section-07 .note{
width: 36.5vw;
  position: absolute;
  bottom: 1.2vw;
  right: 1.5vw;
}
/* ---------------------------------------------
*   c-section-08
--------------------------------------------- */
.c-section-08 {
position: relative;
height: 58vw;
}
.c-section-08 .title{
width: 65vw;
  margin: 0 auto;
  padding-top: 8vw;
}


/* ---------------------------------------------
*   c-section-09
--------------------------------------------- */
.c-section-09 {
position: relative;
  height: 92vw;
  padding-top: 8vw;
}
.c-section-09 .box{
    display: flex;
    justify-content: space-between;
  width: 63%;
  margin: 0 auto 6vw;
}
.c-section-09 .box .img_area{
    width:40%;
}
.c-section-09 .box .one img{
width: 48%;
  margin: 2.2vw 0 0 8vw;

}
.c-section-09 .box .text_area{
    width:60%;
}
.c-section-09 .title{
width: 27.5vw;
  margin-top: 2.8vw;
}
.c-section-09 .price{
width: 19.4vw;
  margin-top: 1.5vw;
  margin-bottom: 3vw;
}
.c-section-09 .detail{
width: 29.5vw;
margin-bottom: 3vw;
}
.c-section-09 .btn_c{
width: 20.5vw;
}

.c-section-09 .box .img_area.two img{
width: 22%;
margin: 2.2vw 0 0 14.5vw;
}
.c-section-09 .box .text_area.two .title{
width: 30vw;
  margin-top: 2.5vw;
}
.c-section-09 .box .text_area.two .price{
width: 19vw;
  margin-top: 1.5vw;
  margin-bottom: 3vw;
}
.c-section-09 .box .text_area.two .detail{
width: 29.5vw;
margin-bottom: 3vw;
}
.c-section-09 .box .text_area.two .btn_c{
width: 20.5vw;
}
.c-section-09 .note{
width: 35.5vw;
  position: absolute;
  bottom: 28.5vw;
  right: 17.5vw;
}

.c-section-09 .bnr {
  width: 49vw;
  margin: auto;
  padding-top: 5.5vw;
}

/* ---------------------------------------------
*   c-section-10
--------------------------------------------- */
.c-section-10 {
position: relative;
  margin: 0 auto;
  background-image: url(../img/sec10_01.webp);
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 64vw;
}

.c-section-10 h2{
width: 39vw;
  padding-top: 17.3vw;
  padding-left: 10.2vw;
}

/* ---------------------------------------------
*   c-section-11
--------------------------------------------- */
.c-section-11 {
position: relative;
height: 58vw;
}
.c-section-11 .title{
width: 65vw;
  margin: 0 auto;
  padding-top: 8.8vw;
}
/* ---------------------------------------------
*   c-section-09
--------------------------------------------- */
.c-section-12 {
position: relative;
height: 56vw;
/* ベビーパウダー有り時
height: 62vw;
*/
/* バナー有り時
  height: 80vw;
*/  

padding-top: 8vw;
}
.c-section-12 .box{
    display: flex;
    justify-content: space-between;
  width: 63%;
  margin: 0 auto 6vw;
}
.c-section-12 .box .img_area{
    width:40%;
}
.c-section-12 .box .one img{
width: 22%;
margin: 2.2vw 0 0 14.5vw;

}
.c-section-12 .box .text_area{
    width:60%;
}
.c-section-12 .title{
width:31vw;
  margin-top: 2.8vw;
}
.c-section-12 .price{
width: 18.4vw;
  margin-top: 1.5vw;
  margin-bottom: 3vw;
}
.c-section-12 .detail{
width: 29.5vw;
margin-bottom: 3vw;
}
.c-section-12 .btn_c{
width: 20.5vw;
}

.c-section-12 .box .img_area.two img{
width: 22%;
margin: 2.2vw 0 0 14.5vw;
}
.c-section-12 .box .text_area.two .title{
width: 18vw;
  margin-top: 2.5vw;
}
.c-section-12 .box .text_area.two .price{
width: 21.5vw;
  margin-top: 1.5vw;
  margin-bottom: 3vw;
}
.c-section-12 .box .text_area.two .detail{
width: 29.5vw;
margin-bottom: 3vw;
}
.c-section-12 .box .text_area.two .btn_c{
width: 20.5vw;
}
.c-section-12 .bnr{
width: 49vw;
  margin: auto;
  padding-top:4vw;
}
/* ---------------------------------------------
*   c-section-13
--------------------------------------------- */
.c-section-13 {
position: relative;
  margin: 0 auto;
  background:#f1eee7;
  height: 72.5vw;
}

.c-section-13 .title{
width: 27vw;
  margin: auto;
  padding-top: 11.5vw;
}
.c-section-13 .detail{
width: 65vw;
  margin: auto;
  padding-top: 5.7vw;
}
.c-section-13 .note{
width: 65vw;
  margin: auto;
  padding-top: 6.3vw;
}