@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=Croissant+One&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;
	
}


.iconmum{position: relative;}
.icon{position: absolute;}
h1{font-weight: 500;}
.en{font-family: 'Croissant One', cursive; }


.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{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{
    width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 50px;
	background-color: #F5EFFF;
	}
section{
    max-width: 700px;
    margin: 0 auto;
	text-align: center;}
.itembox{margin-bottom: 50px;}
#top{
	position: relative;
	margin: 0 auto;
	text-align: center;
	
    
	
}
#index{background-color: #f0f0f0;}

.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%;}

.flexbox2 div{flex-basis: 50%;}
.fitem{flex-basis: 50%;width: 50%;}
.pk .flexbox2{width: 100%;padding: 0;}
.pk .flexbox2 div{flex-basis: 33.3%;}

.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;}

.pk_ttl{

    font-weight: 700; 
    letter-spacing: .2rem;
    font-size: .9rem;
    
}

hr{border: solid 1px #E0BB6B;border-bottom: none;}
#coodi5 hr{border: solid 1px #FB9AD1;border-bottom: none;}
#coodi6 hr{border:solid 1px #CDC1FF;border-bottom: none;}
.index{
	width: 100%;
	display: flex;
	margin:0 auto;
	line-height: 1.5;
	text-align: center;
    align-items: center;
	flex-wrap: wrap;
    
}

.index_a{
    flex-basis: 30%;
    margin: 0 auto;
    padding: 5px 0;
    font-weight: 700;
    border-radius: 15px;
}

.index2{
    width: 90%;
    margin-left: 5%;
	display: flex;
	text-align: center;
    align-items: center;
	flex-wrap: wrap;
    }

.index_ttl{
    margin-bottom:20px;
    font-size:1rem;
    font-weight: 700;
    display: inline-block;
   padding-top: 5px;
    color:#333;
}

.flexitem{
	text-align:center;
  
	font-weight: 700;
	font-size: 1.2rem;
    margin-bottom: 1.5%;
 
    
}
.index_1{
   background-color: #FFBD73; color: #CB6040;border-radius: 50%;
}

.index_2{
   background-color: #91DDCF; color:#219C90;border-radius: 50%;
}
.index_3{
   background-color: #86B6F6; color:#3468C0;border-radius: 50%;
}

.index_4{
    
   background-color: #ccc;
    color: #333;
    font-size: .9rem;
    padding: 10px 0;
}
.index_5{
   background-color: #ccc;color: #333;font-size: .9rem;padding: 10px 0;
}
.index_6{
   background-color: #ccc;color: #333;font-size: .9rem;padding: 10px 0;
}

.indexbox{
    border:solid 1px #ccc;
    padding-bottom: 3%;
    margin-bottom: 5%;
    border-radius: 15px;
   /* background-color: #ccc;*/
    width: 90%;margin-left: 5%;
}

.goodsimg{position: relative;}
.ttl_s{
    background-color: #ccc;
    font-size: 2rem;
    font-weight: 700;
}
.item_ttl_{oder:1;}
.item_ttl_img{width: 50%; order:2;}
.ribbon2 {
 
  padding: 5px 0;
  /*margin: 5px 0;  
  background-color:#E0BB6B; 
    color: #fff;*/
    font-size: 1.2rem;
    font-weight: 700;
  
}
/*#coodi5 .ribbon2{
    background-color: #FB9AD1;
}
#coodi6 .ribbon2{background-color: #CDC1FF;}*/
.ttl{padding: 20px 0 5px 0;position: relative;letter-spacing: .2rem;}
h2{font-size: .9rem;}
.txt_s{font-size: 1.5rem;}
.tp{
    right: 0;
    width: 100px;
    top:2%;
    color:#CB6040;
    font-weight: 700;
}
#coodi2 .tp{
    color:#219C90;
}

.tp_tz{
    font-size: .8rem;
}
#coodi3 .tp{
    color: #3468C0;
}
.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: 15px;
	background-color: #ccc;
    color: #333;
}

.iconbox{margin-bottom: 10px;}
#coodi4 .icontxt{background-color:#E8B86D; }
.price{margin-top: 15px;}
.price p{line-height: 1.6;font-size: .9rem;}

.price_txt{padding: 30px 5% 10px 5%; }
.price_p{text-align: left;flex-basis: 60%;width: 60%;}
#coodi4 .fitem .price_p{text-align: center;width: 100%; flex-basis: 100%;}


