@charset "UTF-8";
/*---	全体	---------------------------*/
html {
}
body{
	min-width:var(--fullsize);
	position:relative;
}body.scroll-lock{
	height: 100%;
	overflow: hidden;
}

section{
	width:100%;
	min-height:30vh;
	background:var(--base-color);
}
section.gray{
	background:var(--c-higray);
	color:#ffffff;
}
section.lgray{
	background:var(--sub-color);
}
section.black{
	background:#000000;
	color:#ffffff;
}
#contents_area.toppage section{
	background:var(--sub-color);
}


.inner{
	width:var(--fullsize);
	margin:0 auto;
}
img.box_max{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 640px){
	body{
		min-width:unset;
	}
	.inner{
		width:calc(100% - 30px);
	}
}

/*---	ヘッダー	---------------------------*/

header{
    width: 100%;
	position:fixed;
	top:0%;	left:0;
    z-index: 500;
	overflow:hidden;
}
header .header_back{
	width:100%;
	height:130px;
}header h1{
	position:absolute;
	top:50%;	left:50%;
    transform: translateX(-50%) translateY(-50%);
	width:70px;
}header .header_map{
    position: absolute;
    bottom: 7px;
    right: -115px;
    width: 300px;
}



/*---	フッター	---------------------------*/

footer{
	background:var(--base-color);
	border-top:1px solid #b5b5b6;
	text-align:center;
	margin-top:0;
}

/*---	トップ_ファーストビュー	---------------------------*/

#opening{
	width:100%;
	height:100vh;
	position:fixed;
	top:0%;
	z-index:10000;
	background:#ffffff;
/*	transform-origin: 100% 65%;*/
}
#opening .noren{
	width:100%;
	height:90vh;
	object-fit: cover;
	opacity:0;
}
#opening .fv_logo_area{
	position:absolute;
	top:45%;	left:50%;
    transform: translateX(-50%) translateY(-50%);
	width:20%;
}#opening .fv_logo_area .fv_logo {
	position:absolute;
	top:50%;	left:50%;
    transform: translateX(-50%) translateY(-50%);
	width:100%;
	opacity:0;
}

header{
	top:-100%;
	transition: all 2.2s ease 4.8s;
}

#opening.show .fv_logo_area .fv_logo.step01{	transition: all 0.7s ease 0.5s;	opacity:1;	}
#opening.show .fv_logo_area .fv_logo.step02{	transition: all 0.7s ease 1.0s;	opacity:1;	}
#opening.show .fv_logo_area .fv_logo.step03{	transition: all 0.7s ease 1.5s;	opacity:1;	}
#opening.show .fv_logo_area .fv_logo.step04{	transition: all 0.7s ease 2.0s;	opacity:1;	}
#opening.show .fv_logo_area .fv_logo.step05{	transition: all 0.9s ease 2.9s;	opacity:1;	}
#opening.show .noren{	transition: all 0.9s ease 2.9s;	opacity:1;	}
#opening.show{			transition: background 0.7s ease 3.4s,
									top 1.8s ease 4.4s,
									transform 1.8s ease 4.4s;
						background:#ffffff00;
						top: -180%;
					    transform: scale(1.8);
}
#opening.show+header{
	top:0%;
}


section#first_view{
	min-height:700px;
	position:relative;
}
section#first_view .first_main{
	width:100%;
	max-height:100vh;
    object-fit: cover;
    object-position: bottom;
}




@media (max-width: 640px){
	#opening .fv_logo_area{
		width:40%;
	}
	#opening .noren{
	    object-fit: fill;
	}

	section.first_view{
		height:100vh;
		min-height:unset;
	}
}


/*---	copy	---------------------------*/
section#copy{
	text-align:center;
	min-height:unset;
	margin:40px 0;
}
section#copy p{
	font-size:3em;
	line-height:1.2;
	font-weight:500;
}


/*---	item	---------------------------*/

section#itemlist{
}

