@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Kosugi+Maru&family=Sawarabi+Gothic&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1em;
} /**/

img {
  max-width: 100%;
  vertical-align: bottom;/**/
}

a{
  color: #333;
  text-decoration: none;/**/
}
.babydoll_Logo{text-align:right ;margin-top: 10px;}
/*---------------------------------------------------------------------*/
.banner{display: none;}
.usp_cl{background-color:#FFFFFF ;}/*#FFFBF5*/
.en{font-family:'Lilita One', cursive;}
.ttlen{
	font-size: 1.5rem;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000;
	padding: 5px 0;
	/*letter-spacing: .02rem;*/
  }
.length{
	background: #000;
	color:#fff;
	margin-left:2px;
	font-size: 1rem;
	padding: 0 3px;
	
}
.numb {
  color: #000;
  position: relative;	
	line-height: 1;
	
}
.numbp{
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
}
.numbp_s{font-size: 1.5rem;}
.numbp_s2{font-size: 1rem;}
.ttl{
	top:5%;
    right:1%;
}
.ttl_1{width: 75%;margin-right: 25%;}
#usp .ttl_1{margin-bottom: -10%;}
.tnum{top:60%;right: 2%;}
#usp .tnum{top:65%;right: 2%;}
.xtxt{text-align: left;}
.ckbtn{
    width: 70%;
    background-color: #000;
    margin: 0 auto;
    text-align: center;
    color:#fff;
    font-weight: 700;
    padding: 12px 0;
    border-radius: 30px;
}
#container{
  position: relative;
  margin: 0 auto;
  text-align: center;}

#container2 {
  position: relative;
  margin: 0 auto;
  text-align: center;
  max-width:450px;
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 50px;
  overflow: hidden;  
  background-color:#f0f0f0 ;
 /* border-radius: 20px;#FBF4E9*/
}
.stxt{font-size: .9rem;}
section {
  position: relative;
 
}
.ds{font-size: 1.1rem;line-height: 1.8;font-weight: 700;}
.back{position:fixed;z-index: -1;height: 100vh;width: 100%;}
.flexbox {
  display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
.flexitem{
	flex-basis: 48%;
	align-items: center;
	margin: 1%;
justify-content: center;
}
.flexitem div{
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.kurabe{
    background-color: #fff;
    margin: 30px 1%;
    padding:20px 0;
    width: 98%;
    border-radius: 15px;
    
}
.img_kurabe{margin: 20px 0 15px 0;}
.flex_tz{align-content: flex-end;}/**/
.fitem1{flex-basis: 85%;width: 85%;margin-right: -10%;}
.fitem2{flex-basis: 25%;width: 25%;margin-top: 15%;}
.fitem3{flex-basis: 25%;width: 25%;}
.fitem{flex-basis:40%;}
.fitem0{flex-basis: 60%;position: relative;}
.fitem-img{position: relative;}
.s3_1{top:50%;right: 0;}
.s2_1{margin-left: 30%;}
.s1_1{top: 20%;left: 0%;}
.s1{margin-left: 35%;margin-top: 5%;}
.imgicon{flex-basis: 20%;margin-left: 5%;}
.u4_1{right: 0;top:30%;}
.u4{margin-right: 30%;}


.flex_tz2{margin-top: -27%;}
.slider img{text-align: center;margin: 0 auto;}
.fbox div{
	display: flex;
	align-items: center;
	font-size: 1rem;
	font-weight: 700;
    background-color: #f0f0f0;
    border-radius: 5px;
}

.right_ck{margin-left: 20px;}
.topttl{
	padding: 20px 0;
}

.icon {position: absolute;}
.fbox{margin-top: 30px;
	  text-align: left;
    width: 95%;
    margin-left: 2.5%;
   }
.fbox .limited{font-weight: 400;font-size: .7rem;}
#top_intro{
  position: relative;
 
}
#top_intro2 {
  /* position: fixed; 
  width: 250px;
  top:30%;
  z-index: 99;
  left: calc(25% + 450px);*/
	display: none;
}

#top_intro2 img{padding-bottom:20px ;}

.itembox{padding:0 0 40px 0;}


.goodsName {
 
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
  color:#000;
 
}

