.sp-scroll{
    width: 100%;
    overflow-x: auto;
}


#gelande-condition {
    width: 1024px;
    margin: 0 auto;
    position: relative;
}

#gelande-condition02 {
    display: none;
}

#gelande-condition .date {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    line-height: 1.6;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.4);
    padding: 6px 15px 5px 15px;
}

#gelande-condition ul#course-area li,
#gelande-condition ul#tree-run-area li,
#gelande-condition ul#lift li,
#gelande-condition02 ul#course-area li,
#gelande-condition02 ul#tree-run-area li,
#gelande-condition02 ul#lift li {
    position: absolute;
}

/*基本オープン（青）を表示する場合に他を非表示
#gelande-condition #course-area .limited,
#gelande-condition #tree-run-area .limited,
#gelande-condition #course-area .closed,
#gelande-condition #tree-run-area .closed,
#gelande-condition #lift .closed,
#gelande-condition #lift .prepare {
  display: none;
*/

/*コース*/
ul#course-area li#course01 {
    top: calc(183px * 0.517);
    left: calc(1045px * 0.517);
    width: calc(86px * 0.517);
    height: calc(190px * 0.517);
}

ul#course-area li#course02 {
    top: calc(361px * 0.517);
    left: calc(1117px * 0.517);
    width: calc(113px * 0.517);
    height: calc(205px * 0.517);
}

ul#course-area li#course03 {
    top: calc(571px * 0.517);
    left: calc(1204px * 0.517);
    width: calc(131px * 0.517);
    height: calc(171px * 0.517);
}

ul#course-area li#course04 {
    top: calc(185px * 0.517);
    left: calc(1089px * 0.517);
    width: calc(50px * 0.517);
    height: calc(56px * 0.517);
}

ul#course-area li#course05 {
    top: calc(243px * 0.517);
    left: calc(1120px * 0.517);
    width: calc(70px * 0.517);
    height: calc(109px * 0.517);
}

ul#course-area li#course06 {
    top: calc(353px * 0.517);
    left: calc(1162px * 0.517);
    width: calc(66px * 0.517);
    height: calc(104px * 0.517);
}

ul#course-area li#course07 {
    top: calc(461px * 0.517);
    left: calc(1212px * 0.517);
    width: calc(78px * 0.517);
    height: calc(103px * 0.517);
}

ul#course-area li#course08 {
    top: calc(556px * 0.517);
    left: calc(1269px * 0.517);
    width: calc(116px * 0.517);
    height: calc(173px * 0.517);
}

ul#course-area li#course09 {
    top: calc(745px * 0.517);
    left: calc(1286px * 0.517);
    width: calc(67px * 0.517);
    height: calc(211px * 0.517);
}

ul#course-area li#course10 {
    top: calc(687px * 0.517);
    left: calc(1433px * 0.517);
    width: calc(83px * 0.517);
    height: calc(126px * 0.517);
}

ul#course-area li#course11 {
    top: calc(770px * 0.517);
    left: calc(1264px * 0.517);
    width: calc(51px * 0.517);
    height: calc(185px * 0.517);
}

ul#course-area li#course12 {
    top: calc(718px * 0.517);
    left: calc(1137px * 0.517);
    width: calc(155px * 0.517);
    height: calc(227px * 0.517);
}

ul#course-area li#course13 {
    top: calc(348px * 0.517);
    left: calc(1177px * 0.517);
    width: calc(242px * 0.517);
    height: calc(372px * 0.517);
}

ul#course-area li#course14 {
    top: calc(239px * 0.517);
    left: calc(1166px * 0.517);
    width: calc(75px * 0.517);
    height: calc(63px * 0.517);
    display: block;
}

ul#course-area li#course15 {
    top: calc(299px * 0.517);
    left: calc(1229px * 0.517);
    width: calc(207px * 0.517);
    height: calc(168px * 0.517);
    display: block;
}

ul#course-area li#course16 {
    top: calc(461px * 0.517);
    left: calc(1372px * 0.517);
    width: calc(28px * 0.517);
    height: calc(70px * 0.517);
    display: block;
}

ul#course-area li#course17 {
    top: calc(465px * 0.517);
    left: calc(1440px * 0.517);
    width: calc(106px * 0.517);
    height: calc(22px * 0.517);
    display: block;
}

ul#course-area li#course18 {
    top: calc(468px * 0.517);
    left: calc(1413px * 0.517);
    width: calc(41px * 0.517);
    height: calc(243px * 0.517);
    display: block;
}

ul#course-area li#course19 {
    top: calc(237px * 0.517);
    left: calc(1181px * 0.517);
    width: calc(115px * 0.517);
    height: calc(50px * 0.517);
    display: block;
}

ul#course-area li#course20 {
    top: calc(278px * 0.517);
    left: calc(1285px * 0.517);
    width: calc(195px * 0.517);
    height: calc(94px * 0.517);
    display: block;
}

ul#course-area li#course21 {
    top: calc(369px * 0.517);
    left: calc(1486px * 0.517);
    width: calc(114px * 0.517);
    height: calc(74px * 0.517);
    display: block;
}