section#itemlist .itemlist_title_area{
	width:100%;
	position:relative;
}
section#itemlist .itemlist_title_area h2.itemlist_title{
	text-align:center;
	font-size:3.1em;
	line-height:1.2;
	position:relative;
	z-index:4;
	position:absolute;
	top:50px;	left:50%;
    transform: translateX(-50%);
}section#itemlist .itemlist_title_area h2.itemlist_title .ohako{
	width:130px;
	margin:10px auto 0;
}
section#itemlist .itemlist_title_area .back_noren{
	position:absolute;
	top:0;	left:0;
	width:100%;
	z-index:2;
    max-height: 220px;
}section#itemlist .itemlist_title_area .title_back_main{
	width:100%;
	padding-top:100px;
    max-height: 700px;
    object-fit: cover;
    object-position: top;
	z-index:1;
}


section#itemlist .item_list{
	display:flex;
	justify-content: space-between;
	margin-bottom:30px;
}section#itemlist .item_list .item_box{
	width:47%;
	display: flex;
	flex-flow: column;
}
section#itemlist .item_box .title_area{
	border-bottom:2px dotted #b5b5b6;
	margin-bottom:30px;
    width: 100%;
    height: 160px;
	position:relative;
}section#itemlist .item_box h3.item_name{
	font-size:2em;
	color:#ca4d45;
    line-height: 1.25;
	width:65%;
    height: 150px;
    display: flex;
    align-items: center;
	position:relative;
}section#itemlist .item_box h3.item_name span{
	font-size:0.8em;
}section#itemlist .item_box h3.item_name span.en{
	position:absolute;
	bottom:0;	right:30px;
	color:var(--font-color);
	font-size:14px;
    height: 4.3em;
}section#itemlist .item_box h3.item_name span.en img{
	height:100%;
}section#itemlist .item_box .title_area .package{
    position: absolute;
    width: 35%;
    right: 0;
    bottom: 10px;
}

section#itemlist .item_box .text_area{
	display:flex;
	
}section#itemlist .item_box .text_area .maintext{
	width:65%;
	padding-right:20px;
}section#itemlist .item_box .text_area .ingredients{
	width:35%;
	margin-bottom: 20px;
	text-align:center;
}section#itemlist .item_box .text_area .ingredients .ohako{
    line-height: 1.15;
	font-size:1.0em;
	font-weight:bold;
}section#itemlist .item_box .text_area .ingredients .ohako span{
	font-size:1.6em;
}
section#itemlist .item_box .text_area .ingredients .setana{	color:var(--c-setana);	}
section#itemlist .item_box .text_area .ingredients .imakin{	color:var(--c-imakin);	}
section#itemlist .item_box .text_area .ingredients .box.setana{	background:var(--c-setana);	}
section#itemlist .item_box .text_area .ingredients .box.imakin{	background:var(--c-imakin);	}
section#itemlist .item_box .text_area .ingredients .box{
	color:#ffffff;
    border-radius: 80px;
	position:relative;
    padding: 15px;
    width: 90%;
    min-height: 120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
section#itemlist .item_box .text_area .ingredients .box .food_icon{
	position:absolute;
}
section#itemlist .item_box .text_area .ingredients .box .food_icon.ine{
	width:100px;
    bottom: -70px;
    right: 50%;
    transform: translateX(50%);
}section#itemlist .item_box .text_area .ingredients .box .food_icon.niku{	width: 90px;   bottom: -30px;   right: -50px;	}
section#itemlist .item_box .text_area .ingredients .box .food_icon.tomato{	width: 80px;   bottom: -5px;   right: -50px;	}

