@charset "utf-8";
#map .tile { opacity: 0;}
.tile {width: 0.9%;}
#map .person {width: 3.32%; margin-left: -1.2%; margin-top: 1.0%;}
#map .object-near{opacity: 0;}
#map .pin.object-near { opacity: 0; display: none;}
#map img.bg { left: 6.35%; top: 3.75%; width: 90%;}
#map .cloud { left: 6.35%; top: 3.75%; width: 90%;height: auto; z-index: 1; display: block; position: absolute;}
#map .screen_share{ width: 5.3%; height: 4.29%; left: 45.5%; top: 27.85%; z-index: 500;}

#map .desk{ width: 2.58%;}
#map .desk.desk_1_1{left: 20.2%; top: 51.1%; z-index: 269;}
#map .desk.desk_1_2{ left: 33.6%; top: 40.8%; z-index: 234;} 
#map .desk.desk_1_3{ left: 63.5%; top: 58.5%; z-index: 459;}
#map .desk.desk_1_4{ left: 68.15%; top: 54.95%; z-index: 454;}

#map .desk_2{ left: 46.29%; top: 21.67%; z-index: 169; width: 19.22%;}
#map .desk_3{ left: 58.2%; top: 22.3%; z-index: 162; width: 5.65%;}

#map .desk_4{ width: 8.97%;}
#map .desk_4.desk_4_1{ left: 75.15%; top: 37.6%; z-index: 391;}
#map .desk_4.desk_4_2{ left: 82.48%; top: 42.86%; z-index: 419;}

#map .desk_5{ left: 53.6%; top: 20.83%; z-index: 155; width: 4.95%;}

#map .character_1{ left: 39.25%; top: 65.33%; z-index: 522; width: 2.78%;}
#map .character_2{ left: 50%; top: 19.63%; z-index: 148; width: 2.78%;}

#map .plant_1{ width: 1.53%; }
#map .plant_1.plant_1_1{ left: 65.72%; top: 64.58%; z-index: 485;}
#map .plant_1.plant_1_2{ left: 40.37%; top: 27.45%; z-index: 206;}
#map .plant_1.plant_1_3{ left: 72.52%; top: 41.15%; z-index: 397;}
#map .plant_1.plant_1_4{ left: 78.91%; top: 46.19%; z-index: 423;}
#map .plant_2{  width: 5.8%;}
#map .plant_2.plant_2_1{ left: 9.19%; top: 51.76%; z-index: 275; }
#map .plant_2.plant_2_2{ left: 22.65%; top: 41.44%; z-index: 240; }
#map .plant_2.plant_2_3{ left: 36.09%; top: 31.08%; z-index: 206; }

#map .plant_3{ width: 3.28%;}
#map .plant_3.plant_3_1{ left: 44.96%; top: 60.15%; z-index: 513;}
#map .plant_3.plant_3_2{ left: 57.53%; top: 69.82%; z-index: 524;}

#map .plant_4{ width: 2.37%; left: 42.86%; top: 60.63%; z-index: 510;}
#map .plant_5{ width: 1.43%; left: 53.5%; top: 36.21%; z-index: 216;}

#map .object_1{ width: 3.43%; left: 38.22%; top: 24.6%; z-index: 199;}
#map .object_2{ width: 14.25%; left: 47.72%; top: 14.55%; z-index: 120}
#map .object_3{ width: 8.88%; left: 33.66%; top: 53.74%; z-index: 512;}

#map .object_3{ width: 2.04%;}
#map .object_3.object_3_1{ left: 85.95%; top: 40.07%; z-index: 393;}
#map .object_3.object_3_2{ left: 92.38%; top: 45.03%; z-index: 419 ;}

#map .object_4{ width: 7.47%;}
#map .object_4.object_4_1{ left: 63.67%; top: 63.31%; z-index: 472;}
#map .object_4.object_4_2{ left: 72.38%; top: 56.63%; z-index: 462;}

#map .object_5{ width: 4.85%; left: 50.07%; top: 36.2%; z-index: 209;}
#map .object_6{ width: 4.28%; left: 44.63%; top: 15.5%; z-index: 10;}
#map .object_7{ width: 1.86%; left: 90.19%; top: 38.23%; z-index: 10;}

