@charset "UTF-8";

/* -------------------------
   共通構成
   ------------------------- */

html{
 height:100%;
 min-height:100%;
 background-color:#cdcdc7;
}
body{
 min-width:320px;
 height:100%;
 min-height:100%;
 background:url(../img/bg_body.png) repeat-x 0px 38px #cdcdc7;
 font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#wrapper{
 position:relative;
 overflow:hidden;
 margin:0px auto;
 min-width:320px;
 height:auto;
}
.rare{
 color:#767670;
 font-family:Verdana;
 font-weight:bold;
}
.rare:before{
 content:"RARE ";
}
.ex{
 color:#767670;
 font-family:Verdana;
 font-weight:bold;
}
.ex:before{
 content:"EX ";
}
.rare_patch1{
 color:#ccb000;
}
.ex_patch1{
 color:#33bb55;
}
.item{
 color:#3355aa;
}
.keyitem{
 color:#3355aa;
 font-weight:bold;
}
.npc{
 color:#63a863;
 font-weight:bold;
}
.target{
 color:#777777;
 font-weight:bold;
}
.mob,.mob a{
 color:#89772d;
}
.nm,.nm a{
 color:#89772d;
 font-weight:bold;
}
.fire{
 background-color:#ffb7b7;
}
.ice{
 background-color:#d9ffff;
}
.wind{
 background-color:#b7ffcc;
}
.earth{
 background-color:#ffffb7;
}
.lightning{
 background-color:#ebbceb;
}
.water{
 background-color:#a3ccf4;
}
.astral{
 background-image:url("img/bg_bar_astral.gif");
}
.umbral{
 background-image:url("img/bg_bar_umbral.gif");
}
.update{
 color:#fb5523;
}
.unknown,.unknown a,.unknown a.popup{
 color:#a6a6a0;
}
.patch{
 margin-left:9px;
 color:#a6a6a0;
 font-size:9px;
 font-weight:normal;
}
.rarity_aethe,.rarity_aethe a{
 color:#f3a0b3;
 text-shadow:1px 1px 1px #666660;
}
.rarity2,.rarity2 a{
 color:#86b186;
}
.rarity3,.rarity3 a{
 color:#5a8fff;
}
.rarity4,.rarity4 a{
 color:#9582cd;
}
.MobDmgEffect{
 background-color:#ffb7b7;
}
.MobBuffEffect{
 background-color:#ffffb7;
}
.MobDebuffEffect{
 background-color:#ebbceb;
}
.MobSpEffect{
 background-color:#a3ccf4;
}
.gcgear{
 color:#97dc60;
 text-shadow:1px 1px 1px #666660;
}
.linkblue a:link,.linkblue a:visited,.linkblue a:active{
 color:#0068b7;
}
.linkblue a:hover{
 color:#1080c9;
}
.linkblue a.popup{
 color:#464640;
}
.changefloat{
 clear:both;
}

/* toggle
   --------------- */

#toggle{
 overflow:hidden;
 display:none;
}
label#toggle_open,
label#toggle_close{
 cursor:pointer;
 position:fixed;
 top:0px;
 left:0px;
}
#toggle:checked ~ #toggle_close{
 pointer-events:auto;
 background-color:rgba(0, 0, 0, .3);
}
#toggle_open{
 z-index:7;
 width:50px;
 height:35px;
 display:block;
}
#toggle_open .toggle_button{
 margin:5px 0px 0px 10px;
 padding:5px 8px 3px 8px;
 width:12px;
 height:16px;
}
#toggle_open .toggle_button:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'\f0c9';
 top:10px;
 left:18px;
 color:#f5b757;
 font-size:14px !important;
 text-shadow:0px 0px 3px #000000;
}
#toggle_close{
 pointer-events:none;
 z-index:8;
 width:100%;
 height:100%;
}

/* header
   --------------- */

#header{
 z-index:6;
 position:fixed;
}
#header:after{
 z-index:6;
 content:"";
 position:fixed;
 top:35px;
 width:100%;
 height:0px;
 border-top:1px solid #f5b757;
 border-bottom:1px solid #ee9c00;
 display:block;
}
#header ul{
 position:absolute;
 top:0px;
 right:5px;
}

/* footer
   --------------- */

#footer{
 position:absolute;
 bottom:0px;
 width:100%;
 border-top:1px solid #767670;
 border-bottom:1px solid #ffffff;
 box-shadow:0px 2px 4px 1px rgba(0,0,0,0.4) inset;
 background-image:none;
 background-color:#404040;
 color:#c6c6c0;
}
#footer a{
 color:#c6c6c0;
 text-decoration:underline;
}
#footer a:hover{
 color:#e6e6e0;
 text-decoration:underline;
}
#footer_l_wrapper{
 width:50%;
}
#footer_r_wrapper{
 padding-right:50px;
 width:calc(50% - 50px);
}

/* menu
   --------------- */

#menu{
 z-index:9;
 position:relative;
 padding-bottom:61px;
 width:200px;
 height:100%;
 min-height:100%;
}
#navi_data{
 border-right:1px solid #565650;
 background-color:#666660;
 color:#262620;
 line-height:22px;
 font-size:11px;
}
#navi_data li{
 position:relative;
 padding:0px 6px;
 border-top:1px solid #707069;
 border-right:1px solid #606059;
 border-bottom:1px solid #565650;
}
#navi_data li.dated{
 background-color:#707069;
}
#navi_data li:hover{
 border-top:1px solid #404039;
 border-right:1px solid #505049;
 background-color:#565650;
}
#navi_data li:first-child{
 border-top:none;
}
#navi_data a{
 position:relative;
 padding-left:8px;
 color:#d6d6d0;
 text-decoration:none;
}
#navi_data a:hover{
 color:#ffffff;
}
#navi_data li a:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'\f105';
 top:-4px;
 left:0px;
 color:#868680;
 font-size:12px !important;
}
#navi_data li a:hover:before{
 color:#d6d6d0;
}
#navi_data li._n a{
 display:inline;
}
#navi_equipment_ttl,
#navi_class_ttl,
#navi_monster_ttl,
#navi_gamecontents_ttl,
#navi_quest_ttl,
#navi_guildleve_ttl,
#navi_etc_ttl,
#navi_xivarchives_ttl,
#navi_archives_ttl{
 position:relative;
 padding-left:15px !important;
 width:200px;
 height:51px;
 border:none !important;
 box-sizing:border-box;
 background:url("img/bg_navi_ttl.gif") no-repeat;
 font-size:12px;
 line-height:51px;
 color:#e6e6e0;
 text-shadow:1px 1px 2px #000000, -1px -1px 2px #000000;
}
#navi_equipment_ttl:after,
#navi_class_ttl:after,
#navi_monster_ttl:after,
#navi_gamecontents_ttl:after,
#navi_quest_ttl:after,
#navi_guildleve_ttl:after,
#navi_etc_ttl:after,
#navi_xivarchives_ttl:after,
#navi_archives_ttl:after{
 position:absolute;
 content:'';
 top:0px;
 left:0px;
 width:200px;
 height:51px;
 background:url("img/bg_navi_ttl_cover.png") no-repeat;
}
#navi_equipment_ttl:after{
 background-position:85px 0px;
}
#navi_class_ttl:after{
 top:2px;
 height:48px;
 background-position:80px -51px;
}
#navi_monster_ttl:after{
 height:49px;
 background-position:80px -99px;
}
#navi_gamecontents_ttl:after{
 height:46px;
 background-position:92px -147px;
}
#navi_quest_ttl:after{
 top:2px;
 height:43px;
 background-position:85px -193px;
}
#navi_guildleve_ttl:after{
 background-position:75px -236px;
}
#navi_etc_ttl:after{
 background-position:85px -286px;
}
#navi_xivarchives_ttl:after{
 background-position:85px -337px;
}
#navi_archives_ttl:after{
 background-position:85px -388px;
}
#navi_data a.hover{
 color:#262620;
}
#navi_data .hiddencategory_inner1,
#navi_data .hiddencategory_inner2{
 position:relative;
 background-color:#666660;
}
#navi_data .hiddencategory_inner1:hover,
#navi_data .hiddencategory_inner2:hover{
 background-color:#565650;
}
#navi_data .hiddencategory_inner1:before,
#navi_data .hiddencategory_inner2:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'\f054';
 top:-1px;
 left:182px;
 color:#363630;
 font-size:10px !important;
}
#navi_data .hiddencategory_inner1:hover:before,
#navi_data .hiddencategory_inner2:hover:before{
 color:#d6d6d0;
}
#navi_data .hiddencategory_inner1 .hiddencategory_inner1_wrapper,
#navi_data .hiddencategory_inner2 .hiddencategory_inner2_wrapper{
 z-index:9;
 position:absolute;
 top:-1px;
 left:193px;
 width:200px;
 border:1px solid #767670;
 border-left:3px solid #e4a958;
 border-radius:3px;
 box-sizing:border-box;
 box-shadow:0px 0px 3px 1px #262620;
 background-color:#666660;
 display:none;
}
#navi_data .hiddencategory_inner2 .hiddencategory_inner2_wrapper{
 width:250px;
}
#navi_data .hiddencategory_inner2 .hiddencategory_inner2_wrapper .sub_txt{
 color:#333333;
 float:right;
}
#navi_data .hiddencategory_inner1 .hiddencategory_inner1_wrapper ul{
 border:none;
}
#navi_data .hiddencategory_inner1 .hiddencategory_inner1_wrapper li{
 border-right:none;
 border-bottom:1px solid #565650;
}
#navi_data .hiddencategory_inner1 .hiddencategory_inner1_wrapper li:first-child{
 border-top:none;
}
#navi_data .hiddencategory_inner1 .hiddencategory_inner1_wrapper li:last-child{
 border-bottom:none;
}
#navi_data .hiddencategory_inner1 .hiddencategory_inner1_wrapper li:hover{
 background-color:#565650;
}
#navi_data .hiddencategory_inner1:hover .hiddencategory_inner1_wrapper,
#navi_data .hiddencategory_inner2:hover .hiddencategory_inner2_wrapper{
 display:block;
}
#navi_data li#search:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'\f002';
 top:7px;
 left:179px;
 color:#b6b6b0;
 font-size:14px !important;
 text-shadow:0px 0px 3px #000000;
}
#navi_data li#search:hover:before{
 color:#d6d6d0;
}
#search_textarea{
 margin:8px 0px 7px 1px;
 width:160px;
 height:15px;
 border:1px solid #999999 !important;
 background-color:#c9c9c6 !important;
 background-image:none !important;
}
#navi_data li.patch_pickup{
 padding-top:9px;
}
#navi_data li.patch_pickup h5{
 box-shadow:0px 0px 3px #9999ff;
}
#navi_data li.patch_pickup:hover h5{
 background-color:#ffdd46;
 box-shadow:0px 0px 3px #ff9999;
}
#navi_data li.patch_pickup h5 a,
#navi_data li.patch_pickup:hover h5 a{
 padding-left:0px;
}
#navi_data li.patch_pickup:before,
#navi_data li h5 a:before{
 display:none;
}
#navi_data li#navi_cnt_goods:before,
#navi_data li#navi_cnt_envi:before,
#navi_data li#navi_cnt_download:before,
#navi_data li#navi_cnt_eventreports:before,
#navi_data li#navi_cnt_linx:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'';
 top:-1px;
 left:174px;
 color:#b6b6b0;
 font-size:14px !important;
 text-shadow:0px 0px 3px #000000;
}
#navi_data li#navi_cnt_goods:before{
 content:'\f219';
 color:#96b6f0;
}
#navi_data li#navi_cnt_envi:before{
 content:'\f11b';
 color:#b6f6b0;
}
#navi_data li#navi_cnt_download:before{
 content:'\f019';
 left:175px;
 color:#f6b690;
}
#navi_data li#navi_cnt_eventreports:before{
 content:'\f024';
}
#navi_data li#navi_cnt_linx:before{
 content:'\f08e';
 top:0px;
 left:175px;
 color:#ffffff;
}

