@charset "UTF-8";
/*
Theme Name: 吉次園
Description: WordPressテンプレート「吉次園テーマ」
Version: 1.0.0
Author: TGCompany
*/

/* ---------- 
 * css Reset
 * ---------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas,
details, embed, figure, figcaption,
footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark,
audio, video {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* レイアウト */
body {
  position: relative;
  background: url(images/bg.jpg);
  color: #5f4646;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
}

#container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  border-top: 6px solid #87bc43;
  box-sizing: border-box;
  overflow: hidden;
}

#content {
  background: #fff;
}

.pc, .pc2 {
  display: none;
}

/* 基本設定 */
a {
  color: #09c;
  text-decoration: none;
  transition: 0.4s;
}

a:hover {
  color: #8bc;
  text-decoration: underline;
}

a:hover img {
  opacity: 0.85;
  transition: 0.4s;
}

.logo a,
.slectFruits li a,
#header .btnContact a,
#footer a,
#page_top a,
.sp_menu .ec a,
#sectInfo_pc a,
.sectBnr a,
.sectArea .sectBbq .bbq_btn a,
.sectAccess .gmap a,
.contactUs a,
#tour_ueki a,
#bbq a,
#cafe a {
  display: block;
}

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

/* text,h */
strong {
  color: #f0390d;
}

.b {
  font-weight: bold;
}

.green {
  color: green;
}

.red {
  color: red;
}

/* サイド固定バナー */
#fixed_bnr {
  display: none;
  position: fixed;
  top: 70px;
  left: 0px;
  text-indent: -9999px;
  z-index: 9999;
}

#fixed_bnr a {
  outline: none;
  display: block;
  background: url(images/line-floating02.png) no-repeat scroll 0 0 transparent;
  background-position: -293px 0px;
  width: 78px;
  height: 250px;
  transition: all 0.5s ease;
}

#fixed_bnr a:hover {
  background-position: 0px 0px;
  width: 370px;
  height: 250px;
}

/* ----------
 *header
 * ---------- */
#header {
  position: relative;
  background: #fff;
  background-size: cover;
  width: 100%;
}

#home #header {
  background: #fff;
}

.header_bg {
  display: none;
}

.header_bg img {
  vertical-align: bottom;
}

.siteTitle {
  padding: 3px;
  color: #956b60;
  font-size: 0.6rem;
  line-height: 1;
}

.logo {
  float: left;
  position: relative;
  width: 36%;
  padding-top: 12px;
  padding-left: 12px;
  box-sizing: border-box;
}

.logo a:hover {
  opacity: 0.8;
}

.logo img {
  width: 100%;
}

.slectFruits,
.header_tel {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 58%;
  gap: 1px;
  margin-left: 42%;
}

.slectFruits li {
  width: 33%;
  margin-bottom: -4px;
}

.slectFruits img {
  width: 100%;
  max-width: initial;
}

.header_tel img {
  width: 100vw;
  padding-top: 4px;
}

.sp_menu .ec {
  padding: 0 10px;
  text-align: center;
}

#header .btnContact {
  display: none;
  position: absolute;
  top: 29.5%;
  right: 0;
  width: 20%;
  padding-right: 2.4px;
  text-align: right;
}

#home #header .btnContact {
  top: 20.5%;
}

#header nav {
  display: none;
  position: absolute;
  top: 46%;
  background: url(images/gnav-pc.png) center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 51%;
  padding-top: 2%;
  box-sizing: border-box;
}

#home #header nav {
  top: 63%;
  height: 35%;
}

#header .gNav {
  display: flex;
  flex-flow: row wrap;
  height: 100%;
}

#header .gNav li {
  height: 50%;
}

#header .gNav li a {
  display: block;
  height: 100%;
  font-size: 10px;
  opacity: 0;
}

#header .gNav #item01 {
  width: 15.5%;
}

#header .gNav #item02 {
  width: 22%;
}

#header .gNav #item03 {
  width: 11.3%;
}

#header .gNav #item04 {
  width: 15.7%;
}

#header .gNav #item05 {
  width: 13.3%;
}

#header .gNav #item06 {
  width: 22.2%;
}

#header .gNav #item07 {
  width: 22.5%;
}

#header .gNav #item08 {
  width: 14.3%;
}

#header .gNav #item09 {
  width: 20%;
}

#header .gNav #item10 {
  width: 22.5%;
}

#header .gNav #item11 {
  width: 20.7%;
}

/* ----------
 * footer
 * ---------- */
#footer {
  position: relative;
}

.ft_sp {
  background: #fff;
}

.sns_item {
  padding-bottom: 5px;
}

.ft_sp .tel {
  padding-bottom: 5px;
}

.ft_sp .tel img {
  width: 100%;
  max-width: initial;
}

.ftLink .access {
  padding: 0 10px 5px;
}

.ftLink ul {
  padding: 0 45px;
}

.ftLink li {
  padding-top: 5px;
}

.ftBottom {
  position: relative;
  background: #fff url(images/footer_bg.jpg) no-repeat;
  background-size: 100%;
  background-position: center bottom;
  font-size: 0.82rem;
  z-index: 0;
}

.footer_bg {
  display: none;
}

.footer_bg img {
  display: inline-block;
  vertical-align: bottom;
}

.ftContainer {
  display: flex;
  font-weight: bold;
  padding: 10px 45px 60px;
  box-sizing: border-box;
}

.ft_info {
  font-size: 0.76rem;
}

#footer .ft_logo {
  display: none;
}

.ft_info dt {
  float: left;
  width: 3.7rem;
}

.ft_info dt::after {
  position: relative;
  content: ":";
}

.ft_info dd {
  margin-left: 4rem;
}

.ftNav1 {
  width: 40%;
}

#footer nav {
  display: none;
}

#footer nav > ul > li {
  padding-left: 15px;
  background: url(images/footer_bullet.png) no-repeat 0 4px;
}

#footer nav a {
  color: #5f4646;
}

.ftArea {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 8px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  color: #fff;
}

.ftArea a {
  color: #fff;
  text-decoration: underline;
}

#page_top {
  position: fixed;
  /*bottom: 70px;*/
  bottom: 85px;
  right: 0;
  z-index: 99999;
}

/* ----------
 * トップページ
 * ---------- */
/* sectDesc */
#sectDesc .txt {
  display: none;
  font-size: 0.75rem;
}

#sectDesc .shop_info {
  background: url(images/home/bg_info-1.png) center/100% no-repeat;
  height: 180px;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.45;
}

.shop_info .schedule_info {
  padding-top: 55px;
}

#sectDesc h2, .shop_info dt.ichigo, .shop_info dd.ichigo {
  display: none;
}

#sectDesc .shop_info dl {
  width: 60%;
  margin: 0 auto;
}

#sectDesc .shop_info dt {
  float: left;
  width: 6rem;
}

#sectDesc .shop_info dd {
  margin-left: 6rem;
}

/* sectDesc_sp */
#sectDesc_sp .txt {
  background: url(images/home/about.jpg) center/100% no-repeat;
  padding: 18px 70px;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.4;
}

/* sectBnr */
img.wobble-horizontal {
  display: inline-block;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transform: translateZ(0);
}

img.wobble-horizontal:hover,
img.wobble-horizontal:focus,
img.wobble-horizontal:active {
  animation-name: wobble-horizontal;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

/* sectBnr */
.sectBnr {
  text-align: center;
}

/* sectBnr */
.sectBnr .banner-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse;
  margin-top: 1.5%;
}

.sectBnr .banner-flex .banner-link {
  width: 100%;
}

/* sectInfo */
.info_box.l, .News, .Chokubai, .Group, .info_box_left {
  position: relative;
}

.info_box.l,
.info_box_left {
  display: none;
}

.info_box img {
  max-width: initial;
  width: 100%;
}

.info_box.l h2 {
  position: absolute;
  top: -1rem;
  left: 0;
}

.info_box .btn, .media_box .btn {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.News h2, .Chokubai h2 {
  position: absolute;
  top: -1rem;
  left: 3%;
}

.news_list {
  position: absolute;
  top: 22.5%;
  left: 10%;
}

.ors_def li {
  padding: 3.5% 0 0.5%;
  border-bottom: 2px dashed #ccb99b;
  text-indent: -0.7rem;
}

.ors_def li::before {
  position: relative;
  left: -0.5rem;
  content: url(images/home/news-list-mark.png);
}

.Chokubai .txt {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 55%;
  font-size: 0.6rem;
}

.Group h2 {
  position: absolute;
  top: 0;
  left: 0;
}

.Group ul {
  position: absolute;
  top: 50%;
  left: 5%;
  font-size: 0.65rem;
  line-height: 1.8;
}

.info_box_left h2,
.info_box_left .info_box_left_btn {
  position: absolute;
}

.info_box_left h2 {
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  text-align: center;
  width: 100%;
}

.info_box_left .info_box_left_btn1 {
  top: 75px;
  left: 45px;
}

.info_box_left .info_box_left_btn2 {
  top: 75px;
  right: 45px;
}

.info_box_left .info_box_left_btn3 {
  bottom: 75px;
  left: 45px;
}

.info_box_left .info_box_left_btn4 {
  bottom: 75px;
  right: 45px;
}

/* sectInfo2 */
#sectInfo2 .info_box.r {
  display: none;
}

/* sectInfo_pc */
#sectInfo_pc {
  display: none;
}

/* sectInfo3 */
.Line.pc {
  background: #4bc459;
}

.Media {
  position: relative;
  background: #fff;
  padding: 0 20px 22px;
  border: 3px solid #000;
  box-sizing: border-box;
}

.Media {
  border: 3px solid #e05b4c;
}

.Media h2 {
  position: absolute;
  top: -1.2rem;
  left: 0;
}

.Media h3 {
  padding-top: 3.7rem;
  color: #6b6b6b;
  font-weight: 900;
  text-align: center;
}

#sectInfo3 .info_box.r .btn {
  bottom: 3px;
  right: 0;
}

/* sectLink */
.Syun {
  background: url(images/bg.jpg);
}

