@charset "UTF-8";


.sp-hide{ display: block;}
.sp-hide-inline{ display: inline;}
.sp-show{ display:none;}
.sp-show-inline{ display:none;}


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

@media screen and (min-width: 751px) {
#menu { display: block !important; }
#sp-menuBar ,#sp-menuClose { display: none !important; }
}


@media screen and (max-width: 750px) {

body { font-size:15px; line-height: 1.8; }

.sp-hide-inline,
.sp-hide{ display: none;}
.sp-show{ display:block;}
.sp-show-inline{ display:inline;}

.sp-br-none br{display: none;}
#gnav.sp-show{ height:auto;}

img{ max-width:100%; height:auto;}


.col-l{ float: none; width: 100%;}
.col-r{ float: none; width: 100%;}


/* main-layout
==========================================================*/

#Container{ padding: 50px 5% 0; }

#pageNavigation { margin:0 -5%; padding: 0 5%; height: 40px; line-height: 40px; font-size: 12px; }
#pageNavigation ul { max-width: 100%;}
#pageNavigation li { margin-right:5px;}


.wrap{ margin:0 auto; max-width:100%; width: 100%; }


/* header
==========================================================*/

#header_outer { height: 50px; max-width: 100%; width: 100%; background:#fff; position: fixed; z-index: 9000; color: #fff;}
#header { margin: 0; }
#logo{ float:left; line-height: 50px; width: 200px; margin-left: 15px;}

/* menu */
#menu{ clear:both; float:none; width:100%; background:#064B35; display: none; }
#menu ul { float:none; padding:30px 10px; font-size: 18px; height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
#menu li { float:none; margin-right:0; width: 100%; height: 60px; line-height: 60px; text-align: center; border-bottom: solid 1px #BFD2CC; letter-spacing: 3px; }
#menu li:last-child { margin-right:0; border:none; font-size: 10px; letter-spacing: normal; }
#menu li.menu_about,
#menu li.menu_brand,
#menu li.menu_nouka,
#menu li.menu_contact { width: 100%;}
#menu li a { color: #fff; display: block; width: 100%; height: 100%; text-decoration: none; }

#menu .menu_vegetablestation { margin: 10px auto 0; max-width: 200px; text-align: center; }
#menu .menu_vegetablestation img { vertical-align: bottom; }
#menu .menu_mikuriya { margin: 0 auto; max-width: 220px; text-align: center; }
#menu .menu_mikuriya img { vertical-align: bottom; }

.navInner{ display: block; position:fixed; right:15px; top:15px; z-index:9999; }
.menu-trigger{ width:18px; height: 18px; line-height: inherit; cursor: pointer; position:relative; }
.menu-trigger.active{ margin-left:0px; }
.menu-trigger,
.menu-trigger span{display:inline-block; transition:all .4s; box-sizing:border-box; }
.menu-trigger span{position:absolute; left:0; width:100%; height:2px; background-color:#064B35;}
.menu-trigger span:nth-of-type(1){top:0}
.menu-trigger span:nth-of-type(2){top:8px}
.menu-trigger span:nth-of-type(3){bottom:0}
.menu-trigger:not(.active):hover span:nth-of-type(1){top:2px}
.menu-trigger:not(.active):hover span:nth-of-type(3){bottom:2px}
.menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}
.menu-trigger.active span:nth-of-type(2){opacity:0}
.menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-7px) rotate(45deg);transform:translateY(-7px) rotate(45deg)}



/* footer
==========================================================*/
#footer_outer { max-width: 100%; margin: 0 auto; padding:30px 0 30px; }
#footer_inner { margin: 0 3% }


