@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=Lilita+One&family=Shrikhand&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
font-family: ab-walk, sans-serif;

*/

.facolor2{color:#39AEA9;}
.facolor{color:#39AEA9;}

.nomal{/*display: none;*/}
.officon,.offnumb,.discount,.teka{display: none;}/**/
.offnumb{
	background-color: red;
	color:#FFFFFF;
	font-weight: 700;
	padding:3px;
	line-height: 1;
	font-size: .9rem;
	/*display:inline-block;*/
	border-radius: 3px;
}
.offnub_tz{
	font-size:7px;
	font-weight: 400;
	
}
.brtz{display: block;
content: "";
margin: -2px 0;}
.discount{ position: relative;
	color:red;
	font-weight: 700;
	font-size: .9rem;
}
.teka{color:#AAAAAA;text-decoration: line-through;font-size: .8rem;/**/}
.officon{
	position: absolute;
	left: 2%;
	bottom: 0%;
	
}
.offnumb2{font-size: 1rem;}

img{vertical-align: bottom;}
a{text-decoration: none;color:#000;}
.price a{color:#333333;}

.tz{font-size: 1.6rem;}
#coodi1,#coodi2,#coodi3,#coodi4,#coodi5,
#coodi6,#coodi7,#coodi8{padding-bottom: 50px;}
span img{vertical-align: baseline;}
#container{
	position:relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	overflow: hidden;
	color:#333333;
	line-height: 2;
	

	
}
#main{max-width: 700px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 50px;
	
	}
section{ }
#top{
	position: relative;
	max-width:950px;
	margin: 0 auto;
	text-align: center;/**/
	padding-top:40px;
	
}
.sp{display: none;}
.bdlogo{ 
	width: 150px;
	position: absolute;
	top:0px;
	right:10px;
}
.flexbox,.flexbox2{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content:center;}
.flexbox2{width: 90%;padding: 0 5%;}
/*.flextz{margin-bottom: 50px;}*/
.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;}
.red{color: #D44000;font-weight: 500;font-size: .7rem;}
.red_s{font-size: .7rem;}



.index{
	/*max-width:450px;*/
	
	width: 80%;
	display: flex;
	margin:0 auto;
	line-height: 1.5;
	text-align: center;
    align-items: center;
	flex-wrap: wrap;
}

.index a{flex-basis: 45%;margin: 0 2.5%;}
	.index .fitem{flex-basis: 100%;}
.flexitem{
	
	text-align:center;
	
	padding: 2% 0;background-color: #F0F0F0;
	/*border:solid 1px #000000;background-color: #FFE5B4;*/
    margin-bottom:20px;
	border-radius:30px;
	font-weight: 700;
	font-size: 1.2rem;

	
}
.flexitem span, .ribbon2 span{
	/*font-family: ab-walk, sans-serif;color:#FA2FB5;font-weight: 400;*/
	
	font-size: 1rem;
	
}


.index a{color:#000000;}

.goodsimg{position: relative;}


.ribbon2 {
}


.ribbon2 h3 {
 
  padding: 10px 0;
  /* margin: 0;padding-left: 7px;上の破線*/
	border-top: dashed 1px #333;
border-bottom: solid 1px #333; /* 下の破線border-radius: 30px;*/
  line-height: 1.2;
	text-align:center;
	font-size: 1.4rem;
	/*background: linear-gradient(transparent 50%, #f0f0f0 50%);*/
	width: 95%;margin-left: 2.5%;
}

.ttl{padding: 20px 0;position: relative;}


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

.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-top: 30px;}
.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% 10px 5%; }
.price_img{position: relative;}
.price_p {position: relative;}/**/
.pickup .price{margin-top:50px;}

.pickup .price_tz{margin-top: 20px;}
#coodi8 .price_tz{margin-top: 20px;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#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) {
	#coodi1,#coodi2,#coodi3,#coodi4,#coodi5,
#coodi6,#coodi7{padding-bottom: 0px;}
	#top{padding-top: 10px;}
	#top img{width: 96%;padding-left: 2%;}
	.offnub_tz{
		font-size:10px;}
	.pc{display: none;}
	.sp{display:block;}
	.numb{font-size: 1.2rem;
		background-color: #000000;
		border: none;
		display: none;
		/*border-color:#333333;
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);*/
		/**/
		border-radius: 15px 0 15px 15px ;
		padding: 2px;
		
	}
	.discount{font-size: .8rem;}
	.price{margin-top: 40px;}
	.pickup .price{margin-top:40px;}
	.flexbox2{width: 100%;padding: 0 ;/**/}
	
	/*.pickup .flexbox2{width: 95%;padding: 0 2.5%;}
	.numttl{font-size: 2px;font-weight: 700;color:#fff;}
	.en{font-size: 1.5rem;}
	.tz{font-size: 1.3rem;}*/
	.ribbon2{width: 100%;}
	.ribbon2 h3{font-size: 1.3rem;}
	
h1{
	font-size: 1.2rem;

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

	.flexitem span{font-size: .9rem;}
	.flexbox{display:inline-block;/**/}
	
	.price_txt{padding:15px 5% 10px 5%;}
	.price_txt p{font-size: 1rem;}
	.cap1{width: 82%;}
	.cap3{width: 65%;}/**/
	.cap2{width: 70%;}
	.flexitem{font-size: 1rem;}
	
	
	
	.bdlogo{
	width: 120px; 
	position: absolute;
	top:0px;
	right:10px;
}
	.index a{flex-basis: 45%;margin: 0 2.5%;}
	.index .fitem{flex-basis: 100%;}
	/*.goods{margin-bottom: 0px;}*/
	
}

@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-----------------------------------------------------------*/