/* contents
   --------------- */

#contents{
 z-index:auto;
 position:relative;
 margin-left:200px;
 width:100%;
 height:100%;
 min-height:100%;
 font-size:80%;
 background:url("img/sky.jpg") no-repeat 0px 1px #ffffff;
 background-size:contain;
 float:left;
}

/* navi_breadcrumbs
   --------------- */

#navi_breadcrumbs{
 position:relative;
 padding:8px 175px 9px 8px;
 min-height:18px;
 height:auto !important;
 height:18px;
 float:left;
}
#navi_breadcrumbs li{
 overflow:hidden;
 position:relative;
 padding-left:14px;
 line-height:18px;
 font-size:12px;
 white-space:nowrap;
 text-overflow:ellipsis;
 float:left;
}
#navi_breadcrumbs li:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'\f054';
 top:0px;
 left:4px;
 color:#363630;
 font-size:9px !important;
}
#navi_breadcrumbs li:last-child{
 font-weight:bold;
}
#navi_breadcrumbs li:last-child:before{
 content:'\f078';
 top:-1px;
 left:3px;
}
#navi_breadcrumbs li:first-child:before{
 display:none;
}
#navi_breadcrumbs li#navi_breadcrumbs_home{
 padding-top:2px;
 padding-left:0px;
 background:none;
}
#navi_breadcrumbs a{
 color:#405656;
}
#navi_breadcrumbs a:hover{
 color:#708686;
}
#navi_breadcrumbs_home a{
 overflow:hidden;
 width:17px;
 height:13px;
 background:url("img/btn_navi_breadcrumbs_home.png") no-repeat;
 text-indent:100%;
 white-space:nowrap;
 display:block;
}
#navi_ico{
 position:absolute;
 right:5px;
 height:28px;
 float:right;
}
#navi_ico:after{
 content:"";
 display:block;
 clear:both;
}

/* clock
   --------------- */

#eorzeaclock{
 position:relative;
 margin:7px 0px 0px 2px;
 width:120px;
 height:21px;
 background:url("img/bg_eorzeaclock.png") no-repeat;
 font-family:Georgia, 'Times New Roman';
 line-height:9px;
 font-size:9px;
 float:left;
}
#eorzeatime{
 margin:5px 0px 0px 28px;
 width:91px;
 text-align:center;
 color:#cfca79;
 display:block;
}
#eorzeaclock #eorzeaclock2{
 margin:9px 0px 0px 2px;
 padding:4px;
 width:153px;
 box-shadow:0px 0px 3px 1px #262620;
 border:1px solid #767670;
 border-radius:3px;
 background-color:#333330;
 background-color:rgba(0, 0, 0, 0.7);
 text-align:right;
 line-height:16px;
 color:#b6b6b0;
 display:none;
}
#eorzeaclock:hover #eorzeaclock2{
 z-index:2;
 position:absolute;
 font-size:12px;
 display:inline;
}
#eorzeatime2{
 width:153px;
 background:url("img/materials/eorzeaclock/clock.png") no-repeat;
 line-height:18px;
 color:#cfca79;
 display:block;
}
#eorzeatime3{
 width:153px;
 line-height:18px;
 display:block;
}
#eorzeatime3 .eorzeatime3_ice{
 padding-right:18px;
 background:url("img/materials/elemental/ice.png") no-repeat right;
 color:#d9ffff;
 display:block;
}
#eorzeatime3 .eorzeatime3_water{
 padding-right:18px;
 background:url("img/materials/elemental/water.png") no-repeat right;
 color:#a3ccf4;
 display:block;
}
#eorzeatime3 .eorzeatime3_wind{
 padding-right:18px;
 background:url("img/materials/elemental/wind.png") no-repeat right;
 color:#b7ffcc;
 display:block;
}
#eorzeatime3 .eorzeatime3_lightning{
 padding-right:18px;
 background:url("img/materials/elemental/lightning.png") no-repeat right;
 color:#ebbceb;
 display:block;
}
#eorzeatime3 .eorzeatime3_fire{
 padding-right:18px;
 background:url("img/materials/elemental/fire.png") no-repeat right;
 color:#ffb7b7;
 display:block;
}
#eorzeatime3 .eorzeatime3_earth{
 padding-right:18px;
 background:url("img/materials/elemental/earth.png") no-repeat right;
 color:#ffffb7;
 display:block;
}
#eorzeatime3 .eorzeatime3_astral{
 padding-right:18px;
 background:url("img/materials/elemental/astral.png") no-repeat right;
 color:#f9f9f6;
 display:block;
}
#eorzeatime3 .eorzeatime3_unbral{
 padding-right:18px;
 background:url("img/materials/elemental/unbral.png") no-repeat right;
 color:#969690;
 display:block;
}
.eorzeatime3_txt{
 display:none;
}
#eorzeatime3 .eorzeatime3_txt{
 display:inline;
}
#moontime{
 margin-top:9px;
 width:153px;
 line-height:18px;
 display:block;
}
#moontime .moontime_NewMoon{
 padding-right:18px;
 background:url("img/materials/eorzeaclock/NewMoon.png") no-repeat right;
 display:block;
}
#moontime .moontime_WaxingCrescent{
 padding-right:18px;
 background:url("img/materials/eorzeaclock/WaxingCrescent.png") no-repeat right;
 display:block;
}
#moontime .moontime_WaxingHalfMoon{
 padding-right:18px;
 background:url("img/materials/eorzeaclock/WaxingHalfMoon.png") no-repeat right;
 display:block;
}
#moontime .moontime_WaxingGibbous{
 padding-right:18px;
 background:url("img/materials/eorzeaclock/WaxingGibbous.png") no-repeat right;
 display:block;
}
#moontime .moontime_FullMoon{
 padding-right:18px;
 background:url("img/materials/eorzeaclock/FullMoon.png") no-repeat right;
 display:block;
}
#moontime .moontime_WaningGibbous{
 padding-right:18px;
 background:url("img/materials/eorzeaclock/WaningGibbous.png") no-repeat right;
 display:block;
}
#moontime .moontime_WaningHalfMoon{
 padding-right:18px;
 background:url("img/materials/eorzeaclock/WaningHalfMoon.png") no-repeat right;
 display:block;
}
#moontime .moontime_WaningCrescent{
 padding-right:18px;
 background:url("img/materials/eorzeaclock/WaningCrescent.png") no-repeat right;
 display:block;
}
#moontime .moontime_txt.moontime_prev,
#moontime .moontime_txt.moontime_next{
 opacity:0.50;
}
#moontime .moontime_txt.moontime_prev:before{
 content:"前";
}
#moontime .moontime_txt.moontime_next:before{
 content:"後";
}
#earthtime{
 margin-top:9px;
 width:153px;
 background:url("img/materials/eorzeaclock/clock2.png") no-repeat;
 line-height:18px;
 display:block;
}
#levetime{
 width:153px;
 background:url("img/materials/eorzeaclock/leve.png") no-repeat;
 line-height:18px;
 display:block;
}

/* twitter, print
   --------------- */

#twitter_open,
#print_open,
#pc_open,
#sp_open{
 position:relative;
 margin:7px 0px 0px 2px;
 background:url("img/btn_navi_breadcrumbs.png") no-repeat;
 line-height:21px;
 font-size:21px;
 float:left;
}
#twitter_open{
 background-position:0px 0px;
}
#print_open{
 background-position:0px -21px;
}
#pc_open{
 background-position:0px -42px;
}
#sp_open{
 background-position:0px -63px;
}
#twitter_open,
#twitter_open a,
#print_open,
#print_open a,
#pc_open,
#pc_open a,
#sp_open,
#sp_open a{
 width:21px;
 height:21px;
 display:block;
}
#twitter_open a,
#print_open a,
#pc_open a,
#sp_open a{
 overflow:hidden;
 text-indent:100%;
 white-space:nowrap;
}
#pc_open,
#sp_open{
 display:none;
}

/* ad_l
   --------------- */