#map .wall_1{ left: 31.82%; top: 48.57%; z-index: 511; width: 16.4%;}
#map .wall_2{ left: 41.0%; top: 17.36%; z-index: 191; width: 14.36%;}
#map .wall_3{ width: 9.66%; left: 71.83%; top: 29.78%;z-index: 377;}

#map .wall_4{ width: 9.66%; left: 78.39%; top: 34.82%; z-index: 403;}

#map .wall_5{ width: 6.44%; }
#map .wall_5_1{left: 71.95%; top: 37.4%; z-index: 401; }
#map .wall_5_2{ left: 78.55%; top: 42.51%; z-index: 429;}


#map .chair1{ width: 1.59%;}
#map .chair1-t1{left: 76.96%; top: 38.8%; z-index: 383;}
#map .chair1-t2{ left: 78.43%; top: 37.89%; z-index: 381;}
#map .chair1-t3{ left: 83.96%; top: 44.48%; z-index: 409;}
#map .chair1-t4{ left: 85.5%; top: 43.46%; z-index: 407;}
#map .chair1-t5{ left: 62.5%; top: 57.7%; z-index: 458;}
#map .chair1-t6{ left: 63.5%; top: 56.86%; z-index: 457;}
#map .chair1-t7{ left: 67.05%; top: 54.15%; z-index: 453;}
#map .chair1-t8{ left: 68.0%; top: 53.45%; z-index: 452;}


#map .chair2{ width: 1.55%;}
#map .chair2-t1{ left: 80.3%; top: 42.06%; z-index: 395;}

#map .chair2-t2{ left: 81.69%; top: 40.9%; z-index: 393;}
#map .chair2-t3{ left: 87.1%; top: 47.3%; z-index: 422;}
#map .chair2-t4{ left: 88.5%; top: 46.17%; z-index: 420;}
#map .chair2-t5{ left: 64.9%; top: 60.17%; z-index: 460;}
#map .chair2-t6{ left: 65.9%; top: 59.45%; z-index: 459;}
#map .chair2-t7{ left: 69.5%; top: 56.55%; z-index: 455;}
#map .chair2-t8{ left: 70.45%; top: 55.85%; z-index: 454;}


#map .chair3{ width: 1.18%;}
#map .chair3-t1{ left: 58.61%; top: 23.05%; z-index: 160;}
#map .chair3-t2{ left: 60.39%; top: 21.76%; z-index: 158;}

#map .chair4{ width: 1.56%;}
#map .chair4-t1{ left: 53.87%; top: 21.17%; z-index: 147;}
#map .chair4-t2{ left: 55.36%; top: 19.85%; z-index: 145;}

#map .long_chair_1{ width: 3.41%;}
#map .long_chair_1.long_chair_1_1{ left: 62.72%; top: 67.43%; z-index: 488;}
#map .long_chair_1.long_chair_1_2{ left: 66.62%; top: 64.44%; z-index: 483;}

#map .long_chair_2{left: 50.05%; top: 37.26%; z-index: 213; width: 3.44%;}


#map .pin_1{ width: 5.85%; left: 33.75%; top: 60.97%; z-index: 515;}
#map .pin_2{ width: 4.86%; left: 34.38%; top: 55.75%;z-index: 515;}
#map .pin_3{ width: 4.86%; left: 38.26%; top: 53%; z-index: 515;}
#map .pin_4{ width: 4.84%; left: 37.2%; top: 21.8%; z-index: 500;}
#map .pin_5{ width: 4.85%; left: 49.02%; top: 11.86%; z-index: 500;}
#map .pin_6{width:5.08%;}
#map .pin_6.pin_6_1{ left: 65.98%; top: 12.4%; z-index: 500;}
#map .pin_6.pin_6_2{ left: 69.98%; top: 15.55%; z-index: 500; }
#map .pin_6.pin_6_3{ left: 74.18%; top: 18.9%; z-index: 500;}
#map .pin_7{ width: 5.61%; left: 20.44%; top: 69.69%; z-index: 500;}

#map .pin_8{ width: 4.85%; left: 57%; top: 23%; z-index: 500;}


