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

/* サイドメニュー */
#rightside .sidemenutitle {
  line-height: 3;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #86b236;
}
#rightside ul {
  margin-top: 10px;
  padding-left: 4%;
}
#rightside ul li {
  line-height: 2.4;
  border-bottom: dotted 1px #86b236;
  font-size: 1em;
}
/* トップ画像 */
#topimg p img {
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* 全体枠 */
#wrapper {
  display: flex;
  justify-content: space-between;
}
#rightside {
  width: 20%;
}
#leftside {
  width: 77%;
}

/* 終了時のメッセージ */
.end {
  border: 2px dashed #6d431c;
  padding: 22px;
  font-size: 140%;
  font-weight: 700;
  text-align: center;
  background: url(img/end.gif) repeat;
  color: #6d431c;
  margin-bottom: 3%;
}
.mamonaku {
  border: 2px dashed #f00;
  padding: 22px;
  font-size: 140%;
  font-weight: 700;
  text-align: center;
  background: url(img/end.gif) repeat;
  color: #f00;
  margin-bottom: 3%;
}
.notebbl {
  font-weight: bold;
  font-size: 120%;
}
.note{
	color: #f00;
	font-size: 130%;
	font-weight: bold;
}

/* ページ内サブタイトル */
h2 {
  padding: 0.5em; /*文字周りの余白*/
  display: inline-block; /*おまじない*/
  line-height: 1.3; /*行高*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px; /*左側の角を丸く*/
  font-size: 150%;
  width: 100%;
  margin-bottom: 2%;
}
h2:before {
  content: "●";
  color: white;
  margin-right: 8px;
}

/* ページ内サブタイトル いちご狩り*/
.ichigo {
  background-color: rgba(236, 126, 126, 0.7); /*背景色*/
  color: #fff; /*文字色*/
}
.nashi {
  background-color: rgba(194, 158, 60, 0.5); /*背景色*/
  color: #505050; /*文字色*/
}
.budou {
  background-color: rgba(151, 108, 174, 0.5); /*背景色*/
}
.cherry {
  background-color: rgba(230, 0, 18, 0.5); /*背景色*/
  color: #fff; /*文字色*/
}

/* 料金のご案内 */
#fee {
  margin-top: 7%;
}
#fee .area table {
  width: 100%;
  margin: 1% 0;
  border-collapse: collapse;
  text-align: center;
}
#fee .area table tr th {
  background: #efe3d1;
}
#fee .area table tr th,
#fee .area table tr td {
  padding: 7px;
  border: solid 1px #ccc;
}
.middle {
  vertical-align: middle;
}
/* 施設のご案内　fruiteguide */
#fruitguide {
  margin-top: 7%;
}
#fruitguide .area .frame {
  width: 40%;
  display: inline-block;
  position: relative;
  float: right;
}
#fruitguide .area .frame img {
  width: 100%;
  height: auto;
}
.frame:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transform: rotate(3deg); /* 回転させる */
  background: #fff;
  z-index: -1;
}
#fruitguide .area dl {
  width: 50%;
  margin-left: 2%;
}
#fruitguide .area dl dt {
  font-weight: bold;
  font-size: 120%;
  color: #6a3a06;
  border-bottom: 1px dotted #6a3a06;
}
#fruitguide .area dl dd {
  margin-bottom: 3%;
}

/* フルーツ狩りfruitpick */
#fruitpick {
  margin-top: 7%;
  padding: 3% 0;
}
.pick-container {
  margin-top: 3%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#fruitpick .pick-container .pick1,
#fruitpick .pick-container .pick2 {
  margin-bottom: 2%;
}
#fruitpick .pick-container .pick1 {
  width: 47%;
  background: url(img/top/bkbudou.png) repeat-x;
  background-position: top;
  background-size: 406px 90px;
}
#fruitpick .pick1 .sans-serif {
  text-align: center;
}
#fruitpick .pick-container .pick2 {
  width: 47%;
  text-align: left;
}
#fruitpick .pick2 .bkpink {
  background: #eb6977;
  color: #fff;
  font-weight: bold;
  font-size: 110%;
  padding: 10px;
  margin-bottom: 2%;
}
#fruitpick .pick2 ul {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
#fruitpick .pick2 ul li {
 /* line-height: 1.5;*/
  padding: 0.5em 0;
  list-style-type: none !important; /*ポチ消す*/
}
#fruitpick .pick2 ul li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 900;
  position: absolute;
  left: 0.8em; /*左端からのアイコンまで*/
  color: #ffb03f; /*アイコン色*/
}
#fruitpick .pick2 p a img {
  margin-bottom: 2%;
}

#fee .area .unit .col_red .lbtext a {
  color: #18783a;
}
#fee .area .col_red .lbtext span a {
  color: #18783a;
}
.osusumeset {
  margin-top: 5%;
  font-size: 130%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  color: #18783a;
}
.covid19 {
  margin: 2% 2% 4%;
}
.covid19 li {
  list-style: disc;
  list-style-position: inside;
}
.covid19 li:first-child {
  list-style: none;
  border-bottom: 1px solid;
  font-weight: 700;
  font-size: 140%;
  margin-bottom: 1%;
  color: #f00;
}

/* ネットで簡単予約 */
.yokonarabi {
	margin-bottom: 5%;
	& li {
    display: inline-block;
    margin-right: 20px;
}
}

/*===============================================
 分岐
===============================================*/

@media (min-width: 64em) {
  #topimg {
    margin-top: 86px;
  }
}
@media (max-width: 64em) {
  #wrapper {
    display: block;
  }
  #rightside {
    width: 98%;
  }
  #leftside {
    width: 98%;
  }
  #group1 .imgl {
    float: none;
  }
  h2 {
    width: 97%;
    margin-bottom: 2%;
  }
  /* フルーツ狩り */
  #fruitpick .pick-container .pick1 {
    background-image: none;
    width: 98%;
  }
  #fruitpick h2 .subtitle {
    font-size: 70%;
  }
  .pick-container {
    display: block;
  }
  #fruitpick .pick1 .sans-serif {
    margin-top: 2%;
  }
  /*#fruitpick .pick1 .imgl.spnone {
	display: none;
}*/
  #fruitpick .pick-container .pick2 {
    clear: both;
    width: 98%;
  }
  /* フルーツカレンダー */
  .pick-container .pick1 .fruit-imgl {
    text-align: center;
  }
  /* ネットで簡単予約 */
  .yokonarabi li {
    display: block;
	text-align: center;
  }
}

/*utils*/
.kochira{
  display: block;
  margin: 0px auto 10px;
  text-align: center;
  font-size:18px;
  font-weight: bold;
}

@media (max-width: 30em) {
  #topimg {
    margin-top: -20px;
  }
  #topimg p img {
    width: 98%;
  }
  .drawer.drawer--left.drawer--navbarTopGutter main #fruitpick .pick2 p {
    text-align: center;
  }
  #fruitguide .area .frame {
    width: 97%;
    float: none;
  }
  #fruitguide .area dl {
    width: 97%;
  }
  
}

.marulist li{
	 list-style-type: disc;
	 list-style-position: inside;
	 padding-left:1em;/* 2行目以降を1文字下げる */
	text-indent:-1em;
	 }