@charset "utf-8";
.none {
	display: none;
}
.ifsp {
	display: none;
}
#course_guide_cont {
	/*max-width: 1400px;*/
	
	background: url(../images/img_courseMap_bg.jpg) no-repeat top center;
	margin: 0 auto;
	margin-top: 130px !important;
}
.root_guide {
	/*margin-top: 130px;*/
	height: 730px;
	position: relative;
}
.point_guide {
	background: rgba(255,255,255,0.9);
	padding-top: 60px;
	padding-bottom: 10px;
	position: relative;
}
.point_guide_text {
	margin: 20px 0 100px 0;
	font-size: 12px;
}
.about_movie:hover {
	cursor: pointer;
}
.noticeImg{
	position: absolute;
	left: 0;
	top: 170px;
	z-index: 10;
	cursor: pointer;
}
.noticeImg .spImg{display: none;}
.about_movie_pc {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.about_movie_pc img {
	vertical-align: bottom;
}
.about_movie_sp {
	display: none;
}
/*------------- course ---------- */
.courseLine{
  fill: none; /* 塗りつぶし */
  stroke: #fff; /* 線の色 */
  stroke-width: 3; /* 線の幅 */
	
	stroke-dasharray: 5000;
	stroke-dashoffset:5000;
	animation: DASH 20s ease alternate forwards;
	-webkit-animation:DASH 20s ease 0s forwards;
	animation:DASH 20s ease 0s forwards;
}
@keyframes DASH{
	0%{stroke-dashoffset:5000;}
	100%{stroke-dashoffset:0;}
}
@-moz-keyframes DASH{
	0%{stroke-dashoffset:5000;}
	100%{stroke-dashoffset:0;}
}
@-webkit-keyframes DASH{
	0%{stroke-dashoffset:5000;}
	100%{stroke-dashoffset:0;}
}

.svg_bg_before {
	width: 1000px;
	background: url(../images/img_courseMap_line_bg.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	opacity: 0;
}
.svg_bg_after {
	width: 1000px;
	background: url(../images/img_courseMap_line_bg.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	opacity: 1;
	transition: opacity ease .5s;
}
.svgWrap {
	position: absolute;
	top: 14.9%;
	left: -0.3%;
	right: 0;
	bottom: 0;
	margin: auto;
}
.svgWrap.ver3 {
	position: absolute;
	/*top: 15%;*/
	top: 0.5%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.svgWrap svg {
	max-width: 100% !important;
}

.iconMapCover {
	width: 100%;
	max-width: 1000px;
	position: absolute;
	margin: 0 auto;
	top: 0;
	left:0;
	right:0;
	bottom:0;
}
.iconMap {
	width: 100%;
	max-width: 1000px;
	position: relative;
	margin: auto;
	height: 100%;
}

.itemIcon {
	position: absolute;
}
.iconMap .itemIcon {
	max-width: 5%;
}
.iconMap .itemIcon.itemIcon01 {
	max-width: 9%;
}
.iconMap .itemIcon img {
	max-width: 100% !important;
}
.iconMap .itemIcon .itemIcon_on {
	position: relative;
	width: 300px;
}
.itemIcon01 {
	top: 24%;
	left: 7%;
}
.itemIcon01 img {
  position: relative;
  left: -33px;
}
/*.itemIcon01 .itemIcon_on {
	margin-top: 2%;
	margin-left: -348%;
}*/
.itemIcon02 {
	top: 25%;
	left: 41%;
}
.itemIcon03 {
	top: 34%;
	left: 61.5%;
}
.itemIcon04 {
	top: 12%;
	left: 68%;
}
.itemIcon05 {
	top: 51%;
	left: 71%;
}
.itemIcon05_2 {
	top: 21.8%;
	left: 70.5%;
}
.itemIcon06 {
	top: 38.5%;
	left: 69.5%;
}
.itemIcon07 {
	top: 51%;
	left: 51.5%;
}
.itemIcon08 {
	top: 79%;
	left: 43%;
}
.itemIcon09 {
	top: 54%;
	left: 44%;
}
.itemIcon10 {
	top: 30%;
	left: 50%;
}
.start_point {
	/*background: red;*/
	position: absolute;
	top: 34%;
	left: 12%;
	width: 8%;
	height: 5%;
}
.finish_point {
	/*background: red;*/
	position: absolute;
	top: 40.4%;
	left: 49.5%;
	width: 5%;
	height: 3%;
}

.start_icon {
	max-width: 13% !important;
	top: 37%;
	left: 5%;
}
.finish_icon {
	max-width: 15% !important;
	top: 39%;
	left: 37%;
}
.itemIcon01 .itemIcon_on {
	margin-top: -120%;
	margin-left: 100%;
	z-index: 20;
}
.itemIcon10 .itemIcon_on {
  margin-top: -250%;
  margin-left: -560%;
	z-index: 20;
}
.itemIcon02 .itemIcon_on,
.itemIcon03 .itemIcon_on, .itemIcon04 .itemIcon_on,
.itemIcon05 .itemIcon_on, .itemIcon06 .itemIcon_on,
.itemIcon07 .itemIcon_on, .itemIcon08 .itemIcon_on,
.itemIcon09 .itemIcon_on, .itemIcon05_2 .itemIcon_on {
	margin-top: 2%;
	margin-left: -348%;
	z-index: 20;

}
.start_point .itemIcon_on {
	margin-top: 12%;
	margin-left: -147%;
}
.finish_point .itemIcon_on {
	margin-top: -12px;
	margin-left: -118px;
}
.point_guide .itemIcon {
	top: 190px;
}
.point_guide_text {
	padding: 80px 0 0 100px;
}
.point_guide_iconBox {
	position: relative;
	width: 980px;
	margin: 0 auto;
}
.itemIcon11 {
	left: 13px;
}
.itemIcon12 {
	left: 127px;
}
.itemIcon13 {
	left: 236px;
}
.itemIcon14 {
	left: 345px;
}
.itemIcon15 {
	left: 451px;
}
.itemIcon16 {
	left: 501px;
}
.itemIcon21 {
	left: 563px;
}
.itemIcon17 {
	left: 672px;
}
.itemIcon18 {
	left: 780px;
}
.itemIcon19 {
	left: 890px;
}
.itemIcon20 {
	left: 930px;
}

/* ------------------------レスポンシブ------------------------ */
@media screen and (max-width: 1000px){
#course_guide_cont {
	background: url(../images/img_courseMap_bg_sp.jpg) no-repeat top center;
	background-size: 100%;
	margin: 0 auto;
}
.point_guide_text {
	padding-left: 10px;
}
.svg_bg_before, .svg_bg_after {
	width: 100%;
}
}
@media screen and (max-width: 764px){
.ifpc {
	display: none;
}
.ifsp {
	display: block;
}
#course_guide_cont {
	background: url(../images/img_courseMap_bg_sp.jpg) no-repeat top center;
	background-size: 100%;
	margin: 0 auto;
	margin-top: 0 !important;
}
.root_guide {
	margin-top: 0;
	padding-top: 0;
}
.point_guide {
	overflow-x: auto;
	padding: 10px;
}
.point_guide::-webkit-scrollbar{
	width: 5px;
	background: #c2d3d6;
}
.point_guide::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #c2d3d6;
}
.point_guide::-webkit-scrollbar-thumb{
	background: #818485;
	border-radius: 2px;
}
.point_guide::-webkit-scrollbar-thumb:horizontal{
	background: #818485;
	border-radius: 2px;
}
.margin_cont {
	height: 100px;
	background: url(../images/img_courseMap_bg2.jpg) center center;
}
.iconMapCover {
	top: 0;
}
.svgWrap.ver3 {
	top: 0;
}
.noticeImg{
	position: static;
}
.noticeImg .pcImg{display: none;}
.noticeImg .spImg{display: block;width: 100%;}
.about_movie_pc {
	display: none;
}
.about_movie_sp {
	display: block;
}
.about_movie_sp img {
	width: 100%;
}

.point_guide_text {
	width: 1000px;
	margin: 0;
}

.itemIcon01 .itemIcon_on, .itemIcon02 .itemIcon_on,
.itemIcon03 .itemIcon_on, .itemIcon04 .itemIcon_on,
.itemIcon05 .itemIcon_on, .itemIcon06 .itemIcon_on,
.itemIcon07 .itemIcon_on, .itemIcon08 .itemIcon_on,
.itemIcon09 .itemIcon_on, .itemIcon10 .itemIcon_on,
.itemIcon05_2 .itemIcon_on {
	max-width: 800%;
	margin-top: 1%;
	margin-left: -555%;
	z-index: 20;
}
.itemIcon01 {
  top: 24%;
  left: 6%;
}
.itemIcon01 img {
  position: relative;
  left: -10px;
}

.itemIcon01 .itemIcon_on {
	max-width: 500%;
	margin-top: -200%;
	margin-left: 100%;
	z-index: 20;
}
.itemIcon10 .itemIcon_on {
  margin-top: -400%;
  margin-left: -800%;
	z-index: 20;
}
.start_point .itemIcon_on, .finish_point .itemIcon_on {
	max-width: 500% !important;	
}
.start_point .itemIcon_on {
	margin-top: 12%;
	margin-left: -280%;
}
.finish_point .itemIcon_on {
	margin-top: -50%;
	margin-left: -410%;
}
.point_guide_text {
	font-size: 10px;
}
}/* ------------------------レスポンシブ -end- ------------------------*/