.ckbox{flex-basis: 40%;width: 40%;}

.pickup .price_tz{margin-top: 20px;}
#coodi1{background-color:#FAF3F0;}
#coodi1 .ttl_s{background-color: #FFBD73; color: #CB6040;}
#coodi2{background-color:#E9EFEC;}
#coodi2 .ttl_s{background-color: #91DDCF; color:#219C90;}

#coodi3{background-color:#EEF7FF;}
#coodi3 .ttl_s{background-color: #86B6F6; color:#3468C0;}
#coodi4{background-color: #F0F0F0;}/**/
#coodi5{background-color: #FFEFEF;}
#coodi6{background-color: #F5EFFF;}

.item_ttl{text-align: left;margin-bottom: 30px;}

.item_ttl .en{font-size: 2.5rem;line-height: 1;}
#coodi4 .itembox .en{font-size: 1.3rem;}
#coodi5 .itembox .en{font-size: 1.3rem;}

.yuan{border-radius: 50%;}
.item_ttl_txt{
    font-size: 1.2rem;
    font-weight: 700;
}


#coodi1 .item_ttl_txt span{
    background-color:#FFBD73;
    color: #333;/**/
}
#coodi2 .item_ttl_txt span{
    background-color:#91DDCF;
    color: #333;/**/
}

#coodi3 .item_ttl_txt span{
    background-color:#86B6F6;
    color: #333;/**/
}

.item_ttl_stxt{font-size: .9rem; padding: 20px 20px 20px 0;text-align: left;/**/}
#coodi4 .item_ttl_stxt{padding: 20px;}
#coodi5 .item_ttl_stxt{padding: 20px;}
.icontxt{
    display: inline-block;
    background-color: #CB6040;
    line-height: 1.7;
    color: #fff;
    padding: 0 5px;
    border-radius: 5px;}
#coodi2 .icontxt{
    background-color: #219C90;
}

.fbtx{margin-top: 30px;}
.img_tz{transform: rotate(5deg);}
.en_s{font-size: .8rem;line-height: 1;}

#coodi5 .flexbox,#coodi6 .flexbox{
    align-items: flex-start;
    justify-content:flex-start;
        
}

.pk .flexbox2{
  align-items: flex-start;
   justify-content:flex-start;/*  */ 
}
.pttl{display: block;}
    .pttl_sp{display: none;}
.mimg{width: 45%;}
.item_ttl_imgtz{
    flrex-basic:45%;
    width: 45%;
    margin-left: 5%;
    order: 1;
}
.point{position: relative;
  background: linear-gradient(transparent 60%, #FEEE91 60%);}
.item_ttl .fitem2{flex-basis: 50%;width: 50%;text-align: center;}
.item_ttl .fitem2 .en{font-size: 1.3rem;}
.item_ttl .fitem2 .en_2{font-size: 1rem;}
.item_ttl_tz2{
   align-items: flex-start;
}
.cc{position: relative;z-index: 9;margin-top: 3%;}
.cc_img{width: 60px;}
.mimg4{margin-top: -11%;}
/*------------------------------------h2-----------------------------------------------------------------------------------------------*/
.heading-21 {
    position: relative;
    padding: .5em .7em .4em;
    border-bottom: 3px solid #E8B86D;
    color: #333333;
    display: inline-block;
    margin: 7% 0;
    font-size: 1.2rem;
}

.heading-21::before,
.heading-21::after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.heading-21::before {
    background-color: #E8B86D;
}

.heading-21::after {
    bottom: -11px;
    background-color: #fff;
}
#coodi1 .heading-21{border-bottom: 3px solid #CB6040;}
#coodi1 .heading-21::before {
    background-color: #CB6040;
}
#coodi1  .heading-21::after {
   background-color: #FAF3F0; 
}
#coodi2 .heading-21{border-bottom: 3px solid #219C90;}
#coodi2 .heading-21::before {
    background-color: #219C90;
}
#coodi2  .heading-21::after {
   background-color: #E9EFEC; 
}

#coodi3 .heading-21{border-bottom: 3px solid #3468C0;}
#coodi3 .heading-21::before {
    background-color: #3468C0;
}
#coodi3  .heading-21::after {
   background-color: #EEF7FF; 
}

   .item_ttl .fitem2 img{border-radius: 15px;}