#map .archive_link{ width: 3.5%;position: absolute; display: block; transform: skew(0deg, -30deg); left: 38.2%; top: 25.2%; z-index: 10;}
#map .archive_link a{padding: 82% 0; display: block; height: 100%; width: 100%;}

#map .yakuzemi_link{ width: 3%;position: absolute; display: block; transform: skew(0deg, -30deg); }
#map .yakuzemi_link.yakuzemi_1{ left: 39.2%; top: 64.8%; z-index: 515;}
#map .yakuzemi_link.yakuzemi_2{ left: 50%; top: 19.1%; z-index: 149;}
#map .yakuzemi_link a{padding: 77% 0; display: block; height: 100%; width: 100%;}


#map .door_1{ width: 3.21%;}
#map .door_1.door_1_1{ left: 25.35%; top: 56.1%; z-index: 321; }
#map .door_1.door_1_2{ left: 76.26%; top: 40.72%; z-index: 374;}
#map .door_1.door_1_3{ left: 82.85%; top: 45.78%; z-index: 390;}

#map .door_link{width: 2.35%;position: absolute; display: block; transform: skew(0deg, 30deg);}
#map .door_link a{padding: 116% 0; display: block;}
#map .door_link.door_link_1{ left: 25.35%; top: 57.39%; z-index: 700; width: 3.21%; padding: 4.16% 0;}
#map .door_link.door_link_2{ left: 67.07%; top: 20.17%; z-index: 2;}
#map .door_link.door_link_3{ left: 71.1%; top: 23.29%; z-index: 2;}
#map .door_link.door_link_4{ left: 75.35%; top: 26.52%; z-index: 2;}

#map .door_2{ width: 1.89%; padding: 2.41% 0; display: block; transform: skew(0deg, 30deg);}

#map .door_2.link_btn_1{ left: 25.97%; top: 61.15%; z-index: 316;width: 2.12%;padding: 2.73% 0; }
#map .door_2.link_btn_2{ left: 67.3%; top: 21%; z-index: 170;}
#map .door_2.link_btn_3{ left: 71.38%; top: 24.14%; z-index: 273;}
#map .door_2.link_btn_4{ left: 75.7%; top: 27.4%; z-index: 276;}

#map .gate_1{ width: 16.14%; left: 46.1%; top: 46.7%; z-index: 466;}
#map .gate_1_2{z-index: 474;}
#map .gate_1_3{z-index: 490;}

#map .door_link.door_link_1.object-near,
#map .pin_02.object-near{display: none; opacity: 0;}

#map .poster{ display: block; position: absolute;}
#map .poster a{ position: relative; width: 100%; pointer-events: auto; background-color: rgba(0,0,0,0.01);touch-action: manipulation;  cursor: pointer;z-index: 10;pointer-events: auto;}
#map .poster_1{ width: 1.85%; left: 90.18%; top: 38.93%; z-index: 10;}
#map .poster_1 a { transform: skew(0deg, 30deg); }
#map .poster_2{ width: 1.85%; left: 45.6%; top: 26.78%; z-index: 191;}
#map .poster_2 a { transform: skew(0deg, 30deg); }
#map .poster_3{ width: 1.85%; left: 48.92%; top: 29.15%; z-index: 191;}
#map .poster_3 a { transform: skew(0deg, 30deg); }
#map .poster_4{ width: 1.79%; left: 47.08%; top: 16.1%; z-index: 10;}
#map .poster_4 a { transform: skew(0deg, -30deg); }
#map .poster_5{ width: 1.79%; left: 44.7%; top: 17.9%; z-index: 10; }
#map .poster_5 a { transform: skew(0deg, -30deg); }
#map .poster a img { display: block; width: 100%; height: auto;}


#map .poster_2.object-near,
#map .poster_3.object-near{display: none; opacity: 0;}

#map .sns_img { width: 1.7%; display: block; position: absolute;}
#map .sns_img img { display: block; width: 100%; height: auto;}
#map .sns_1 { left: 49.43%; top: 76.44%; z-index: 535;}
#map .sns_2 { left: 52.25%; top: 74.37%; z-index: 532;}
#map .sns_3 { left: 55.1%; top: 72.10%; z-index: 529;}

