@charset "utf-8"; @import url(https://fonts.googleapis.com/css?family=Oswald); * { -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none; } input[type="text"] { -moz-user-select:text; -khtml-user-select:text; -webkit-user-select:text; user-select:text; } html { -webkit-tap-highlight-color:rgba(0,0,0,0); } body { position:fixed; top:0px; left:0px; width:100%; height:100%; margin:0; padding:0; border:0; overflow:hidden; vertical-align:baseline; background:#000; font-style:normal; font-weight:normal; font-size:100%; font-family:"Lucida Grande","Helvetica Neue","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3",メイリオ,Meiryo,"ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif; } .disabled { opacity:0.4; pointer-events:none; } * > .popupmsg { display:block; position:absolute; padding:5px 10px; line-height:20px; font-size:13px; white-space:normal; text-align:left; opacity:0; transition:opacity 0.3s linear 0s; background:rgba(0,0,0,0.6); color:#fff; cursor:default; pointer-events:none; } *:hover > .popupmsg { opacity:1; } * > .popupmsg_top:after { content:""; position:absolute; bottom:-5px; left:50%; margin-left:-5px; width:0; height:0; border-top :5px solid; border-left:5px solid transparent; border-right :5px solid transparent; border-top-color :rgba(0,0,0,0.6); } * > .popupmsg_bottom:after { content:""; position:absolute; top :-5px; left:50%; margin-left:-5px; width:0; height:0; border-bottom:5px solid; border-left:5px solid transparent; border-right :5px solid transparent; border-bottom-color:rgba(0,0,0,0.6); } * > .popupmsg_left:after { content:""; position:absolute; right :-5px; top :50%; margin-top :-5px; width:0; height:0; border-left :5px solid; border-top :5px solid transparent; border-bottom:5px solid transparent; border-left-color :rgba(0,0,0,0.6); } * > .popupmsg_right:after { content:""; position:absolute; left :-5px; top :50%; margin-top :-5px; width:0; height:0; border-right :5px solid; border-top :5px solid transparent; border-bottom:5px solid transparent; border-right-color :rgba(0,0,0,0.6); } [id^="dialog_"] { position:fixed; left:0px; top :0px; height:100%; width:100%; z-index:1; } [id^="dialog_"] .dialog_frame { position:absolute; left:0px; right:0px; top:145px; width: 60%; margin:auto; border-radius:6px; color:#777; background:#fff; box-shadow:0px 5px 26px rgba(000,000,000,0.6); } [id^="dialog_"] .dialog_header { position:relative; height:50px; border-radius:6px 6px 0 0; background:#f2f2f2; } [id^="dialog_"] .dialog_header > * { position:absolute; height:50px; line-height:50px; } [id^="dialog_"] .dialog_title { top:0px; left :20px; font-size:16px; } [id^="dialog_"] .dialog_close { top:0px; right: 0px; width:50px; font-size:36px; text-align:center; } [id^="dialog_"] .dialog_close:before { font-family:Pe-icon-7-stroke; content:"\e680"; } [id^="dialog_"] .dialog_close:hover { cursor:pointer; } [id^="dialog_"] .dialog_close:active { border-radius:6px 6px 0 0; background:rgba(3,155,229,0.5); } [id^="dialog_"] .dialog_body { font-size:16px; margin:0; padding:10px; word-break:break-all; } [id^="dialog_"] .dialog_body * { -moz-user-select:text; -khtml-user-select:text; -webkit-user-select:text; user-select:text; } #view_area { position:fixed; left:0px; top: 0px; width:100%; height:100%; z-index:0; } #view_area img[src*="coastline"] { opacity:0.8; } #view_area #gps_pin { background:url(../img/gps_pin.png) top center no-repeat; } #view_area #target_area { border:2px solid #029adc; box-sizing:border-box; color:#029adc; cursor:pointer; } #view_area #target_area[type="TY"] { color:#f1a627; border-color:#f1a627; } #view_area #target_area > * { position:absolute; top:0px; right:-35px; width:30px; height:30px; background:url(../img/target_area_play_blue.svg ) left 0px top 0px no-repeat; background-size:20px 20px; -webkit-background-size:20px 20px; } #view_area #target_area[type="TY"] > * { background:url(../img/target_area_play_orange.svg) left 0px top 0px no-repeat; background-size:30px 30px; -webkit-background-size:30px 30px; } #view_area .target_select { margin:-18px 0 0 10px; background:rgba(255,255,255,0.8); border-radius:4px; border-spacing:0; border-collapse:collapse; } #view_area .target_select:before { content:""; position:absolute; top:10px; left:-10px; border-right:10px solid rgba(255,255,255,0.8); border-top:10px solid transparent; border-bottom:10px solid transparent; } #view_area .target_select td { padding:0 7px; text-align:center; } #view_area .target_select .target_graphic { display:inline-block; } #view_area .target_graphic { width: 30px; height:30px; background:url(../img/target_pin.svg ) no-repeat center; background-size:30px 30px; -webkit-background-size:30px 30px; cursor:pointer; } #view_area .target_graphic.target_arrow000 { width: 24px; height:33px; background:url(../img/target_arrow.svg ) no-repeat center; background-size:24px 33px; -webkit-background-size:24px 33px; } #view_area .target_graphic.target_arrow045 { width: 24px; height:33px; background:url(../img/target_arrow.svg ) no-repeat center; background-size:24px 33px; -webkit-background-size:24px 33px; transform:rotate( 45deg); -webkit-transform:rotate( 45deg); } #view_area .target_graphic.target_arrow090 { width: 24px; height:33px; background:url(../img/target_arrow.svg ) no-repeat center; background-size:24px 33px; -webkit-background-size:24px 33px; transform:rotate( 90deg); -webkit-transform:rotate( 90deg); } #view_area .target_graphic.target_arrow135 { width: 24px; height:33px; background:url(../img/target_arrow.svg ) no-repeat center; background-size:24px 33px; -webkit-background-size:24px 33px; transform:rotate(135deg); -webkit-transform:rotate(135deg); } #view_area .target_graphic.target_arrow180 { width: 24px; height:33px; background:url(../img/target_arrow.svg ) no-repeat center; background-size:24px 33px; -webkit-background-size:24px 33px; transform:rotate(180deg); -webkit-transform:rotate(180deg); } #view_area .target_graphic.target_arrow225 { width: 24px; height:33px; background:url(../img/target_arrow.svg ) no-repeat center; background-size:24px 33px; -webkit-background-size:24px 33px; transform:rotate(225deg); -webkit-transform:rotate(225deg); } #view_area .target_graphic.target_arrow270 { width: 24px; height:33px; background:url(../img/target_arrow.svg ) no-repeat center; background-size:24px 33px; -webkit-background-size:24px 33px; transform:rotate(270deg); -webkit-transform:rotate(270deg); } #view_area .target_graphic.target_arrow315 { width: 24px; height:33px; background:url(../img/target_arrow.svg ) no-repeat center; background-size:24px 33px; -webkit-background-size:24px 33px; transform:rotate(315deg); -webkit-transform:rotate(315deg); } #view_area .target_graphic.target_a_h1 { width: 50px; height:50px; background:url(../img/target_a_h1.svg ) no-repeat center; background-size:50px 50px; -webkit-background-size:50px 50px; } #view_area .target_graphic.target_a_h2 { width: 50px; height:50px; background:url(../img/target_a_h2.svg ) no-repeat center; background-size:50px 50px; -webkit-background-size:50px 50px; } #view_area .target_graphic.target_a_l1 { width: 50px; height:50px; background:url(../img/target_a_l1.svg ) no-repeat center; background-size:50px 50px; -webkit-background-size:50px 50px; } #view_area .target_graphic.target_a_l2 { width: 50px; height:50px; background:url(../img/target_a_l2.svg ) no-repeat center; background-size:50px 50px; -webkit-background-size:50px 50px; } #view_area .target_graphic.target_j_h { width: 50px; height:50px; background:url(../img/target_j_h.svg ) no-repeat center; background-size:50px 50px; -webkit-background-size:50px 50px; } #view_area .target_graphic.target_j_l { width: 50px; height:50px; background:url(../img/target_j_l.svg ) no-repeat center; background-size:50px 50px; -webkit-background-size:50px 50px; } #view_area .target_graphic.target_j_tc_orenge { width: 50px; height:50px; background:url(../img/target_j_tc_orenge.svg) no-repeat center; background-size:50px 50px; -webkit-background-size:50px 50px; } #view_area .target_graphic.target_j_tc_red { width: 50px; height:50px; background:url(../img/target_j_tc_red.svg ) no-repeat center; background-size:50px 50px; -webkit-background-size:50px 50px; } #view_area .target_graphic.target_j_ty_orenge { width: 50px; height:50px; background:url(../img/target_j_ty_orenge.svg) no-repeat center; background-size:50px 50px; -webkit-background-size:50px 50px; } #view_area .target_graphic.target_j_ty_red { width: 50px; height:50px; background:url(../img/target_j_ty_red.svg ) no-repeat center; background-size:50px 50px; -webkit-background-size:50px 50px; } #view_area .target_graphic.target_circle { width:100px; height:50px; background:none; border:1px solid #e53835; border-radius:50%; } #view_area .target_pin .target_graphic.target_arrow000 { margin:-16px 0px 0px 0px; } #view_area .target_pin .target_graphic.target_arrow045 { margin:-12px 0px 0px 14px; } #view_area .target_pin .target_graphic.target_arrow090 { margin: 0px 0px 0px 18px; } #view_area .target_pin .target_graphic.target_arrow135 { margin: 12px 0px 0px 12px; } #view_area .target_pin .target_graphic.target_arrow180 { margin: 16px 0px 0px 0px; } #view_area .target_pin .target_graphic.target_arrow225 { margin: 12px 0px 0px -12px; } #view_area .target_pin .target_graphic.target_arrow270 { margin: 0px 0px 0px -16px; } #view_area .target_pin .target_graphic.target_arrow315 { margin:-12px 0px 0px -12px; } #view_area .target_pin .target_graphic.target_circle { position:relative; width:100%; height:100%; } #view_area .target_pin .target_text { left:-135px; top:-40px; text-align:center; position:absolute; width:300px; } #view_area .target_pin .target_text.target_arrow000 { left: 30px; top:-15px; text-align:left; } #view_area .target_pin .target_text.target_arrow045 { left: 45px; top:-10px; text-align:left; } #view_area .target_pin .target_text.target_arrow090 { left:-140px; top:-30px; } #view_area .target_pin .target_text.target_arrow135 { left: 45px; top: 15px; text-align:left; } #view_area .target_pin .target_text.target_arrow180 { left: 30px; top: 20px; text-align:left; } #view_area .target_pin .target_text.target_arrow225 { left:-320px; top: 15px; text-align:right; } #view_area .target_pin .target_text.target_arrow270 { left:-140px; top:-30px; } #view_area .target_pin .target_text.target_arrow315 { left:-320px; top:-10px; text-align:right; } #view_area .target_pin .target_text.target_a_h1 { left:-125px; top:-40px; } #view_area .target_pin .target_text.target_a_h2 { left:-125px; top:-40px; } #view_area .target_pin .target_text.target_a_l1 { left:-125px; top:-40px; } #view_area .target_pin .target_text.target_a_l2 { left:-125px; top:-40px; } #view_area .target_pin .target_text.target_j_h { left:-125px; top:-40px; } #view_area .target_pin .target_text.target_j_l { left:-125px; top:-40px; } #view_area .target_pin .target_text.target_j_tc_orenge { left:-125px; top:-40px; } #view_area .target_pin .target_text.target_j_tc_red { left:-125px; top:-40px; } #view_area .target_pin .target_text.target_j_ty_orenge { left:-125px; top:-40px; } #view_area .target_pin .target_text.target_j_ty_red { left:-125px; top:-40px; } #view_area .target_pin .target_text.target_circle { left: 50%; top:-40px; margin-left:-150px; } #view_area .target_pin .target_text:before { content:""; position:absolute; top:26px; left:140px; border-top:10px solid rgba(255,255,255,0.8); border-left:10px solid transparent; border-right:10px solid transparent; } #view_area .target_pin .target_text[class*="target_arrow"]:before { border:none; } #view_area .target_pin .target_text input { width:5em; height:20px; padding:2px; font-size:14px; line-height:1.2em; outline:none; border:solid 1px rgba(255,255,255,0); border-radius:4px; background:rgba(255,255,255,0.8); color:#555; text-align:center; } #view_area .target_pin .target_rotate_left { position:absolute; top : 0px; left : 0px; cursor:pointer; } #view_area .target_pin .target_rotate_right { position:absolute; top : 0px; right: 0px; cursor:pointer; } #view_area .target_pin .target_resize_east { position:absolute; top : 0px; right:-10px; width:20px; height:100%; cursor: e-resize; } #view_area .target_pin .target_resize_south { position:absolute; bottom:-10px; left : 0px; width:100%; height:20px; cursor: s-resize; } #view_area .target_pin .target_resize_corner { position:absolute; bottom:-10px; right:-10px; width:30px; height:30px; cursor:se-resize; } #view_area .target_pin.hover { border:1px dashed #e53835; } #view_area .target_pin.hover [class*="rotate"]:before { font-family:Pe-icon-7-filled; content:"\e63d"; display:block; width:30px; height:30px; line-height:30px; text-align:center; font-size:20px; color:#e53835; } body header { position:fixed; left:0px; top:0px; width:100%; text-align:center; white-space:nowrap; z-index:1; pointer-events:none; } body header > * { display:inline-block; } body header .menu_button { position:absolute; top:0px; left :0px; width:50px; height:50px; background:url(../img/menu_button.png) no-repeat 50% 50%; background-size:28px 28px; -webkit-background-size:28px 28px; pointer-events:auto; cursor:pointer; } body header .menu_button:active { background-color:rgba(3,155,229,0.5); } body header .submenu_button { position:absolute; top:0px; right:0px; width:50px; height:50px; background:url(../img/submenu_button.png) no-repeat 50% 50%; background-size:36px 36px; -webkit-background-size:36px 36px; pointer-events:auto; cursor:pointer; } body header .submenu_button:active { background-color:rgba(3,155,229,0.5); } body header .submenu_button.open { background:#039be5 url(../img/submenu_close_button.svg) no-repeat 50% 50%; } body header .title { display:block; height:50px; line-height:50px; font-size:18px; color:#fff; } body header .subtitle { display:block; font-size:18px; margin-top:-50px; padding-top:8px; color:#fff; margin-left:0px; } body header .subtitle .icon { display:inline-block; width:32px; height:32px; background-repeat:no-repeat; background-size:32px 32px; -webkit-background-size:32px 32px; } body[data_id="D531107" ] header .subtitle .icon { background-image:url(../img/icon_D531107_2.svg); } body[data_id="D531106" ] header .subtitle .icon { background-image:url(../img/icon_D531106_2.svg); } body[data_id="FULL_24h"] header .subtitle .icon { background-image:url(../img/icon_D531106_2.svg); } body[data_id="about" ] header .subtitle .icon { background-image:url(../img/icon_help_2.svg); } body[data_id="help" ] header .subtitle .icon { background-image:url(../img/icon_help_2.svg); } body header .subtitle .caption > span:nth-child(1) { display:none; } body[data_id="FULL_24h"] header .subtitle .caption { position:absolute; left:0px; right:0px; top:100px; } body[data_id="FULL_24h"] header .subtitle .caption > * { display:inline-block; pointer-events:auto; cursor:pointer; } body[data_id="FULL_24h"] header .subtitle .caption > *:hover { background-color:rgba(3,155,229,0.5); } body[data_id="FULL_24h"] header .subtitle[sub_id="B01"] .caption > span:nth-child(2) > span:before { content:" 1 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B02"] .caption > span:nth-child(2) > span:before { content:" 2 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B03"] .caption > span:nth-child(2) > span:before { content:" 3 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B04"] .caption > span:nth-child(2) > span:before { content:" 4 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B05"] .caption > span:nth-child(2) > span:before { content:" 5 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B06"] .caption > span:nth-child(2) > span:before { content:" 6 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B07"] .caption > span:nth-child(2) > span:before { content:" 7 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B08"] .caption > span:nth-child(2) > span:before { content:" 8 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B09"] .caption > span:nth-child(2) > span:before { content:" 9 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B10"] .caption > span:nth-child(2) > span:before { content:"10 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B11"] .caption > span:nth-child(2) > span:before { content:"11 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B12"] .caption > span:nth-child(2) > span:before { content:"12 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B13"] .caption > span:nth-child(2) > span:before { content:"13 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B14"] .caption > span:nth-child(2) > span:before { content:"14 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B15"] .caption > span:nth-child(2) > span:before { content:"15 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B16"] .caption > span:nth-child(2) > span:before { content:"16 "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B01"] .caption > span:nth-child(2) > span:after { content:"( 0.47µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B02"] .caption > span:nth-child(2) > span:after { content:"( 0.51µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B03"] .caption > span:nth-child(2) > span:after { content:"( 0.64µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B04"] .caption > span:nth-child(2) > span:after { content:"( 0.86µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B05"] .caption > span:nth-child(2) > span:after { content:"( 1.6 µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B06"] .caption > span:nth-child(2) > span:after { content:"( 2.3 µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B07"] .caption > span:nth-child(2) > span:after { content:"( 3.9 µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B08"] .caption > span:nth-child(2) > span:after { content:"( 6.2 µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B09"] .caption > span:nth-child(2) > span:after { content:"( 6.9 µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B10"] .caption > span:nth-child(2) > span:after { content:"( 7.3 µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B11"] .caption > span:nth-child(2) > span:after { content:"( 8.6 µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B12"] .caption > span:nth-child(2) > span:after { content:"( 9.6 µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B13"] .caption > span:nth-child(2) > span:after { content:"(10.4 µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B14"] .caption > span:nth-child(2) > span:after { content:"(11.2 µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B15"] .caption > span:nth-child(2) > span:after { content:"(12.4 µm) "; } body[data_id="FULL_24h"] header .subtitle[sub_id="B16"] .caption > span:nth-child(2) > span:after { content:"(13.3 µm) "; } body header .date { position:relative; margin-left:55px; } body header .date input { width:210px; padding:14px; border-radius:5px; font-size:18px; letter-spacing:0.1em; text-align:center; border:none; background:rgba(100,100,100,0.5); color:#fff; pointer-events:auto; cursor:pointer; } body header .date .picker { pointer-events:auto; } body header .date .picker__select--year { width:auto; height:auto; font-size:1em; } body header .date button.picker__button--clear { visibility:hidden; } body header .date .time_zone { position:absolute; top:0px; left:0px; right:0px; font-size:12px; color:#fff; } body header .reload_button { position:relative; } body header .reload_button .image { display:inline-block; width:50px; height:50px; vertical-align:-19px; background:url(../img/reload_button.svg) 50% 50% no-repeat; background-size:34px 34px; -webkit-background-size:34px 34px; pointer-events:auto; cursor:pointer; } body header .reload_button.last_date .image { background-image:url(../img/reload_button_last.svg); } body header .reload_button.auto_update .image { background-image:url(../img/reload_button_last.svg); -webkit-animation:spin 20.0s linear infinite; -moz-animation:spin 20.0s linear infinite; -ms-animation:spin 20.0s linear infinite; -o-animation:spin 20.0s linear infinite; animation:spin 20.0s linear infinite; } #menu_area { position:fixed; top:0px; left:-220px; height:100%; width:220px; transition:left 0.2s ease-in-out 0s; background:#eee; z-index:2; } #menu_area.open { left:0px; transition:left 0.4s ease-in-out 0s; } #menu_area .title { display:table; height:50px; width:100%; color:#fff; background:#039be5; } #menu_area .title .caption { display:table-cell; vertical-align:middle; text-align:center; font-size:15px; padding-bottom:3px; } #menu_area .title .close_button { display:table-cell; vertical-align:middle; text-align:center; font-size:36px; width:50px; height:50px; line-height:50px; margin:0; padding:0; cursor:pointer; } #menu_area .title .close_button:before { font-family:Pe-icon-7-stroke; content:"\e680"; } #menu_area .title .close_button:active { color:#000; } #menu_area #menu_list { width:100%; margin:20px 0 0 0; padding:0; list-style:none; border-bottom:solid 1px #d7d7d7; } #menu_area #menu_list li { height:40px; line-height:40px; color:#555; text-indent:3em; background-repeat:no-repeat; background-position:10px 10px; background-size:20px 20px; -webkit-background-size:20px 20px; cursor:pointer; } #menu_area #menu_list li:active { background-color:#039be5; color:#fff; } #menu_area #menu_list li.select { background-color:#888; color:#fff; } #menu_area #menu_list li[data_id="D531107" ] { background-image:url(../img/icon_D531107_1.svg); } #menu_area #menu_list li[data_id="D531107" ].select { background-image:url(../img/icon_D531107_2.svg); } #menu_area #menu_list li[data_id="D531106" ] { background-image:url(../img/icon_D531106_1.svg); } #menu_area #menu_list li[data_id="D531106" ].select { background-image:url(../img/icon_D531106_2.svg); } #menu_area #menu_list li[data_id="FULL_24h"] { background-image:url(../img/icon_D531106_1.svg); } #menu_area #menu_list li[data_id="FULL_24h"].select { background-image:url(../img/icon_D531106_2.svg); } #menu_area #menu_list li[data_id="movie" ] { background-image:url(../img/icon_movie_1.svg); } #menu_area #menu_list li[data_id="movie" ].select { background-image:url(../img/icon_movie_2.svg); } #menu_area #menu_list li[data_id="download"] { background-image:url(../img/icon_dl_1.svg); } #menu_area #menu_list li[data_id="download"].select { background-image:url(../img/icon_dl_2.svg); } #menu_area #menu_list li[data_id="about" ] { background-image:url(../img/icon_help_1.svg); } #menu_area #menu_list li[data_id="about" ].select { background-image:url(../img/icon_help_2.svg); } #menu_area #menu_list li[data_id="help" ] { background-image:url(../img/icon_help_1.svg); } #menu_area #menu_list li[data_id="help" ].select { background-image:url(../img/icon_help_2.svg); } #menu_area #sns_button { display:flex; justify-content:center; height:44px; } #menu_area #sns_button > * { flex:0 0 34px; margin:10px 8px 0 0; background-position:left top; background-repeat:no-repeat; background-size:34px 34px; -webkit-background-size:34px 34px; cursor:pointer; } #menu_area #sns_button > .mail { background-image:url(../img/sns_mail.png); } #menu_area #sns_button > .facebook { background-image:url(../img/sns_facebook.png); } #menu_area #sns_button > .twitter { background-image:url(../img/sns_twitter.png); } #menu_area #sns_button > .line { background-image:url(../img/sns_line.png); } #menu_area #logo_area { margin:5px 10px 0 10px; } #menu_area #logo_area ul { list-style:none; margin:0; padding:0; display:flex; flex-flow:wrap; } #menu_area #logo_area li { margin:0 auto 0px; padding:0; text-align:center; } #menu_area #logo_area li.logo_nict { width:100%; } #menu_area #logo_area li.logo_chiba { width: 50%; } #menu_area #logo_area li.logo_kochi { width: 50%; } #menu_area #logo_area li.logo_nagoya { width: 50%; } #menu_area #logo_area li.logo_dummy { width: 50%; } #menu_area #logo_area li.logo_nict img { width:200px; } #menu_area #logo_area li.logo_chiba img { width: 90px; } #menu_area #logo_area li.logo_kochi img { width:100px; } #menu_area #logo_area li.logo_nagoya img { width:100px; } #menu_area .ver { width:100%; font-size:12px; text-align:center; margin:10px auto 0 auto; color:#999; } #menu_area .note { width:200px; font-size:12px; position:absolute; margin:10px 10px 10px 10px; color:#999; bottom:0px; display:none; } #menu_area .note .noun { color:#555; font-weight:bold; } #submenu_area { position:fixed; top:50px; right:10px; width:200px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.5); z-index:2; display:none; opacity:0; animation-name:fade-out; -webkit-animation-name:fade-out; -moz-animation-name:fade-out; animation-duration:0.5s; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; } #submenu_area.open { display:block; opacity:1; animation-name:fade-in; -webkit-animation-name:fade-in; -moz-animation-name:fade-in; } #submenu_area ul { padding:0; margin:0; list-style-type:none; } #submenu_area li { height:42px; line-height:42px; padding-left:40px; font-size:15px; background-color:#039be5; color:#fff; border-bottom:solid 1px rgba(255,255,255,0.25); background-repeat:no-repeat; background-position:10px 10px; background-size:18px 18px; -webkit-background-size:18px 18px; transition:0.5s; cursor:pointer; } #submenu_area li:hover { background-color:#85d6ff; } #submenu_area li.view_url_button { background-image:url(../img/icon_link.svg); } #submenu_area li.autorun_button:before { font-family:"Pe-icon-7-filled"; content:"\e6a4"; font-size:20px; vertical-align:-3px; margin:0 15px 0 -28px; } #submenu_area li.display_demo_button { background-image:url(../img/icon_demo.svg); } #submenu_area li.language_button { background-image:url(../img/icon_lang.svg); } #submenu_area li.time_zone_button { background-image:url(../img/icon_timezone.svg); } #submenu_area li.event_button:before { font-family:"Pe-icon-7-filled"; content:"\e6dd"; font-size:20px; vertical-align:-3px; margin:0 13px 0 -28px; } #submenu_area li.event_history_button:before { font-family:"Pe-icon-7-filled"; content:"\e6dd"; font-size:20px; vertical-align:-3px; margin:0 13px 0 -28px; } #submenu_area li.coastline_button { background-image:url(../img/icon_coastline.svg); display:none; } #submenu_area li.center_button { background-image:url(../img/icon_center.svg); display:none; } #submenu_area li.movie_button { background-image:url(../img/icon_movie.svg); display:none; } #submenu_area li.target_area_button { background-image:url(../img/icon_target_area.svg); display:none; } #submenu_area li.target_area_button.visible_ty { background-image:url(../img/icon_target_area_orange.svg); color:#f4a523; } #submenu_area li a { display:inline-block; width:100%; text-decoration:none; color:#fff; } body #button_area { position:fixed; bottom:80px; right:5px; z-index:1; } body #button_area > * { position:absolute; right:0px; width:50px; height:50px; background-position:50% 50%; background-repeat:no-repeat; background-size:38px 38px; -webkit-background-size:38px 38px; cursor:pointer; } body #button_area > *:not(.disabled):active { background-color:rgba(3,155,229,0.5); } body #button_area > #zoom_in_button { top : 55px; background-image:url(../img/zoom_in_button.svg ); position:fixed; right:5px; } body #button_area > #zoom_out_button { top :105px; background-image:url(../img/zoom_out_button.svg); position:fixed; right:5px; } body #button_area > #dl_button { bottom:300px; background-image:url(../img/dl_button.svg); } body #button_area > #dl_button.downloaded { opacity:0.4; pointer-events:none; } body #button_area > #dl_button > a { display:block; width:100%; height:100%; } body #button_area > #capture_button { bottom:250px; text-align:center; line-height:50px; visibility:hidden; } body #button_area > #capture_button:before { font-family:Pe-icon-7-filled; content:"\e6b4"; font-size:30px; color:#fff; } body #button_area > #capture_button:active { cursor:none; } body #button_area > #coastline_button { bottom:200px; background-image:url(../img/coastline_button.svg); } body #button_area > #coastline_button[type="ffff00"] { background-image:url(../img/coastline_button_yellow.svg); } body #button_area > #coastline_button[type="ff0000"] { background-image:url(../img/coastline_button_red.svg); } body #button_area > #coastline_button[type="00ff00"] { background-image:url(../img/coastline_button_green.svg); } body #button_area > #gps_button { bottom:150px; background-image:url(../img/gps_button.svg); } body #button_area > #gps_button.gps_on { background-image:url(../img/gps_button_on.svg); } body #button_area > #gps_button.gps_loading { background-image:url(../img/gps_button_on.svg); -webkit-animation:spin 1.0s linear infinite; -moz-animation:spin 1.0s linear infinite; -ms-animation:spin 1.0s linear infinite; -o-animation:spin 1.0s linear infinite; animation:spin 1.0s linear infinite; } body #button_area > #center_button { bottom:100px; background-image:url(../img/center_button.svg); } body #button_area > #movie_button { bottom: 50px; background-image:url(../img/movie_button.svg); } body:not([data_id="FULL_24h"]) #button_area > #movie_button.last_date { background-image:url(../img/movie_button_last.svg); } body #button_area > #target_area_button { bottom: 0px; background-image:url(../img/target_area_button.svg); } body #button_area > #target_area_button.visible { background-image:url(../img/target_area_button_blue.svg); } body #button_area > #target_area_button.visible_ty { background-image:url(../img/target_area_button_orange.svg); } body #button_area > #gps_button.gps_loading > .popupmsg { display:none; } body[data_id="FULL_24h"] #button_area > #dl_button { opacity:0.4; pointer-events:none; } body[data_id="FULL_24h"] #button_area > #movie_button { opacity:0.4; pointer-events:none; } #time_controller { position:fixed; bottom:10px; left:0px; display:flex; width:100%; height:60px; z-index:1; } #time_controller > * { flex:0 0 50px; cursor:pointer; } #time_controller > .date_prev { background:url(../img/time_controller_date_prev.svg) 50% 50% no-repeat; background-size:38px 38px; -webkit-background-size:38px 38px; } #time_controller > .time_prev { background:url(../img/time_controller_time_prev.svg) 50% 50% no-repeat; background-size:38px 38px; -webkit-background-size:38px 38px; } #time_controller > .time_next { background:url(../img/time_controller_time_next.svg) 50% 50% no-repeat; background-size:38px 38px; -webkit-background-size:38px 38px; } #time_controller > .date_next { background:url(../img/time_controller_date_next.svg) 50% 50% no-repeat; background-size:38px 38px; -webkit-background-size:38px 38px; } #time_controller > [class*="prev"]:not(.disabled):active { background-color:rgba(3,155,229,0.5); } #time_controller > [class*="next"]:not(.disabled):active { background-color:rgba(3,155,229,0.5); } #time_controller > .time_rail { position:relative; flex:auto; font-size:12px; color:#fff; } #time_controller > .time_rail .time_00 { position:absolute; top:-10px; left :0px; } #time_controller > .time_rail .time_12 { position:absolute; top:-10px; left :0px; right:0px; margin:auto; width:3em; display:block; text-align:center; } #time_controller > .time_rail .time_24 { position:absolute; top:-10px; right:0px; } #time_controller > .time_rail .time_range1 { position:absolute; left:0px; top:29px; width:100%; height:3px; background:#fff; } #time_controller > .time_rail .time_range2 { position:absolute; left:0px; top:29px; height:3px; background:#039be5; display:none; } #time_controller > .time_rail .k2go-timeline-main { left:25px; right:25px; width:auto; } #time_controller > .time_rail .k2go-timeline-bar { display:none; } #time_controller > .time_rail .k2go-timeline-rail { top:30px; height:60px; background:none; box-shadow:none; border-radius:unset; } #time_controller > .time_rail .k2go-timeline-pick { width:50px; height:50px; bottom:6px; } #time_controller > .time_rail .k2go-timeline-pick-knob { width:50px; height:50px; background:url(../img/time_controller_knob.png) no-repeat; background-size:50px 50px; -webkit-background-size:50px 50px; } body #autorun_panel { display:none; } body.autorun #autorun_panel { display:block; position:fixed; left:0px; top:0px; z-index:1; } body.autorun #autorun_panel > #autorun_frame { position:fixed; bottom:85px; left:0px; right:0px; width:420px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; text-align:center; background:#039be5; color:#fff; box-shadow:0 0 10px 4px rgba(0,0,0,0.2); } body.autorun #autorun_panel > #autorun_frame > #autorun_title { display:flex; width:100%; height:40px; background:rgba(0,0,0,0.2); } body.autorun #autorun_panel > #autorun_frame > #autorun_title > #autorun_caption { flex-grow:1; line-height:40px; padding-left:16px; font-size:13px; text-align:left; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > *:nth-of-type(n+2) { line-height:22px; margin:8px 5px; padding:0 15px; font-size:10px; border:solid 1px #fff; border-radius:16px; cursor:pointer; } body.autorun #autorun_panel > #autorun_frame.repeat > #autorun_title > #autorun_repeat_button { border-color:rgba(0,0,0,0.3); background:#fff; color:#039be5; } body.autorun #autorun_panel > #autorun_frame.capture > #autorun_title > #autorun_capture_button { border-color:rgba(0,0,0,0.3); background:#fff; color:#039be5; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > #autorun_viewurl_button:active { border-color:rgba(0,0,0,0.3); background:#fff; color:#039be5; } body.autorun #autorun_panel > #autorun_frame > #autorun_start { width:180px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start > #autorun_start_button { height:30px; line-height:30px; margin:10px 0; font-size:12px; border:solid 1px #fff; cursor:pointer; transition:.3s; } body.autorun #autorun_panel > #autorun_frame > #autorun_start > #autorun_start_time { height:20px; line-height:20px; margin:0 0 5px 10px; font-size:11px; padding-left:10px; letter-spacing:0.1em; background:url(../img/autorun_time.svg) no-repeat center left; background-size:14px 14px; -webkit-background-size:14px 14px; opacity:0.4; pointer-events:none; } body.autorun #autorun_panel > #autorun_frame > #autorun_start.set > #autorun_start_button { border:solid 1px rgba(255,255,255,0.3); background:rgba(255,255,255,0.3); color:#fff; } body.autorun #autorun_panel > #autorun_frame > #autorun_start.set > #autorun_start_time { cursor:pointer; opacity:1.0; pointer-events:auto; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction { width:45px; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction > #autorun_step { height:32px; line-height:32px; margin:10px 0; font-size:11px; cursor:pointer; transition:.3s; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction > #autorun_arrow { height:20px; line-height:20px; margin:0 0 5px 0px; font-size:11px; cursor:pointer; background:url(../img/autorun_direction.svg) no-repeat center center; background-size:12px 12px; -webkit-background-size:12px 12px; transition:.3s; } body.autorun.reverse #autorun_panel > #autorun_frame > #autorun_direction > #autorun_arrow { transform:scale( -1, 1); } body.autorun #autorun_panel > #autorun_frame.repeat > #autorun_direction > #autorun_arrow { background:url(../img/autorun_repeat.svg) no-repeat center center; background-size:16px 16px; -webkit-background-size:16px 16px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end { width:180px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end > #autorun_end_button { height:30px; line-height:30px; margin:10px 0; font-size:12px; border:solid 1px #fff; cursor:pointer; transition:.3s; } body.autorun #autorun_panel > #autorun_frame > #autorun_end > #autorun_end_time { height:20px; line-height:20px; margin:0 0 5px 10px; font-size:11px; padding-left:10px; letter-spacing:0.1em; background:url(../img/autorun_time.svg) no-repeat center left; background-size:14px 14px; -webkit-background-size:14px 14px; opacity:0.4; pointer-events:none; } body.autorun #autorun_panel > #autorun_frame > #autorun_end.set > #autorun_end_button { border:solid 1px rgba(255,255,255,0.3); background:rgba(255,255,255,0.3); color:#fff; } body.autorun #autorun_panel > #autorun_frame > #autorun_end.set > #autorun_end_time { cursor:pointer; opacity:1.0; pointer-events:auto; } body.autorun #autorun_panel > #autorun_frame.running_mode { height:0px; box-shadow:none; } body.autorun #autorun_panel > #autorun_frame.running_mode > * { visibility:hidden; margin-top:999px; } body.autorun #autorun_panel > #autorun_backward { position:fixed; bottom:15px; left :45px; width:50px; height:50px; background:url(../img/autorun_backward.svg ) 45% 50% no-repeat; background-size:20px 20px; -webkit-background-size:20px 20px; background-color:#fff; border-radius:50px; cursor:pointer; } body.autorun #autorun_panel > #autorun_foward { position:fixed; bottom:15px; right:45px; width:50px; height:50px; background:url(../img/autorun_foward.svg ) 55% 50% no-repeat; background-size:20px 20px; -webkit-background-size:20px 20px; background-color:#fff; border-radius:50px; cursor:pointer; } body.autorun #autorun_panel > #autorun_backward.active { background-image:url(../img/autorun_backward_on.svg); } body.autorun #autorun_panel > #autorun_foward.active { background-image:url(../img/autorun_foward_on.svg ); } body.autorun #autorun_panel > #autorun_backward > * { position:absolute; top:47px; width:50px; font-size:12px; text-align:center; color:#fc3; } body.autorun #autorun_panel > #autorun_foward > * { position:absolute; top:47px; width:50px; font-size:12px; text-align:center; color:#fc3; } body.autorun #autorun_panel > #autorun_prev { position:fixed; bottom:15px; left : 0px; width:45px; height:50px; background:url(../img/time_controller_date_prev.svg) 80% 50% no-repeat; background-size:38px 38px; -webkit-background-size:38px 38px; cursor:pointer; } body.autorun #autorun_panel > #autorun_next { position:fixed; bottom:15px; right: 0px; width:45px; height:50px; background:url(../img/time_controller_date_next.svg) 20% 50% no-repeat; background-size:38px 38px; -webkit-background-size:38px 38px; cursor:pointer; } body.autorun #autorun_panel > #autorun_backward:not(.disabled):active { background-color:rgba(3,155,229,0.5); } body.autorun #autorun_panel > #autorun_foward:not(.disabled):active { background-color:rgba(3,155,229,0.5); } body.autorun #autorun_panel > #autorun_prev:not(.disabled):active { background-color:rgba(3,155,229,0.5); } body.autorun #autorun_panel > #autorun_next:not(.disabled):active { background-color:rgba(3,155,229,0.5); } body.autorun #autorun_panel > #autorun_cover { display:none; } body.autorun.running #autorun_panel > #autorun_frame { background:orange; } body.autorun.running #autorun_panel > #autorun_frame.running_mode:before { position:absolute; top:-20px; left:0px; width:420px; font-size:12px; color:#fc3; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_title { height: 0px; line-height:0px; margin:0; font-size:0px; opacity:0; visibility:hidden; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_start > #autorun_start_button { height: 0px; line-height:0px; margin:0; font-size:0px; opacity:0; visibility:hidden; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_end > #autorun_end_button { height: 0px; line-height:0px; margin:0; font-size:0px; opacity:0; visibility:hidden; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction { height:27px; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction > #autorun_step { height:13px; line-height:13px; margin:0px; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction > #autorun_arrow { height:13px; line-height:13px; margin:0px; } body.autorun.running #autorun_panel > #autorun_prev { opacity:0.4; pointer-events:none; } body.autorun.running #autorun_panel > #autorun_next { opacity:0.4; pointer-events:none; } body.autorun.running #autorun_panel > #autorun_cover { display:block; position:fixed; top:0px; left:0px; height:100%; width:100%; } body.autorun.running header .menu_button { opacity:0.4; pointer-events:none; } body.autorun.running header .submenu_button { opacity:0.4; pointer-events:none; } body.autorun.running header .reload_button { opacity:0.4; pointer-events:none; } body.autorun.running #button_area { opacity:0.4; pointer-events:none; } body.autorun #time_controller > .date_prev { visibility:hidden; } body.autorun #time_controller > .time_prev { visibility:hidden; } body.autorun #time_controller > .time_next { visibility:hidden; } body.autorun #time_controller > .date_next { visibility:hidden; } body.autorun #time_controller > .time_rail .k2go-timeline-pick-knob:before { display:block; font-family:Pe-icon-7-stroke; content:"\e684"; font-size:50px; line-height:50px; color:#000; } body.autorun.reverse #time_controller > .time_rail .k2go-timeline-pick-knob:before { display:block; font-family:Pe-icon-7-stroke; content:"\e686"; font-size:50px; line-height:50px; } body.autorun.running #lock_window.show { display:none; } #lock_window { display:none; z-index:1; } #lock_window.show { display:block; position:fixed; top:0px; left:0px; height:100%; width:100%; } #lock_window.show_sub_captions { display:block; position:fixed; top:0px; left:0px; height:100%; width:100%; background:#000; opacity:0.15; } #lock_window.black { background:#000; opacity:0.5 ; } #sub_image_list { position:absolute; top:155px; left:30px; width:20em; font-size:14px; z-index:1; } #sub_image_list .title .close_button { position:absolute; top:-36px; right:-20px; width:36px; height:36px; background:url(../img/close_button.svg) no-repeat center center; background-size:36px 36px; -webkit-background-size:36px 36px; cursor:pointer; } #sub_image_list .list { list-style-type:none; margin:0px; padding:0px; overflow-y:scroll; } #sub_image_list .list .item { color:#444; margin-bottom:4px; padding:10px; cursor:pointer; } #sub_image_list .list .item[sub_image="B01"] { background:rgba(255,255,255,0.8); } #sub_image_list .list .item[sub_image="B02"] { background:rgba(255,255,255,0.8); } #sub_image_list .list .item[sub_image="B03"] { background:rgba(255,255,255,0.8); } #sub_image_list .list .item[sub_image="B04"] { background:rgba(255,235,238,0.8); } #sub_image_list .list .item[sub_image="B05"] { background:rgba(243,229,245,0.8); } #sub_image_list .list .item[sub_image="B06"] { background:rgba(243,229,245,0.8); } #sub_image_list .list .item[sub_image="B07"] { background:rgba(227,242,253,0.8); } #sub_image_list .list .item[sub_image="B08"] { background:rgba(227,242,253,0.8); } #sub_image_list .list .item[sub_image="B09"] { background:rgba(227,242,253,0.8); } #sub_image_list .list .item[sub_image="B10"] { background:rgba(227,242,253,0.8); } #sub_image_list .list .item[sub_image="B11"] { background:rgba(224,242,241,0.8); } #sub_image_list .list .item[sub_image="B12"] { background:rgba(224,242,241,0.8); } #sub_image_list .list .item[sub_image="B13"] { background:rgba(224,242,241,0.8); } #sub_image_list .list .item[sub_image="B14"] { background:rgba(224,242,241,0.8); } #sub_image_list .list .item[sub_image="B15"] { background:rgba(224,242,241,0.8); } #sub_image_list .list .item[sub_image="B16"] { background:rgba(224,242,241,0.8); } #sub_image_list .list .item:hover { background:#00a2ff; color:#fff; } #sub_image_list .list .item.select { background:#00a2ff; color:#fff; } #sub_image_list .list .item > span:nth-child(1) { display:inline-block; text-align:right; width:2.8em; } #sub_image_list .list .item > span:nth-child(2) { display:inline-block; text-align:right; width:5.0em; } #sub_image_list .list .item[sub_image="B01"] > span:nth-child(2):before { content:" 0.47µm)"; } #sub_image_list .list .item[sub_image="B02"] > span:nth-child(2):before { content:" 0.51µm)"; } #sub_image_list .list .item[sub_image="B03"] > span:nth-child(2):before { content:" 0.64µm)"; } #sub_image_list .list .item[sub_image="B04"] > span:nth-child(2):before { content:" 0.86µm)"; } #sub_image_list .list .item[sub_image="B05"] > span:nth-child(2):before { content:" 1.6 µm)"; } #sub_image_list .list .item[sub_image="B06"] > span:nth-child(2):before { content:" 2.3 µm)"; } #sub_image_list .list .item[sub_image="B07"] > span:nth-child(2):before { content:" 3.9 µm)"; } #sub_image_list .list .item[sub_image="B08"] > span:nth-child(2):before { content:" 6.2 µm)"; } #sub_image_list .list .item[sub_image="B09"] > span:nth-child(2):before { content:" 6.9 µm)"; } #sub_image_list .list .item[sub_image="B10"] > span:nth-child(2):before { content:" 7.3 µm)"; } #sub_image_list .list .item[sub_image="B11"] > span:nth-child(2):before { content:" 8.6 µm)"; } #sub_image_list .list .item[sub_image="B12"] > span:nth-child(2):before { content:" 9.6 µm)"; } #sub_image_list .list .item[sub_image="B13"] > span:nth-child(2):before { content:"10.4 µm)"; } #sub_image_list .list .item[sub_image="B14"] > span:nth-child(2):before { content:"11.2 µm)"; } #sub_image_list .list .item[sub_image="B15"] > span:nth-child(2):before { content:"12.4 µm)"; } #sub_image_list .list .item[sub_image="B16"] > span:nth-child(2):before { content:"13.3 µm)"; } #dialog_view_url .sns_button { display:flex; height:46px; } #dialog_view_url .sns_button > * { flex:0 0 34px; margin:4px 8px 8px 0; background-position:left top; background-repeat:no-repeat; background-size:34px 34px; -webkit-background-size:34px 34px; cursor:pointer; } #dialog_view_url .sns_button > .mail { background-image:url(../img/sns_mail.png); } #dialog_view_url .sns_button > .facebook { background-image:url(../img/sns_facebook.png); } #dialog_view_url .sns_button > .twitter { background-image:url(../img/sns_twitter.png); } #dialog_view_url .sns_button > .line { background-image:url(../img/sns_line.png); } #language_list { position:fixed; top:20%; right:0; left:0; margin:auto; width:300px; height:100%; z-index:1; } #language_list .title .close_button { position:absolute; top:-36px; right:0px; width:36px; height:36px; background:url(../img/close_button.svg) no-repeat center center; background-size:36px 36px; -webkit-background-size:36px 36px; cursor:pointer; } #language_list .list { list-style-type:none; margin:0px; padding:0px; max-height:70%; overflow-y:scroll; } #language_list .list .item { background:#444444; color:#888; margin-bottom:4px; padding:10px; } #language_list .list .item:hover { background:#00a2ff; color:#fff; cursor:pointer; } #language_list .list .item.select { background:#00a2ff; color:#fff; } #language_list .list .item a { text-decoration:none; color:inherit; display:block; margin:-10px; padding:10px; } #language_list .list .item[lang_type="AUTO"] a:before { content:"Auto"; } #language_list .list .item[lang_type="en" ] a:before { content:"English"; } #language_list .list .item[lang_type="ja" ] a:before { content:"Japanese"; } #language_list .list .item[lang_type="ko" ] a:before { content:"Korean"; } #language_list .list .item[lang_type="zh" ] a:before { content:"Chinese(CS)"; } #language_list .list .item[lang_type="tw" ] a:before { content:"Chinese(CT)"; } #language_list .list .item[lang_type="id" ] a:before { content:"Indonesian"; } #language_list .list .item[lang_type="my" ] a:before { content:"Myanmar"; } #language_list .list .item[lang_type="th" ] a:before { content:"Thai"; } #language_list .list .item[lang_type="ru" ] a:before { content:"Russian"; } #language_list .list .item[lang_type="fr" ] a:before { content:"French"; } #language_list .list .item[lang_type="tet" ] a:before { content:"Tetum"; } #language_list .list .item[lang_type="ms" ] a:before { content:"Malay"; } #language_list .list .item[lang_type="tgl" ] a:before { content:"Tagalog"; } #time_zone_list { position:fixed; top:20%; right:0; left:0; margin:auto; width:300px; height:100%; z-index:1; } #time_zone_list .title .close_button { position:absolute; top:-36px; right:0px; width:36px; height:36px; background:url(../img/close_button.svg) no-repeat center center; background-size:36px 36px; -webkit-background-size:36px 36px; cursor:pointer; } #time_zone_list .list { list-style-type:none; margin:0px; padding:0px; max-height:70%; overflow-y:scroll; } #time_zone_list .list .item { background:#444444; color:#888; margin-bottom:4px; padding:10px; } #time_zone_list .list .item:hover { background:#00a2ff; color:#fff; cursor:pointer; } #time_zone_list .list .item.select { background:#00a2ff; color:#fff; } #navigate_band13 { position:fixed; top:100px; right:100px; border:solid 1px rgba(154,204,253,0.9); border-radius:20px; box-shadow:0 0 20px 4px rgba(154,204,253,0.4); cursor:pointer; z-index:1; } #navigate_band13 .image { position:relative; width:200px; height:200px; background:#000; border-radius:20px 20px 0 0; opacity:0.7; } #navigate_band13 .image img { position:absolute; left:0px; top:0px; width:76%; margin:12%; } #navigate_band13 .caption { display:flex; justify-content:center; align-items:center; height:50px; font-size:13px; text-align:center; white-space:pre; color:rgb(154,204,253); background:rgba(17,22,40,0.7); border-radius:0 0 20px 20px; } #navigate_band13 .close_button { position:absolute; top:8px; right:8px; width:24px; height:24px; background:url(../img/navigate_band13_close.svg) no-repeat center center; background-size:20px 20px; } .nict-stars-event-viewer-title .nict-stars-event-viewer-sort { display:none; } .nict-stars-event-viewer-title .nict-stars-event-viewer-caption { margin-left:20px; } .nict-stars-event-viewer-list .nict-stars-event-viewer-item > .nict-stars-event-viewer-date { display:none; } .nict-stars-event-viewer-list .nict-stars-event-viewer-item > .nict-stars-event-viewer-user { display:none; } #target_area_message { position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:10em; height:2em; line-height:2em; font-size:18px; margin:auto; color:#fff; background:rgba(0,0,0,0.5); text-align:center; z-index:2; } #target_area_message.no_data:before { content:"No Data Now"; } #target_area_message.no_typhoon:before { content:"No Typhoon Now"; } @keyframes fade-in { 0% { display:none; opacity:0; transform:scale(1.1); } 1% { display:block; opacity:0; transform:scale(1.1); } 100% { display:block; opacity:1; transform:scale(1); } } @-webkit-keyframes fade-in { 0% { display:none; opacity:0; -webkit-transform:scale(1.1); } 1% { display:block; opacity:0; -webkit-transform:scale(1.1); } 100% { display:block; opacity:1; -webkit-transform:scale(1); } } @-moz-keyframes fade-in { 0% { display:none; opacity:0; -moz-transform:scale(1.1); } 1% { display:block; opacity:0; -moz-transform:scale(1.1); } 100% { display:block; opacity:1; -moz-transform:scale(1); } } @-ms-keyframes fade-in { 0% { display:none; opacity:0; -ms-transform:scale(1.1); } 1% { display:block; opacity:0; -ms-transform:scale(1.1); } 100% { display:block; opacity:1; -ms-transform:scale(1); } } @-o-keyframes fade-in { 0% { display:none; opacity:0; -o-transform:scale(1.1); } 1% { display:block; opacity:0; -o-transform:scale(1.1); } 100% { display:block; opacity:1; -o-transform:scale(1); } } @keyframes fade-out { 0% { display:none; opacity:1; } 1% { display:block; opacity:1; } 100% { display:block; opacity:0; } } @-webkit-keyframes fade-out { 0% { display:none; opacity:1; } 1% { display:block; opacity:1; } 100% { display:block; opacity:0; } } @-moz-keyframes fade-out { 0% { display:none; opacity:1; } 1% { display:block; opacity:1; } 100% { display:block; opacity:0; } } @-ms-keyframes fade-out { 0% { display:none; opacity:1; } 1% { display:block; opacity:1; } 100% { display:block; opacity:0; } } @-o-keyframes fade-out { 0% { display:none; opacity:1; } 1% { display:block; opacity:1; } 100% { display:block; opacity:0; } } @keyframes spin { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } @-moz-keyframes spin { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } @-ms-keyframes spin { 0% { -ms-transform:rotate(0deg); } 100% { -ms-transform:rotate(360deg); } } @-o-keyframes spin { 0% { -o-transform:rotate(0deg); } 100% { -o-transform:rotate(360deg); } } @keyframes infoAnim { 0% { opacity:0; transform:scale3d(0.5,0.3,0.5); } 80% { opacity:1; } 100% { opacity:1; transform:scale3d(1,1,1); } } @-webkit-keyframes infoAnim { 0% { opacity:0; transform:scale3d(0.5,0.3,0.5); } 80% { opacity:1; } 100% { opacity:1; transform:scale3d(1,1,1); } } @-moz-keyframes infoAnim { 0% { opacity:0; transform:scale3d(0.5,0.3,0.5); } 80% { opacity:1; } 100% { opacity:1; transform:scale3d(1,1,1); } } @-ms-keyframes infoAnim { 0% { opacity:0; transform:scale3d(0.5,0.3,0.5); } 80% { opacity:1; } 100% { opacity:1; transform:scale3d(1,1,1); } } @-o-keyframes infoAnim { 0% { opacity:0; transform:scale3d(0.5,0.3,0.5); } 80% { opacity:1; } 100% { opacity:1; transform:scale3d(1,1,1); } } @media screen and (max-height:768px) { #menu_area .note { display:none; } #submenu_area li.display_demo_button { display:none; } } @media screen and (max-height:600px) { body #button_area > #zoom_in_button { display:none; } body #button_area > #zoom_out_button { display:none; } } @media screen and (max-height:500px) { body #button_area > #dl_button { display:none; } body #button_area > #capture_button { display:none; } } @media screen and (max-width:768px) { #submenu_area li.display_demo_button { display:none; } } @media screen and (max-width:640px) { * > .popupmsg { display:none; } [id^="dialog_"] .dialog_frame { width:90%; } [id^="dialog_"] .dialog_body label { font-size:13px; } body header { height:92px; } body header > * { display:block; } body header .menu_button { height:48px; width:44px; background-image:url(../img/mobile_menu_button.svg ); background-size:16px 16px; -webkit-background-size:16px 16px; } body header .menu_button.open { transform:rotateX(180deg); transition:transform 0.3s linear 0s; } body header .submenu_button { height:48px; width:44px; background-image:url(../img/mobile_submenu_button.svg); background-size:18px 18px; -webkit-background-size:18px 18px; } body header .submenu_button.open { background-color:rgba(0,0,0,0); } body header .title { height:48px; line-height:30px; font-size:10px; background:rgba(0,0,0,0.9); color:#fff; } body header .subtitle { height:23px; font-size:15px; margin-top:-28px; padding:0px!important; } body header .subtitle .icon { display:none; } body[data_id="FULL_24h"] header .subtitle .caption { display:inline-block; position:static; } body[data_id="FULL_24h"] header .subtitle .caption:hover { background-color:rgba(3,155,229,0.5); } body[data_id="FULL_24h"] header .subtitle .caption > *:hover { background-color:transparent; } body header .subtitle .caption > span:nth-child(1) { display:inline; } body header .subtitle .caption > span:nth-child(2):after { display:none; } body header .subtitle .caption > span:nth-child(2) > span:after { display:none; } body header .date { height:44px; line-height:44px; margin:5px 0 0 0; background:rgba(0,0,0,0.5); } body header .date input { height:44px; width:190px; font-size:14px; margin-left:0px; padding:0px; background:rgba(0,0,0,0); } body header .date .time_zone { font-size:10px; top:-10px; } body header .reload_button { position:fixed; right:5px; bottom:115px; width:65px; height:55px; } body header .reload_button .image { background-image:url(../img/mobile_reload_button_1.svg); background-size:40px 40px; -webkit-background-size:40px 40px; } body header .reload_button:active .image { background-image:url(../img/mobile_reload_button_2.svg); } body header .reload_button.last_date .image { background-image:url(../img/mobile_reload_button_2.svg); } #menu_area { top:-130px; left:0px; width:100%; height:auto; background:#039be5; z-index:0; transition:top 0.1s linear 0s; } #menu_area.open { top: 92px; left:0px; width:100%; height:auto; z-index:2; transition:top 0.3s linear 0s, z-index 0s linear 0.3s; } #menu_area .title { display:none; } #menu_area #menu_list { display:flex; flex-flow:wrap; margin:0; border-bottom:none; } #menu_area #menu_list li { width:50%; height:44px; line-height:44px; text-indent:36px; font-size:12px; color:#fff; box-shadow:0px 0px 1px rgba(255,255,255,1) inset; background-position:10px center; background-size:16px 16px; -webkit-background-size:16px 16px; } #menu_area #menu_list li.select { background-color:#007fbd; } #menu_area #menu_list li[data_id="D531107"] { background-image:url(../img/mobile_icon_D531107.svg )!important; } #menu_area #menu_list li[data_id="D531106"] { background-image:url(../img/mobile_icon_D531106.svg )!important; } #menu_area #menu_list li[data_id="FULL_24h"] { background-image:url(../img/mobile_icon_FULL_24h.svg)!important; } #menu_area #menu_list li[data_id="movie"] { background-image:url(../img/mobile_icon_movie.svg )!important; } #menu_area #menu_list li[data_id="download"] { display:none; } #menu_area #menu_list li[data_id="about"] { display:none; } #menu_area #menu_list li[data_id="help"] { background-image:url(../img/mobile_icon_help.svg); } #menu_area #sns_button { position:absolute; top:88px; left:50%; width:50%; box-shadow:0px 0px 1px rgba(255,255,255,1) inset; justify-content:flex-start; } #menu_area #sns_button > * { flex:0 0 28px; margin:8px 4px 0 8px; background-size:28px 28px; -webkit-background-size:28px 28px; } #menu_area #logo_area { display:none; } #menu_area .ver { display:none; } #menu_area .note { display:none; } body #submenu_area { top:-350px; animation-name:none; -webkit-animation-name:none; -moz-animation-name:none; z-index:0; transition:top 0.1s linear 0s; display:block; opacity:1; } body #submenu_area.open { top: 92px; animation-name:none; -webkit-animation-name:none; -moz-animation-name:none; z-index:2; transition:top 0.3s linear 0s, z-index 0s linear 0.3s; } body #submenu_area li.autorun_button { display:none; } body #submenu_area li.event_history_button { display:none; } body #submenu_area li.coastline_button { display:block; } body #submenu_area li.center_button { display:block; } body:not([data_id="FULL_24h"]) #submenu_area li.movie_button { display:block; } body #submenu_area li.target_area_button { display:block; } body #button_area > *:not(.disabled):active { background-color:transparent ; } body #button_area > #zoom_in_button { display:none; } body #button_area > #zoom_out_button { display:none; } body #button_area > #dl_button { display:none; } body #button_area > #capture_button { display:none; } body #button_area > #coastline_button { display:none; } body #button_area > #gps_button { position:fixed; right:5px; bottom:60px; width:65px; height:55px; background-image:url(../img/mobile_gps_button.svg); background-size:40px 40px; -webkit-background-size:40px 40px; } body #button_area > #gps_button.gps_loading { background-image:url(../img/mobile_gps_button_on.svg); } body #button_area > #gps_button.gps_on { background-image:url(../img/mobile_gps_button_on.svg); } body #button_area > #center_button { display:none; } body #button_area > #movie_button { display:none; } body #button_area > #target_area_button { display:none; } #time_controller { bottom:0px; height:40px; } #time_controller > .date_prev { flex:0 0 20px; background-size:30px 30px; -webkit-background-size:30px 30px; pointer-events:none; visibility:hidden; } #time_controller > .date_next { flex:0 0 20px; background-size:30px 30px; -webkit-background-size:30px 30px; pointer-events:none; visibility:hidden; } #time_controller > .time_prev { position:fixed; top:48px; left :0px; width:60px; height:44px; background:url(../img/mobile_time_controller_time.svg) center no-repeat; background-size:16px 16px; -webkit-background-size:16px 16px; } #time_controller > .time_next { position:fixed; top:48px; right:0px; width:60px; height:44px; background:url(../img/mobile_time_controller_time.svg) center no-repeat; background-size:16px 16px; -webkit-background-size:16px 16px; transform:rotate(180deg); } #time_controller > .time_rail .time_00 { font-size:13px; top:45px; text-shadow:0px 0px 4px rgba(0,0,0,0.7); transition:top 0.1s linear 0s; } #time_controller > .time_rail .time_12 { font-size:13px; top:45px; text-shadow:0px 0px 4px rgba(0,0,0,0.7); transition:top 0.1s linear 0s; } #time_controller > .time_rail .time_24 { font-size:13px; top:45px; text-shadow:0px 0px 4px rgba(0,0,0,0.7); transition:top 0.1s linear 0s; } #time_controller > .time_rail.open .time_00 { top:-5px; transition:top 0.3s linear 0s; } #time_controller > .time_rail.open .time_12 { top:-5px; transition:top 0.3s linear 0s; } #time_controller > .time_rail.open .time_24 { top:-5px; transition:top 0.3s linear 0s; } #time_controller > .time_rail .time_range1 { top:60px; transition:top 0.1s linear 0s; height:8px; border-radius:10px; } #time_controller > .time_rail .time_range2 { top:60px; transition:top 0.1s linear 0s; height:8px; border-radius:10px 0 0 10px / 10px 0 0 10px; display:block; } #time_controller > .time_rail.open .time_range1 { top:15px; transition:top 0.3s linear 0s; } #time_controller > .time_rail.open .time_range2 { top:15px; transition:top 0.3s linear 0s; } #time_controller > .time_rail .k2go-timeline-main { left:5px; right:5px; height:40px; } #time_controller > .time_rail .k2go-timeline-rail { top:40px; height:40px; } #time_controller > .time_rail.open .k2go-timeline-rail { top: 0px; } #time_controller > .time_rail .k2go-timeline-pick { width:30px; height:40px; bottom:0px; } #time_controller > .time_rail .k2go-timeline-pick-knob { width:30px; height:40px; background:none; } #sub_image_list { font-size:12px; } #sub_image_list .title .close_button { top:-30px; right:-15px; width:30px; height:30px; background-size:30px 30px; -webkit-background-size:30px 30px; } #dialog_view_url .sns_button { height:40px; } #dialog_view_url .sns_button > * { flex:0 0 30px; margin:4px 8px 6px 0; background-size:30px 30px; -webkit-background-size:30px 30px; } #navigate_band13 { top:100px; right:20px; border-radius:15px; } #navigate_band13 .image { width:150px; height:150px; border-radius:15px 15px 0 0; } #navigate_band13 .caption { height:38px; font-size:11px; border-radius:0 0 15px 15px; } #navigate_band13 .close_button { top:6px; right:6px; } .nict-stars-event-viewer-title .nict-stars-event-viewer-caption { margin-left:10px; } } @media screen and (min-width:2000px) { * > .popupmsg { padding:10px 20px; line-height:40px; font-size:26px; } * > .popupmsg_top:after { bottom:-10px; margin-left:-10px; border-top-width :10px; border-left-width:10px; border-right-width :10px; } * > .popupmsg_bottom:after { top :-10px; margin-left:-10px; border-bottom-width:10px; border-left-width:10px; border-right-width :10px; } * > .popupmsg_left:after { right :-10px; margin-top :-10px; border-left-width :10px; border-top-width :10px; border-bottom-width:10px; } * > .popupmsg_right:after { left :-10px; margin-top :-10px; border-right-width :10px; border-top-width :10px; border-bottom-width:10px; } [id^="dialog_"] .dialog_frame { top:290px; border-radius:12px; box-shadow:0px 10px 52px rgba(000,000,000,0.6); } [id^="dialog_"] .dialog_header { height:100px; border-radius:12px 12px 0 0; } [id^="dialog_"] .dialog_header > * { height:100px; line-height:100px; } [id^="dialog_"] .dialog_title { left:40px; font-size:32px; } [id^="dialog_"] .dialog_close { width:100px; font-size:72px; } [id^="dialog_"] .dialog_close:active { border-radius:12px 12px 0 0; } [id^="dialog_"] .dialog_body { font-size:32px; padding:20px; } body header .menu_button { width:100px; height:100px; background-size:56px 56px; -webkit-background-size:56px 56px; } body header .submenu_button { width:100px; height:100px; background-size:72px 72px; -webkit-background-size:72px 72px; } body header .submenu_button.open { background-size:36px 36px; -webkit-background-size:36px 36px; } body header .title { height:100px; line-height:100px; font-size:36px; } body header .subtitle { font-size:36px; margin-top:-100px; padding-top:16px; } body header .subtitle .icon { width:64px; height:64px; background-size:64px 64px; -webkit-background-size:64px 64px; } body[data_id="FULL_24h"] header .subtitle .caption { top:200px; } body header .date { margin-left:110px; } body header .date input { width:420px; padding:28px; border-radius:10px; font-size:36px; } body header .date .time_zone { font-size:24px; } body header .reload_button .image { width:100px; height:100px; vertical-align:-38px; background-size:68px 68px; -webkit-background-size:68px 68px; } #menu_area { left:-440px; width:440px; } #menu_area .title { height:100px; } #menu_area .title .caption { font-size:30px; padding-bottom:6px; } #menu_area .title .close_button { font-size:72px; width:100px; height:100px; line-height:100px; } #menu_area #menu_list { margin:40px 0 0 0; border-bottom-width:2px; } #menu_area #menu_list li { height:80px; line-height:80px; font-size:2em; background-position:20px 20px; background-size:40px 40px; -webkit-background-size:40px 40px; } #menu_area #sns_button { height:88px; } #menu_area #sns_button > * { flex:0 0 68px; margin:20px 16px 0 0; background-size:68px 68px; -webkit-background-size:68px 68px; } #menu_area #logo_area { margin:10px 20px 0 20px; } #menu_area #logo_area li.logo_nict img { width:400px; } #menu_area #logo_area li.logo_chiba img { width:180px; } #menu_area #logo_area li.logo_kochi img { width:200px; } #menu_area #logo_area li.logo_nagoya img { width:200px; } #menu_area .ver { font-size:24px; margin:20px auto 0 auto; } #menu_area .note { width:400px; font-size:24px; margin:20px; } #submenu_area { top:100px; width:400px; box-shadow:0px 0px 20px rgba(0,0,0,0.5); } #submenu_area li { height:84px; line-height:84px; padding-left:80px; font-size:30px; border-bottom-width:2px; background-position:20px 20px; background-size:36px 36px; -webkit-background-size:36px 36px; } #submenu_area li.autorun_button:before { font-size:40px; vertical-align:-6px; margin:0 30px 0 -56px; } #submenu_area li.event_button:before { font-size:40px; vertical-align:-6px; margin:0 26px 0 -56px; } #submenu_area li.event_history_button:before { font-size:40px; vertical-align:-6px; margin:0 26px 0 -56px; } body #button_area { bottom:160px; right:5px; } body #button_area > * { width:100px; height:100px; background-size:76px 76px; -webkit-background-size:76px 76px; } body #button_area > #zoom_in_button { top:110px; } body #button_area > #zoom_out_button { top:210px; } body #button_area > #dl_button { bottom:600px; } body #button_area > #capture_button { bottom:500px; line-height:100px; } body #button_area > #capture_button:before { font-size:60px; } body #button_area > #coastline_button { bottom:400px; } body #button_area > #gps_button { bottom:300px; } body #button_area > #center_button { bottom:200px; } body #button_area > #movie_button { bottom:100px; } #time_controller { bottom:20px; height:120px; } #time_controller > * { flex:0 0 100px; } #time_controller > .date_prev { background-size:76px 76px; -webkit-background-size:76px 76px; } #time_controller > .time_prev { background-size:76px 76px; -webkit-background-size:76px 76px; } #time_controller > .time_next { background-size:76px 76px; -webkit-background-size:76px 76px; } #time_controller > .date_next { background-size:76px 76px; -webkit-background-size:76px 76px; } #time_controller > .time_rail { font-size:24px; } #time_controller > .time_rail .time_00 { top:-20px; } #time_controller > .time_rail .time_12 { top:-20px; } #time_controller > .time_rail .time_24 { top:-20px; } #time_controller > .time_rail .time_range1 { top:58px; height:6px; } #time_controller > .time_rail .k2go-timeline-main { left:50px; right:50px; height:180px; } #time_controller > .time_rail .k2go-timeline-rail { top:60px; height:120px; } #time_controller > .time_rail .k2go-timeline-pick { width:100px; height:100px; bottom:12px; } #time_controller > .time_rail .k2go-timeline-pick-knob { width:100px; height:100px; background-size:100px 100px; -webkit-background-size:100px 100px; } body.autorun #autorun_panel > #autorun_frame { bottom:170px; width:840px; box-shadow:0 0 20px 8px rgba(0,0,0,0.2); } body.autorun #autorun_panel > #autorun_frame > #autorun_title { height:80px; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > #autorun_caption { line-height:80px; padding-left:32px; font-size:26px; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > *:nth-of-type(n+2) { line-height:44px; margin:16px 10px; padding:0 30px; font-size:20px; border-width:2px; border-radius:32px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start { width:360px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start > #autorun_start_button { height:60px; line-height:60px; margin:20px 0; font-size:24px; border-width:2px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start > #autorun_start_time { height:40px; line-height:40px; margin:0 0 10px 20px; font-size:22px; padding-left:20px; background-size:28px 28px; -webkit-background-size:28px 28px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start.set > #autorun_start_button { border-width:2px; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction { width:90px; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction > #autorun_step { height:64px; line-height:64px; margin:20px 0; font-size:22px; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction > #autorun_arrow { height:40px; line-height:40px; margin:0 0 10px 0px; font-size:22px; background-size:24px 24px; -webkit-background-size:24px 24px; } body.autorun #autorun_panel > #autorun_frame.repeat > #autorun_direction > #autorun_arrow { background-size:32px 32px; -webkit-background-size:32px 32px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end { width:360px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end > #autorun_end_button { height:60px; line-height:60px; margin:20px 0; font-size:24px; border-width:2px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end > #autorun_end_time { height:40px; line-height:40px; margin:0 0 10px 20px; font-size:22px; padding-left:20px; background-size:28px 28px; -webkit-background-size:28px 28px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end.set > #autorun_end_button { border-width:2px; } body.autorun #autorun_panel > #autorun_frame.running_mode > * { margin-top:1998px; } body.autorun #autorun_panel > #autorun_backward { bottom:30px; left :90px; width:100px; height:100px; background-size:40px 40px; -webkit-background-size:40px 40px; border-radius:100px; } body.autorun #autorun_panel > #autorun_foward { bottom:30px; right:90px; width:100px; height:100px; background-size:40px 40px; -webkit-background-size:40px 40px; border-radius:100px; } body.autorun #autorun_panel > #autorun_backward > * { top:94px; width:100px; font-size:24px; } body.autorun #autorun_panel > #autorun_foward > * { top:94px; width:100px; font-size:24px; } body.autorun #autorun_panel > #autorun_prev { bottom:30px; width:90px; height:100px; background-size:76px 76px; -webkit-background-size:76px 76px; } body.autorun #autorun_panel > #autorun_next { bottom:30px; width:90px; height:100px; background-size:76px 76px; -webkit-background-size:76px 76px; } body.autorun.running #autorun_panel > #autorun_frame.running_mode:before { top:-40px; width:840px; font-size:24px; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction { height:54px; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction > #autorun_step { height:26px; line-height:26px; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction > #autorun_arrow { height:26px; line-height:26px; } body.autorun #time_controller > .time_rail .k2go-timeline-pick-knob:before { font-size:100px; line-height:100px; } body.autorun.reverse #time_controller > .time_rail .k2go-timeline-pick-knob:before { font-size:100px; line-height:100px; } #sub_image_list { top:310px; left:60px; font-size:28px; } #sub_image_list .title .close_button { top:-72px; right:-40px; width:72px; height:72px; background-size:72px 72px; -webkit-background-size:72px 72px; } #sub_image_list .list .item { margin-bottom:8px; padding:20px; } #dialog_view_url .sns_button { height:92px; } #dialog_view_url .sns_button > * { flex:0 0 68px; margin:8px 16px 16px 0; background-size:68px 68px; -webkit-background-size:68px 68px; } #dialog_view_url .dialog_body input[type="radio"] { width:32px; height:32px; } #language_list { width:600px; } #language_list .title .close_button { top:-72px; width:72px; height:72px; background-size:72px 72px; -webkit-background-size:72px 72px; } #language_list .list { font-size:2em; } #language_list .list .item { margin-bottom:8px; padding:20px; } #language_list .list .item a { margin:-20px; padding:20px; } #time_zone_list { width:600px; } #time_zone_list .title .close_button { top:-72px; width:72px; height:72px; background-size:72px 72px; -webkit-background-size:72px 72px; } #time_zone_list .list { font-size:2em; } #time_zone_list .list .item { margin-bottom:8px; padding:20px; } #navigate_band13 { top:200px; right:200px; border-width:2px; border-radius:40px; box-shadow:0 0 40px 8px rgb(154 204 253 / 40%); } #navigate_band13 .image { width:400px; height:400px; border-radius:40px 40px 0 0; } #navigate_band13 .caption { height:100px; font-size:26px; border-radius:0 0 40px 40px; } #navigate_band13 .close_button { top:16px; right:16px; width:48px; height:48px; background-size:40px 40px; } .nict-stars-event-viewer-title .nict-stars-event-viewer-caption { margin-left:40px; } } @media screen and (min-width:4000px) { * > .popupmsg { padding:20px 40px; line-height:80px; font-size:52px; } * > .popupmsg_top:after { bottom:-20px; margin-left:-20px; border-top-width :20px; border-left-width:20px; border-right-width :20px; } * > .popupmsg_bottom:after { top :-20px; margin-left:-20px; border-bottom-width:20px; border-left-width:20px; border-right-width :20px; } * > .popupmsg_left:after { right :-20px; margin-top :-20px; border-left-width :20px; border-top-width :20px; border-bottom-width:20px; } * > .popupmsg_right:after { left :-20px; margin-top :-20px; border-right-width :20px; border-top-width :20px; border-bottom-width:20px; } [id^="dialog_"] .dialog_frame { top:580px; border-radius:24px; box-shadow:0px 20px 104px rgba(000,000,000,0.6); } [id^="dialog_"] .dialog_header { height:200px; border-radius:24px 24px 0 0; } [id^="dialog_"] .dialog_header > * { height:200px; line-height:200px; } [id^="dialog_"] .dialog_title { left:80px; font-size:64px; } [id^="dialog_"] .dialog_close { width:200px; font-size:144px; } [id^="dialog_"] .dialog_close:active { border-radius:24px 24px 0 0; } [id^="dialog_"] .dialog_body { font-size:64px; padding:40px; } body header .menu_button { width:200px; height:200px; background-size:112px 112px; -webkit-background-size:112px 112px; } body header .submenu_button { width:200px; height:200px; background-size:144px 144px; -webkit-background-size:144px 144px; } body header .submenu_button.open { background-size:72px 72px; -webkit-background-size:72px 72px; } body header .title { height:200px; line-height:200px; font-size:72px; } body header .subtitle { font-size:72px; margin-top:-200px; padding-top:32px; } body header .subtitle .icon { width:128px; height:128px; background-size:128px 128px; -webkit-background-size:128px 128px; } body[data_id="FULL_24h"] header .subtitle .caption { top:400px; } body header .date { margin-left:220px; } body header .date input { width:840px; padding:56px; border-radius:20px; font-size:72px; } body header .date .time_zone { font-size:48px; } body header .reload_button .image { width:200px; height:200px; vertical-align:-76px; background-size:136px 136px; -webkit-background-size:136px 136px; } #menu_area { left:-880px; width:880px; } #menu_area .title { height:200px; } #menu_area .title .caption { font-size:60px; padding-bottom:12px; } #menu_area .title .close_button { font-size:144px; width:200px; height:200px; line-height:200px; } #menu_area #menu_list { margin:80px 0 0 0; border-bottom-width:4px; } #menu_area #menu_list li { height:160px; line-height:160px; font-size:4em; background-position:40px 40px; background-size:80px 80px; -webkit-background-size:80px 80px; } #menu_area #sns_button { height:176px; } #menu_area #sns_button > * { flex:0 0 136px; margin:40px 32px 0 0; background-size:136px 136px; -webkit-background-size:136px 136px; } #menu_area #logo_area { margin:20px 40px 0 40px; } #menu_area #logo_area li.logo_nict img { width:800px; } #menu_area #logo_area li.logo_chiba img { width:360px; } #menu_area #logo_area li.logo_kochi img { width:400px; } #menu_area #logo_area li.logo_nagoya img { width:400px; } #menu_area .ver { font-size:48px; margin:40px auto 0 auto; } #menu_area .note { width:800px; font-size:48px; margin:40px; } #submenu_area { top:200px; width:800px; box-shadow:0px 0px 40px rgba(0,0,0,0.5); } #submenu_area li { height:168px; line-height:168px; padding-left:160px; font-size:60px; border-bottom-width:4px; background-position:40px 40px; background-size:72px 72px; -webkit-background-size:72px 72px; } #submenu_area li.autorun_button:before { font-size:80px; vertical-align:-12px; margin:0 60px 0 -112px; } #submenu_area li.event_button:before { font-size:80px; vertical-align:-12px; margin:0 52px 0 -112px; } #submenu_area li.event_history_button:before { font-size:80px; vertical-align:-12px; margin:0 52px 0 -112px; } body #button_area { bottom:320px; right:10px; } body #button_area > * { width:200px; height:200px; background-size:152px 152px; -webkit-background-size:152px 152px; } body #button_area > #zoom_in_button { top:220px; } body #button_area > #zoom_out_button { top:420px; } body #button_area > #dl_button { bottom:1200px; } body #button_area > #capture_button { bottom:1000px; line-height:200px; } body #button_area > #capture_button:before { font-size:120px; } body #button_area > #coastline_button { bottom:800px; } body #button_area > #gps_button { bottom:600px; } body #button_area > #center_button { bottom:400px; } body #button_area > #movie_button { bottom:200px; } #time_controller { bottom:40px; height:240px; } #time_controller > * { flex:0 0 200px; } #time_controller > .date_prev { background-size:152px 152px; -webkit-background-size:152px 152px; } #time_controller > .time_prev { background-size:152px 152px; -webkit-background-size:152px 152px; } #time_controller > .time_next { background-size:152px 152px; -webkit-background-size:152px 152px; } #time_controller > .date_next { background-size:152px 152px; -webkit-background-size:152px 152px; } #time_controller > .time_rail { font-size:48px; } #time_controller > .time_rail .time_00 { top:-40px; } #time_controller > .time_rail .time_12 { top:-40px; } #time_controller > .time_rail .time_24 { top:-40px; } #time_controller > .time_rail .time_range1 { top:116px; height:12px; } #time_controller > .time_rail .k2go-timeline-main { left:100px; right:100px; height:360px; } #time_controller > .time_rail .k2go-timeline-rail { top:120px; height:240px; } #time_controller > .time_rail .k2go-timeline-pick { width:200px; height:200px; bottom:24px; } #time_controller > .time_rail .k2go-timeline-pick-knob { width:200px; height:200px; background-size:200px 200px; -webkit-background-size:200px 200px; } body.autorun #autorun_panel > #autorun_frame { bottom:340px; width:1680px; box-shadow:0 0 40px 16px rgba(0,0,0,0.2); } body.autorun #autorun_panel > #autorun_frame > #autorun_title { height:160px; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > #autorun_caption { line-height:160px; padding-left:64px; font-size:52px; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > *:nth-of-type(n+2) { line-height:88px; margin:32px 20px; padding:0 60px; font-size:40px; border-width:4px; border-radius:64px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start { width:720px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start > #autorun_start_button { height:120px; line-height:120px; margin:40px 0; font-size:48px; border-width:4px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start > #autorun_start_time { height:80px; line-height:80px; margin:0 0 20px 40px; font-size:44px; padding-left:40px; background-size:56px 56px; -webkit-background-size:56px 56px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start.set > #autorun_start_button { border-width:4px; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction { width:180px; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction > #autorun_step { height:128px; line-height:128px; margin:40px 0; font-size:44px; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction > #autorun_arrow { height: 80px; line-height: 80px; margin:0 0 20px 0px; font-size:44px; background-size:48px 48px; -webkit-background-size:48px 48px; } body.autorun #autorun_panel > #autorun_frame.repeat > #autorun_direction > #autorun_arrow { background-size:64px 64px; -webkit-background-size:64px 64px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end { width:720px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end > #autorun_end_button { height:120px; line-height:120px; margin:40px 0; font-size:48px; border-width:4px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end > #autorun_end_time { height:80px; line-height:80px; margin:0 0 20px 40px; font-size:44px; padding-left:40px; background-size:56px 56px; -webkit-background-size:56px 56px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end.set > #autorun_end_button { border-width:4px; } body.autorun #autorun_panel > #autorun_frame.running_mode > * { margin-top:3996px; } body.autorun #autorun_panel > #autorun_backward { bottom:60px; left :180px; width:200px; height:200px; background-size:80px 80px; -webkit-background-size:80px 80px; border-radius:200px; } body.autorun #autorun_panel > #autorun_foward { bottom:60px; right:180px; width:200px; height:200px; background-size:80px 80px; -webkit-background-size:80px 80px; border-radius:200px; } body.autorun #autorun_panel > #autorun_backward > * { top:188px; width:200px; font-size:48px; } body.autorun #autorun_panel > #autorun_foward > * { top:188px; width:200px; font-size:48px; } body.autorun #autorun_panel > #autorun_prev { bottom:60px; width:180px; height:200px; background-size:152px 152px; -webkit-background-size:152px 152px; } body.autorun #autorun_panel > #autorun_next { bottom:60px; width:180px; height:200px; background-size:152px 152px; -webkit-background-size:152px 152px; } body.autorun.running #autorun_panel > #autorun_frame.running_mode:before { top:-80px; width:1680px; font-size:48px; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction { height:108px; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction > #autorun_step { height:52px; line-height:52px; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction > #autorun_arrow { height:52px; line-height:52px; } body.autorun #time_controller > .time_rail .k2go-timeline-pick-knob:before { font-size:200px; line-height:200px; } body.autorun.reverse #time_controller > .time_rail .k2go-timeline-pick-knob:before { font-size:200px; line-height:200px; } #sub_image_list { top:620px; left:120px; font-size:56px; } #sub_image_list .title .close_button { top:-144px; right:-80px; width:144px; height:144px; background-size:144px 144px; -webkit-background-size:144px 144px; } #sub_image_list .list .item { margin-bottom:16px; padding:40px; } #dialog_view_url .sns_button { height:184px; } #dialog_view_url .sns_button > * { flex:0 0 136px; margin:16px 32px 32px 0; background-size:136px 136px; -webkit-background-size:136px 136px; } #dialog_view_url .dialog_body input[type="radio"] { width:64px; height:64px; } #language_list { width:1200px; } #language_list .title .close_button { top:-144px; width:144px; height:144px; background-size:144px 144px; -webkit-background-size:144px 144px; } #language_list .list { font-size:4em; } #language_list .list .item { margin-bottom:16px; padding:40px; } #language_list .list .item a { margin:-40px; padding:40px; } #time_zone_list { width:1200px; } #time_zone_list .title .close_button { top:-144px; width:144px; height:144px; background-size:144px 144px; -webkit-background-size:144px 144px; } #time_zone_list .list { font-size:4em; } #time_zone_list .list .item { margin-bottom:16px; padding:40px; } #navigate_band13 { top:400px; right:400px; border-width:4px; border-radius:80px; box-shadow:0 0 80px 16px rgb(154 204 253 / 40%); } #navigate_band13 .image { width:800px; height:800px; border-radius:80px 80px 0 0; } #navigate_band13 .caption { height:200px; font-size:52px; border-radius:0 0 80px 80px; } #navigate_band13 .close_button { top:32px; right:32px; width:96px; height:96px; background-size:80px 80px; } .nict-stars-event-viewer-title .nict-stars-event-viewer-caption { margin-left:80px; } } @media screen and (min-width:8000px) { * > .popupmsg { padding:40px 80px; line-height:160px; font-size:104px; } * > .popupmsg_top:after { bottom:-40px; margin-left:-40px; border-top-width :40px; border-left-width:40px; border-right-width :40px; } * > .popupmsg_bottom:after { top :-40px; margin-left:-40px; border-bottom-width:40px; border-left-width:40px; border-right-width :40px; } * > .popupmsg_left:after { right :-40px; margin-top :-40px; border-left-width :40px; border-top-width :40px; border-bottom-width:40px; } * > .popupmsg_right:after { left :-40px; margin-top :-40px; border-right-width :40px; border-top-width :40px; border-bottom-width:40px; } [id^="dialog_"] .dialog_frame { top:1160px; border-radius:48px; box-shadow:0px 40px 208px rgba(000,000,000,0.6); } [id^="dialog_"] .dialog_header { height:400px; border-radius:48px 48px 0 0; } [id^="dialog_"] .dialog_header > * { height:400px; line-height:400px; } [id^="dialog_"] .dialog_title { left:160px; font-size:128px; } [id^="dialog_"] .dialog_close { width:400px; font-size:288px; } [id^="dialog_"] .dialog_close:active { border-radius:48px 48px 0 0; } [id^="dialog_"] .dialog_body { font-size:128px; padding:80px; } body header .menu_button { width:400px; height:400px; background-size:224px 224px; -webkit-background-size:224px 224px; } body header .submenu_button { width:400px; height:400px; background-size:288px 288px; -webkit-background-size:288px 288px; } body header .submenu_button.open { background-size:144px 144px; -webkit-background-size:144px 144px; } body header .title { height:400px; line-height:400px; font-size:144px; } body header .subtitle { font-size:144px; margin-top:-400px; padding-top:64px; } body header .subtitle .icon { width:256px; height:256px; background-size:256px 256px; -webkit-background-size:256px 256px; } body[data_id="FULL_24h"] header .subtitle .caption { top:800px; } body header .date { margin-left:440px; } body header .date input { width:1680px; padding:112px; border-radius:40px; font-size:144px; } body header .date .time_zone { font-size:96px; } body header .reload_button .image { width:400px; height:400px; vertical-align:-152px; background-size:272px 272px; -webkit-background-size:272px 272px; } #menu_area { left:-1760px; width:1760px; } #menu_area .title { height:400px; } #menu_area .title .caption { font-size:120px; padding-bottom:24px; } #menu_area .title .close_button { font-size:288px; width:400px; height:400px; line-height:400px; } #menu_area #menu_list { margin:160px 0 0 0; border-bottom-width:8px; } #menu_area #menu_list li { height:320px; line-height:320px; font-size:8em; background-position:80px 80px; background-size:160px 160px; -webkit-background-size:160px 160px; } #menu_area #sns_button { height:352px; } #menu_area #sns_button > * { flex:0 0 272px; margin:80px 64px 0 0; background-size:272px 272px; -webkit-background-size:272px 272px; } #menu_area #logo_area { margin:40px 80px 0 80px; } #menu_area #logo_area li.logo_nict img { width:1600px; } #menu_area #logo_area li.logo_chiba img { width:720px; } #menu_area #logo_area li.logo_kochi img { width:800px; } #menu_area #logo_area li.logo_nagoya img { width:800px; } #menu_area .ver { font-size:96px; margin:80px auto 0 auto; } #menu_area .note { width:1600px; font-size:96px; margin:80px; } #submenu_area { top:400px; width:1600px; box-shadow:0px 0px 80px rgba(0,0,0,0.5); } #submenu_area li { height:336px; line-height:336px; padding-left:320px; font-size:120px; border-bottom-width:8px; background-position:80px 80px; background-size:144px 144px; -webkit-background-size:144px 144px; } #submenu_area li.autorun_button:before { font-size:160px; vertical-align:-24px; margin:0 120px 0 -224px; } #submenu_area li.event_button:before { font-size:160px; vertical-align:-24px; margin:0 104px 0 -224px; } #submenu_area li.event_history_button:before { font-size:160px; vertical-align:-24px; margin:0 104px 0 -224px; } body #button_area { bottom:640px; right:20px; } body #button_area > * { width:400px; height:400px; background-size:304px 304px; -webkit-background-size:304px 304px; } body #button_area > #zoom_in_button { top:440px; } body #button_area > #zoom_out_button { top:840px; } body #button_area > #dl_button { bottom:2400px; } body #button_area > #capture_button { bottom:2000px; line-height:400px; } body #button_area > #capture_button:before { font-size:240px; } body #button_area > #coastline_button { bottom:1600px; } body #button_area > #gps_button { bottom:1200px; } body #button_area > #center_button { bottom:800px; } body #button_area > #movie_button { bottom:400px; } #time_controller { bottom:80px; height:480px; } #time_controller > * { flex:0 0 400px; } #time_controller > .date_prev { background-size:304px 304px; -webkit-background-size:304px 304px; } #time_controller > .time_prev { background-size:304px 304px; -webkit-background-size:304px 304px; } #time_controller > .time_next { background-size:304px 304px; -webkit-background-size:304px 304px; } #time_controller > .date_next { background-size:304px 304px; -webkit-background-size:304px 304px; } #time_controller > .time_rail { font-size:96px; } #time_controller > .time_rail .time_00 { top:-80px; } #time_controller > .time_rail .time_12 { top:-80px; } #time_controller > .time_rail .time_24 { top:-80px; } #time_controller > .time_rail .time_range1 { top:232px; height:24px; } #time_controller > .time_rail .k2go-timeline-main { left:200px; right:200px; height:720px; } #time_controller > .time_rail .k2go-timeline-rail { top:240px; height:480px; } #time_controller > .time_rail .k2go-timeline-pick { width:400px; height:400px; bottom:48px; } #time_controller > .time_rail .k2go-timeline-pick-knob { width:400px; height:400px; background-size:400px 400px; -webkit-background-size:400px 400px; } body.autorun #autorun_panel > #autorun_frame { bottom:680px; width:3360px; box-shadow:0 0 80px 32px rgba(0,0,0,0.2); } body.autorun #autorun_panel > #autorun_frame > #autorun_title { height:320px; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > #autorun_caption { line-height:320px; padding-left:128px; font-size:104px; } body.autorun #autorun_panel > #autorun_frame > #autorun_title > *:nth-of-type(n+2) { line-height:176px; margin:64px 40px; padding:0 120px; font-size:80px; border-width:8px; border-radius:128px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start { width:1440px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start > #autorun_start_button { height:240px; line-height:240px; margin:80px 0; font-size:96px; border-width:8px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start > #autorun_start_time { height:160px; line-height:160px; margin:0 0 40px 80px; font-size:88px; padding-left:80px; background-size:112px 112px; -webkit-background-size:112px 112px; } body.autorun #autorun_panel > #autorun_frame > #autorun_start.set > #autorun_start_button { border-width:8px; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction { width:360px; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction > #autorun_step { height:256px; line-height:256px; margin:80px 0; font-size:88px; } body.autorun #autorun_panel > #autorun_frame > #autorun_direction > #autorun_arrow { height:160px; line-height:160px; margin:0 0 40px 0px; font-size:88px; background-size:96px 96px; -webkit-background-size:96px 96px; } body.autorun #autorun_panel > #autorun_frame.repeat > #autorun_direction > #autorun_arrow { background-size:128px 128px; -webkit-background-size:128px 128px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end { width:1440px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end > #autorun_end_button { height:240px; line-height:240px; margin:80px 0; font-size:96px; border-width:8px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end > #autorun_end_time { height:160px; line-height:160px; margin:0 0 40px 80px; font-size:88px; padding-left:80px; background-size:112px 112px; -webkit-background-size:112px 112px; } body.autorun #autorun_panel > #autorun_frame > #autorun_end.set > #autorun_end_button { border-width:8px; } body.autorun #autorun_panel > #autorun_frame.running_mode > * { margin-top:7992px; } body.autorun #autorun_panel > #autorun_backward { bottom:120px; left :360px; width:400px; height:400px; background-size:160px 160px; -webkit-background-size:160px 160px; border-radius:400px; } body.autorun #autorun_panel > #autorun_foward { bottom:120px; right:360px; width:400px; height:400px; background-size:160px 160px; -webkit-background-size:160px 160px; border-radius:400px; } body.autorun #autorun_panel > #autorun_backward > * { top:376px; width:400px; font-size:96px; } body.autorun #autorun_panel > #autorun_foward > * { top:376px; width:400px; font-size:96px; } body.autorun #autorun_panel > #autorun_prev { bottom:120px; width:360px; height:400px; background-size:304px 304px; -webkit-background-size:304px 304px; } body.autorun #autorun_panel > #autorun_next { bottom:120px; width:360px; height:400px; background-size:304px 304px; -webkit-background-size:304px 304px; } body.autorun.running #autorun_panel > #autorun_frame.running_mode:before { top:-160px; width:3360px; font-size:96px; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction { height:216px; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction > #autorun_step { height:104px; line-height:104px; } body.autorun.running #autorun_panel > #autorun_frame > #autorun_direction > #autorun_arrow { height:104px; line-height:104px; } body.autorun #time_controller > .time_rail .k2go-timeline-pick-knob:before { font-size:400px; line-height:400px; } body.autorun.reverse #time_controller > .time_rail .k2go-timeline-pick-knob:before { font-size:400px; line-height:400px; } #sub_image_list { top:1240px; left:240px; font-size:112px; } #sub_image_list .title .close_button { top:-288px; right:-160px; width:288px; height:288px; background-size:288px 288px; -webkit-background-size:288px 288px; } #sub_image_list .list .item { margin-bottom:32px; padding:80px; } #dialog_view_url .sns_button { height:368px; } #dialog_view_url .sns_button > * { flex:0 0 272px; margin:32px 64px 64px 0; background-size:272px 272px; -webkit-background-size:272px 272px; } #dialog_view_url .dialog_body input[type="radio"] { width:128px; height:128px; } #language_list { width:2400px; } #language_list .title .close_button { top:-288px; width:288px; height:288px; background-size:288px 288px; -webkit-background-size:288px 288px; } #language_list .list { font-size:8em; } #language_list .list .item { margin-bottom:32px; padding:80px; } #language_list .list .item a { margin:-80px; padding:80px; } #time_zone_list { width:2400px; } #time_zone_list .title .close_button { top:-288px; width:288px; height:288px; background-size:288px 288px; -webkit-background-size:288px 288px; } #time_zone_list .list { font-size:8em; } #time_zone_list .list .item { margin-bottom:32px; padding:80px; } #navigate_band13 { top:800px; right:800px; border-width:8px; border-radius:160px; box-shadow:0 0 160px 32px rgb(154 204 253 / 40%); } #navigate_band13 .image { width:1600px; height:1600px; border-radius:160px 160px 0 0; } #navigate_band13 .caption { height:400px; font-size:104px; border-radius:0 0 160px 160px; } #navigate_band13 .close_button { top:64px; right:64px; width:192px; height:192px; background-size:160px 160px; } .nict-stars-event-viewer-title .nict-stars-event-viewer-caption { margin-left:160px; } }