#ad_l_wrapper{
 width:200px;
}
#ad_l_wrapper:before{
 position:relative;
 content:'';
 width:200px;
 height:16px;
 background:url("img/bg_ad_l_headerfooter.png") no-repeat 0px 0px;
 display:block;
}
#ad_l_wrapper:after{
 position:relative;
 content:'';
 width:200px;
 height:26px;
 display:block;
 background:url("img/bg_ad_l_headerfooter.png") no-repeat 0px -16px;
}
.ad_l{ 
 padding-bottom:4px;
 width:200px;
 background:url("img/bg_ad_l.gif") repeat-y;
}
.ad_l img{
 margin-top:4px;
 border:1px solid #413c26;
 box-shadow:0px 0px 3px #000000;
}
.ad_l img:hover,
.ad_l_txt:hover{
 border:1px solid #e6c73f;
}
.ad_l_txt{
 margin-bottom:4px;
 padding:5px 0px;
 width:60px;
 min-height:75px;
 border:1px solid #413c26;
 background-color:#ffffff;
 box-shadow:0px 0px 3px #000000;
 font-size:9px;
}
.ad_l_txt._n{
 margin-bottom:0px;
 border-bottom:0px;
}
.ad_l_ttl{
 position:relative;
 margin:14px 6px 0px 6px;
 padding-left:28px;
 border-top:1px solid #322d1c;
 border-bottom:1px solid #322d1c;
 box-sizing:border-box;
 background:url("img/ico_ttl_l.png") no-repeat 5px 4px #443f29;
 color:#e6e6e0;
 font-size:14px;
 line-height:22px;
 text-shadow:1px 1px 2px #000000, -1px -1px 2px #000000;
}
.ad_l_ttl:after{
 pointer-events:none;
 position:absolute;
 content:"";
 top:-13px;
 right:5px;
 width:92px;
 height:56px;
 background:url("img/ico_pc.png") no-repeat;
}
.ad_l_pc{
 padding:0px 6px;
 border-left:1px solid #322d1c;
 border-right:1px solid #322d1c;
 box-sizing:border-box;
}
.ad_l_pc a{
 color:#e6e6e0;
 text-decoration:none;
 display:block;
}
.ad_l_pc li{
 padding-left:28px;
 border-top:1px solid #767670;
 border-bottom:1px solid #322d1c;
 background:url("img/ico_arrow.png") no-repeat 8px 4px #565650;
 font-size:12px;
 line-height:22px;
 text-shadow:0px 0px 3px #000000;
}
.ad_l_pc li:hover{
 background:url("img/ico_arrow2.png") no-repeat 8px 4px #666660;
}
.ad_l_pc li:hover a{
 color:#e6c73f;
}
.ad_l_pc img{
 margin-top:0px;
 border:none;
 box-shadow:none;
}

/* PageTop
   --------------- */

#PageTop{
 z-index:11;
 position:fixed;
 right:5px;
 bottom:5px;
 width:40px;
 height:40px;
 border-radius:5px;
 background-color:rgba(33, 33, 33, .9);
 line-height:40px;
}
#PageTop a{
 overflow:hidden;
 white-space:nowrap;
 text-indent:100%;
 display:block;
}
#PageTop:before{
 pointer-events:none;
 position:absolute;
 font-family:'FontAwesome';
 content:'\f077';
 top:-2px;
 left:50%;
 margin-left:-12px;
 color:#ffffff;
 font-size:24px !important;
 text-shadow:0px 0px 3px #000000;
}

/* responsive
   --------------- */

@media screen and (max-width:680px){
 #toggle:checked ~ #toggle_open,
 #toggle:checked ~ #header,
 #toggle:checked ~ #footer{
  -webkit-transform:translateX(200px);
  transform:translateX(200px);
 }
 #toggle:checked ~ #menu,
 #toggle:checked ~ #contents{
  -webkit-transform:translateX(0px);
  transform:translateX(0px);
 }
 #toggle_open{
  -webkit-transition:background-color .2s, -webkit-transform .2s;
  transition:background-color .2s, transform .2s;
 }
 #toggle_close{
  transition:background-color .2s;
 }
 #logo{
  left:calc(50% - 56px);
 }
 #header{
  -webkit-transition:-webkit-transform .2s;
  transition:transform .2s;
 }
 #header_sitelink{
  z-index:7;
  position:absolute;
  margin-left:calc(100% - 50px);
  width:50px;
  height:35px;
  line-height:35px;
 }
 #header_sitelink a{
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
  display:block;
 }
 #header #header_sitelink:before{
  position:absolute;
  font-family:'FontAwesome';
  content:'\f0e8';
  top:-1px;
  right:18px;
  color:#969690;
  font-size:14px !important;
  text-shadow:0px 0px 3px #000000;
 }
 #header_sitelink ul{
  width:229px;
  top:35px;
  border:1px solid #f5b757;
  border-left:1px solid #ee9c00;
  border-top:none;
  border-radius:3px;
  display:none;
 }
 #header_sitelink:hover ul{
  display:block;
 }
 #footer{
  height:151px;
  -webkit-transition:-webkit-transform .2s;
  transition:transform .2s;
 }
 #footer_l_wrapper{
  margin-bottom:2em;
  width:100%;
  float:none;
 }
 #footer_r_wrapper{
  width:calc(100% - 50px);
  line-height:120%;
  float:none;
 }
 #menu{
  position:fixed;
  overflow-x:hidden;
  overflow-y:scroll;
  background:url(img/bg_stone.gif) repeat-y;
  -webkit-transform:translateX(-200px);
  transform:translateX(-200px);
  -webkit-transition:-webkit-transform .2s;
  transition:transform .2s;
 }
 #navi_data .hiddencategory_inner1:hover .hiddencategory_inner1_wrapper,
 #navi_data .hiddencategory_inner2:hover .hiddencategory_inner2_wrapper,
 #navi_data .hiddencategory_inner1:before,
 #navi_data .hiddencategory_inner2:before,
 #navi_data li.patch_pickup{
  display:none;
 }
 #contents{
  margin-top:37px;
  font-size:60%;
  -webkit-transform:translateX(-200px);
  transform:translateX(-200px);
  -webkit-transition:-webkit-transform .2s;
  transition:transform .2s;
 }
}
@media screen and (min-width:681px){
 .changefloat{
  display:none;
 }
 label#toggle_open,
 label#toggle_close{
  display:none;
 }
 #wrapper{
  background:url(img/bg_cover.png) repeat-y, url(img/bg_stone.gif) repeat-y;
  background-position:-3px 38px, left 38px;
 }
 #header{
  position:relative;
 }
 #header:after{
  position:absolute;
 }
 #footer{
  z-index:10;
 }
 #menu{
  margin-top:3px;
  height:100%;
  float:left;
 }
 #contents{
  margin-top:2px;
  margin-left:0px;
  width:calc(100% - 200px);
 }
}
@media screen and (max-width:800px){
 #navi_breadcrumbs{
  margin-top:28px;
 }
 #navi_breadcrumbs._n{
  margin-top:0px;
 }
 #navi_breadcrumbs{
  padding-right:5px !important;
 }
 #navi_breadcrumbs li{
  max-width:120px;
 }
 #navi_breadcrumbs li:last-child{
  max-width:270px;
 }
}
@media screen and (min-width:1201px){
 #wrapper{
  background:url(img/bg_cover.png) repeat-y, url(img/bg_stone.gif) repeat-y;
  background-position:center 38px, calc(50% - 500px) 38px;
 }
 header{
  margin:0px auto;
  width:1200px;
 }
 #header ul{
  margin-right:calc(50% - 600px);
 }
 footer{
  margin:0px auto;
  width:1200px;
 }
 #menu{
  margin-left:calc(50% - 600px);
 }
 #contents{
  margin-right:calc(50% - 600px);
  width:1000px;
 }
 #PageTop{
  right:calc(50% - 595px);
 }
}

/* -------------------------
   パーツ
   ------------------------- */

/* summary
   --------------- */

#summary{
 position:relative;
 padding-bottom:4px;
 width:100%;
 box-sizing:border-box;
 background:url("img/bg_summary_footer.gif") repeat-x bottom;
}
#summary:after{
 content:"";
 display:block;
 clear:both;
}
#navi_qlinx_wrapper{
 position:absolute;
 bottom:4px;
 width:150px;
 height:220px;
 float:left;
}
#navi_qlinx{
 position:relative;
 padding:166px 0px 0px 6px;
 width:150px;
 height:220px;
 box-sizing:border-box;
 background:url("img/bg_navi_qlinx.png") no-repeat;
 line-height:14px;
 font-size:9px;
}
#navi_qlinx:before{
 pointer-events:none;
 content:"";
 position:absolute;
 top:80px;
 left:90px;
 width:150px;
 height:220px;
 background:url("img/bg_navi_moogle.png") no-repeat;
 -webkit-animation:mog 5s alternate infinite;
 animation:mog 5s alternate infinite;
}
@-webkit-keyframes mog{
 0%{transform:translateY(0px);}
 100%{transform:translateY(15px);}
}
@keyframes mog{
 0%{transform:rotate(3deg); background-position: 0px 0px;}
 100% {transform:rotate(5deg);background-position: 0px 15px;}
}
.navi_qlinx_lodestone a,
.navi_qlinx_forum a,
.navi_qlinx_youtube a,
.navi_qlinx_twitter a,
.navi_qlinx_facebook a{
 overflow:hidden;
 text-indent:100%;
 white-space:nowrap;
 display:block;
}
.navi_qlinx_lodestone a{
 margin:0px 0px 3px 7px;
 width:125px;
 height:22px;
 background:url("img/btn_navi_qlinx_lodestone.png") no-repeat top center;
}
.navi_qlinx_lodestone a:hover{
 background:url("img/btn_navi_qlinx_lodestone.png") no-repeat bottom center;
}
.navi_qlinx_forum,
.navi_qlinx_youtube,
.navi_qlinx_twitter,
.navi_qlinx_facebook{
 position:relative;
 margin-right:5px;
 float:left;
}
.navi_qlinx_forum:hover,
.navi_qlinx_youtube:hover,
.navi_qlinx_twitter:hover,
.navi_qlinx_facebook:hover{
 opacity:0.8;
}
.navi_qlinx_forum{
 margin-left:5px;
 width:38px;
 height:12px;
 background:url("img/btn_navi_qlinx.png") no-repeat 0px 1px;
}
.navi_qlinx_youtube a{
 width:29px;
 height:12px;
 background:url("img/btn_navi_qlinx.png") no-repeat 0px -12px;
}
.navi_qlinx_twitter a{
 width:15px;
 height:12px;
 background:url("img/btn_navi_qlinx.png") no-repeat 0px -24px;
}
.navi_qlinx_facebook a{
 width:12px;
 height:12px;
 background:url("img/btn_navi_qlinx.png") no-repeat 0px -36px;
}
.navi_qlinx_twitter.navi_qlinx_twitter_maintenance:before{
 pointer-events:none;
 top:-2px;
 left:0px;
 position:absolute;
 font-family:'FontAwesome';
 content:'\f0e3';
 color:#ffffff;
 font-size:12px !important;
}