#footer_brand { margin: 0 0 25px; }
#footer_brand ul {}
#footer_brand li { float:left; margin-right: 2%; text-align: center; padding:0 0 25px; }
#footer_brand li:last-child { margin-right: 0; }
#footer_brand li.vegesta21 { width:49%; }
#footer_brand li.vegesta21 img { width:91%; }
#footer_brand li.yasainoeki { width:49%; }
#footer_brand li.yasainoeki img { width:73%; }
#footer_brand li.vege-station-osaka { width:49%; }
#footer_brand li.vege-station-osaka img { width:73%; }
#footer_brand li.vegeste { width:49%; }
#footer_brand li.vegeste img { width:65%; }
#footer_brand li.brand678 { width:49%; }
#footer_brand li.brand678 img { width:59%; }
#footer_brand li.vegefru-market { width:49%; }
#footer_brand li.vegefru-market img { width:98%; }
#footer_brand li.vegetable-kitchen { width:49%; }
#footer_brand li.vegetable-kitchen img { width:59%; }
#footer_brand li.vege-station-suminoe { width:49%; }
#footer_brand li.vege-station-suminoe img { width:73%; }
#footer_brand li:nth-child(2n) { margin-right: 0; }
#footer_brand li img { height: auto; vertical-align: middle;}


#footer {}
#footer { margin: 0 2%; border-top:solid 1px #064B35; padding-top:10px; }
.footer_elem { }