section#itemlist .item_box .text_area .ingredients .box p{
    line-height: 1.25;
	font-size:0.8em;
}section#itemlist .item_box .text_area .ingredients .main{
	font-size:3em;
	font-weight:bold;
}section#itemlist .item_box .text_area .ingredients .main.mini{
    font-size: 2.5em;
    line-height: 1.1;
}section#itemlist .item_box .text_area .ingredients .sub{
    line-height: 1.1;
    margin-top: 10px;
}section#itemlist .item_box .text_area .ingredients .sub .main{
	font-size:2em;
}
/*
								<div class="ingredients">
									<p class="ohako"><span>十八番</span>食材</p>
									<p class="imakin">せたな町</p>
									<div class="box imakin">
										<p>品種名など<br><span>米</span><p>
							            <img src="image.jpg" alt="稲のイラスト" class="food_icon" loading="lazy">
									</div>
								</div>
*/

section#itemlist .item_list .item_box .img_area{
	margin-top:auto;
}
section#itemlist .item_list .item_box .img_area .arrange_btn{
    display: flex;
    align-items: center;
    justify-content: center;
	border:3px solid var(--c-setana);
	width:100%;
	height:70px;
	margin-top: 20px;
    border-radius: 100px;
}section#itemlist .item_list .item_box .img_area .arrange_btn img{
	width:80%;
	transition: all 0.6s ease;
}
section#itemlist .item_list .item_box .img_area .notset{
	height:70px;
	margin-top:20px;
}
section#itemlist .item_list .item_box .img_area .arrange_btn:hover,
section#itemlist .item_list .item_box .img_area .arrange_btn:focus{
	background:var(--c-setana);
	opacity:1;
}section#itemlist .item_list .item_box .img_area .arrange_btn:hover img,
section#itemlist .item_list .item_box .img_area .arrange_btn:focus img{
	filter: brightness(0) invert(1);
}



/*---	about	---------------------------*/

section#about{
	margin-top:40px;
}


section#about .about_title_area{
	width:100%;
	margin-bottom:30px;
}section#about .about_title_area .back{
	width:100%;
}

section#about .about_area>.inner{
	display:flex;
	justify-content: space-between;
	margin-bottom:30px;
}
section#about .about_area .about_box{
	width:47%;
	display:flex;
    flex-direction: column;
}section#about .about_area .about_box .title_area{
	width:100%;
	display:flex;
	justify-content: space-between;
}section#about .about_area .about_box .title_area h2{
	width:60%;
	height:75px;
    display: flex;
    flex-direction: column;
}section#about .about_area .about_box .title_area h2 img{		height:1.8em;	margin-top:auto;	}
section#about .about_area .about_box .title_area h2 img.imakin{	height:calc(1.8em + 6px);	}
section#about .about_area .about_box .title_area .url{
	width:30%;

}
section#about .about_area .about_box .title_area .url.setana{	border-top:1px solid var(--c-setana);	border-bottom:1px solid var(--c-setana);	}
section#about .about_area .about_box .title_area .url.imakin{	border-top:1px solid var(--c-imakin);	border-bottom:1px solid var(--c-imakin);	}
section#about .about_area .about_box .title_area .url.setana a{	color:var(--c-setana);	}
section#about .about_area .about_box .title_area .url.imakin a{	color:var(--c-imakin);	}
section#about .about_area .about_box .title_area .url a{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	text-decoration:none;
}


section#about .about_area .about_box .text_area{
	width:100%;
	margin:30px 0;
}
section#about .about_area .about_box .img_area{
	width:100%;
    display: flex;
	justify-content: space-between;
	margin-top:auto;
}section#about .about_area .about_box .img_area img{
	width:48%;
}


/*つくる人*/
section#about .about_human{
	width:100%;
    margin-top: 50px;
}section#about .about_human .human_list{
	display:flex;
}section#about .about_human .human_list .human_box{
	width:16.67%;
	background-image:url('../img/back_nuno.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}section#about .about_human .human_list .human_box.human_title{
	width:calc(100% - 16.67% * 5);
	border-right:1px solid var(--c-setana);
	position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 120px;

}section#about .about_human .human_list .human_box.human_title .human_title_image{
	width:160px;
}section#about .about_human .human_list .human_box.human_title .human_title_image img{
	
}section#about .about_human .human_list .human_box.human_title .lineup{
    position: absolute;
    bottom: 0;
    width: 100%;
    font-weight: bold;
    display: flex;
    justify-content: center;
    padding-left: 0;
}



