.xiv-lds-lg { font-size: 1.3333333333333333em; line-height: 0.75em; vertical-align: -15% } .xiv-lds-2x { font-size: 2em } .xiv-lds-3x { font-size: 3em } .xiv-lds-4x { font-size: 4em } .xiv-lds-5x { font-size: 5em } .xiv-lds-fw { width: 1.2857142857142858em; text-align: center } .xiv-lds-bluesky:before { content: "" } .xiv-lds-elemental-level:before { content: "" } .xiv-lds-facebook:before { content: "" } .xiv-lds-home-world:before { content: "" } .xiv-lds-instagram:before { content: "" } .xiv-lds-line:before { content: "" } .xiv-lds-resistance-level:before { content: "" } .xiv-lds-twitch:before { content: "" } .xiv-lds-x:before { content: "" } .xiv-lds-youtube:before { content: "" } .xiv-lds-mikaduki-level:before { content: "" } .xiv-lds-home-world { margin-right: 2px } .xiv-lds-nico:before { content: ''; background: url('data:image/svg+xml;utf8,') no-repeat 50% 50%; background-size: contain } html { overflow-y: scroll; overflow-x: hidden; } /* body { min-width: 960px; } */ img { border: 0; vertical-align: bottom } table { border-collapse: collapse; border-spacing: 0 } th, td { vertical-align: middle } hr { display: block; border: 0; margin: 0; padding: 0 } .test { border: solid 1px red } .left { float: left } .right { float: right } .fnone { float: none !important } .clearfix:after { content: " "; display: block; visibility: hidden; height: 0; font-size: 0.1em; line-height: 0; clear: both } .block { display: block } .inline { display: inline } .inlineblock { display: inline-block !important; vertical-align: middle !important } .txt_warning { color: #CC2944 } .txt_info { color: #ffc233 } .txt_blue { color: #73bfe6 } .txt_green { color: #a5d841 } .txt_gray { color: #999 } .txt_light_gray { color: #666 } .txt_yellow { color: #bfa34c !important } .txt_yellow:hover { color: #bfa34c !important } .txt_red { color: #CC2944 !important } .txt_info { color: #ffc233 !important } .txt_blue { color: #73bfe6 !important } .txt_green { color: #a5d841 !important } .txt_brown { color: #804000 !important } .txt_lightgreen { color: #aaff7f !important } .small { font-size: 10px } .large { font-size: 14px } .tc { text-align: center } .tr { text-align: right } .tl { text-align: left } .vm { vertical-align: middle !important } .vt { vertical-align: top !important } .vb { vertical-align: bottom !important } .nowrap { white-space: nowrap !important } .word_break_normal { word-break: normal } hr { height: 2px; background: url(../images/popup_line.gif) repeat-x 0 0; /* margin-top: 10px; */ padding-bottom: 10px; } hr.line2 { background: url(../images/popup_line2.png) repeat-x 0 0; margin-top: 6px; padding-bottom: 6px } hr.line3 { background: url(../images/popup_line3.png) repeat-x 0 0; margin-top: 6px; padding-bottom: 6px } hr.line4 { height: 1px; background: url(../images/popup_line4.gif) repeat-x 0 0; margin-top: 10px; padding-bottom: 10px } hr.line_dashed { background: url(/h/2/a9Pm0Z-8K8NU7DT5FmUslprOxc.png) repeat-x 0 0; margin-top: 10px; padding-bottom: 10px } hr.line5 { background: url(/h/l/9xq5PMwcHLBSBRdNzL2cs-y-5c.png) no-repeat left top } .m0auto { margin: 0 auto !important } .mt0 { margin-top: 0 !important } .mr0 { margin-right: 0 !important } .mb0 { margin-bottom: 0 !important } .ml0 { margin-left: 0 !important } .mb1 { margin-bottom: 1px !important } .mt2 { margin-top: 2px !important } .mr2 { margin-right: 2px !important } .mb2 { margin-bottom: 2px !important } .ml2 { margin-left: 2px !important } .ml4 { margin-left: 4px !important } .mb3 { margin-bottom: 3px !important } .mt4 { margin-top: 4px !important } .mb4 { margin-bottom: 4px !important } .mt5 { margin-top: 5px !important } .mt6 { margin-top: 6px !important } .mr4 { margin-right: 4px !important } .mr5 { margin-right: 5px !important } .mb5 { margin-bottom: 5px !important } .mb6 { margin-bottom: 6px !important } .mb8 { margin-bottom: 8px !important } .ml5 { margin-left: 5px !important } .mt10 { margin-top: 10px !important } .mr10 { margin-right: 10px !important } .mb10 { margin-bottom: 10px !important } .ml10 { margin-left: 10px !important } .ml12 { margin-left: 12px !important } .mb12 { margin-bottom: 12px !important } .mt12 { margin-top: 12px !important } .mt15 { margin-top: 15px !important } .mr15 { margin-right: 15px !important } .mb15 { margin-bottom: 15px !important } .ml15 { margin-left: 15px !important } .mt16 { margin-top: 16px !important } .mt20 { margin-top: 20px !important } .mr20 { margin-right: 20px !important } .mb20 { margin-bottom: 20px !important } .ml20 { margin-left: 20px !important } .mt25 { margin-top: 25px !important } .mr25 { margin-right: 25px !important } .mb25 { margin-bottom: 25px !important } .ml25 { margin-left: 25px !important } .mt30 { margin-top: 30px !important } .mr30 { margin-right: 30px !important } .mb30 { margin-bottom: 30px !important } .mb40 { margin-bottom: 40px !important } .ml30 { margin-left: 30px !important } .mt35 { margin-top: 35px !important } .mr35 { margin-right: 35px !important } .mb35 { margin-bottom: 35px !important } .ml35 { margin-left: 35px !important } .pt0 { padding-top: 0 !important } .pr0 { padding-right: 0 !important } .pb0 { padding-bottom: 0 !important } .pl0 { padding-left: 0 !important } .pt1 { padding-top: 1px !important } .pr1 { padding-right: 1px !important } .pb1 { padding-bottom: 1px !important } .pl1 { padding-left: 1px !important } .pt2 { padding-top: 2px !important } .pr2 { padding-right: 2px !important } .pb2 { padding-bottom: 2px !important } .pl2 { padding-left: 2px !important } .pt3 { padding-top: 3px !important } .pr3 { padding-right: 3px !important } .pb3 { padding-bottom: 3px !important } .pl3 { padding-left: 3px !important } .pt4 { padding-top: 4px !important } .pr4 { padding-right: 4px !important } .pb4 { padding-bottom: 4px !important } .pl4 { padding-left: 4px !important } .pt5 { padding-top: 5px !important } .pr5 { padding-right: 5px !important } .pb5 { padding-bottom: 5px !important } .pl5 { padding-left: 5px !important } .pt6 { padding-top: 6px !important } .pr6 { padding-right: 6px !important } .pb6 { padding-bottom: 6px !important } .pl6 { padding-left: 6px !important } .pt7 { padding-top: 7px !important } .pr7 { padding-right: 7px !important } .pb7 { padding-bottom: 7px !important } .pl7 { padding-left: 7px !important } .pt8 { padding-top: 8px !important } .pr8 { padding-right: 8px !important } .pb8 { padding-bottom: 8px !important } .pl8 { padding-left: 8px !important } .pt9 { padding-top: 9px !important } .pr9 { padding-right: 9px !important } .pb9 { padding-bottom: 9px !important } .pl9 { padding-left: 9px !important } .pt10 { padding-top: 10px !important } .pr10 { padding-right: 10px !important } .pb10 { padding-bottom: 10px !important } .pl10 { padding-left: 10px !important } .pl12 { padding-left: 12px !important } .pr12 { padding-right: 12px !important } .pt15 { padding-top: 15px !important } .pt18 { padding-top: 18px !important } .pr15 { padding-right: 15px !important } .pb15 { padding-bottom: 15px !important } .pl15 { padding-left: 15px !important } .pl24 { padding-left: 24px !important } .pt20 { padding-top: 20px !important } .pr20 { padding-right: 20px !important } .pb20 { padding-bottom: 20px !important } .pl20 { padding-left: 20px !important } .pt25 { padding-top: 25px !important } .pr25 { padding-right: 25px !important } .pb25 { padding-bottom: 25px !important } .pl25 { padding-left: 25px !important } .pr28 { padding-right: 28px !important } .pt30 { padding-top: 30px !important } .pb30 { padding-bottom: 30px !important } input.input_txt { border: solid 1px #666; padding: 2px } .button { display: block; cursor: pointer; font-size: 1px; background-position: 0 0 } .button:hover { background-position: 0 bottom } .button_unbind, .button_unbind { filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; cursor: default } .button_unbind:hover { background-position: 0 0 !important } .hide { display: none } .transparent { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0 } .highlight { font-weight: bold } .highlight1 { background-color: #FFFF66 } .centering { text-align: center; margin: auto } .centering .centering-child { margin: auto } .centering_h { position: absolute; top: 50%; left: 0 } .absolute { position: absolute } .relative { position: relative } .static { position: static !important } .caption .txt_warning { line-height: 1.3 } #login_iframe { display: block } body.layout { background: url(/h/t/TtDk6j0oiozKlvZnWQcijWURo0.png) no-repeat center 38px #000 } #header_area { width: 100%; background: #000; height: 37px; border-bottom: solid 1px #838383; line-height: 1 } #header_area .inner { width: 960px; margin: 0 auto } #header_area .logo { float: left; width: 120px; padding-top: 12px } #contents { width: 960px; margin: 0 auto 40px } #contents.content_space { margin-bottom: 0 !important; padding-bottom: 40px !important } #main { float: left; width: 646px; margin-left: 2px } body.layout #main { margin: 0 auto; float: none } #side { float: right; width: 300px; margin-right: 2px } a.bnr_over { width: 300px; height: 120px; display: block; overflow: hidden } a.bnr_over img { margin-top: 0 } a.bnr_over:hover img { margin-top: -120px } #footer .inner { width: 960px; padding: 20px 0; margin: 0 auto } #footer .line_top, #footer .line_top2 { border-top: solid 1px #333 } #footer .line { border-top: solid 1px #333; border-bottom: solid 1px #333 } #footer .inner ul.menu { text-align: center } #footer .inner ul.menu li { display: inline; line-height: 1; padding-right: 8px; margin-right: 8px; border-right: dotted 1px #333 } #footer .inner ul.menu li a { color: #fff } #footer .inner ul.menu li:last-child { padding-right: 0; margin-right: 0; border-right: none } #footer .inner .copy { text-align: center } .footer_social { text-align: center } .footer_social div { margin: 0 5px; display: inline-block; vertical-align: top } .footer_social_fb { width: 123px } .footer_social_twitter { width: 103px; height: 20px } .footer_social_google { width: 70px; height: 20px } #link_for_smartphone { position: relative; z-index: 10; -webkit-box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.2); background-image: -webkit-linear-gradient(bottom, #000 44%, #1f1f1f 46%, #6b6b6b); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(44%, #000), color-stop(46%, #183d59), color-stop(100%, #6b6b6b)); background-image: -moz-linear-gradient(bottom, #000 44%, #1f1f1f 46%, #6b6b6b); background-image: -o-linear-gradient(bottom, #000 44%, #1f1f1f 46%, #6b6b6b); background-image: -ms-linear-gradient(bottom, #000 44%, #1f1f1f 46%, #6b6b6b); background-image: linear-gradient(to top, #000000 44%, #1f1f1f 46%, #6b6b6b); border: 2px solid #262626; border-left: 0; border-right: 0; -webkit-box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.4); box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.4) } #bt_for_smartphone_wrapper { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 10px 16px; overflow: hidden } #bt_for_smartphone { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #ffffff; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 44%, rgba(31, 31, 31, 0.65) 46%, rgba(107, 107, 107, 0.65)); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(44%, rgba(0, 0, 0, 0.65)), color-stop(46%, rgba(31, 31, 31, 0.65)), color-stop(100%, rgba(107, 107, 107, 0.65))); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 44%, rgba(31, 31, 31, 0.65) 46%, rgba(107, 107, 107, 0.65)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 44%, rgba(31, 31, 31, 0.65) 46%, rgba(107, 107, 107, 0.65)); background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 44%, rgba(31, 31, 31, 0.65) 46%, rgba(107, 107, 107, 0.65)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.65) 44%, rgba(31, 31, 31, 0.65) 46%, rgba(107, 107, 107, 0.65)); -webkit-box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.2); box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.2); font-size: 28px; color: #e3e3e3; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); display: block; text-align: center; height: 72px; line-height: 72px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #link_for_smartphone #bt_for_smartphone span { background: url(/h/e/jBQe8NSkOs9OkBW5ePxT-sPZXg.png) no-repeat; padding-left: 50px; margin: 0 auto; line-height: 51px; display: inline-block } #link_old { text-align: center; padding: 0 0 10px } #link_old a { color: #fff } .bt-level4 { width: 280px; height: 30px; display: block; overflow: hidden } .bt-level4:hover img { margin-top: -30px } .bt-level5 { width: 240px; height: 20px; display: block; overflow: hidden } .bt-level5:hover img { margin-top: -20px } .bt-level6 { width: 200px; height: 20px; display: block; overflow: hidden } .bt-level6:hover img { margin-top: -20px } .bt_conducting { width: 284px; height: 40px; display: block; overflow: hidden } .bt_conducting:hover img { margin-top: -40px } .bt_db_item_detail { width: 300px } .bt_db_item_detail a { width: 300px; height: 30px; display: block; overflow: hidden } .bt_db_item_detail a img { margin-top: 0 } .bt_db_item_detail a:hover img { margin-top: -30px } .bt_db_quest_detail { width: 300px } .bt_db_quest_detail a { width: 300px; height: 30px; display: block; overflow: hidden } .bt_db_quest_detail a img { margin-top: 0 } .bt_db_quest_detail a:hover img { margin-top: -30px } .bt_db_npc_detail { width: 300px } .bt_db_npc_detail a { width: 300px; height: 30px; display: block; overflow: hidden } .bt_db_npc_detail a img { margin-top: 0 } .bt_db_npc_detail a:hover img { margin-top: -30px } .bt_db_recipe_detail { width: 300px } .bt_db_recipe_detail a { width: 300px; height: 30px; display: block; overflow: hidden } .bt_db_recipe_detail a img { margin-top: 0 } .bt_db_recipe_detail a:hover img { margin-top: -30px } .bt_db_recipe_detail { width: 300px } .bt_db_recipe_detail a { width: 300px; height: 30px; display: block; overflow: hidden } .bt_db_recipe_detail a img { margin-top: 0 } .bt_db_recipe_detail a:hover img { margin-top: -30px } .bt_db_achievement_detail { width: 300px } .bt_db_achievement_detail a { width: 300px; height: 30px; display: block; overflow: hidden } .bt_db_achievement_detail a img { margin-top: 0 } .bt_db_achievement_detail a:hover img { margin-top: -30px } .tab_sort .wins, .tab_sort .count { width: 215px; height: 24px; display: inline-block; overflow: hidden } .tab_sort .percentage { width: 216px; height: 24px; display: inline-block; overflow: hidden } .tab_sort img { margin-top: 0 } .tab_sort li:hover img { margin-top: -24px } .tab_sort .active img, .tab_sort .active:hover img { margin-top: -48px } .lang_jp .bt_refuse { width: 116px; height: 20px; background: url(/h/T/7Ly3YMF1QtApMPU3W1IEh67Sr8.png) no-repeat 0 0; text-indent: -9999px; float: right } .lang_jp .bt_refuse:hover { background-position: 0 -20px; cursor: pointer } .lang_na .bt_refuse { width: 116px; height: 20px; background: url(/h/c/V4D2cMK7ingNwwFhyRgc_DLE2w.png) no-repeat 0 0; text-indent: -9999px; float: right } .lang_na .bt_refuse:hover { background-position: 0 -20px; cursor: pointer } .lang_eu .bt_refuse { width: 116px; height: 20px; background: url(/h/c/V4D2cMK7ingNwwFhyRgc_DLE2w.png) no-repeat 0 0; text-indent: -9999px; float: right } .lang_eu .bt_refuse:hover { background-position: 0 -20px; cursor: pointer } .lang_de .bt_refuse { width: 116px; height: 20px; background: url(/h/1/LQwIke_9UqJ43BW9fYlCQjIOG4.png) no-repeat 0 0; text-indent: -9999px; float: right } .lang_de .bt_refuse:hover { background-position: 0 -20px; cursor: pointer } .lang_fr .bt_refuse { width: 116px; height: 20px; background: url(/h/_/rLnDVNOGNazdsizcyOEUrkX05A.png) no-repeat 0 0; text-indent: -9999px; float: right } .lang_fr .bt_refuse:hover { background-position: 0 -20px; cursor: pointer } .bt_back_followers_list { width: 220px; height: 20px; overflow: hidden; display: block; margin: 10px auto 0 } .bt_back_followers_list img { margin-top: 0 } .bt_back_followers_list:hover img { margin-top: -20px } .area_list_type_change { position: absolute; left: -4px; top: -4px } .area_list_type_change .bt_list_type_block { background: url(/h/T/bs_OMCetTU-0DUW9ntBBFVCJtg.png) no-repeat } .area_list_type_change .bt_list_type_list { background: url(/h/A/FWsfPnD-AZnua9i6fgeBLUaQL0.png) no-repeat } .area_list_type_change a, .area_list_type_change span { width: 28px; height: 28px; display: inline-block } .area_list_type_change a:hover, .area_list_type_change span:hover { background-position: 0 -28px } .area_list_type_change a.selected, .area_list_type_change span.selected { background-position: 0 -56px } .lang_jp .bt_diary_create { width: 200px; height: 20px; background: url(/h/8/NKpq_vUoOwVNc4c7ufvrBe9bfY.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 5px; right: 10px } .lang_jp .bt_diary_create:hover { background-position: 0 -20px } .lang_na .bt_diary_create { width: 200px; height: 20px; background: url(/h/7/wSahJtBk4USXA_PPvNmocC3UcE.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 5px; right: 10px } .lang_na .bt_diary_create:hover { background-position: 0 -20px } .lang_eu .bt_diary_create { width: 200px; height: 20px; background: url(/h/7/wSahJtBk4USXA_PPvNmocC3UcE.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 5px; right: 10px } .lang_eu .bt_diary_create:hover { background-position: 0 -20px } .lang_de .bt_diary_create { width: 200px; height: 20px; background: url(/h/S/6vZr8OVAHWqUlyB4shom9Pib58.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 5px; right: 10px } .lang_de .bt_diary_create:hover { background-position: 0 -20px } .lang_fr .bt_diary_create { width: 200px; height: 20px; background: url(/h/d/ORtgsBrPD5PVwGZG-JAJFTsntM.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 5px; right: 10px } .lang_fr .bt_diary_create:hover { background-position: 0 -20px } .wysiwyg_editor { height: 172px } .wysiwyg_editor__old { width: 550px; margin: 0; padding: 3px; border: 1px solid #e3e3e3 } .wysiwyg_menu { position: relative; float: left; padding: 2px 0 4px } .wysiwyg_menu__item, .wysiwyg_menu__item--size_down, .wysiwyg_menu__item--size_regular, .wysiwyg_menu__item--size_up, .wysiwyg_menu__item--size_big, .wysiwyg_menu__item--color, .wysiwyg_menu__item--bold, .wysiwyg_menu__item--italic, .wysiwyg_menu__item--underline, .wysiwyg_menu__item--strikethrough, .wysiwyg_menu__item--left, .wysiwyg_menu__item--center, .wysiwyg_menu__item--right, .wysiwyg_menu__item--insertlink, .wysiwyg_menu__item--hb, .wysiwyg_menu__item--image, .wysiwyg_menu__item--video { width: 22px; height: 22px; display: inline-block; vertical-align: middle; margin-right: 4px; position: relative; cursor: pointer } .wysiwyg_menu__item:hover, .wysiwyg_menu__item--size_down:hover, .wysiwyg_menu__item--size_regular:hover, .wysiwyg_menu__item--size_up:hover, .wysiwyg_menu__item--size_big:hover, .wysiwyg_menu__item--color:hover, .wysiwyg_menu__item--bold:hover, .wysiwyg_menu__item--italic:hover, .wysiwyg_menu__item--underline:hover, .wysiwyg_menu__item--strikethrough:hover, .wysiwyg_menu__item--left:hover, .wysiwyg_menu__item--center:hover, .wysiwyg_menu__item--right:hover, .wysiwyg_menu__item--insertlink:hover, .wysiwyg_menu__item--hb:hover, .wysiwyg_menu__item--image:hover, .wysiwyg_menu__item--video:hover { background-position: left center } .wysiwyg_menu__item:active, .wysiwyg_menu__item--size_down:active, .wysiwyg_menu__item--size_regular:active, .wysiwyg_menu__item--size_up:active, .wysiwyg_menu__item--size_big:active, .wysiwyg_menu__item--color:active, .wysiwyg_menu__item--bold:active, .wysiwyg_menu__item--italic:active, .wysiwyg_menu__item--underline:active, .wysiwyg_menu__item--strikethrough:active, .wysiwyg_menu__item--left:active, .wysiwyg_menu__item--center:active, .wysiwyg_menu__item--right:active, .wysiwyg_menu__item--insertlink:active, .wysiwyg_menu__item--hb:active, .wysiwyg_menu__item--image:active, .wysiwyg_menu__item--video:active { background-position: left bottom } .wysiwyg_menu__item--size_down { background: url(/h/s/lBrmTGwrgKGTQQh9UGMa74Hcms.png) no-repeat 0 0 } .wysiwyg_menu__item--size_regular { background: url(/h/I/Rz6do9jxUC9H0WHuzEPuOrZnJ8.png) no-repeat 0 0 } .wysiwyg_menu__item--size_up { background: url(/h/y/8YTStaXUh0lERhM9I3pej5HISU.png) no-repeat 0 0 } .wysiwyg_menu__item--size_big { background: url(/h/8/m8VBp15JrmRNGh5NPxWufkdsBQ.png) no-repeat 0 0 } .wysiwyg_menu__item--color { background: url(/h/K/aQKMrHqj9WgVsfeZJOOPlSN-Wg.png) no-repeat 0 0 } .wysiwyg_menu__item--bold { background: url(/h/w/96OsMsbousOY1Nfbiy_E0CbQVo.png) no-repeat 0 0 } .wysiwyg_menu__item--italic { background: url(/h/D/nwCNvT5CcPzCdEUTFr9HUmy7oU.png) no-repeat 0 0 } .wysiwyg_menu__item--underline { background: url(/h/G/KpHFooq5BXHR1Js3xEVLTkYC1w.png) no-repeat 0 0 } .wysiwyg_menu__item--strikethrough { background: url(/h/S/PI_j1cPIfD6nVbgiPqAtLjoGq4.png) no-repeat 0 0 } .wysiwyg_menu__item--left { background: url(/h/D/DICFHYA4IOT8i9UGNx3X7beOyE.png) no-repeat 0 0 } .wysiwyg_menu__item--center { background: url(/h/y/vI17PZ8GPJawrVqnT5OsYJm2OM.png) no-repeat 0 0 } .wysiwyg_menu__item--right { background: url(/h/n/CWijqKPv72gxn_tlafZ7ZKOwds.png) no-repeat 0 0 } .wysiwyg_menu__item--insertlink { background: url(/h/t/GjYy7vaCTgvhIjwzW21fwvSLm0.png) no-repeat 0 0 } .wysiwyg_menu__item--hb { background: url(/h/m/SEe1uNXB4ee7f_HodhcDhYP4lI.png) no-repeat 0 0 } .wysiwyg_menu__item--image { background: url(/h/T/8K0DpNQtLSW7HbG_742nS7CMPo.png) no-repeat 0 0 } .wysiwyg_menu__item--video { background: url(/h/O/YzbUQ74dp9MHNbC8U-Ju5GR1Ew.png) no-repeat 0 0 } .wysiwyg_dropdown { position: absolute; z-index: 100; display: none } .wysiwyg_dropdown .btn_area { margin-bottom: 8px } .wysiwyg_dropdown__title { font-weight: normal; padding: 3px 4px 2px 4px; background: #1f1f1f; line-height: 1.5 } .wysiwyg_colorpicker { width: 86px; padding: 4px; border: 1px solid #1c1c1c; background: #3c3c3c } .wysiwyg_colorpicker__inner { border: 1px solid #1c1c1c } .wysiwyg_colorpicker__color, .wysiwyg_colorpicker__color--1, .wysiwyg_colorpicker__color--2, .wysiwyg_colorpicker__color--3, .wysiwyg_colorpicker__color--4, .wysiwyg_colorpicker__color--5, .wysiwyg_colorpicker__color--6, .wysiwyg_colorpicker__color--7, .wysiwyg_colorpicker__color--8, .wysiwyg_colorpicker__color--9, .wysiwyg_colorpicker__color--10, .wysiwyg_colorpicker__color--11, .wysiwyg_colorpicker__color--12, .wysiwyg_colorpicker__color--13, .wysiwyg_colorpicker__color--14, .wysiwyg_colorpicker__color--15, .wysiwyg_colorpicker__color--16, .wysiwyg_colorpicker__color--17, .wysiwyg_colorpicker__color--18, .wysiwyg_colorpicker__color--19, .wysiwyg_colorpicker__color--20, .wysiwyg_colorpicker__color--21, .wysiwyg_colorpicker__color--22, .wysiwyg_colorpicker__color--23, .wysiwyg_colorpicker__color--24, .wysiwyg_colorpicker__color--25, .wysiwyg_colorpicker__color--26, .wysiwyg_colorpicker__color--27, .wysiwyg_colorpicker__color--28, .wysiwyg_colorpicker__color--29, .wysiwyg_colorpicker__color--30, .wysiwyg_colorpicker__color--31, .wysiwyg_colorpicker__color--32, .wysiwyg_colorpicker__color--33, .wysiwyg_colorpicker__color--34, .wysiwyg_colorpicker__color--35, .wysiwyg_colorpicker__color--36, .wysiwyg_colorpicker__color--37, .wysiwyg_colorpicker__color--38, .wysiwyg_colorpicker__color--39, .wysiwyg_colorpicker__color--40, .wysiwyg_colorpicker__color--41, .wysiwyg_colorpicker__color--42 { width: 14px; height: 14px; float: left; cursor: pointer } .wysiwyg_colorpicker__color--1 { background-color: #fff } .wysiwyg_colorpicker__color--2 { background-color: #ccc } .wysiwyg_colorpicker__color--3 { background-color: #999 } .wysiwyg_colorpicker__color--4 { background-color: #666 } .wysiwyg_colorpicker__color--5 { background-color: #333 } .wysiwyg_colorpicker__color--6 { background-color: #000 } .wysiwyg_colorpicker__color--7 { background-color: #fcc } .wysiwyg_colorpicker__color--8 { background-color: #f9c } .wysiwyg_colorpicker__color--9 { background-color: #f69 } .wysiwyg_colorpicker__color--10 { background-color: red } .wysiwyg_colorpicker__color--11 { background-color: #c00 } .wysiwyg_colorpicker__color--12 { background-color: #900 } .wysiwyg_colorpicker__color--13 { background-color: #ff9 } .wysiwyg_colorpicker__color--14 { background-color: #ff0 } .wysiwyg_colorpicker__color--15 { background-color: #fc3 } .wysiwyg_colorpicker__color--16 { background-color: #f93 } .wysiwyg_colorpicker__color--17 { background-color: #f60 } .wysiwyg_colorpicker__color--18 { background-color: #c30 } .wysiwyg_colorpicker__color--19 { background-color: #9f9 } .wysiwyg_colorpicker__color--20 { background-color: lime } .wysiwyg_colorpicker__color--21 { background-color: #0c0 } .wysiwyg_colorpicker__color--22 { background-color: #090 } .wysiwyg_colorpicker__color--23 { background-color: #060 } .wysiwyg_colorpicker__color--24 { background-color: #030 } .wysiwyg_colorpicker__color--25 { background-color: #6ff } .wysiwyg_colorpicker__color--26 { background-color: #0cf } .wysiwyg_colorpicker__color--27 { background-color: #06f } .wysiwyg_colorpicker__color--28 { background-color: blue } .wysiwyg_colorpicker__color--29 { background-color: #00c } .wysiwyg_colorpicker__color--30 { background-color: #006 } .wysiwyg_colorpicker__color--31 { background-color: #ccf } .wysiwyg_colorpicker__color--32 { background-color: #99f } .wysiwyg_colorpicker__color--33 { background-color: #96f } .wysiwyg_colorpicker__color--34 { background-color: #90f } .wysiwyg_colorpicker__color--35 { background-color: #609 } .wysiwyg_colorpicker__color--36 { background-color: #606 } .wysiwyg_colorpicker__color--37 { background-color: #fcf } .wysiwyg_colorpicker__color--38 { background-color: #f9f } .wysiwyg_colorpicker__color--39 { background-color: #f6f } .wysiwyg_colorpicker__color--40 { background-color: #f0f } .wysiwyg_colorpicker__color--41 { background-color: #c09 } .wysiwyg_colorpicker__color--42 { background-color: #906 } .wysiwyg_insertlink, .wysiwyg_insertvideo { width: 554px; padding: 1px; border: 1px solid #1c1c1c; background: #3c3c3c } .wysiwyg_insertlink__inner, .wysiwyg_insertvideo__inner { padding: 6px 3px 0 } .wysiwyg_insertvideo__inner p { color: #ffc233; line-height: 1.3; margin-bottom: 8px } .wysiwyg_insertlink__input_txt, .wysiwyg_insertvideo__input_txt { width: 542px; border: solid 1px #666; padding: 3px 2px; line-height: 1.5 } .wysiwyg_insertvideo__input_txt { margin-bottom: 10px } .popup_w412_header_gold { width: 412px; padding-top: 14px; background: url(../images/popup_bg_top.png) no-repeat 0 0 } .popup_w412_header_gold .popup_w412_footer_gold { padding-bottom: 18px; background: url(../images/popup_bg_bottom.png) no-repeat left bottom } .popup_w412_header_gold .popup_w412_body_gold { padding: 0 6px; background: url(../images/popup_bg.png) repeat-y 0 0 } .popup_w412_header_gold .popup_w412_body_gold .popup_w412_body_inner { padding: 0 10px } #community .commu .player_name_brown { max-width: 440px; line-height: 1.4 } #inner_frame_cont { width: 566px; padding: 1px; border: 1px solid #1c1c1c; background: #3c3c3c } #inner_frame_cont .input_charcounter { font-size: 14px; font-weight: bold; color: #A5D841 } #inner_frame_cont .input_charcounter-over { color: #CC2944 } .area_inner_txt { padding: 7px 0 } .area_inner_tc { padding: 16px 0; text-align: center } .inner_box .left_box { width: 338px; float: left } .inner_box .right_box { width: 280px; float: right } .thumb_list_wrap { width: 575px; margin: 0 auto } .hr_wrap { padding: 0 10px } .tooltip_content { display: table; max-width: 226px } .tooltip_grid_header_left { padding-left: 10px; background: url(/h/H/Slpiuc_F1wmYuWtqOZbqjmZh7E.png) no-repeat 0 0 } .tooltip_grid_header_left .tooltip_grid_header_right { height: 6px; background: url(/h/x/zALgo8M0WdYYn7CmimjdwrGkf8.png) no-repeat right 0 } .tooltip_grid_footer_left { padding-left: 10px; background: url(/h/A/Z-nonCV0onj6vLkFmnRiFlCh9E.png) no-repeat 0 bottom } .tooltip_grid_footer_left .tooltip_grid_footer_right { height: 10px; background: url(/h/0/Gtd9fHeNZjoo0edETQQRVbEl1M.png) no-repeat right bottom } .tooltip_grid_body_left { padding-left: 10px; background: url(/h/X/ImWDy_H77MsFHNYky8qrO8nCaU.png) repeat-y 0 0 } .tooltip_grid_body_left .tooltip_grid_body_right { padding-right: 10px; background: url(/h/J/Qm3HyjHE6_7ZCWYpp69r1eD4k8.png) repeat-y right 0; color: #333; line-height: 1 } .img_tooltip_list { display: none } .img_tooltip_content { display: none; position: fixed; z-index: 10006; top: 0; left: 0 } .img_tooltip_content img { border: 1px solid #0a0a0a } .area_header_w358 { width: 358px; padding-top: 4px; background: url(/h/5/nrZju2M7yrUg6n1aqOpaQ4f45M.png) no-repeat left top } .area_header_w358 .area_footer_w358 { background: url(/h/5/NgrrX28V-uTFMuAXuK2NIF_eiE.png) no-repeat left bottom; padding-bottom: 4px } .area_header_w358 .area_body_w358 { background: url(/h/f/pnasKTi7YuXhwHi0PRrcAkO6ow.png) repeat-y 0 0 } .area_header_w358_inner { width: 346px; margin: 0 auto } .table_black_w626 { width: 624px; border: solid 1px #1c1c1c } .table_black_w626 table { width: 624px; border-left: solid 1px #3C3C3C; border-top: solid 1px #3C3C3C } .table_black_w626 table th, .table_black_w626 table td { text-align: left; padding: 4px 4px; border-right: solid 1px #3c3c3c; border-bottom: solid 1px #3c3c3c } .table_elements tr:nth-child(odd) th { background: #1f1f1f } .table_elements tr.odd th { background: #1f1f1f } .table_elements tr:nth-child(even) th { background: #242424 } .table_elements tr.even th { background: #242424 } .table_elements tr:nth-child(odd) td { background: #2e2e2e } .table_elements tr.odd td { background: #2e2e2e } .table_elements tr:nth-child(even) td { background: #333 } .table_elements tr.even td { background: #333 } .table_black_border table th, .table_black_border_edge table th, .table_black_border table td, .table_black_border_edge table td { text-align: left } .table_black_border table th, .table_black_border_edge table th { background: #1f1f1f } .table_black_border table td, .table_black_border_edge table td { background: #2e2e2e } .table_black_border table tr.light_gray th, .table_black_border_edge table tr.light_gray th { background: #242424 } .table_black_border table tr.light_gray td, .table_black_border_edge table tr.light_gray td { background: #333 } .table_black_border { width: 568px; border: solid 1px #000 } .table_black_border table { width: 568px; border-left: solid 1px #3c3c3c; border-top: solid 1px #3c3c3c } .table_black_border table th, .table_black_border table td { border-right: solid 1px #3c3c3c; border-bottom: solid 1px #3c3c3c } .table_black_border_bottom table th, .table_black_border_bottom table td { vertical-align: top } .table_black_border_bottom table th { width: 50px; padding: 4px 4px 0 } .table_black_border_bottom table td .player_name_area { position: relative; width: auto } .table_black_border_bottom table td .player_name_area h4 { width: 408px; padding: 4px 4px } .table_black_border_bottom table td .player_name_area .ic_master, .table_black_border_bottom table td .player_name_area .ic_leader { position: absolute; top: 4px; right: 0 } .table_black_border_bottom table td .follow_link_box { position: absolute; top: 4px; right: 0; display: table; min-width: 90px } .table_black_border_bottom table td .follow_link_box>div { display: table-cell; text-align: right; min-width: 60px; vertical-align: middle } .table_black_border_bottom table td .player_name_area .right_txt { position: absolute; top: 4px; right: 5px } .table_black_border_bottom table td .player_name_area a, .table_black_border_bottom table td .player_name_gold a { color: #BFA34C } .table_black_border_bottom table td .col1box { min-height: 32px; position: relative; background: #2e2e2e } .table_black_border_bottom table .col3box { display: table } .table_black_border_bottom table .col3box div { display: table-cell; vertical-align: middle } .table_black_border_bottom table .col3box div.ic_gc { float: none } .table_black_border_bottom table .col3box div img { margin-right: 4px; vertical-align: middle } .table_black_border_bottom table .col3box .col3box_left { width: 44px; padding: 6px; background: url(/h/T/AAvL0rKvAr_DM1SSrhpwTQcDA0.png) no-repeat 6px 6px #2e2e2e } .table_black_border_bottom table .col3box .col3box_center { width: 221px; padding: 2px; background: #333 } .table_black_border_bottom table .col3box .col3box_right { width: 221px; padding: 2px; background: #2e2e2e } .table_black_border_bottom table .col3box .col3box_right div { display: inline-block } .table_black_border_bottom table .col3box .col3box_right .ic_gc { width: 36px } .table_black_border_bottom table .col3box .col3box_right .txt_gc { width: 184px } .table_black_border_bottom table .col3box div .ic_crest_32 { float: none } .table_black_border_bottom table .col3box div .ic_crest_32 img { margin-right: 0 } .table_black_border_bottom table .mychara .col3box .col3box_left, .table_black_border_bottom table .mychara .col3box .col3box_right { background-color: #401c23 } .table_black_border_bottom table .mychara .col3box .col3box_center { background-color: #471F27 } .table_black_border_bottom { width: 568px; margin: 0 auto; border: solid 1px #000 } .table_black_border_bottom table { width: 568px; border-left: solid 1px #3c3c3c; border-right: solid 1px #3c3c3c; border-top: solid 1px #3c3c3c } .table_black_border_bottom table th, .table_black_border_bottom table td { border-bottom: solid 1px #3c3c3c } .table_style1 th, .table_style1 td { padding: 5px !important; text-align: center !important } .table_style1 th { width: 180px !important } .table_style1 td { width: 387px !important; font-size: 14px; font-weight: bold } .table_style2 th, .table_style2 td { padding: 5px !important; vertical-align: top } .table_style2 th { width: 150px !important } .table_black_border_bottom table td .player_name_area .right_txt { position: absolute; top: 4px; right: 5px } .table_black_border_bottom .table_black_border_bottom_fc th { width: 72px } .table_black_border_bottom .table_black_border_bottom_fc .col3box .col3box_left { width: 98px; height: auto; padding: 0 4px } .table_black_border_bottom .table_black_border_bottom_fc .col3box .col3box_center { width: 251px; padding: 0 4px } .table_black_border_bottom .table_black_border_bottom_fc .col3box .col3box_right { width: 129px; text-align: center } .table_black_border_bottom table th, .table_black_border_bottom table td { background: #1f1f1f } .fc_member_status { position: absolute; top: 4px; right: 10px; color: #b1b1b1 } .ic_time_wrap { padding: 0 6px; min-height: 32px } .ic_time_wrap>div { display: table-cell; vertical-align: middle } .table_black_border_bottom table .message_ic_box { background: #2e2e2e } .table_black_border_bottom table .message_ic_box .message_box { background: #333; min-height: 14px; padding: 3px 0 2px 0; color: #b1b1b1 } .table_black_border_bottom table .message_ic_box .message_box .message_box_txtarea { padding: 0 6px; word-break: break-all; word-wrap: break-word } .table_black_border_bottom table .message_ic_box .ic_class { width: 42px; padding-right: 10px } .table_black_border_bottom table .message_ic_box .ic_class div { display: table-cell; vertical-align: middle } .table_black_border_bottom table .message_ic_box .ic_class .ic_box { width: 24px; height: 24px; padding: 4px 4px 4px 0; background: url(/h/T/AAvL0rKvAr_DM1SSrhpwTQcDA0.png) no-repeat left 4px } .table_black_border_bottom table .message_ic_box .lv_class { color: #b1b1b1 } .table_black_border_bottom table .message_ic_box .ic_gc { width: 223px; padding-right: 2px } .table_black_border_bottom table .message_ic_box .ic_gc div { display: table-cell; vertical-align: middle } .table_black_border_bottom table .message_ic_box .ic_gc div img { margin-right: 4px; vertical-align: middle } .table_black_border_bottom table .message_ic_box .fc_member_datetime { width: 239px; line-height: 1; color: #a5d841; text-align: right; display: table-cell } .table_black_border_bottom table .message_ic_box .member_notset { color: #4d4d4d } .dropdown { height: auto; display: none; position: absolute; z-index: 9999 } #tabmenu { padding-bottom: 10px; background: url(/h/e/mlyc089dRb6R0auZNa9qzOMQQU.png) no-repeat left bottom } #tabmenu li { width: 323px; height: 24px; display: inline-block; vertical-align: middle } #tabmenu li a { width: 323px; height: 24px; display: block } #tabmenu_3box { padding-bottom: 10px; background: url(/h/e/mlyc089dRb6R0auZNa9qzOMQQU.png) no-repeat left bottom } #tabmenu_3box li { width: 215px; height: 24px; display: inline-block; vertical-align: middle } #tabmenu_3box li a { width: 215px; height: 24px; display: block } #tabmenu_3box li.tab_center { width: 216px } #tabmenu_3box li.tab_center a { width: 216px } #tabmenu_4box { padding-bottom: 10px; background: url(/h/e/mlyc089dRb6R0auZNa9qzOMQQU.png) no-repeat left bottom } #tabmenu_4box li { width: 162px; height: 24px; display: inline-block; vertical-align: middle } #tabmenu_4box li a { width: 162px; height: 24px; display: block } #tabmenu_4box li.tab_left, #tabmenu_4box li.tab_right { width: 161px } #tabmenu_4box li.tab_left a, #tabmenu_4box li.tab_right a { width: 161px } #tab_character_menu { margin: 0 0 10px 2px } #tab_character_menu li { width: 214px; height: 24px; overflow: hidden; float: left } #tab_character_menu li.tab_character_menu_profile a img { margin-left: 0 } #tab_character_menu li.tab_character_menu_achievement a img { margin-left: -214px } #tab_character_menu li.tab_character_menu_diary a img { margin-left: -428px } #tab_character_menu li.tab_character_menu_event a img { margin-left: -642px } #tab_character_menu li.tab_character_menu_friend a img { margin-left: -856px } #tab_character_menu li.tab_character_menu_follow a img { margin-left: -1070px } #tab_character_menu li a:hover img { margin-top: -24px } #tab_character_menu li a.active img { margin-top: -48px } #tab_character_top { padding-bottom: 10px; background: url(/h/e/mlyc089dRb6R0auZNa9qzOMQQU.png) no-repeat left bottom } #tab_character_top li { width: 323px; height: 24px; overflow: hidden; float: left } #tab_character_top li.tab_character_top_buddy img { margin-left: -323px; margin-top: -72px } #tab_character_top li a:hover img { margin-top: -24px } #tab_character_top li a.active img { margin-top: -48px } .player_name_gold { font-size: 12px; color: #BFA34C; display: inline-block; vertical-align: middle } .linkshell_img { width: 24px; float: left; margin-right: 4px } .linkshell_name { float: left; padding-top: 3px } .player_name_gold .name_box { width: 318px; padding: 3px 0 0; float: left } .player_name_gold a { color: #BFA34C } .player_name_gold span { color: #808080 } .player_name_brown { font-size: 14px; color: #804000; display: inline-block; vertical-align: middle } .player_name_brown span { color: #806a40 } .player_name_brown:hover { color: #804000 } .table_black_border_bottom table .mychara th, .table_black_border_bottom table .mychara td { background: #2B1318 } .table_black_border_bottom table .mychara .message_ic_box .message_box { background: #471F27 } .table_black_border_bottom table .mychara .message_ic_box { background: #401C23 } .player_id { display: inline; font-size: 12px; font-weight: bold } .player_id a { font-weight: bold; color: #BFA34C } .player_id a:hover { color: #D9B857 } .player_id span { font-weight: bold; color: #808080 } .player_id .text-note { font-weight: normal; color: #CC2944 } .base_header_w210_long .player_id { width: 144px } .crest_id { display: inline; font-size: 12px; font-weight: bold; color: #4c4026 } .crest_id a { color: #804000 } .crest_id a:hover { color: #a45200 } .crest_id span { color: #806a40 } .thumb_cont_black_50 { width: 50px; height: 50px; padding: 1px; display: inline-block; vertical-align: middle; background: #000 } .thumb_cont_black_40 { width: 40px; height: 40px; display: inline-block; vertical-align: middle; border: #000000 1px solid } .thumb_cont_black_40_bdr_no { border: 0; padding: 1px } .thumb_cont_black_40.brd_black { border: #000000 solid 1px } .my_linkshell .thumb_cont_black_40, .my_achievement .thumb_cont_black_40 { background: none !important; border: none !important } #mydiary_list table.list .thumb_list_small { text-align: right } .thumb_list_small li { width: 54px; height: 54px; margin-left: 2px; margin-bottom: 3px; margin-top: 5px; float: left; display: inline-block; vertical-align: top; position: relative; background: #000 } .thumb_list_small a { width: 54px; height: 54px; display: block } .thumb_list_small li img { display: block; position: absolute; top: 50%; left: 50%; z-index: 1 } .thumb_list_large li { width: 180px; height: 180px; background: #000; margin: 0 auto 10px; position: relative } .thumb_list_large li a { width: 180px; height: 180px; display: block } .thumb_list_large li img { position: absolute; top: 50%; left: 50% } .thumb_list_large li.thumb_images { background: url(/h/M/oLcNDSmd-ujF2Rvtg0WbgKF_kA.png) 0 0 no-repeat; width: 180px; height: 180px } .thumb_list_large li.thumb_images a { width: 170px; height: 170px; position: relative; display: block; overflow: hidden } .thumb_list_large li.thumb_images a img { position: absolute; display: block; top: 50%; left: 50% } .thumb_list_large li.thumb_images .img_delete { width: 170px; height: 170px } .thumb_list li { width: 110px; height: 110px; margin: 1px; display: inline-block; vertical-align: top; position: relative } .thumb_list li a { width: 110px; height: 110px; display: block } .ic_external { width: 20px; height: 20px; background: url(/h/d/Cvn2zNeYIQg6yjIyFYMFgmiu4Y.png) no-repeat; display: block; position: absolute; right: 0; bottom: 0; z-index: 2 } .thumb_list li img { display: block; position: absolute; top: 50%; left: 50%; z-index: 1 } .img_delete { display: block; position: absolute; top: 0 !important; left: 0 !important; z-index: 1 } .thumb_check, .thumb_hover { width: 110px; height: 110px; position: absolute; z-index: 3 } .thumb_check { background: url(/h/1/-kfpbKrEY7q43YpQNlyW8QxAN0.png) no-repeat } .thumb_hover { background: url(/h/u/pT3stcLF8S2mA0uPR0fMiurtpQ.png) no-repeat } .submit_area { width: 626px; margin: 0 auto } .bt_delete, .bt_diary_write_plus_ic, .bt_diary_write_ic, .bt_diary_close_ic, .bt_edit, .br_my_ic, .bt_key_lock_ic, .bt_key_unlock_ic, .bt_key_open_ic, .bt_jump_ic, .bt_report, .bt_img_delete { width: 20px; height: 20px; display: block } .bt_follow_cancel, .bt_follow { width: 90px; height: 20px } .bt_image_select, .bt_confirm, .bt_cancel, .bt_post, .bt_revision, .bt_yes, .bt_no, .bt_close, .bt_embed, .bt_send, .bt_comment_delete, .bt_update, .bt_setup, .bt_setup_change, .bt_decision, .bt_more2, .bt_replythread, .bt_replycomment, .bt_deletethread, .bt_back, .bt_ok, .bt_search { width: 160px; height: 20px; text-indent: -9999px } .bt_oldlinkshell_look, .bt_linkshell_back, .bt_mypage_mydiary, .bt_mypage_myachievement, .bt_mypage_myfriend, .bt_mypage_news, .bt_mypage_myfollow, .bt_mypage_community, .bt_legacy_history { width: 200px; height: 20px } .bt_back_diary, .bt_back_maintenance, .bt_back_news, .bt_back_obstacle, .bt_back_thread, .bt_back_topics, .bt_back_update, .bt_backnumber, .bt_topics_list, .bt_diary_look, .bt_back_mycharacter, .bt_tonewthread, .bt_topostthread, .bt_back_character, .bt_chara_top, .bt_back_thread, .bt_back_thread_02, .bt_back_comment { width: 220px; height: 20px; text-indent: -9999px } .bt_fb, .bt_tw, .bt_tofb, .bt_totw, .bt_fb_cooperation, .bt_fb_cooperation_cancel, .bt_tw_cooperation, .bt_tw_cooperation_cancel, .bt_fb_post, .bt_tw_post { width: 280px; height: 30px; margin: 0 auto } .bt_img_select, .bt_img_select_02 { width: 280px; height: 30px } .bt_img_submit, .bt_img_upload, .bt_diary_write, .bt_sqeni_account, .bt_newthread, .bt_commentthread, .bt_site, .bt_social_cooperation, .bt_comment, .bt_img_post, .bt_narrow { width: 300px; height: 30px; margin: 0 auto } .bt_world_execution_status { width: 300px; height: 40px; margin: 0 auto } input.bt_post { cursor: pointer } .bt_diary_look { margin: 0 auto } .bt_send, .bt_setup_change { margin: 0 auto } .bt_delete { margin: 0 auto; background: url(/h/V/goIa4NVmZ2TKg6_f-okhwhWM5w.png) no-repeat 0 0 } .bt_diary_write_plus_ic { background: url(/h/h/sN4bJL1r-ilsqDyONNlQfbpb68.png) no-repeat 0 0 } .bt_diary_write_ic { background: url(/h/z/nN-yXZAtt7vsuo5subakQiJZLs.png) no-repeat 0 0 } .bt_diary_close_ic { background: url(/h/G/gGOTLRWVaqEx9-df3XwFqUEEFM.png) no-repeat 0 0 } .bt_edit { background: url(/h/l/3c85yC690IlvPholczkiZFSFkc.png) no-repeat 0 0 } .bt_com_chara_header_follow_box.ic_unfollow { background: url(/h/Z/-1w_j4bffH4E4kLgxHLegRSwAg.png) no-repeat 0 -1px; width: 22px; height: 20px } .bt_com_chara_header_follow_box.com_chara_header_followed { background: url(/h/Z/-1w_j4bffH4E4kLgxHLegRSwAg.png) no-repeat 0 -23px; width: 22px; height: 20px } .bt_com_chara_header_follow { width: 110px; height: 20px } .bt_more { width: 90px; height: 18px } .select_index_left { width: 345px !important; padding: 0; float: left } .select_index_right { width: 280px !important; float: right; margin-top: 2px; margin-top: 3px\9; padding: 0; text-align: right } :not(:target) .select_index_right { margin-top: 3px \0 } .select_index_right select { width: 257px !important; margin-top: 3px\9 } :not(:target) .select_index_right select { margin-top: 3px \0 } .select_index_left_02 { width: 40% !important; padding: 0; float: left } .select_index_right_02 { width: 60% !important; float: right; margin-top: 3px\9; padding: 3px 0 0; text-align: right } :not(:target) .select_index_right_02 { margin-top: 3px \0 } .select_index_right select_02 { width: 150px !important; margin-top: 3px\9 } :not(:target) .select_index_right select_02 { margin-top: 3px \0 } .ie_placeholderfix { padding: 3px 0 0 6px; position: absolute; display: none; color: #999 } .ic_comment { padding-left: 23px } .ic_postimage { padding-left: 23px; background: url(/h/8/V4ridy64VKVMvz_RAjvpmcfLsI.png) no-repeat 0 0 } .ic_diary_write { padding-left: 23px; color: #fff3cd; background: url(/h/F/Tne85WSwJRzBf7vWL-jFuB9R8A.png) no-repeat 4px 2px; font-weight: bold } .ic_follow_setted { width: 90px; height: 20px; display: block } .ic_check_text { height: 37px; padding-left: 50px; display: table-cell; vertical-align: middle; background: url(/h/F/GDYurfknUJWykpGA8EMz7lShuA.png) no-repeat } .ic_master, .ic_leader { width: 80px; height: 20px } .ic_class_wh24_box { min-height: 24px; padding: 4px 0; background: url(/h/T/AAvL0rKvAr_DM1SSrhpwTQcDA0.png) no-repeat left 5px; position: relative } .ic_class_wh24_box img { margin-right: 3px; vertical-align: middle } .ic_recruit, .ic_recruit_no { float: left; width: 32px; height: 32px } .ic_alliance, .ic_alliance_no { float: right; width: 32px; height: 32px } .ic_recruit { background: url(/h/d/sMjPMbWjEHVOgUPqhuhNXhG7Yg.png) no-repeat 0 0 } .ic_alliance { background: url() no-repeat 0 0 } .ic_recruit_no { background: url(/h/X/9PNudfsHjAEbopqN-R1WPTKcOM.png) no-repeat 0 0 } .ic_alliance_no { background: url(/h/N/REmszvw7_N6pC2YoArlg2mrSTQ.png) no-repeat 0 0 } .ic_check_box { min-height: 40px; background: url(/h/F/GDYurfknUJWykpGA8EMz7lShuA.png) no-repeat; position: relative } .ic_check_box span { position: absolute; top: 50%; left: 50px } .ic_normal, .ic_normal_lock, .ic_notice, .ic_notice_lock { width: 50px; height: 36px } .ic_caution_box { min-height: 40px; background: url(/h/K/x7QPdqCiwevinccFLhMX_qcgQ0.png) no-repeat; position: relative } .ic_caution_box .centering_h { padding: 0 0 0 50px } .ic_rich_mode { background: url(/h/B/Lt4hBWYQYRWBl_Ry4qaBugZ8ng.png) no-repeat; width: 20px; height: 20px; display: inline-block; float: left; margin-right: 4px } .area_header_w210 .is_rich_mode { padding-left: 24px; position: relative } .area_header_w210 .is_rich_mode .ic_rich_mode { position: absolute; left: 0; top: 0 } .area_header_w210 .is_rich_mode .blog_title { display: inline; width: 166px } .diary_tag a { color: #B2ADA1 } .diary_tag a:hover { color: #CCC6B8 } .diary_tag_header { width: 280px; margin-top: 5px; margin-bottom: 3px; padding-top: 2px; background: url(/h/1/i9HK0vlxhKz_HHzKss87yu58A0.png) no-repeat 0 0 } .diary_tag_header .diary_tag_footer { padding-bottom: 2px; background: url(/h/t/hVB-xE7gOzR24S9FcOWq4IblII.png) no-repeat right bottom } .diary_tag_header .diary_tag_body { width: 238px; min-height: 15px; margin-left: 28px; padding: 0 7px; background: #2e2e2e; color: #B2ADA1; word-wrap: break-word } .diary_tag_header .diary_tag_body a { color: #B2ADA1 } .diary_tag_header_long { width: 626px; padding-top: 2px; background: url(/h/a/Ov8Mv-_bH9Y_gRSv3bfJnOMtzg.png) no-repeat 0 0 } .diary_tag_header_long .diary_tag_footer_long { padding-bottom: 2px; background: url(/h/R/5SGZCuFxRHWO8FSuWeLmDA6I8w.png) no-repeat right bottom } .diary_tag_header_long .diary_tag_body_long { width: 584px; min-height: 15px; margin-left: 28px; padding: 0 7px; background: #2e2e2e; color: #B2ADA1 } .diary_tag_header_w570 { width: 570px; padding-top: 2px; background: url(/h/5/wbnEEjqQi-JMaxJ1RjsBEE-Zxo.png) no-repeat 0 0 } .diary_tag_header_w570 .diary_tag_footer_w570 { padding-bottom: 2px; background: url(/h/M/60wWYO4OHhoCDxd59qELKpR4Q4.png) no-repeat right bottom } .diary_tag_header_w570 .diary_tag_body_w570 { width: 528px; min-height: 15px; margin-left: 28px; padding: 0 7px; background: #2e2e2e; color: #B2ADA1 } .diary_tag_header_w302 { width: 302px; padding-top: 2px; background: url(/h/R/Tqbx1qgdhCwuOWOx8AIS2jC8mw.png) no-repeat 0 0 } .diary_tag_header_w302 .diary_tag_footer_w302 { padding-bottom: 2px; background: url(/h/a/LKEH51qsoDjRSalGOI1P7SuetM.png) no-repeat right bottom } .diary_tag_header_w302 .diary_tag_body_w302 { width: 260px; min-height: 15px; margin-left: 28px; padding: 0 7px; background: #262626; color: #B2ADA1 } .diary_tag_header_w300 { width: 300px; padding-top: 2px; background: url(/h/3/-8CVTLsr1GPzBZwvnvxD8aHb0k.png) no-repeat 0 0 } .diary_tag_header_w300 .diary_tag_footer_w300 { padding-bottom: 2px; background: url(/h/W/GDiG1f884ad7f5WgXHuJeet1Gg.png) no-repeat right bottom } .diary_tag_header_w300 .diary_tag_body_w300 { width: 258px; min-height: 15px; margin-left: 28px; padding: 0 7px; background: #262626; color: #B2ADA1; word-wrap: break-word } .diary_tag_header_w190 { width: 190px; padding-top: 2px; background: url(/h/c/yaYpLN1wW_F4PGgJuXOh2oEzos.png) no-repeat 0 0 } .diary_tag_header_w190 .diary_tag_footer_w190 { padding-bottom: 2px; background: url(/h/C/mrrSLYkdI91tieHKBgkbch9xeo.png) no-repeat right bottom } .diary_tag_header_w190 .diary_tag_body_w190 { width: 148px; min-height: 15px; margin-left: 28px; padding: 0 7px; background: #2e2e2e; color: #B2ADA1; word-wrap: break-word } .diary_tag_header_w190 .diary_tag_body_w190.tag_non { padding-top: 3px } .diary_tag_header_w190 .diary_tag_body_w190 a { color: #B2ADA1 } .diary_tag_header_cut { width: 626px; padding-top: 2px; background: url(/h/w/ZhHfHgIFAmb6y9NMF61uQJt-Vc.png) no-repeat 0 0 } .diary_tag_header_cut .diary_tag_footer_cut { padding-bottom: 2px; background: url(/h/R/5SGZCuFxRHWO8FSuWeLmDA6I8w.png) no-repeat right bottom } .diary_tag_header_cut .diary_tag_body_cut { width: 584px; min-height: 13px; margin-left: 28px; padding: 2px 7px 0; background: #2e2e2e; color: #cccccc; position: relative } .diary_tag_header_cut .diary_tag_body_cut .cut_tag { width: 480px; word-break: normal; word-wrap: break-word } .diary_tag_header_cut .diary_tag_body_cut .cut_tag span { margin-right: 5px; color: #ffc233 } .diary_tag_header_cut .diary_tag_body_cut .cut_cancel_box { position: absolute; top: 2px; right: 9px } .diary_tag_header_cut .diary_tag_body_cut .cut_cancel_box a { color: #73bfe6 } .diary_tag_header_cut .diary_tag_body_cut .cut_cancel_box a:hover { color: #7fd4ff } #select_box { background-color: #000; margin: 0px; padding: 0px; height: 100%; width: 100%; position: fixed; left: 0px; top: 0px } #dialog_bg { background-color: #000; margin: 0px; padding: 0px; height: 100%; width: 100%; position: fixed; left: 0px; top: 0px } .select_box_in { position: absolute; font-size: 12px } .select_box_in .bt_close { margin: 0 auto } .select_box_in .bt_popup { padding: 10px 0 0 30px } .select_box_in .bt_popup .button { float: left; margin-right: 18px } #uploadimg_state_list .uploadimg_state_list_col .upimgname { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } #commentbox { width: 646px; position: relative; bottom: 0 } #commentbox #commentbox_in { width: 646px; position: absolute; left: 0 } #commentbox #commentbox_in #commentbox_trigger { width: 646px; height: 26px; position: absolute; top: -26px; left: 0px; cursor: pointer } #commentbox #commentbox_in .base_header_long_gold #commentbox_trigger { background: url(/h/9/e6e_hlUunUry3g6QL40k61zd7c.png) no-repeat 0 0 } #commentbox #commentbox_in .base_header_long_gold #commentbox_trigger:hover { background: url(/h/9/e6e_hlUunUry3g6QL40k61zd7c.png) no-repeat 0 -26px } .base_header_long_gold .base_body .header_title { position: absolute; top: 4px; left: 5px } #commentbox #commentbox_in #commentbox_logout .area_footer { text-align: center; padding: 16px 0 20px } .bt_commentbox_login { width: 200px; height: 36px; margin: 5px auto 0 } .popup_w650_header { width: 650px; padding-top: 10px; background: url(/h/J/4SK8pe-VtRj5mr5WmGas8RMUPQ.png) no-repeat left top } .popup_w650_header .popup_w650_footer { background: url(/h/K/uxs2fFg2LfAC-T1xHkpk_LdGXM.png) no-repeat left bottom; padding-bottom: 14px } .popup_w650_header .popup_w650_body { padding: 0 2px; background: url(/h/U/e70e4K8jv3JOQa1TgLlTO-xLac.png) repeat-y 0 0 } .popup_w650_header .popup_w650_body .popup_w650_inner { padding: 0 22px } .popup_w602_header { width: 602px; padding-top: 10px; background: url(/h/Y/IOI8pVUCH4Gjb52eTzouvscGqc.png) no-repeat left top } .popup_w602_header .popup_w602_footer { background: url(/h/U/56JXaQlq59qsWDkxThw2g0gqpo.png) no-repeat left bottom; padding-bottom: 10px } .popup_w602_header .popup_w602_body { padding: 0 10px; background: url(/h/_/_2TgBNfAKqvI-ag3j4igwhuvCQ.png) repeat-y 0 0 } .popup_caption { width: 572px; margin: 7px auto 0; color: #ccc } .popup_error_msg, .popup_error_msg_02 { padding: 2px 10px 1px; color: #F36466; background: #5C1110; outline: solid 1px #7A1515; border: solid 1px #B71F20 } #popup_w650 { width: 650px; padding-top: 10px; background: url() no-repeat } #popup_w650 #popup_w650_bottom { width: 650px; padding-bottom: 14px; background: url() no-repeat left bottom } #popup_w650 #popup_w650_inner { width: 646px; padding: 0 2px; background: url() repeat-y } #popup_w650 #popup_w650_title { width: 646px; margin-bottom: 10px; padding-top: 1px; background: url() no-repeat } #popup_w650 #popup_w650_title #popup_w650_title_bottom { width: 646px; padding-bottom: 1px; background: url() no-repeat left bottom } #popup_w650 #popup_w650_title #popup_w650_title_inner { width: 646px; background: url() repeat-y } #popup_w650 #popup_w650_title #popup_w650_title_inner h2 { width: 606px; padding: 4px 7px 4px 33px; font-size: 12px; color: #bfa34c; line-height: 1.6; background: url() no-repeat 16px 6px } #popup_w650 #popup_w650_col #popup_w650_col_inner .divide_line { width: 572px; margin: 0 auto; padding-top: 10px; background: url() repeat-x } #popup_w650 #popup_w650_caption { width: 572px; padding: 7px 37px; font-size: 12px; color: #ccc; line-height: 1.6 } #popup_w650 #popup_w650_caption .caution { color: #CC2944 } #popup_w650 #popup_w650_close { width: 626px; margin: 0 auto; padding-top: 10px; background: url() repeat-x } .popup_w400_header { width: 400px; padding-top: 16px; background: url(/h/N/Z7C84DSvv-Fk6liYjnBj3dixIc.png) no-repeat left top } .popup_w400_header .popup_w400_footer { background: url(/h/Q/38kEs52y5Q_87IPop1AVaNfB-8.png) no-repeat left bottom; padding-bottom: 10px } .popup_w400_header .popup_w400_body { background: url(/h/F/LwyJ-k5JZm4oVizVTOyS5MDEXY.png) repeat-y 0 0 } .popup_w400_header .popup_w400_inner_header { padding-top: 1px; background: url(/h/p/NABlMC-w2iv7-Itij6ke8UgBQI.png) no-repeat left top } .popup_w400_header .popup_w400_inner_footer { background: url(/h/8/-Rm-pM9w2zIkG1AzPbn_pQA4tM.png) no-repeat left bottom; padding-bottom: 1px } .popup_w400_header .popup_w400_inner_body { padding: 9px 16px; background: url(/h/9/U6VM15Qv2_EzkEhSnKQzXbrLKI.png) repeat-y 0 0 } .popup_w500 { width: 500px; margin: 0 auto } .popup_w400 { width: 400px; margin: 0 auto } .popup_header_left { background: url(/h/8/GePR8Zs1IUKAXQ3XqG30gpCPDc.png) no-repeat left top; padding-left: 16px; height: 17px } .popup_header_right { background: url(/h/G/d_w2S8CDTuKrmGYe3eM0AgpoyU.png) no-repeat right top; padding-right: 16px; height: 17px } .popup_header_center { background: url(/h/J/2Bf9wvVzdK_c5e2LdyuzwOPOQo.png) repeat-x left top; height: 17px } .popup_body_left { background: url(/h/X/N58x-7a2el28VLf5tqUXOkhhyM.png) repeat-y left top; padding-left: 2px } .popup_body_right { background: url(/h/B/wSOAltj5oLUIPow9lElZfhgSJM.png) repeat-y right top; padding-right: 2px } .popup_body { background: url(/h/y/snu27SJislb80kmhquXpNurZRE.png) repeat; padding: 15px 14px } .popup_footer_body_left { background: url(/h/G/A2_enPD-nsnpg8V953B9WyZqQo.png) repeat-y left top; padding-left: 2px } .popup_footer_body_right { background: url(/h/h/1kC3iwhz8WrDL-1LZHxu1rqc8w.png) repeat-y right top; padding-right: 2px } .popup_footer_body { background: #262626; border-top: 1px solid #343434; padding: 10px 14px 2px } .popup_footer_bottom_left { background: url(/h/r/9Runh2GlECbamv-j7wS2VDaRog.png) no-repeat left top; padding-left: 8px; height: 8px } .popup_footer_bottom_right { background: url(/h/p/2QsvNBhJTzToKPR4S5RiNSKUYI.png) no-repeat right top; padding-right: 8px; height: 8px } .popup_footer_bottom_center { background: url(/h/b/7Fu8O1AqjW2VEOjuS_6ljDpfWc.png) repeat-x left top; height: 8px } .popup_body .caution_box { min-height: 81px; padding: 0 0 0 50px; color: #fff; background: url(/h/K/x7QPdqCiwevinccFLhMX_qcgQ0.png) no-repeat 0 0 } .popup_9grid_header_left { padding-left: 12px; background: url(/h/N/Ehdh6jcT8ZwK_MciWockcfeQjc.png) no-repeat 0 0 } .popup_9grid_header_left .popup_9grid_header_right { height: 10px; background: url(/h/o/rvFpQrgRDE3Lii1Rs_47ZFmPOg.png) no-repeat right 0 } .popup_9grid_footer_left { padding-left: 12px; background: url(/h/n/ugOpBj2DNYjgv-pg-QebKF_bRc.png) no-repeat 0 bottom } .popup_9grid_footer_left .popup_9grid_footer_right { height: 14px; background: url(/h/j/ndhVDIn7qim9H_gtmNQyL9_GMY.png) no-repeat right bottom } .popup_9grid_body_left { padding-left: 12px; background: url(/h/u/p1XiMoyHVgMIfMtQAHt3K70l4M.png) repeat-y 0 0 } .popup_9grid_body_left .popup_9grid_body_right { padding-right: 10px; background: url(/h/A/YdGbZRDgy62Jvh0ujMojpPOJvg.png) repeat-y right 0 } .popup_header_left_gold { padding-left: 16px; background: url(/h/B/WrWeNXroJ2uuv_3bmZmwJ5kxeI.png) no-repeat 0 0 } .popup_header_left_gold .popup_header_right_gold { height: 14px; background: url(/h/e/8IVZ734CDepp2PEX07pGjNDrnk.png) no-repeat right 0 } .popup_footer_left_gold { padding-left: 16px; background: url(/h/E/vw-W_j0hNEfOdj49UkrtwqXR24.png) no-repeat 0 bottom } .popup_footer_left_gold .popup_footer_right_gold { height: 18px; background: url(/h/h/v8cYRrM6ROKJHYO5knrI1mmoUE.png) no-repeat right bottom } .popup_body_left_gold { padding-left: 16px; background: url(/h/Z/uzYAoE1gcmVrIcJ5vzPy35vMN4.png) repeat-y 0 0 } .popup_body_left_gold .popup_body_right_gold { padding-right: 16px; background: url(/h/-/Q_xaU5HfY_FRyCVaAJQ9dIksVg.png) repeat-y right 0 } .popup_w400_header .popup_w400_inner_body .caution_box { min-height: 81px; padding: 3px 0 0 50px; color: #fff; background: url(/h/K/x7QPdqCiwevinccFLhMX_qcgQ0.png) no-repeat 0 0 } .pager .pagination { text-align: right } .pager .pagination span, .pager .pagination a, .pager .pagination .current_list, .pager .pagination ul, .pager .pagination li { display: inline-block; font-size: 12px; color: #b1b1b1; text-decoration: none } .pager .pagination li { text-align: center; line-height: 1; cursor: pointer; height: 16px } .pager .pagination a { color: #73bfe6 } .pager .pagination .current_list { margin-right: 10px; vertical-align: top; white-space: nowrap } .pager .pagination .current_list .total { margin: 0 4px; color: #bfa34c } .pager .pagination .current { margin-top: 0; vertical-align: top } .pager .pagination .current a { width: auto; height: auto; border: 1px solid #404040; color: #bfa34c; padding: 2px 3px } .pager .pagination .active { margin-top: 0; vertical-align: top; width: auto; height: auto } .pager ul li a { width: 16px; height: 16px } .pager .pagination .active { width: auto; height: auto } .pager .pagination .active a { width: auto; height: auto; padding: 3px 4px } .pager .pagination .prev_all { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat 0 -16px; width: 16px } .pager .pagination .prev_all:hover { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat 0 0; width: 16px } .pager .pagination .prev { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -16px -16px; width: 16px } .pager .pagination .prev:hover { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -16px 0; width: 16px } .pager .pagination .next { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -32px -16px; width: 16px } .pager .pagination .next:hover { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -32px 0; width: 16px } .pager .pagination .next_all { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -48px -16px; width: 16px } .pager .pagination .next_all:hover { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -48px 0; width: 16px } .pager .pagination .prev.non { width: 16px; height: 16px; background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -16px -32px; cursor: default } .pager .pagination .prev.non:hover { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -16px -32px } .pager .pagination .prev_all.non { width: 16px; height: 16px; background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat 0 -32px; cursor: default } .pager .pagination .prev_all.non:hover { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat 0 -32px } .pager .pagination .next.non { width: 16px; height: 16px; background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -32px -32px; cursor: default } .pager .pagination .next.non:hover { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -32px -32px } .pager .pagination .next_all.non { width: 16px; height: 16px; background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -48px -32px; cursor: default } .pager .pagination .next_all.non:hover { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat -48px -32px } .pager .thumb_list { width: 577px; padding: 2.5px } .pager .thumb_list li { margin: 2.5px } .pager .result { margin-bottom: 6px } .bt_com_chara_header_follow_box .dropdown { top: 20px; left: 0 } .narrow_wrap { width: 244px; position: absolute; top: 1px } .select_index_right .narrow_wrap { width: 20px } .narrowdown_box { position: relative } .narrowdown_box .dropdown { top: 20px; left: 0 } .select_index_right .narrowdown_box .dropdown { width: 244px } .narrowdown_box .dropdown { text-align: left } .narrowdown_box .dropdown label { color: #ffc233 } .narrowdown_box .dropdown ul { max-height: 15em; margin-bottom: 8px; white-space: nowrap } #mydiary_list .dropdown ul li .block { display: inline-block } .narrowdown_box .dropdown ul li { height: 1.5em; line-height: 1; word-wrap: break-word; word-break: break-all } .narrowdown_box .dropdown select { width: 100% } .bt_tag_narrowdown_ic { width: 20px; height: 20px; margin-top: 2px } .bt_narrowdown { width: 160px; height: 20px } .bt_tag_disable_ic { background: url(/h/y/DjhiPN_UW6I7R26N1RVgSFLq5k.png) no-repeat 0 0; width: 20px; height: 20px; margin-top: 2px; display: block; font-size: 1px; background-position: 0 0 } .bt_logout_nocharacter { width: 200px; height: 36px; text-indent: -9999px } .player_delete { font-size: 12px; color: #666; display: inline-block; vertical-align: middle; padding-left: 8px; margin-bottom: 8px } .table_black_border_bottom table td .player_name_area h4 .txt_red { font-weight: normal } .table_black_border_bottom table .col3box .col3box_left { width: 56px; height: 32px; padding: 0; background-image: none; background: #2e2e2e } .table_black_border_bottom table .col3box .ic_class { width: 44px; height: 20px; padding: 6px; background: url(/h/T/AAvL0rKvAr_DM1SSrhpwTQcDA0.png) no-repeat 6px center #2e2e2e } .error_msg, .error_msg_nohide { width: 622px; margin: 0 auto 10px; padding: 2px 0 1px 0; color: #f36466; text-align: center; background: #5c1110; outline: solid 1px #7a1515; border: solid 1px #b71f20 } .error_msg a { color: #e5e500 } .error_msg a:hover { color: #ffff00; text-decoration: underline } .confirm_msg { width: 622px; margin: 0 auto 10px; padding: 2px 0 1px 0; color: #f9ca65; text-align: center; background: #5c4310; outline: solid 1px #b7831f; border: solid 1px #7a5815 } .success_msg { width: 622px; margin: 0 auto 10px; padding: 2px 0 1px 0; color: #99ff66; text-align: center; background: #2e4d1f; outline: solid 1px #3d6629; border: solid 1px #5c993d } .comment_delete_box { width: 548px; margin-left: 6px; padding: 3px 10px; background: #1f1f1f; border: 1px solid #3c3c3c; color: #666 } .limit_msg { width: 622px; margin: 0 auto 10px; padding: 2px 0 1px 0; color: #999; text-align: center; background: #363636; outline: solid 1px #474747; border: solid 1px #6b6b6b } .w480_footer { background: url(/h/h/Pf1RCZd7IYaGAcpTc5a_F1Gdts.png) no-repeat left bottom; padding: 0 0 10px } .w480_header { background: url(/h/6/6_LdTanp-Rg2co6uAl2SVg_C6c.png) no-repeat left top; padding: 10px 0 0 } .w480_body { background: url(/h/l/nWVcelV4wM6iI7VywAME6PqldU.png) repeat-y left top; padding: 0 11px } .base_red .base_header_long { background: url(/h/A/qjgjxSAcJgMqeD2-tP0y_NlpAk.png) no-repeat left top } .base_red .base_footer { background: url(/h/x/5T_JYbcREpej9Lp3BEMqAatuz8.png) no-repeat left bottom; padding-bottom: 11px } .base_red .base_footer .area_body .area_footer { background: none } .base_header_long.blog_list_view .header_title { padding-left: 0; color: #999999 } .blog_list_view { margin-bottom: 10px } .blog_list_view .blog_data { width: 506px; float: left } .blog_list_view .blog_data .list h1 { padding: 13px 0 11px; text-align: left; width: 100%; word-break: break-all } .blog_list_view .blog_data .list h1.is_rich { position: relative; padding-left: 24px; width: inherit } .blog_list_view .blog_data .list h1.is_rich .ic_rich_mode { position: absolute; left: 0; top: 13px } .blog_list_view .blog_data .list h1.is_rich .blog_title { float: none; font-size: 14px } .blog_list_view .blog_data .thumb_cont_black_40 { margin-bottom: 3px } .blog_list_view .image { width: 110px; height: 110px; float: right; margin: 3px 0 } .blog_list_view .image .inner, .blog_list_view .image a { width: 110px; height: 110px; position: relative; display: block } .blog_list_view .image .inner img, .blog_list_view .image a img { max-width: 110px; height: auto; position: absolute; top: 50%; left: 50%; display: block } .blog_list_view .image .inner img.img_delete, .blog_list_view .image a img.img_delete { width: 110px; height: 110px; max-width: 110px; max-height: 110px; display: block; position: static } .blog_list_view .image .inner { height: 110px; background: #000000 } .blog_list_view .image .thumb_list.thumb_images { background: url(/h/0/8Ca-ZBMCl8ukeHqlYWlIcFmsU8.png) 0 0 no-repeat; width: 110px; height: 110px } .blog_list_view .image .thumb_list.thumb_images .inner { height: 100px !important; width: 100px !important } .blog_list_view .image .thumb_list.thumb_images .inner a, .blog_list_view .image .thumb_list.thumb_images .inner span { width: 100px; height: 100px; overflow: hidden; display: block } .blog_list_view .image .thumb_list.thumb_images .inner img.img_delete { width: 100px; height: 100px; max-width: 100px; max-height: 100px } .blog_list_view .diary_tag_header { width: 506px; padding-top: 2px; margin-bottom: 6px; background: url(/h/h/nbUc9ub7ov6YsG2nTZ0l9Tdo6M.png) no-repeat 0 0 } .blog_list_view .diary_tag_header .diary_tag_footer { padding-bottom: 2px; background: url(/h/M/nMdxhgRZcGiCBq26z6rfdRcLKA.png) no-repeat right bottom } .blog_list_view .diary_tag_header .diary_tag_footer .diary_tag_body { width: 464px; min-height: 15px; margin-left: 28px; padding: 0 7px; background: #2e2e2e; color: #B2ADA1 } .blog_list_view .diary_tag_header+hr { margin-bottom: 6px } .blog_list_view.no-image .diary_tag_header { width: 626px; padding-top: 2px; background: url(/h/a/Ov8Mv-_bH9Y_gRSv3bfJnOMtzg.png) no-repeat 0 0 } .blog_list_view.no-image .diary_tag_header .diary_tag_footer { padding-bottom: 2px; background: url(/h/R/5SGZCuFxRHWO8FSuWeLmDA6I8w.png) no-repeat right bottom } .blog_list_view.no-image .diary_tag_header .diary_tag_footer .diary_tag_body { width: 584px; min-height: 15px; margin-left: 28px; padding: 0 7px; background: #2e2e2e; color: #B2ADA1 } .blog_list_view.no-image .blog_data { width: 100%; float: none } .blog_list_view.no-image .blog_data .list h1 { padding: 0 0 0 } .blog_list_view.no-image .blog_data .list h1.is_rich { position: relative; padding-left: 24px; width: auto } .blog_list_view.no-image .blog_data .list h1.is_rich .ic_rich_mode { position: absolute; left: 0; top: 0 } .blog_list_view.no-image .blog_data .list h1.is_rich .blog_title { float: none; font-size: 14px } #mypage_blog .diary_status { margin-right: 10px; margin-bottom: 2px; float: left } #mypage_blog .ic_comment { float: left; margin-left: 0 } #mypage_blog .diary_inner { padding-top: 2px } #mypage_blog .diary_inner .blog_data { padding-top: 3px; width: 216px; float: left; margin-right: 10px } #mypage_blog .diary_inner .blog_data .blog_title.is_rich { position: relative; padding-left: 24px } #mypage_blog .diary_inner .blog_data .blog_title.is_rich .ic_rich_mode { position: absolute; top: 0; left: 0; float: none; display: block; margin-right: 0 } #mypage_blog .diary_inner .blog_data .ic_rich_mode+.blog_title { width: 256px !important; float: left; font-size: 14px } #mypage_blog .diary_inner .blog_data .diary_tag_header { width: 216px; padding-top: 2px; background: url(/h/s/FxsQiRaNPsQYn2on6RPD1KX00I.png) no-repeat 0 0 } #mypage_blog .diary_inner .blog_data .diary_tag_header .diary_tag_footer { padding-bottom: 2px; background: url(/h/w/aM0qntUn-wefG_SwkJX9QqX57Q.png) no-repeat right bottom } #mypage_blog .diary_inner .blog_data .diary_tag_header .diary_tag_footer .diary_tag_body { width: 174px; min-height: 15px; margin-left: 28px; padding: 0 7px; background: #2e2e2e; color: #B2ADA1 } #mypage_blog .diary_inner .image { width: 54px; height: 54px; float: left; position: relative } #mypage_blog .diary_inner .image .thumb_list_small { background: #000000 } #mypage_blog .diary_inner .image a { width: 54px; height: 54px; position: relative; display: block } #mypage_blog .diary_inner .image a img { position: absolute; display: block; top: 50%; left: 50% } #mypage_blog .diary_inner .image .thumb_images { background: url(/h/4/5lQ5dWsny-33Eiiav4BTV_L5dA.png) 0 0 no-repeat; width: 54px; height: 54px } #mypage_blog .diary_inner .image .thumb_images a, #mypage_blog .diary_inner .image .thumb_images span { width: 44px; height: 44px; position: relative; display: block; overflow: hidden } #mypage_blog .diary_inner .image .thumb_images a img, #mypage_blog .diary_inner .image .thumb_images span img { position: absolute; display: block; top: 50%; left: 50% } #mypage_blog .diary_inner .image .thumb_images span .img_delete { width: 44px; height: 44px } #mypage_blog .diary_inner.no-image .blog_data { width: 100%; float: none; margin-right: 0 } #mypage_blog .diary_inner.no-image .blog_data .ic_rich_mode+.blog_title { width: 256px !important; float: left; font-size: 14px } #mypage_blog .diary_inner.no-image .blog_data .diary_tag_header { width: 280px; margin-top: 5px; margin-bottom: 3px; padding-top: 2px; background: url(/h/1/i9HK0vlxhKz_HHzKss87yu58A0.png) no-repeat 0 0 } #mypage_blog .diary_inner.no-image .blog_data .diary_tag_header .diary_tag_footer { padding-bottom: 2px; background: url(/h/t/hVB-xE7gOzR24S9FcOWq4IblII.png) no-repeat right bottom } #mypage_blog .diary_inner.no-image .blog_data .diary_tag_header .diary_tag_footer .diary_tag_body { width: 238px; min-height: 15px; margin-left: 28px; padding: 0 7px; background: #2e2e2e; color: #B2ADA1; word-wrap: break-word } #mypage_blog .diary_inner.no-image .blog_data .diary_tag_header .diary_tag_footer .diary_tag_body .diary_tag_body a { color: #B2ADA1 } #report_box .img_box, #mydiary_detail .img_box, .blog_preview_area__inline .img_box, .confirm_area_inline .img_box, .event_view_area__inline .img_box { background: url(/h/r/IRIXFOAeT_QGpKZWM2w_cDIBxo.png) repeat 0 0; margin: 0 4px 0 0; display: inline-block; line-height: 1%; font-size: 1%; width: 110px; height: 110px; background: #000000; position: relative } #report_box .img_box img, #mydiary_detail .img_box img, .blog_preview_area__inline .img_box img, .confirm_area_inline .img_box img, .event_view_area__inline .img_box img { line-height: 1%; font-size: 1%; display: block; top: 50%; left: 50%; position: absolute } #report_box .img_box a, #mydiary_detail .img_box a, .blog_preview_area__inline .img_box a, .confirm_area_inline .img_box a, .event_view_area__inline .img_box a { display: block; position: relative; width: 110px; height: 110px } #report_box .hb .hb_comment, #mydiary_detail .hb .hb_comment, .blog_preview_area__inline .hb .hb_comment, .confirm_area_inline .hb .hb_comment, .event_view_area__inline .hb .hb_comment { color: #323236 } #report_box .hb .hb_comment a, #mydiary_detail .hb .hb_comment a, .blog_preview_area__inline .hb .hb_comment a, .confirm_area_inline .hb .hb_comment a, .event_view_area__inline .hb .hb_comment a { color: #0077b3 } #report_box .hb .hb_comment a:hover, #mydiary_detail .hb .hb_comment a:hover, .blog_preview_area__inline .hb .hb_comment a:hover, .confirm_area_inline .hb .hb_comment a:hover, .event_view_area__inline .hb .hb_comment a:hover { color: #0088cc } .embed_video iframe, .embed_video object, .embed_video embed { width: 100% } .blog_preview_area, .confirm_preview { background: url(/h/Y/AiW00HK8xPGmogFALgxuV_JAIY.png) repeat-y 0 0 } .blog_preview_area .area_header, .confirm_preview .area_header { background: url(/h/b/rTkp0LDSUgvpvvzHVZmPtoIuJQ.png) no-repeat left top } .blog_preview_area .area_footer, .confirm_preview .area_footer { padding: 3px 10px; margin-bottom: 10px; background: url(/h/l/9xq5PMwcHLBSBRdNzL2cs-y-5c.png) no-repeat left bottom; position: relative } .blog_preview_area hr, .confirm_preview hr { margin-top: 0; margin-bottom: 0; padding-bottom: 0 } .blog_preview_area__inline { padding: 10px 0; width: 570px; margin: 0 auto } #form_edit.blog_confirm { width: 100% } #form_edit.blog_confirm .table_black { margin: 0 auto 10px } #form_edit.blog_confirm .confirm_preview .txt_selfintroduction { width: 570px; margin: 0 auto; padding: 10px 0; white-space: pre-wrap } .bt_toggle_bar { background: url(/h/6/qkzf3IzJ1tX-0g-26eCMd3SnpA.png) no-repeat 0 0; width: 636px; height: 24px; line-height: 24px; padding-left: 10px; color: #bfa34c; font-size: 12px; display: block } .bt_toggle_bar:hover { background-position: left -24px } .bt_toggle_bar.close { background-position: left -48px } .bt_toggle_bar.close:hover { background-position: left -72px } .box_maitenance_message { background: url(/h/0/Wah0McmcBP9ksoCppXK81yvtnE.png) no-repeat 0 0; width: 380px; height: 92px; position: absolute; left: 50%; top: 0; margin-left: -190px } .box_maitenance_message .bt_maitenance_message { background: url(/h/K/7mLmrVP1j-ttm2V-syf-SYp4fE.png) no-repeat 0 0; width: 320px; height: 56px; overflow: hidden; cursor: pointer; color: #ffcc33; text-shadow: 0px 0px 3px #000000; margin: 18px 30px 0 } .box_maitenance_message .bt_maitenance_message:hover { background-position: bottom } .box_maitenance_message .bt_maitenance_message p { margin: 8px 0 0 0; text-align: center } body.top #login_area .bt_login_api_mainte { background: url() no-repeat 0 0 !important } body.top #login_area .bt_login_api_mainte.en-us { background: url() no-repeat 0 0 !important } body.top #login_area .bt_login_api_mainte.en-gb { background: url() no-repeat 0 0 !important } body.top #login_area .bt_login_api_mainte.de { background: url() no-repeat 0 0 !important } body.top #login_area .bt_login_api_mainte.fr { background: url() no-repeat 0 0 !important } body.top #login_area .bt_login_api_mainte:hover { background-position: bottom !important } #playguide #side { position: relative } .lang_jp #playguide .btn_box li a { background-image: url(/h/Y/lcNr28o-iuHxnw2BDrkR2xn4wY.png); background-repeat: no-repeat } .lang_na #playguide .btn_box li a { background-image: url(/h/H/xFqg4bzzhdYpyLnGC1gJBo07t0.png); background-repeat: no-repeat } .lang_eu #playguide .btn_box li a { background-image: url(/h/H/xFqg4bzzhdYpyLnGC1gJBo07t0.png); background-repeat: no-repeat } .lang_de #playguide .btn_box li a { background-image: url(/h/B/fvpipmEvnqqNjN2fJjeTS9J8O0.png); background-repeat: no-repeat } .lang_fr #playguide .btn_box li a { background-image: url(/h/v/G7abdzSzaXeZPuuyn1v9-VyHzE.png); background-repeat: no-repeat } #ja #playguide .btn_box li a { background-image: url(/h/Y/lcNr28o-iuHxnw2BDrkR2xn4wY.png); background-repeat: no-repeat } #en-us #playguide .btn_box li a { background-image: url(/h/H/xFqg4bzzhdYpyLnGC1gJBo07t0.png); background-repeat: no-repeat } #en-gb #playguide .btn_box li a { background-image: url(/h/H/xFqg4bzzhdYpyLnGC1gJBo07t0.png); background-repeat: no-repeat } #de #playguide .btn_box li a { background-image: url(/h/B/fvpipmEvnqqNjN2fJjeTS9J8O0.png); background-repeat: no-repeat } #fr #playguide .btn_box li a { background-image: url(/h/v/G7abdzSzaXeZPuuyn1v9-VyHzE.png); background-repeat: no-repeat } #playguide .btn_box .menu_start a { background-position: 0 -56px } #playguide .btn_box .menu_start a:hover { background-position: 0 -28px } #playguide .btn_box .menu_manual a { background-position: -211px -56px } #playguide .btn_box .menu_manual a:hover { background-position: -211px -28px } #playguide .btn_box .menu_view a { background-position: -422px -56px } #playguide .btn_box .menu_view a:hover { background-position: -422px -28px } #playguide .btn_box .menu_howto a { background-position: -633px -56px } #playguide .btn_box .menu_howto a:hover { background-position: -633px -28px } #playguide .btn_box .menu_config a { background-position: -844px -56px } #playguide .btn_box .menu_config a:hover { background-position: -844px -28px } #playguide .btn_box .menu_party_play a { background-position: -1055px -56px } #playguide .btn_box .menu_party_play a:hover { background-position: -1055px -28px } #playguide .btn_box .menu_text_command a { background-position: -1266px -56px } #playguide .btn_box .menu_text_command a:hover { background-position: -1266px -28px } #playguide .btn_box .menu_remote_play a { background-position: -1477px -56px } #playguide .btn_box .menu_remote_play a:hover { background-position: -1477px -28px } #playguide .btn_box .menu_upgrade a { background-position: -1688px -56px } #playguide .btn_box .menu_upgrade a:hover { background-position: -1688px -28px } .start .menu_start a, .start .menu_start a:hover { background-position: 0 0 !important } .manual .menu_manual a, .manual .menu_manual a:hover { background-position: -211px 0 !important } .view .menu_view a, .view .menu_view a:hover { background-position: -422px 0 !important } .howto .menu_howto a, .howto .menu_howto a:hover { background-position: -633px 0 !important } .config .menu_config a, .config .menu_config a:hover { background-position: -844px 0 !important } .party_play .menu_party_play a, .party_play .menu_party_play a:hover { background-position: -1055px 0 !important } .text_command .menu_text_command a, .text_command .menu_text_command a:hover { background-position: -1266px 0 !important } .remote_play .menu_remote_play a, .remote_play .menu_remote_play a:hover { background-position: -1477px 0 !important } .upgrade .menu_upgrade a, .upgrade .menu_upgrade a:hover { background-position: -1688px 0 !important } #playguide .guide .btn_box li { width: 211px; height: 28px; float: left; margin: 0 3px 2px 0 } #playguide .guide .btn_box li a { width: 211px; height: 28px; display: block } #playguide .guide .btn_box { padding: 0 0 18px; margin: 0 3px } #playguide .guide .sub_headline { color: #BFA34C; margin: 0 0 10px } #playguide .guide .left_box { float: left; width: 290px } #playguide .guide .right_box { float: right; width: 265px } #playguide .guide .inr { width: 530px; margin: 0 auto } #playguide .guide .inr .left_box { float: left; width: 250px } #playguide .guide .inr .right_box { float: right; width: 265px } #playguide .guide table { border: 1px solid #3c3c3c; width: 530px; margin: 7px 0 12px } #playguide .guide th { background: #1f1f1f; padding: 7px; text-align: left; border: 1px solid #3c3c3c } #playguide .guide th.tc { text-align: center } #playguide .guide th.width90 { width: 90px } #playguide .guide th.width110 { width: 110px } #playguide .guide .contentsguide_goldsaucer th { text-align: center } #playguide .guide td { background: #2e2e2e; padding: 7px; border: 1px solid #3c3c3c } #playguide .guide .td_01 { background: #2e2e2e !important } #playguide .guide .td_02 { background: #333 !important } #playguide .guide .text-subheader { color: #BFA34C; font-weight: bold } #playguide .guide .text-subheader__icon { padding-left: 17px; background: url(/h/k/RVL-LNYKidKgm9ScKPT9GhKv7g.png) no-repeat 0 2px } #playguide .guide .inr .inr { width: 496px; margin: 0 auto } #playguide .guide .playguide_nav { padding: 0 2px } #playguide .guide .playguide_nav .bt_playguide_prev { padding-left: 16px; margin-left: 3px; font-size: 12px; float: left; background: url(/h/n/ZjWXzeTjqNvB9_R2osx_tkxnQ8.png) no-repeat left 1px } #playguide .guide .playguide_nav .bt_playguide_prev:hover { background: url(/h/n/ZjWXzeTjqNvB9_R2osx_tkxnQ8.png) no-repeat left -15px } #playguide .guide .playguide_nav .bt_playguide_next { padding-right: 16px; margin-right: 3px; font-size: 12px; float: right; background: url(/h/g/qajf-rCbKpckId-iktL6rShgAE.png) no-repeat right 1px } #playguide .guide .playguide_nav .bt_playguide_next:hover { background: url(/h/g/qajf-rCbKpckId-iktL6rShgAE.png) no-repeat right -15px } #playguide .guide .right_box table { width: 248px; margin-top: 0 } #playguide .guide .no_bg_brd { border: 0 } #playguide .guide .no_bg_brd th, #playguide .guide .no_bg_brd td { font-weight: normal; border: 0; background: none; padding: 0; vertical-align: top } #playguide .guide .no_bg_brd th { width: 36%; padding-right: 4% } #playguide .guide .no_bg_brd td { width: 60% } #playguide .manual .playguide_table_01 dl { width: 246px } #playguide .manual .playguide_table_01 dt { float: left; width: 90px; padding: 0 10px 0 0 } #playguide .manual .playguide_table_01 dd { float: left; width: auto } #playguide .bt_mouse_mode { width: 280px; height: 100px; float: left } #playguide .bt_mouse_mode a { width: 280px; height: 100px; display: block } #playguide .bt_gamepad_mode { width: 280px; height: 100px; float: right } #playguide .bt_gamepad_mode a { width: 280px; height: 100px; display: block } #playguide .bt_controller_mode { width: 280px; height: 100px; float: left; margin-right: 12px } #playguide .bt_controller_mode a { width: 280px; height: 100px; display: block } #playguide .ttl_icon img { vertical-align: middle !important; margin-right: 5px } #playguide .playguide_table_02 th { width: 30% } #playguide .playguide_table_02 dl { width: 100% } #playguide .table_dl_02 dt { width: 90px; padding-right: 10px; float: left } #playguide .table_dl_02 dd { width: 255px; float: left } #playguide .flying_text .td_01, #playguide .name_plate th { text-align: center } #playguide .inr .nameplate .left_box { width: 265px } #playguide .inr .nameplate .right_box { width: 245px } #playguide .inr .nameplate .right_box table { width: 245px } #playguide .inr_02 { width: 404px; margin: 0 auto } #playguide.text_command h4 { margin-bottom: 5px } #playguide.text_command .wrap_list { overflow: hidden; position: relative } #playguide.text_command .fixed { position: fixed; top: 10px } #playguide.text_command .abso { position: absolute; bottom: 10px } #playguide.text_command .nav_command_list { width: 160px; float: left } #playguide.text_command .nav_command_list .footer { background: url(/h/7/MFoe7b2ah6lReXF7yHpMIGPmaE.png) no-repeat center bottom; padding: 0 0 4px } #playguide.text_command .nav_command_list .header { background: url(/h/Y/4D6peq4SOv1zHb61jx1AgG96TE.png) no-repeat center top; padding: 4px 0 0 } #playguide.text_command .nav_command_list .body { background: url(/h/-/9-DhB29h7NS5jvaUPYouPJpYmM.png) repeat-y center center; min-height: 18px; padding: 2px 5px 0 9px } #playguide.text_command .nav_command_list a { color: #b2b2b2; font-weight: bold; display: block } #playguide.text_command .nav_command_list a.active { color: #ffd966 } #playguide.text_command .nav_command_list a.active .footer { background: url(/h/I/6meczEWmMcbI7WCIOxfNZDqP0Q.png) no-repeat center bottom } #playguide.text_command .nav_command_list a.active .header { background: url(/h/o/jlFon1AAH4x5AYhtk1KJ6MuORw.png) no-repeat center top } #playguide.text_command .nav_command_list a.active .body { background: url(/h/Z/8DzmQurRAHiVg7agQSbCNSfesg.png) repeat-y center center } #playguide.text_command .nav_command_list a.active .txt { background: url(/h/9/6ChBe7IUShLBNihrRN-7ew6NEE.png) no-repeat right center } #playguide.text_command .nav_command_list a:hover { text-decoration: none } #playguide.text_command .nav_command_list a:hover .footer { background: url(/h/I/6meczEWmMcbI7WCIOxfNZDqP0Q.png) no-repeat center bottom } #playguide.text_command .nav_command_list a:hover .header { background: url(/h/o/jlFon1AAH4x5AYhtk1KJ6MuORw.png) no-repeat center top } #playguide.text_command .nav_command_list a:hover .body { background: url(/h/Z/8DzmQurRAHiVg7agQSbCNSfesg.png) repeat-y center center } #playguide.text_command .nav_command_list a span { display: table-cell; vertical-align: middle; width: 132px; padding: 0 12px 0 0; background: url(/h/h/nicK9PXItbAAptMBqONqTwCrB0.png) no-repeat right center } #playguide.text_command .wrap_command_list { width: 480px; float: right } #playguide.text_command .txt_command_wrap { display: none } #playguide.text_command .txt_command_wrap.active { display: block } #playguide.text_command table { width: 458px; margin-top: 0; margin-bottom: 0; border-right: 0; border-bottom: 0; border-left: 1px #3c3c3c solid; border-top: 1px #3c3c3c solid } #playguide.text_command table th, #playguide.text_command table td { width: 446px; padding: 5px; border-right: 1px #3c3c3c solid; border-bottom: 1px #3c3c3c solid; border-left: 0; border-top: 0 } #playguide.text_command table .td_01 { background: #1f1f1f } #playguide.text_command table+table { border-top: 0 } #playguide .font_reset th { font-family: Arial, Verdana, sans-serif, "FFXIV_Lodestone_SSF" } #playguide .font_reset td { font-family: Arial, Verdana, sans-serif, "FFXIV_Lodestone_SSF" } .upgrade .bt_howto { width: 280px; height: 100px; float: left; margin-right: 12px } .upgrade .bt_howto a { width: 280px; height: 100px; display: block } .upgrade .bt_save { width: 280px; height: 100px; float: right } .upgrade .bt_save a { width: 280px; height: 100px; display: block } .box_type_general_annotation { border: 1px solid #3d6629; margin: 0; margin-bottom: 8px } .box_type_general_annotation .inner { background: #2e4d1f; border: 1px solid #5c993d; color: #99ff66; padding: 2px 8px } .box_type_past_season_event .foot { background: url(/h/c/hw6t5Bb0YzLNPnPPKNAMXqYhJw.png) no-repeat center bottom; padding: 0 0 9px; margin: 4px 0 10px } .box_type_past_season_event .head { background: url(/h/B/6y2cABXSfJPpogA12_0n-UgWu4.png) no-repeat center top; padding: 9px 0 0 } .box_type_past_season_event .body { background: url(/h/U/2feVt3B2_qVJgToE0WLfLlvXf8.png) repeat-y center center; padding: 0 10px; color: #ffcc66; text-align: left; line-height: 1.2 } .box_type_wedding .foot { background: url(/h/W/tmmlWIcTX_yS28vMZkDMXUYXm0.png) no-repeat center bottom; padding: 0 0 9px; margin: 4px 0 10px } .box_type_wedding .head { background: url(/h/V/jw5GAkfTKxmL2OqizAoeuDh8-8.png) no-repeat center top; padding: 9px 0 0 } .box_type_wedding .body { background: url(/h/O/ohDglDgWalR7okImTJgoWWoEd8.png) repeat-y center center; padding: 0 10px; color: #66ccff; text-align: left; line-height: 1.2 } .bt_contentsguide { width: 570px; height: 100px; display: block; margin: 0 auto; overflow: hidden; display: block } .bt_contentsguide:hover img { display: block; margin-top: -100px } #patch_note .bt_contentsguide { width: 530px; height: 93px } #patch_note .bt_contentsguide:hover img { display: block; margin-top: -93px } .contentsguide_frontline img { max-width: 100%; height: auto } .contentsguide_frontline .list_index_link { margin-bottom: 28px; text-align: center } .contentsguide_frontline .list_index_link .bt_frontline { width: 530px; height: 80px; overflow: hidden; display: block; margin-bottom: 10px } .contentsguide_frontline .list_index_link .bt_frontline:hover img { display: block; margin-top: -80px } .contentsguide_frontline .list_index_link p { text-align: left } .contentsguide_frontline .contentsguide_img-wrapper { width: 500px; overflow: hidden } .contentsguide_frontline .contentsguide_img-wrapper .contentsguide_img-inner { width: 600px } .contentsguide_frontline .contentsguide_img-wrapper .contentsguide_img-box { width: 240px; margin: 0 10px 20px 0; float: left } .contentsguide_frontline .contentsguide_img-wrapper .contentsguide_img-box img { display: block; margin-bottom: 10px } .contentsguide_frontline .contentsguide_img-wrapper .img-box { width: 245px; margin: 0 10px 20px 0; float: left; text-align: center } .contentsguide_frontline .contentsguide_img-wrapper .img-box img { display: block; margin-bottom: 10px } .contentsguide_frontline .battle_high__gc_name li { width: 168px; float: left; margin-right: 12px; text-align: center } .contentsguide_frontline .battle_high__gc_name li:nth-last-child(1) { margin-right: 0 } .contentsguide_goldsaucer .list_anchor_link { margin-bottom: 20px; width: 100% } .contentsguide_goldsaucer .list_anchor_link li { background: url(/h/d/-kQf4QBIyZ8Z_foAFVf4UaGcsY.png) no-repeat 2px 5px; display: inline-block; width: 253px; margin-left: 0; padding-left: 12px; float: left } .contentsguide_goldsaucer .list_anchor_link li.w_auto { width: 518px } .option_service__th { background: #293c66 !important } #company .area_inner_body { padding: 0 15px } #company .title { position: relative; width: 646px; height: 102px; overflow: hidden } #company .title a.title_link { position: relative; width: 646px; height: 62px; display: block } #company .title ul { position: absolute; left: 23px; top: 70px } #company .title ul li { float: left } #company .title ul li a { width: 200px; height: 30px; display: block; overflow: hidden } #company .title ul li a img { margin-top: -30px } #company .title ul li a:hover img { margin-top: 0 } #company .lead { padding: 10px 38px 8px 38px; color: #ffcc66 } #company .lead h2 { font-size: 16px; padding-bottom: 4px } #company .lead p { text-align: right } #company .banner { padding: 0 10px } #company .banner a { width: 310px; height: 100px; display: block; overflow: hidden } #company .banner a img { margin-top: -100px } #company .banner a:hover img { margin-top: 0 } #company .gc_main { padding-top: 20px; color: #ccb88f } .bt-lebel1 { width: 160px; height: 20px; display: block; overflow: hidden } .bt-lebel1:hover img { margin-top: -20px } .bt-lebel2 { width: 300px; height: 30px; display: block; overflow: hidden } .bt-lebel2:hover img { margin-top: -30px } .bt-lebel3 { width: 220px; height: 20px; display: block; overflow: hidden } .bt-lebel3:hover img { margin-top: -20px } .bt-lebel__guide { width: 570px; height: 149px; display: inline-block; overflow: hidden } .bt-lebel__guide:hover img { margin-top: -149px } .area_inner_size0 { padding: 8px 0; text-align: center } .lang_jp .bt_event-post { width: 160px; height: 20px; background: url(/h/p/rtfVZs7vEl1GG7rGswzFBfqY00.png) no-repeat 0 0; text-indent: -9999px; float: left } .lang_jp .bt_event-post:hover { background-position: 0 -20px; cursor: pointer } .lang_jp .bt_event-reply { width: 160px; height: 20px; background: url(/h/8/rLM-6UfxYuwN8peaZNFoXaz3Mk.png) no-repeat 0 0; text-indent: -9999px } .lang_jp .bt_event-reply:hover { background-position: 0 -20px; cursor: pointer } .lang_jp .bt_event-decline { width: 160px; height: 20px; background: url(/h/z/RU8fb5Bq3oY2WvdPmfnCZbX0Jc.png) no-repeat 0 0; text-indent: -9999px } .lang_jp .bt_event-decline:hover { background-position: 0 -20px; cursor: pointer } .lang_jp .bt_event-reject { width: 160px; height: 20px; background: url(/h/D/iu0iZ7rAskhseTLIrvQDvQRdPE.png) no-repeat 0 0; text-indent: -9999px } .lang_jp .bt_event-reject:hover { background-position: 0 -20px; cursor: pointer } .lang_jp .bt_event-abort { width: 160px; height: 20px; background: url(/h/x/Y4qFFztCZRasAlvb5PYK-aBnEw.png) no-repeat 0 0; text-indent: -9999px } .lang_jp .bt_event-abort:hover { background-position: 0 -20px; cursor: pointer } .lang_jp .bt_submit_apply { background: url(/h/2/V-3f3Iz7U_fQ8c6wLFsE3NAk_Q.png) no-repeat left top } .lang_na .bt_event-post { width: 160px; height: 20px; background: url(/h/b/HmK0y_V3VJ0LM2Q87Vml4G18WA.png) no-repeat 0 0; text-indent: -9999px; float: left } .lang_na .bt_event-post:hover { background-position: 0 -20px; cursor: pointer } .lang_na .bt_event-reply { width: 160px; height: 20px; background: url(/h/g/jRF3MIWQ3dyuGiC0A4zhgaFZAg.png) no-repeat 0 0; text-indent: -9999px } .lang_na .bt_event-reply:hover { background-position: 0 -20px; cursor: pointer } .lang_na .bt_event-decline { width: 160px; height: 20px; background: url(/h/J/bk50tEKh_sX_T0TgC6KGyUGbtQ.png) no-repeat 0 0; text-indent: -9999px } .lang_na .bt_event-decline:hover { background-position: 0 -20px; cursor: pointer } .lang_na .bt_event-reject { width: 160px; height: 20px; background: url(/h/x/rfF7g759rlQsyhABI5zNg2r-oQ.png) no-repeat 0 0; text-indent: -9999px } .lang_na .bt_event-reject:hover { background-position: 0 -20px; cursor: pointer } .lang_na .bt_event-abort { width: 160px; height: 20px; background: url(/h/0/sWTpNd-KyQXdmboCGZ3j9KayEI.png) no-repeat 0 0; text-indent: -9999px } .lang_na .bt_event-abort:hover { background-position: 0 -20px; cursor: pointer } .lang_na .bt_submit_apply { background: url(/h/i/an1xTTZhSrrNqKazgWK-zLrtFo.png) no-repeat left top } .lang_eu .bt_event-post { width: 160px; height: 20px; background: url(/h/b/HmK0y_V3VJ0LM2Q87Vml4G18WA.png) no-repeat 0 0; text-indent: -9999px; float: left } .lang_eu .bt_event-post:hover { background-position: 0 -20px; cursor: pointer } .lang_eu .bt_event-reply { width: 160px; height: 20px; background: url(/h/g/jRF3MIWQ3dyuGiC0A4zhgaFZAg.png) no-repeat 0 0; text-indent: -9999px } .lang_eu .bt_event-reply:hover { background-position: 0 -20px; cursor: pointer } .lang_eu .bt_event-decline { width: 160px; height: 20px; background: url(/h/J/bk50tEKh_sX_T0TgC6KGyUGbtQ.png) no-repeat 0 0; text-indent: -9999px } .lang_eu .bt_event-decline:hover { background-position: 0 -20px; cursor: pointer } .lang_eu .bt_event-reject { width: 160px; height: 20px; background: url(/h/x/rfF7g759rlQsyhABI5zNg2r-oQ.png) no-repeat 0 0; text-indent: -9999px } .lang_eu .bt_event-reject:hover { background-position: 0 -20px; cursor: pointer } .lang_eu .bt_event-abort { width: 160px; height: 20px; background: url(/h/0/sWTpNd-KyQXdmboCGZ3j9KayEI.png) no-repeat 0 0; text-indent: -9999px } .lang_eu .bt_event-abort:hover { background-position: 0 -20px; cursor: pointer } .lang_eu .bt_submit_apply { background: url(/h/i/an1xTTZhSrrNqKazgWK-zLrtFo.png) no-repeat left top } .lang_de .bt_event-post { width: 160px; height: 20px; background: url(/h/5/Nrn6QXUp1eRbZvJ1qfYH0Yb08o.png) no-repeat 0 0; text-indent: -9999px; float: left } .lang_de .bt_event-post:hover { background-position: 0 -20px; cursor: pointer } .lang_de .bt_event-reply { width: 160px; height: 20px; background: url(/h/Y/aUwGK9shyuYGh4jslyvctU8kw4.png) no-repeat 0 0; text-indent: -9999px } .lang_de .bt_event-reply:hover { background-position: 0 -20px; cursor: pointer } .lang_de .bt_event-decline { width: 160px; height: 20px; background: url(/h/L/tT1CB_Ix_0rSF_zGeFdJ3FPtec.png) no-repeat 0 0; text-indent: -9999px } .lang_de .bt_event-decline:hover { background-position: 0 -20px; cursor: pointer } .lang_de .bt_event-reject { width: 160px; height: 20px; background: url(/h/a/5LfZwctoKBo-RMCPqNdYYllNj8.png) no-repeat 0 0; text-indent: -9999px } .lang_de .bt_event-reject:hover { background-position: 0 -20px; cursor: pointer } .lang_de .bt_event-abort { width: 160px; height: 20px; background: url(/h/i/cmBk-HNM33yv9QZotRRnZivAm0.png) no-repeat 0 0; text-indent: -9999px } .lang_de .bt_event-abort:hover { background-position: 0 -20px; cursor: pointer } .lang_de .bt_submit_apply { background: url(/h/0/dRxOzah0HrAUveJEmOjPbok_0k.png) no-repeat left top } .lang_fr .bt_event-post { width: 160px; height: 20px; background: url(/h/6/Z-IqdR9oW_5HQGVmiY9S008O-8.png) no-repeat 0 0; text-indent: -9999px; float: left } .lang_fr .bt_event-post:hover { background-position: 0 -20px; cursor: pointer } .lang_fr .bt_event-reply { width: 160px; height: 20px; background: url(/h/G/xdNIEZWhhrvAoTuuPbF7KMgdUo.png) no-repeat 0 0; text-indent: -9999px } .lang_fr .bt_event-reply:hover { background-position: 0 -20px; cursor: pointer } .lang_fr .bt_event-decline { width: 160px; height: 20px; background: url(/h/x/V3lq8fxIi9Ct8HlpYIme1Vi_WE.png) no-repeat 0 0; text-indent: -9999px } .lang_fr .bt_event-decline:hover { background-position: 0 -20px; cursor: pointer } .lang_fr .bt_event-reject { width: 160px; height: 20px; background: url(/h/d/xfEUNJyU0jZ9kXpYX5Je4rkq-I.png) no-repeat 0 0; text-indent: -9999px } .lang_fr .bt_event-reject:hover { background-position: 0 -20px; cursor: pointer } .lang_fr .bt_event-abort { width: 160px; height: 20px; background: url(/h/4/l7_Y7cnsvZ-s8VTv69JC6l12B8.png) no-repeat 0 0; text-indent: -9999px } .lang_fr .bt_event-abort:hover { background-position: 0 -20px; cursor: pointer } .lang_fr .bt_submit_apply { background: url(/h/g/4-h2N1pfmJ5r953bVIJmDeeRew.png) no-repeat left top } .i_calendar { width: 20px; height: 20px; display: inline-block; cursor: pointer; background: url(/h/h/H9ed2ZHjyQ8LbOT3-bIcwd65t4.png) no-repeat left top } .i_calendar:hover { background-position: left bottom } .i_calendar_week { width: 20px; height: 20px; display: inline-block; cursor: pointer; background: url(/h/g/uQc8iE8XAgaZCSqNHaVrG35Tc4.png) no-repeat left top } .i_calendar_week:hover { background-position: left bottom } .ic_event_status { padding-left: 18px; background: url(/h/i/Nn1i0_JhsrMKNLoVsq42IrnpH4.png) no-repeat 0 -15px } .ic_event_status:hover { background-position: 0 1px } .system_window_header { margin-bottom: 24px; padding-top: 12px; background: url(/h/-/MwEE7MUr81DGR2u1NwEuD-aF1s.png) no-repeat left top } .system_window_footer { padding-bottom: 12px; background: url(/h/d/xfWHuzE9MO1okUafn7iANHV81g.png) no-repeat left bottom } .system_window_body { padding: 8px 0; background: url(/h/g/WvDemRjKR-uWF-5TDX0eUP8L6Y.png) repeat-y left top; color: #ccc } .system_window_body .role_name_tank { color: #5069e5 } .system_window_body .role_name_healer { color: #5d994c } .system_window_body .role_name_dps { color: #994548 } .system_window_body .role_name_free { color: #cccccc } .system_window_body hr.mg10 { margin: 0 10px 10px 10px } .system_window_body .pager .pagination .current a { padding-top: 1px; padding-bottom: 1px; background: #16212c } .system_in_header { width: 602px; padding-top: 10px; margin: 0 auto; background: url(/h/u/Mpb63Nz_xSprywQOyzAwjt5Kis.png) no-repeat left top } .system_in_footer { padding-bottom: 10px; background: url(/h/V/UPod9uW0JNOd0f0f4HYHEZZyi4.png) no-repeat left bottom } .system_in_body { padding: 6px 16px; background: url(/h/H/gLBFpFvPGBb4Rsgfh96xn2nHhM.png) repeat-y left top } .system_in_body hr { background-image: url(/h/g/b-d8YNgMXRQq8cDXwuI8HCDoVs.jpg) } .system_title_header { background: url(/h/T/gbgaFoFUwyAjpaJd4I9BgLkpnU.jpg) no-repeat left top; padding-top: 6px; margin-bottom: 10px } .system_title_footer { background: url(/h/4/PiJHaA2F5lLK-7ethPHgM32ebE.jpg) no-repeat left bottom; padding-bottom: 4px } .system_title_body { background: url(/h/X/u6l4J5NlhGNVbzypZ-L6E7xHLE.jpg) repeat-y left top } .sys_select_classjob_modal { width: 646px } .sys_select_classjob_modal .system_title_body { padding-left: 10px } .sys_select_classjob_modal .system_in_body { padding: 0px 16px } .sys_select_classjob_modal .sys_decision_classjob { margin: 10px auto 0 auto } .select_classjob_table th, .select_classjob_table td { vertical-align: top } .select_classjob_table .class-list { padding-bottom: 10px } .select_classjob_table .title { width: 90px; padding-right: 28px; text-align: right } .select_classjob_table .role_name_tank, .select_classjob_table .role_name_healer { width: 66px; padding-right: 30px; text-align: left } .select_classjob_table .role_name_dps { width: 222px; text-align: left } .select_classjob_table input { position: absolute; left: -3000px } .select_classjob_table label { float: left; margin-right: 5px; margin-bottom: 5px } .select_classjob_table .icon { width: 32px; height: 32px } .select_classjob_table .icon.disabled img { opacity: 0.2; filter: alpha(opacity=20); -moz-opacity: 0.2 } .select_classjob_table .icon .relative { width: 32px; height: 32px } .select_classjob_table .icon .cover { width: 32px; height: 32px; display: block; position: absolute; top: 0; left: 0; z-index: 10 } .select_classjob_table .icon img { pointer-events: none } .select_classjob_table .icon .checkbox { background: url(/h/N/8noxyIKsJCT3iHgpx6wbbjF61M.png) no-repeat; width: 32px; height: 32px; display: none; position: absolute; right: 0; bottom: 0 } .select_classjob_table .checked .checkbox { display: block } #tab--event-guide { margin: 0 22px 20px 22px } #tab--event-guide .tab--creat__bt { float: left } #tab--event-guide .tab--search__bt { float: right } #tab--event-guide li { width: 296px; height: 100px; display: block; overflow: hidden } #tab--event-guide li:hover img { margin-top: -100px } #tab--event-guide li.select img { margin-top: -200px } .event__input { font-size: 12px } .event_data__password { background: #e6e1cf; margin: 10px 0 0; padding: 16px; text-align: center; border-radius: 8px; font-size: 14px; color: #333333 } .event_data__password strong { font-size: 24px; font-weight: bold; color: #80460d; display: block; text-align: center } .sys_calendar_select .calendar_window_header { width: 304px; padding-top: 12px; background: url(/h/k/8F6mmYAG7U4565OhfbATLw20W0.png) no-repeat left top } .sys_calendar_select .calendar_window_footer { padding-bottom: 16px; background: url(/h/R/IPWTxNKlgbgMUPkmuxTONL67-E.png) no-repeat left bottom } .sys_calendar_select .calendar_window_body { padding: 0 2px; background: url(/h/S/sTdbyCTiZRHMFnxoFZxtu5UHSY.png) repeat-y left top; color: #ccc; height: 1%; zoom: 1; overflow: hidden } .sys_calendar_select .side_window_header { width: 300px; margin-bottom: 10px; padding-top: 12px; background: url(/h/t/jkUS2igYjmL3G1TkH4IvQuwWNw.png) no-repeat left top } .sys_calendar_select .side_window_footer { padding-bottom: 12px; background: url(/h/w/spXlBdXMhmkXcViEzdNL65B6yo.png) no-repeat left bottom } .sys_calendar_select .side_window_body { padding: 0 2px; background: url(/h/y/BrngnClsWFgyP0AQwJM4-sM_wU.png) repeat-y left top; color: #ccc; height: 1%; zoom: 1; overflow: hidden } .sys_calendar_select .side_window_body h3 { padding: 0 0 2px 4px; background: url(/h/V/HL8BCSFprU4tKFN3MFlDAVyG24.png) repeat-x left bottom } .sys_calendar_select .side_window_body .calendar_wrapper { margin-right: 8px; margin-left: 8px } .sys_calendar_select .txt_month { font-size: 14px; line-height: 1; text-align: center; display: block; color: #bfa34c; font-weight: bold; padding: 7px 0 4px } .sys_calendar_select .pager_header { height: 5px; background: url(/h/g/onRTnarx_xLhzptWPWME_JCGkQ.png) no-repeat left top } .sys_calendar_select .pager_footer { height: 5px; background: url(/h/i/qFhE0lBkieXCiwZ7z1lf_7aV1g.png) no-repeat left bottom } .sys_calendar_select .pager_body { padding: 0px 12px; background: url(/h/D/EKPBJ2NIH2R5RVV_lpvQwz-w64.png) repeat-y left top; color: #ccc; line-height: 1 } .sys_calendar_select .pager_body .link_prev { float: left } .sys_calendar_select .pager_body .link_next { float: right } .sys_calendar_select .pager_body .today { text-align: center; width: 100%; font-size: 14px; line-height: 16px } .sys_calendar_select .pager_body .today a { font-size: 14px } .sys_calendar_select .ic_pager { background: url(/h/E/sMENGEv2VTM2iVPPNkslyMdKzM.png) no-repeat; display: inline-block; width: 16px; height: 16px; line-height: 1 } .sys_calendar_select .ic_pager.non { cursor: default } .sys_calendar_select .prev_year { background-position: 0 -16px; margin-right: 12px } .sys_calendar_select .prev_year:hover { background-position: 0 0 } .sys_calendar_select .prev_year.non { background-position: 0 -32px } .sys_calendar_select .prev_year.non:hover { background-position: 0 -32px } .sys_calendar_select .prev { background-position: -16px -16px } .sys_calendar_select .prev:hover { background-position: -16px 0 } .sys_calendar_select .prev.non { background-position: -16px -32px } .sys_calendar_select .prev.non:hover { background-position: -16px -32px } .sys_calendar_select .next { background-position: -32px -16px } .sys_calendar_select .next:hover { background-position: -32px 0 } .sys_calendar_select .next.non { background-position: -32px -32px } .sys_calendar_select .next.non:hover { background-position: -32px -32px } .sys_calendar_select .next_year { background-position: -48px -16px; margin-left: 12px } .sys_calendar_select .next_year:hover { background-position: -48px 0 } .sys_calendar_select .next_year.non { background-position: -48px -32px } .sys_calendar_select .next_year.non:hover { background-position: -48px -32px } .sys_calendar_select .pager_non_year { display: inline-block; width: 28px; height: 16px; line-height: 1 } .sys_calendar_select .pager_non_month { display: inline-block; width: 16px; height: 16px; line-height: 1 } .sys_calendar_select .calendar_wrapper { margin: 8px 10px; border: 1px solid #8c8169 } .sys_calendar_select .calendar_wrapper table { width: 100%; border-left: 1px solid #e6e1cf; border-top: 1px solid #e6e1cf } .sys_calendar_select .calendar_wrapper table td, .sys_calendar_select .calendar_wrapper table th { border-right: 1px solid #e6e1cf; border-bottom: 1px solid #e6e1cf; vertical-align: middle; text-align: center; line-height: 1; background: #faf7ed } .sys_calendar_select .calendar_wrapper table th { background: #ccc7b8; color: #66635c; padding: 5px 0; font-weight: normal } .sys_calendar_select .calendar_wrapper table td a { display: block; color: #66635c; padding: 13px 0 } .sys_calendar_select .calendar_wrapper table .week_head_5 { background: #99aacc; color: #ffffff } .sys_calendar_select .calendar_wrapper table .week_head_6 { background: #cca38f; color: #ffffff } .sys_calendar_select .calendar_wrapper table .week_0, .sys_calendar_select .calendar_wrapper table .week_1, .sys_calendar_select .calendar_wrapper table .week_2, .sys_calendar_select .calendar_wrapper table .week_3, .sys_calendar_select .calendar_wrapper table .week_4 { width: 37px } .sys_calendar_select .calendar_wrapper table .week_5 { width: 38px } .sys_calendar_select .calendar_wrapper table .week_5 a { color: #6b7a99 } .sys_calendar_select .calendar_wrapper table .week_6 { width: 38px } .sys_calendar_select .calendar_wrapper table .week_6 a { color: #b3836b } .sys_calendar_select .calendar_wrapper table .target_day a { border: 3px solid #e68f39; padding: 10px 0 } .sys_calendar_select .calendar_wrapper table .bg_event { background: #ffefbf } .sys_calendar_select .bt_myevent_top { width: 200px; margin: 0 auto 8px auto } .sys_calendar_tooltip .tooltip_header { width: 336px; padding-top: 14px; background: url(/h/P/kDfzBpecZrgv-9reLXWgqZNBRs.png) no-repeat left top } .sys_calendar_tooltip .tooltip_footer { padding-bottom: 18px; background: url(/h/E/hBspZjk9UY9fm1FckAND06EdwQ.png) no-repeat left bottom } .sys_calendar_tooltip .tooltip_body { padding: 0 19px; background: url(/h/k/vW6kOdffTSBQ3MIeOoPj7FVroE.png) repeat-y left top; color: #ccc; height: 1%; zoom: 1; overflow: hidden } .sys_calendar_tooltip .side_area_header { padding-top: 1px; background: url(/h/L/i4ztNAmOSGGg0VgJ403zM2gNAE.png) no-repeat left top } .sys_calendar_tooltip .side_area_footer { background: url(/h/2/xjmdKf0YF6AgIcaYmBXvbEGTx8.png) no-repeat left bottom; padding-bottom: 1px } .sys_calendar_tooltip .side_area_body { background: url(/h/c/K7MqtHlqswn9yZRpt55K90Vr1M.png) repeat-y 0 0 } .sys_calendar_tooltip .side_area_body .list_style1 li .inner { padding-right: 8px; padding-left: 8px } .sys_calendar_tooltip .tooltip_list__text { text-align: center; padding-bottom: 10px; margin-bottom: 6px; background: url(../images/popup_line.gif) repeat-x left bottom } .sys_calendar_tooltip .tooltip_list__menu { text-align: center } .sys_calendar_tooltip .tooltip_list__menu li { width: 200px; margin: 0 auto 6px auto } .sys_calendar_tooltip h4 { margin: 0 0 1px 4px } .txt-rarity_common { color: #f3f3f3 } .txt-rarity_uncommon { color: #c0ffc0 } .txt-rarity_magic { color: #d789b6 } .txt-rarity_artifact { color: #e5dd7e } .txt-rarity_legend { color: #ffa666 } .txt-rarity_epic { color: #b38cff } .txt-rarity_rare { color: #5990ff } .txt_durability_calc_000 { color: #e56674 } .txt_durability_calc_010 { color: #ffd966 } .txt_durability_calc_099 { color: #e5e5e5 } .txt_durability_calc_100 { color: #a5d841 } #unsupported_browser.l__base { background: #484c4e } .header__in_login { background: #e6e6e6; text-align: center; width: 100%; height: 80px } .header__in_login--ja { background: url(/h/t/9lId4LiD1Yjsu0dhPMGXrWPtCU.png) no-repeat top center #e6e6e6 } .header__in_login--en-us, .header__in_login--en-gb { background: url(/h/4/PD9aErwyg9pggD8uuMnP0ESjvA.png) no-repeat top center #e6e6e6 } .header__in_login--fr { background: url(/h/4/PD9aErwyg9pggD8uuMnP0ESjvA.png) no-repeat top center #e6e6e6 } .header__in_login--de { background: url(/h/f/6yDyqGkHKEYleMqut2sg2YKrS0.png) no-repeat top center #e6e6e6 } .head-my-character { background: #333; width: 320px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: absolute; top: 0; right: 0; overflow: hidden; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); min-height: 60px } .head-my-character__box { background: #333; width: 320px; min-height: 60px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: absolute; top: 10px; right: 0 } .head-my-character__info { display: table; vertical-align: middle; height: 50px; padding: 5px 7px 5px 67px; cursor: pointer; width: 248px } .head-my-character__info:after { content: ""; display: block; width: 12px; height: 12px; background-position: -24px 0; -moz-background-size: 72px auto; -o-background-size: 72px auto; -webkit-background-size: 72px auto; background-size: 72px auto; display: block; background-image: url(/h/3/ILOJl9Cogyz9uKXRZM1ymY7Y6o.png); background-repeat: no-repeat; position: absolute; top: 40px; right: 8px } .head-my-character__info:hover { background: #3c3c3c } .head-my-character__info.active { background: #333; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 0 rgba(255, 255, 255, 0.2) } .head-my-character__info.my_character__open:after { content: ""; display: block; width: 12px; height: 12px; background-position: -12px 0; -moz-background-size: 72px auto; -o-background-size: 72px auto; -webkit-background-size: 72px auto; background-size: 72px auto; display: block; background-image: url(/h/3/ILOJl9Cogyz9uKXRZM1ymY7Y6o.png); background-repeat: no-repeat } .head-my-character__info__newinfo { position: absolute; top: -3px; left: -5px; display: block } .head-my-character__face { display: block; width: 50px; height: 50px; position: absolute; top: 5px; left: 7px } .head-my-character__face a img { display: block; border-radius: 25px; overflow: hidden } .head-my-character__detail { display: table-cell; vertical-align: middle } .head-my-character__name { color: #bfa34c; font-size: 14px; font-weight: bold; line-height: 1.2; display: block } .head-my-character__fc_name { color: #ccc; font-size: 12px; line-height: 1.2; display: block } .head-my-character__worldstatus { position: absolute; top: 6px; right: 7px; display: block; text-align: right; padding-right: 13px; font-size: 10px; color: #999 } .head-my-character__worldstatus:after { content: ""; position: absolute; top: 1px; right: 0 } .head-my-character__worldstatus.state_sign--1 { color: #6be52e } .head-my-character__worldstatus.state_sign--1:after { width: 12px; height: 12px; background-position: -36px 0; -moz-background-size: 72px auto; -o-background-size: 72px auto; -webkit-background-size: 72px auto; background-size: 72px auto; display: block; background-image: url(/h/3/ILOJl9Cogyz9uKXRZM1ymY7Y6o.png); background-repeat: no-repeat } .head-my-character__worldstatus.state_sign--2 { color: #fd3 } .head-my-character__worldstatus.state_sign--2:after { width: 12px; height: 12px; background-position: -48px 0; -moz-background-size: 72px auto; -o-background-size: 72px auto; -webkit-background-size: 72px auto; background-size: 72px auto; display: block; background-image: url(/h/3/ILOJl9Cogyz9uKXRZM1ymY7Y6o.png); background-repeat: no-repeat } .head-my-character__worldstatus.state_sign--3 { color: #ff4c88 } .head-my-character__worldstatus.state_sign--3:after { width: 12px; height: 12px; background-position: -60px 0; -moz-background-size: 72px auto; -o-background-size: 72px auto; -webkit-background-size: 72px auto; background-size: 72px auto; display: block; background-image: url(/h/3/ILOJl9Cogyz9uKXRZM1ymY7Y6o.png); background-repeat: no-repeat } .my-character-menu { display: none } .my-character-menu__tab { width: 160px; float: left; background: #333; cursor: pointer } .my-character-menu__tab__button { height: 30px; display: table; width: 100%; vertical-align: middle } .my-character-menu__tab__button span { display: table-cell; text-align: center; width: 100%; vertical-align: middle } .my-character-menu__tab:hover { background: #3c3c3c } .my-character-menu__tab.active { background: #484c4e } .my-menu { background: #484c4e; padding: 2px 0; clear: both } .my-menu__colmun { float: left; width: 160px; box-sizing: border-box } .my-menu__colmun:first-child { border-right: 1px solid #565a5c } .my-menu__colmun li { padding-top: 10px; border-bottom: 1px solid #565a5c; margin: 0 1px } .my-menu__colmun li.link_logout { opacity: .3; border-bottom: none } .my-menu__colmun a { display: block; margin-bottom: 10px; padding: 0 10px; color: #ccc } .my-menu__colmun a:hover { color: #6696ff } .select-character { display: none; background: #484c4e; padding: 14px 0 2px 0; clear: both } .select-character__loading { margin: 0 auto 12px; display: block; width: 24px } .select-character ul li { position: relative } .select-character ul li a { position: relative; display: block; padding: 5px 32px 5px 12px } .select-character ul li a:hover { background: rgba(255, 255, 255, 0.05); text-decoration: none } .select-character ul li a::after { content: ""; background: url(/h/E/pWWnNPJAdGir8TQjf5ewboWAn8.png) no-repeat 0 0; background-size: 8px 8px; display: block; width: 8px; height: 8px; position: absolute; top: 50%; right: 12px; transform: translateY(-50%) } .select-character ul li.selected a::after { content: none } .select-character ul li .icon-btn__check { background: url(/h/r/6y4e5eCjABJh-APdMtjGzwlSlQ.png) no-repeat 0 0; background-size: 16px 16px; width: 16px; height: 16px; position: absolute; top: 50%; right: 8px; transform: translateY(-50%) } .select-character__changemore { border-top: 1px solid #565a5c; margin: 0 2px } .select-character__changemore a { display: block; text-align: center; color: #ccc; padding: 10px 0 6px } .select-character__changemore a:hover { background: none; color: #6696ff; text-decoration: underline } .select-character__reload { border-top: 1px solid #565a5c; margin: 0 2px } .select-character__reload-link { display: flex; align-items: center; justify-content: center; color: #ccc; height: 36px } .select-character__reload-link img { display: block; margin-right: 4px; opacity: .2; width: 20px; height: 20px } .select-character__reload-link:hover { background: none; color: #6696ff; text-decoration: underline } .select-character__maintenance { padding: 0 10px 8px } .select-character__maintenance-btn { display: flex; align-items: center; justify-content: center; color: #ccc; height: 36px; opacity: .2 } .select-character__maintenance-btn img { display: block; margin-right: 4px; width: 20px; height: 20px } .select-character__maintenance-text { color: #ccc } .select-character__inner { display: flex; align-items: center } .select-character__face { display: block; width: 40px; height: 40px; margin-right: 10px } .select-character__face img { display: block; border-radius: 20px; overflow: hidden } .select-character__name { color: #ccc; font-size: 12px; line-height: 1.2; display: block; width: calc(100% - 50px); margin-top: -4px } .select-character__worldstatus { position: absolute; bottom: 2px; left: 62px; display: block; padding-right: 13px; font-size: 10px; color: #999 } .select-character__worldstatus:after { content: ""; position: absolute; top: 4px; right: 0 } .select-character__worldstatus.state_sign--1 { color: #6be52e } .select-character__worldstatus.state_sign--1:after { width: 12px; height: 12px; background-position: -36px 0; -moz-background-size: 72px auto; -o-background-size: 72px auto; -webkit-background-size: 72px auto; background-size: 72px auto; display: block; background-image: url(/h/3/ILOJl9Cogyz9uKXRZM1ymY7Y6o.png); background-repeat: no-repeat } .select-character__worldstatus.state_sign--2 { color: #fd3 } .select-character__worldstatus.state_sign--2:after { width: 12px; height: 12px; background-position: -48px 0; -moz-background-size: 72px auto; -o-background-size: 72px auto; -webkit-background-size: 72px auto; background-size: 72px auto; display: block; background-image: url(/h/3/ILOJl9Cogyz9uKXRZM1ymY7Y6o.png); background-repeat: no-repeat } .select-character__worldstatus.state_sign--3 { color: #ff4c88 } .select-character__worldstatus.state_sign--3:after { width: 12px; height: 12px; background-position: -60px 0; -moz-background-size: 72px auto; -o-background-size: 72px auto; -webkit-background-size: 72px auto; background-size: 72px auto; display: block; background-image: url(/h/3/ILOJl9Cogyz9uKXRZM1ymY7Y6o.png); background-repeat: no-repeat } .l__single { position: relative; width: 100%; color: #585858 } .l__single .bg_image { background: url(/h/1/1Wci2QNzH4cmCcyPMqho_1o_fs.png) 0 0 #eaece4; position: fixed; width: 100%; height: 100%; top: 0; left: 0 } .l__single__layout .bg_image { background: url(/h/c/Eox33hP1WoT4muuOY5CJgs7fjs.jpg) no-repeat center top #eceee7 } .l__single__layout__wolvesden { border-top: 2px solid rgba(0, 0, 0, 0.3) } .l__single__layout__wolvesden .bg_image { background: url(/h/c/Eox33hP1WoT4muuOY5CJgs7fjs.jpg) no-repeat center top #eceee7 } .l__single__layout__frontline { border-top: 2px solid rgba(0, 0, 0, 0.3) } .l__single__layout__frontline .bg_image { background: url(/h/I/QLNosQMiSg-gXHyjnFVuhPQkkw.jpg) no-repeat center top #eceee7 } .l__single__layout__rivalwings { border-top: 2px solid rgba(0, 0, 0, 0.3) } .l__single__layout__rivalwings .bg_image { background: url(/h/G/SadgYVAwkjK9PDwZhKqt06PWuw.jpg) no-repeat center top #eceee7 } .l__single__layout__goldsaucer .bg_image { background: url(/h/f/Zn6m7Le43UtojVBiugN6RHC6CM.jpg) no-repeat center top #eceee7 } .l__single__layout__none .bg_image { background: url(/h/1/1Wci2QNzH4cmCcyPMqho_1o_fs.png) #eceee7 } .l__single__layout__deepdungeon .bg_image { background: url(/h/7/mP-oQXXlQsDdLNUmWW4bp7mkJc.png) no-repeat top center #141b26 } .l__single__layout__deepdungeon2 .bg_image { background: url(/h/-/La0fF8wMtdeLYXW5v-qXKrX-5E.jpg) no-repeat top center #0f3299; background-size: cover } .l__single__layout__deepdungeon3 .bg_image { background: url(/h/n/2-QCml_qJw_se9grAqulR_GW30.jpg) no-repeat top center #0d161a; background-size: cover } .l__single__layout__deepdungeon3-guide .bg_image { background: url(/h/0/K8SlfyZ56TZ8XLr9uwUjcKASUs.jpg) no-repeat center top #0d161a } .l__single__layout__crystallineconflict .bg_image { background: url(/h/t/em8gjXAa_pMkTcKVMtzgJr8HU0.jpg) no-repeat top center, url(/h/G/fAC16K5Eb5eEgrfZvS2nFsSwgQ.png) repeat top center, #eceee7 } .l__rside__bnr { margin-bottom: 10px; display: flex; flex-wrap: wrap } .l__rside__bnr li { width: 150px; height: 48px } .l__rside__bnr li img { pointer-events: none } .l__rside__bnr--mog_station, .l__rside__bnr--store { display: block; overflow: hidden; background: #f3f3f3; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset, 1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset } .l__rside__bnr--mog_station:hover, .l__rside__bnr--store:hover { background: #ffffff; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset, 1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset } .l__rside__bnr--mog_station.press, .l__rside__bnr--store.press { background: #f3f3f3; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset } .l__rside__bnr--mog_station { border-top-left-radius: 6px } .l__rside__bnr--store { border-top-right-radius: 6px } .l__rside__bnr--forums { display: block; border-bottom-left-radius: 6px; overflow: hidden; background: #ccc4ad; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset, 1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset } .l__rside__bnr--forums:hover { background: #e6ddc3; box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset, 1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset } .l__rside__bnr--forums.press { background: #ccc4ad; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset } .l__rside__bnr--blog { display: block; border-bottom-right-radius: 6px; overflow: hidden; background: linear-gradient(to bottom, #50c0e5, #ffffff); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset, 1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset } .l__rside__bnr--blog:hover { background: linear-gradient(to bottom, #59d6ff, #ffffff); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset, 1px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset } .l__rside__bnr--blog:active { background: linear-gradient(to bottom, #50c0e5, #ffffff); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset } .l__rside__bnr-pr { margin-bottom: 10px } .l__rside__bnr-pr a { display: block } .brand { position: relative; padding: 0 8px; height: 38px; background: #1b1b1b } .brand__section { position: relative; height: 38px; margin: 0 auto } .brand__logo { padding-top: 8px; -webkit-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1 } .brand__search { display: block; width: 120px; height: 20px; position: absolute; right: 250px; top: 9px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden } .brand__search.active { background: #e5e5e5 } .brand__search input[type="text"]:focus { outline: 0; border-color: none; background: inherit } .brand__search--text { width: 120px; height: 20px; padding: 3px 24px 3px 8px; line-height: 1; font-size: 12px; position: absolute; left: 0; top: 0; color: #4d4d4d; background: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .brand__search--text::-webkit-input-placeholder { color: #4d4d4d } .brand__search--text:-moz-placeholder { color: #4d4d4d; opacity: 1 } .brand__search--text::-moz-placeholder { color: #4d4d4d; opacity: 1 } .brand__search--text:-ms-input-placeholder { color: #4d4d4d } .brand__search--text::-webkit-input-placeholder { padding-top: 1px; line-height: 1 } .brand__search--text:-moz-placeholder { line-height: 1 } .brand__search--text::-moz-placeholder { line-height: 1 } .brand__search--text:-ms-input-placeholder { line-height: 1 } .brand__search--text:focus { color: #4d4d4d; background: transparent } .brand__search__base_bg { background: #333; width: 100%; height: 20px; position: absolute; top: 0px; left: 0 } .brand__search__focus_bg { background: #e5e5e5; width: 100%; height: 20px; position: absolute; top: 0px; left: 0; opacity: 0 } .brand__search--btn { position: absolute; top: 4px; right: 8px; width: 12px; height: 12px; background: url(/h/Q/e2vK2EcdGX0nVhYOAtZz0NNAME.png) no-repeat 0 0 } .brand__lang { width: 200px; position: absolute; right: 0; top: 9px } .brand__lang__btn { position: relative; display: block; width: 200px; height: 20px; padding: 0px 24px; box-sizing: border-box; background: url('data:image/svg+xml;utf8,') no-repeat; background-color: #333; background-position: 4px 50%; background-size: 16px 16px; font-size: 12px; color: #999; line-height: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-family: 'Noto Sans', sans-serif } .ja .brand__lang__btn { font-family: 'Noto Sans JP', sans-serif } .brand__lang__btn:after { content: ''; background: url('data:image/svg+xml;utf8,') no-repeat; background-size: contain; width: 16px; height: 16px; position: absolute; top: 0; right: 4px; bottom: 0; margin: auto } .brand__lang__btn:hover { color: #999; text-decoration: none; background-color: #3c3c3c; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) } .brand__lang__btn:active { background-color: #333; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.15) } .brand__lang__btn.press:after { background: url('data:image/svg+xml;utf8,') no-repeat; background-size: contain } .brand__lang__select { padding: 8px 0; background: #262626; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-family: 'Noto Sans', sans-serif } .ja .brand__lang__select { font-family: 'Noto Sans TC', sans-serif } .brand__lang__select a { position: relative; display: block; width: 200px; padding: 0px 24px; box-sizing: border-box; line-height: 24px; color: #4c7ee8 } .brand__lang__select a:hover { color: #6696ff; text-decoration: underline; background: #333 } .brand__theme { position: absolute; width: 32px; right: 208px; top: 11px } .brand__theme i { display: block; width: 32px; height: 16px; background-image: url(/h/Q/qdBNcg5JclapaHxZSn8sboO5-Y.png); background-repeat: no-repeat; overflow: hidden } .brand__theme i.active { display: none } .brand__theme--white { background-position: 0 -32px } .brand__theme--white:hover { background-position: 0 -48px } .brand__theme--black { background-position: 0 0 } .brand__theme--black:hover { background-position: 0 -16px } .l__base { /* background: #333; */ /* min-width: 960px */ } .l__header { position: relative; background: #d6d4cf; height: 80px } .l__header__bg_image { background-repeat: no-repeat; background-position: center top } .l__header__inner { width: 960px; height: 80px; margin: 0 auto; position: relative } .l__header__inner.active { background-position: center bottom } .l__header__link_top { width: 218px; height: 80px; display: block } .l__header__link_management { position: absolute; top: 0; left: 240px; width: 390px; height: 80px; display: block } .l__header__login { position: absolute; top: 10px; right: 0 } .l__header__login a { display: block; width: 298px; height: 40px; padding: 10px 10px 10px 12px; background: #333; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) } .l__header__login a:hover { background: #3c3c3c; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) } .l__header__login a:active { background: #333; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 0 rgba(255, 255, 255, 0.2) } .l__header__login__btn:after { content: ""; display: block; width: 12px; height: 12px; background-position: 0 0; -moz-background-size: 72px auto; -o-background-size: 72px auto; -webkit-background-size: 72px auto; background-size: 72px auto; display: block; background-image: url(/h/3/ILOJl9Cogyz9uKXRZM1ymY7Y6o.png); background-repeat: no-repeat; position: absolute; top: 24px; right: 8px } .l__header__login img { float: left; width: 40px } .l__header__login__chara_silhouette { -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px } .l__header__login__txt { float: left; width: 232px; padding-left: 10px } .l__header__login__txt--mente { padding-top: 2px } .l__header__login p { font-size: 12px; color: #ccc; font-weight: normal } .l__header__login div { font-size: 16px; color: #4c7ee8; font-weight: bold } .main-nav { background: #1b1b1b; position: relative } .main-nav__area { width: 960px; margin: 0 auto } .main-nav__area__news .main-nav__news>a { background: #2c2c2c } .main-nav__area__playguide .main-nav__playguide>a { background: #2c2c2c } .main-nav__area__community .main-nav__community>a { background: #2c2c2c } .main-nav__area__ranking .main-nav__ranking>a { background: #2c2c2c } .main-nav__area__help .main-nav__help>a { background: #2c2c2c } .main-nav__area>li { float: left; width: 160px; height: 48px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: solid 1px #333 } .main-nav__area>li>a { display: block; width: 160px; height: 48px; background: #1b1b1b; text-align: center; vertical-align: middle; -moz-transition: all .2s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .2s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .2s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .2s cubic-bezier(0.55, 0.055, 0.675, 0.19); font-size: 14px; font-weight: bold; color: #e5e5e5; line-height: 48px; position: relative; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; z-index: 10004 } .main-nav__area>li>a span { display: block; text-align: center; width: 100%; font-size: inherit } .main-nav__area>li>a::after { content: ""; display: block; background: #4769b3; width: 144px; height: 4px; border-radius: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; opacity: 0; -moz-transition: all .2s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .2s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .2s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .2s cubic-bezier(0.55, 0.055, 0.675, 0.19) } .main-nav__area>li>a:hover, .main-nav__area>li>a.active { color: #4769b3; background: #eeeeee; text-decoration: none } .main-nav__area>li>a:hover::after, .main-nav__area>li>a.active::after { opacity: 1 } .main-nav__news { width: 160px; border-left: solid 1px #333; border-right: solid 1px #333; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .main-nav.na, .main-nav.eu, .main-nav.fr, .main-nav.de { font-family: 'Noto Sans', sans-serif; font-weight: bold !important } @keyframes show { from { opacity: 0 } to { opacity: 1 } } .sub-nav { background: #eeeeee; position: absolute; left: 0; right: 0; width: 100%; max-width: 1024px; min-width: 960px; margin: 0 auto; display: none; -moz-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.4) } .sub-nav a { color: #404040 } .sub-nav a:hover { text-decoration: none; color: #404040 } .sub-nav__area { width: 100%; margin: 0 auto; position: relative; display: block } .sub-nav__list { width: 100%; position: relative; padding: 20px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: none } .sub-nav__list__inner { width: 960px; margin: 0 auto } .sub-nav__list.active { display: block; animation: show .2s linear 0s } .sub-nav__list.show { display: block } .sub-nav__news ul { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; width: 100% } .sub-nav__news li { margin: 0 8px; width: 144px; min-height: 64px } .sub-nav__news li a { background: #eeeeee; -moz-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; min-height: 64px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 8px; color: #404040; font-size: 12px; font-weight: bold; line-height: 1.4 } .sub-nav__news li a:hover { background: #ffffff; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); text-decoration: none; color: #404040 } .sub-nav__news li a>div { line-height: inherit } .sub-nav__news li a>div { display: block; width: 144px; text-align: center; font-size: inherit } .sub-nav__news li a img { display: block; margin: 0 auto 4px } .sub-nav__news__icon { margin: 0 auto 16px; padding-bottom: 16px; border-bottom: 1px solid #cccccc } .sub-nav__news__icon li a { -webkit-box-align: start; -moz-box-align: start; -ms-box-align: start; -o-box-align: start; box-align: start; align-items: start; padding-top: 8px } .sub-nav__news__text li { width: 304px } .sub-nav__news__text li a { width: 304px; font-size: 14px; height: 64px } .sub-nav__news__text li a>div { width: 304px } .sub-nav__news__text li a .update { color: #e57e17; font-weight: normal; font-size: 12px; display: block; text-align: center } .sub-nav__news__text li a .sub_text { color: #404040; font-weight: normal; font-size: 10px; text-align: center; display: block } .sub-nav__promotion__inner { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box } .sub-nav__promotion__link { width: 648px } .sub-nav__promotion__top { border-radius: 8px; margin: 0 8px 8px; width: 632px } .sub-nav__promotion__top a, .sub-nav__promotion__top img { border-radius: 8px; -moz-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19) } .sub-nav__promotion__top a:hover { opacity: .8 } .sub-nav__promotion__page { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; width: 648px; padding: 0 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .sub-nav__promotion__page li { width: 152px; margin: 0 4px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box } .sub-nav__promotion__page li a { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #eeeeee; -moz-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; min-height: 64px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 8px; color: #404040; font-size: 12px; font-weight: bold; line-height: 1.4; width: 152px; min-height: 84px; padding-top: 54px } .sub-nav__promotion__page li a:hover { background: #ffffff; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); text-decoration: none; color: #404040 } .sub-nav__promotion__page li a>div { line-height: inherit } .sub-nav__promotion__page li a img { display: block; position: absolute; top: 8px; left: 0; right: 0; margin: 0 auto } .sub-nav__promotion__page li a span { width: 152px; padding: 0 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center } .sub-nav__promotion__patch_site { width: 296px; margin: 0 8px; background: url(/h/a/qHKsRu_H9dRsPFOm2BLXtaARbc.png) repeat-y 0 0; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; border-radius: 8px; -moz-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19) } .sub-nav__promotion__patch_site img, .sub-nav__promotion__patch_site span { border-radius: 8px; display: block } .sub-nav__promotion__patch_site:hover { opacity: .8 } .sub-nav__promotion ul { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; width: 100% } .sub-nav__playguide__list { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box } .sub-nav__playguide__list li { width: 144px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; margin: 0 8px } .sub-nav__playguide__list li a { position: relative; background: #eeeeee; -moz-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; min-height: 64px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 8px; color: #404040; font-size: 12px; font-weight: bold; line-height: 1.4; width: 144px; padding-top: 54px; padding-bottom: 24px } .sub-nav__playguide__list li a:hover { background: #ffffff; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); text-decoration: none; color: #404040 } .sub-nav__playguide__list li a>div { line-height: inherit } .sub-nav__playguide__list li a img { display: block; position: absolute; top: 8px; left: 0; right: 0; margin: 0 auto } .sub-nav__playguide__list li a span { width: 144px; padding: 0 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center } .sub-nav__playguide__list li a span.update { padding: 0; width: 100%; position: absolute; bottom: 4px; left: 0; right: 0; color: #e57e17; font-size: 12px; white-space: nowrap; font-weight: normal } .sub-nav__playguide__list li a span.update span { display: inline; padding: 0 } .sub-nav__community { padding: 8px 0 } .sub-nav__community__title { font-size: 12px; color: #999999; margin: 0 0 8px 8px; line-height: 16px } .sub-nav__community__title img { display: inline-block; margin-right: 2px } .sub-nav__community__flex { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box } .sub-nav__community__list { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box } .sub-nav__community__list li { width: 140px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; margin: 0 8px } .sub-nav__community__list li a { position: relative; background: #eeeeee; -moz-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; min-height: 64px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 8px; color: #404040; font-size: 12px; font-weight: bold; line-height: 1.4; width: 140px; height: 90px; padding-top: 54px; box-sizing: border-box } .sub-nav__community__list li a:hover { background: #ffffff; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); text-decoration: none; color: #404040 } .sub-nav__community__list li a>div { line-height: inherit } .sub-nav__community__list li a img { display: block; position: absolute; top: 8px; left: 0; right: 0; margin: 0 auto } .sub-nav__community__list li a span { width: 140px; padding: 0 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center } .sub-nav__community__list li a span.update { width: 100%; position: absolute; bottom: 4px; left: 0; right: 0; color: #e57e17; font-size: 12px; white-space: nowrap; font-weight: normal } .sub-nav__community__top { border-bottom: 1px solid #cccccc; padding-bottom: 8px; margin-bottom: 8px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box } .sub-nav__community__top__wrapper { border-right: 1px solid #cccccc; padding-right: 8px } .sub-nav__community__top__wrapper li { width: 167px } .sub-nav__community__top__wrapper li a { width: 100% } .sub-nav__community__top__wrapper li a span { width: 100% } .sub-nav__community__top__wrapper:nth-last-child(1) { border-right: 0; padding-right: 0; padding-left: 8px } .sub-nav__community__bottom { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box } .sub-nav__community__link { border-right: 1px solid #cccccc; padding-right: 8px; width: 756px; box-sizing: border-box } .sub-nav__community__search__list { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; padding: 0 4px 12px } .sub-nav__community__search__list li { width: 140px; height: 92px; margin: 0 4px } .sub-nav__community__search__list li a { width: 100%; height: 92px } .sub-nav__community__search__list li a span { width: 100% } .sub-nav__community__side { padding: 12px 0 0 8px } .sub-nav__community__forum { border-bottom: 1px solid #cccccc; margin-bottom: 8px } .sub-nav__community__forum__list li { width: 179px; height: 48px; margin: 0 8px 8px } .sub-nav__community__forum__list li a { background: #eeeeee; -moz-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; min-height: 64px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 8px; color: #404040; font-size: 12px; font-weight: bold; line-height: 1.4; height: 48px; line-height: 1; min-height: auto } .sub-nav__community__forum__list li a:hover { background: #ffffff; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); text-decoration: none; color: #404040 } .sub-nav__community__forum__list li a>div { line-height: inherit } .sub-nav__community__forum__list li a>div { width: 179px; text-align: center; line-height: 1; display: flex; align-items: center; padding-left: 16px; box-sizing: border-box } .sub-nav__community__forum__list li a>div.forum { padding-left: 8px } .sub-nav__community__forum__list li a img { display: block; margin-right: 4px; line-height: 1; vertical-align: middle } .sub-nav__community__forum__list li a span, .sub-nav__community__forum__list li a i { display: inline-block; vertical-align: middle } .sub-nav__community__fankit li { width: 179px; height: 60px; margin: 0 8px } .sub-nav__community__fankit li a { background: #eeeeee; -moz-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; min-height: 64px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 8px; color: #404040; font-size: 12px; font-weight: bold; line-height: 1.4; width: 179px; height: 60px; min-height: auto; text-align: center; font-size: 14px } .sub-nav__community__fankit li a:hover { background: #ffffff; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); text-decoration: none; color: #404040 } .sub-nav__community__fankit li a>div { line-height: inherit } .sub-nav__community__fankit li a>div { width: 100%; text-align: center; font-size: 14px } .sub-nav__community__fankit li a span { font-size: inherit } .sub-nav__community__fankit li a span.update { padding: 0 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center; width: 100%; color: #e57e17; font-size: 12px; white-space: nowrap; font-weight: normal } .sub-nav__ranking__list { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box } .sub-nav__ranking__list:first-of-type { margin-bottom: 16px } .sub-nav__ranking__list li { width: calc(100% / 4); display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; padding: 0 8px; box-sizing: border-box } .sub-nav__ranking__list li a { position: relative; background: #eeeeee; -moz-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; min-height: 64px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 8px; color: #404040; font-size: 12px; font-weight: bold; line-height: 1.4; width: 100%; margin: 0 auto; padding-top: 54px; padding-bottom: 2px } .sub-nav__ranking__list li a:hover { background: #ffffff; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); text-decoration: none; color: #404040 } .sub-nav__ranking__list li a>div { line-height: inherit } .sub-nav__ranking__list li a img { display: block; position: absolute; top: 8px; left: 0; right: 0; margin: 0 auto } .sub-nav__ranking__list li a span { width: 100%; padding: 0 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center } .sub-nav__help__list { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; border-bottom: 1px solid #cccccc; padding-bottom: 16px; margin-bottom: 16px } .sub-nav__help__list li { width: 224px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; margin: 0 8px } .sub-nav__help__list li a { position: relative; background: #eeeeee; -moz-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; min-height: 64px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 8px; color: #404040; font-size: 12px; font-weight: bold; line-height: 1.4; width: 224px; font-size: 14px } .sub-nav__help__list li a:hover { background: #ffffff; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); text-decoration: none; color: #404040 } .sub-nav__help__list li a>div { line-height: inherit } .sub-nav__help__list li a span { width: 224px; padding: 0 8px; font-size: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; text-align: center } .sub-nav__help__other { display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; width: 720px; margin: 0 auto } .sub-nav__help__other li { width: 224px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; margin: 0 8px } .sub-nav__help__other li a { background: #eeeeee; -moz-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .1s cubic-bezier(0.55, 0.055, 0.675, 0.19); -moz-box-shadow: 0px 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; min-height: 64px; display: -ms-flexbox; -webkit-justify-content: space-between; -js-display: flex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; align-items: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 8px; color: #404040; font-size: 12px; font-weight: bold; line-height: 1.4; width: 224px; min-height: 48px; font-size: 12px; justify-content: center; line-height: 1 } .sub-nav__help__other li a:hover { background: #ffffff; -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); text-decoration: none; color: #404040 } .sub-nav__help__other li a>div { line-height: inherit } .sub-nav__help__other li a>div { width: 224px; text-align: center; line-height: 1 } .sub-nav__help__other li a img { display: inline-block; margin-right: 4px; line-height: 1; vertical-align: middle } .sub-nav__help__other li a span, .sub-nav__help__other li a i { display: inline-block; vertical-align: middle } .sub-nav__help__other li a span.ic_mogst, .sub-nav__help__other li a i.ic_mogst { margin-top: -12px; position: relative } li.active .sub-nav { display: block } li.active .sub-nav__list { display: block; animation: show .2s linear 0s } .maitenance_message { background: url(/h/1/58Ld_NuN4n0Cb6I1Xd8ytvG7ek.png) no-repeat 0 0; width: 520px; height: 80px; position: absolute; left: 50%; top: 0; margin-left: -260px } .maitenance_message__btn { width: 310px; height: 50px; position: absolute; left: 50%; top: 15px; margin-left: -155px } .maitenance_message__btn__inner { width: 300px; height: 42px; display: block; background: #333; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4); color: #ffcc33; font-size: 12px; text-shadow: 0px 0px 3px #000000; text-align: center; border-radius: 4px; padding: 8px 5px 0px; cursor: pointer } .maitenance_message__btn__inner:hover { background: #3c3c3c } .maitenance_message__btn__inner:active { background: #333; box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4), 0px 2px 0px rgba(255, 255, 255, 0.4) } .l__cross_menu { position: absolute; top: 0; left: 146px; display: block; width: 158px; z-index: 100; text-align: center } .l__cross_menu.jp { left: 50%; margin-left: -77px } @media screen and (max-width: 414px) { .l__cross_menu { top: 0; left: auto; margin-left: 0; right: 32px; display: block; width: 142px } } .content__googleadservices { position: absolute; top: -9999% } .link_sp-site { width: 100%; padding: 8px 0; background: #4d5153; text-decoration: center; text-align: center; position: relative; z-index: 10 } .link_sp-site a { display: inline-block; padding-left: 20px; font-size: 10px; color: #ccc; line-height: 1; position: relative } .link_sp-site a:after { content: ""; display: block; width: 11px; height: 18px; background-position: -16px 0; -moz-background-size: 107px auto; -o-background-size: 107px auto; -webkit-background-size: 107px auto; background-size: 107px auto; display: block; background-image: url(/h/Y/yhxjLrVpGk5ecxvFUlvvn3WNuU.png); background-repeat: no-repeat; position: absolute; left: 0; top: 50%; margin-top: -9px } .cookiepolicy { position: fixed; bottom: 0; left: 0; z-index: 10011; width: 100%; padding: 16px; box-sizing: border-box; background: #1b1b1b } .cookiepolicy__box { position: relative; width: 928px; margin: 0 auto } .cookiepolicy__close { position: absolute; top: -3px; right: 0; width: 32px; height: 32px; overflow: hidden; background: url(/h/P/HjZoG6Dev5E4HfEfOvqzJhzGhA.png) no-repeat left bottom; background-size: 32px auto } .cookiepolicy__close:hover { background-position-y: top } .cookiepolicy__cp { margin-bottom: 8px; font-size: 18px; color: #cccccc } .cookiepolicy__text { font-size: 14px; color: #cccccc } .db-tooltip__wrapper { /* position: absolute; */ top: 0; color: #cccccc; z-index: 10008; display: none; font-size: 15px; font-family: "Noto Sans TC", 'Microsoft JhengHei', Helvetica, 'Maven Pro', 'Droid Sans', 'Myriad Pro', Verdana, Geneva, sans-serif; line-height: 1.5; } .detail__img { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); border-radius: 5px; overflow: hidden; } .db-tooltip__l_main { width: 412px; position: relative; background: url(../images/popup_bg.png) repeat-y left top; padding: 0 6px; margin: 14px 0 18px; box-sizing: border-box } .db-tooltip__l_main:before { position: absolute; top: -14px; left: 0; content: ""; width: 412px; height: 14px; background: url(../images/popup_bg_top.png) no-repeat left top } .db-tooltip__l_main:after { position: absolute; bottom: -18px; left: 0; content: ""; width: 412px; height: 18px; background: url(../images/popup_bg_bottom.png) no-repeat left bottom } .db-tooltip__l_main__inner { padding: 0 13px } .db-tooltip__l_main__footer { padding: 10px 10px 0 0 } .db-tooltip__l_main_faceaccessory { background: #333333; width: 408px; margin: 14px 3px 18px; border-radius: 8px; -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.5); position: relative; overflow: hidden } .db-tooltip__header { width: 400px; margin-left: 0px; padding: 0 7px } .db-tooltip__header__inner { width: 376px; margin: 0 auto 7px } .db-tooltip__header_faceaccessory { background: #1b1b1b; padding: 13px 10px 7px; -moz-box-shadow: 0px 2px 0px 0px #262626 inset, 0px -1px 0px 0px #141414 inset; -webkit-box-shadow: 0px 2px 0px 0px #262626 inset, 0px -1px 0px 0px #141414 inset; box-shadow: 0px 2px 0px 0px #262626 inset, 0px -1px 0px 0px #141414 inset } .db-tooltip__item__icon { width: 76px; height: 76px; margin-right: 3px; position: relative; float: left } .db-tooltip__item__icon a { cursor: pointer; } .db-tooltip__item__icon .staining { width: 12px !important; height: 12px !important; position: absolute; top: 2px !important; right: 4px !important; z-index: 1; border: 1px solid #3f3f3f; border-radius: 6px !important; pointer-events: none; box-sizing: border-box } .db-tooltip__item__icon .stain2 { position: relative; top: 12px !important } .db-tooltip__item__icon .stain2-mirage { position: relative; top: 19px !important } .db-tooltip__item__icon .ic_masterpiece { position: absolute; display: block; bottom: 0; right: 4px !important; z-index: 1; font-size: 16px; pointer-events: none; color: #ffffff; text-shadow: 0px 0px 2px #000 } .db-tooltip__item__icon__cover { width: 76px; height: 76px; background: url(../images/item_frame2.png) no-repeat; position: absolute; top: 0; left: 0; } .db-tooltip__item__icon img { position: absolute; top: 0px; left: 0px } .db-tooltip__item__icon__item_image { margin: 3px 0 0 6px !important } .db-tooltip__item__icon .mirage_staining { width: 19px !important; height: 19px !important; position: absolute; top: 2px !important; right: 6px !important; z-index: 2; background-repeat: no-repeat !important } .db-tooltip__item__icon .unpaitable { background-image: url(/h/S/C2BwsSmczNtlcaIs0iARprrCEQ.png) !important } .db-tooltip__item__icon .painted_cover { background-image: url(/h/f/VjFMrY9f5vkyk47_qsLRBKi_7w.png) !important } .db-tooltip__item__icon .no_paint { background-image: url(/h/K/iJJToKJTLKKjkeNy_QXtdQn7vc.png) !important } .db-tooltip__item__icon .error { background-image: url(/h/m/DZD0bDw0aPdnYePLkmG-hlkTFs.png) !important; width: 20px; height: 20px; top: auto !important; bottom: 6px !important } .db-tooltip__item__name { font-size: 17px; font-weight: 500; padding-top: 3px } .db-tooltip__item__name .icon { margin-left: 2px; font-weight: normal } .db-tooltip__item__name.white_item { color: #f3f3f3 } .db-tooltip__item__name.aetherial_item { color: #d789b6 } .db-tooltip__item__name.purple_item { color: #b38cff } .db-tooltip__item__name.blue_item { color: #5990ff } .db-tooltip__item__name.green_item { color: #c0ffc0 } .db-tooltip__item__name img { position: static !important; margin-left: 3px; vertical-align: middle } .db-tooltip__item__level { width: 400px; padding: 3px 12px; background: url(../images/popup_lv_bg.png) repeat-x 0 0; position: relative; box-sizing: border-box; margin: 0 auto 10px } .db-tooltip__item__level:before { position: absolute; top: -1px; left: 0; content: ""; width: 100%; height: 1px; background: url(../images/popup_lv_bg_be.png) no-repeat left top } .db-tooltip__item__level:after { position: absolute; bottom: -1px; left: 0; content: ""; width: 100%; height: 1px; background: url(../images/popup_lv_bg_af.png) no-repeat left bottom } .db-tooltip__item__txt { float: right; width: 305px } .db-tooltip__item__element { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .db-tooltip__item__element .property { display: flex; } .db-tooltip__item__element span { padding-right: 10px } .db-tooltip__item__mirage { position: relative; left: -2px; margin-bottom: 4px } .db-tooltip__item__mirage__ic { display: table-cell; width: 41px; height: 38px; position: relative } .db-tooltip__item__mirage__frame { width: 38px; height: 38px; background: url(../images/popup_item_frame.png) no-repeat; position: absolute; top: 0; left: 0 } .db-tooltip__item__mirage img { position: absolute; top: 0px; left: 0px } .db-tooltip__item__mirage img.ic_reflection { margin: 2px 0 0 3px !important } .db-tooltip__item__mirage p { display: table-cell; vertical-align: middle; font-size: 14px; font-weight: bold; color: #808080 } .db-tooltip__item__mirage__btn { display: inline-block; margin-left: 3px; width: 20px; height: 20px; vertical-align: middle; overflow: hidden; background: url(../images/popup_btn.png) no-repeat 0 -20px } .db-tooltip__item__mirage__btn:hover { background: url(../images/popup_btn.png) no-repeat 0 0 } .db-tooltip__item__category { padding: 0 } .db-tooltip__item__category_faceaccessory { padding: 0; color: #999999 } .db-tooltip__item__storage { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 0 0 auto } .db-tooltip__item__storage img { position: static !important } .db-tooltip__item__title { padding: 4px; margin: 10px 0; background: #2e2e2e; -webkit-border-radius: 4px; border-radius: 4px; color: #ccc; font-weight: normal } .db-tooltip__item__flex { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center } .db-tooltip__item__icon40 { position: relative; width: 48px; height: 48px; margin-right: 4px } .db-tooltip__item__icon40 img { position: absolute; top: 2px; left: 50%; margin-left: -20px; display: block } .db-tooltip__item__icon40__image { margin-left: -20px !important } .db-tooltip__item__frame40 { background: url(../images/popup_item_frame2.png) no-repeat; width: 48px; height: 48px; display: block; position: absolute; top: 0; left: 0 } .db-tooltip__bt_item_detail, .db-tooltip__bt_content_detail { width: 300px; margin: 0 auto 10px } .db-tooltip__bt_item_detail a, .db-tooltip__bt_content_detail a { width: 300px; height: 30px; display: block; overflow: hidden } .db-tooltip__bt_item_detail a img, .db-tooltip__bt_content_detail a img { position: static !important; margin-top: 0 } .db-tooltip__bt_item_detail a:hover img, .db-tooltip__bt_content_detail a:hover img { margin-top: -30px } .db-tooltip .db-view__item_level { background-color: none; box-sizing: border-box; border: none } .db-tooltip__recipe__text { float: left; width: 295px } .db-tooltip__recipe__book_name { margin-top: 4px } .db-tooltip__recipe__category { font-size: 12px } .db-tooltip__recipe__crafting_conditions { margin: 0 4px; padding-bottom: 4px; height: 1% } .db-tooltip__recipe__crafting_conditions dt { color: #bbac94; font-weight: normal } .db-tooltip__gathering__text { float: left; width: 295px } .db-tooltip__gathering__category { font-size: 12px } .db-tooltip__gathering__point { margin: 0 0 25px 1em } .db-tooltip__gathering__point:nth-last-child(1) { margin-bottom: 0 } .db-tooltip__gathering__point dd { font-weight: bold } .db-tooltip__achievement__text { width: 212px; float: left } .db-tooltip__quest__reward__wrapper { padding: 0 4px } .db-tooltip__quest__general_annotation { border: 1px solid #3d6629; margin: 0; margin-bottom: 8px } .db-tooltip__quest__general_annotation__inner { background: #2e4d1f; border: 1px solid #5c993d; color: #99ff66; padding: 2px 8px } .db-tooltip__quest__past_season_event { background: url(/h/g/r5RAYxxHuAL_zLga11rJ_B-uOc.png) repeat-y center center; margin: 13px 0 19px; padding: 0 15px; color: #ffcc66; text-align: left; line-height: 1.2; position: relative } .db-tooltip__quest__past_season_event:before { position: absolute; top: -9px; left: 9px; content: ""; width: 100%; height: 9px; background: url(/h/r/AWkfe2tPznpzdCKmb8P_eD2UMI.png) no-repeat left top } .db-tooltip__quest__past_season_event:after { position: absolute; bottom: -9px; left: 9px; content: ""; width: 100%; height: 9px; background: url(/h/4/6JSrwEwCXLE0IBWstrbTSCyKuo.png) no-repeat left bottom } .db-tooltip__quest__wedding { background: url(/h/e/dOZlOqPGE5YiYpW04QjgfUsVOE.png) repeat-y center center; margin: 13px 0 19px; padding: 0 15px; color: #66ccff; text-align: left; line-height: 1.2; position: relative } .db-tooltip__quest__wedding:before { position: absolute; top: -9px; left: 9px; content: ""; width: 100%; height: 9px; background: url(/h/p/9PWQ7dOnAOQjioLvqK85imcZjo.png) no-repeat left top } .db-tooltip__quest__wedding:after { position: absolute; bottom: -9px; left: 9px; content: ""; width: 100%; height: 9px; background: url(/h/Q/Em6WiVlLLQW11fUWbrks-RXLk4.png) no-repeat left bottom } .db-tooltip .db-popup__inner { padding: 0 10px; margin: 0 auto } .db-view__item_spec .clearfix { display: flex; justify-content: flex-end; } .db-view__item_spec, .db-tooltip__item_spec { margin-bottom: 10px } .db-view__item_spec__name, .db-tooltip__item_spec__name { float: left; width: 122px; margin-left: 4px; margin-right: 0; color: #bbac94; text-align: right; } .db-view__item_spec__name--armor, .db-tooltip__item_spec__name--armor, .db-view__item_spec__name--shield, .db-tooltip__item_spec__name--shield { margin-left: 126px } .db-view__item_spec__name--last, .db-tooltip__item_spec__name--last { margin-left: 0 } .db-view__item_spec__value, .db-tooltip__item_spec__value { float: left; width: 122px; margin-left: 4px; margin-right: 0; line-height: 1; background: url(../images/popup_item_spec.png) no-repeat right bottom } .db-view__item_spec__value--armor, .db-tooltip__item_spec__value--armor, .db-view__item_spec__value--shield, .db-tooltip__item_spec__value--shield { margin-left: 126px } .db-view__item_spec__value strong, .db-tooltip__item_spec__value strong { margin-top: 8px; padding-right: 3px; display: block; font-size: 18px; color: #ccc; text-align: right } .db-tooltip__sells, .db-tooltip__materia_requirements, .db-tooltip__desynthesizable, .db-tooltip__aetherial_reduction { color: #bbac94 } .db-tooltip .db-view__item_spec__name { width: 122px; margin-left: 4px; margin-right: 0 } .db-tooltip .db-view__item_spec__name--armor, .db-tooltip .db-view__item_spec__name--shield { margin-left: 126px } .db-tooltip .db-view__item_spec__name--last { margin-left: 0 } .db-tooltip .db-view__item_spec__value { width: 122px; margin-left: 4px; margin-right: 0; background: url(../images/popup_item_spec.png) no-repeat right bottom } .db-tooltip .db-view__item_spec__value--armor, .db-tooltip .db-view__item_spec__value--shield { margin-left: 126px } .db-tooltip__item_equipment { margin: 0 0 10px 12px } .db-tooltip__help_text { margin: 0 0 10px 12px } .db-tooltip__series_bonus { margin: 0 0 10px 12px } .db-tooltip__series_bonus--title { color: #a6d982; font-weight: normal; line-height: 1 } .db-tooltip__materia_socket { margin: 0 0 10px 12px } .db-tooltip__materia_socket .socket { width: 24px; height: 24px; background: url(/h/B/riRWvxygfYNIDNw5CNErVGMiJU.png) no-repeat } .db-tooltip__materia { margin: 0 0 10px 12px } .db-tooltip__materia .socket { float: left; position: relative; width: 24px; height: 24px; margin-right: 4px } .db-tooltip__materia .socket:after { content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px } .db-tooltip__materia__normal .socket { background: url(/h/B/riRWvxygfYNIDNw5CNErVGMiJU.png) no-repeat } .db-tooltip__materia__normal .materia:after { background: url(/h/5/bOlqwJRiNMusUqnwX7AilZYG0Q.png) no-repeat } .db-tooltip__materia__normal .materira:after { background: url(/h/w/OvzgGCE8TH5-rYfGfB8Tjk3DWQ.png) no-repeat } .db-tooltip__materia__normal .materida:after { background: url(/h/Z/BoWa8-sRvtLU6jbNOPCbZXaPmg.png) no-repeat } .db-tooltip__materia__normal .materiga:after { background: url(/h/m/pO13rr7C8ChN7S4k_R1hiQGmoA.png) no-repeat } .db-tooltip__materia__normal .materija:after { background: url(/h/q/g0HM9kjok8mR4PVJdraX0S7aRo.png) no-repeat } .db-tooltip__materia__normal .highmaterija:after { background: url(/h/0/7hWe7ViREKfvcJQ5JakKnMVOJo.png) no-repeat } .db-tooltip__materia__normal .materia7:after { background: url(/h/b/9x9f3O-XZZxGDLQgWQ1_V-QNg0.png) no-repeat } .db-tooltip__materia__normal .materia8:after { background: url(/h/E/EFk3yC7Md6EotG4cSE2fHkuwrQ.png) no-repeat } .db-tooltip__materia__normal .materia9:after { background: url(/h/p/4yePXlOiN9l1plZb_8DXFezJYQ.png) no-repeat } .db-tooltip__materia__normal .materia10:after { background: url(/h/9/tB5VrIjfI59mrK60B94sf6GWFE.png) no-repeat } .db-tooltip__materia__normal .materia11:after { background: url(/h/Z/4HVZP8eMHViqQfLdIRgFiNWNa8.png) no-repeat } .db-tooltip__materia__normal .materia12:after { background: url(/h/5/_FuOMyZVNefr9ElBZwOOaGjwR0.png) no-repeat } .db-tooltip__materia__forbidden .socket { background: url(/h/u/aoU8aVsyBxyMu3saZsbkwIpeUA.png) no-repeat } .db-tooltip__materia__forbidden .materia:after { background: url(/h/S/y-G6pSNJY-WCoskrmi_Q8vz8NY.png) no-repeat } .db-tooltip__materia__forbidden .materira:after { background: url(/h/K/YAzDqifGDQVTMBOZKt4gsUYI_c.png) no-repeat } .db-tooltip__materia__forbidden .materida:after { background: url(/h/W/DAxzGHH-YO-dWREqehSsD0YiB0.png) no-repeat } .db-tooltip__materia__forbidden .materiga:after { background: url(/h/8/7N2ItMr9wNyJ53HXqwoNKP6WWI.png) no-repeat } .db-tooltip__materia__forbidden .materija:after { background: url(/h/c/E9vBytfOsmO11RJA8S1rzHl5e4.png) no-repeat } .db-tooltip__materia__forbidden .highmaterija:after { background: url(/h/E/p0bX-3GoktGyrcl2-395wcF2JE.png) no-repeat } .db-tooltip__materia__forbidden .materia7:after { background: url(/h/P/AiIKxeIfeagzfhI7qvIS0HCUns.png) no-repeat } .db-tooltip__materia__forbidden .materia8:after { background: url(/h/1/kA_niRLAVWf-VRy7cXUkMzB4V0.png) no-repeat } .db-tooltip__materia__forbidden .materia9:after { background: url(/h/v/evtAk33iCCOyG8XNYnKfeiYZiU.png) no-repeat } .db-tooltip__materia__forbidden .materia10:after { background: url(/h/y/wOXps3Hgs7pY79m8xUkv0u459o.png) no-repeat } .db-tooltip__materia__forbidden .materia11:after { background: url(/h/B/G53xOzbBlV0RDCMb6ryP4hFrZo.png) no-repeat } .db-tooltip__materia__forbidden .materia12:after { background: url(/h/w/ovcrn60nZlB1Ebyv6XEbf9YuQk.png) no-repeat } .db-tooltip__materia__txt { float: right; width: 340px; padding: 3px 0 0 } .db-tooltip__materia__txt--param { color: #e56674 } .db-tooltip__item_repair { margin: 0 0 10px 12px } .db-view__item-info__list li, .db-view__item_repair span, .db-tooltip__item_repair span { width: 49%; display: inline-block; } .db-view__item_repair__title, .db-view__item-info__title, .db-tooltip__item_repair__title { color: #bbac94; } .db-tooltip__item-info__list { margin: 0 0 10px 12px } .db-tooltip__item-info__list li { width: 178px; display: inline-block; color: #bbac94 } .db-tooltip__item-info__list li span { color: #ccc } .db-tooltip__item-info_faceaccessory { padding: 16px } .db-tooltip__item_footer { margin-left: 4px; margin-bottom: 10px } .db-tooltip__cannot_materia_prohibition, .db-tooltip__unsellable { color: #d98298 } .db-tooltip__market_notsell { color: #d98298; margin-left: 4px } .db-tooltip__info_effects { margin: 0 0 10px 12px } .db-tooltip__info_text { margin: 0 0 10px 4px } .db-tooltip__info_text--indent { margin-left: 12px } .db-view__sells, .db-tooltip__sells, .db-tooltip__materia_requirements, .db-tooltip__desynthesizable, .db-tooltip__aetherial_reduction { color: #bbac94 } .db-view__line, .db-tooltip__line { height: 2px; background: url(../images/popup_line.gif) repeat-x 0 0; margin: 2px 0 3px 0; padding: 0; } .db-view__sub_title, .db-tooltip__sub_title { font-weight: normal; color: #666; line-height: 1; margin-left: 2px } .db-tooltip__basic_bonus { margin: 0 0 10px 12px } .db-tooltip__basic_bonus li { display: inline-block; width: 178px; vertical-align: top } .db-tooltip__basic_bonus li span { color: #bbac94 } .db-tooltip__signature-character { padding-top: 10px; font-size: 14px; vertical-align: middle } .db-tooltip__external_header, .db-tooltip__external_footer { display: none } .db-tooltip__external_header img, .db-tooltip__external_footer img { position: relative; margin-top: -9px } .db-tooltip-shop__name { font-size: 16px; color: #cccccc; font-weight: normal } .db-tooltip-shop__place li { font-size: 12px; color: #cccccc; padding: 0 0 2px 20px; margin-bottom: 4px; background: url(/h/K/PAmt576nxFrhKLd5zf3FagyuOU.png) no-repeat 0 0 } .db-tooltip-shop__place li:nth-last-child(1) { margin-bottom: 0 } .db-tooltip__level_sync { color: #f2e244 !important; font-family: "FFXIV_Lodestone_SSF", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif; font-style: italic } .db-tooltip__level_sync span { color: #f2e244 !important } .l__blogsocial { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 0 10px 8px } .l__blogsocial .social__btn { margin-left: auto } .ldst_link { display: flex; align-items: center; justify-content: center; width: 304px; height: 48px; overflow: hidden; background: #4C7EE8; border-radius: 24px; font-family: 'Noto Sans', sans-serif; font-weight: 900; font-size: 14px; color: #ffffff; text-decoration: none; transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) } .ja .ldst_link { font-family: 'Noto Sans TC', sans-serif } .ldst_link:hover { background: #548AFF; color: #ffffff; text-decoration: none; opacity: 1.0; box-shadow: 0px 1px 2px rgba(50, 50, 51, 0.1), 0px 2px 4px rgba(50, 50, 51, 0.15) } .ldst_link:active { transition: none; background: #4470CF; color: #ffffff; text-decoration: none; box-shadow: none } .social__btn { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .db-tools .social__btn { padding-bottom: 8px } .social__btn li { width: 40px; height: 40px; margin-right: 8px; display: block } .social__btn li.com { width: auto; height: auto } .social__btn li.com .ic_comment { margin: 0 } .social__btn a { display: block; text-decoration: none; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition: all .15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .15s cubic-bezier(0.55, 0.055, 0.675, 0.19); border-radius: 20px } .social__btn a.hover { text-decoration: none; -moz-transform: scale(1.125); -ms-transform: scale(1.125); -webkit-transform: scale(1.125); transform: scale(1.125) } .social__btn a.hover i { box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2) } .social__btn a.hover i.xiv-lds-facebook { background: #1877f2 } .social__btn a.hover i.xiv-lds-x { background: #000 } .social__btn i { display: block; width: 40px; height: 40px; font-size: 24px; line-height: 1; position: relative; -moz-transition: all .15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: all .15s cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition: all .15s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all .15s cubic-bezier(0.55, 0.055, 0.675, 0.19); color: #ffffff; border-radius: 20px; overflow: hidden } .social__btn i:before { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .social__btn i.xiv-lds-facebook { background: #1877f2 } .social__btn i.xiv-lds-x { background: #000 } .news__detail .social__btn i { font-size: 24px } .db-wrapper .social__btn i { font-size: 24px } .social__opacity i { opacity: .5; transition: all .15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .social__opacity a i.xiv-lds-facebook { background: rgba(0, 0, 0, 0.2) } .social__opacity a i.xiv-lds-x { background: rgba(0, 0, 0, 0.2) } .social__opacity a:hover i { opacity: 1; transform: scale(1.125) } .social__btn a:hover i.xiv-lds-facebook { background: #1877f2 } .social__btn a:hover i.xiv-lds-x { background: #000 } .cf-member { position: relative } .cf-member a { text-decoration: none } .cf-member-link { position: relative; display: flex; align-items: flex-end; flex-direction: column; justify-content: center; padding: 0 40px 0 8px; margin: -16px 0 16px; height: 84px; text-align: right; background: url(/h/h/DiFKPlYKZpaMGSV5o7gZTxHNrc.png) no-repeat left top; background-size: 192px auto; -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset; box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset, -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset } .cf-member-link:after { content: ''; position: absolute; right: 8px; top: 50%; margin-top: -8px; width: 16px; height: 16px; background: url(/h/g/fcAJxafxwcHc2GkY5g98PlFIlc.png) no-repeat 0 0; background-size: 16px auto; pointer-events: none } .cf-member-off:after { content: none } .cf-member .color_fc { background-color: #0090cd } .cf-member .color_ls, .cf-member .color_cwls { background-color: #00a35a } .cf-member .color_pvp { background-color: #e24524; margin-top: 0 } .cf-member-text { color: #ffffff; font-size: 16px; font-weight: bold } .cf-member-limit { position: absolute; right: 40px; bottom: 8px; color: #ffffff; font-size: 12px; font-weight: bold; line-height: 1 } .cf-member-limit span { font-size: 12px; font-weight: normal } .cf-member-edit { position: absolute; left: 8px; bottom: 4px } .cf-member-editicon { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 4px; background: url(/h/F/RvPcYQu3lNnKvGNHB_HtFY750g.png) no-repeat 0 0; background-size: 16px auto } .cf-member-list { position: relative; display: flex; align-items: center; padding: 0 8px 8px } .cf-member-list .select-pulldown, .cf-member-list .btn__color { margin: 0 } .cf-member-list .parts__total, .cf-member-list .select-pulldown__filter { position: static; margin: 0 } .cf-member-list .select-pulldown { width: 354px; margin-right: 10px } .cf-member-list .parts__total { margin-left: auto } .cf-member-list .btn__color { width: 120px; margin-right: auto } .cf-member-list.fr .select-pulldown, .cf-member-list.de .select-pulldown { width: 320px } .cf-member-list.fr .btn__color, .cf-member-list.de .btn__color { width: auto } .cf-member-master { position: absolute; top: 8px; right: 8px; pointer-events: none } .cf-member-appoint { position: absolute; top: 8px; right: 8px; width: auto !important; min-width: 158px; margin: 0 !important } .ls__member .cf-member-appoint { top: auto; bottom: 8px } .cf-member-join { display: inline-block; padding: 5px 12px 4px; margin-bottom: 4px; text-align: center; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; color: #ffffff; font-size: 10px; font-weight: bold; line-height: 1; pointer-events: none } .cf-member-join.color_fc { background-color: #0090cd } .cf-member-join.color_ls, .cf-member-join.color_cwls { background-color: #00a35a } .cf-member-join.color_pvp { background-color: #e24524; margin-top: 0 } .cf-member-ls.cf-member-master { top: auto; bottom: 8px } .cf-member-ls.cf-member-appoint { top: auto; bottom: 8px } .global-nav { position: relative; z-index: 11 } .l__single { z-index: 9 } .no-svg .wolvesden-table--arrow { background: url(/h/m/3I5yk4jNH89_DHRsVebUBQGHzk.png) no-repeat center center; -moz-background-size: 16px 16px; -o-background-size: 16px 16px; -webkit-background-size: 16px 16px; background-size: 16px 16px } .reward_season { width: 704px; padding-top: 16px; background: #f0f0ef; border-radius: 4px; text-align: left; color: #585858 } .js--reward_content { display: none } .js--reward_content.active { display: block } .image_viewer { background: #000000; position: relative; width: 640px; height: 360px; overflow: hidden; margin: 0 auto } .image_viewer__space { padding-bottom: 16px } .image_viewer__btn--over { position: relative } .image_viewer__btn--over .on { position: absolute; top: 0; left: 0; opacity: 0; display: block } .image_viewer__btn--prev, .image_viewer__btn--next { width: 40px; height: 80px; cursor: pointer; position: absolute; top: 50%; left: 2px; margin-top: -40px; z-index: 10; display: none } .image_viewer__btn--prev img, .image_viewer__btn--next img { width: 100%; height: auto } .image_viewer__btn--next { position: absolute; top: 50%; right: 2px; left: auto } .image_viewer__nav { text-align: center; position: absolute; bottom: 10px; width: 100%; z-index: 10 } .image_viewer__nav li { background: url(/h/u/ldreqpcJ-l0LAHSzaSJCp65GHg.png) no-repeat center top; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; width: 20px; height: 20px; display: inline-block; margin: 0 2px } .image_viewer__nav li.active { background: url(/h/0/DdUP_ger3q-crGRP9q4sVyTX3U.png) no-repeat center top; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px } .image_viewer__cover { position: absolute; top: 0; left: 0; z-index: 5 } .image_viewer__slidebox { position: relative; -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .image_viewer__slidebox img { width: 100%; height: auto } .image_viewer__slidebox .image_left { position: absolute; left: 0; top: 0; -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .image_viewer__slidebox .image_right { position: absolute; left: 0; top: 0; -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .image_viewer__slidebox .image_center { position: absolute; left: 0 } .image_viewer__slidebox.slide_left { -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -moz-transition: all .4s; -o-transition: all .4s; -webkit-transition: all .4s; transition: all .4s } .image_viewer__slidebox.slide_right { -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -moz-transition: all .4s; -o-transition: all .4s; -webkit-transition: all .4s; transition: all .4s } .image_viewer__image_list { display: none } .thefeast_reward { padding-top: 32px } .thefeast_reward__image_title { margin-bottom: 32px; text-align: center } .thefeast_reward__text { margin-bottom: 12px; font-size: 14px } .thefeast_reward__text a { color: #4c7ee8; font-weight: bold } .thefeast_reward__title { background: rgba(89, 81, 76, 0.1); text-align: center; border-radius: 4px; padding: 2px 0 0; margin-bottom: 16px; font-size: 18px; font-weight: bold; line-height: 1.4 } .thefeast_reward__title--top10 { margin-bottom: 0 } .thefeast_reward__notes { text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 16px } .thefeast_reward__top, .thefeast_reward__all { display: table; margin-bottom: 32px } .thefeast_reward__top__image, .thefeast_reward__top__text, .thefeast_reward__all__image, .thefeast_reward__all__text { display: table-cell; vertical-align: middle } .thefeast_reward__top__image__notes, .thefeast_reward__top__text__notes, .thefeast_reward__all__image__notes, .thefeast_reward__all__text__notes { color: #a62139; padding-top: 12px; font-size: 14px } .thefeast_reward__top__image, .thefeast_reward__all__image { width: 410px } .thefeast_reward__top__image img, .thefeast_reward__all__image img { display: block; border-radius: 8px } .thefeast_reward__top__text, .thefeast_reward__all__text { padding: 0 16px } .thefeast_reward__top__pre, .thefeast_reward__all__pre { display: block; margin-bottom: 32px } .thefeast_reward__top__pre__notes, .thefeast_reward__all__pre__notes { color: #a62139; font-size: 14px; font-weight: normal; text-align: center } .thefeast_reward__top__pre__image, .thefeast_reward__top__pre__image--large, .thefeast_reward__all__pre__image, .thefeast_reward__all__pre__image--large { width: 410px; margin: 0 auto 12px } .thefeast_reward__top__pre__image img, .thefeast_reward__top__pre__image--large img, .thefeast_reward__all__pre__image img, .thefeast_reward__all__pre__image--large img { display: block; border-radius: 8px; max-width: 100%; height: auto } .thefeast_reward__top__pre__image--large, .thefeast_reward__top__pre__image--large--large, .thefeast_reward__all__pre__image--large, .thefeast_reward__all__pre__image--large--large { width: 640px } .thefeast_reward__all { margin-bottom: 64px } .thefeast_reward__all__pre { margin-bottom: 64px } .thefeast_reward__top10 { position: relative; height: 840px } .thefeast_reward__top10.pre_60 { height: auto } .thefeast_reward__top10__text { position: absolute; top: 0; left: 0; width: 100%; z-index: 2 } .thefeast_reward__top10__text__item_name { padding-top: 12px; margin-bottom: 12px; font-size: 16px; font-weight: bold; color: #585858; text-align: center; text-shadow: 1px 0px 1px #ebede7, -1px 0px 1px #ebede7, 0px 1px 1px #ebede7, 0px -1px 1px #ebede7 } .thefeast_reward__top10__text__item_name a { color: #4c7ee8; font-weight: bold; text-shadow: 1px 0px 1px #ebede7, -1px 0px 1px #ebede7, 0px 1px 1px #ebede7, 0px -1px 1px #ebede7 } .thefeast_reward__top10__text__notes { font-size: 14px; color: #585858; text-shadow: 1px 0px 1px #ebede7, -1px 0px 1px #ebede7, 0px 1px 1px #ebede7, 0px -1px 1px #ebede7 } .thefeast_reward__top10__text__notes a { color: #4c7ee8; font-weight: bold; text-shadow: 1px 0px 1px #ebede7, -1px 0px 1px #ebede7, 0px 1px 1px #ebede7, 0px -1px 1px #ebede7 } .thefeast_reward__top10__slideshow { width: 836px; height: 760px; position: absolute; top: 0; left: 0; z-index: 1 } .thefeast_reward__top10__slideshow__wrapper { position: relative; width: 836px; height: 760px } .thefeast_reward__top10__slideshow .job_box { position: absolute; display: none } .thefeast_reward__top10__slideshow .job_box__item_icon { position: absolute; bottom: 42px; left: 0 } .thefeast_reward__top10__slideshow .job_box.selected { display: block } .thefeast_reward__job_list { margin-bottom: 32px; padding-left: 2px } .thefeast_reward__job_list__cover { position: absolute; display: none; width: 48px; height: 48px; top: 0; left: 0 } .thefeast_reward__job_list li { display: inline-block; margin-right: 8px; position: relative; cursor: pointer } .thefeast_reward__job_list li:nth-last-child(1) { margin-right: 0 } .thefeast_reward__job_list li.selected { cursor: default } .thefeast_reward__job_list li.selected .thefeast_reward__job_list__cover { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .thefeast_reward__job_list.patch_50 li { margin-right: 1px } .thefeast_reward__job_list.patch_60 { padding: 0 1px } .thefeast_reward__job_list.patch_60 li { width: 42px; margin-right: 2px } .thefeast_reward__job_list.patch_60 li:last-of-type { margin-right: 0 } .thefeast_reward__job_list.patch_60 li img { width: 100%; height: 100% } .thefeast_reward__item { display: table } .thefeast_reward__item__text { display: table-cell; vertical-align: middle; padding-left: 10px } .thefeast_reward__item__text--name { font-size: 14px; color: #4c7ee8; text-shadow: 1px 0px 1px #ebede7, -1px 0px 1px #ebede7, 0px 1px 1px #ebede7, 0px -1px 1px #ebede7; display: block; font-weight: bold } .thefeast_reward__item__text--name:hover { color: #6696ff; text-decoration: underline } .thefeast_reward__item__text--category { font-size: 12px } .thefeast_reward__item__text--128 { display: table-cell; vertical-align: middle } .thefeast_reward__item__crown { margin-bottom: 32px } .thefeast_reward__item__tier { margin-bottom: 16px } .thefeast_reward__item__icon, .thefeast_reward__item__icon--128 { width: 76px; height: 76px; float: none; display: table-cell; position: relative } .thefeast_reward__item__icon__inner, .thefeast_reward__item__icon--128__inner { position: relative } .thefeast_reward__item__icon__item_image, .thefeast_reward__item__icon--128__item_image { position: absolute; top: 0px; left: 0px; margin: 3px 0 0 6px } .thefeast_reward__item__icon__cover, .thefeast_reward__item__icon--128__cover { width: 76px; height: 76px; background: url(/h/C/pzBj8-5mhW4-VqgGMqH2rqsbAU.png) no-repeat; position: absolute; top: 0; left: 0 } .thefeast_reward__item__icon--128, .thefeast_reward__item__icon--128--128 { width: 152px; height: 152px } .thefeast_reward__item__icon--128__item_image, .thefeast_reward__item__icon--128--128__item_image { position: absolute; top: 0px; left: 0px; margin: 6px 0 0 12px } .thefeast_reward__item__icon--128__cover, .thefeast_reward__item__icon--128--128__cover { width: 152px; height: 152px; background: url(/h/Q/5skPOTvADP4aPiGNZ1lsvxm_I8.png) no-repeat; position: absolute; top: 0; left: 0 } .thefeast_reward__item__icon .staining, .thefeast_reward__item__icon--128 .staining { position: absolute; z-index: 1; border: 1px solid #3f3f3f; box-sizing: border-box } .thefeast_reward__item__icon .stain2, .thefeast_reward__item__icon--128 .stain2 { position: relative } .thefeast_reward__item__icon .staining { width: 12px; height: 12px; top: 2px; right: 4px; border-radius: 6px } .thefeast_reward__item__icon .stain2 { top: 14px } .thefeast_reward__item__icon--128 .staining { width: 24px; height: 24px; top: 6px; right: 12px; border-radius: 12px } .thefeast_reward__item__icon--128 .stain2 { top: 28px } .thefeast_reward__tier__title { background: rgba(89, 81, 76, 0.1); text-align: center; border-radius: 4px; padding: 3px 0 2px; line-height: 1.4 } .thefeast_reward__tier__title p { width: 50%; text-align: center; display: inline-block; font-size: 14px } .thefeast_reward__tier__list { margin-bottom: 64px } .thefeast_reward__tier__list li { display: table; border-bottom: 1px solid #b4b5b3; width: 100% } .thefeast_reward__tier__inner { display: table-cell; width: 50%; vertical-align: middle; color: #585858; font-size: 14px } .thefeast_reward__tier__inner img { margin: 0 16px 0 80px; vertical-align: middle } .thefeast_reward__tier__inner p { font-size: 18px; font-weight: bold; text-align: center } .rivalwings__sm_head { margin-bottom: 4px; font-size: 14px; font-weight: bold; color: #585858 } .pg__wrapper { width: 640px; margin: 0 auto } .pg__wrapper p { font-size: 14px; color: #585858; height: 1%; margin-bottom: 16px } .pg__wrapper p.indent { padding-left: 10px } .pg__wrapper a { color: #4c7ee8 } .pg__wrapper a:hover { color: #6696ff } .pg__wrapper .txt_red { color: #a62137 !important } .pg__title { margin: 40px 0 8px -40px } .pg__sub, .pg__sub--mb8 { position: relative; padding-left: 16px; margin: 20px 0 16px; font-size: 16px } .pg__sub:after, .pg__sub--mb8:after { content: " "; position: absolute; top: 4px; left: 0; display: block; background: #4c7ee8; width: 12px; height: 12px; border-radius: 14px } .pg__sub--mb8, .pg__sub--mb8--mb8 { margin-bottom: 8px } .pg__lead { position: relative; margin: 15px -98px 55px; padding: 0 98px; background: url(/h/f/Ljdv7qsxZFp6EcIxYt6uVgbOpc.png) repeat-y top center; font-size: 14px } .pg__lead:before { position: absolute; left: 0; bottom: -15px; content: url(/h/u/T16-XmcjfIuGM0ru-bR_Q7vqI4.png); background-repeat: no-repeat; background-position: center top; height: 15px } .pg__lead:after { position: absolute; left: 0; top: -15px; content: url(/h/e/m68Bk0bjOG08VYiyy8KjuTA_z0.png); background-repeat: no-repeat; background-position: center top; height: 15px } .pg__icon_head { position: relative; padding-left: 20px; margin: 32px 20px 16px 0; font-size: 16px !important } .pg__icon_head:after { content: " "; position: absolute; top: -16px; left: 0; display: block; width: 50px; height: 48px; background: url(/h/m/BWNuDFUzwjXVIfSM1Syz7dBxWI.png) no-repeat 0 0; background-size: 50px 48px } .pg__icon_head__image { position: relative; padding-left: 36px; margin: 0 0 8px 0; font-size: 16px !important; min-height: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 32px } .pg__icon_head__image img { position: absolute; top: 50%; left: 0; margin-top: -16px; display: block; width: 32px; height: 32px } .pg__sm_head { padding-left: 20px; margin: 32px 20px 8px 0; font-size: 14px !important } .pg__inner { margin: 0 20px } .pg__inner-16 { margin: 0 16px } .pg__image, .pg__image--mb32 { display: block; margin-bottom: 16px; text-align: center } .pg__image--mb32, .pg__image--mb32--mb32 { margin-bottom: 32px } .pg__image2 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; text-align: center } .pg__image2 div { width: 296px; margin-bottom: 16px } .pg__image2 div:first-child { margin-right: auto } .pg__image_outline { position: relative; margin-bottom: 16px; text-align: center } .pg__btn { display: block; width: 650px; height: 104px; margin: 0 0 8px -5px; overflow: hidden } .pg__btn:hover img { margin-top: -104px } .pg__btn.press img { margin-top: -208px } .pg__notes { color: #a62137; font-size: 14px } .pg__table_list { margin-top: -30px } .pg__table { width: 100%; margin-bottom: 32px; border-collapse: separate; border-spacing: 0px 2px } .pg__table tr { text-align: center } .pg__table tr th { width: 50%; padding: 2px 2px 1px 2px; text-align: center; background: rgba(89, 81, 76, 0.1); font-weight: normal; font-size: 14px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .pg__table tr td { width: 50%; padding: 2px 2px 1px 2px; text-align: center; background: rgba(89, 81, 76, 0.1); font-weight: normal; font-size: 14px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .pg__table--type02, .pg__table--type7_3, .pg__table--type3_7, .pg__table--type6_2_2, .pg__table--type2_4_4 { width: 100%; margin-bottom: 32px } .pg__table--type02.mb0, .pg__table--type7_3.mb0, .pg__table--type3_7.mb0, .pg__table--type6_2_2.mb0, .pg__table--type2_4_4.mb0 { margin-bottom: 0 } .pg__table--type02 thead th, .pg__table--type7_3 thead th, .pg__table--type3_7 thead th, .pg__table--type6_2_2 thead th, .pg__table--type2_4_4 thead th { width: 213px; background: rgba(89, 81, 76, 0.1); padding: 6px 2px; font-size: 14px; font-weight: normal; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .pg__table--type02 thead th:first-child, .pg__table--type7_3 thead th:first-child, .pg__table--type3_7 thead th:first-child, .pg__table--type6_2_2 thead th:first-child, .pg__table--type2_4_4 thead th:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pg__table--type02 thead th:nth-last-child(1), .pg__table--type7_3 thead th:nth-last-child(1), .pg__table--type3_7 thead th:nth-last-child(1), .pg__table--type6_2_2 thead th:nth-last-child(1), .pg__table--type2_4_4 thead th:nth-last-child(1) { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pg__table--type02 tbody td, .pg__table--type7_3 tbody td, .pg__table--type3_7 tbody td, .pg__table--type6_2_2 tbody td, .pg__table--type2_4_4 tbody td { vertical-align: middle; font-size: 14px; font-weight: normal; border-bottom: 1px solid #b5b5b3; text-align: center; padding: 6px 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .pg__table--type02 tbody td.txt_left, .pg__table--type7_3 tbody td.txt_left, .pg__table--type3_7 tbody td.txt_left, .pg__table--type6_2_2 tbody td.txt_left, .pg__table--type2_4_4 tbody td.txt_left { text-align: left } .pg__table--type7_3 thead th:nth-child(1), .pg__table--type7_3 thead td:nth-child(1), .pg__table--type7_3 tbody th:nth-child(1), .pg__table--type7_3 tbody td:nth-child(1) { width: 70% } .pg__table--type7_3 thead th:nth-last-child(1), .pg__table--type7_3 thead td:nth-last-child(1), .pg__table--type7_3 tbody th:nth-last-child(1), .pg__table--type7_3 tbody td:nth-last-child(1) { width: 30% } .pg__table--type3_7 thead th:nth-child(1), .pg__table--type3_7 thead td:nth-child(1), .pg__table--type3_7 tbody th:nth-child(1), .pg__table--type3_7 tbody td:nth-child(1) { width: 30% } .pg__table--type3_7 thead th:nth-last-child(1), .pg__table--type3_7 thead td:nth-last-child(1), .pg__table--type3_7 tbody th:nth-last-child(1), .pg__table--type3_7 tbody td:nth-last-child(1) { width: 70% } .pg__table--type6_2_2 thead th, .pg__table--type6_2_2 thead td, .pg__table--type6_2_2 tbody th, .pg__table--type6_2_2 tbody td { width: 20% } .pg__table--type6_2_2 thead th:nth-child(1), .pg__table--type6_2_2 thead td:nth-child(1), .pg__table--type6_2_2 tbody th:nth-child(1), .pg__table--type6_2_2 tbody td:nth-child(1) { width: 60% } .pg__table--type2_4_4 thead th:nth-child(1), .pg__table--type2_4_4 thead td:nth-child(1), .pg__table--type2_4_4 tbody th:nth-child(1), .pg__table--type2_4_4 tbody td:nth-child(1) { width: 20% } .pg__table--type2_4_4 thead th:nth-last-child(1), .pg__table--type2_4_4 thead td:nth-last-child(1), .pg__table--type2_4_4 tbody th:nth-last-child(1), .pg__table--type2_4_4 tbody td:nth-last-child(1) { width: 40% } .pg__table--type2_4_4 thead td, .pg__table--type2_4_4 tbody td { text-align: left } .pg__blue, .pg__bg_white { position: relative; margin: 15px -98px 55px; padding: 0 98px; background: url(/h/f/Ljdv7qsxZFp6EcIxYt6uVgbOpc.png) repeat-y top center } .pg__blue:before, .pg__bg_white:before { position: absolute; left: 0; bottom: -15px; content: url(/h/u/T16-XmcjfIuGM0ru-bR_Q7vqI4.png); background-repeat: no-repeat; background-position: center top; height: 15px } .pg__blue:after, .pg__bg_white:after { position: absolute; left: 0; top: -15px; content: url(/h/e/m68Bk0bjOG08VYiyy8KjuTA_z0.png); background-repeat: no-repeat; background-position: center top; height: 15px } .pg__blue h3, .pg__bg_white h3 { margin-bottom: 8px; font-size: 14px; color: #4696eb } .pg__blue p, .pg__bg_white p { color: #4696eb } .pg__bg_white h3 { color: #585858 } .pg__bg_white p { color: #585858 } .pg__blue_16 { position: relative; margin: 15px -98px 55px !important; padding: 0 98px; font-size: 16px !important; font-weight: bold; color: #4696eb !important; background: url(/h/f/Ljdv7qsxZFp6EcIxYt6uVgbOpc.png) repeat-y top center } .pg__blue_16:before { position: absolute; left: 0; bottom: -13px; content: url(/h/u/T16-XmcjfIuGM0ru-bR_Q7vqI4.png); background-repeat: no-repeat; background-position: center top; height: 15px } .pg__blue_16:after { position: absolute; left: 0; top: -15px; content: url(/h/e/m68Bk0bjOG08VYiyy8KjuTA_z0.png); background-repeat: no-repeat; background-position: center top; height: 15px } .pg__blue_16__notes { font-size: 14px !important; font-weight: normal; color: #a62137 } .pg__row { width: 640px; margin: 0 0 24px -2px; overflow: hidden; vertical-align: middle; border-collapse: separate; border-spacing: 2px 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .pg__row th, .pg__row td { width: 50%; padding: 6px 20px; text-align: center; vertical-align: middle; background: rgba(89, 81, 76, 0.05); border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .pg__row__half { width: 320px; margin: 0 0 0 -2px; overflow: hidden; vertical-align: middle; border-collapse: separate; border-spacing: 2px 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .pg__row__half th, .pg__row__half td { width: 100%; padding: 6px 20px; text-align: center; vertical-align: middle; background: rgba(89, 81, 76, 0.05); border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .pg__column2 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; text-align: center } .pg__column2 div { width: 50%; padding: 0 5px; margin-bottom: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .pg__column3 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-align: center; text-align: center } .pg__column3 div { width: 33.333333%; padding: 0 5px; margin-bottom: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .pg__column3 p { margin-bottom: 0 } .pg__list-circle { margin-top: 40px } .pg__list-circle dt, .pg__list-circle__title { position: relative; padding-left: 20px; margin-bottom: 14px; font-size: 16px; font-weight: bold } .pg__list-circle dt:after, .pg__list-circle__title:after { content: ''; position: absolute; top: 4px; left: 0; width: 14px; height: 14px; border-radius: 14px; background-color: #d99857 } .pg__list-circle dd { margin-bottom: 32px; font-size: 14px } .pg__list-circle dd:last-child { margin-bottom: 0 } .pg__ground { padding: 16px; margin-bottom: 40px; background-color: #f2f2f2; border-radius: 8px } .pg__ground__title { margin-bottom: 16px; font-size: 14px; font-weight: bold; color: #585858 } .pg__action_table { width: 100%; margin: 0 auto 32px } .pg__action_table__thead p { display: table; width: 100%; height: 41px; border-radius: 4px; text-align: center; font-weight: normal; background: #4c7ee8; margin: 0 } .pg__action_table__thead p span { display: table-cell; vertical-align: middle; color: #ffffff; font-size: 12px; padding: 0 4px; line-height: 1.2 } .pg__action_table__thead div p { height: 20px } .pg__action_table__thead hr { height: 2px; margin: 0; padding: 0; background: none; border: 0 } .pg__action_table__thead th { padding: 0 1px } .pg__action_table__thead th:nth-child(1) p { padding-left: 0 } .pg__action_table__thead th:nth-last-child(1) p { padding-right: 0 } .pg__action_table__tbody td { padding: 6px 4px; border-bottom: 1px solid #999999; vertical-align: middle; text-align: left; font-size: 12px; color: #585858; line-height: 1.4 } .pg__action_table__tbody td img { display: inline-block; vertical-align: middle } .pg__action_table__tbody td p { display: inline-block; vertical-align: middle } .pg__action_table__tbody td p img { display: block } .pg__action_table__tbody td .class_quest { color: #b36b24; font-weight: bold } .pg__action_table__tbody td .class_quest:hover { text-decoration: none } .pg__action_table__tbody td.action .action__wrapper { display: table; width: 100%; vertical-align: middle; text-align: left } .pg__action_table__tbody td.action .action__wrapper__icon { position: relative; width: 48px; height: 48px; display: inline-block; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; -webkit-background-size: 40px 40px; background-size: 40px 40px; vertical-align: middle } .pg__action_table__tbody td.action .action__wrapper__icon img { position: absolute; top: 2px !important; left: 50% !important; margin-left: -20px; display: block; z-index: 1 } .pg__action_table__tbody td.action .action__wrapper__icon:after { content: ""; background: url(/h/J/-A7DYl4vvLtvGz_nshoUsqtrEc.png) no-repeat; width: 48px; height: 48px; display: block; position: absolute; top: 0; left: 0; z-index: 2 } .pg__action_table__tbody td.action .action__wrapper p { display: table-cell; vertical-align: middle; padding-left: 2px; text-align: left; width: 100%; font-size: 12px } .pg__action_table__tbody td.cast, .pg__action_table__tbody td.recast, .pg__action_table__tbody td.cost { text-align: center } .pg__action_table__tbody td .new { color: #b2122d } .pg__action_table__tbody td.content { padding-left: 8px; padding-right: 8px } .pg__action_table__tbody td.distant_range img { vertical-align: top; margin: 0 2px 0 10px } .pg__annotation { padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #f2f2f2; box-shadow: 0px 0px 0px 2px #a62137 inset } .pg__annotation__title { margin-bottom: 16px; color: #a62137; font-size: 14px; font-weight: bold } .pg__annotation p { color: #a62137 } .timeschedule__header { padding-top: 8px; position: relative; margin-bottom: 16px } .timeschedule__header__logo { text-align: center } .timeschedule__header__artv { position: absolute; bottom: 38px; left: 0; display: block; width: 174px; height: 72px; overflow: hidden } .timeschedule__header__dcselect { float: left } .timeschedule__header__ranking__button { float: right; background: #4c7ee8; border-radius: 4px; display: block; position: relative; width: 346px; height: 38px; cursor: pointer; display: block } .timeschedule__header__ranking__button:hover { background: #628eeb; color: #eee; text-decoration: none; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4) } .timeschedule__header__ranking__button:active { box-shadow: none } .timeschedule__header__ranking__button img:active { border-radius: 4px; background: #4c7ee8; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 2px 0 rgba(255, 255, 255, 0.2) } .timeschedule__content .popup_timeschedule { cursor: default } .timeschedule__title { background: rgba(89, 81, 76, 0.1); height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; margin-bottom: 16px; padding: 10px 0 9px; font-size: 24px; font-weight: bold; color: #585858; text-align: center; line-height: 1 } .timeschedule__title__radius { background: rgba(89, 81, 76, 0.1); height: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; padding: 10px 0 9px; font-size: 24px; font-weight: bold; color: #585858; text-align: center; line-height: 1 } .timeschedule__text { font-size: 14px; margin-bottom: 40px; color: #585858 } .timeschedule__notes { color: #a62137; font-size: inherit } .timeschedule__image { margin-bottom: 40px } .nav { margin-bottom: 16px } .nav__floating { position: static; top: 56px; z-index: 10000 } .nav__floating__icon { display: block; background: url(/h/6/SHm9-qLWAuZIPY9Kw2gKgobW3M.png) no-repeat 0 0; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; width: 32px; height: 32px; float: right; cursor: pointer; margin-left: 4px; line-height: 1; display: none; position: fixed; top: 56px; right: 16px; z-index: 1000 } .nav__floating__icon:hover { background: url(/h/B/yNNBBt2kfL0fbdkga1T_3n5EYw.png) no-repeat 0 0; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px } .nav__floating__list { background: #f3f3f3; width: 294px; height: auto; border-radius: 4px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 11; display: none; position: fixed; top: 56px; right: 16px } .nav__floating__list h2 { margin: 0 4px 16px; padding-top: 8px } .nav__floating__list ul { padding: 0 16px } .nav__floating__list li { margin-bottom: 12px; padding: 0 0 0 0; font-size: 14px; min-width: 240px; text-align: left } .nav__floating__list li a { font-size: 14px; color: #4c7ee8; font-weight: bold } .nav__floating__list li a:hover { color: #6696ff; text-decoration: underline } .l__page-top__base-position { display: none; } @media screen and (max-width: 1216px) { .nav__floating__list { display: none; right: 64px } } /* @media (max-width: 960px) { body { min-width: 100%; } .l__footer { min-width: 100%; } } */ @media (max-width: 680px) { /* .page-top__btn { display: none; } */ .l__page-top__base-position { width: 100%; height: 0; position: relative; z-index: 1000; /* display: block; */ } /* .l__page-top__button { width: 44px; height: 40px; background-position: -981px 0; -moz-background-size: 1233px auto; -o-background-size: 1233px auto; -webkit-background-size: 1233px auto; background-size: 1233px auto; display: block; background-image: url(../images/icon_all.png); background-repeat: no-repeat; position: fixed; bottom: 15px; right: -20px; z-index: 1000; cursor: pointer; } */ .db-tooltip__item__icon, .db-tooltip__item__icon__cover { width: 10.9vw; height: 10.9vw; left: -0.2vw; background-size: cover; background-position: center; } .db-tooltip__item__icon img { width: 10.2vw; height: 10.2vw; margin-left: -0.1vw; } .db-tooltip__item__icon__item_image { margin: 0.4vw 0 0 0.6vw !important; } .db-tooltip__item__icon__item_image { width: 9.2vw !important; height: 9.2vw !important; } .db-tooltip__item__icon .staining { width: 2vw !important; height: 2vw !important; top: 0.2vw !important; right: 0.5vw !important; } .db-tooltip__item__icon .stain2 { position: relative; top: 2vw !important; } /* popup item */ .popup-content-sp { color: #cccccc; z-index: 10008; display: none; font-size: clamp(12px, 4.5vw, 14.5px); font-family: "Noto Sans TC", 'Microsoft JhengHei', Helvetica, 'Maven Pro', 'Droid Sans', 'Myriad Pro', Verdana, Geneva, sans-serif !important; line-height: 1.5; } .popup-content-sp .db-tooltip__item__icon__cover { width: 76px; height: 76px; } .db-tooltip__item__name { font-size: clamp(13px, 3.5vw, 15px); /* font-size: min(4vw, 15px); */ } .popup-content-sp .db-tooltip__item__icon { width: 76px; height: 76px; margin-right: 3px; } .popup-content-sp .db-tooltip__item__icon__item_image { width: 64px !important; height: 64px !important; margin: 3px 0 0 6px !important; } .popup-content-sp .db-tooltip__item__icon .stain2 { top: 12px !important; } .popup-content-sp .db-tooltip__item__icon .staining { width: 12px !important; height: 12px !important; top: 2px !important; right: 4px !important; } .popup-content-sp .db-view__item_spec { display: flex; flex-direction: column; align-items: flex-end; } .popup-content-sp .db-popup__inner { padding: 0 2vw; } } @media (max-width:450px) { .popupBox { width: 96%; margin: 0 auto; } .popup-content-sp .db-tooltip__l_main { width: 100%; margin: 0 auto; background-size: 100% auto; } .popup-content-sp .db-tooltip__l_main:before { top: -3.3vw; width: 100%; height: 3.3vw; background: url(../images/popup_bg_top.png) no-repeat left bottom; background-size: 100% 100%; } .popup-content-sp .db-tooltip__l_main:after { bottom: -3.5vw; width: 100%; height: 3.5vw; background: url(../images/popup_bg_bottom.png) no-repeat left top; background-size: 100% 100%; } .popup-content-sp .popup_w412_body_gold, .popup-content-sp .db-tooltip__item__level, .popup-content-sp .db-tooltip__header { width: 100%; } .popup-content-sp .db-view__item_repair span, .popup-content-sp .popup_w412_body_gold>div:nth-of-type(5)>.db-view__item-info__list>li { width: 49%; } .popup-content-sp .db-tooltip__bt_item_detail { width: 100%; } .popup-content-sp .db-tooltip__bt_item_detail a { width: 70vw; margin: 0 auto; height: 7vw; } .popup-content-sp .db-tooltip__bt_item_detail a img { width: 100%; } .db-tooltip__bt_item_detail a:hover img { margin-top: -7vw } } @media (max-width:270px) { .popup-content-sp .db-view__item_spec>div { width: 100%; display: flex; justify-content: center; } } @media (max-width:250px) { .db-tooltip__item__element:not(.item06) { flex-direction: column; gap: 2vw; } .db-tooltip__item__element:not(.item06) .property { flex-direction: row; order: 2; } .db-view__item_repair__title { padding-right: 5vw; } } @media (max-width:240px) { .popup-content-sp .db-view__item_repair span, .popup-content-sp .popup_w412_body_gold>div:nth-of-type(5)>.db-view__item-info__list>li { width: fit-content; } .db-view__item-info__list { flex-direction: column; } .db-tooltip__item__category { margin-bottom: 2vw; } .db-view__item-info__list li { width: fit-content; } } @media (max-width:210px) { .db-tooltip__item__element.item06 { flex-direction: column; gap: 2vw; } .db-tooltip__item__element.item06 .property { flex-direction: row; order: 2; } }