.footer_menu { float:none; margin-right:0;}
.footer_menu ul {}
.footer_menu li { text-align: center; border-bottom: solid 1px #064B35; height: 50px; line-height: 50px; }

.footer_menu a { color: #064B35; text-decoration: none;}
.footer_menu a:hover {color:#BFD1C8;}

.footer_copy { float:none; text-align: center;}
.footer_copy .footer_logo { margin: 40px auto 35px; max-width: 200px; }
.footer_copy .footer_mikuriya { margin: 0 0 35px; }
.footer_copy .footer_copy { font-size: 10px; }

.footer_totop { display: none; }







/* pages
==========================================================*/

/* ----- index ----- */

#index_main { padding-top: 50px; }
.index_main_inner { padding: 55px 0; }
.index_main_inner img { width: 30%; height: auto; }

.index_main_news { height: auto;  margin: 0 5%; line-height: normal; padding: 20px 0 0;}
.index_main_news_title { float:left; height: auto; line-height:normal; margin-right:50px; margin: 0 0 10px; position: relative; max-width: 90px; }
.index_main_news_title::after { display: none; }

.index_main_news_body { clear: both; float:left; width:100%; border-top: solid 2px #E9EFED; font-size: 13px; }
.index_main_news_body li { height: 50px; line-height:50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_main_news_link { height:auto; line-height:normal; margin: 0 0 10px;}


#index_about { padding:20px 0 60px; }
#index_about .col-l {width:100%; height: 280px; margin: 0 0 50px;}
#index_about .col-r {width:100%;}

#index_about .index_about_title { margin: 0 auto 10px; max-width:234px; }
#index_about .index_about_body { margin: 0 0 25px; }
#index_about .index_about_link { text-align: center; }

/*--*/

#index_news { padding: 0 0 60px; }
.index_news_title { text-align: center; margin: 0; }
.index_news_list_outer { }
ul.index_news_list { margin: 0 0 30px; padding: 35px 0 0; }
ul.index_news_list li { float:left; margin:0 10px 10px 0; width:48%; width: -moz-calc((100% - 10px) / 2); width: -webkit-calc((100% - 10px) / 2); width: calc((100% - 10px) / 2); background: #fff;}
ul.index_news_list li:first-child {display: none;}
ul.index_news_list li:nth-child(2n-1) { margin:0 0 10px 0;}
ul.index_news_list li:nth-child(3) { margin:0 0 10px 0;}
ul.index_news_list li:nth-child(4) { margin:0 10px 10px 0;}
ul.index_news_list li:nth-child(5) { margin:0 0 10px 0;}
ul.index_news_list li:nth-child(6) { margin:0 10px 10px 0; clear:none;}
ul.index_news_list li:nth-child(9) { margin:0 0 10px 0;}

.index_news_list_elem { padding: 10px; }
.index_news_list_title { font-size: 11px; line-height: 1.5; margin: 0 5px 10px; height: 3em; overflow: hidden; font-weight: bold;}
.index_news_list_body { font-size: 10px; line-height: 1.5; margin: 0 5px 20px; height: 4.5em; overflow: hidden;}
.index_news_list_logo { margin: 0 5px; height:auto; line-height:normal; text-align: center;}
.index_news_list_logo img { max-width: 100%; height: auto; vertical-align:middle; }

.index_news_link { text-align: center; max-width: 215px; margin: 0 auto; position: relative; }

#index_news_list_slideimg_sp { display:block; width: 100%; height: 80vh; padding: 0 0 30px; position: relative;}
.index_news_list_slideelem_sp1 { background:url(../images/index/news_img1.jpg) center center no-repeat; background-size: cover; }
.index_news_list_slideelem_sp2 { background:url(../images/index/news_img2.jpg) center center no-repeat; background-size: cover;}
.index_news_list_slideelem_sp3 { background:url(../images/index/news_img3.jpg) center center no-repeat; background-size: cover;}
/*#index_news_list_slideimg_sp_inner { width: 100%; height: 100%; background-position:center; background-size: cover; background-repeat:no-repeat; }
*/


/* ----- news ----- */

#news_list { padding: 25px 0 60px; }

#news_brand_select {}
p.news_brand_select_title { display: none; }
ul.news_brand_select_list { margin: 0 0 30px; }
ul.news_brand_select_list li { float:left; background:#fff; width:18%; width: -moz-calc((100% - 20px) / 5); width: -webkit-calc((100% - 20px) / 5); width: calc((100% - 20px) / 5); height: 40px; line-height: 40px; margin-right:5px; margin-bottom: 15px; padding:5px 0px; }
ul.news_brand_select_list li:nth-child(5n) {margin-right: 0;}
ul.news_brand_select_list li:not(.nolink):hover::after , ul.news_brand_select_list li.selected::after { bottom: -90%; left:45%; left: -moz-calc(50% - 20px); left: -webkit-calc(50% - 20px); left: calc(50% - 20px); border: 20px solid transparent; border-top: 25px solid #004c35; }
ul.news_brand_select_list li img { max-height: 25px;}

ul.news_list { margin: 0 0 70px; }
ul.news_list.news_list_entrypage { margin: 0; }
ul.news_list li { float:left; margin:0 10px 10px 0; width:48%; width: -moz-calc((100% - 10px) / 2); width: -webkit-calc((100% - 10px) / 2); width: calc((100% - 10px) / 2); }
ul.news_list li:nth-child(2n) { margin:0 0 10px 0;}

.news_list_elem { padding: 5px; }
.news_list_img img { width: 100%; height: auto; }
.news_list_title { font-size: 13px; line-height: 1.5; margin: 0 10px 10px; height: 3em; overflow: hidden; font-weight: bold; }
.news_list_body { font-size: 13px; line-height: 1.5; margin: 0 10px 15px; height: 4.5em; overflow: hidden;}
.news_list_logo { margin: 0 15px; height: 50px; line-height: 50px; text-align: center;}
.news_list_logo img { max-width: 100%; height: auto; vertical-align:middle; }

.news_other_title { text-align: center; margin: 0 0 20px; }
.news_other_title img { max-width: 250px; }
.news_other_down  { text-align: center; }

/*--*/

#news_entry {padding:25px 0 60px;}
.news_entry_outer { max-width: 100%; margin: 0 0 70px; }
.news_entry_main { float:none; max-width:100%; width:100%; margin: 0 0 15px; }
.news_entry_main_inner { padding: 15px; }
.news_entry_main_postday_sp { display: block; font-size: 12px; text-align: right;}
.news_entry_main_title { font-size: 18px; line-height: 1.6; margin: 0 0 15px; }

.news_entry_side { width: 100%; float:none;}
.news_entry_side_elem { margin: 0 10px 0 0; float:left; }
.news_entry_side_category { padding:0 20px; width:39%; width: -moz-calc((100% - 10px) * .4); width: -webkit-calc((100% - 10px) * .4); width: calc((100% - 10px) * .4); height: 125px; line-height: 125px; text-align: center;}
.news_entry_side_category img { vertical-align:middle; max-width: 120px; }
.news_entry_side_day {display: none;}
.news_entry_side_share {  width:59%; width: -moz-calc((100% - 10px) * .6); width: -webkit-calc((100% - 10px) * .6); width: calc((100% - 10px) * .6); height: 125px; padding:18px 0; font-size: 12px; font-weight: bold; margin: 0;}
.news_entry_side_share .news_share_icon { margin: 15px 0 0;}

.news_entry_side_elem_inner {}



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

#about_outer { padding: 25px 0 25px; }

#about_main { height: 19.5vh; position:relative; top:50px;  }

#about_main_text { margin: 15px 15px 60px; }
.about_title { margin: 0 0px 25px;}

#about_main_text .col-l { width:auto;}
#about_main_text .col-r { width:auto;}

.about_elem { margin: 0 0 42.4vw; }
.about_elem.about_elem_concept {margin: 0 0 32vw;}
.about_elem_vision  {}
.about_elem_anzen   {}
.about_elem_title { float: none; margin:0 0 13px; }
.about_elem_img { float:none;width:auto ; }
.about_elem_txt { position: absolute; margin: auto 0; width: 80.5%; top: 94%; right:2.7%; transform: translateY(0%); -webkit- transform: translateY(0%); }




/* ----- conept ----- */

#concept_main { height: 19.5vh; position:relative; top:50px;  }

#concept { margin: 0 0 50px; }
.concept_outer { margin: 0 0 25px; }
.concept_img01 { float:none; width:auto; background:none;  }
.concept_img02 { margin:20px -15px 25px; }
.concept_text { float:none; width:auto; padding:0 15px;  }
.concept_text_body { float:none; width:auto; }
.concept_text_title { float:none; width:auto;  }


#vision { margin: 0 0 50px; }
.vision_outer { margin: 0 0 25px; }
#vision_text { float:none; width:auto; padding:0 15px;  }
.vision_text_title { margin-bottom: 0px; }
.vision_text_body {}
#vision_img01 {  float:none; width:auto; background:none; }
#vision_img02{}
.vision_img01{ margin:20px -15px 25px;  }


#anzen { margin: 0 0 0px; }
.anzen_outer { margin: 0 0 25px; }
#anzen_text { float:none; width:auto; padding:0 15px; }
.anzen_text_title { margin-bottom: 0px; }
.anzen_text_body {}
#anzen_img01 { float:none; width:auto; background:none; }
.anzen_img01{ margin:20px -15px 25px;  }





/*----------- BRAND ------------*/

#brand_main { height: 19.5vh; position:relative; top:50px;  }
#brand_outer {margin: 0 0 25px; padding: 35px 0 40px;}

#brand_main_text { margin: 0 0 30px; text-align: left; }
.brand_title { margin: 0 15px 15px; }
.brand_body { margin: 0 0; }
.brand_list li { float:left;width:48%; width: -moz-calc((100% - 10px) / 2); width: -webkit-calc((100% - 10px) / 2); width: calc((100% - 10px) / 2); margin:0 10px 10px 0; padding:0 0 15px; }
.brand_list li:nth-child(2n){ margin: 0 0 10px 0 ;}

.brand_list li .brand_list_logo { padding:0 5px; margin: 10px 0 10px; }
.brand_list li .brand_list_logo img { padding:0 0; margin-bottom: 20px; vertical-align: bottom; }

.brand_list li.vegesta21 .brand_list_logo img { width: 98%; }
.brand_list li.yasainoeki .brand_list_logo img { width: 65.3%; }
.brand_list li.vege-station-osaka .brand_list_logo img { width: 73%; }
.brand_list li.vegeste .brand_list_logo img { width: 52.3%; }
.brand_list li.brand678 .brand_list_logo img { width: 32.7%; }
.brand_list li.vegefru-market .brand_list_logo img { width: 84.6%; }
.brand_list li.vegetable-kitchen .brand_list_logo img { width: 49.1%; }
.brand_list li.vege-station-suminoe .brand_list_logo img { width: 74.7%; }

.brand_list li .brand_list_img_text { font-size: 11px; line-height: 1.6; padding:0 10px; }





#brand_page_outer { padding: 25px 0 25px; font-size:14px; }

.brand_mainimg { height: 19.5vh; position:relative; top:50px;  }

.brand_page-col01 { margin-bottom:30px; overflow:hidden; }
	.brand_page-col01  .col-l{width:auto; padding:0 15px; margin-bottom:50px; }
			.brand_page_spec01 dt{ min-height:25vw; line-height:25vw; padding:0px 0 20px; text-align:center; }
			.brand_page_spec01 dt img{ vertical-align:middle;}
					.brand_page_spec01 dt.vegitable_station_21 img { max-width:66.7vw;}
					.brand_page_spec01 dt.yasainoeki img { max-width:33.33vw;}
					.brand_page_spec01 dt.vegefru_station_jr-osaka img { max-width:40vw; position: static; top: auto;}
					.brand_page_spec01 dt.vegeste img { max-width:33.33vw;}
					.brand_page_spec01 dt.set678 img { max-width:26.7vw; position: static; top: auto;}
					.brand_page_spec01 dt.vegefru_market img { max-width:48vw;}
					.brand_page_spec01 dt.vegetable_kitchen img { max-width:32vw; position: static; top: auto; margin-top:0px;}
					.brand_page_spec01 dt.vegefru_station_suminoe img { max-width:40vw; position: static; top: auto;}

	.brand_page-col01  .col-r{width:auto;}


.brand_page-col02 {}
	.brand_page-col02  .col-l{ width:auto;}
			.brand_page_spec02 { margin-bottom:30px;}
			.brand_page_spec02 th{ width:100px; padding:15px 0 12px; vertical-align:middle;  }
			.brand_page_spec02 td{ padding:15px 0 12px; vertical-align:middle;  line-height:1.64; }


	.brand_page-col02  .col-r{ width:auto; }
	.brand_page-col02  .col-r iframe{ height:40vh;}

	table.brand_page_spec02.brand_sns {margin-bottom:0px;}
	.brand_snsInner { margin-bottom:30px; padding:15px 0;}
	.brand_snsInner span{ display:none;}

	.brand_news_title { margin: 0 0 30px; }




/* ----- contact ----- */

#contact_outer { padding-top: 25px; }

.contact_lead_title { text-align: center; margin: 0 0 20px; }
p.contact_lead_text { text-align: center; margin: 0 20px 30px;}

.contfrm { margin: 20px 0 0; }
table.inqtable { width: 100%; max-width: 100%; margin: 0 auto 30px;}
table.inqtable th { padding: 15px; border: solid 1px #E7E3DA; color: #646464; background:#F5F5EB; text-align: center; vertical-align: middle; display: block; width: 100%; }
table.inqtable td { padding: 15px; border: solid 1px #E7E3DA; display: block; width: 100%;}
table.inqtable td .addressElem { margin: 0 0 15px; }
table.inqtable td.contact_selectbrand { padding-left: 15px; }
table.inqtable td input[type="text"] , table.inqtable td textarea { border: solid 1px #ccc; padding: 5px 7px; }

table.inqtable td input.width23per[type="text"] { width: 100%; }
table.inqtable td input.width28per[type="text"] { width: 100%; }
table.inqtable td input.width35per[type="text"] { width: 100%; }
table.inqtable td input.width70per[type="text"] { width: 100%; }
table.inqtable td input#telnum1,table.inqtable td input#telnum2,table.inqtable td input#telnum3 { width: 30%; margin:0 2px; }
table.inqtable td textarea { width:100%; height: 290px; }


.error_box {width:100%;}

.submitbtm { margin: 0 auto; padding-bottom: 30px; text-align: center; }

.contct_doui { text-align: center;  margin:0 0 20px; font-size: 14px;}
.contct_doui_text { margin: 0 0 50px; }
.contct_doui_text a { color:#004C35;  text-decoration: underline; }
.contct_doui_text a:hover { text-decoration: none; color:#BFD1C8; }

.contct_doui_box { width:100%; margin: 0 auto;}
.contct_doui_box_text { padding: 30px 0; }

.contact_sended_comment { padding: 0 0 50px;}
.contact_sended_comment_title { font-weight: bold; color: #006934; font-size: 24px; margin: 0 0 30px; }





}