@charset "UTF-8";@media screen and (min-width:500px) and (max-width:800px){#menu,#menu_bt,#menu_x{position:fixed;right:0}#menu_lg,.menu_li{text-align:center}#close_panel,#logo,#menu_bts,#menu_lg{position:absolute}#menu_bt{top:0;z-index:4}#menu_x{top:-60px;z-index:4}.section .content strong{font-size:16px;line-height:21px}.section .content p{margin-bottom:30px}.section .content .title{font-size:14px;letter-spacing:12px}#carousel_ul{height:40px}#play_pause{bottom:100px}.carousel_wrap{font-size:16px;line-height:21px;letter-spacing:2px;width:60%;height:50%}#more_text{font-size:14px;line-height:22px}#carousel_map_img{width:70%;height:170px;background-size:50%;background-position:top}#carousel_map_tx{font-size:14px;line-height:20px}#carousel_logo img{width:60%;height:auto}.menu_mode #menu_x{top:0}#logo,.menu_mode #menu_bt{top:-60px}#logo{width:130px;height:60px;left:20px;z-index:15}#menu{top:0;height:100%;width:100%;background:rgba(0,0,0,.9);opacity:0;pointer-events:none}.menu_mode #menu{pointer-events:all;opacity:1}#menu_bts{width:100%;height:180px;top:0;bottom:0;margin:auto}#menu_lg{bottom:10px;width:100%}#menu_lg .menu_li{display:inline-block;width:30px}.menu_li{font-size:18px;width:100%;display:block;color:#666;cursor:pointer;height:30px;line-height:30px}.menu_li.selected,.menu_li:hover{color:#fff}.menu_li.space{pointer-events:none;opacity:0}#about_img{width:48%;float:left;margin-bottom:20px;margin-right:30px}#story_content .content{font-size:14px}.panel_mode #svg_map{width:50%;left:50%}#panel{height:calc(100% - 122px);top:61px;left:-50%;width:50%}.panel_mode #panel{left:0}.panel_mode #story_bt{left:-61px}.scrollable{padding-left:61px;width:calc(100% - 71px)}#story_content .content p{padding-right:61px}#close_panel{top:0;bottom:0;margin:auto;left:-50%;z-index:30}.panel_mode #close_panel{left:0}#story_bt{left:0;bottom:0;top:0;margin:auto;z-index:30}#fs_bt,#help_keys,#map_keys,#steps_ul,#zoom_control{display:none}#navigation{width:180px}#m_help_zoom{width:180px;height:180px;top:0;bottom:61px;left:51%;margin:auto}#m_help_back{width:181px;height:30px;top:55%;right:51%;margin:auto}#m_help_story{width:250px;height:30px;bottom:55%;right:51%;margin:auto}}