@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Be+Vietnam+Pro:ital,wght@0,900;1,900&family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
  @import url("https://use.typekit.net/eth2gxu.css");
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;
	
}

a{text-decoration: none;color: #000000;}

/*----------------------------------------------------------------------------------
use color
red:#ce3a4c;
gold:#cda976;
yellow:#e1d388;
green:#018176;
nevy:#1e5778;
pink:#e464a5;
----------------------------------ALL use------------------------------------------------------*/
body{}

#container{
	position:relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	
	font-weight: 400;
	overflow: hidden;
	color:#000000;
	/*line-height: 2;*/
}
#container2{}
section{
	padding: 0px 5%;
	max-width: 750px;
	text-align: center;
	margin: 0 auto;
	position: relative;
overflow: hidden;}
.text{
	padding: 20px 10%;
	font-size: 1.2rem;
	line-height: 2.5;
	width: 80%;
}
h1{font-size: 2rem;}
.btn{
	margin-top: 10px;
	text-align: center;
	background-color: #000000;
	display: inline-block;
	padding:5px 10px ;
	font-family: 'Be Vietnam Pro', sans-serif;
	color: #FFFFFF;
	font-size: 1rem;
}

.btn a{color: #FFFFFF;font-weight: 700;}

.abtn{text-align: center;background-color:#000000;
	display: inline-block;padding:5px 15px;border-radius: 30px;}
.abtn a{color: #FFFFFF;font-weight: 700;}

.gn{background-color:#26847A;}
.flexbox{display: flex;align-items: center;}
.flex_item{flex-basis: 50%;}

.keypoint{background: linear-gradient(transparent 55%, #F6D25B 55%);}
/*--------------------------------------------------------------*/
#top{
	/*max-width: 1000px;*/
	margin: 0 auto;
	text-align: center;
	position: relative;
	background-color: #f0f0f0;
	
}
#top img{vertical-align: bottom;}
.top_sp{display: none;}
.Tttl{display: flex;position: absolute;top:20%;width: 300px;left:20%;}

.babydoll_Logo{display: none;}



.lineup{ max-width: 900px; padding: 50px 0;/**/display: flex; }
.lineup_item{flex-basis: 50%;/**/align-items: center;margin: 0 1%;border: solid #000000 1px;border-radius: 30px;}
.lineup_sk{margin-top: 100px;}
.lineup_sa{margin-top: 50px;margin-bottom: 50px;}


.lineup_box {line-height: 1;padding-bottom: 30px;}

.numb{
	font-weight: 700;
	font-size: 2rem;
	 color: #FFFFFF;
	font-style: normal;
	font-family: 'Be Vietnam Pro', sans-serif;
  -webkit-text-stroke: 1px #000;
  text-stroke: 1px #000;
	line-height: 1.5;
}

.lineup_ttl{color:#000;font-size: 1.2rem;line-height: 1.5;font-weight: 700;}
.lineup_p{font-size: 1.1rem;line-height: 2;}
.fas_color{color:#FFC71A;font-weight: 400;}
.fas_color2{color:#8879B0;font-weight: 400;}
.navimg{border-radius: 30px 30px 0 0 ;}
.huazi{
	position: absolute;
	font-family: adobe-handwriting-ernie, sans-serif;
	transform:rotate(-15deg);
	color:#26847A;
	font-size: 1.5rem;
margin-top: -3%;
	left: 15%;
	text-align: left;
	
	
}

/*.new{font-size: 3.5rem;
	font-family: 'Be Vietnam Pro', sans-serif;
	position: absolute;
	top:-9%;
	color: #E63400;
	transform: rotate(-15deg);
}*/
.img01{position: relative;}

.icon{position: absolute;
	font-family: 'Be Vietnam Pro', sans-serif;
	letter-spacing: 0.2em;
	font-size: 1.5rem;
	display: inline-block;
	padding: 0 10px;
	font-weight: 700;
}
.icon_01{
	
	background-color: #000000;
	color:#fff;
		top:67%;
	left: 50%;
	z-index: 99;
	transform: rotate(-5deg);
}
.icon_02{
	
	background-color: #D64B92;
	color:#000000;
	transform: rotate(7deg);
	top:72%;
	left: 43%;
}
.icon_03{
	background-color: #26847A;
	color:#FFFFFF;
	transform: rotate(7deg);
	top:30%;
	left: 60%;
}
.icon_04{
	background-color: #F6D25B;
	color:#000000;
	transform: rotate(-5deg);
	top:40%;
	left: 60%;
}
.icon_05{
	background-color: #8879B0;
	color:#FFFFFF;
	transform: rotate(8deg);
	top:50%;
	left: 63%;
}
.img01_top{
	border-radius: 30px;
	border: solid 1px #000;
	box-shadow: 15px 15px 0px 0px #26847A;}
/*.img01_top2{margin-left: -10%;margin-top: 30%;transform: rotate(5deg);}*/
.areaTtl{padding: 50px 0;}
.areaTtl_en{/*font-style: italic; */
	font-weight: 700;
	color:#000;
	margin: 0;
	line-height: 1.5;/**/
	font-family: 'Be Vietnam Pro', sans-serif;
	text-align: left;
	padding-bottom: 30px;
}

.area_txt{padding: 5% 5% 0 5% ;text-align: left;line-height: 2rem;}
.mtext{}
.ttl_catch{
	font-size: 1.5rem;
	position: absolute;
	right:10%;
	top:5%;
	transform: rotate(5deg);
	z-index: 999;
	
}
.ttl_catch span{
	position: relative;
  background: linear-gradient(transparent 55%, #F6D25B 55%);
	
}
.catch_s{font-size: 1.3rem;}





.Block2 {
  /*レイアウト用のCSS*/
  padding: 0px 0 40px 0;
  background-color: #F0F0F0;
  
}



#cozy,#basic{padding-top: 50px;}
.style_num{
	font-size: 1.9rem;
	padding-top: 30px;
	line-height: 1.2;
	letter-spacing: 0.1rem;
	width: 10%;
	color: #FFFFFF;
	
	font-family: 'Be Vietnam Pro', sans-serif;
   -webkit-text-stroke: 1px #000;
   text-stroke: 1px #000;
	
	/*margin-left: -80%;*/
	position: relative;
	z-index: 9;
	
}


.item_img{margin-top: -3%;position: relative;z-index: 0;}
.img_catch{ 
	writing-mode: vertical-rl;
	right:80%;
	top:10%;
	font-weight: 700;
	transform: rotate(-10deg);
	text-align: left;
	line-height: 2;
	
}
.img_catch2{
	right:35%;
	top:10%;
	transform: rotate(5deg);	
}
.img_catch3{
	right:65%;
	top:13%;
	transform: rotate(-5deg);
}
.img_catch4{
	right:35%;
	top:6%;
	transform: rotate(7deg);
}
.img_catch5{
	right:40%;
	top:16%;
	transform: rotate(0deg);
}
.img_catch6{
	writing-mode:horizontal-tb;
	right:50%;
	top:5%;
	transform: rotate(0deg);
}
.img_catch span{
	background:  #F6D25B ;
	letter-spacing: 0.2rem;
}

.ckp{
	color:#fff;
	background-color: #000000;
	line-height: 1;
	padding: 10px 25px;
	border-radius: 30px;
	font-style: italic;
	letter-spacing: 0.1rem;
    font-size: 1.3rem;
}
.goods_item1 p{margin-bottom: 15px;line-height: 2rem;}

.c_01up{
	transform: rotate(-5deg);
	border: solid 1px #000000;
	border-radius: 30px;
	margin-left: -30%;
	box-shadow: 8px 8px 0px 0px #26847A;
}

.goods{
	display: flex;
	align-items: center;
	width: 100%;
	position: relative;
	margin-top: 40px;
}
.goods_item1{flex-basis:65%; text-align: left;padding-left: 5%;}
.goods_item2{flex-basis:30%;/*padding-right: 10%;*/}
.goods p{text-align: left;}

/*.goods_icon{position:absolute;display: flex;align-items: center;left: 42%;top:50%;}*/
.rectangle_l{width: 35px; height: 1px;background-color: hotpink;}
.colors{margin: 0 auto;
	text-align: center;
	z-index: 3;
	padding: 30px;
	max-width: 80%;
	}
.colors p{font-size: .8rem;}
.imgtop2{transform: rotate(5deg);margin-right:100%;}

.goods_price{display: flex;padding: 20px 0;align-items: center;}
.goods_price1{flex-basis: 70%;}
.goods_price2{flex-basis: 30%;}
.goods_price p{text-align: left;}

.redtext{color:firebrick;font-size: .8rem;padding-left: 10px;}
#basic .ttl_catch span{background:  linear-gradient(transparent 55%, #C3B6E2 55%);}
	#basic .img_catch span{
	background:  #C3B6E2 ;}
.numb_1{color:#F6D25B;}
.numb_2{color:#C3B6E2;}

/*-----------------------site-header---------------------*/
.site-header{

    display: none;
 
    position: absolute;

	z-index: 99999;
   /*font-family:  'Kaisei Opti', serif; */
}
.gnav__menu{
	width: 100%;

	justify-content:space-around;/**/
	
}
.gnav__menu__item{
	
	/*padding: 20px 20px;*/
	font-family: 'Be Vietnam Pro', sans-serif;
	height: 70px;
		width: 70px;
		padding:  5px;
	list-style: none; 
	border-radius: 50%;
		display:flex;
		align-items: center;
		justify-content:center;
	line-height: 1;
	
}
.gnav__menu__item a{color:#fff;}

.site-header.show{
	 display:flex;
    position: fixed;
    top:300px;
	z-index: 99999;
}



/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#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;

	}

@media all and (max-width: 749px) {
	/*.new{font-size: 2.5rem;}*/
	#top_a{padding: 30px 0 0 0;}
.mainVisual{
		width:100vw;
		
	}
	.top_pc{display: none;}
	.top_sp{display: block;}
	section{padding: 0;}
	.mtext{}
	#top{}
	.Tttl{width: 200px;left: 0;}
	
	.babydoll_Logo{display: block;width: 140px;right: 6px;top:36px;position: absolute;}
	
	.text{font-size: 1.1rem;line-height:2;}
	h1{font-size: 1.3rem;}
	.lineup{ width:85vw;padding: 0px;/**/display:inline-block;}
	
	.lineup_sa,.lineup_sk{margin: 30px 0;}
	
	.lineup_ttl{font-size: 1rem;line-height: 1.5;font-weight: 700;}
    .lineup_p{font-size: .9rem;line-height: 1.5;}
	.huazi{font-size: 1.2rem;}
	.lineup_box{padding-bottom: 20px;}

	
	.areaTtl{padding: 50px 0 10px 0;}
	.areaTtl_en{
		padding-left: 5vw;
		padding-bottom: 15px;
}
	.ttl_catch{
	font-size: 1.1rem;
	right:5vw;
		top:1%;
}
.catch_s{font-size: 1rem;}
	.img01_top{
		width: 85%;
	box-shadow: 10px 10px 0px 0px #26847A;}
	
	.icon{
	    font-size: 1.1rem;
		letter-spacing: 0.1rem;
		padding: 0 5px;
}
	
.icon_01{
    top:64%;
	left: 40%;
	
}
.icon_02{
	
	top:72%;
	left: 35%;
}
	.icon_03{
	transform: rotate(4deg);
	top:31%;
	left: 59%;
}
	.style_num{/*font-size: 1.2rem;*/margin-left: 2%;}
	
	.img_catch { 
    right: 78vw;
    top: 8%;
  
}
	.ckp {
    line-height: 1;
    padding: 5px 15px;
    font-size: 1rem;
}
	
	.goods{width: 90vw;padding: 0 5vw;display: inline-block;}
	.goods p{font-size: .9rem;}
	.goods_item1{padding-left: 0;margin: 0;padding: 0;}
	.goods_item1 p{margin-bottom: 10px;}
    .goods_item2{margin-right:0;}
	.goods_item2 img{width: 65%;padding-top: 10%;}
	
	.colors{
	padding: 30px 0;
	max-width: 90%;
	}
   .colors p{font-size: .8rem;}
	
	.img_catch2 {
    right: 35%;
    top: 10%;
		
}
	.img_catch3 {
    right: 65%;
    top: 13%;
    transform: rotate(-5deg);
}
	
	
	.img_catch4{
	right:35%;
	top:6%;
	transform: rotate(7deg);
}
.img_catch5{
	right:40%;
	top:16%;
	transform: rotate(0deg);
}
 .img_catch6{
	writing-mode:horizontal-tb;
	right:41%;
	margin-top: 8%;
	transform: rotate(0deg);
}
	.img_catch span{
	
	letter-spacing: 0.1rem;
}
	
	.imgtop2{display: none;}
	
	
	.goods_price{/*display: block;*/}
	.goods_price1{padding-bottom: 30px;}
	
	
	#basic .ttl_catch{top:1%;}
	
	
	
	
	.gnav__menu{
		display: flex;
		/*width:50vw;*/
		
	}

	.gnav__menu__item{
		height: 50px;
		width: 50px;
		padding:  5px;/*0px*/
		margin: 0;
	    font-size: .9rem;
		border-radius: 50%;
		display:flex;
		align-items: center;
		justify-content:center;
		
		/*box-shadow: 0 0 2px #333;*/
		
	}
	/*.site-header{padding: 1vw;}*/


	
	
}


@media all and (max-width: 380px) {
	.ttl_catch{font-size: 1rem;}
	.icon{font-size: 1rem;}
	.goods p{font-size:.85rem;}
	.colors {max-width: 100vw;}
	.colors_tz{padding: 30px 10px;}
	.lineup_p{font-size: .8rem;line-height: 1.5;}
	
}





/*------------------------------------------------------------------------------
  anime
------------------------------------------------------------------------------*/




/*--------------------------------------------slick-----------------------------------------*/