.Syun h2 {
  text-align: center;
}

.Syun ul.sp {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.Syun ul.sp li {
  width: 27%;
  padding: 2px 3px;
  box-sizing: border-box;
}

.Syun .pc li {
  position: absolute;
}

.Syun .pc li.item01 {
  bottom: 0;
  left: 0;
  width: 21.3%;
}

.Syun .pc li.item02 {
  top: 0.5%;
  left: 22.1%;
  width: 19.6%;
}

.Syun .pc li.item03 {
  bottom: 2%;
  left: 42.5%;
  width: 19.6%;
}

.Syun .pc li.item04 {
  top: 2%;
  left: 61.4%;
  width: 19.6%;
}

.Syun .pc li.item05 {
  display: none;
}

.Syun .pc li.item06 {
  top: 19%;
  right: 0;
  width: 19.6%;
}

.Syun .pc li a, .Syun .pc li a img {
  display: inline-block;
}

.Song {
  display: none;
  position: relative;
  margin: 1rem 0 0.8em;
}

.Song h2 img {
  width: 100vw;
}

.player {
  position: absolute;
  top: 14%;
  width: 32%;
  margin-left: 66.5%;
}

.player audio {
  width: 100%;
}

.player .controls {
  position: relative;
  margin-top: -5%;
  z-index: 1;
}

.Song .player button {
  cursor: pointer;
  background: #999;
  height: 26px;
  margin: 0;
  padding: 0 10px;
  border: 0;
  border-radius: 5px;
  color: #fff;
  line-height: 1;
}

/* ----------
 * 各ページ共通
 * ---------- */
#main_visual {
  margin: 0 auto;
}

h1#pageTitle {
  text-align: center;
}

#main_visual .catch {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
}

#main_visual .catch p {
  background: #fff799;
  padding: 8px;
  border-radius: 10px;
  color: #000;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.2;
}

.fl_box1, .fl_box2 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  max-width: 840px;
  margin: 15px auto;
  padding: 0 10px;
}

.fl_box1 li {
  width: 100%;
  margin-bottom: 20px;
  padding: 0 20px;
  line-height: 1.3;
}

.fl_box1 li img {
  width: 100vw;
}

.fl_box2 {
  flex-flow: column wrap;
  max-width: initial;
  margin-bottom: 5px;
}

/* ----------
 * ぶどう狩り
 * ---------- */
.syou .flame img,
.sectSyurui ul li img,
.sectHinsyu ul li img,
.sectSchedule img {
  max-width: initial;
  width: 100%;
}

/* main_visual */
#budougari #main_visual .catch {
  padding: 60px 10px 0;
}

#budougari strong {
  color: #920783;
}

#budougari #main_visual {
  background: url(images/budougari/header_bg.jpg) center 20px/100% no-repeat;
}

/* secChigai */
.chigai {
  padding: 0 15px;
}

.chigai h2 img, .chigai h3 img {
  width: 60%;
}

#budougari .chigai .desc img {
  margin-top: -60px;
}

.sectChigai li h3, .sectSyurui ul li h3 {
  color: #7f348f;
  font-size: 0.7rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}

.syou {
  display: none;
  position: relative;
}

.syou h3 {
  position: absolute;
  top: 30%;
  left: 5%;
}

.syou .txt {
  position: absolute;
  top: 64%;
  left: 20%;
  color: #000;
  font-size: 1rem;
}

/* sectSyurui */
.sectSyurui {
  margin: 0 auto;
}

.sectSyurui .pc2 h2 {
  position: relative;
  margin: 0 auto;
  z-index: 2;
}

.sectSyurui ul,
.sectHinsyu ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 10px 25px;
}

#budougari .sectSyurui ul {
  background: #ebc7e6;
  margin-top: -20px;
}

.sectSyurui ul li,
.sectHinsyu ul li {
  position: relative;
  width: 32%;
  padding: 45px 0 5px;
  color: #000;
  font-size: 0.6rem;
  line-height: 1.3;
}