section#about .about_human .human_list .human_box.setana{	background:linear-gradient(var(--c-setanaccc),var(--c-setanaccc)),url('../img/back_nuno.jpg');	border-right:1px solid var(--c-setana);	}
section#about .about_human .human_list .human_box.imakin{	background:linear-gradient(var(--c-imakinccc),var(--c-setanaccc)),url('../img/back_nuno.jpg');;	border-right:1px solid var(--c-imakin);	}
section#about .about_human .human_list .human_box.imakin:last-child{	border-right:none;	}

section#about .about_human .human_list .human_box .img_area{
	width:100%;
	height:200px;
}section#about .about_human .human_list .human_box .img_area img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
section#about .about_human .human_list .human_box .text_area{
	position:relative;
}section#about .about_human .human_list .human_box .text_area .human_brand{
	border-radius:50px;
	font-size:0.9em;
	font-weight:500;
	background:var(--c-setana);
	color:#ffffff;
	text-align:center;
    width: fit-content;
	padding:2px 10px 1px;
	position:absolute;
	top:0;	left:50%;
    transform: translateX(-50%) translateY(-50%);
    white-space: nowrap;
}section#about .about_human .human_list .human_box.setana .text_area .human_brand{	background:var(--c-setana);	}
section#about .about_human .human_list .human_box.imakin .text_area .human_brand{	background:var(--c-imakin);	}

section#about .about_human .human_list .human_box .text_area .human_name{
	padding:25px 0 20px;
	text-align:center;
	font-weight:bold;
}section#about .about_human .human_list .human_box .text_area .human_name span{
	font-size:0.8em;
	font-weight:normal;
}section#about .about_human .human_list .human_box .lineup{
	width:100%;
	height:80px;
	background:#ffffff;
	color:var(--c-red);
	font-size:0.9em;
	padding-left:20px;
	margin-bottom:40px;
    display: flex;
    align-items: center;
	position:relative;
}section#about .about_human .human_list .human_box .lineup.n{
	padding-left:10px;
}
section#about .about_human .human_list .human_box .text_area .lineup p{
	font-weight:bold;
	z-index: 2;
}section#about .about_human .human_list .human_box .text_area .lineup p.n{
	letter-spacing: -0.17em;
	
}section#about .about_human .human_list .human_box .text_area .lineup img{
	max-height:100px;	max-width:90px;
	position:absolute;
	top:50%;	 right: 1px;
    transform: translateY(-50%);
}

@media (max-width: 1530px){
	section#about .about_human .human_list{
		flex-wrap:wrap;
	}section#about .about_human .human_list .human_box{
		width:calc(100% / 5);
	}section#about .about_human .human_list .human_box.human_title{
		display:none;
	}
}


@media (max-width: 1300px){
	section#about .about_human .human_list{
		flex-wrap:wrap;
	}section#about .about_human .human_list .human_box{
		width:calc(100% / 3);
	}section#about .about_human .human_list .human_box:nth-child(3){
		border-right:none;
	}section#about .about_human .human_list .human_box.human_title{
		display:flex;
		width:calc(100% / 3);
	}
}




/*---	arrange_menu	---------------------------*/

section#arrange_menu{
	padding:90px 0 60px;
	background:
		repeating-linear-gradient(90deg, var(--c-imakinc) 0px,  var(--c-imakinc) 1px, transparent 1px, transparent 20px),
		repeating-linear-gradient(180deg, var(--c-imakinc) 0px,  var(--c-imakinc) 1px, transparent 1px, transparent 20px);

}

