@charset "UTF-8";
@media screen and (min-width: 641px), screen and (orientation: landscape) { #h2-title { background: url(../images/map/h2.jpg) top center no-repeat; }
  #h2-title h2 { color: #fff; }
  #h3-title .h3_Box { margin-bottom: 20px; }
  #h3-title .f-min_02 { color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
  #h3-title .mb-01 { margin-bottom: 45px; }
  #h3-title .dis-b { display: block; }
  #h3-title .txt { padding-left: 150px; }
  #in-main-contents { background: #cfad78 url(../images/map/bg01.jpg) top center no-repeat; }
  #in-main-contents #inner-box { width: 1094px; background: #f9f6ee url(../images/map/bg02.jpg) 0 0; border: 3px solid #d18f08; border-width: 0 3px; padding: 120px 100px; position: relative; }
  #inner-box .icon01 { position: absolute; top: 10px; left: -200px; }
  #inner-box .icon02 { position: absolute; top: 650px; right: -50px; }
  #inner-box #map_canvas { width: 894px; height: 600px; border: 2px solid #000; margin-bottom: 50px; }
  #inner-box #map_canvas a.pointlink { display: block; overflow: hidden; }
  #inner-box #map_canvas a.pointlink img { float: left; width: 100px; height: auto; margin-right: 10px; }
  #inner-box #map_canvas a.pointlink p { float: right; width: 200px; font-size: 14px; font-weight: bold; }
  #inner-box #map_canvas a.pointlink p span { display: block; font-size: 12px; color: #d3b583; margin-top: 1em; }
  #inner-box ul.pointlist { overflow: hidden; }
  #inner-box ul.pointlist li { font-size: 15px; line-height: 1.4; width: 270px; float: left; margin: 0 20px 20px 0; }
  #inner-box ul.pointlist li:nth-child(3n+1) { clear: left; }
  #inner-box ul.pointlist li:before { content: '■ '; color: #d3b583; }
  #inner-box h4 { font-size: 22px; font-weight: 700; margin-bottom: 50px; letter-spacing: 0.4em; text-align: center; }
  #inner-box h4:after { content: ''; display: block; background: #d3b583; width: 100px; height: 2px; margin: 10px auto; } }
@media screen and (orientation: portrait) and (max-width: 640px) { #h2-title { background: url(../images/map/h2.jpg) top center no-repeat; }
  #h2-title h2 { color: #fff; }
  #h3-title .h3_Box { margin-bottom: 20px; }
  #h3-title .f-min_02 { color: #000000; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
  #h3-title .mb-01 { margin-bottom: 8%; }
  #h3-title .dis-b { display: block; }
  #h3-title .txt { padding-left: 0px; }
  #h3-title { border-bottom: none; }
  #in-main-contents { background: #cfad78 url(../images/map/bg01.jpg) top center no-repeat; width: 90%; margin-left: 5%; margin-right: 5%; border-top: 3px solid #000; }
  #in-main-contents #inner-box { width: 100%; background: #f9f6ee url(../images/map/bg02.jpg) 0 0; border: 3px solid #d18f08; border-width: 0 3px; padding: 8% 5%; position: relative; }
  #inner-box .icon01 { position: absolute; top: 10px; left: -200px; }
  #inner-box .icon02 { position: absolute; top: 650px; right: -50px; }
  #inner-box #map_canvas { width: 100%; height: 600px; border: 2px solid #000; margin-bottom: 50px; }
  #inner-box #map_canvas a.pointlink { display: block; overflow: hidden; }
  #inner-box #map_canvas a.pointlink img { float: left; width: 100px; height: auto; margin-right: 10px; }
  #inner-box #map_canvas a.pointlink p { float: right; width: 200px; font-size: 14px; font-weight: bold; }
  #inner-box #map_canvas a.pointlink p span { display: block; font-size: 12px; color: #d3b583; margin-top: 1em; }
  #inner-box ul.pointlist { overflow: hidden; }
  #inner-box ul.pointlist li { font-size: 15px; line-height: 1.4; width: 270px; float: left; margin: 0 20px 20px 0; }
  #inner-box ul.pointlist li:nth-child(3n+1) { clear: left; }
  #inner-box ul.pointlist li:before { content: '■ '; color: #d3b583; }
  #inner-box h4 { font-size: 22px; font-weight: 700; margin-bottom: 50px; letter-spacing: 0.4em; text-align: center; }
  #inner-box h4:after { content: ''; display: block; background: #d3b583; width: 100px; height: 2px; margin: 10px auto; } }