@charset "utf-8";
/* CSS Document */


@media (min-width: 481px) and (max-width: 1024px) {
	body {
    min-width: 950px;
	overflow-y: hidden;
    }
	div#field1 {
    width: 100vw;
}
	.send43{
		width:85%;
	}
	.bx-viewport,.search_passion,.group_facebook,#FOOTER_AREA{
		width:100vw;
	}
	#field1,#field2,{
		width:90vw;
	}
	.news_contents{
		width:65vw;
	}
	.item_area > div {
    width: auto;
    margin: 0 auto;
    }
    .hide_menu_inner .hide_menu_block {
    min-width: 50px;
     width: 23%;}

    .navi_list_area {
    width: 950px;}

    .hide_menu_inner .hide_menu_block {
    background:none;
	}

	.column3{
		width:100%;
		margin-left:20px;
	}
	.wd3{
		width:26%;
	}
	.french_bloc01 .bl01_01 {
    left: 50px;
}
	.french_bloc02 .bl02_01 {
    left: 50px;
}

	.french_bloc03 .bl03_01 {
    right: 120px;
}
	.french_bloc04 .bl04_01 {
    left: 50px;
}
	.bread_bloc01 .bl01_01 {
    right: 215px;
}
	.bread_bloc03 .bl03_01 {
    right: 220px;
}
	.sweet_bloc03 .bl03_01 {
    right: 230px;
}
	.chip_bloc01 .bl01_01 {
    right: 225px;
}
	.chip_bloc03 .bl03_01 {
    right: 220px;
}
	.chip_bloc02 .bl02_01 {
    left: 20px;
}
	.wd4 {
    width: 40%;
}
	#SHOP_LIST_AREA {
    width: 100%;
    margin: 0 auto 0 50px;
}
	/*
	#GROUP_TEXT {
    width: 100%;
}
	.group_text02 {
    width: 90%;
}
	#GROUP_TEXT_AREA .text_area .right_area{
    width: 45%;
}
	#GROUP_TEXT_AREA .text_area{
    overflow: hidden;
}
	#GROUP_TEXT_AREA .right_area{
    float: right;
}
	#GROUP_TEXT_AREA .left_area{
    float: left;
}
	.map_area_iframe{
		width:420px;
	}
	#GROUP_TEXT_AREA .group_mt_02 {
    margin-left: 25px;
}
	#GROUP_TEXT_AREA .text_area .text_area {
    margin-left: 20px;
}
	#GROUP_TEXT_AREA .group_mt_01 {
    margin-left: 25px;
}

*/
	.pas143{
		width:78%;
	}
	.pas243 {
    width: 100%;
}
	#ITEMS_MAIN .items_main_tit04{
	right: 20%;

}
.item_area .left {
    padding: 60px 0 0 10px;
}

	.bread_bloc05 .bl05_01{
		top: 93px;
		right: 210px;
	}

	.bread_bloc05 .bl05_02 {
    top: 35px;
    left: -50px;
	}


.recipe_toptt {
    left: 0px;
	width:60%;
}

.btn_re_area {
    right: 10%;
}
.reci_picjeh {
    display: none;
}

.btn_re_area {
    top: 20px;
}





}
@charset "UTF-8";

.chara-guide {
  display: none;
  position: absolute;
}
.chara-guide img {
  width: 100%;
  height: auto;
}
.chara-guide-sp {
  display: none;
  position: relative;
  box-sizing: border-box;
}
.chara-guide-sp img {
  width: 80%;/*65%*/
  height: auto;
}

/******************* トップページ *******************/

/* NEW ITEM に相対位置を設定しています */
.new {
  position: relative;
}
.new .chara-guide {
  bottom: 3%;
  right: 3%;
  width: 150px
}
.new .chara-guide img.sp {
  display: none;
}
/* SPページ */
@media (max-width: 479px) {
  .new .chara-guide {
	bottom: inherit;
	right: 8%;
	top: 10%;
	width: 36%;
  }
  .new .chara-guide img.pc {
	display: none;
  }
  .new .chara-guide img.sp {
	display: inherit;
  }
}

/******************* 新商品のご紹介ページ *******************/

#ITEMS_MAIN {
  position: relative;
  overflow: inherit;
}
.new_item_bloc07 .bl07_02 {
  /*overflow-y: hidden;*/
}

/* 新商品のご紹介 キャラクター 1 */
#ITEMS_MAIN .chara-guide {
	bottom: -50%;
	right: 65%;
	width: 14%;
}
/* 新商品のご紹介 キャラクター 2 */
.new_item_bloc01 .chara-guide {
     bottom: -20%;
    right: 70px;/*0*/
    width: 40%;
}

/* 新商品のご紹介 キャラクター 2 */
.new_item_bloc03 .chara-guide {
	bottom: -10%;
	right: -150px;
	width: 50%;
}

/* 新商品のご紹介 キャラクター 3 *//*171003編集*/
.new_item_bloc06 .chara-guide {
	bottom: -15%;
	right: -10%;
	width: 35%;
}
/* 新商品のご紹介 キャラクター 4 */
.new_item_bloc07 .chara-guide {
	top: 60%;
	bottom: 50%;
	right: 10%;
	width: 18%;
}
/* 新商品のご紹介 キャラクター 170824追加 */
.new_item_bloc02 .chara-guide {
		bottom: -5%;
		right: -50%;
		width: 50%;/*171003編集*/
}