section#arrange_menu .arrange_title{
	border:2px solid var(--c-setana);
	background:#ffffff;
	margin-bottom:40px;
	display:flex;
}
section#arrange_menu .arrange_title .leftbox{
	width:50%;
	position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
}section#arrange_menu .arrange_title .leftbox .balloon{
	position:absolute;
	width:75%;
	top:0;	left:50%;
    transform: translateX(-50%) translateY(-50%);
	
}section#arrange_menu .arrange_title .leftbox span.m{
	font-size:2.2em;
}section#arrange_menu .arrange_title .leftbox span.s{
	color:var(--c-setana);
	display:inline-block;
	position:absolute;
	bottom:-100px;	left:50%;
    transform: translateX(-50%) translateY(-80%);
	height:3em;
}section#arrange_menu .arrange_title .leftbox span.s img{
	height:100%;
}
section#arrange_menu .arrange_title .img_area{
	width: 40%;
	background: #ffffff;
	border: 1px solid var(--c-setana);
	padding: 15px;
	transform-origin: bottom left;
	transform: scale(1.3) rotate(3deg) translateY(-5px);
}


section#arrange_menu .arrange_list{
	
}
section#arrange_menu .arrange_list .arrange_box{
	border:2px solid var(--c-setana);
	background:#ffffff;
	margin-top:60px;
	display:flex;
	position:relative;
	padding-right:25px;
}section#arrange_menu .arrange_list .arrange_box:last-child{
	margin-bottom:0;
}
section#arrange_menu .arrange_list .arrange_box .title_box{
	width:30%;
	position:relative;
}section#arrange_menu .arrange_list .arrange_box .title_box img{
	width:100%;
	width: 100%;
    height: 190px;
    object-fit: cover;
}section#arrange_menu .arrange_list .arrange_box .title_box h3.recipe_title{
	width:100%;
	text-align:center;
	padding-top:20px;
	padding-bottom:25px;
}section#arrange_menu .arrange_list .arrange_box .title_box h3.recipe_title span{
	position:absolute;
	left:-10px;
	top:-30px;
	font-size:18px;
	/*background:var(--c-imakin);*/
	color:#ffffff;
    transform: rotate(-4deg);
	line-height:1.2;
}section#arrange_menu .arrange_list .arrange_box .title_box h3.recipe_title span:before{
	content:"";
    width: 200px;    height: 66px;
	background-image:url('../img/fusen.svg');
    background-repeat: no-repeat;
	position:absolute;
	top:50%;	left:50%;
	transform: translateX(-50%) translateY(-50%);
	z-index:-1;
	filter: drop-shadow(3px 1px 3px rgba(0, 0, 0, 0.5));
}
section#arrange_menu .arrange_list .arrange_box h4.side{
	font-size:1.15em;
	color:var(--c-setana);
	border-bottom:2px solid var(--c-setana);
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:10px;
}
section#arrange_menu .arrange_list .arrange_box .foods_box{
	width:35%;
	padding:25px;
}section#arrange_menu .arrange_list .arrange_box .foods_box .cate_title{
	font-weight:bold;
	margin-top:8px;
}section#arrange_menu .arrange_list .arrange_box .foods_box .cate_title:before{
	content:"●";
	color:var(--c-setana);
}section#arrange_menu .arrange_list .arrange_box .foods_box .foods_list{
	
}section#arrange_menu .arrange_list .arrange_box .foods_box .foods_list li{
	position:relative;
}section#arrange_menu .arrange_list .arrange_box .foods_box .foods_list li span{
	padding-right:10px;
	background:#ffffff;
	display:inline-block;
	position:relative;
    z-index: 1;
}section#arrange_menu .arrange_list .arrange_box .foods_box .foods_list li span.v{
	min-width:4.5em;
	padding-right:0;
	padding-left:10px;
    position: absolute;
    bottom: 0;
    right: 0;
}section#arrange_menu .arrange_list .arrange_box .foods_box .foods_list li:before{
	content:"";
	position:absolute;
	display:block;
	width:100%;	height:1px;
	border-bottom:2px dotted #b5b5b6;
	bottom:0.76em;
	right:0;
    z-index: 0;
}section#arrange_menu .arrange_list .arrange_box .foods_box .foods_list li.nv:before{
	display:none;
}
section#arrange_menu .arrange_list .arrange_box .foods_box .foods_list li mark{
	background:linear-gradient(transparent 60%, var(--c-imakincc) 60%);
}
section#arrange_menu .arrange_list .arrange_box .recipe_box{
	width:35%;
	padding:25px 0;
	padding-right:25px;
}
section#arrange_menu .arrange_list .arrange_box .recipe_box .recipe_list{
}
section#arrange_menu .arrange_list .arrange_box .recipe_box .recipe_list li{
	position: relative;
	padding-left:1.2em;
}
section#arrange_menu .arrange_list .arrange_box .recipe_box .recipe_list li:before{
	content:"●";
	position:absolute;
	top:-3px;	left:0;
	color:var(--c-setana);
	font-size:1.2em;
}
section#arrange_menu .arrange_list .arrange_box .recipe_box .recipe_list li:after{
	content:counter(list-item);
	position:absolute;
	top:1px;	left:6px;
	color:#ffffff;
	font-size:0.9em;
}
section#arrange_menu .arrange_list .arrange_box .recipe_mb70{
	margin-bottom:70px;
}
section#arrange_menu .arrange_list .arrange_box .recipe_box .note{
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 10px;
}