.btxt{
    font-size: 1rem;
    font-weight: 700;
}
.balloon-001 {

    display: flex;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
    max-width: 130px;
    margin-bottom: 15px;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #f2f2f2;
    color: #333333;
    font-size: .9rem;
    line-height: 1.6;

}
.balloon-001 p{flex-basis: 100%;}
.balloon-001::before {
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 15px;
    background-color: #f2f2f2;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}


.text {
  text-align: left;
  line-height: 1.8;
  font-weight: 400;
  font-size: 1rem;
  padding: 0 6%;
  padding: 100px 6%;
}



.intro_ttl {
  padding: 0px 10%;
  line-height: 2;
  font-weight: 700;
	text-align: left;
	margin: 0 auto;
	width: 80%;
	
}
 .intro_ttl span {
  color: #000;
  display: inline-block;
  background-color: #fff;
  padding: 0 5px;
  line-height: 1.3;
  font-size: 1.5rem;
  border-radius: 2px;
  margin-bottom: 7px;
} 
 .intro_p {
  /*text-align: left;margin-top: 20px;*/
  color: #000;
  font-size: 1.1rem;
  display: inline-table;
}
/*.in_l{margin-right: 35%;margin-left: -5%;}
.in_r{margin-left: 40%;border-radius: 50%;margin-top: -10%;}*/
.coordi {
  padding: 50px 0;
}
/**/


.mimg_c1 {
  width: 100%;
  margin-right: 0%;
  margin-left: 0;
  margin-top:20px;
}
.mimg_c2{
    transform: rotate(-15deg);
    
}
.mimg_c3{transform: rotate(-10deg);}
.mimg_c4{transform: rotate(10deg);}
.mimg_c0{margin-right: 25%;}
.mimg_c6{margin-right: 35%;margin-left: -7%;}
 .catch {
  top: 0%;
  right:2%;
  /*transform: rotate(3deg);*/
  text-align: right;
   display:flex;
   justify-content: flex-end;
}

.catch p {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      display: inline-block;
    line-height: 1.8;
    font-weight: 700;
    font-size: 1.3rem;
    padding: 0 6%;
    width: 100%;   
}

.catch p span {
  padding: 3px 0 0 2px;
	background-color:yellowgreen;
	color:#fff;
}/**/

.catch0{
  top: 20%;
  left:24%;
  transform: rotate(-2deg);
  text-align: left;
	
}
.catch0_2{
  top: 30%;
  left:14%;
 transform: rotate(-7deg);
  
}
.catch0 p{
	 -ms-writing-mode:verical-rl;
      writing-mode: vertical-rl;
      display: inline-block;
    line-height: 1.8;
    font-weight: 700;
    font-size: 1.3rem;
    padding: 0 6%;
    width: 100%;
	color:#fff;
	
	
}
.catch0 p span{background-color: yellowgreen;padding: 3px 0;}

#usp .catch0{top: 20%;
             left:15%;}

#usp .catch0_2{top: 13%;
               left:5%;}

.point{
    padding: 50px 0;
    
}



.price_txt {
  text-align: left;
  line-height: 1.5;
  font-weight: 400;
  font-size: .9rem;
   padding-left: 10%; 
  position: relative;
 
}
.price_txt p{
	display: inline-table;
	text-align: left;
}/**/
.price{font-size: 1.5rem;font-weight: 700;line-height: 1.2;}

.limited{font-size: .8rem;color: firebrick;}

hr {
  padding: 20px 0;
  overflow: visible;
	
}
.hr2 {
  border-top: 1px solid #000;
	border-left: 0;
  text-align: center;
	border-bottom: none;
}

.hr2::after {
  content: 'for boy';
  display: inline-block;
  position: relative;
  top: -35px;
  padding: 0 3px;
  background: #f0f0f0;
  color: #000;
  font-size: 1.6rem;
	font-family:'Lilita One', cursive; 
}

.view {
  margin-bottom: 30px;
  position: relative;
  width: 100%;
}
.view .intro_ttl{
	text-align: center;
	margin: 0 auto;
	width: 100%;
	padding:0 0 20px 0;
}

.slider {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.check{
 /* right: 5%;bottom: 5%;border-radius: 50%;width: 20%;border: solid 1px #000;*/
  background-color: #B1E693;
  padding:0 10px;
  
}
/*li{background-color: #fff;padding: 10% 0;}*/
.more {
  padding-bottom: 50px;
}
.more a {
  color: #fff;
}
.more .more_bt {
  background-color:#000;
  display: inline-block;
  padding: 10px 13px;
  border-radius: 20px;
  font-size: 1.2rem;
  font-weight: 700;
}
.mimg_c5{border-radius: 50% 50% 0 0;margin-top: 30px;}


.point .en{
	color:#000;
	line-height: 1.8;
	background: linear-gradient(transparent 60%, #FFACC7 60%);
	font-size: 1.5rem;
}
.u1{margin-left: -40%;}
.u1_1{right: -15%;top:0%;}
.u2{top:0;right: -2%;width: 30%;}
.u2_1{top:5%;right: 13%;}
.u3{width: 30%;right: 2%;bottom:-15%;}
.in_txt{
    text-align: left;
    margin-left: 5%;
    margin-top: 10px;
    line-height: 2;
   font-size: .9rem;
}
.in_txt .xck{
    color:#fff;
    background-color: #000;
    font-weight: 700;
    margin-left: 20px; 
    padding:3px 5px;
    border-radius: 50%;
   /* border: solid 1px #000;*/
}
.in_ttl{
    background-color: #fff;
    font-size: 1.1rem;
    position: absolute;
    top:3%;
    left: 5%;
  text-align: center;
    padding:5px;
}

.in_ttl p{  
      -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    margin: 0 auto;
    padding-top: 5px;
}

 @media (max-width: 749px) {
  #container2{
    border:none;
    border-radius: 0;
    max-width: 450px;
    margin-bottom: 0px;
  }

  #top_intro2 {
   position: relative;
   width: 250px;
   margin: 0 auto;
   text-align: center;
   top:auto;
   left:auto;
   padding: 40px 0;
  }
  .view{width: 100%;}
 .banner{display: inline-block;margin-bottom: 0px;}
	.topttl{display: none;}
	.babydoll_Logo{display: none;}
     
     .tnum{top:65%;right: 2%;}
#usp .tnum{top:66%;right: 2%;}
     .ds{font-size: 1rem;}
     
	
} 