.sectSyurui.budou ul li.item01,
.sectSyurui.budou ul li.item02 {
  background: linear-gradient(to bottom, #c28fbd 40px, #ebc7e6 40px, #ebc7e6 100%);
}

.sectSyurui.budou ul li.item03 {
  background: linear-gradient(to bottom, #8958a1 40px, #ebc7e6 40px, #ebc7e6 100%);
}

.sectSyurui.budou ul li.item04,
.sectSyurui.budou ul li.item05,
.sectSyurui.budou ul li.item06 {
  background: linear-gradient(to bottom, #5f529e 40px, #ebc7e6 40px, #ebc7e6 100%);
}

.sectSyurui.budou ul li.item07,
.sectSyurui.budou ul li.item08,
.sectSyurui.budou ul li.item09,
.sectSyurui.budou ul li.item10 {
  background: linear-gradient(to bottom, #910781 40px, #ebc7e6 40px, #ebc7e6 100%);
}

.sectSyurui ul li::before,
.sectHinsyu ul li::before {
  display: block;
  position: absolute;
  top: 0;
  right: -39px;
  width: 40px;
  height: 40px;
  content: "";
  z-index: 1;
}

.sectSyurui.budou ul li::before,
.sectHinsyu ul li::before {
  background: #ebc7e6;
}

.sectSyurui.budou ul li.item01::before {
  background: #c28fbd;
}

.sectSyurui.budou ul li.item02::before {
  width: 0;
  height: 0;
  border-top: solid 20px #8958a1;
  border-right: solid 20px #8958a1;
  border-bottom: solid 20px #8958a1;
  border-left: solid 20px #c28fbd;
}

.sectSyurui.budou ul li.item03::before {
  width: 0;
  height: 0;
  border-top: solid 20px #5f529e;
  border-right: solid 20px #5f529e;
  border-bottom: solid 20px #5f529e;
  border-left: solid 20px #8958a1;
}

.sectSyurui.budou ul li.item04::before,
.sectSyurui.budou ul li.item05::before {
  background: #5f529e;
}

.sectSyurui.budou ul li.item06::before {
  width: 0;
  height: 0;
  border-top: solid 20px #910781;
  border-right: solid 20px #910781;
  border-bottom: solid 20px #910781;
  border-left: solid 20px #5f529e;
}

.sectSyurui.budou ul li.item07::before,
.sectSyurui.budou ul li.item08::before,
.sectSyurui.budou ul li.item09::before,
.sectSyurui.budou ul li.item10::before {
  background: #910781;
}

.sectSyurui.budou ul li.h2::before,
.sectSyurui.budou ul li.item01::before,
.sectSyurui.budou ul li.item04::before,
.sectSyurui.budou ul li.item07::before,
.sectSyurui.budou ul li.item10::before {
  display: none;
}

.sectSyurui ul li::after,
.sectHinsyu ul li::after {
  display: block;
  position: absolute;
  top: 2px;
  left: 50%;
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  transform: translateX(-50%);
  z-index: 1;
}

.sectSyurui.budou ul li.item01::after,
.sectSyurui.budou ul li.item02::after {
  content: "7月上旬～";
}

.sectSyurui.budou ul li.item03::after {
  content: "7月下旬～";
}

.sectSyurui.budou ul li.item04::after {
  content: "8月中旬～";
}

.sectSyurui.budou ul li.item05::after {
  content: "8月中旬～";
}

.sectSyurui.budou ul li.item07::after,
.sectSyurui.budou ul li.item08::after {
  content: "9月中旬～";
}

.sectSyurui ul li.h2 {
  width: 66%;
}

.sectSyurui.budou ul li h3 {
  color: #af1b9f;
  font-size: 0.65rem;
}

/* sectHinsyu */
.sectHinsyu {
  background: #fff;
  border-radius: 25px;
  padding: 30px 20px;
}

.sectHinsyu h2 {
  text-align: center;
}

.sectHinsyu ul {
  background: none;
  margin: 0 auto;
}

.sectHinsyu ul li {
  width: 48%;
}

.sectHinsyu ul li.item01 {
  background: linear-gradient(to bottom, #c28fbd 40px, #fff 40px, #fff 100%);
}

.sectHinsyu ul li.item02,
.sectHinsyu ul li.item03 {
  background: linear-gradient(to bottom, #ad5ea0 40px, #fff 40px, #fff 100%);
}

.sectHinsyu ul li.item04,
.sectHinsyu ul li.item05,
.sectHinsyu ul li.item06,
.sectHinsyu ul li.item07 {
  background: linear-gradient(to bottom, #910781 40px, #fff 40px, #fff 100%);
}

.sectHinsyu ul li.item08 {
  background: linear-gradient(to bottom, #5f1985 40px, #fff 40px, #fff 100%);
}

.sectHinsyu ul li::before {
  background: #fff;
}

.sectHinsyu ul li.item01::before {
  width: 0;
  height: 0;
  border-top: solid 20px #ad5ea0;
  border-right: solid 20px #ad5ea0;
  border-bottom: solid 20px #ad5ea0;
  border-left: solid 20px #c28fbd;
}

.sectHinsyu ul li.item02::before {
  background: #ad5ea0;
}

.sectHinsyu ul li.item03::before {
  width: 0;
  height: 0;
  border-top: solid 20px #910781;
  border-right: solid 20px #910781;
  border-bottom: solid 20px #910781;
  border-left: solid 20px #ad5ea0;
}

.sectHinsyu ul li.item05::before,
.sectHinsyu ul li.item06::before {
  background: #910781;
}

.sectHinsyu ul li.item07::before {
  width: 0;
  height: 0;
  border-top: solid 20px #5f1985;
  border-right: solid 20px #5f1985;
  border-bottom: solid 20px #5f1985;
  border-left: solid 20px #910781;
}

.sectHinsyu ul li.item02::before,
.sectHinsyu ul li.item04::before,
.sectHinsyu ul li.item06::before,
.sectHinsyu ul li.item08::before {
  display: none;
}

.sectHinsyu ul li.item01::after {
  content: "7月上旬～";
}

.sectHinsyu ul li.item02::after,
.sectHinsyu ul li.item03::after {
  content: "7月下旬～";
}

.sectHinsyu ul li.item04::after {
  content: "8月上旬～";
}

.sectHinsyu ul li.item05::after,
.sectHinsyu ul li.item06::after,
.sectHinsyu ul li.item07::after {
  content: "8月上旬～";
}

.sectHinsyu ul li.item08::after {
  content: "8月中旬～";
}

.sectHinsyu ul li h3 {
  color: #af1b9f;
  font-weight: bold;
  text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}

.sectHinsyu .btn {
  display: flex;
  flex-flow: column wrap;
  text-align: center;
}

/* sectPrice */
.sectPrice {
  position: relative;
}

.sectPrice h2 {
  position: absolute;
  width: 100%;
  text-align: center;
}

.sectPrice .table {
  position: relative;
  padding-top: 40px;
  z-index: 1;
}

#budougari .sectPrice .table {
  padding-left: 10px;
}

/* sectWay */
.sectWay {
  display: none;
}

/* sectVoice */
.sectVoice {
  background: #fff;
  border: 2px solid #ff7d7d;
  border-radius: 20px;
  margin: 0 10px;
  padding: 20px 30px;
}

.sectVoice h2 {
  text-align: center;
}

.sectVoice li {
  margin-left: 1.5rem;
  border-bottom: 2px dashed #ff7d7d;
  font-size: 0.8rem;
  text-indent: -1.2rem;
}

.sectVoice li::before {
  position: relative;
  top: 0.5rem;
  left: -1rem;
  content: url(images/budougari/voice_bullet.png);
}

/* sectTips */
.sectTips ul {
  display: flex;
  justify-content: space-around;
}

.sectTips li {
  position: relative;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}

.sectTips li h3,
.sectTips li .pic,
.sectTips li .txt {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.sectTips li h3 {
  top: 8%;
  width: 74%;
}

.sectTips li .pic {
  top: 32%;
  width: 60%;
}

.sectTips li .txt {
  top: 62%;
  width: 60%;
  font-size: 0.5rem;
  line-height: 1.4;
}

/* sectGo */
.sectGo {
  position: relative;
}

.sectGo h2 {
  padding: 20px 10px 0;
  text-align: center;
}

.sectGo ul.go {
  padding: 0 10px;
}

.sectGo ul.go h3 {
  padding: 10px 0;
  text-align: center;
}

.sectGo .go li p, .sectGo .go li .contact {
  width: 80%;
  margin: 0 auto;
}

.go .kojin {
  font-size: 0.9rem;
}

.go .kojin .time {
  background: url(images/common/go_icon_tokei.png) left 3px/24px 24px no-repeat;
  padding: 3px 0 3px 1.8rem;
  box-sizing: border-box;
}

.sectGo .go .kojin .contact {
  background: url(images/common/go_icon_tel.png) 10px center/33.6px 51.2px no-repeat #fff;
  margin-bottom: 10px;
  padding: 5px 5px 5px 60px;
  border: 2px solid #87ba43;
  border-radius: 15px;
  box-sizing: border-box;
  line-height: 1.5;
}

.go .kojin .contact h4,
.go .kojin .contact .tel {
  font-weight: bold;
}

.go .kojin .contact .tel,
.go .kojin .contact .mail,
.go .kojin .link a {
  color: #79197f;
}

.go .kojin .contact .fax {
  color: #5f941c;
}

.go .kojin .link {
  text-align: right;
}

.go .dantai .lead {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.go .dantai .hiyoko {
  background: url(images/common/go_icon_hiyoko.png) 20px center/39px 31px no-repeat;
  height: 31px;
  padding-left: 70px;
  color: #e60012;
  font-weight: bold;
  line-height: 31px;
}

.go .dantai .txt1 {
  color: #558d0e;
}

.go .dantai .syubetsu,
.go .dantai .contact {
  display: none;
}

/* sectEvent */
.sectEvent {
  display: none;
}

.sectEvent ul {
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
}

.sectEvent ul li {
  width: 29%;
  padding-top: 15px;
}

.sectEvent ul li.fb {
  width: 36%;
  margin-top: -90px;
}

.sectEvent h3 {
  color: #614447;
  font-weight: bold;
  text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
  letter-spacing: -1px;
}

.sectEvent .check {
  position: relative;
  height: 95px;
  margin-top: -20px;
  text-align: center;
  z-index: 1;
}

.sectEvent .check .txt {
  position: absolute;
  top: 35px;
  width: 100%;
  font-weight: bold;
}

/* sectSchedule */
.sectSchedule {
  margin: 0 auto;
  padding: 20px 6px 20px 10px;
}

.sectSchedule p {
  font-size: 0.7rem;
  line-height: 1.3;
}

/* ----------
 * いちご狩り
 * ---------- */
#ichigogari .visual img,
.sectFacility img {
  max-width: initial;
  width: 100%;
}

/* secChigai */
#ichigogari .sectChigai li h3 {
  color: #ef5252;
}

#ichigogari .chigai .desc img {
  margin-top: -40px;
}

/* secPrice */
#ichigogari .sectPrice {
  display: flex;
  flex-flow: column wrap;
  padding: 0 10px;
}

#ichigogari .sectPrice h2 {
  position: static;
}

#ichigogari .sectPrice .table {
  padding-top: 0;
}

#ichigogari .sectPrice .caution.sp {
  position: relative;
  margin-top: -15px;
  margin-bottom: 20px;
  z-index: 1;
}

/* sectVoice */
#ichigogari .sectVoice li::before {
  position: relative;
  top: 0.5rem;
  left: -1rem;
  content: url(images/ichigogari/voice_bullet.png);
}

/* sectFacility */
.sectFacility {
  padding: 0 10px;
}

#ichigogari .sectFacility {
  max-width: 826px;
  margin: 0 auto;
}

.sectFacility h2 {
  padding: 15px 0 10px;
}

.sectFacility ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.sectFacility li {
  margin-bottom: 15px;
  line-height: 1.3;
}

.sectFacility li.item01 {
  width: 100%;
}

.sectFacility li.item02,
.sectFacility li.item03 {
  width: 48%;
}

.sectFacility li.item03 {
  width: 100%;
}

/* secTips */
#ichigogari .sectTips ul {
  margin-top: -30px;
}

#ichigogari .sectTips li {
  padding: 10px;
}

#ichigogari .sectTips li h3 {
  top: 8.8%;
}

#ichigogari .sectTips li .pic,
#ichigogari .sectTips li .txt {
  position: static;
  width: auto;
}

#ichigogari .sectTips li .detail {
  position: absolute;
  top: 29%;
  left: 0;
  right: 0;
  width: 73%;
  margin: auto;
}

#ichigogari .sectTips li .pic {
  float: right;
  width: 45%;
  padding: 0 0 5px 5px;
}

#ichigogari .sectTips li.item03 .pic {
  width: 30%;
  text-align: right;
}

/* sectGo */
#ichigogari .go .kojin .contact .tel,
#ichigogari .go .kojin .contact .mail,
#ichigogari .go .kojin .link a {
  color: #e60012;
}

#ichigogari .go .kojin .time {
  background-position: left 4px;
  padding-bottom: 3px;
}

.sectGo .attention {
  background: url(images/ichigogari/go_icon_attention.png) left 4px/24px 24px no-repeat;
  padding: 0 0 10px 1.8rem;
  box-sizing: border-box;
  color: #e60012;
  line-height: 1.2;
}

#kudamonogari .sectChigai h2 {
  text-align: right;
}

/* ----------
 * くだもの狩り
 * ---------- */
#kudamonogari #pageTitle img {
  vertical-align: bottom;
}

#kudamonogari .sectChigai {
  padding-top: 50px;
}

#kudamonogari .sectPrice .table {
  padding: 40px 10px 10px;
}

/* りんご */
#kudamonogari .sectChigai.ringo {
  padding-top: 20px;
}

#kudamonogari .Syun {
  background: none;
  margin-top: 0;
  margin-bottom: 30px;
  padding: 10px 0 5px;
}

#kudamonogari .sectSyurui h2 {
  text-align: center;
}

.sectSyurui.ringo ul {
  background: #ffe4e3;
}