@media (min-width: 641px) {
/*PCのみ*/
section#arrange_menu .arrange_list .arrange_box.type2{
	flex-wrap:wrap;
	justify-content: flex-end;
}section#arrange_menu .arrange_list .arrange_box.type2 .foods_box{
	width:70%;
	padding-right:0;
}section#arrange_menu .arrange_list .arrange_box.type2 .foods_box .foods_cate{
	display:flex;
    justify-content: space-between;
}section#arrange_menu .arrange_list .arrange_box.type2 .foods_box .foods_cate .set{
	width:47%;
}section#arrange_menu .arrange_list .arrange_box.type2 .foods_box .cate_title.type2mt0{
	margin-top:0;
}
section#arrange_menu .arrange_list .arrange_box.type2 .recipe_box{
	width:70%;
	padding-right:0;
	padding-top:0;
	padding-left:25px;
}

}


/*---	store	---------------------------*/



section#store{
	margin-bottom:60px;
}

section#store .inner{
	display:flex;
	flex-wrap:wrap;
    justify-content: space-between;
	padding-top:50px;
}
section#store .title_area{
	width:20%;
	position:relative;
	display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}
section#store h2.store_title{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
	position:relative;
	color:#ffffff;
	padding-top: 1em;
    padding-left: 0.5em;
}section#store h2.store_title span{
	display:inline-block;
	border-left:1px solid #ffffff;
    line-height: 1.5;
	position:relative;
	z-index:1;
}section#store h2.store_title span.s{
	font-size:0.7em;
}section#store .title_area:before{
	content:"";
	position:absolute;
	background-image:url('../img/store_back.svg');
    background-repeat: no-repeat;
    background-position: center;
	width:90%;	height:90%;
    z-index: 0;
}

section#store .address_list{
	width:73%;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}section#store .address_list li{
	width:49%;
	padding-left:1.1em;
    position: relative;
	margin-bottom:15px;
}section#store .address_list li:last-child,
section#store .address_list li:nth-last-child(2){
	margin-bottom:0;
}section#store .address_list li:before{
	content:"●";
	color:var(--c-imakin);
	position:absolute;
	top:0.1em;	left:-0.1em;
}section#store .address_list li h3.store_name{
	font-size:1.1em;
}section#store .address_list li p{
/*	margin-left: -0.5em;*/
}
section#store .address_list li.setana:before{	color:var(--c-setana);	}
section#store .address_list li.imakin:before{	color:var(--c-imakin);	}