/*---------------------linear-gradient(transparent 40%, yellow 40%);-----------------------------------------------------------------------------------------------------------------------------------------*/

#gFooter address {
    padding: 35px 5px 56px;
    color: #666;
    font-size: .9rem;
    line-height: 1.5;
    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) {
	
  
    
   /* .fx_tz{display: inline-block;}
	.offnub_tz{
		font-size:10px;}*/
	.pc{display: none;}
	.sp{display:block;}
	
	/*.discount{font-size: .8rem;}*/
	
	.pickup .price{margin-top:40px;}
	.flexbox2{width: 95%;padding:0 2.5% ;}
	
    
    
	.ribbon2{width: 100%;}
	.item_ttl .en{font-size: 1.8rem;line-height: 1;}
	.item_ttl_txt{
    font-size: 1.1rem;
    font-weight: 700;
}
h1{
	font-size: 1rem;
}
	
	.text p{font-size:1rem;}
	.index{
		font-size: 1rem;
		width:100%;
		padding: 0;
		
	}
    .index2{display: block;}
    .index2 div{
        background-color: #ccc;
        padding: 10px 0;
        margin: 10px 0 0 0;
        border-radius: 15px;
    }
    .flexitem{margin-bottom: 1%;}
   
    
    .ttl_s{
    font-size: 1.5rem;
    font-weight: 700;
}
    .ttl_s img{width: 55px;}
	.last_btn{
	font-size: 1rem;	
}
	.price p{font-size: .8rem;}
	.price_img{}
	.ckbtn{
	font-size: 1rem;
		padding: 2px 20px;
	}

	.flexitem span{font-size: .9rem;}
	
	
	.price_txt{padding:15px 5% 10px 5%;}
	.price_txt p{font-size: 1rem;}
    
	.cap1{width: 82%;margin-bottom: 10px;}
	
	.flexitem{font-size: 1rem;}
	
	.pk .flexbox2{width: 90%;padding: 0 5%;}
.pk .flexbox2 div{flex-basis: 50%;}
	
	
    .item_ttl{display: flex;
        flex-basis: 100%;
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        align-items: flex-start;
        position: relative;
        order: 2;
        
    }
    
    .item_ttl .fitem{
        flex-basis: 90%;
        width: 90%;
        margin-bottom: 10%;
    }
    .item_ttl_{order:2;}
    
    .item_ttl_img img{width: 97%;}
    .item_ttl_stxt{padding:15px 0 10px 0;}
    .pttl{display: none;}
    .pttl_sp{display: block;padding-bottom: 5%;}
   .item_ttl .item_ttl_img{order:1;margin-bottom: 0%;}
    
    .mimg{width: 49%;}
    .ckbox{text-align: right;}
    .item_ttl_imgtz .pttl{display: none;}
    .item_ttl_imgtz{order: 2;flex-basis: 90%;width: 90%;}
    .item_ttl_tz .fitem{margin-bottom: 0;}
    .tp{width: 90px;}
    .tp img{width:30px;}
    .tp_tz img{width: 25px;}
   .item_ttl .fitem2{flex-basis: 47.5%;width: 47.5%;text-align: center;}
   .item_ttl .fitem2 .price .price_p{flex-basis: 100%;}
    
    .cc{margin-top: 2%;}
.cc_img{width: 40px;}
.mimg4{margin-top: -13%;}
}



@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: 50px;
		width: 50px;
		padding:  0px;
	list-style: none; 
	border-radius: 50%;
		display:flex;
		align-items: center;
		justify-content:center;
	line-height: 1;
	
	background-color: #E0BB6B;
	text-align: center;
	
}
.gnav__menu__item a{color:#fff;}
li{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: 45px;
		width: 45px;
		padding:  5px;
		margin: 0;
	    font-size: .9rem;
		
	}/**/
}

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

 /*-----------矢印表示----------*/
    .slick-next{ right:0!important; }
    .slick-prev{ left:0!important; }
    .slick-arrow{ z-index:2!important;}

.slick-prev:before,.slick-next:before{
    color: #E8B86D;/*黒にする*/
  /*デフォルトは.75が指定されている*/
}
.slider img{border-radius: 20px;width: 98%;}
.mimg1{
    border: solid 1px #CB6040;  
}
.mimg2{
    border: solid 1px #219C90;
}
.mimg3{
    border: solid 1px #3468C0;
}
/**/