@charset "UTF-8";

/* ==========================================================================
   基本設定
   ========================================================================== */
body{
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 1.5px;
}
a:link {} /* 未訪問 */
a:visited {} /* 訪問済み */
a:hover {} /* カーソルなどが乗った */
a:active {} /* クリックされてから離されるまでの状態 */

ul {
	padding: 0;
	list-style-type: none;
}
table {
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0 50px;
}
tr:nth-child(1) {
	border-top: 1px solid #4e3419;
}
tr {
	border-bottom: 1px solid #4e3419;
}
table th {
  font-weight: bold;
	padding: 10px 5px;
	background: #eae4d4;
	color: #4e3419;
	width: 30%;
	border-right: 1px solid #4e3419;
}
table td {
	text-align: left;
	padding: 10px 25px;
}
.contact_form .contact_form_box { margin-bottom: 10px;}
.contact_form .contact_form_box tr th { width: 30%; }
#contact .contact_form .contact_form_box tr td { width: 70%; padding: 10px 20px; }
.contact_form_box tr td input[type="text"],
.contact_form_box tr td input[type="tel"],
.contact_form_box tr td input[type="email"],
.contact_form_box tr td textarea {
  background: #f9f7f3;
  border: 1px solid #78634f;
  width: 100%;
  margin: 0;
  border-radius: 5px;
  padding: .4em;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Chrome, Safari */
}
.contact_form_box tr td.zipArea .zipbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact_form_box tr td.zipArea .zipbox p { margin: 0; padding-left: .5em; }
.btn_check .send_btn {
  width: 200px;
  margin: 0 auto;
}
.btn_check .send_btn input.wpcf7-submit:disabled {
  background: #f2f2f2;
  color: #c6beb6;
  border: 2px solid #c6beb6;
}
.btn_check .send_btn input {
  background: #eae4d4;
  border: 2px solid #4e3419;
  color: #4e3419;
  border-radius: 5px;
  padding: .8em 2em;
  width: 100%;
}
.contact_form .wpcf7-list-item { margin: 0; line-height: 1.3; font-size: .95em; }
.contact_form .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
}
.contact_form .wpcf7-list-item label .wpcf7-list-item-label {
  text-align: left;
  padding-left: 1em;
}

@media screen and (max-width: 767px) {
	table tr {
		border-left: 1px solid #4e3419;
		border-right: 1px solid #4e3419;
	}
	table th {
		border-right: none;
		border-bottom: 1px solid #4e3419;
	}
	table th,  table td {
		box-sizing: border-box;
		display: block;
		width: 100%;
		padding: 10px;
	}
  .contact_form .contact_form_box tr th,
  #contact .contact_form .contact_form_box tr td {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
		display: block;
		width: 100%;
		padding: 10px;
  }
	
}
textarea {
	width: auto;
}
hr {
	margin: 0;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
/* For IE 6/7 only */
.clearfix {
    *zoom: 1;
}


/* Youtube style start */
.youtube {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
	margin-bottom: 2rem;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Youtube style end */


/* GoogleMap style start */
.map-embed {
	max-width: 100% ;
	height: 0;
	margin: 0;
	padding: 0 0 56.25% ;
	overflow: hidden ;
	position: relative ;
	top: 0 ;
	left: 0 ;
}
.map-embed > div {
	position: absolute ;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.map-embed img {
	max-width: none ;
}
#infoWindow {
	color: #4b453b;
}
#infoWindow h3 {
	font-size: 142%;
}
/* GoogleMap style end */





/* ==========================================================================
   よく使う設定
   ========================================================================== */
.red {
	color: red;
}

/* ==========================================================================
   スタイル
   ========================================================================== */
body {
  background-image: url('images/top_image02.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  background-color: #ffffff;
  height: 100%;
}

h2 {
	background: #522500;
	color: #ffffff;
	height: 120px;
	margin: 0 0 60px;
	position: relative;
}

h2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
}
h3 {
	background: url('images/bg_border.png') repeat-x bottom;
	margin: 30px 0;
	padding: 0 0 10px;
}
.container-fluid {
	min-width: 320px;
	width: 100%;
	width: auto;
	margin-left: 280px;
	text-align: center;
}
.container {
	max-width: 700px;
	margin: 0 auto;
	width: 100%;
}
.container:last-child {
	padding-bottom: 3em;
}
header {
	width: 280px;
	height: 100%;
	position: fixed;
	top: 0;
	background: #f0eae1;
	border-right: solid 1px #4e3419;
	text-align: center;
}

article, footer {
	background: #ffffff;
}

article {
	padding-bottom: 60px;
}



#menu_btn {
	display: none;
	cursor: pointer;
}

