@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=Yusei+Magic&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;
	
}

/*color

*/
.p_line{color:rgba(40,76,184,0.1);}
.facolor{color:#FF5F00;}
.br_tz{display: none;}
.cd{position: relative;}
.dt{writing-mode: vertical-rl;
	position: absolute;
	right: 52%;
	top:10%;
	color:#FF5F00;
	transform: rotate(5deg);
	font-family: 'Yusei Magic', sans-serif;
}
.dt2{right: 51%;transform: rotate(-5deg);}
.dt3{right: 45%;}
.dt4{right: 48%;transform: rotate(-5deg);}
.dt5{right: 50%;top:0%;}
.dt6{right: 45%;transform: rotate(-5deg);}
.dt_up,.dt_up2,.dt_up3,.dt_up4,.dt_up5,.dt_up6,.dt_up7,.dt_up8{position: absolute;}
.dt_up{ top:10%;left:5%;width: 22%;}
.dt_up2{bottom:5%;right:4%;width: 22%;/*transform: rotate(90deg);*/}
.dt_up3{top:0;left:2%;width: 25%;}
.dt_up4{bottom:0;right:6%;width: 20%;}
.dt_up5{bottom:5%;left: 5%;width: 26%;transform: rotate(-5deg);}
.dt_up6{right: 5%; top:10%;width: 23%;}
.dt_up7{left:0%; top:13%;width: 40%;transform: rotate(-25deg);}
.dt_up8{right: 0%;bottom:10%;width: 23%;transform: rotate(5deg);}
img{vertical-align: bottom;}
a{text-decoration: none;color:#000;}
.price a{color:#333333;}
.en{ /*font-family:'Norican', cursive;*/font-size: 1.8rem;font-weight: 900;}
.s02{border-radius: 50%;}
#coodi1,#coodi2,#coodi3{padding-bottom: 50px;}
span img{vertical-align: baseline;}
#container{
	position:relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	overflow: hidden;
	
	line-height: 2;
	

	
}
#main{max-width: 700px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 50px;
	color:#333;
	/*background-color:#FFE5B4;*/
	}
section{ }
#top{
	position: relative;
	/*background:#000max-width:950px;
	margin: 0 auto;
	text-align: center;#000000;
	padding-top:40px;*/
	
}
.sp{display: none;}
.bdlogo{ 
	width: 11%;
	position: absolute;
	top:0px;
	right:10px;
}
.flexbox,.flexbox2{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content:center;}
.flexbox2{width: 80%;padding: 0 10%;}
.flexbox2 div,.flexbox div{flex-basis: 50%;/*background-color: red;*/}

.text{
	padding: 50px 5%;
	font-size: 1rem;
	line-height: 2;
	width: 90%;
	text-align: left;
	background: #fff;
}
.red{color: #D44000;font-weight: 500;font-size: .7rem;}




.goodsimg{position: relative;background-color: #fff;}



.ribbon2 {
  display:flex;
  position: relative;
  height: 60px;
  color:#000 ;
  width: 100%;
  align-items: center;
  background-color:#83A8C7 /*lightblue*/;
	border-radius:30px 3px 3px 3px;	
}

.ribbon2 .en{font-size: 2.5rem;}

.catchttl{
	font-size: 1.6rem;

	flex-basis:83%;
	margin: 1%;
	background-color: #fff;
	font-weight: 700;
	
/*font-family: 'Yusei Magic', sans-serif;*/
}

.numbttl{
	flex-basis: 15%;
	margin: 0 auto;
	color:#fff;
}




.ckbtn{
	font-size: 1rem;
	background-color: #000000;
	border-radius: 20px;
	display: inline-block;
	padding: 2px 30px;
	margin-top: 15px;
	font-weight: 700;
	color:#fff;
}

.goods{margin-bottom: 50px;position: relative;}




.last_btn{
	width: 95%;
	margin: 0 2.5%;
	border:  solid #000 2px;
	padding: 5px 0;
	font-weight: 700;
	font-size: 1.3rem;
	border-radius: 30px;
	/*background-color: #FFA500;*/
}


.price{margin:30px 0;}
.price p{line-height: 1.6;font-size: .8rem;}
.price_txt p{
	font-size: 1rem;
	
	/*font-weight:500;color:#614124;*/}
.price_txt{padding: 30px 5%; }
.price_img{/*margin-top: 30px;*/}
/*width: 30%;*/
li{list-style: none;}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#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 all and (max-width: 749px) {
	.pc{display: none;}
	.sp{display:block;}
	
	.flexbox2{width: 90%;padding: 0 5%;}
	.pickup .flexbox2{width: 95%;padding: 0 2.5%;}
	
	.en{font-size: 1.5rem;}
	
	.ribbon2{
		width: 100%;
		height: 45px;
		border-radius:25px 2px 2px 2px;	
		/**/}
	h3{font-size: 1rem;}
	.ribbon2 .en{font-size: 2rem;}
    .catchttl{font-size: 1.2rem;}
	.famliy_1{margin-left: -50%;}
	.famliy_2{margin-right: -35%;margin-top: -30%;transform: rotate(3deg);}
	.dt5{right: 25%;top:5%;}

	
	.text p{font-size:1rem;}
	
	.last_btn{
	font-size: 1rem;	
}
	.price p{font-size: .8rem;}
	.price_img{/*margin-top: 10px;*/}
	.ckbtn{
	font-size: 1rem;
		padding: 2px 20px;
	}

	.br_tz{display: block;}
	.flexbox{display:inline-block;/**/}
	
	.price_txt{padding:15px 5% 10px 5%;}
	
	.cap1{width: 87%;}
	
	.bdlogo{
	width: 150px; 
	position: absolute;
	top:13px;
	left:10px;
}
	
.dt_up{ left:-5%;width: 28%;}
.dt_up2{right:0%;width: 25%;}
.dt_up3{left:2%;width: 26%;}
.dt_up4{right:-2%;width: 20%;}
.dt_up5{left: -4%;width: 30%;transform: rotate(-5deg);}
.dt_up6{right: -6%; top:10%;width: 27%;}
/*.dt_up7{left:0%; top:13%;width: 40%;transform: rotate(-25deg);}
.dt_up8{right: 0%;bottom:10%;width: 23%;transform: rotate(5deg);}*/
	
}

@media all and (max-width: 400px) {
	
}
@media all and (max-width: 280px) {
	
}
/*-----------------------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;
	/*border: solid 1px #000000;*/
	background-color: #000000;
	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-----------------------------------------------------------*/