.sectSyurui.ringo ul li.item01 {
  background: linear-gradient(to bottom, #ff757c 40px, #ffe4e3 40px, #ffe4e3 100%);
}

.sectSyurui.ringo ul li.item02 {
  background: linear-gradient(to bottom, #e05561 40px, #ffe4e3 40px, #ffe4e3 100%);
}

.sectSyurui.ringo ul li.item03 {
  background: linear-gradient(to bottom, #fc0000 40px, #ffe4e3 40px, #ffe4e3 100%);
}

.sectSyurui.ringo ul li.item04,
.sectSyurui.ringo ul li.item05 {
  background: linear-gradient(to bottom, #db0000 40px, #ffe4e3 40px, #ffe4e3 100%);
}

.sectSyurui.ringo ul li.item06,
.sectSyurui.ringo ul li.item07 {
  background: linear-gradient(to bottom, #b30000 40px, #ffe4e3 40px, #ffe4e3 100%);
}

.sectSyurui.ringo ul li.item01::before {
  width: 0;
  height: 0;
  border-top: solid 20px #e05561;
  border-right: solid 20px #e05561;
  border-bottom: solid 20px #e05561;
  border-left: solid 20px #ff757c;
}

.sectSyurui.ringo ul li.item02::before {
  width: 0;
  height: 0;
  border-top: solid 20px #fc0000;
  border-right: solid 20px #fc0000;
  border-bottom: solid 20px #fc0000;
  border-left: solid 20px #e05561;
}

.sectSyurui.ringo ul li.item03::before {
  width: 0;
  height: 0;
  border-top: solid 20px #db0000;
  border-right: solid 20px #db0000;
  border-bottom: solid 20px #db0000;
  border-left: solid 20px #fc0000;
}

.sectSyurui.ringo ul li.item04::before {
  background: #db0000;
}

.sectSyurui.ringo ul li.item05::before {
  width: 0;
  height: 0;
  border-top: solid 20px #b30000;
  border-right: solid 20px #b30000;
  border-bottom: solid 20px #b30000;
  border-left: solid 20px #db0000;
}

.sectSyurui.ringo ul li.item06::before {
  background: #b30000;
}

.sectSyurui.ringo ul li.item01::before,
.sectSyurui.ringo ul li.item04::before,
.sectSyurui.ringo ul li.item07::before {
  display: none;
}

.sectSyurui.ringo ul li.item01::after {
  content: "8月上旬";
}

.sectSyurui.ringo ul li.item02::after {
  content: "9月上旬";
}

.sectSyurui.ringo ul li.item03::after {
  content: "9月下旬";
}

.sectSyurui.ringo ul li.item04::after,
.sectSyurui.ringo ul li.item05::after {
  content: "10月中旬～";
}

.sectSyurui.ringo ul li.item06::after {
  content: "10月下旬～";
}

.sectSyurui.ringo ul li h3 {
  color: #e60012;
}

#kudamonogari .sectPrice {
  margin-top: 30px;
  text-align: center;
}

.sectVoice.ringo li::before {
  content: url(images/kudamonogari/ringo/voice_bullet.jpg);
}

#kudamonogari .sectTips h2 {
  padding: 25px 10% 0;
  text-align: center;
}

#kudamonogari .sectTips .tips_flame {
  position: relative;
}

#kudamonogari .sectTips .tips_flame .txt {
  position: absolute;
  bottom: 22%;
  left: 7%;
  width: 90%;
  font-size: 0.65rem;
  line-height: 1;
}

/* nashi */
.sectSyurui.nashi ul {
  background: #ffe9c4;
}

.sectSyurui ul li.sp2.h2 {
  padding-top: 20px;
}

.sectSyurui.nashi ul li.item01 {
  background: linear-gradient(to bottom, #ffbf59 40px, #ffe9c4 40px, #ffe9c4 100%);
}

.sectSyurui.nashi ul li.item02 {
  background: linear-gradient(to bottom, #f29500 40px, #ffe9c4 40px, #ffe9c4 100%);
}

.sectSyurui.nashi ul li.item03,
.sectSyurui.nashi ul li.item04 {
  background: linear-gradient(to bottom, #eb6942 40px, #ffe9c4 40px, #ffe9c4 100%);
}

.sectSyurui.nashi ul li.item01::before {
  display: none;
  width: 0;
  height: 0;
  border-top: solid 20px #f29500;
  border-right: solid 20px #f29500;
  border-bottom: solid 20px #f29500;
  border-left: solid 20px #ffbf59;
}

.sectSyurui.nashi ul li.item02::before {
  width: 0;
  height: 0;
  border-top: solid 20px #eb6942;
  border-right: solid 20px #eb6942;
  border-bottom: solid 20px #eb6942;
  border-left: solid 20px #f29500;
}

.sectSyurui.nashi ul li.item03::before {
  background: #eb6942;
}

.sectSyurui.nashi ul li.item04::before {
  display: none;
}

.sectSyurui.nashi ul li.item01::after {
  content: "8月中旬～";
}

.sectSyurui.nashi ul li.item02::after {
  content: "9月上旬～";
}

.sectSyurui.nashi ul li.item03::after {
  content: "9月下旬～";
}

.sectSyurui ul li h3,
.sectSyurui.mikan ul li h3 {
  color: #f39800;
}

.sectVoice.nashi li::before {
  content: url(images/kudamonogari/nashi/voice_bullet.jpg);
}

#kudamonogari .sectTips.nashi .tips_flame .txt {
  bottom: 16%;
}

/* mikan */
.sectSyurui.mikan ul {
  background: #fffc96;
}

.sectSyurui.mikan ul li.item01 {
  background: linear-gradient(to bottom, #d1ce00 40px, #fffc96 40px, #fffc96 100%);
}

.sectSyurui.mikan ul li.item02 {
  background: linear-gradient(to bottom, #ffc800 40px, #fffc96 40px, #fffc96 100%);
}

.sectSyurui.mikan ul li.item03 {
  background: linear-gradient(to bottom, #ff9500 40px, #fffc96 40px, #fffc96 100%);
}

.sectSyurui.mikan ul li.item04 {
  background: linear-gradient(to bottom, #ff5e36 40px, #fffc96 40px, #fffc96 100%);
}

.sectSyurui.mikan ul li.item01::before {
  display: none;
  width: 0;
  height: 0;
  border-top: solid 20px #ffc800;
  border-right: solid 20px #ffc800;
  border-bottom: solid 20px #ffc800;
  border-left: solid 20px #d1ce00;
}

.sectSyurui.mikan ul li.item02::before {
  width: 0;
  height: 0;
  border-top: solid 20px #ff9500;
  border-right: solid 20px #ff9500;
  border-bottom: solid 20px #ff9500;
  border-left: solid 20px #ffc800;
}

.sectSyurui.mikan ul li.item03::before {
  width: 0;
  height: 0;
  border-top: solid 20px #ff5e36;
  border-right: solid 20px #ff5e36;
  border-bottom: solid 20px #ff5e36;
  border-left: solid 20px #ff9500;
}

.sectSyurui.mikan ul li.item04::before {
  background: #ff5e36;
}

.sectSyurui.mikan ul li.item04::before {
  display: none;
}

.sectSyurui.mikan ul li.item01::after {
  content: "9月中旬～";
}

.sectSyurui.mikan ul li.item02::after {
  content: "9月下旬～";
}

.sectSyurui.mikan ul li.item03::after {
  content: "10月中旬～";
}

.sectSyurui.mikan ul li.item04::after {
  content: "12月中旬～";
}

.sectVoice.mikan li::before {
  content: url(images/kudamonogari/mikan/voice_bullet.jpg);
}

/* kaki */
.sectPickup {
  position: relative;
  padding: 0 10px;
}

.sectPickup h2 {
  position: absolute;
  top: 28%;
  left: 8%;
}

.sectPickup img {
  margin: 0 auto;
}

.sectPickup p {
  position: absolute;
  left: 3%;
  bottom: 10%;
  width: 35%;
}

.sectVoice.kaki li::before {
  content: url(images/kudamonogari/kaki/voice_bullet.jpg);
}

/* ----------
 * 農園マップ
 * ---------- */
#map h2 img {
  width: 100vw;
}

#map #main_visual {
  padding: 0 10px;
}

#map #main_visual .desc {
  position: relative;
}

#map #main_visual .descContainer {
  position: absolute;
  top: 20px;
  left: 50%;
  background: rgba(255, 255, 255, 0.8);
  width: 80%;
  max-width: 500px;
  height: calc(100% - 45px);
  padding: 25px 30px 10px;
  border-radius: 25px;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: bold;
  transform: translateX(-50%);
}

#map #main_visual .descContainer li {
  border-bottom: 2px dotted red;
}

#map #main_visual .descContainer li::before {
  position: relative;
  content: "★";
}

.sectMap {
  position: relative;
}

#map .toIchigogari,
#map .toCyokubai,
#map .toBudougari,
#map .toKudamonogari {
  position: absolute;
}

.sectMap .toIchigogari {
  top: 3%;
  left: 40%;
  width: 30%;
}

.sectMap .toCyokubai {
  top: 30%;
  left: 0;
  width: 35%;
}

.sectMap .toBudougari {
  top: 83%;
  right: 0;
  width: 30%;
}

.sectMap .toKudamonogari {
  bottom: 3%;
  right: 0;
  width: 40%;
}

.sectCyokubai {
  padding: 0 10px;
}

.sectCyokubai .lead {
  color: #000;
  font-size: 1.1rem;
}

.sectCyokubai .txt {
  display: flex;
  flex-flow: column wrap;
  padding: 0 30px;
}

.sectCyokubai h3.goods {
  background: #f29500;
  padding: 5px;
  border-radius: 20px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
}

.sectCyokubai ul.goods {
  padding: 10px 0;
  color: #000;
  font-weight: bold;
}

.sectCyokubai .goods li::before {
  position: relative;
  content: "●";
}

.sectCyokubai .time {
  background: #e868a0;
  margin-top: auto;
  padding: 10px 20px;
  border-radius: 30px;
  box-sizing: border-box;
  color: #fff;
}

.sectCyokubai .time h3 {
  background: url(images/map/map_icon_tokei.png) left center/24px 24px no-repeat;
  padding: 3px 0 3px 1.8rem;
  box-sizing: border-box;
  font-size: 1.1rem;
}

.sectCyokubai .time h3::before {
  position: relative;
}

.sectCyokubai .time .tel {
  font-size: 1rem;
  font-weight: bold;
}

.sectCyokubai .schedule {
  text-align: center;
}

.sectCyokubai .btn {
  margin-bottom: 60px;
}

.sectCyokubai .btn h3 {
  margin-top: auto;
  border-bottom: 2px dotted red;
  color: red;
  font-size: 1.4rem;
  font-weight: bold;
}

.sectCyokubai .btn p {
  text-align: right;
}

.sectCyokubai .btn img {
  padding-top: 5px;
  vertical-align: top;
}

#map .sectPrice {
  padding: 0 10px;
}

#map .sectPrice h2 {
  position: static;
  text-align: left;
}

#map .sectPrice h2 img {
  width: auto;
}

#map .sectPrice .table {
  padding-top: 10px;
  text-align: center;
}

.sectPrice .priceTable {
  position: relative;
}

.sectPrice .priceTable h3 {
  padding-top: 40px;
}

.sectPrice .priceTable.ichigogari h3 {
  margin-top: -30px;
}

.sectPrice .priceTable.ichigogari .table {
  max-width: 830px;
  margin: 0 auto;
}

.sectPrice .priceTable .btn {
  width: 50%;
}

.sectPrice .priceTable.bbq {
  padding: 50px 0;
}

/* ----------
 * 農園遊び
 * ---------- */
#play .lead {
  width: 85%;
  max-width: 700px;
  margin: 0 auto;
  color: #000;
  font-size: 0.8rem;
}

.sectArea {
  text-align: center;
}