/* commentary
   --------------- */

#commentary_wrapper{
 position:relative;
 margin-left:150px;
 width:calc(100% - 150px);
 min-height:250px;
 height:auto !important;
 height:250px;
 border-left:1px solid #666660;
 box-sizing:border-box;
 background:url("img/bg_commentary_wrapper.jpg") no-repeat 0px 33px #000000;
 background-size:contain;
 float:left;
}
#commentary_wrapper section{
 min-height:250px;
 height:auto !important;
 height:250px;
 background:url("img/bg_commentary_wrapper_cover.png"), url("img/bg_commentary_wrapper_heavensward.png") no-repeat top right;
}
#commentary_wrapper h2{
 padding:16px 0px 32px 24px;
 color:#fefeff;
 font-size:200%;
 font-weight:bold;
}
#commentary{
 padding:0px 24px 24px 24px;
 color:#eef5ff;
 line-height:150%;
 text-shadow:0px 0px 3px #000000;
}
#commentary a{
 color:#77bbff;
 text-decoration:underline;
}
#commentary a:hover{
 color:#88ccff;
}
#commentary_header{
 position:relative;
 width:100%;
 height:33px;
 background:url("img/bg_commentary_header.gif") repeat-x;
}
#commentary_footer{
 position:absolute;
 bottom:0px;
 width:100%;
 height:13px;
 background:url("img/bg_commentary_footer.gif") repeat-x;
}
#commentary_header:before{
 content:"";
 position:absolute;
 top:27px;
 right:0px;
 width:500px;
 height:15px;
 background:url("img/bg_commentary_header_cover.png") no-repeat;
}
#commentary_footer:before{
 content:"";
 position:absolute;
 bottom:7px;
 left:0px;
 width:500px;
 height:14px;
 background:url("img/bg_commentary_footer_cover.png") no-repeat;
}
#commentary p:before, .schedules:before{
 content:"";
 position:absolute;
 top:-23px;
 left:-22px;
 width:44px;
 height:46px;
 background:url("img/ico_light.png") no-repeat;
 -webkit-animation:spin 60s linear infinite;
 animation:spin 60s linear infinite;
}
@-webkit-keyframes spin{
 0% {transform:rotate(0deg);}
 100% {transform:rotate(360deg);}
}
@keyframes spin{
 0% {transform:rotate(0deg);}
 100% {transform:rotate(360deg);}
}
#commentary p:after, .schedules:after{
 content:"";
 position:absolute;
 opacity:0.2;
 top:-23px;
 left:-22px;
 width:44px;
 height:46px;
 background:url("img/ico_light.png") no-repeat;
 -webkit-animation:spin2 5s linear infinite;
 animation:spin2 5s linear infinite;
}
@-webkit-keyframes spin2{
 0% {transform:rotate(0deg);}
 100% {transform:rotate(-360deg);}
}
@keyframes spin2{
 0% {transform:rotate(0deg);}
 100% {transform:rotate(-360deg);}
}
#commentary p{
 position:relative;
 margin:24px 0px 14px 0px;
 padding:9px;
 border:1px solid #161610;
 border-radius:5px;
 box-shadow:3px 3px 5px 0px rgba(0, 0, 0, 0.5);
 background-color:rgba(0, 0, 0, 0.5);
 color:#b9b9b6;
 text-shadow:none;
 display:block;
}
#commentary p .gray{
 color:#757570;
}

/* ttl
   --------------- */

.ttl_bar{
 position:relative;
 margin-top:14px;
 width:100%;
 height:57px;
 background:url("img/bg_ttl_bar.gif") repeat-x;
 color:#ffffff;
 text-shadow:0px 0px 3px #000000;
 clear:both;
}
.ttl_bar:before{
 content:"";
 position:absolute;
 top:11px;
 left:13px;
 width:11px;
 height:27px;
 background:url("img/bg_ttl_mark_s.gif") no-repeat;
}
.ttl_bar li{
 float:left;
}
.ttl_bar a{
 color:#eeeeee;
 text-decoration:none;
}
.ttl_txt{
 position:relative;
 overflow:hidden;
 margin-left:33px;
 padding-top:20px;
 width:85%;
 color:#eeeeee;
 font-size:13px;
 line-height:13px;
 font-weight:bold;
 white-space:nowrap;
 text-overflow:ellipsis;
 display:block;
}

/* ttl_btn
   --------------- */

#ttl_headlines,
#ttl_archives{
 position:relative;
 top:16px;
 left:32px;
 padding-left:24px;
 font-size:14px;
 font-weight:bold;
}
#ttl_schedules{
 display:none;
}
#ttl_headlines a,
#ttl_archives a{
 text-decoration:none;
}
#ttl_feeds,
#ttl_twitter,
#ttl_linx{
 position:relative;
 top:11px;
 left:60px;
 height:29px;
 display:block;
}
#ttl_feeds a,
#ttl_twitter a,
#ttl_linx a{
 height:29px;
 background:url("img/btn_ttl.gif") no-repeat 0px 0px;
 overflow:hidden;
 white-space:nowrap;
 text-indent:100%;
 display:block;
}
#ttl_twitter a,
#ttl_linx a{
 background-position:-2px 0px;
}
#ttl_feeds,
#ttl_feeds a{
 width:49px;
}
#ttl_twitter,
#ttl_twitter a{
 width:47px;
}
#ttl_linx,
#ttl_linx a{
 width:48px;
}
#ttl_feeds a:hover{
 background-position:0px bottom;
}
#ttl_twitter a:hover,
#ttl_linx a:hover{
 background-position:-2px bottom;
}
#ttl_headlines:before,
#ttl_archives:before,
#ttl_feeds:before,
#ttl_twitter:before,
#ttl_linx:before{
 pointer-events:none;
 position:absolute;
 font-family:'FontAwesome';
 color:#ffffff;
 font-size:21px !important;
 text-shadow:0px 0px 3px #000000;
}
#ttl_headlines:before,
#ttl_archives:before{
 content:'\f044';
 top:0px;
 left:0px;
}
#ttl_headlines:before{
 content:'\f044';
 top:0px;
 left:0px;
}
#ttl_feeds:before{
 content:'\f09e';
 top:5px;
 left:18px;
}
#ttl_twitter:before{
 content:'\f099';
 top:4px;
 left:15px;
}
#ttl_linx:before{
 content:'\f08e';
 top:5px;
 left:14px;
}

/* data
   --------------- */

#data{
 position:relative;
 padding-bottom:61px;
 width:100%;
 height:100%;
 background-color:#464640;
 float:left;
}

/* h4, h5
   --------------- */

