@charset "UTF-8";
/* --------------------------------------------------------
 style

-------------------------------------------------------- */
/* line 13, page_map.scss */
#map { /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 15, page_map.scss */
#map .attention { font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-size: 16px; padding: 5px 10px; color: #e60012; border: 1px solid #e60012; width: 90%; margin: 0 auto 30px; }
/* line 17, page_map.scss */
#map .intro { margin-bottom: 80px; }
/* line 18, page_map.scss */
#map .intro .catch.jpH { font-size: 32px; line-height: 1.8; padding-bottom: .75em; }
@media only screen and (max-width: 1023px) { /* line 18, page_map.scss */
  #map .intro .catch.jpH { font-size: 22px; line-height: 1.6; padding: 20px 5% .5em; } }
/* line 21, page_map.scss */
#map .intro .readMain { font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-size: 17px; letter-spacing: 0; line-height: 2.2; margin-bottom: 2em; }
@media only screen and (max-width: 1023px) { /* line 21, page_map.scss */
  #map .intro .readMain { font-size: 15px; line-height: 2; margin-bottom: 1em; text-align: justify; padding: 0 5%; } }
/* line 24, page_map.scss */
#map .intro .map { width: 100%; margin: 0 auto 50px; /*max-width: 116%; margin: 0 -8% 50px;*/ border: 1px solid #717071; }
/* line 25, page_map.scss */
#map .intro .map2 { width: 80%; margin: 0 auto 50px; border: 1px solid #133f4a; }
/* line 26, page_map.scss */
#map .intro .btn { width: 300px; height: 56px; margin: 0 auto 60px; font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; }
/* line 27, page_map.scss */
#map .intro .btn a { display: flex; justify-content: center; align-items: center; height: 100%; background: #bfae73; color: #fff; position: relative; -webkit-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-size: 16px; padding-left: 1em; }
/* line 28, page_map.scss */
#map .intro .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 20px; font-size: 20px; }
@media only screen and (max-width: 1023px) { /* line 41, page_map.scss */
  #map .intro { margin-bottom: 80px; }
  /* line 42, page_map.scss */
  #map .intro .attention { font-size: 13px; text-align: left; padding: 8px 10px; width: 94%; margin: 0 auto 15px; }
  /* line 43, page_map.scss */
  #map .intro .map { width: 98%; margin: 0 auto 30px; }
  /* line 44, page_map.scss */
  #map .intro .map2 { width: 98%; margin: 0 auto 30px; }
  /* line 45, page_map.scss */
  #map .intro .carnavi { margin-bottom: 10px; flex-wrap: wrap; padding: 0 5%; }
  /* line 46, page_map.scss */
  #map .intro .carnavi em { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; padding: 6px 0px; margin-right: 0px; width: 100%; margin-bottom: 15px; }
  /* line 47, page_map.scss */
  #map .intro .carnavi span { font-size: 24px; font-size: 1.5rem; line-height: 2.1rem; }
  /* line 48, page_map.scss */
  #map .intro .carnavi span small { font-size: 76%; }
  /* line 50, page_map.scss */
  #map .intro .carnavi + .cap { font-size: 11px; font-size: 0.6875rem; line-height: 1.03125rem; margin-bottom: 20px; }
  /* line 52, page_map.scss */
  #map .intro .btn { width: 260px; height: 46px; margin: 0 auto 50px; font-size: 15px; font-size: 0.9375rem; line-height: 1.40625rem; }
  /* line 53, page_map.scss */
  #map .intro .btn a { height: 100%; -webkit-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); }
  /* line 54, page_map.scss */
  #map .intro .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 20px; font-size: 20px; } }