/* 新商品のご紹介 キャラクター 180124追加 */
.apple_item_bloc02 .chara-guide {
		bottom: -15%;
		right: -20%;
		width: 45%;/*180124追加*/
}
/* 新商品のご紹介 キャラクター 180124追加 */
.apple_item_bloc07 .chara-guide {
		bottom: -15%;
	right: 20%;
	width: 30%;
}





/* 新商品のご紹介 キャラクター 171021追加 */
.new_item_bloc04 .chara-guide {
		bottom: -10%;
	right: -20%;
	width: 50%;/*171021編集*/
}

/* 新商品のご紹介 キャラクター 2 */
.new_item_bloc05 .chara-guide {
	bottom: -20%;
	right: -10%;
	width: 48.5%;
}


/* SPページ */
@media (max-width: 479px) {
  /* 新商品のご紹介 キャラクター 1 */
  #ITEMS_MAIN .chara-guide,
  .new_item_bloc01 .chara-guide,
	.new_item_bloc02 .chara-guide,  /* 新商品のご紹介 キャラクター 170824追加 */
	.new_item_bloc06 .chara-guide,	/*171003編集*/
  .new_item_bloc07 .chara-guide {
	display: none !important;
  }

  /* 新商品のご紹介 キャラクター 1 */
  #ITEMS_SUB_TIT .chara-guide-sp {
	top: -30px;
  }
  /* 新商品のご紹介 キャラクター 2 */
  .new_item_bloc01 .chara-guide-sp {
	top: -20px;
	text-align: right;
	padding-right: 20px;
  }
  /* 新商品のご紹介 キャラクター 170824追加 */
	/*171003編集*/
	.new_item_bloc02 .chara-guide-sp {
	top: -13px;
	text-align: right;
	padding-right: 20px;
  }
  
  
   /* 新商品のご紹介 キャラクター 170824追加 */
	/*180125編集*/
	.apple_item_bloc02 .chara-guide-sp {
	top: -13px;
	text-align: right;
	padding-right: 20px;
  }
  
  
  
  
  
  
  
  
	/* 新商品のご紹介 キャラクター 3 */
	/*171003編集*/
	.new_item_bloc06 .chara-guide-sp {
	top: -30px;
	text-align: right;
	padding-right: 5px;
  }
  
  
  
  /* 新商品のご紹介 キャラクター 3 */
	/*171003編集*/
	.new_item_bloc04 .chara-guide-sp {
	top: -30px;
	text-align: right;
	padding-right: 5px;
  }
  
  
  /* 新商品のご紹介 キャラクター 3 */
	/*171003編集*/
	.new_item_bloc05 .chara-guide-sp {
	top: -30px;
	text-align: right;
	padding-right: 5px;
  }
  
  
  
   /* 新商品のご紹介 キャラクター 4 */
  .apple_item_bloc07 .chara-guide-sp {
	top: -30px;
	text-align: right;
	padding-right: 5px;
  }
  
  
  
  
  
  /* 新商品のご紹介 キャラクター 4 */
  .new_item_bloc07 .chara-guide-sp {
	top: -30px;
	text-align: right;
	padding-right: 5px;
  }
	/* 新商品のご紹介 キャラクター 4 */
	.new_item_bloc07{
	display: none;
	}

}

/*------     バレンタインここから       -------*/




@media (min-width: 480px) {

.chara_shokai1{
	clear:both;
	margin-bottom:50px;
	margin-top: 10px;
}

.chara_shokai1 img{
	float:left;
		

}
.chara_shokai1 p{
	font-size:18px;
	border-radius:10px;
	background:#fde9f2;
	padding:30px;
	width:600px;
	margin-left:350px;	
	
}

.chara_shokai2{
	clear:both;
	margin-bottom: 180px;
	margin-top: 30px;
}

.chara_shokai2 img{
	float:right;
}
.chara_shokai2 p{
	font-size:18px;
	border-radius:10px;
	background:#fde9f2;
	padding:30px;
	width:600px;
	margin-left:50px;
}
}

@media (max-width: 479px) {
	
	.con_area{
	width:100%;
	margin:0 auto;
	text-align:left;
	padding:0 10px;
	box-sizing: border-box;
}

.intro_area{
	clear:both;


}

.intro_area h1{
	font-size:26px;	
	width:100%;	
	padding:10px 5px;	
	color:#fde9f2;
	display:block;
	box-sizing: border-box;
	font-weight:bold;


}

.intro_area P{	
	float:none;
	font-size:18px;
	margin-right:unset;
	margin-top:15px;
	
	
}
	
	
	.chara_shokai1{
	clear: none;
	margin-bottom:0px;
	margin-top: 0px;
}

.chara_shokai1 img{
	float:none;
	width:100%;
	box-sizing:border-box;
	

}
.chara_shokai1 p{
	font-size:16px;
	padding:20px;
	width:100%;
	margin-left:0;	
	box-sizing: border-box;
	border-radius:10px;
	background:#fde9f2;

	
}

.chara_shokai2{
	clear: none;
	margin-bottom: 30px;
	margin-top: 30px;
}

.chara_shokai2 img{
	float:none;
}
.chara_shokai2 p{
	font-size:16px;
	padding:20px;
	width:100%;
	margin-left:0;	
	box-sizing: border-box;
	border-radius:10px;
	background:#fde9f2;


}
	
	}