h4{
 position:relative;
 margin-bottom:9px;
 padding:1px;
 border:1px solid #847745;
 border-radius:7px;
 box-shadow:0px 0px 2px #000000;
 background-color:#ffdd46;
}
h4:before{
 content:"";
 position:absolute;
 bottom:-7px;
 left:-4px;
 width:145px;
 height:13px;
 background:url("img/bg_h4_cover.png") no-repeat;
}
h4:after{
 content:"";
 position:absolute;
 top:-7px;
 right:-4px;
 width:145px;
 height:13px;
 background:url("img/bg_h4_cover2.png") no-repeat;
}
h4 span{
 padding:10px 7px;
 border:1px solid #000000;
 border-radius:5px;
 background-color:#486c2d;
 background:linear-gradient(to bottom, #2f4621, #486c2d);
 color:#f6f6f0;
 font-weight:bold;
 text-shadow:1px 1px 1px #333333,-1px -1px 1px #000000;
 display:block;
}
h4 a,
h4 a[name]{
 color:#f6f6f0;
 text-decoration:none;
}
h5{
 position:relative;
 margin-bottom:9px;
 padding:1px;
 max-width:500px;
 border:1px solid #808080;
 border-radius:7px;
 box-shadow:0px 0px 2px #000000;
 background-color:#e6e6e6;
}
h5:before{
 content:"";
 position:absolute;
 top:-6px;
 right:0px;
 width:32px;
 height:32px;
 background:url("img/ico_sbttl_memo.png") no-repeat;
}
h5 span{
 overflow:hidden;
 padding:3px 30px 2px 7px;
 border:1px solid #2d2d2d;
 border-radius:5px;
 background-color:#3d545c;
 background:linear-gradient(to bottom, #2a373c, #3d545c);
 font-size:12px;
 color:#f6f6f0;
 font-weight:bold;
 white-space:nowrap;
 text-overflow:ellipsis;
 display:block;
}
h5 a,
h5 a:hover{
 color:#f6f6f0;
 text-decoration:underline;
}
h4 span span.patch,
h5 span span.patch{
 padding:0px;
 border:none;
 background:none;
 font-size:9px;
 color:#a6a6a0;
 font-weight:normal;
 display:inline;
}

/* txtarea
   --------------- */

.txtarea{
 padding:10px;
 border-bottom:2px solid #c6c29a;
 background:url("img/bg_paper.gif");
 line-height:175%;
}
.txtarea_header{
 position:relative;
 padding:4px 4px 8px 34px;
 min-height:26px;
 box-sizing:border-box;
 background:url("img/bg_txtarea_header.gif") repeat-x bottom;
 color:#c6c6c0;
 font-size:13px;
 font-weight:bold;
}
.txtarea_header span:before{
 content:"";
 position:absolute;
 top:7px;
 left:9px;
 width:20px;
 height:14px;
 background:url("img/ico_ttl_l.png") no-repeat;
}
.txtarea_header span a{
 color:#77bbff;
 text-decoration:underline;
}
.txtarea_header span a:hover{
 color:#88ccff;
}
.txtarea_footer{
 height:5px;
 background:url("img/bg_txtarea_footer.gif") repeat-x;
 line-height:5px;
 font-size:5px;
}
.txtarea.nobackground{
 border-top:1px solid #f5f5f0;
 border-bottom:0px;
 background-image:none;
 background-color:#ebeae2;
}
.txtarea .tabmenu{
 position:relative;
 margin-right:5px;
 padding:5px 14px 5px 28px;
 border:1px solid #aca59a;
 border-bottom:0px;
 border-radius:7px 7px 0px 0px;
 float:left;
}
.txtarea .tabmenu:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'\f016';
 top:4px;
 left:12px;
 color:#565650;
 font-size:13px !important;
}
.txtarea .tabmenu:hover{
 background-color:#f5f5f0;
}
.txtarea .tabmenu a{
 font-weight:bold;
 text-decoration:none;
}
.txtarea.linkmenu li{
 position:relative;
 padding:6px 0px 5px 14px;
 border-bottom:1px dotted #666660;
 line-height:100%;
}
.txtarea.linkmenu li span.spansub{
 margin-top:0.5em;
 padding:5px;
 border-radius:7px;
 background-color:#e9e8da;
 color:#969680;
 line-height:120%;
 display:block;
}
.txtarea.linkmenu li a{
 font-weight:bold;
 text-decoration:none;
}
.txtarea.linkmenu li p{
 padding-top:0.5em;
 line-height:1.5em;
}
.txtarea.linkmenu li:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'\f105';
 top:5px;
 left:5px;
 color:#868680;
 font-size:12px !important;
}
.txtarea.linkmenu li:hover:before{
 color:#464640;
}
.txtarea_wrapper_2col{
 width:50%;
 float:left;
}
.txtarea_wrapper_2col._r{
 margin-left:5px;
 width:calc(50% - 5px);
}
.txtarea_wrapper_3col{
 width:34%;
 float:left;
}
.txtarea_wrapper_3col._r{
 margin-left:5px;
 width:calc(33% - 5px);
}

/* category
   --------------- */

.category{
 font-size:13px;
}
.category a{
 color:#b6b6b0;
 font-weight:bold;
 text-decoration:none;
}
.category a:hover{
 color:#f6f6f0;
}
.category a.hover{
 color:#909089;
}
.category_header{
 position:relative;
 padding:4px 0px 0px 34px;
 height:26px;
 background:url("img/bg_category_header.gif") repeat-x bottom;
 color:#c6c6c0;
 font-weight:bold;
 display:block
}
.category_header:before{
 content:"";
 position:absolute;
 top:3px;
 left:9px;
 width:20px;
 height:20px;
 background:url("img/ico_ttl_check1.png") no-repeat;
}
.category:hover .category_header:before{
 background:url("img/ico_ttl_check2.png") no-repeat;
}
.category_footer{
 height:4px;
 background:url("img/bg_category_footer.gif") repeat-x;
 line-height:4px;
 font-size:4px;
}
.category ul{
 color:#909089;
}
.category li{
 padding:4px 0px 3px 34px;
 border-top:1px solid #464640;
 background:url("img/ico_ttl_m.png") no-repeat 11px 6px #303029;
}
.category li:first-child{
 border-top:0px;
}
.category li:hover{
 background-color:#363630;
}
.category li span a{
 padding-left:14px;
 background:url("img/ico_ttl_s.png") no-repeat 0px 6px;
}
.category li span a.hover{
 padding-left:0px;
 background:none;
}
.category .hiddencategory_inner1,
.category .hiddencategory_inner2{
 position:relative;
 padding-left:12px;
}
.category .hiddencategory_inner1:before,
.category .hiddencategory_inner2:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'\f078';
 top:4px;
 left:1px;
 color:#c6c6c0;
 font-size:9px !important;
}
.category .hiddencategory_inner2._n{
 padding-left:12px;
}
.category .hiddencategory_inner2._n2{
 padding-left:0px;
}
.category li .hiddencategory,
.category .hiddencategory_inner2,
.category .hiddencategory_inner2 p,
.category .hiddencategory_inner2._n:before,
.category .hiddencategory_inner2._n2:before{
 display:none;
}
.category li:hover .hiddencategory,
.category .hiddencategory_inner2:hover p{
 display:inline;
}
.category .hiddencategory_inner1:hover .hiddencategory_inner2{
 display:block;
}
.category .link_wrapper{
 margin-right:1em;
 width:auto;
 float:left;
}
.category span:after{
 content:"";
 display:block;
 clear:both;
}
.category span.showhide:after{
 content:"";
 display:inline;
}

/* txtmark
   --------------- */

.txtmark_s{
 padding-left:14px;
 background:url("img/ico_ttl_s.png") no-repeat 0px 6px;
}

/* table
   --------------- */

table.t1{
 width:100%;
 border-spacing:1px;
 border:1px solid #a5a294;
 background-color:#dedbd5;
}
table.t1 td{
 padding:3px;
 border:0px;
}
table.t1 .c1{
 border-top:1px solid #ffffff;
 background-color:#f5f5f0;
}
table.t1 td.c1,
table.t1 .c1 td,
table.t1 tr.c2 td.c1,
table.t1 tr.c3 td.c1{
 border-top:1px solid #ffffff;
}
table.t1 .c2{
 background-color:#ebeae2;
}
table.t1 td.c2,
table.t1 .c2 td,
table.t1 tr.c1 td.c2,
table.t1 tr.c3 td.c2{
 border-top:1px solid #f5f5f0;
}
table.t1 .c3{
 background-color:#e3e1d8;
}
table.t1 td.c3,
table.t1 .c3 td{
 border-top:1px solid #ebeae2;
}
table.t1 .ct1{
 background-color:#9e978d;
 line-height:150%;
}
table.t1 .ct1.txt70per td{
 padding:1px 3px;
}
table.t1 td.ct1,
table.t1 .ct1 td{
 border-top:1px solid #aca59a;
}
table.t1 .line{
 margin:4px 0px;
 width:auto;
 height:1px;
 background-color:#dedbd5;
 line-height:1px;
 font-size:1px;
}
table.t1.list{
 margin:0px;
 border-spacing:0px;
 border:0px;
 line-height:150%;
}
table.t1.list td{
 border-bottom:1px solid #dedbd5;
}
table.t1.list td.ct1,
table.t1.list .ct1 td{
 border-bottom:1px solid #88827a;
}
table.t1.list tr.ct1 td{
 border-right:1px solid #aca59a;
}
table.t1.list tr.c1 td,
table.t1.list tr.c2 td{
 border-right:1px solid #dedbd5;
}
table.t1.list tr td:last-child,
table.t1.list tr td._n,
table.t1.list tr.c1 td.ct1{
 border-right:0px;
}
table.t1 .impact{
 font-family:Impact;
 font-size:1.5em;
 text-shadow:1px 1px 1px #ffffff, -1px -1px 1px #cccccc;
}
table.t1.pbox p{
 margin-top:2px;
 padding:5px;
 border:1px solid #c9c9c6;
 background-color:#ffffff;
 background:linear-gradient(to bottom, #fafafa, #ffffff);
 color:#777777;
}
table.t1.pbox .gray p{
 color:#a6a6a0;
}
table.t1 .t_w50{
 width:50%;
}
table.t1 .t_w45{
 width:45%;
}
table.t1 .t_w40{
 width:40%;
}
table.t1 .t_w35{
 width:35%;
}
table.t1 .t_w30{
 width:30%;
}
table.t1 .t_w25{
 width:25%;
}
table.t1 .t_w20{
 width:20%;
}
table.t1 .t_w15{
 width:15%;
}
table.t1 .t_w10{
 width:10%;
}
table.t1 .t_w5{
 width:5%;
}

/* list
   --------------- */

ul.u1{
 margin-left:14px;
 list-style:disc;
}
ul.u_txtmark_s li{
 padding:0px 0px 0px 21px;
 background:url("img/ico_ttl_s.png") no-repeat 3px 0.4em;
}
ul.u_txtmark_s li ul li,
ul.u_txtmark_s li ol li{
 margin-top:0px;
 padding:0px;
 background:none;
}
ol.o1{
 margin-left:20px;
 list-style:decimal;
}
ul.ulspacer,
ol.olspacer,
ul.lispacer li,
ol.lispacer li{
 margin-top:1.5em;
}

/* sitelink
   --------------- */

a.sitelink{
 padding:0px 0px 0px 14px;
 background:url("img/ico_mark_arrow.gif") no-repeat 0px 0.3em;
 text-decoration:underline;
}

/* popup
   --------------- */

a.popup{
 padding-left:14px;
 background:url("img/ico_mark_popup.gif") no-repeat 0px 0.3em;
 color:#464640;
 text-decoration:underline;
}
a.popup .popup_wrapper{
 padding:5px;
 width:425px;
 box-shadow:1px 1px 5px #262620;
 border:1px solid #969690;
 border-top:3px solid #767670;
 box-sizing:border-box;
 background-color:#ffffff;
 color:#464640;
 line-height:150%;
 text-align:left;
 display:none;
}
a.popup:hover .popup_wrapper{
 z-index:2;
 position:absolute;
 left:200px;
 margin-top:1em;
 display:block;
}
a.popup .popup_wrapper.map{
 width:250px;
 border:1px solid #969690;
 border-radius:10px;
 box-sizing:content-box;
}

/* eorzeadb_tooltip
   --------------- */

#eorzeadb_tooltip{
 margin-top:1.5em;
 z-index:99999;
}
#eorzeadb_tooltip .external_footer,
#eorzeadb_tooltip .rare:before,
#eorzeadb_tooltip .ex:before,
#eorzeadb_tooltip .bt_db_item_detail{
 display:none;
}
#eorzeadb_tooltip .ex_bind{
 font-family:Verdana;
 font-weight:bold;
}
#eorzeadb_tooltip .sys_hq_element{
 display:block;
}
#eorzeadb_tooltip .sys_hq_element h3,
#eorzeadb_tooltip .item_name img.sys_hq_element,
#eorzeadb_tooltip .ic_reflection.sys_hq_element{
 display:none;
}
#eorzeadb_tooltip .item_detail_box .sys_hq_element .parameter strong,
#eorzeadb_tooltip .sys_hq_element li,
#eorzeadb_tooltip .eorzeadb_tooltip_ml4 .sys_hq_element{
 color:#767676;
}
#eorzeadb_tooltip .materia .socket{
 margin-bottom:3px;
 width:20px;
 height:20px;
 background:url("img/ico_itemui_materia.png") no-repeat;
}
#eorzeadb_tooltip .eorzeadb_tooltip_txt_green{
 color: #97dc60 !important;
}