.sectArea .sectBbq {
  position: relative;
}

.sectArea .sectBbq .bbq_btn {
  position: absolute;
  bottom: 0.5%;
  right: 4%;
  width: 30%;
}

/* ----------
 * クーポン
 * ---------- */
#coupon .ticket {
  width: 80%;
  max-width: 700px;
  margin: 0 auto;
  padding: 50px 0;
  text-align: center;
}

/* ----------
 * about
 * ---------- */
#about #main_visual {
  background: #fff;
}

#about #main_visual .img {
  text-align: center;
}

#about .detail, #about .greeting {
  padding: 0 10px;
}

#about .detail .txt p {
  margin-bottom: 1rem;
}

#about .greeting {
  background: #faf7eb;
}

#about .greeting .img {
  padding-bottom: 10px;
}

.sectTorikumi h2 {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 8.33%, #fff 8.33%, #fff 100%);
}

#about .sectTorikumi .detail {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 20px 10px;
}

.sectTorikumi .detail h3 {
  color: #87bc43;
  font-size: 1.2rem;
  font-weight: bold;
}

#about .sectTorikumi .detail .txt {
  width: 58%;
  padding-left: 3%;
  box-sizing: border-box;
  font-size: 0.5rem;
  line-height: 1;
}

#about .sectTorikumi .detail .img {
  width: 35%;
}

.sectTorikumi .detail h3 {
  margin: 1rem 0 0.8rem;
  font-size: 0.8rem;
}

#about .sectTorikumi .detail .txt p {
  margin-bottom: 0.5rem;
}

.sectTorikumi .detail .mark {
  background: #d8ec9e;
}

.sectStaff {
  position: relative;
  margin: 20px 0 0;
  text-align: center;
}

.sectStaff img {
  width: 100vw;
}

.sectStaff h2 {
  position: absolute;
  top: 1px;
  right: 0;
  width: 74%;
}

/* ----------
 * メディア
 * ---------- */
#media .sectMedia {
  background: #fff;
  padding: 10px;
}

.sectMedia .lead {
  width: 78%;
  margin: 0 auto;
  padding-bottom: 30px;
  color: #000;
}

#articleContainer h2 {
  background: url(images/media/h2.jpg) no-repeat 0 0/cover;
  margin-bottom: 10px;
  padding-left: 25px;
  color: #f0390d;
  font-size: 0.88rem;
  line-height: 1.5;
  overflow: hidden;
}

#articleContainer div {
  display: flex;
  padding-bottom: 30px;
}

#articleContainer img {
  min-width: 120px;
  padding-left: 5%;
}

#articleContainer .txt {
  padding-left: 5%;
}

/* ----------
 * アクセス
 * ---------- */
#access .sectAccess {
  padding: 10px;
}

#access h1#pageTitle {
  padding-top: 20px;
}

.sectAccess .gmap {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 20px;
}

.sectAccess .address {
  background: url(images/access/address_bg.jpg) no-repeat 0 0/contain;
  margin-bottom: 20px;
  padding: 40px 15px 15px 15%;
  border: 3px solid #fc0004;
  border-radius: 25px;
  box-sizing: border-box;
}

.sectAccess .address h2 {
  color: #444;
  font-size: 1.4rem;
  font-weight: 900;
}

.sectAccess dt, .sectAccess dd {
  font-size: 0.7rem;
}

.sectAccess .address dt {
  color: red;
}

.sectAccess .howto {
  margin-bottom: 20px;
  padding: 10px 30px;
  border: 3px solid #f08d4e;
  border-radius: 25px;
  box-sizing: border-box;
  color: #000;
}

.sectAccess .howto.by_car {
  background: url(images/access/kuruma_bg.png) 95% 92%/60% no-repeat #fffede;
}

.sectAccess .howto.by_jr {
  background: url(images/access/jr_bg.png) 95% 92%/15% no-repeat #fffede;
}

.sectAccess .howto h2 {
  color: red;
  font-weight: bold;
}

.sectAccess .by_car h2::before {
  position: relative;
  top: 5px;
  margin-right: 0.2rem;
  content: url(images/access/icon_kuruma.png);
}

.sectAccess .by_jr h2::before {
  position: relative;
  top: 10px;
  margin-right: 1rem;
  content: url(images/access/icon_jr.png);
}

.sectAccess .howto h3 {
  margin: 0.7rem 0 0.3rem;
  font-size: 1rem;
  font-weight: bold;
}

#access .contactUs {
  padding: 0 30px;
}

#access .sectSchedule {
  padding: 30px 6px 30px 10px;
}

/* ----------
 * 植木1日観光
 * ---------- */
.sectTour {
  padding: 25px 0 0;
  text-align: center;
}

.sectTour .img.arrow {
  position: relative;
}

.sectTour .img.arrow::after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  content: url(images/tour_ueki/flow_arrow_b.png);
  transform: translate(-50%, 0);
}

.sectLunch, .sectOnsen {
  padding: 20px;
  text-align: center;
}

.sectLunch li, .sectOnsen li {
  background: #f4f0e5;
  margin-bottom: 20px;
  padding: 20px;
  box-sizing: border-box;
}

.sectLunch h3, .sectOnsen h3 {
  background: url(images/tour_ueki/lunch/shop_h.png) center top/100% no-repeat;
  height: 1.7em;
  font-size: 1.1rem;
  line-height: 1.7em;
}

.sectOnsen h3 {
  background: url(images/tour_ueki/onsen/shop_h.png) center top/100% no-repeat;
}

.sectLunch .desc, .sectLunch .info,
.sectOnsen .desc, .sectOnsen .info {
  color: #83591d;
  font-size: 0.63rem;
  text-align: left;
}

.sectLunch .desc,
.sectOnsen .desc {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 10px;
}

.sectLunch .desc .txt,
.sectOnsen .desc .txt {
  width: 42%;
}

.sectLunch .desc .img,
.sectOnsen .desc .img {
  width: 56%;
}

.sectLunch li,
.sectOnsen li {
  display: flex;
  flex-direction: column;
}

.sectLunch .info,
.sectOnsen .info {
  background: #fff;
  width: 90%;
  margin: 0 auto;
  margin-top: auto;
  padding: 8px 10px;
  border-radius: 10px;
  box-sizing: border-box;
}

.sectOnsen strong {
  color: #83591d;
}

.sectLunch .notice img {
  vertical-align: middle;
}

.pdf {
  padding-top: 30px;
  text-align: center;
}

#tour_ueki .sectSchedule {
  margin-bottom: 30px;
  padding: 0 6px 0 10px;
}

#tour_ueki .pdf a {
  display: inline-block;
}

/* ----------
 * バーベキュー
 * ---------- */
#bbq img, #cafe img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

#bbq .pc, #cafe .pc {
  display: none;
}

#bbq section {
  margin: 0 10px;
}

.sectExplanation {
  position: relative;
}

#bbq strong, #cafe strong {
  color: #5f4646;
}

.explanation {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  padding: 0 20px;
  box-sizing: border-box;
}

#bbq .sectFacilityBBQ,
#bbq .sectContact {
  background: url(images/bbq/bg_sp_bbq.png);
  background-repeat: repeat-y;
  padding: 5px 13.5px;
}

.sectFacilityBBQ .inner,
.sectContact .inner {
  background: #fff;
  border: 1.5px solid #9cc23c;
  border-radius: 7px;
}

.sectFacilityBBQ .desc,
.sectFacilityBBQ .facility {
  padding: 10px;
  line-height: 1.3;
}

.sectFacilityBBQ .facility,
.sectContact .info {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.sectFacilityBBQ h2 img {
  border-radius: 7px;
}

.sectFacilityBBQ .facility li {
  width: 48%;
}

.sectFacilityBBQ .facility li.focus,
.sectContact .info li {
  width: 100%;
}

.facility .txt {
  margin: 8px 0 12px;
}

#bbq .sectContact {
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 15px;
}

.sectContact .inner {
  border: none;
}

.sectContact .info {
  padding-bottom: 10px;
}

.sectContact .info li {
  padding: 10px 10px 0;
  box-sizing: border-box;
}

.sectContact .btn {
  text-align: right;
}

/* ----------
 * カフェ
 * ---------- */
.sect1 {
  position: relative;
}

.sect1 .textarea {
  position: absolute;
  top: 7%;
  left: 39%;
  width: 59%;
  font-size: 0.7rem;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.8;
}

.sect1 .textarea .shop {
  color: #EA5514;
}

.sect1 .textarea .cafe {
  color: #E73D6B;
}

/* ----------
 * お問い合わせ
 * ---------- */
.sectForm .inner {
  max-width: 620px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
}

.sectForm .lead,
.sectForm .attention {
  padding: 1.2rem 0 1.5rem;
}

.sectForm dt {
  float: left;
  width: 32%;
  margin-bottom: 20px;
}

.sectForm dd {
  margin-left: 33%;
  margin-bottom: 20px;
}

.sectForm input[type=text], .sectForm textarea {
  width: 100%;
  border: 1px solid #999;
  box-sizing: border-box;
  line-height: 1.5;
}

.sectForm small {
  color: red;
}

.sectForm .required {
  margin-left: 8px;
}

.sectForm .submitPara {
  padding: 20px 0 0;
  border-top: 2px dotted #ff7e7e;
  text-align: center;
}

.sectForm .submitPara input,
.sectForm.check input[type=button],
.sectForm.check input[type=submit] {
  background: #ff7e7e;
  margin: 0 10px;
  padding: 10px 40px 8px;
  border: 0;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}

#contact .sectForm.check {
  padding: 50px 0;
}

/* ----------
 * サイトマップ
 * ---------- */
#sitemap #content {
  background: none;
  padding: 0 10px;
}

.sectSitemap {
  background: #fff;
  margin: 30px auto;
  padding: 30px 30px 0;
}

#sitemap h1 {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  padding: 0.8em 0 0;
  border-top: 2px solid #5f4646;
  box-sizing: border-box;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left;
}

#sitemap h1::before {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 5px;
  margin: 0;
  border-top: 1px solid #a08870;
  content: "";
}

