@charset "UTF-8";
/*===================================================
import
===================================================*/
/*===================================================
break point
===================================================*/
/*===================================================
font
===================================================*/
/*===================================================
font-size
===================================================*/
/*===================================================
color
===================================================*/
/*===================================================
hover
===================================================*/
/*===================================================
contents
===================================================*/
/*===================================================
flexBox
===================================================*/
/*===================================================
textOut
===================================================*/
/*===================================================
position
===================================================*/
/*===================================================
btnSet
===================================================*/
/*===================================================
content
===================================================*/
/*===================================================
画像サイズ指定
===================================================*/
/*===================================================
角丸
===================================================*/
/*===================================================
囲み罫
===================================================*/
/*===================================================
共通パーツ
===================================================*/
/*fieldLinkBox*/
#fieldLinkBox { display: flex; flex-wrap: wrap; }
#fieldLinkBox > li p { text-align: justify; }

@media print, screen and (min-width: 835px) { #fieldLinkBox > li { position: relative; width: calc((100% - 100px) / 3); padding-bottom: 80px; }
  #fieldLinkBox > li + li { margin-left: 50px; }
  #fieldLinkBox > li p { margin: 15px 0 0; }
  #fieldLinkBox > li .bl_moreBtm { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } }
@media screen and (max-width: 834px) { #fieldLinkBox { flex-direction: column; align-items: center; }
  #fieldLinkBox > li { width: 100%; max-width: 600px; }
  #fieldLinkBox > li + li { margin-top: 50px; }
  #fieldLinkBox > li p { margin: 10px 0 15px; } }
/*===================================================
活動フィールド
===================================================*/
/*fieldBox01*/
#fieldBox01 { margin-bottom: 100px; }
#fieldBox01 .bl_mvBpx { margin-bottom: 50px; }
#fieldBox01 dl { display: flex; flex-wrap: wrap; }
#fieldBox01 dl + dl { margin-top: 50px; }
#fieldBox01 dl dt { width: 40%; text-align: center; }
#fieldBox01 dl dd { width: calc(60% - 30px); margin-left: 30px; }
#fieldBox01 dl dd p { text-align: justify; }
#fieldBox01 dl dd p + p { margin-top: 1em; }

@media print, screen and (min-width: 835px) { #fieldBox01 dl:nth-of-type(2n) dt { order: 2; }
  #fieldBox01 dl:nth-of-type(2n) dd { order: 1; margin: 0 30px 0 0; }
  #fieldBox01 p { line-height: 1.8; text-align: justify; margin-top: -.4em; } }
@media screen and (max-width: 834px) { #fieldBox01 { margin-bottom: 50px; }
  #fieldBox01 .bl_mvBpx { margin-bottom: 30px; }
  #fieldBox01 dl { flex-direction: column; align-items: center; }
  #fieldBox01 dl + dl { margin-top: 30px; }
  #fieldBox01 dl dt { width: 100%; }
  #fieldBox01 dl dd { width: 100%; margin: 15px 0 0; }
  #fieldBox01 dl dd p + p { margin-top: .5em; } }
/*===================================================
施設・マップ
===================================================*/
/*facility_mapBox01*/
#facility_mapBox01 .bl_column2b + p { text-align: justify; margin-top: 1em; }
#facility_mapBox01 .bl_column3 { margin-top: 50px; }
#facility_mapBox01 .bl_column3 h3 { margin: 15px 0; }
#facility_mapBox01 .bl_column3 p { text-align: justify; }

#nature_center, #map { padding-top: 30px; margin-top: -30px; }

#nature_center > span { display: block; font-size: 80%; margin-top: 5px; }

#nature_center > span > span { display: inline-block; }

@media screen and (max-width: 834px) { #facility_mapBox01 .bl_column3 { flex-direction: column; margin-top: 30px; }
  #facility_mapBox01 .bl_column3 li { width: 100%; margin: 0 !important; }
  #facility_mapBox01 .bl_column3 li h3 { margin: 10px 0; }
  #facility_mapBox01 .bl_column3 li + li { margin-top: 30px !important; } }
/*facility_mapBox02*/
#facility_mapBox02 { margin: 100px auto; }
#facility_mapBox02 div:first-of-type a:hover { opacity: 0.5; }
#facility_mapBox02 p { text-align: justify; margin: 30px 0; }

@media screen and (max-width: 834px) { #facility_mapBox02 { margin: 50px auto; }
  #facility_mapBox02 p { margin: 15px 0; } }
/*facility_mapBox03*/
#facility_mapBox03 { margin: 100px auto; }
#facility_mapBox03 img { width: 100%; max-width: none; }
#facility_mapBox03 .bl_dotList li { text-align: justify; }

@media print, screen and (min-width: 835px) { #facility_mapBox03 .bl_column2 > li:first-of-type { width: 40%; }
  #facility_mapBox03 .bl_column2 > li:last-of-type { width: calc(60% - 50px); } }
@media screen and (max-width: 834px) { #facility_mapBox03 { margin: 50px auto; }
  #facility_mapBox03 .bl_column2 > li:first-of-type { width: 100%; margin: 0 0 50px; }
  #facility_mapBox03 .bl_column2 > li:last-of-type { width: 100%; } }
/*===================================================
森の植物
===================================================*/
.ly_plantsBox { margin-bottom: 100px; }
.ly_plantsBox p { text-align: justify; }
.ly_plantsBox p + p { margin-top: 1em; }

.ly_plantsBox .bl_column3 li figure { display: flex; flex-direction: column; }
.ly_plantsBox .bl_column3 li figure a { order: 2; display: block; }
.ly_plantsBox .bl_column3 li figure a:hover { box-shadow: 0px 12px 10px -10px rgba(0, 0, 0, 0.2); transform: translate(0, -3px); transition: .5s; }
.ly_plantsBox .bl_column3 li figure figcaption { order: 1; text-align: center; margin-bottom: 5px; }
.ly_plantsBox .bl_column3 + p { margin-top: 1em; }

@media print, screen and (min-width: 835px) { .ly_plantsBox .bl_column3 > li { width: calc((100% - 15px * 2) / 3); }
  .ly_plantsBox .bl_column3 > li:not(:nth-of-type(3n)) { margin-right: 15px; }
  .ly_plantsBox .bl_column3 > li:nth-of-type(n+4) { margin-top: 30px; } }
@media screen and (max-width: 834px) { .ly_plantsBox { margin-bottom: 50px; }
  .ly_plantsBox .bl_column3 > li { width: calc((100% - 10px) / 2); }
  .ly_plantsBox .bl_column3 > li:nth-of-type(2n+1) { margin-right: 10px; }
  .ly_plantsBox .bl_column3 > li:nth-of-type(n+3) { margin-top: 15px; } }
/*===================================================
関連書籍リンク
===================================================*/
#relatedLink { margin-bottom: 100px; }
#relatedLink .bl_moreBtm { width: 90%; max-width: 360px; height: 75px; }
#relatedLink .bl_moreBtm a { line-height: 1.5; text-align: center; }

@media screen and (max-width: 834px) { #relatedLink { margin-bottom: 50px; }
  #relatedLink .bl_moreBtm { height: 60px; } }