/* showhide
   --------------- */

.showhide{
 padding-left:14px;
 background:url("img/ico_mark_showhide.gif") no-repeat 0px 0.3em;
}
.showhide a[name]{
 text-decoration:underline;
}
.showhide_wrapper,.showhide_wrapper_inner{
 display:none;
}

/* img
   --------------- */

.img{
 padding:2px;
 border:1px solid #666660;
 box-shadow:0px 0px 4px 1px #000000;
 background-color:#1b1b1b;
 float:left;
}
.img:hover{
 border:1px solid #e6c73f;
}
.img img{
 border:2px solid #363630;
}
.img.adjust img{
 max-width:100%;
 width:calc(100% - 4px);
 height:auto;
}
.img._r{
 margin-left:1em;
 float:right;
}

/* txtdeco
   --------------- */

.txtdeco_notice{
 margin:5px 0px;
 padding:9px 9px 9px 60px;
 border:1px solid #b2af90;
 border-radius:9px;
 background:url("img/bg_exclamationmark.png") no-repeat 9px 9px #e9e8da;
 color:#555555;
 display:block;
}
.txtdeco_wrapper{
 float:left;
}
.txtdeco_summary{
 margin:0px 15px 15px 0px;
 padding:1px;
 width:300px;
 border:1px solid #b2af90;
 border-radius:7px;
 box-sizing:border-box;
 box-shadow:0px 0px 2px #000000;
 background-color:#ffffff;
 color:#777777;
 float:left;
}
.txtdeco_summary span{
 border:1px solid #000000;
 border-radius:5px;
 background-color:#464640;
 color:#f6f6f0;
 display:block;
}
.txtdeco_summary h6{
 margin-top:10px;
 padding:5px 10px;
 background-color:#000000;
 color:#f6f6f0;
 font-weight:bold;
}
.txtdeco_summary table{
 margin:10px;
}
.txtdeco_common1{
 margin:0px 15px 15px 0px;
 width:300px;
 border:1px solid #b2af90;
 border-radius:5px;
 box-sizing:border-box;
 box-shadow:0px 0px 2px #000000;
 background-color:#ededea;
 background:linear-gradient(to bottom, #d6d6d0, #ededea);
 color:#555555;
 float:left;
}
.txtdeco_common1 h6{
 margin-top:10px;
 padding:5px 10px 5px 10px;
 border-top:1px solid #c6c6c0;
 border-bottom:1px solid #c6c6c0;
 background-color:#ffffff;
 background:linear-gradient(to bottom, #fafafa, #ffffff);
 color:#333333;
 font-weight:bold;
}
.txtdeco_wrapper._r,
.txtdeco_summary._r,
.txtdeco_common1._r{
 margin:0px 0px 15px 15px;
 float:right;
}
.txtdeco_common1 p{
 padding:10px;
}

/* item
   --------------- */

.item_txt{
 margin-bottom:6px;
 padding:5px 3px;
 border:1px solid #c6c6c0;
 background-color:#ededea;
 color:#464640;
 text-shadow:none;
}
.item_sbttl{
 width:110px;
 color:#b4ada5;
 float:left;
 clear:left;
}
.item_sbdetail{
 width:184px;
 float:left;
}
.item_itemlv{
 position:absolute;
 left:0px;
 padding-left:12px;
 width:100%;
 box-sizing:border-box;
 background-color:rgba(0, 0, 0, .5);
 font-weight:bold;
}

/* itemico
   --------------- */

.itemico_wrapper{
 margin:0px 5px 5px 0px;
 float:left;
}
.itemico_wrapper_50per{
 margin:0px 2px 2px 0px;
 float:left;
}
.itemico_base{
 margin:2px 0px 0px 4px;
 float:left;
}
.itemico_base_50per{
 margin:-2px 0px 0px 2px;
 float:left;
}
table.t1.list .itemico_base_50per{
 margin:1px 0px 0px 2px;
 float:left;
}
.itemico_frame,
.itemico_frame_50per{
 pointer-events:none;
 position:absolute;
 width:48px;
 height:48px;
 background:url("http://www5.plala.or.jp/SQR/ff14/img/ico_itemico_frame_reflection_40px.png") no-repeat;
}
.itemico_frame_50per{
 width:24px;
 height:24px;
 background-size:24px 24px;
}
.itemico_base a.popup,
.itemico_base_50per a.popup{
 padding:0px;
 background:none;
}
.itemico_name,
.itemico_name_50per{
 overflow:hidden;
 padding-top:13px;
 width:calc(100% - 52px);
 text-overflow:ellipsis;
 float:left;
}
.itemico_name_50per{
 padding-top:1px;
 width:calc(100% - 28px);
}
.itemico_name a.popup .popup_wrapper,
.itemico_name_50per a.popup .popup_wrapper{
 overflow:visible;
}
.itemico_plural,
.itemico_plural_50per{
 pointer-events:none;
 position:absolute;
 width:43px;
 height:0px;
 color:#ffffff;
 font-size:11px;
 line-height:73px;
 text-align:right;
 text-shadow:1px 1px 1px #000000,-1px -1px 2px #000000;
}
.itemico_plural_50per{
 width:20px;
 line-height:33px;
}

/* recipe
   --------------- */

.recipe_wrapper a.hover{
 color:#363630;
 text-decoration:none;
}
.recipe_wrapper .hiddenrecipe,
.recipe_wrapper .hiddenrecipe_inner2{
 margin-bottom:5px;
 margin-left:-9px;
 padding:5px 8px;
 border-bottom:1px dotted #767670;
 border-left:1px dotted #969690;
}
.recipe_wrapper .hiddenrecipe_inner2{
 border-bottom:1px dotted #c6c6c0;
 border-left:1px dotted #c6c6c0;
}
.recipe_wrapper li,
.recipe_wrapper .hiddenrecipe_inner1{
 padding-left:16px;
 background:url("img/ico_arrow_black_bold.gif") no-repeat 5px 5px;
}
.recipe_wrapper li._n,
.recipe_wrapper .hiddenrecipe_inner1._n{
 background:url("img/ico_arrow_white_bold.gif") no-repeat 5px 5px;
}
.recipe_wrapper li:hover,
.recipe_wrapper .hiddenrecipe_inner1{
 background:url("img/ico_downarrow_black_bold.gif") no-repeat 4px 6px;
}
.recipe_wrapper li._n:hover{
 background:url("img/ico_arrow_white_bold.gif") no-repeat 5px 5px;
}
.recipe_wrapper li .hiddenrecipe,
.recipe_wrapper .hiddenrecipe_inner2{
 display:none;
}
.recipe_wrapper li:hover .hiddenrecipe,
.recipe_wrapper li:hover .hiddenrecipe_inner1,
.recipe_wrapper li:hover .hiddenrecipe_inner2,
.recipe_wrapper .hiddenrecipe_inner1:hover .hiddenrecipe_inner2{
 display:block;
}
.recipe_wrapper .hiddenrecipe_inner2,
.recipe_wrapper .hiddenrecipe_inner2 a{
 color:#b9b9b0;
}

/* map
   --------------- */

.map_iframe{
 max-height:542px;
 border-bottom:2px solid #c6c29a;
}
.map_iframe iframe{
 width:100%;
 height:542px;
}
.map_txtarea_iframe{
 border:none;
}
.map_txtarea_iframe img{
 max-width:100%;
}
.map_base{
 position:relative;
 padding:4px;
 max-width:512px;
 border:1px solid #666660;
 box-shadow:0px 0px 4px 1px #000000;
 background-color:#1b1b1b;
}
.map_base:hover{
 border:1px solid #e6c73f;
}
.map_base img{
 max-width:100%;
 width:100%;
 height:auto;
}
.map_guide_base{
 position:relative;
}
.map_guide{
 position:absolute;
 right:10px;
 margin:3px 3px 0px 0px;
}
.map_250x250px_radius{
 width:250px;
 height:250px;
 border-radius:8px;
}
.map_290x290px{
 width:290px;
 height:290px;
 margin:2px;
}
.map_290x100px{
 width:290px;
 height:100px;
 margin:2px;
}
.map_290x150px{
 width:290px;
 height:150px;
 margin:2px;
}
.map_150x150px{
 width:150px;
 height:150px;
 margin:2px;
}
.map_pos{
 pointer-events:none;
 position:absolute;
 top:8px;
 right:8px;
 line-height:14px;
 font-size:14px;
 font-family:Georgia, 'Times New Roman';
 color:#e6c73f;
 text-shadow:0px 0px 3px #000000;
}

/* responsive
   --------------- */

@media screen and (max-width:680px){
 #data{
  padding-bottom:161px;
 }
 .txtarea_wrapper_3col,
 .txtarea_wrapper_3col._r{
  margin-left:0px;
  width:100%;
  float:none;
 }
 a.popup .popup_wrapper{
  width:320px;
 }
 #eorzeadb_tooltip{
  left:0px !important;
 }
 #eorzeadb_tooltip .popup_w412_header_gold{
  width:318px !important;
  border:1px solid #090909;
  border-radius:5px;
  box-shadow:0px 0px 4px 1px #262620;
  background-image:none !important;
  background-color:#2f2f2f;
 }
 #eorzeadb_tooltip .eorzeadb_tooltip_only_external.tc{
  display:none;
 }
 #eorzeadb_tooltip .popup_w412_footer_gold{
  background-image:none !important;
 }
 #eorzeadb_tooltip .popup_w412_body_gold{
  padding:0px !important;
  background-image:none !important;
 }
 #eorzeadb_tooltip .area_header_w400_gold{
  width:318px !important;
 }
 #eorzeadb_tooltip .area_body_w400_gold{
  background-image:none !important;
  background-color:rgba(0, 0, 0, .5) !important;
 }
 #eorzeadb_tooltip .item_detail_box .name_area{
  width:294px !important;
 }
 #eorzeadb_tooltip .parameter_name,
 #eorzeadb_tooltip .parameter,
 #eorzeadb_tooltip .item_detail_box .list_1col li div{
  width:calc((100% - 12px) / 3) !important;
 }
 #eorzeadb_tooltip .parameter_space{
  margin-left:103px !important
 }
 .img._r{
  margin-bottom:1em;
  margin-left:0px;
  float:left;
 }
 .itemico_name{
  padding-top:0px;
  width:100%;
  white-space:normal;
 }
 .txtdeco_wrapper,
 .txtdeco_wrapper._r{
  margin:0px 0px 15px 0px;
  float:none;
 }
 .map_guide{
  left:13px;
 }
}
@media screen and (max-width:742px){
 .map_iframe{
  position:relative;
  width:100%;
  padding-top:100%;
 }
 .map_iframe iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
 }
}
@media screen and (max-width:760px){
 .map_base .map_pos{
  display:none;
 }
 .map_txtarea_iframe .map_base .map_pos{
  display:block;
 }
}
@media screen and (max-width:560px){
 .map_txtarea_iframe .map_base .map_pos{
  display:none;
 }
}
@media screen and (max-width:800px){
 #navi_qlinx_wrapper{
  display:none;
 }
 #commentary_wrapper{
  margin:0px;
  width:100%;
  border-left:none;
 }
 .txtdeco_summary,
 .txtdeco_common1,
 .txtdeco_summary._r,
 .txtdeco_common1._r{
  margin:0px 0px 15px 0px;
  float:none;
 }
}
@media screen and (max-width:920px){
 #commentary_header:before,
 #commentary_footer:before{
  display:none;
 }
 a.popup:hover .popup_wrapper{
  left:0px;
 }
}
@media screen and (min-width:921px){
 #data.data_index,
 #data.data_archives{
 margin-bottom:-32706px;
 padding-bottom:32767px;
 width:calc(100% - 200px);
 }
}