ul#course-area li#course22 {
    top: calc(376px * 0.517);
    left: calc(1469px * 0.517);
    width: calc(101px * 0.517);
    height: calc(113px * 0.517);
    display: block;
}

ul#course-area li#course23 {
    top: calc(160px * 0.517);
    left: calc(1054px * 0.517);
    width: calc(584px * 0.517);
    height: calc(258px * 0.517);
    display: block;
}

ul#course-area li#course24 {
    top: calc(407px * 0.517);
    left: calc(1573px * 0.517);
    width: calc(59px * 0.517);
    height: calc(93px * 0.517);
    display: block;
}

ul#course-area li#course25 {
    top: calc(498px * 0.517);
    left: calc(1467px * 0.517);
    width: calc(125px * 0.517);
    height: calc(202px * 0.517);
    display: block;
}

ul#course-area li#course26 {
    top: calc(712px * 0.517);
    left: calc(1349px * 0.517);
    width: calc(109px * 0.517);
    height: calc(244px * 0.517);
}

ul#course-area li#course27 {
    top: calc(110px * 0.517);
    left: calc(1467px * 0.517);
    width: calc(132px * 0.517);
    height: calc(136px * 0.517);
    display: block;
}

ul#course-area li#course28 {
    top: calc(157px * 0.517);
    left: calc(1489px * 0.517);
    width: calc(281px * 0.517);
    height: calc(101px * 0.517);
    display: block;
}

ul#course-area li#course29 {
    top: calc(326px * 0.517);
    left: calc(969px * 0.517);
    width: calc(242px * 0.517);
    height: calc(253px * 0.517);
    display: block;
}

ul#course-area li#course30 {
    top: calc(365px * 0.517);
    left: calc(1011px * 0.517);
    width: calc(117px * 0.517);
    height: calc(42px * 0.517);
}

ul#course-area li#course31 {
    top: calc(189px * 0.517);
    left: calc(946px * 0.517);
    width: calc(88px * 0.517);
    height: calc(154px * 0.517);
}

ul#course-area li#course32 {
    top: calc(349px * 0.517);
    left: calc(596px * 0.517);
    width: calc(372px * 0.517);
    height: calc(435px * 0.517);
}

ul#course-area li#course33 {
    top: calc(784px * 0.517);
    left: calc(332px * 0.517);
    width: calc(279px * 0.517);
    height: calc(207px * 0.517);
    display: block;
}

ul#course-area li#course34 {
    top: calc(494px * 0.517);
    left: calc(1042px * 0.517);
    width: calc(101px * 0.517);
    height: calc(345px * 0.517);
    display: block;
}

ul#course-area li#course35 {
    top: calc(473px * 0.517);
    left: calc(697px * 0.517);
    width: calc(328px * 0.517);
    height: calc(319px * 0.517);
}

ul#course-area li#course36 {
    top: calc(409px * 0.517);
    left: calc(678px * 0.517);
    width: calc(263px * 0.517);
    height: calc(382px * 0.517);
}

ul#course-area li#course37 {
    top: calc(795px * 0.517);
    left: calc(376px * 0.517);
    width: calc(322px * 0.517);
    height: calc(226px * 0.517);
}

ul#course-area li#course38 {
    top: calc(199px * 0.517);
    left: calc(703px * 0.517);
    width: calc(269px * 0.517);
    height: calc(449px * 0.517);
}

ul#course-area li#course39 {
    top: calc(344px * 0.517);
    left: calc(703px * 0.517);
    width: calc(61px * 0.517);
    height: calc(283px * 0.517);
    display: block;
}

ul#course-area li#course40 {
    top: calc(473px * 0.517);
    left: calc(544px * 0.517);
    width: calc(98px * 0.517);
    height: calc(331px * 0.517);
    display: block;
}

ul#course-area li#course41 {
    top: calc(151px * 0.517);
    left: calc(743px * 0.517);
    width: calc(266px * 0.517);
    height: calc(198px * 0.517);
    display: block;
}

ul#course-area li#course42 {
    top: calc(332px * 0.517);
    left: calc(621px * 0.517);
    width: calc(125px * 0.517);
    height: calc(139px * 0.517);
    display: block;
}

ul#course-area li#course43 {
    top: calc(464px * 0.517);
    left: calc(423px * 0.517);
    width: calc(207px * 0.517);
    height: calc(143px * 0.517);
    display: block;
}

ul#course-area li#course44 {
    top: calc(158px * 0.517);
    left: calc(913px * 0.517);
    width: calc(66px * 0.517);
    height: calc(25px * 0.517);
    display: block;
}

ul#course-area li#course45 {
    top: calc(188px * 0.517);
    left: calc(678px * 0.517);
    width: calc(233px * 0.517);
    height: calc(177px * 0.517);
    display: block;
}

ul#course-area li#course46 {
    top: calc(309px * 0.517);
    left: calc(695px * 0.517);
    width: calc(64px * 0.517);
    height: calc(32px * 0.517);
    display: block;
}