nav {
	margin: 30px 0;
}

nav ul {
	display: block;
}

nav ul li {
	padding-bottom: 10px;
}

nav p {
	margin: 20px 0;
}


.img_list ul {
	margin: 30px 0;
	overflow: hidden;
}

.img_list li {
	float: left;
	margin-right: 35px;
}

.img_list li:last-child {
	margin-right: 0;
}

.fb-like {
	transform:scale(1.4);
	-webkit-transform:scale(1.4);
	-moz-transform:scale(1.4);
}

@media screen and (max-width: 1279px) {
	body::before {
	background: url('images/top_image06.jpg') no-repeat scroll center top / 100% auto;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  padding-bottom: 108px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
	}
}

@media screen and (max-width: 979px) {
	.container:last-child {
		padding-bottom: 2em;
	}
	header {
		position: static;
		background-color: rgba( 255, 255, 255, 0.75 ); /* 0.55 */
		border: none;
		max-width: 700px;
		width: 100%;
		margin: 0 auto;
		padding: 1em .25em;
	}
	
	#menu_btn{
		display: inline-block;
		color: #ffffff;
		padding: .5em 1em;
		background-color: rgba( 140, 103, 37 , 0.75 ); /* 0.55 */
		border: 2px solid #8C6725;
		border-radius: 5px;
	}
	nav ul {
		display: none;
	}
	.container-fluid {
		margin-left: 0;
	}
	article, footer {
		background: none;
	}
	.container {
		background-color: rgba( 255, 255, 255, 0.75 ); /* 0.55 */
		padding: 1em .25em;
	}
	
	.fb-like {
	transform:scale(1.4);
	-webkit-transform:scale(1.4);
	-moz-transform:scale(1.4);
	}
	
	body::before {
		background: url('images/top_image05.jpg') no-repeat scroll center top / 100% auto;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding-bottom: 108px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
	}
}
@media screen and (max-width: 767px) {
	header, .container {
		width: 300px;
	}
	header, .container:last-child {
		padding-bottom: 1em;
	}
	.responsive-image {
		width: 100%;
	}

	.img_list li {
		float: none;
		margin-right: 0;
		width: 100%;
		text-align: center;
	}
	
	.img_list ul {
	margin: 0;
	}
	
	body::before {
		background: url('images/top_image04.jpg') no-repeat scroll center top / 100% auto;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding-bottom: 108px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
	}
}






/* もみやま農産のこと
  -------------------------------------------------------------------------- */
#about h2 img {
	width: 271px;
	margin: -18px 0 0 -135px;
}

.season_spring, .season_autumn,
.season_summer, .season_winter {
	padding: 0 30px 0 90px;
	text-align: left;
}
.season_spring {
	background: url('images/bg_tit_01.png') no-repeat 30px center;
		margin: 30px 0;
}
.season_summer {
	background: url('images/bg_tit_02.png') no-repeat 30px center;
		margin: 30px 0;
}
.season_autumn {
	background: url('images/bg_tit_03.png') no-repeat 30px center;
		margin: 30px 0;
}
.season_winter {
	background: url('images/bg_tit_04.png') no-repeat 30px center;
		margin-top: 30px;
}
.season dl {
	margin: 0;
}
.season dt {
	width: 100px;
	float: left;
	clear: both;
	font-weight: bold;
	color: #7a6d62;
}

/* slider */
.slideFrame {
	position: relative;
	overflow: hidden;
	overflow-x: auto;
	height: 220px;
}

.slideGuide {
	width: 100%;	/*150%*/
	height: 100%;
}

.slideCell {
	display: block;
	float: left;
	width: 320px;
	height: 100%;
	background: #FFF;
	color: #333;
}

@media screen and (max-width: 767px) {
	.season dt, .season dd {
		display: block;
		width: 100%;
		float: none;
		margin: 0;
	}
}



/* 商品の紹介
  -------------------------------------------------------------------------- */
#item h2 img {
	width: 174px;
	margin: -17px 0 0 -87px;
}



.cultivation_history table tr {
	border-bottom: none;
	border-left: 1px solid #4e3419;
	border-right: 1px solid #4e3419;
}