/* -------------------------
   index
   ------------------------- */

/* ico
   --------------- */

.goods,
.book,
.game,
.music,
.maintenance,
.event{
 position:relative;
}
.goods:before,
.book:before,
.game:before,
.music:before,
.maintenance:before,
.event:before{
 top:-1px;
 left:-18px;
 position:absolute;
 font-family:'FontAwesome';
 content:'';
 color:#ffffff;
 font-size:12px !important;
}
.goods:before{
 content:'\f219';
}
.book:before{
 content:'\f02d';
}
.game:before{
 content:'\f11b';
}
.music:before{
 content:'\f001';
}
.maintenance:before{
 content:'\f013';
 left:-17px;
}
.event:before{
 content:'\f024';
}

/* schedules
   --------------- */

.schedules{
 position:relative;
 margin:14px 0px;
 width:auto;
 border-bottom:1px solid rgba(75, 75, 75, .1);
 color:#c6c6c0;
}
.schedules .schedules_date{
 width:75px;
 text-align:right;
 color:#b6b6b0;
 font-size:10px;
 font-weight:bold;
 float:left;
}
.schedules .schedules_date span{
 color:#e6e6e0;
}
.schedules .schedules_txt{
 overflow:hidden;
 padding-left:25px;
 width:calc(100% - 75px);
 box-sizing:border-box;
 white-space:nowrap;
 text-overflow:ellipsis;
 text-shadow:0px 0px 3px #000000;
 float:left;
}
.schedules .schedules_txt:hover{
 overflow:visible;
 white-space:normal;
}
.schedules li{
 padding:3px 0px 4px 0px;
 border-top:1px solid #c9c9c6;
 border-top:1px solid rgba(75, 75, 75, .1);
 background-color:rgba(75, 75, 75, .1);
}
.schedules li.official .schedules_date span{
 color:#ca3a3a;
}
.schedules li:hover{
 background-color:rgba(0, 0, 0, .2);
}
.schedules li .line{
 margin:5px 0px;
 width:auto;
 height:1px;
 background-color:#161610;
 line-height:1px;
 font-size:1px;
}

/* ad
   --------------- */

#banner1_wrapper,
#banner2_wrapper,
#banner3_wrapper,
#banner4_wrapper,
#banner5_wrapper,
#banner6_wrapper,
#banner7_wrapper{
 margin:10px auto 5px auto;
 border:1px solid #666660;
 box-shadow:0px 0px 4px 1px #000000;
 background-color:#1b1b1b;
}
#banner1_wrapper{
 width:308px;
}
#banner2_wrapper{
 width:128px;
}
#banner3_wrapper{
 width:242px;
 float:left;
}
#banner4_wrapper{
 margin:10px auto 5px 9px;
 width:98px;
 float:left;
}
#banner5_wrapper,
#banner6_wrapper,
#banner7_wrapper{
 margin-top:14px;
 width:308px;
}
#banner2_wrapper,
#banner3_wrapper,
#banner4_wrapper,
#banner6_wrapper,
#banner7_wrapper{
 display:none;
}
#banner1_wrapper:hover,
#banner2_wrapper:hover,
#banner3_wrapper:hover,
#banner4_wrapper:hover,
#banner5_wrapper:hover,
#banner6_wrapper:hover,
#banner7_wrapper:hover{
 border:1px solid #e6c73f;
}
#banner1{
 position:relative;
 margin:2px;
 padding:2px;
 background:url("img/bg_banner1.jpg") no-repeat 2px 2px #363630;
}
#banner1,
#banner1 a{
 width:300px;
 height:120px;
 display:block;
}
#banner1 a{
 overflow:hidden;
 text-indent:100%;
 white-space:nowrap;
}
#banner1:after,
#banner4:after{
 pointer-events:none;
 position:absolute;
 content:"";
 top:2px;
 left:2px;
 width:300px;
 height:120px;
 box-sizing:border-box;
 border:1px solid rgba(255, 255, 255, 0.3);
}
#banner4:after{
 width:90px;
}
#banner2,
#banner3,
#banner4,
#banner5,
#banner6,
#banner7{
 position:relative;
 margin:2px;
 padding:2px;
 background-color:#363630;
}
.ad_bottom_wrapper{
 border-top:1px solid #262626;
 background:url("img/bg_ad_bottom_wrapper.gif") repeat-x;
}

/* tab
   --------------- */

#tab_wrapper ul#tab li{
 float:left;
}
#tab_wrapper dl{
 clear:both;
}

/* headlines
   --------------- */

#headlines{
 padding:24px 0px 10px 0px;
 background:url("img/bg_paper.gif");
}
#headlines h2{
 margin:0px 8px;
 line-height:1.5em;
 text-decoration:underline;
}
#headlines p{
 margin:2px 4px 0px 45px;
 line-height:1.5em;
}
#headlines a{
 color:#004488;
}
#headlines a:hover{
 color:#1080c9;
}
#headlines .date{
 position:relative;
 top:-14px;
 padding-top:11px;
 padding-left:45px;
 width:176px;
 height:27px;
 box-sizing:border-box;
 background:url("img/bg_headlines_date.png") no-repeat;
 color:#b6b6b0;
 font-size:10px;
 font-weight:bold;
 line-height:10px;
}
#headlines .date span{
 position:absolute;
 top:4px;
 left:84px;
 color:#e6e6e0;
 font-size:24px;
 line-height:24px;
 text-shadow:0px 0px 3px #000000;
}
#headlines .date2{
 margin:3px 0px 0px 45px;
 color:#8b8b8b;
 font-size:10px;
 font-weight:bold;
}
#headlines .ffxiv{
 padding-left:38px;
 background:url("img/ico_headlines_ffxiv.png") no-repeat 0px 2px;
}
#headlines .ffxivetc{
 padding-left:38px;
 background:url("img/ico_headlines_ffxivetc.png") no-repeat 0px 2px;
}
#headlines .ffxi{
 padding-left:38px;
 background:url("img/ico_headlines_ffxi.png") no-repeat 0px 2px;
}
#headlines .ffxietc{
 padding-left:38px;
 background:url("img/ico_headlines_ffxietc.png") no-repeat 0px 2px;
}
#headlines .sqex{
 padding-left:38px;
 background:url("img/ico_headlines_sqex.png") no-repeat 0px 2px;
}
#headlines .mmo{
 padding-left:38px;
 background:url("img/ico_headlines_mmo.png") no-repeat 0px 2px;
}
#headlines .etc{
 padding-left:38px;
 background:url("img/ico_headlines_etc.png") no-repeat 0px 2px;
}
#headlines .ffxiv2{
 background:url("img/ico_headlines_ffxiv.png") no-repeat 8px 15px;
}
#headlines .ffxivetc2{
 background:url("img/ico_headlines_ffxivetc.png") no-repeat 8px 15px;
}
#headlines .ffxi2{
 background:url("img/ico_headlines_ffxi.png") no-repeat 8px 15px;
}
#headlines .ffxietc2{
 background:url("img/ico_headlines_ffxietc.png") no-repeat 8px 15px;
}
#headlines .ffxiv2,
#headlines .ffxivetc2,
#headlines .ffxi2,
#headlines .ffxietc2{
 padding-left:0px;
 min-height:30px;
 height:auto !important;
 height:30px;
}
#headlines .line{
 margin:4px 0px 4px 45px;
 width:auto;
 height:1px;
 border-bottom:1px solid #b2ad73;
 background-color:#5b5000;
 line-height:1px;
 font-size:1px;
 clear:left;
}
#headlines .line2{
 margin:21px 0px 0px 45px;
 width:auto;
 height:1px;
 border-top:1px solid #9e974b;
 border-bottom:1px solid #b2ad73;
 background-color:#5b5000;
 line-height:1px;
 font-size:1px;
 clear:left;
}
#headlines .img{
 position:relative;
 margin:6px 5px 7px 0px;
}
#headlines h2:after{
 content:"";
 display:block;
 clear:both;
}
#headlines .showhide_wrapper{
 margin:5px 0px;
 padding:5px;
 border:1px solid #c9c9c6;
 background-color:#ffffff;
 background:linear-gradient(to bottom, #fafafa, #ffffff);
 color:#777777;
}
#headlines .popup_wrapper{
 color:#464640;
}
#headlines .goods,
#headlines .book,
#headlines .game,
#headlines .music,
#headlines .maintenance,
#headlines .event{
 margin-left:45px;
}
#headlines .goods:before,
#headlines .book:before,
#headlines .game:before,
#headlines .music:before,
#headlines .maintenance:before,
#headlines .event:before{
 top:3px;
 text-shadow:0px 0px 3px #000000;
}

