@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Acme&family=Amatic+SC:wght@700&family=Noto+Sans+JP:wght@400;500;700;900&family=Road+Rage&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Zen+Maru+Gothic:wght@900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&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;
	
}

/*color
og:#FD9126
bu:#3892C1
lbu:#D7E9F3

*/



img{vertical-align: top;}
a{text-decoration: none;/*#676FA3*/color:#3892C1;}
.price a{color:#fff;}
.index a{text-decoration:underline;color:#FD9126;}

span img{vertical-align: baseline;}
#container{
	position:relative;
	font-family:'Kosugi Maru', sans-serif;
	font-weight: 400;
	overflow: hidden;
	color:#3892C1;
	line-height: 2;
	

	
}
#main{max-width: 700px;
	margin: 0 auto;
	text-align: center;/**/
	padding-bottom: 50px;
	}
section{}
#top{
	position: relative;
	background:#E6F2F8;
	padding-bottom:40px;
}
.bdlogo{ 
	width: 150px;
	position: absolute;
	top:20px;
	right:10px;
}
.flexbox{display: flex;align-items: center;}
.text{
	padding: 50px 5%;
	font-size: 1.2rem;
	line-height: 2;
	width: 90%;
	text-align: left;}

h1{
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	margin:0 0 20px 0;
	
}
.topttl{position: relative;
  background: linear-gradient(transparent 70%, #FFD3AD 70%);}

.index{
	max-width:450px;
	margin:0 auto;
	line-height: 3;
	text-align: center;
	lay: block;
	color:#FD9126;
	border:solid 1px #D7E9F3;
	border-radius: 50% 50% 0 0;
}
.index h1{ font-family: 'Caveat', cursive; }
.index ul{list-style: none;display: inline-block;}
.index ul li{text-align:left;}

.slider-pro{position: relative;}
.slider-pro img{border-radius: 30px;width: 95%;}


.ribbon2 {
  display: inline-block;
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 7px 0;
  font-size: 25px;/*フォントサイズ*/
  background:#D7E9F3;/*#FFB133背景色*/
  color:#3892C1 ;/*#676FA3#5C4C9E文字色*/
  box-sizing: border-box;
  width: 90%;
	margin-bottom: 20px;
	
}

.ribbon2 h3 {
  margin: 0;
  padding: 0 28px;
  border-top: solid 1px #FFF;/*上の破線*/
  border-bottom: solid 1px #FFF;/*下の破線*/
  line-height: 46px;
	
}

.ribbon2:before, .ribbon2:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon2:before {
  /*左端の山形*/
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon2:after {
  /*右端の山形*/
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}



.cap2{padding: 10% 0;}

.ttl{padding: 20px 0;}
.ttl p{
	padding: 10px 0;
	font-size:1.25rem;
	font-weight: 700;
	
	letter-spacing: 0.1em;
}
.sp-arrows{color: #333;}
.ckbtn{
	font-size: 1.3rem;
	background-color: #9AD0EC;
	border-radius: 20px;
	display: inline-block;
	padding: 2px 30px;
	/*font-weight: 700;*/
	margin-bottom: 50px;
	font-family: 'Caveat', cursive;
}

.goods{margin-bottom: 30px;position: relative;}
.goods img{border-radius: 30px;}
.user{
	font-family: 'Road Rage', cursive;
	font-size: 3.5rem;
line-height: 1.5;
	display: inline-block;
	background-color:rgba(228,228,228,0.8); ;
	padding: 0 15px;/**/
}
.caption{
	position: absolute;
    left:0;
}
#coodi4 img{width: 90%;}

.last_btn{
	width: 95%;
	margin: 0 2.5%;
	border:  solid #FD9126 1px;
	padding: 5px 0;
	font-weight: 700;
	font-size: 1.3rem;
	border-radius: 30px;
}
.last_btn a{color:#FD9126;}
.price p{color:#333;}
.price_txt p{color:#3490C1;font-size: 1.1rem;}
.price_txt{padding: 30px 5%; }
.price_img{margin-top: 30px;}


/*--------------------------ギザギザ回る--------------------------------------------------------------------------------------------

.box, .box:before, .box:after,
		.box-body, .box-body:before{
			position: absolute;
			background-color:#FD9126 ;
	/*		width: 60px;
			height: 60px;
			
			
		}
		.box-body p{
			color:#fff;
			font-size:20px;
			border:solid 2px #fff;
			border-radius: 50%;
			padding:0 10px;
			font-weight:700;
		}
		.box:before{
			transform: rotate(22deg);
			content:"";
		}
		.box:after{
			transform:rotate(-22deg);
			content:"";
		}
		.box-body{
			display:flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			z-index:1;
		}
		.box-body:before{
			transform:rotate(45deg);
			content:"";
			z-index:-1;
		}
		
		.box{animation: rotate1 10s linear infinite;
	        transform-origin: center;}*/
.flower{

	width: 200px;
	height: 200px;
	animation: rotate1 10s linear infinite;
	        transform-origin: center;
}
.fl_logo{top:17.5%;width:65%;left:17.5%;}
		@keyframes rotate1 { 
  0% {
   transform: rotate(0deg);
  }
	100% {  
    transform: rotate(360deg);
  }
		}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.model1{width: 60%;
			position: relative;
			margin-left: 20%;
			/*border-left:solid 1px indianred;
			*/
		}
		.model1_img{width: 100%;margin: 0 auto; text-align: center;}

		.img01{
			width: 80%; 
			border-radius: 50% 50% 0 0;
		}	
    .icon{
	position: absolute;
            }
		.model1_icon1{
			top:2%;left: 0;
			font-family: 'Caveat', cursive;
			text-align: center;
			font-size: 2.5rem;
			color:#3892C1;
			line-height: 1;
         }
        .year2022{font-size: 1.5rem;}/**/
		.model1_icon2{
			display: inline-block;
			
		}
		.giza2{position: absolute;bottom: -4rem;/**/}
		.model_flex{display: flex;align-items: center;}
		.modelflex_1{
			flex-basis: 40%;
			height: 1px;
			background-color: #FD9126;
			margin-left: 10%;
		}
		.modelflex_2{
			flex-basis: 50%;
			font-family: 'Caveat', cursive;
			font-size: 2.7rem;
			color:#3892C1;
			
			line-height: 1;
			text-align: center;
		}
.model1_icon3{bottom:2%;right: -9%;width: 38%;transform: rotate(5deg);}
.topicon2{width: 100%;}
.topicon3{width: 85%;}
.model1_icon4{top:20%;}
.model1_icon5{right: 0;top:17%;}
.model1_icon6{right: -5%;top:25%;}
.topicon4,.topicon5{width: 50%;}
#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{
	

	}





/*--------------------------------smartphone----------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1068px) and (min-width: 768px){
	.model1{width: 80%;
			position: relative;
			margin-left: 10%;
			/*border-left:solid 1px indianred;
			*/
		}
}

@media all and (max-width: 749px) {
	.ribbon2{width: 100%;}
	h3{font-size: 1rem;}
	
h1{
	font-size: 1.2rem;

}
	.ttl p{font-size:1.1rem;}
	.text p{font-size:1rem;}
	.index {font-size: 1rem;
		width: 80%;
		margin-left: 5%;
		margin-right: 5%;
		padding: 20px 5%;
		
	}
	.last_btn{
	font-size: 1rem;	
}
	.price p{font-size: .9rem;}
	.price_img{margin-top: 10px;}
	.ckbtn{
	font-size: 1.1rem;
	}

	.ranking{width: 80px;height: 80px;font-size: 1.6rem;}
	#coodi4 img{width: 95%;}
	.flexbox{display:inline-block;}
	
	.price_txt{padding:10px 5% 20px 5%;}
	.price_txt p{font-size: 1rem;}
	.cap1{width: 55%;}
	.cap2{width: 85%;padding: 0;}
	.model1{width: 90%;
			position: relative;
			margin-left: 5%;}
	.img01{width: 95%;}
	.model1_icon3{bottom:8%;right: -9%;width: 45%;transform: rotate(5deg);}
	.topicon3{width: 55%;}
	.model1_icon4{top:27%;left: -8%;}
	.model1_icon5{right: -17%;top:17%;}
.model1_icon6{right: -22%;top:30%;}
.topicon4,.topicon5{width: 40%;}
	.seat{width:  50%;}
	.baby13{width: 95%;}
	.bdlogo{
	width: 120px; 
	position: absolute;
	top:10px;
	right:10px;
}
	.flower{width: 170px;height: 170px;}
	.modelflex_1{height: 0;}
	.modelflex_2{font-size: 2rem;}
	
}

@media all and (max-width: 400px) {
	h3{font-size: .9rem;}
	.model1_icon3{bottom:15%;}
}
@media all and (max-width: 280px) {
	.index,h3{font-size: .8rem;}
	.model_flex p{font-size: 1.5rem;}
	.topicon3{width: 40%;}
	.flower{width: 130px;height: 130px;}
}
/*-----------------------site-header---------------------*/
.site-header{

    display: none;
 
    position: absolute;

	z-index: 99999;
}
.gnav__menu{
	width: 100%;

	/*justify-content:space-around;*/
	
}
.gnav__menu__item{
	
	
	height: 70px;
		width: 70px;
		padding:  5px;
	list-style: none; 
	border-radius: 50%;
		display:flex;
		align-items: center;
		justify-content:center;
	line-height: 1;
	background-color: #FD9126;
	text-align: center;
	
}
.gnav__menu__item a{color:#fff;}

.site-header.show{
	 display:flex;
    position: fixed;
    top:300px;
	z-index: 99999;
}
@media all and (max-width: 749px) {
	
.gnav__menu{
		display: flex;	
	}

	.gnav__menu__item{
		height: 50px;
		width: 50px;
		padding:  5px;
		margin: 0;
	    font-size: .9rem;
		
	}/**/
}

/*--------------------------------------------------slider pro-----------------------------------------------------------*/