.sectSitemap ul {
  max-width: 700px;
  margin: 15px auto;
  padding-bottom: 10px;
}

.sectSitemap .pageList {
  border-top: 1px solid #eee;
}

.sectSitemap li {
  background: url(images/footer_bullet.png) no-repeat 2px 17px;
  padding: 12px 12px 12px 20px;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}

.sectSitemap li a {
  color: #5f4646;
}

.sectSitemap li.child {
  background: none;
  padding-left: 30px;
}

.sectSitemap li.child::before {
  position: relative;
  margin-right: 8px;
  color: #a08870;
  content: ">";
}

.sectSitemap .relative li {
  background: url(images/sitemap/sitemap_bullet.png) no-repeat 2px 17px;
}

.sectSitemap .relative li a {
  color: #79197f;
}

@media screen and (min-width: 768px) {
  /* レイアウト */
  #container {
    background: url(images/container_bg.jpg);
    background-repeat: repeat-y;
  }
  #content {
    background: none;
  }
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  section {
    margin: 12px 20px;
  }
  /* サイド固定バナー */
  #fixed_bnr {
    display: block;
  }
  /* 基本設定 */
  body {
    font-size: 14px;
  }
  /* ----------
   * footer
   * ---------- */
  .ftSns {
    display: none;
  }
  .ftLink {
    position: absolute;
    top: 90px;
    right: 0;
    width: 55%;
    z-index: 1;
  }
  .ftContainer {
    padding: 10px 45px 180px;
  }
  .ft_info dt::before {
    position: relative;
    content: "●";
  }
  .ft_info dt.name {
    padding-left: 0.8rem;
    box-sizing: border-box;
  }
  .ft_info dt.name::before {
    display: none;
  }
  .ftArea {
    justify-content: center;
  }
  /* ----------
   * トップページ
   * ---------- */
  /* sectDesc */
  #sectDesc {
    display: flex;
    justify-content: space-between;
    background: url(images/home/sect1.png) center/100% no-repeat;
    margin-left: calc(20px - 1%);
    padding-left: 13%;
  }
  #sectDesc .txt, #sectDesc .shop_info {
    padding: 20px;
    box-sizing: border-box;
  }
  #sectDesc h2, .shop_info dt.ichigo, .shop_info dd.ichigo {
    display: block;
  }
  #sectDesc .txt {
    display: block;
    background: none;
    width: 60%;
  }
  #sectDesc .shop_info {
    background: none;
    width: 65%;
    height: auto;
  }
  #sectDesc .shop_info .schedule_info {
    padding-top: 0;
  }
  #sectDesc h2.hour {
    margin: 0.8rem 0 0.4rem;
  }
  #sectDesc .shop_info dl {
    width: 100%;
  }
  #sectDesc .shop_info dt, #sectDesc .shop_info dd {
    border-bottom: 2px dotted #c1c1bc;
    text-align: left;
  }
  #sectDesc .shop_info dd {
    background: #fadce9;
    padding-left: 1rem;
    color: red;
  }
  /* sectDesc_sp */
  #sectDesc_sp {
    display: none;
  }
  /* sectBnr */
  .sectBnr .banner-flex {
    flex-direction: row;
    margin-top: 0;
  }
  .sectBnr .banner-flex .banner-link {
    width: 49%;
  }
  /* secInfo */
  #sectInfo, #sectInfo2, #sectInfo3 {
    display: flex;
    justify-content: space-between;
  }
  .info_box,
  .info_box_left {
    width: 49.5%;
  }
  .info_box.l,
  .info_box_left {
    display: block;
  }
  /* sectInfo2 */
  #sectInfo2 .info_box.r {
    display: block;
  }
  /* sectInfo_pc */
  #sectInfo_pc {
    display: block;
    text-align: center;
  }
  /* sectInfo3 */
  .Media h3 {
    font-size: 1.1rem;
  }
  .Media {
    height: 100%;
  }
  #sectInfo3 .media_box .btn {
    bottom: 12px;
  }
  /* sectLink */
  .Syun {
    position: relative;
    background: none;
    margin-top: 1rem;
  }
  .Syun h2 {
    position: absolute;
    top: -1.2rem;
    left: 0;
    text-align: left;
  }
  .Syun ul.sp {
    display: none;
  }
  .Song {
    display: block;
  }
  /* ----------
   * 各ページ共通
   * ---------- */
  #main_visual .catch {
    width: 88%;
    margin: 0 5% 0 7%;
    padding: 150px 0 0;
  }
  #main_visual .catch p {
    position: absolute;
    top: 68%;
    padding: 0;
    padding-left: 8%;
    background: none;
    width: 78%;
  }
  .fl_box1 li {
    line-height: normal;
  }
  .fl_box2 {
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  /* ----------
   * ぶどう狩り
   * ---------- */
  #budougari #main_visual {
    background-position: center 50px;
  }
  /* sectChigai */
  #budougari .sectChigai {
    margin: -10px 20px 12px;
  }
  .chigai {
    display: flex;
  }
  .chigai h2 img, .chigai h3 img {
    width: 100%;
  }
  #budougari .chigai .desc img,
  #ichigogari .chigai .desc img {
    margin-top: 0;
  }
  .syou {
    display: block;
  }
  /* sectHinsyu */
  .sectHinsyu .btn {
    flex-flow: row wrap;
    justify-content: flex-end;
  }
  .sectHinsyu .btn a {
    padding-right: 1rem;
  }
  /* sectPrice */
  .sectPrice h2 {
    text-align: left;
  }
  .sectPrice .table,
  #kudamonogari .sectPrice .table {
    padding-top: 100px;
  }
  #budougari .sectPrice .table {
    padding-left: 0;
  }
  /* sectVoice */
  .sectVoice li {
    font-size: inherit;
    font-weight: bold;
    line-height: 2;
  }
  /* sectTips */
  .sectTips li {
    width: 33.3333%;
  }
  /* sectTips */
  .sectTips li .txt {
    font-size: 0.7rem;
  }
  /* sectSchedule */
  .sectSchedule,
  #access .sectSchedule {
    padding: 40px 50px;
  }
  /* ----------
   * いちご狩り
   * ---------- */
  /* sectCHigai */
  #ichigogari .chigai {
    margin-top: -80px;
  }
  /* secPrice */
  #ichigogari .sectPrice {
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  #ichigogari .sectPrice .h2 {
    width: 30%;
  }
  #ichigogari .sectPrice .table {
    width: 68%;
    padding-top: 40px;
  }
  #ichigogari .sectPrice .table .caution {
    padding-left: 30px;
    font-size: 0.66rem;
    line-height: 1.3;
  }
  /* sectFacility */
  .sectFacility li.item01,
  .sectFacility li.item02,
  .sectFacility li.item03 {
    width: 48%;
    line-height: normal;
  }
  /* ----------
   * くだもの狩り
   * ---------- */
  #kudamonogari #main_visual {
    margin: 0 20px;
  }
  #kudamonogari .Syun {
    padding: 0;
  }
  #kudamonogari .chigai .desc img {
    margin-top: 50px;
  }
  /* ringo */
  .sectChigai h2 .pc {
    display: inline-block;
  }
  #kudamonogari .sectTips h2 {
    text-align: left;
  }
  .sectTips.ringo .tips_flame {
    margin-top: -25px;
  }
  #kudamonogari .sectTips .tips_flame .txt {
    bottom: 20%;
    left: 13%;
    width: 70%;
    font-size: 0.7rem;
    line-height: normal;
  }
  /* nashi */
  #kudamonogari .sectTips.nashi .tips_flame .txt {
    bottom: 22%;
  }
  /* mikan */
  .sectTips.mikan .tips_flame {
    margin-top: -20px;
  }
  #kudamonogari .sectTips.mikan .tips_flame .txt {
    bottom: 17%;
    left: 14%;
    width: 59%;
  }
  /* kaki */
  .sectPickup h2 img {
    width: 60%;
  }
  .sectPickup p {
    left: 8%;
    bottom: 4%;
    width: 45%;
  }
  .sectTips.kaki .tips_flame {
    margin-top: -65px;
  }
  .sectTips.kaki .tips_flame h3 {
    margin-top: -30px;
  }
  #kudamonogari .sectTips.kaki .tips_flame .txt {
    bottom: 12%;
  }
  /* ----------
   * 農園マップ
   * ---------- */
  #map #content {
    background: #fff;
    margin: 30px 20px;
  }
  #map #main_visual .descContainer {
    padding: 10px 30px;
    font-size: 1.1rem;
  }
  .sectCyokubai .img {
    width: 68%;
  }
  .sectCyokubai .img img {
    vertical-align: bottom;
  }
  .sectCyokubai .txt {
    width: 30%;
    padding: 0;
  }
  .sectCyokubai ul.goods,
  .sectCyokubai .time {
    font-size: 0.75rem;
  }
  .sectCyokubai .time .tel {
    font-size: 0.9rem;
  }
  /* ----------
   * 農園遊び
   * ---------- */
  #play #main_visual,
  #play .sectArea,
  #play .sectSchedule {
    background: #fff;
  }
  #play #main_visual {
    margin: 30px 20px 0;
  }
  #play .sectArea {
    margin: 0 20px;
  }
  #play .sectSchedule {
    margin: 0 20px 30px;
  }
  #play .lead {
    font-size: 1rem;
  }
  /* ----------
   * クーポン
   * ---------- */
  #coupon .sectCoupon,
  #coupon .sectSchedule {
    background: #fff;
  }
  #coupon .sectCoupon {
    margin: 30px 40px 0;
  }
  #coupon .sectSchedule {
    margin: 0 40px 30px;
  }
  #coupon h1#pageTitle {
    margin: 0 -20px;
  }
  /* ----------
   * about
   * ---------- */
  #about #main_visual {
    margin: 30px 20px;
    padding-bottom: 10px;
  }
  #about .detail, #about .greeting {
    display: flex;
    justify-content: space-between;
    margin: 0 20px 20px;
  }
  #about .greeting {
    margin: 20px 30px;
  }
  #about .detail .txt {
    width: 56%;
  }
  #about .detail .img {
    width: 40%;
  }
  #about .greeting .txt {
    width: 62%;
  }
  #about .greeting .img {
    width: 38%;
    padding-top: 7%;
  }
  #about .greeting img {
    width: 100vw;
  }
  .sectTorikumi h2 {
    margin: 0 20px;
  }
  #about .sectTorikumi .detail .txt {
    font-size: inherit;
    line-height: normal;
  }
  #about .sectTorikumi .detail h3 {
    font-size: 1.2rem;
  }
  .sectStaff {
    margin: 20px 40px 10px;
  }
  /* ----------
   * メディア
   * ---------- */
  #media .sectMedia {
    margin: 30px;
    padding: 0 50px 50px;
  }
  .sectMedia .lead {
    background: url(images/media/bg.jpg) right top/contain no-repeat;
    width: 100%;
    height: 185px;
    padding-left: 15%;
    box-sizing: border-box;
    font-size: 1.2rem;
  }
  #articleContainer h2 {
    padding-left: 56px;
    font-size: 1.2rem;
    line-height: 42px;
  }
  #articleContainer div {
    padding-top: 10px;
  }
  #articleContainer img {
    min-width: 180px;
  }
  /* ----------
   * アクセス
   * ---------- */
  #access .sectAccess,
  #access .sectGmap,
  #access .contactUs,
  #access .sectSchedule {
    background: #fff;
  }
  #access .sectAccess {
    margin: 30px 40px 0;
  }
  .sectAccess .map,
  #access .contactUs {
    text-align: center;
  }
  #access .sectAccess {
    padding: 0 30px 10px;
  }
  #access h1#pageTitle {
    margin: 0 -50px 0 0;
  }
  #access .sectGmap {
    padding: 10px 30px;
  }
  .sectAccess .address {
    padding: 15px 20px 15px 13%;
  }
  .sectAccess dt, .sectAccess dd {
    font-size: 1rem;
  }
  #access .sectGmap,
  #access .contactUs {
    margin: 0 40px;
  }
  #access .sectSchedule {
    margin: 0 40px 30px;
  }
  /* ----------
   * 植木1日観光
   * ---------- */
  #tour_ueki .sectTour,
  #tour_ueki .sectLunch,
  #tour_ueki .sectOnsen {
    background: #fff;
  }
  .sectTour, .sectLunch, .sectOnsen {
    margin: 40px 40px 0;
  }
  .sectTour {
    padding: 30px 5px;
  }
  .sectTour .flow {
    display: flex;
  }
  .sectTour .flow .img {
    width: 33.3333%;
    margin-top: auto;
  }
  .sectTour .img.arrow::after {
    left: auto;
    right: -16px;
    bottom: 100px;
    content: url(images/tour_ueki/flow_arrow_r.png);
    transform: translate(0);
    z-index: 1;
  }
  .sectLunch ul, .sectOnsen ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .sectLunch li, .sectOnsen li {
    width: 48.7%;
  }
  .sectLunch h3, .sectOnsen h3 {
    height: 2em;
    font-size: 1.3rem;
    line-height: 2em;
  }
  #tour_ueki .sectSchedule {
    margin: 20px 50px 30px;
  }
  /* ----------
   * バーベキュー
   * ---------- */
  #bbq .pc, #cafe .pc {
    display: block;
  }
  #bbq .sp, #cafe .sp {
    display: none;
  }
  #bbq section {
    margin: 0 20px;
  }
  .explanation {
    top: 12%;
    left: 5%;
    right: auto;
    width: 52%;
    font-size: 0.7rem;
  }
  #bbq .sectFacilityBBQ,
  #bbq .sectContact {
    background: url(images/bbq/bg_c_03.jpg);
    background-repeat: repeat-y;
    background-size: 100%;
    padding: 0;
  }
  .sectFacilityBBQ .inner,
  .sectContact .inner {
    background: none;
    border: none;
    border-radius: 0;
  }
  .sectFacilityBBQ .desc,
  .sectFacilityBBQ .facility,
  .sectContact .info,
  .sectKudamonogari .inner {
    padding: 10px 50px;
    font-size: 0.8rem;
    line-height: inherit;
  }
  .sectFacilityBBQ h2 img {
    border-radius: 0;
  }
  .sectFacilityBBQ .facility li {
    width: 24%;
  }
  .sectFacilityBBQ .facility li.focus {
    width: 48%;
  }
  #bbq .sectContact {
    margin-bottom: 0;
  }
  .sectContact .info li {
    width: 50%;
  }
  #bbq .sectKudamonogari {
    background: url(images/bbq/bg_kudamonogari.jpg) center bottom/100% repeat-y;
    padding: 0 0 30px 0;
  }
  #bbq .Syun {
    margin-top: 0;
  }
  #bbq .sectInfo, #bbq .sectBnr {
    margin: 12px 20px;
  }
  #bbq .line {
    margin-top: 12px;
  }
  /* ----------
   * カフェ
   * ---------- */
  #cafe #content {
    margin: 0 10px;
  }
  #cafe .sectBnr, #cafe .sectInfo {
    background: url(images/cafe_shop/c_lp_003.jpg) center bottom/100% repeat-y;
  }
  #cafe .sectInfo {
    padding: 12px 0;
  }
  #cafe .line {
    padding-top: 12px;
  }
  /* ----------
   * お問い合わせ
   * ---------- */
  #contact .sectForm {
    background: #fff;
    margin: 30px 40px;
  }
  .sectForm .lead,
  .sectForm .attention {
    padding: 1.2rem 10% 1.5rem;
  }
  /* ----------
   * サイトマップ
   * ---------- */
  #sitemap h1 {
    margin: 30px auto 0;
    padding: 0.8em 0;
  }
  .sectSitemap {
    margin: 20px 10px;
    padding: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* ----------
   * トップページ
   * ---------- */
  /* sectInfo */
  .ors_def li {
    font-size: 0.7rem;
  }
  /* sectInfo2 */
  #sectInfo2 .info_box.r {
    max-height: 540px;
    overflow: hidden;
  }
}
@media screen and (min-width: 769px) {
  /* レイアウト */
  #container {
    margin: 0 auto 66px;
    border: 10px solid #87bc43;
    border-top: none;
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
  }
  /* ----------
   * header
   * ---------- */
  .header_bg,
  #header .btnContact,
  #header nav {
    display: block;
  }
  .siteTitle {
    position: absolute;
    top: 3px;
    left: 5px;
    padding: 0;
  }
  .logo {
    float: none;
    position: absolute;
    top: 23px;
    left: 2.8%;
    width: 18%;
    padding: 0;
  }
  .sp_menu {
    display: none;
  }
  /* ----------
   * footer
   * ---------- */
  .ft_sp {
    display: none;
  }
  .ftBottom {
    background: none;
    font-size: 0.6rem;
  }
  .footer_bg {
    display: block;
  }
  .ftContainer {
    position: absolute;
    top: 10px;
    width: 100%;
    padding: 20px 45px 50px;
    box-sizing: border-box;
  }
  .ft_info {
    font-size: 0.58rem;
  }
  #footer .ft_logo {
    display: block;
  }
  #footer .ft_info {
    width: 40%;
  }
  #footer nav {
    display: flex;
    width: 60%;
  }
  #page_top {
    /*	bottom: 10px;*/
  }
  /* ----------
   * 各ページ共通
   * ---------- */
  .fl_box1 li {
    width: 31%;
    padding: 0;
  }
  /* ----------
   * ぶどう狩り
   * ---------- */
  /* sectChigai */
  .sectChigai li h3, .sectSyurui ul li h3 {
    font-size: 0.9rem;
  }
  /* sectSyurui */
  .sectSyurui ul li h3 {
    text-align: left;
  }
  /* sectTips */
  #budougari .sectTips {
    background: url(images/budougari/tips_bg.png) 95% 30px/363px 204px no-repeat;
  }
  .sectTips li .txt {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 1024px) {
  /* レイアウト */
  .sp2 {
    display: none;
  }
  .pc2 {
    display: block;
  }
  /* ----------
   * header
   * ---------- */
  .siteTitle {
    font-size: 0.7rem;
    line-height: 0.95;
  }
  #home .siteTitle {
    font-size: 0.86rem;
  }
  /* ----------
   * footer
   * ---------- */
  .ftBottom {
    font-size: 0.82rem;
  }
  .ft_info {
    font-size: 0.76rem;
  }
  /* ----------
   * トップページ
   * ---------- */
  /* sectDesc */
  #sectDesc .txt, #sectDesc .shop_info {
    font-size: 1rem;
  }
  #sectDesc .shop_info {
    font-size: 0.88rem;
  }
  #sectDesc h2 {
    font-size: 1.1rem;
  }
  #sectDesc .shop_info dt {
    width: 8rem;
  }
  #sectDesc .shop_info dd {
    margin-left: 8rem;
  }
  /* sectInfo */
  .Chokubai, .Group {
    margin-top: 0.25rem;
  }
  .Chokubai .txt {
    width: 60%;
    font-size: 0.75rem;
  }
  .Group ul {
    font-size: 0.8rem;
  }
  /* ----------
   * 各ページ共通
   * ---------- */
  #main_visual .catch p {
    font-size: 1rem;
    line-height: 1.18;
  }
  /* ----------
   * ぶどう狩り
   * ---------- */
  /* main_visual */
  #budougari #main_visual .catch {
    padding-top: 210px;
  }
  #budougari #main_visual .catch p {
    top: 70%;
    padding-left: 5.8%;
  }
  /* sectSyurui */
  .sectSyurui ul li,
  .sectHinsyu ul li {
    width: 19%;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1.3;
  }
  .sectSyurui.budou ul li.item01::before,
  .sectSyurui.budou ul li.item04::before,
  .sectSyurui.budou ul li.item07::before,
  .sectSyurui.budou ul li.item10::before {
    display: block;
  }
  .sectSyurui.budou ul li.item05::before,
  .sectSyurui.budou ul li.item10::before {
    display: none;
  }
  .sectSyurui.budou ul li.item02::after,
  .sectSyurui.budou ul li.item05::after,
  .sectSyurui.budou ul li.item08::after {
    display: none;
  }
  .sectSyurui.budou ul li.item06::after {
    content: "8月中旬～";
  }
  /* sectHinsyu */
  .sectHinsyu ul li {
    width: 24%;
  }
  .sectHinsyu ul li.item02::before,
  .sectHinsyu ul li.item06::before {
    display: block;
  }
  .sectHinsyu ul li.item03::after,
  .sectHinsyu ul li.item05::after,
  .sectHinsyu ul li.item07::after {
    display: none;
  }
  /* sectWay */
  .sectWay {
    display: block;
    position: relative;
  }
  .sectWay h2, .sectWay .txt1, .sectWay .txt2 {
    position: absolute;
  }
  .sectWay h2 {
    top: 0;
    left: 2%;
  }
  .sectWay .txt1 {
    top: 25%;
    right: 3.8%;
    width: 26%;
  }
  .sectWay .txt2 {
    top: 72.5%;
    left: 14%;
    width: 34%;
    line-height: 1.3;
  }
  /* sectTips */
  .sectTips li .txt {
    font-size: 0.9rem;
  }
  /* sectGo */
  .sectGo {
    margin: 12px auto;
  }
  .sectGo .pc2 img {
    width: 100%;
    max-width: initial;
  }
  .sectGo h2 {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .sectGo ul.go {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 100px;
  }
  .sectGo ul.go > li {
    width: 45%;
  }
  .sectGo .go li p, .sectGo .go li .contact {
    width: 90%;
  }
  .sectGo .go .kojin .contact {
    padding-left: 80px;
  }
  .go .kojin .time, .go .kojin .contact {
    font-size: 1.1rem;
  }
  .go .kojin .contact h4 {
    padding-left: 30px;
  }
  .go .kojin .time,
  .go .kojin .contact h4,
  .go .kojin .contact {
    padding-bottom: 10px;
  }
  .sectGo .go .kojin .contact .tel, .sectGo .go .kojin .contact .mail {
    color: #5f941c !important;
  }
  .go .kojin .contact .tel {
    font-size: 1.5rem;
  }
  .go .dantai .hiyoko, .go .dantai .txt1,
  .go .dantai .syubetsu,
  .go .dantai .contact {
    display: block;
  }
  .go .dantai .lead {
    font-size: 1rem;
  }
  .go .dantai dt,
  .go .dantai dd {
    font-size: 0.8rem;
  }
  .go .dantai dt {
    clear: both;
    float: left;
    color: #e60012;
  }
  .go .dantai .syubetsu {
    padding: 3px 0 3px 20px;
  }
  .sectGo .dantai .contact {
    display: flex;
    background: #87ba43;
    padding: 5px;
    border-radius: 10px;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
  }
  .go .dantai .contact h4 {
    width: 36%;
    border-right: 3px dotted #fff;
    text-align: center;
    line-height: 38.4px;
  }
  .go .dantai .contact dl {
    width: 62%;
  }
  .sectGo .dantai .contact dt {
    margin-right: 1rem;
    padding-left: 20px;
    color: #fff;
  }
  /* sectEvent */
  .sectEvent {
    display: block;
  }
  /* ----------
   * くだもの狩り
   * ---------- */
  /* ringo */
  .sectSyurui.ringo ul li,
  .sectSyurui.nashi ul li,
  .sectSyurui.mikan ul li {
    width: 24%;
  }
  .sectSyurui.ringo ul li.item07 {
    width: 49%;
    padding-right: 25%;
    box-sizing: border-box;
  }
  .sectSyurui.ringo ul li.item01::before,
  .sectSyurui.ringo ul li.item05::before,
  .sectSyurui.ringo ul li.item07::before {
    display: block;
  }
  #kudamonogari .sectTips .tips_flame .txt {
    font-size: inherit;
  }
  /* nashi */
  .sectSyurui.nashi ul li.item01::before {
    display: block;
  }
  #kudamonogari .sectTips.nashi .tips_flame .txt {
    bottom: 18%;
  }
  /* mikan */
  #kudamonogari .sectTips.mikan .tips_flame .txt {
    width: 57%;
  }
  /* kaki */
  .sectPickup h2 img {
    width: 100%;
  }
  .sectTips.kaki .tips_flame h3 {
    margin-top: -50px;
  }
  /* ----------
   * 農園マップ
   * ---------- */
  .sectCyokubai ul.goods,
  .sectCyokubai .time {
    font-size: inherit;
  }
  .sectCyokubai .time .tel {
    font-size: 1rem;
  }
  .sectCyokubai .btn {
    display: flex;
    justify-content: space-between;
  }
  .sectPrice .priceTable .btn {
    position: absolute;
    top: 40px;
    right: 0;
    width: 30%;
  }
  .sectPrice .priceTable.bbq .btn {
    top: 90px;
  }
  /* ----------
   * 農園遊び
   * ---------- */
  #play .lead {
    font-size: 1.1rem;
  }
  /* ----------
   * about
   * ---------- */
  #about .sectTorikumi .detail .txt p {
    margin-bottom: 1rem;
  }
  /* ----------
   * メディア
   * ---------- */
  #articleContainer img {
    max-width: initial;
  }
  /* ----------
   * 植木1日観光
   * ---------- */
  .sectTour .img.arrow::after {
    bottom: 128px;
  }
  .sectLunch .desc, .sectLunch .info,
  .sectOnsen .desc, .sectOnsen .info {
    font-size: 0.8rem;
  }
  /* ----------
   * バーベキュー
   * ---------- */
  .explanation {
    font-size: inherit;
  }
  /* ----------
   * カフェ
   * ---------- */
  .sect1 .textarea {
    font-size: 0.9rem;
  }
}
.banner-recruit {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .banner-recruit {
    display: none;
  }
}
#overlay1area {
  display: none;
  top: 200%;
  opacity: 0;
}