/* feeds
   --------------- */

#feeds_wrapper{
 line-height:130%;
}
#feeds_wrapper select{
 width:50%;
}
#feeds_wrapper a{
 color:#004488;
}
#feeds_wrapper a:hover{
 color:#1080c9;
}
#feeds_wrapper h2{
 display:none;
}
#feeds_wrapper ul{
 margin-top:5px;
}
#feeds_wrapper li{
 padding:6px 0px 6px 28px;
 border-top:1px dotted #666660;
 background:url("img/ico_ttl_l.png") no-repeat 3px 7px;
 font-size:12px;
}
#feeds_wrapper li:first-child{
 border-top:0px;
}
#feeds_wrapper select{
 margin:6px 0px 3px 0px;
}
#feed p{
 padding:9px 9px 6px 0px;
}

/* twitter
   --------------- */

#twitter_wrapper{
 line-height:130%;
}
#twitter_wrapper a{
 color:#004488;
}
#twitter_wrapper a:hover{
 color:#1080c9;
}
#twitter_wrapper h4{
 border:0px;
 background:none;
}

/* archives
   --------------- */

#navi_archives_wrapper{
 margin:10px 10px 0px 10px;
 padding:2px;
 border:1px solid #666660;
 box-shadow:0px 0px 4px 1px #000000;
 background-color:#1b1b1b;
}
#navi_archives_wrapper:hover{
 border:1px solid #e6c73f;
}
#navi_archives{
 padding:10px;
 border:2px solid #363630;
 background-color:#565650;
 color:#aaaaaa;
}
#navi_archives dt{
 margin-right:10px;
 color:#ca9a3a;
 font-size:24px;
 line-height:24px;
 font-weight:bold;
 text-shadow:0px 0px 3px #000000;
 float:left;
}
#navi_archives dd{
 line-height:24px;
}
#navi_archives dd:after,
#navi_archives:after{
 content:"";
 display:block;
 clear:both;
}
#navi_archives a{
 color:#e6e6e0;
 text-decoration:underline;
}
#navi_archives a:hover{
 background-color:#969690;
 color:#ffffff;
 text-decoration:none;
}

/* navi_linx
   --------------- */

#navi_linx_right{
 margin-bottom:-32706px;
 padding-bottom:32767px;
 height:100%;
 box-shadow:2px 0px 3px 0px rgba(0, 0, 0, 0.5) inset;
}
.navi_linx{
 padding-top:5px;
 background:url("img/bg_stone.gif") #565650;
}
.navi_linx a{
 color:#b6b6b0;
 text-decoration:none;
}
.navi_linx a:hover{
 color:#d6d6d0;
}
.navi_linx h6{
 margin-left:14px;
 padding:4px 0px 4px 16px;
 border-bottom:2px solid #363630;
 background:url("img/ico_ttl_s.png")  no-repeat 2px 5px;
 line-height:100%;
 font-weight:bold;
}
.navi_linx li{
 position:relative;
 padding:3px 0px 3px 14px;
 border-bottom:1px solid #363630;
 color:#a6a690;
 line-height:1.5em;
}
.navi_linx li:hover{
 box-shadow:2px 0px 3px 0px rgba(0, 0, 0, 0.5) inset;
 background-color:#464640;
}
.navi_linx li:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'\f105';
 top:2px;
 left:5px;
 color:#868680;
 font-size:12px !important;
}
.navi_linx li:hover:before{
 color:#d6d6d0;
}
.navi_linx li._n{
 padding:3px 0px;
}
.navi_linx li._n:hover{
 box-shadow:none;
 background:none;
}
.navi_linx li._n:before{
 display:none;
}
.navi_linx p{
 position:relative;
 padding:12px 0px 0px 34px;
 width:100%;
 height:50px;
 box-sizing:border-box;
 background:url("img/bg_navi_linx_footer.png") no-repeat 0px 0px;
 background-size:100% 10px;
 line-height:14px;
}
.navi_linx p:before{
 pointer-events:none;
 position:absolute;
 content:'\f08e';
 top:12px;
 left:16px;
 font-family:'FontAwesome';
 color:#ffffff;
 font-size:14px !important;
 text-shadow:0px 0px 3px #000000;
}
.navi_linx_official_ttl,
.navi_linx_forum_ttl,
.navi_linx_database_ttl,
.navi_linx_etc_ttl,
.navi_newsarchives_ttl{
 z-index:2;
 position:relative;
 padding-left:42px;
 width:100%;
 height:49px;
 box-shadow:2px 0px 3px 0px rgba(0, 0, 0, 0.5) inset;
 box-sizing:border-box;
 background:url("img/bg_navi_linx_ttl.gif") repeat-x;
 font-size:12px;
 line-height:49px;
 line-height:51px;
 color:#e6e6e0;
 text-shadow:1px 1px 2px #000000, -1px -1px 2px #000000;
 opacity:1;
}
.navi_linx_official_ttl:before,
.navi_linx_forum_ttl:before,
.navi_linx_database_ttl:before,
.navi_linx_etc_ttl:before,
.navi_newsarchives_ttl:before{
 position:absolute;
 content:'';
 top:9px;
 left:5px;
 width:32px;
 height:32px;
 background:url("img/ico_navi_linx_ttl1.png") no-repeat;
}
.navi_linx_official_ttl:after,
.navi_linx_forum_ttl:after,
.navi_linx_database_ttl:after,
.navi_linx_etc_ttl:after,
.navi_newsarchives_ttl:after{
 z-index:-1;
 position:absolute;
 content:'';
 top:6px;
 right:0px;
 width:calc(100% - 42px);
 height:37px;
 background:url("img/bg_navi_linx_ttl_cover.gif") no-repeat;
 background-size:100% 37px;
}
.navi_linx ul:hover .navi_linx_official_ttl,
.navi_linx ul:hover .navi_linx_forum_ttl,
.navi_linx ul:hover .navi_linx_database_ttl,
.navi_linx ul:hover .navi_linx_etc_ttl,
.navi_linx ul:hover .navi_newsarchives_ttl{
 text-shadow:1px 1px 5px #660000, -1px -1px 5px #660000;
}
.navi_linx ul:hover .navi_linx_official_ttl:before,
.navi_linx ul:hover .navi_linx_forum_ttl:before,
.navi_linx ul:hover .navi_linx_database_ttl:before,
.navi_linx ul:hover .navi_linx_etc_ttl:before,
.navi_linx ul:hover .navi_newsarchives_ttl:before{
 background:url("img/ico_navi_linx_ttl2.png") no-repeat;
}
#navi_linx_right{
 width:200px;
 float:left;
}
#navi_linx_right:after{
 content:"";
 display:block;
 clear:both;
}

/* responsive
   --------------- */

@media screen and (min-width:480px){
 #banner1_wrapper{
  margin-left:calc(50% - 225px);
  margin-right:9px;
  float:left;
 }
 #banner2_wrapper{
  float:left;
  display:block
 }
}
@media screen and (min-width:860px){
 #banner5_wrapper{
  margin-left:calc(50% - 315px);
  margin-right:9px;
  float:left;
 }
 #banner6_wrapper{
  float:left;
  display:block
 }
}
@media screen and (max-width:920px){
 #navi_archives dt{
  float:none;
 }
 #navi_linx_right{
  display:none;
 }
}
@media screen and (min-width:921px){
 #ttl_linx,
 #navi_linx_inner{
  display:none;
 }
 #ttl_twitter,
 #ttl_twitter a{
  width:48px;
 }
}
@media screen and (min-width:1001px){
 #banner1_wrapper{
  margin-left:calc(50% - 282px);
 }
 #banner2_wrapper{
  display:none;
 }
 #banner3_wrapper{
  display:block
 }
}
@media screen and (min-width:1151px){
 #banner1_wrapper{
  margin-left:calc(50% - 338px);
 }
 #banner3_wrapper,
 #banner4_wrapper{
  display:block
 }
 #banner4_wrapper._r{
  display:none;
 }
}
@media screen and (min-width:1201px){
 #banner1_wrapper{
  margin-left:calc(50% - 391px);
 }
 #banner4_wrapper._r{
  display:block
 }
 #banner5_wrapper{
  margin-left:calc(50% - 474px);
 }
 #banner6_wrapper{
  margin-right:9px;
 }
 #banner7_wrapper{
  float:left;
  display:block
 }
}