@media (max-width: 420px) {
  
	.view .intro_p{font-size: 1rem;}
    #usp .catch0{left:20%;}
   #usp .catch0_2{ left:10%;}
         .tnum{top:68%;right: 2%;}
#usp .tnum{top:68%;right: 2%;}

}

.site-header{z-index: 99;}
.gnav__menu__item {
  background-color:#fff;
  padding: 5px 10px;
  border-radius: 5px;
  text-align: center;
  border: solid 1px #000;/**/
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  list-style: none;
  
  
}
.gnav__menu a{color:#000;}
/* --------------------------------------footer---------------------------------------- */
#gFooter .fLinkList li a {
  padding: 29px;
  display: block;
  color: #666;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  background-color: #e2e2e2;
}

#gFooter .fLinkList li a:hover {
  opacity: 0.7;
}

#gFooter address {
  padding: 35px 5px 56px;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #D9D9D9;
}

#gFooter {
  bottom: 0;
}





/*---------------------------------slider サムネイル-----------------------------------------------------------------------------------------------------------------------*/

.slider6-wrap {
  width: 101%;
  margin: 0 auto;
  position: relative;
}
.slider-6 .slick-slide {
 /* height: 400px;*/
  overflow: hidden;
}
.slider-6 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


button{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
    z-index: 999;
}
.prev-arrow{
  left: 10px;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 15px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
    opacity: .3
}
.next-arrow{
  right: 10px;
  width: 0;
  height: 0;
  border-right: 0 solid transparent;
  border-left: 15px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
    opacity: .3
}

.thumbs_list{text-align: right;margin-right: 5%;}

.thumbs_dots,.thumbs_dots2,.thumbs_dots3,.thumbs_dots4 {
  margin:10px 0;
}
.thumbs_list li {
  display: inline-block;
    width: 8px;
    height: 8px;
   margin: 0 5px;
    opacity: .5;
 /* width:120px;
  height: 140px;*/
  cursor: pointer;
  transition: opacity 0.3s;	
  border-radius: 50%;
    background-color: #7DD5DF;
}
.thumbs_dots2 .thumbs_list li{background-color: #FF91B0;}
.thumbs_dots4 .thumbs_list li{background-color: #FF91B0;}

.thumbs_list li:hover{
	transform: rotate(-5deg);
}
.thumbs_list li.slick-active {
  transform: rotate(-5deg);
  opacity: 1;
 font-size: 1.2rem;
	
	
}

/*.thumbs_list li:nth-child(n)::before{
	color: #333;
	font-family:'Lilita One', cursive;	
	font-size: .9rem;
	margin-left: -50%;
	font-weight: 400;
	padding: 5px;
	
	}

.thumbs_list li:first-child::before{
	content: "1";
    
}
.thumbs_list li:nth-child(2)::before{
	content: "2";
   
	
}
.thumbs_list li:nth-child(3)::before{
	content: "3";
  
	
}
.thumbs_list li:hover::before{
 	font-size: 1.2rem;
	font-weight: 400;
}
.thumbs_list li.slick-active::before{
 	
	font-weight: 700;
	border: solid 1px #000;
	border-radius: 50%;
	background: #fff;
    font-size: 1.2rem;
}*/

#back {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: -10; 
	background-image: url("../img/back.jpg");/**/
	background-size: cover;
	background-position: center;
	opacity: .9;
}
#back::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background-color:#000;
    opacity: .1;
}
@media(max-width: 420px){
	.thumbs_list li {
  
  /*width:90px;
	margin: 0 10px;
  height: 110px;*/

}
	
}