section#store .address_list li:after{
	content:"";
	position:absolute;
	height:calc(100% - 0.8em);
	width:2px;
	background:var(--c-imakin);
	bottom:0;	left: 0.35em;
}
section#store .address_list li.setana:after{	background:var(--c-setana);	}
section#store .address_list li.imakin:after{	background:var(--c-imakin);	}


section#store .gift{
    width: 50%;
	margin:20px auto 0;
	position:relative;
}
section#store .gift .balloon,
section#store .title_area .balloon{
/*	background:url('../img/balloon.svg');
    background-repeat: no-repeat;
    display: inline-block;
    padding: 17px 21px 30px;
	color:#ffffff;
	text-align:center;
    font-size: 0.9em;
    line-height: 1.2;
	position:absolute;
	left:-5px;	top:-8px;
	z-index:1;
*/
    background: url(../img/balloon.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    padding: 30px 17px 37px;
    color: #ffffff;
    text-align: center;
    font-size: 1em;
    line-height: 1.2;
    position: absolute;
    left: -5px;
    top: -38px;
    z-index: 1;
}
section#store .gift .package{
	width:95%;
	margin-left:5%;
	margin-top:50px;
	position:relative;
	z-index:2;
}







@media (max-width: 640px){

	/*firstview*/
	section#first_view{
		min-height:unset;
	}
	section#first_view .first_main {
	    height: 100vh;
	}

	header h1{
		width:55px;
	}header .header_back{
		height:100px;
	    object-fit: cover;
	}header .header_map{
	    width: 250px;
	}


	/*copy*/
	section#copy p{
		font-size:2em;
	}


	/*item*/
	section#itemlist {
	    overflow: hidden;
	}
	section#itemlist .itemlist_title_area .back_noren{
		height:100px;
	    object-fit: cover;
	}
	section#itemlist .itemlist_title_area h2.itemlist_title{
		top:25px;
		font-size:1.3em;
	}section#itemlist .itemlist_title_area h2.itemlist_title .ohako{
		width:90px;
	}section#itemlist .itemlist_title_area .title_back_main{
		padding-top:50px;
	}
	section#itemlist .item_list{
		flex-wrap:wrap;
	}section#itemlist .item_list .item_box{
		width:100%;
		margin-bottom:20px;
	}

	section#itemlist .item_box .text_area .maintext{
		padding-bottom:20px;
	}

	section#itemlist .item_box h3.item_name{
		font-size:1.8em;
	}
	section#itemlist .item_box h3.item_name span.en{
		right:0;
	}
	section#itemlist .item_box .text_area .ingredients .box{
		padding:5px;
	}
	section#itemlist .item_box .text_area .ingredients .box .food_icon.ine {
	    width: 80px;    bottom: -20px;    right: 20%;
	}section#itemlist .item_box .text_area .ingredients .box .food_icon.niku {
	    width: 70px;    bottom: -27px;    right: -25px;
	}section#itemlist .item_box .text_area .ingredients .box .food_icon.tomato {
	    width: 70px;    bottom: -47px;    right: 70px;
	}

	section#itemlist .item_list .item_box .img_area .notset{
		display:none;
	}

	/*about*/
	section#about .about_area>.inner{
		flex-wrap:wrap;
		width:100%;
	}section#about .about_area .about_box{
		width: calc(100% - 30px);
		margin:20px auto 30px;
	}

	section#about .about_area .about_box .title_area .url{
		width:35%;
	}

	/*つくる人*/

	section#about .about_human .human_list{
		flex-wrap:wrap;
	}section#about .about_human .human_list .human_box{
		width:calc(100% / 2);
	}section#about .about_human .human_list .human_box:nth-child(2),
	section#about .about_human .human_list .human_box:nth-child(4){
		border-right:none;
	}section#about .about_human .human_list .human_box:nth-child(3){
		border-right:1px solid var(--c-setana);
	
	}section#about .about_human .human_list .human_box.human_title{
		display:flex;
		width:calc(100% / 2);
	}
	section#about .about_human .human_list .human_box .lineup{
	    padding-left: 10px;
	}
	section#about .about_human .human_list .human_box .text_area .lineup img{
		max-height: 60px;
	}section#about .about_human .human_list .human_box .text_area .lineup img.n{
		max-height: 50px;
		top:0;
	}


	section#about .about_human .human_list .human_box.human_title .human_title_image img {
	    width: 75%;
	    margin: 0 auto;
	}
	/*arrange*/
	section#arrange_menu{
    	overflow-x: clip;
	}
	section#arrange_menu .arrange_title{
		display:block;
		position:relative;
	}section#arrange_menu .arrange_title .leftbox{
		width: 80%;
        margin: 0 auto;
	}section#arrange_menu .arrange_title .leftbox span.m{
		font-size:1.7em;
        margin-top: 10px;
		margin-bottom:40px;
	}section#arrange_menu .arrange_title .leftbox span.s{
		height:1em;
		bottom:0;
	}section#arrange_menu .arrange_title .leftbox .balloon{
		left:20%;
		width: 65%;
        z-index: 3;
	}section#arrange_menu .arrange_title .img_area{
	    padding: 5px;
		position: absolute;
		right:25px;	top:-70px;
        z-index: 1;
	}

	section#arrange_menu .arrange_list .arrange_box{
		display:block;
        padding: 0;
	}
	section#arrange_menu .arrange_list .arrange_box .title_box{
		width:100%;
		display:flex;
	}section#arrange_menu .arrange_list .arrange_box .title_box img{
		order:2;
		width:65%;
	}section#arrange_menu .arrange_list .arrange_box .title_box h3.recipe_title{
		order:1;
		width:35%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
        font-size: 1.5em;
	}section#arrange_menu .arrange_list .arrange_box .title_box h3.recipe_title span{
		transform: translate(-50%, -50%) rotate(-4deg);
		left: 110px;
        top: 0px;
	}section#arrange_menu .arrange_list .arrange_box .title_box h3.recipe_title span:before{
	}

	section#arrange_menu .arrange_list .arrange_box .recipe_box .recipe_list li:after{
		left:5px;
	}

	section#arrange_menu .arrange_list .arrange_box .recipe_box .note{
        width: 90%;
	}section#arrange_menu .arrange_list .arrange_box .recipe_mb70{
		margin-bottom:90px;
	}


	section#arrange_menu .arrange_list .arrange_box .foods_box{
		width:100%;
		display:flex;
	}
	section#arrange_menu .arrange_list .arrange_box .recipe_box{
		display:flex;
		width:100%;
		padding:25px;
		padding-top:0;
	}
	section#arrange_menu .arrange_list .arrange_box h4.side{
	    -ms-writing-mode: tb-rl;
	    writing-mode: vertical-rl;
	    text-orientation: upright;
		border-bottom:none;
		border-right:2px solid var(--c-setana);
        padding-right: 4px;
	}
	section#arrange_menu .arrange_list .arrange_box .foods_cate{
		width:100%;
        padding-left: 20px;
	}section#arrange_menu .arrange_list .arrange_box .recipe_box .recipe_list{
		width:100%;
		padding-left:20px;
	}


	/*store*/
	section#store .inner{
		flex-wrap:wrap;
        justify-content: space-between;
		display:block;
	}
	section#store h2.store_title{
		font-size:2em;
	}
	section#store .title_area{
		width:100%;
        height: 200px;
	}section#store .title_area:before{
		width:100%;
	}
	section#store .address_list{
		width:100%;
	}section#store .address_list li{
		width:100%;
	    margin-bottom: 15px;
	}section#store .address_list li:nth-last-child(2){
		margin-bottom: 15px;
	}
	section#store .gift{
		width:100%;
	}

}