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

/*===============================================
●sp.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px) {

   /*スマホで表示させないセレクタ*/
   #header, #footer_pc, #sub, .to_loca, .pc_main { display: none; }
   .pc_hidden { display: block; }
   .sp_hidden { display: none; }

   /*スマホのみのオプション*/
   .sp_pic {
      width: 100%;
      height: auto;
   }
   .sp_center {
      display: block;
      margin: 15px auto;
   }
   .sp_br {
      display: block;
      margin-top: 5px;
   }
   .FRight,.FLeft { float: none; }
   .sp_right { float: right; }
   .sp_left { float: left; }

   /*スマホヘッダー*/
   #sp_header {
      display: block;
      position: relative;
      background: url(/images/common/sp_head_bg.gif) no-repeat; background-size:cover;
   }
   #sp_header h1 { text-align: center; }
   #sp_header .sp_menu {
      position: absolute;
      top: 5px;
      right: 5px;
   }
   #sp_header .menu_list {
      position: absolute;
      z-index: 101;
      top: 35px;
      right: 5px;
   }

   /*スマホフッター*/
   #sp_footer{display:block;text-align:center;line-height:1.4em;}
   #sp_footer .copyright{font-size:85%;margin:5px auto;}
   #sp_footer .map{padding-top:15px;height:36px;text-align:center;background:url(/images/common/sp_map_bg.gif) repeat-x;background-size:1px;margin-top:6px;}
   #sp_footer .top{text-align:right;padding:10px 10px 0 0;float:none;}
   #sp_footer .top a{text-decoration:underline;}

   /*共通セレクタ*/
   #contents {
      width: 100%;
      overflow: hidden;
   }
   #contents section{margin-bottom: 80px;}
   #contents .bottom_link{border-top: 1px solid #666;float:none;margin:0 0 10px 0;padding:0;display:block; float:none; width:100%; clear:both;}
   #contents .bottom_link li{float:none;background: none;border-bottom: 1px solid #666;padding: 10px;margin:0;text-align: center; }
   #contents .bottom_link li a{color:#333;}
   #contents .wrap{margin:30px auto;}
   #contents #main{width:90%;padding-left:0px;float:none;margin:0px auto;}
   #contents #main h2{margin-bottom:20px;}
   #contents #main h3{margin-bottom:20px;}
   #contents #sub{width: 220px;padding-right:20px;float:right;}

   /*テキスト画像を非表示に*/
   #contents #main h3 img {display:none;}
   #contents #main h3:after {content:attr(data-label);}
   #contents #main h3::after{display: inline-block;content: attr(data-label);font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:160%;font-weight:bold;line-height:1.6em;}

   /* ================================================
      TOP
      ==============================================*/
   #TOP{background:none;}
   #TOP #header h1{text-align:center;margin:0px auto;}
   #TOP .sp_main{display:block;margin-bottom:10px;}
   #TOP #contents .panel{width:100%;border-right:none;border-left:none;border-bottom:none;padding:10px;float:none;height:auto;position:relative;margin-bottom:0px;line-height:1.5em;display:block;}
   #TOP #contents .panel h2{text-align:center;margin:10px auto;}
   #TOP #contents .panel .mark{position: static;margin-top:20px;display:block;}
   #TOP #contents .panel .more {padding-left:15px;color:#D90E11;}
   #TOP #contents .panel .new{position:absolute;top:0px;left:0px;}
   #TOP #contents .panel .new{position:absolute;top:0px;left:0px;}
   #TOP #contents .col_01{width:95%;margin:0 auto;}
   #TOP #contents .col_02{width:95%;margin:0 auto;}
   #TOP #contents #box_01{width:100%;margin:0 auto;}
   #TOP #contents .panel .sp_box_01{float:left;width:50%;}
   #TOP #contents .panel .sp_box_02{float: right;width: 45%;}
   #TOP #contents .bottom_link{float:none;margin:0;display:block;width:100%;}
   #TOP #contents .bottom_link li{float:none;background:none;padding: 10px;margin-left:0px;}
   #TOP #contents .bottom_link li a{color:#333;}


   /* ================================================
      ABOUT
      ==============================================*/
   #ABOUT #contents .main-wrap{display: block;}
   #ABOUT #contents .flow{width: 100%;}
   #ABOUT #contents #point{width:90%;margin:0px auto;}
   #ABOUT #contents #point h4{padding:0px;text-align:center;margin:10px auto;}
   #ABOUT #contents .arrow{clear:both;padding:0px;margin:0px auto 25px;text-align:center;}

   
   /* ================================================
      FARMERS-MARKET
      ==============================================*/
   #FARMERS-MARKET #contents .wrap{margin-bottom: 54px;}
   #FARMERS-MARKET #contents .img-bottom{margin-bottom: 50px;}


   /* ================================================
      FARM
      ==============================================*/
   #FARM #contents #map{margin:0px auto 5px;padding:15px;}
   #FARM #contents .txt{padding:0 15px;}


   /* ================================================
      STORE/RECRUIT
      ==============================================*/
   #STORE #contents h2,
   #RECRUIT #contents h2{margin:30px auto;text-align:center;}
   #STORE #contents .pic_two span,
   #RECRUIT #contents .pic_two span{position:static;width:100%;height:auto;background-image:none;background-color:#ee0000;display:block;text-indent:0px;padding:10px 20px;color:#FFF;font-size:140%;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
   #STORE #contents table{display: block;}
   #STORE #contents table thead{display: none;}
   #STORE #contents table tbody{display: block;}
   #STORE #contents table tbody tr{display: block;margin-bottom: 1.5em;}
   #STORE #contents table tbody th,
   #STORE #contents table tbody td{display: list-item;border: none;}
   #STORE #contents table tbody th{margin-bottom: 8px;list-style-type: none;color: #fff;background: #ee0000;padding:4px 2px;}
   #STORE #contents table tbody td{margin-left: 20px;margin-bottom:5px;padding: 0;}
   #STORE #contents table td span{display:inline;margin-right:5px;}
   #STORE #contents table tbody td:nth-of-type(1):before { content: "営業時間"; }
   #STORE #contents table tbody td:nth-of-type(2):before { content: "住所"; }
   #STORE #contents table .odd{background: #FFF;}

   #STORE #contents table a {color:#FFF;}
   #STORE #contents table a:visited { color:#FFF; }

   /*RECRUIT*/
   #RECRUIT #contents #main ul li{float:none;margin-bottom:10px;margin-right:0;width:100%;height:auto;}
   #RECRUIT #summary p img{width:80%;display:block;margin:0px auto;}

   #RECRUIT #contents .jobs{padding-top:10px}
   #RECRUIT #contents .jobs .job{width:100%;height:auto;padding-bottom:30px;float:none}
   #RECRUIT #contents .jobs .job.n2{margin-left:0}
   #RECRUIT #contents .jobs .job .visual{height:auto}
   #RECRUIT #contents .jobs .job .visual img{position:static;width:100%;max-width:auto;height:auto;margin:0}
   #RECRUIT #contents .jobs .job h5{padding:30px 30px 0;margin:0;background:0;line-height:1}
   #RECRUIT #contents .jobs .job .job_btn{width:82%}
   #RECRUIT #contents .jobs .job .job_btn img{width:110px}
   #RECRUIT #contents #main .page_back{display:block;padding:20px auto;text-align:center}
   #RECRUIT #contents #main .page_back img{width:195px}
   #RECRUIT #contents #main .page_head{display:block;margin:35px 0 50px}
   #RECRUIT #contents #main .page_head h3,#RECRUIT #contents #main .page_head .lead{display:block;width:auto}
   #RECRUIT #contents #main .page_head h3{padding:20px}
   #RECRUIT #contents #main .page_head h3 img{display:inline-block}
   #RECRUIT #contents #main .page_head .lead{padding:20px 0 0 0}

   #RECRUIT #main{text-align: center;}
   #RECRUIT #main .mail a{margin-right: 0;margin-bottom: 15px;display: inline-block;}
   #RECRUIT .wrap .pc_title {display: none;}
   #RECRUIT .wrap .sp_title {display: block;}
   #RECRUIT .wrap h2{text-align: center !important;}
   #RECRUIT #main h3{margin-bottom: 10px !important;}
   #RECRUIT #main h3 img{margin: 0 auto;}
   #RECRUIT #main h3 span{font-size: 16px;font-family: ＭＳ Ｐ明朝;font-weight: bold;color: #424242;}
   #RECRUIT #main .tel p{font-size: 35px;}

   /* ================================================
      BLOG
      ==============================================*/
   #BLOG #contents #main .article img{margin:15px 0;width:100%;}
   #BLOG #contents #another{width:90%;}

   /* ================================================
      INQUIRY
      ==============================================*/
   #INQUIRY #main{text-align: center;}
   #INQUIRY #main .mail a{margin-right: 0;margin-bottom: 15px;display: inline-block;}
   #INQUIRY .wrap .pc_title {display: none;}
   #INQUIRY .wrap .sp_title {display: block;}
   #INQUIRY .wrap h2{text-align: center !important;}
   #INQUIRY #main h3{margin-bottom: 10px !important;}
   #INQUIRY #main h3 img{margin: 0 auto;}
   #INQUIRY #main h3 span{font-size: 16px;font-family: ＭＳ Ｐ明朝;font-weight: bold;color: #424242;}
   #INQUIRY #main .tel p{font-size: 35px;}

   /* ================================================
      PRIVACY
      ==============================================*/
   #PRIVACY #main{width: 90%;}
   #PRIVACY #main .btn_area .btn{height: 40px;padding: 10px 0;width: 100%;}
   #PRIVACY #main .btn_area .btn01{margin-bottom: 15px;}

}