@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti&family=Noto+Sans+JP:wght@400;500&family=Yusei+Magic&family=Zen+Kurenaido&display=swap');
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap');*/
/* CSS Document */
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: #575757;}

/*----------------------------------------------------------------------------------
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-family: 'Zen Maru Gothic', sans-serif;*/
	font-weight: 400;
	overflow: hidden;
	color:#333;
	line-height: 2;
}
#container2{}
section{
	padding: 0px 5%;
	max-width: 750px;
	text-align: center;
	margin: 0 auto;
	position: relative;}
.text{
	padding: 20px 10%;
	font-size: 1.2rem;
	line-height: 2.5;
	width: 80%;
}
h1{font-size: 2rem;
	font-family: 'RocknRoll One', sans-serif;/**/color:#A892D2;}
.btn{border: solid #8E73AB 1px;border-radius: 15px;}
.btn2{border: solid #EECC98 1px;border-radius: 15px;}
.btn3{border: solid #86AAE6 1px;border-radius: 15px;}
.btn a{color:#8E73AB;font-weight: 500;}
.btn2 a{color:#CF9823;}
.btn3 a{color:#86AAE6;}

.gn{background-color:#B3E7E0;}
.pr{background-color:#8E73AB;}
.yl{background-color:#EECC98;}
.bl{background-color:#86AAE6;}

/*--------------------------------------------------------------*/
#top{
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	padding-top:180px;
	padding-bottom: 100px;
}
#mainVisual_sh{display: none;}
.Tttl{display: flex;position: absolute;top:10px;align-items: center;}
.Tttl_logo{padding: 0 10%;flex-basis: 30%}
.Tttl_l, .Tttl_r{flex-basis: 25%;}
.babydoll_Logo{position: absolute;top:10px;right: 15px;width: 150px;}
.gift_icon{display: none;}


.lineup{ max-width: 600px; padding: 50px 0;display: flex;}
.lineup_item{flex-basis: 25%;align-items: center;margin: 0 5%;padding: 20px 0;}
.areaTtl{padding: 50px 0;}
.areaTtl img{width: 20%;}
.areaTtl p{font-size: 1.3rem;}

#price{padding: 80px 0;}
.lineup_2{display: flex;width: 80%;margin: 0 10%;}
.lineup2_item{flex-basis: 30%;margin: 0 2%;padding: 10px 0;}
.price_ttl{margin: 80px 32.5%;border-bottom: solid 1px #8E73AB;width: 35%;}
.goods{padding-bottom: 30px;}
.slong{margin-top:-10px;}
.goods .text p{text-align: left;}
.goods_2img{display: flex;width: 100%;position: relative;}

.goods_2img_1{margin-top: -10px;/**/}
.goods_price{display: flex;align-items: center;width: 80%;padding: 20px 10%;}
.goods_price_item{flex-basis:50%;padding: 20px 0; }
.check{padding: 10px;width: 40%;}
.plus1{position:relative;}
.plus1_img2 img{border-radius: 40%;}
.icon{position: absolute;}
.lt{top:50%;left:5%;}
.rt{top:65%;right: 5%;}
.plus_text{
	position: absolute;
	top:20%;
	left: 60%;
	transform: rotate(-8deg);
	font-size: 1.2rem;
	text-align: left;
}

#price_35 {width: 50%;margin: 80px 25%;}
.month_ttl{display: flex;justify-content: center;max-width: 40%;margin:30px 30%; }
.ranking_ttl_br{margin: 10px 32.5%;border-bottom: solid 1px #86AAE6;width: 35%;}
.ranking_area{padding-bottom: 50px;}
.ranking_item{display: flex;align-items: center;width: 90%; padding: 30px 5%;}
.ranking_item1{flex-basis: 50%;position:relative;}
.king{position: relative;z-index: 9;}
.king img{width: 20%;}
.ranking_img{margin-top:-50px;}
.ranking_text{text-align: left;font-size: 1.2rem;}
.rtext{padding-left: 20px;}
.link_box{display: flex;}
.link_ttl_c{padding: 0 30px;}
.lineup3{
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: 60px 5%;
	
}
.lineup3_1{flex-basis: 40%;margin: 10px 4.5%;padding: 10px 0; 
	background-color: #EECC98;border-radius: 15px;}/**/
.lineup4{
	display: flex;
	width: 100%;
	padding: 50px 0;
	}
.lineup4_item{flex-basis: 30%;padding: 10px 0;margin: 0 3%;
	background-color: #F9C7C1;border-radius: 15px;}
.rtext2 .ranking_text{padding: 0 6px;}
.bt2{width: 300px;margin: 0 auto;text-align: center;}
.goods_img{position: relative;}/**/
.mama{
	/*width: 38%;*/
	margin: 0 auto;
	text-align: center;
	border-radius:10px;/**/
	font-size: 1.4rem;
	font-weight: 700;
	/*font-family: 'RocknRoll One', sans-serif;*/
	color:#A892D2 ;
	/*background-color:#FBF4F9; #A892D2;#8E73AB*/
	padding: 6px;
}
.mama_s{margin: 0 auto;text-align: center;width: 100%;}
.mama_sf{transform:rotate(180deg);}

.tz{padding: 0px 10%;}
.mama_pick{padding-bottom: 50px;}
.mama_pick .ranking_ttl_br{border-bottom:solid 1px #A892D2;}
#sizeb{padding-bottom: 100px;padding-top: 50px;}
#sizeb img{width: 75%;}
.gk{padding-bottom: 70px;}
.space{padding-bottom: 50px;}





/*-----------------------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 10px;/**/
	list-style: none; 
	
}
.gnav__menu__item a{color:#fff;}

.site-header.show{
	 display:flex;
    position: fixed;
    bottom: 0;
	z-index: 99999;
}



/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/

#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{
	margin-top: -20px;
	bottom:0;

	}

@media all and (max-width: 749px) {
	.mainVisual{
		width:100vw;
		
	}
	section{padding: 0;}
	.Tttl_logo{padding: 0;flex-basis: 50%}
	#top{padding-top:110px;padding-bottom: 30px;}
	.starHr img{width: 60%;}
	.babydoll_Logo{width: 100px;right: 3px;}
	.gift_icon{display: block; position: absolute;bottom: 5%;left:5%;width: 100px;}
	.text{font-size: 1.1rem;line-height:2;}
	h1{font-size: 1.3rem;}
	.lineup{ padding: 40px 10px 10px 10px;display: flex;}
	.lineup_item{font-size: .9rem;}
	.areaTtl img{width: 30%;}
    .areaTtl p{font-size: 1rem;}
	.lineup_2{display: inline-block;width: 80%;margin:0 10%;}
	.lineup2_item{margin: 20px 0;}
	.price_ttl{width:45%;margin:50px 27.5%;}
	.goods .text{font-size: 1rem;}
	.goods_price{width: 90vw;padding: 30px 5vw;font-size: .9rem;line-height: 1.8;}
	.tz{padding: 15px 5vw;}
	.goods_price_item{flex-basis: 50%; padding: 0; }
	.plus1{padding-bottom:30px; }
	.lt{left:-15%;width: 250px;}
	.rt{right:-15%;bottom:-20%;} 
	.rt img{width: 25%}
	.plus_text{font-size: .9rem;text-align: left;}
	#price_35{width: 70%; margin:50px 15%;}
	.month_ttl{max-width: 55%; margin: 30px 22.5%;}
	.ranking_item{align-items: baseline;font-size:.9rem;line-height: 1.8;}
	.ranking_ttl_br{width:45%; margin:10px 27.5%;}
	.ranking_img{margin-top:-20px;}
	.link_ttl_c{padding: 0 5px;}
	.lineup4{display: inline-block;width: 65vw;padding: 50px 17.5vw; }
	.lineup4_item{margin: 20px 0;}
	#mainVisual{display: none;}
	#mainVisual_sh{display: block;}
	.ranking_text{font-size: .9rem;}/**/
		.mama p{
	font-size: 1.2rem;	
}
	
	.gnav__menu{
		display: flex;
		width:100vw;
	}

	.gnav__menu__item{
		height: 30px;
		width: 25%;
		padding:  5px;/*0px*/
		margin: 0;
	font-size: .9rem;
		/*box-shadow: 0 0 2px #333;*/
		
	}
	/*.site-header{padding: 1vw;}*/
#sizeb{padding-bottom: 50px;padding-top: 20px;}
#sizeb img{width: 85%;}

	
	
}








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

.starAct {
	animation: zoom-in-anim .9s infinite;
}

@keyframes zoom-in-anim {
	0% {
	transform: scale(.7);
		opacity: .6;
	}
	100% {
	transform: scale(.8);
		opacity: 1;
	}
}


/*--------------------------------------------slick-----------------------------------------*/
/*slider divのstyle設定*/
	.slider, .slider2{/*background-color: red;*/width: 100%;text-align: center;margin: 0 auto;}
	/*slider各itemのstyle設定*/
	.slider_item{/*background-color: antiquewhite;*/}
	/*slider各item画像幅を100%設定*/
	.slider_item img{width: 100%;}
	/*dotsの位置はitemの外；dotsのstyle*/
	.slick-dots{/*background-color: #D7BCBC;*/}
	/*arrowの位置はslickの外；arrowのstyle*/
	.slick-prev{background-color: aquamarine;}
	.slick-next{background-color: aquamarine;}