@charset "UTF-8";

/* -------------------------
   ページパーツ
   ------------------------- */

/* クエスト
   --------------- */

#data.data_quest .quest_name{
 width:30%;
 padding:0px 0px 0px 24px;
 border-right:1px solid #dedbd5;
 background:url("../img/materials/journal/Quest2.png") no-repeat 2px center;
}
#data.data_quest .quest_name._n{
 background:url("../img/materials/journal/Quest1.png") no-repeat 2px center;
}
#data.data_quest .quest_name._n2{
 background:url("../img/materials/journal/Quest3.png") no-repeat 2px center;
}
#data.data_quest_ClassQuests_Gladiator .quest_name{
 background:url("../img/materials/journal/ClassQuests_Gladiator.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Pugilist .quest_name{
 background:url("../img/materials/journal/ClassQuests_Pugilist.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Marauder .quest_name{
 background:url("../img/materials/journal/ClassQuests_Marauder.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Lancer .quest_name{
 background:url("../img/materials/journal/ClassQuests_Lancer.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Archer .quest_name{
 background:url("../img/materials/journal/ClassQuests_Archer.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Rogue .quest_name{
 background:url("../img/materials/journal/ClassQuests_Rogue.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Conjurer .quest_name{
 background:url("../img/materials/journal/ClassQuests_Conjurer.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Thaumaturge .quest_name{
 background:url("../img/materials/journal/ClassQuests_Thaumaturge.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Arcanist .quest_name{
 background:url("../img/materials/journal/ClassQuests_Arcanist.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Carpenter .quest_name{
 background:url("../img/materials/journal/ClassQuests_Carpenter.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Blacksmith .quest_name{
 background:url("../img/materials/journal/ClassQuests_Blacksmith.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Armorer .quest_name{
 background:url("../img/materials/journal/ClassQuests_Armorer.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Goldsmith .quest_name{
 background:url("../img/materials/journal/ClassQuests_Goldsmith.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Leatherworker .quest_name{
 background:url("../img/materials/journal/ClassQuests_Leatherworker.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Weaver .quest_name{
 background:url("../img/materials/journal/ClassQuests_Weaver.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Alchemist .quest_name{
 background:url("../img/materials/journal/ClassQuests_Alchemist.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Culinarian .quest_name{
 background:url("../img/materials/journal/ClassQuests_Culinarian.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Miner .quest_name{
 background:url("../img/materials/journal/ClassQuests_Miner.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Botanist .quest_name{
 background:url("../img/materials/journal/ClassQuests_Botanist.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_ClassQuests_Fisher .quest_name{
 background:url("../img/materials/journal/ClassQuests_Fisher.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_Paladin .quest_name{
 background:url("../img/materials/journal/JobQuests_Paladin.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_Monk .quest_name{
 background:url("../img/materials/journal/JobQuests_Monk.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_Warrior .quest_name{
 background:url("../img/materials/journal/JobQuests_Warrior.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_Dragoon .quest_name{
 background:url("../img/materials/journal/JobQuests_Dragoon.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_Bard .quest_name{
 background:url("../img/materials/journal/JobQuests_Bard.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_Ninja .quest_name{
 background:url("../img/materials/journal/JobQuests_Ninja.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_WhiteMage .quest_name{
 background:url("../img/materials/journal/JobQuests_WhiteMage.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_BlackMage .quest_name{
 background:url("../img/materials/journal/JobQuests_BlackMage.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_Summoner .quest_name{
 background:url("../img/materials/journal/JobQuests_Summoner.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_DarkKnight .quest_name{
 background:url("../img/materials/journal/JobQuests_DarkKnight.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_Machinist .quest_name{
 background:url("../img/materials/journal/JobQuests_Machinist.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest_JobQuests_Astrologian .quest_name{
 background:url("../img/materials/journal/JobQuests_Astrologian.png") no-repeat 2px center;
 background-size:20px 20px;
}
#data.data_quest .quest_name.c1{
 border-top:1px solid #ffffff;
 background-color:#f5f5f0;
}
#data.data_quest .quest_name.c2{
 border-top:1px solid #f5f5f0;
 background-color:#ebeae2;
}
#data.data_quest .quest_lv{
 width:10%;
 min-width:35px;
 text-align:center;
 font-family:Impact;
 font-size:1.5em;
}
#data.data_quest .quest_detail{
 padding:5px;
 text-align:right;
}
#data.data_quest .quest_reward{
 margin-bottom:4px;
 padding:3px 0px;
 border:1px solid #dedbd5;
 border-radius:5px;
 text-align:left;
}
#data.data_quest .quest_reward_blank,
#data.data_quest .quest_reward_exp,
#data.data_quest .quest_reward_gil,
#data.data_quest .quest_reward_cs,
#data.data_quest .quest_reward_allagan1,
#data.data_quest .quest_reward_allagan2,
#data.data_quest .quest_reward_allagan3,
#data.data_quest .quest_reward_allagan4,
#data.data_quest .quest_reward_amaljaa,
#data.data_quest .quest_reward_sylph,
#data.data_quest .quest_reward_kobold,
#data.data_quest .quest_reward_sahagin,
#data.data_quest .quest_reward_ixali{
 width:67px;
 min-height:40px;
 padding:12px 5px 5px 0px;
 box-sizing:border-box;
 font-family:Impact;
 font-size:18px;
 text-align:right;
 text-shadow:1px 1px 1px #ffffff,-1px -1px 1px #cccccc;
 float:left;
}
#data.data_quest .quest_reward_allagan1,
#data.data_quest .quest_reward_allagan2,
#data.data_quest .quest_reward_allagan3,
#data.data_quest .quest_reward_allagan4,
#data.data_quest .quest_reward_amaljaa,
#data.data_quest .quest_reward_sylph,
#data.data_quest .quest_reward_kobold,
#data.data_quest .quest_reward_sahagin,
#data.data_quest .quest_reward_ixali{
 width:50px;
}
#data.data_quest .quest_reward_exp{
 background:url("../img/materials/reward/Exp.png") no-repeat;
}
#data.data_quest .quest_reward_gil{
 background:url("../img/materials/reward/Gil.png") no-repeat;
}
#data.data_quest .quest_reward_cs{
 background:url("../img/materials/reward/CS.png") no-repeat;
}
#data.data_quest .quest_reward_allagan1{
 background:url("../img/materials/reward/Allagan1.png") no-repeat;
}
#data.data_quest .quest_reward_allagan2{
 background:url("../img/materials/reward/Allagan2.png") no-repeat;
}
#data.data_quest .quest_reward_allagan3{
 background:url("../img/materials/reward/Allagan3.png") no-repeat;
}
#data.data_quest .quest_reward_allagan4{
 background:url("../img/materials/reward/Allagan4.png") no-repeat;
}
#data.data_quest .quest_reward_amaljaa{
 background:url("../img/materials/reward/Amaljaa.png") no-repeat;
}
#data.data_quest .quest_reward_sylph{
 background:url("../img/materials/reward/Sylph.png") no-repeat;
}
#data.data_quest .quest_reward_kobold{
 background:url("../img/materials/reward/Kobold.png") no-repeat;
}
#data.data_quest .quest_reward_sahagin{
 background:url("../img/materials/reward/Sahagin.png") no-repeat;
}
#data.data_quest .quest_reward_ixali{
 background:url("../img/materials/reward/Ixali.png") no-repeat;
}
#data.data_quest .quest_reward_item{
 width:calc(100% - 139px);
 padding-left:5px;
 float:left;
}
#data.data_quest .quest_reward_item_expand{
 padding-left:5px;
 float:left;
}
#data.data_quest .quest_reward_item .line{
 background-color:#cec9c1;
}
#data.data_quest .quest_event{
 padding-left:22px;
 background:url("../img/materials/general/event.png") no-repeat 2px 2px;
 display:block;
}
#data.data_quest .quest_nextsummary{
 position:relative;
 list-style:none;
 padding-left:33px;
 color:#b6b6b6;
 line-height:3em;
}
#data.data_quest .quest_nextsummary:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'\f078';
 top:0px;
 left:0px;
 color:#363630;
 font-size:20px !important;
}
#data.data_quest .quest_howto{
 margin-bottom:5px;
 margin-left:10px;
 padding:5px 10px;
 border-left:1px dotted #969690;
}
#data.data_quest .quest_howto .showhide_wrapper{
 margin:5px 0px;
 padding:5px;
 border:1px solid #dedbd5;
 border-radius:5px;
 background-color:#e3e1d8;
}
#data.data_quest .quest_howto .showhide_wrapper .line{
 margin:4px 0px;
 width:auto;
 height:1px;
 background-color:#d9d9d6;
 line-height:1px;
 font-size:1px;
}
#data.data_quest table.t1 .t_w10{
 min-width:35px;
}

/* クエスト recipe(adjust
   --------------- */

#data.data_quest .quest_howto.recipe_wrapper a.popup .popup_wrapper{
 color:#363630;
}

/* クエスト_span(adjust
   --------------- */

#data.data_quest li span.sbttl{
 padding:4px 0px 4px 34px;
 border-top:1px solid #f5f5f0;
 border-bottom:1px solid #dedbd5;
 background:url("../img/ico_ttl_l.png") no-repeat 9px 6px #ebeae2;
 line-height:150%;
 color:#666660;
 font-weight:bold;
 display:block
}

/* クエスト_txtarea(adjust
   --------------- */

#data.data_quest li.showhide_wrapper .txtarea{
 border-top:1px solid #f5f5f0;
 border-bottom:0px;
 background-image:none;
 background-color:#ebeae2;
}

/* クエスト_txtmark(adjust
   --------------- */

#data.data_quest .txtmark_s{
 padding:0px 0px 0px 20px;
 background:url("../img/materials/general/questicon_summary.png") no-repeat 0px 0px;
}
#data.data_quest .txtmark_s ul.u1{
 margin:3px 0px 0px 0px;
}

/* responsive
   --------------- */

@media screen and (max-width:680px){
 #data.data_quest .quest_reward_item,
 #data.data_quest .quest_reward_item_expand{
  width:100%;
 }
}