/* ----------
* 英語ページ2022/3追加（以下デスクトップファースト）
* ---------- */
#container.english {
  margin-top: 20px;
  border-top: 10px solid #87bc43;
  border-radius: 10px;
}

#page-welcome.welcome-img {
  max-width: 800px;
  margin: 25px auto 20px;
}

#english_sectDesc {
  display: flex;
  justify-content: space-between;
  background: url(images/home/sect1.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  margin-left: calc(20px - 1%);
  padding-left: 13%;
  margin: 0 20px 25px;
}

#english_sectDesc .txt {
  padding: 20px;
  box-sizing: border-box;
  display: block;
  background: none;
  width: 100%;
  font-size: 1rem;
}

#main_visual.english #pageTitle {
  max-width: 940px;
  margin: 0 auto;
}

#main_visual.english .Syun {
  max-width: 940px;
  margin: -5px auto 0;
}

#main_visual.english .pc li.item02 {
  left: 21.4%;
}

#main_visual.english .pc li.item03 {
  left: 41.3%;
}

#main_visual.english .pc li.item04 {
  left: 60.9%;
}

#main_visual.english .pc li.item05 {
  display: none;
}

#sectSchedule.english {
  padding: 20px 30px;
}

.sectWay.english {
  margin-top: 25px;
  margin-bottom: 70px;
}