ul#course-area li#course47 {
    top: calc(365px * 0.517);
    left: calc(388px * 0.517);
    width: calc(291px * 0.517);
    height: calc(206px * 0.517);
    display: block;
}

ul#course-area li#course48 {
    top: calc(758px * 0.517);
    left: calc(1351px * 0.517);
    width: calc(97px * 0.517);
    height: calc(88px * 0.517);
}

ul#course-area li#course49 {
    top: calc(843px * 0.517);
    left: calc(1358px * 0.517);
    width: calc(113px * 0.517);
    height: calc(108px * 0.517);
    display: block;
    /*黄色表示*/
}

ul#course-area li#course50 {
    top: calc(764px * 0.517);
    left: calc(1238px * 0.517);
    width: calc(68px * 0.517);
    height: calc(189px * 0.517);
}

ul#course-area li#course51 {
    top: calc(942px * 0.517);
    left: calc(1236px * 0.517);
    width: calc(65px * 0.517);
    height: calc(48px * 0.517);
}


/*ツリーランゾーン*/
ul#tree-run-area li#tree57 {
    top: calc(137px * 0.517);
    left: calc(1544px * 0.517);
    width: calc(115px * 0.517);
    height: calc(272px * 0.517);
}

ul#tree-run-area li#tree58 {
    top: calc(162px * 0.517);
    left: calc(1480px * 0.517);
    width: calc(52px * 0.517);
    height: calc(87px * 0.517);
}

ul#tree-run-area li#tree59 {
    top: calc(197px * 0.517);
    left: calc(980px * 0.517);
    width: calc(107px * 0.517);
    height: calc(200px * 0.517);
}

ul#tree-run-area li#tree60 {
    top: calc(388px * 0.517);
    left: calc(1011px * 0.517);
    width: calc(119px * 0.517);
    height: calc(139px * 0.517);
}

ul#tree-run-area li#tree61 {
    top: calc(197px * 0.517);
    left: calc(747px * 0.517);
    width: calc(223px * 0.517);
    height: calc(316px * 0.517);
}

ul#tree-run-area li#tree62 {
    top: calc(287px * 0.517);
    left: calc(1454px * 0.517);
    width: calc(161px * 0.517);
    height: calc(143px * 0.517);
}

/*リフト*/
ul#lift li#lift01 {
    top: calc(199px * 0.517);
    left: calc(398px * 0.517);
    width: calc(517px * 0.517);
    height: calc(408px * 0.517);
}

ul#lift li#lift02 {
    top: calc(178px * 0.517);
    left: calc(390px * 0.517);
    width: calc(604px * 0.517);
    height: calc(608px * 0.517);
}

ul#lift li#lift03 {
    top: calc(151px * 0.517);
    left: calc(315px * 0.517);
    width: calc(714px * 0.517);
    height: calc(864px * 0.517);
}

ul#lift li#lift04 {
    top: calc(787px * 0.517);
    left: calc(355px * 0.517);
    width: calc(454px * 0.517);
    height: calc(241px * 0.517);
}

ul#lift li#lift05 {
    top: calc(334px * 0.517);
    left: calc(643px * 0.517);
    width: calc(309px * 0.517);
    height: calc(497px * 0.517);
}

ul#lift li#lift06 {
    top: calc(490px * 0.517);
    left: calc(875px * 0.517);
    width: calc(254px * 0.517);
    height: calc(365px * 0.517);
}

ul#lift li#lift07 {
    top: calc(45px * 0.517);
    left: calc(1028px * 0.517);
    width: calc(275px * 0.517);
    height: calc(918px * 0.517);
}

ul#lift li#lift08 {
    top: calc(80px * 0.517);
    left: calc(1080px * 0.517);
    width: calc(398px * 0.517);
    height: calc(293px * 0.517);
}

ul#lift li#lift09 {
    top: calc(130px * 0.517);
    left: calc(1134px * 0.517);
    width: calc(295px * 0.517);
    height: calc(448px * 0.517);
}

ul#lift li#lift10 {
    top: calc(668px * 0.517);
    left: calc(970px * 0.517);
    width: calc(359px * 0.517);
    height: calc(298px * 0.517);
}

ul#lift li#lift11 {
    top: calc(714px * 0.517);
    left: calc(1335px * 0.517);
    width: calc(404px * 0.517);
    height: calc(252px * 0.517);
}

ul#lift li#lift12 {
    top: calc(452px * 0.517);
    left: calc(1232px * 0.517);
    width: calc(589px * 0.517);
    height: calc(295px * 0.517);
}

ul#lift li#lift13 {
    top: calc(172px * 0.517);
    left: calc(1148px * 0.517);
    width: calc(301px * 0.517);
    height: calc(370px * 0.517);
}

ul#lift li#lift14 {
    top: calc(282px * 0.517);
    left: calc(1253px * 0.517);
    width: calc(615px * 0.517);
    height: calc(206px * 0.517);
}

ul#lift li#lift15 {
    top: calc(84px * 0.517);
    left: calc(1486px * 0.517);
    width: calc(310px * 0.517);
    height: calc(192px * 0.517);
}