.cultivation_history tr:nth-child(1) {
	border-bottom: 1px solid #4e3419;
}
.cultivation_history table th {
	border-bottom: 1px solid #4e3419;
}
.cultivation_history table th.tit02_th {
	width: 10%;
	background: #fbf8ee;
  color: #4e3419;
}
.cultivation_history  table td {
	text-align: center;
}
.cultivation_history  table td.tit_01_td {
	border-right: 1px dotted #e4dfd0;
}
.cultivation_history  table td.td_long {
	border-top: 1px dotted #e4dfd0;
	border-bottom: 1px solid #4e3419;
	width: 100%;
}

.cultivation_history  table td.td_long02 {
	border-top: 1px dotted #e4dfd0;
	border-bottom: 1px solid #4e3419;
	width: 100%;
	text-align: left;
}

.left_box {
	width: 350px;
	float: left;
}
.right_box {
	width: 350px;
	float: right;
}
.store_name,
.store_name02 {
	background: url('images/bg_img.png') no-repeat 10px center;
	text-align: left;
	margin-bottom: 30px;
	padding-left: 70px;
	padding-right: 10px;
}
.store_name p,
.store_name02 p {
	margin: 0;
	line-height: 1.2;
	font-size: 0.95em;
}
.store_name02 {
	max-width: 270px;
	width: auto;
	margin: 0 auto;
}

.shop_box_food .store_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 48px;
}
.shop_box_food .store_name p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.food_shop {
	overflow: hidden;
  padding-top: 30px;
}

.shop_box {
  overflow: hidden;
}

.onion_price a:hover img  {
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

@media screen and (max-width: 767px) {
	#item .cultivation_history table,
	#item .cultivation_history table th,
	#item .cultivation_history table td {
		width: 100%;
		padding: auto 0;
	}
	#item .cultivation_history table td {
		border-bottom: 1px dotted #e4dfd0;
	}
	#item .cultivation_history table td.td_long {
		border-bottom: 1px solid #4e3419;
	}
	.left_box, .right_box{
		float: none;
		width: 100%;
	}
	
	.img_list img {
		margin-bottom:15px;
		width: 230px;
	}
	
	.onion_price img {
		width: 300px;
	}
	
	.cultivation_history table tr:last-child {
	border-bottom: 1px solid #4e3419;
	}
}



/* スタッフの紹介
  -------------------------------------------------------------------------- */
#staff h2 img {
	width: 187px;
	margin: -17px 0 0 -93.5px;
}

li.image_01 {
	margin: 0 auto;
	max-width: 700px;
  min-width: 300px;
  width: 100%;
}

/* 会社案内
  -------------------------------------------------------------------------- */
#company h2 img {
	width: 145px;
	margin: -17px 0 0 -72.5px;
}
.tab { 
	overflow: hidden; 
	padding: 0 0 2px 0;
	background: url('images/bg_border.png') repeat-x bottom;
	margin-bottom: 30px;
}
.tab li { 
	float: left;
}


.company_profile {
	padding-bottom: 50px;
}
.company_profile.table02 tr:nth-last-child(1),
.company_profile.table02 tr:nth-last-child(1) td {
	text-align: center;
	background-color: #fbf8ee;
}




@media screen and (max-width: 767px) {
	.tab li {
		width: 50%;
	}
}


/* お問い合わせ
  -------------------------------------------------------------------------- */
#contact h2 img {
	width: 187px;
	margin: -17px 0 0 -93.5px;
}

#contact table span {
	font-size: 0.9em;
}


input[type=text] ,textarea {
	background: #f9f7f3;
	border: 1px solid #78634f;
	border-radius: 5px;
	margin-left: 1.5em;
	padding: .5em;
}

br + input[type=text] {
	margin-top: 1em;
	margin-left: 1.5em;
}
input[type=text].form_zip {
	margin-left: 0;
	width: 30%;
}
button {
	background: #eae4d4;
	border: 2px solid #4e3419;
	color: #4e3419;
	border-radius: 5px;
	padding: 1em 2em;
}
button:hover {
	background: #D2C9B8;
	color: #ffffff;
}

.btn_check {
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	input[type=text], textarea {
		box-sizing: border-box;
		width: 100%;
		margin-left: 0;
		padding: 1em;
	}
	input[type=text].form_zip {
		width: 50%;
	}
	br + input[type=text] {
		margin-left: 0;
	}
  .shop_box_food .store_name p img.sp_100 {
    max-width: 100%;
    width: 100%;
  }
}



/* facebook
  -------------------------------------------------------------------------- */
#facebook h2 img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 152px;
	text-align: center;
	margin: -17px 0 0 -76px;
}
.fb-page {
	margin: 2em auto;
}

.fb-like.fb_iframe_widget { display: none; }

/* footer
  -------------------------------------------------------------------------- */
#pagetop {
	margin-top: 2em;
}