.sectWay h2.english {
  max-width: 650px;
  top: -6%;
}

.sectWay p.txt1-english {
  top: 19%;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.01em;
}

.sectWay p.txt2-english {
  top: 70.5%;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.01em;
}

.picking-area {
  margin-top: 30px;
}

.picking-area .fruit-content {
  margin-bottom: 80px;
}

.picking-area .grape-area {
  margin-bottom: 60px;
}

.picking-area .grape-area .table {
  margin-right: -4.7%;
}

.picking-area .picking-ttl {
  max-width: 764px;
  margin: 0 auto;
}

.picking-area .chigai {
  margin-bottom: 15px;
}

.picking-area .desc1 {
  margin-top: 10px;
}

.picking-area .desc2 {
  margin-top: 50px;
}

.sectAccess.english {
  background: #fff;
  padding: 0 30px 10px;
  margin-top: 70px;
}

.sectAccess.english .pageTitle {
  margin: 0 -6.76% 0 0;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.sectAccess.english .address {
  padding: 15px 20% 15px 13%;
}

.sectAccess.english .sectGmap {
  margin: 30px 0;
}

.sectAccess.english .sectGmap .sectGmap-ttl {
  width: 192px;
}

.sectAccess.english .sectGmap .Gmap {
  width: 100%;
  height: 480px;
}

.english-contact {
  margin: 30px 20px;
  text-align: center;
  padding: 10px 5px;
}

.english-contact .pageTitle {
  max-width: 776px;
  margin: 0 auto;
}

#language-btn {
  position: fixed;
  bottom: 10px;
  right: 0;
  width: 78px;
  z-index: 99999;
}

@media screen and (max-width: 768px) {
  #page-welcome.welcome-img {
    padding-top: 10px;
  }
  #container.english {
    margin-top: 0;
    border: none;
  }
  #english_sectDesc {
    background-position: top right;
    padding: 5px 10px;
    margin: 0 20px 25px;
  }
  #english_sectDesc .txt {
    padding: 20px;
    box-sizing: border-box;
    display: block;
    background: none;
    width: 100%;
    font-size: 1rem;
  }
  #sectSchedule.english {
    margin-bottom: 45px;
  }
  .picking-area .fruit-content {
    margin-bottom: 55px;
  }
  .picking-area .grape-area {
    margin-bottom: 40px;
  }
  .picking-area .chigai {
    margin-bottom: 0;
  }
  .picking-area .desc1 {
    margin-top: -20px;
  }
  .picking-area .desc2 {
    margin-top: 0;
  }
  .picking-area .table {
    margin-bottom: 0;
  }
  .sectAccess.english .sectGmap .Gmap {
    width: 100%;
    height: 300px;
  }
  #language-btn {
    bottom: 10px;
    right: 0;
    width: 78px;
  }
}/*# sourceMappingURL=style.css.map */