@charset "UTF-8";

/* -------------------------
   ページパーツ
   ------------------------- */

/* グッズ, プレイ環境_コントローラ
   --------------- */

#data.data_contents .txtarea._n{
 padding-right:0px;
}
#data.data_contents .goods_wrapper{
 margin-right:10px;
 margin-bottom:1.5em;
 width:calc(50% - 10px);
 float:left;
}
#data.data_contents .goods_wrapper._lr{
 width:calc(100% - 10px);
}
#data.data_contents .goods_summary{
 width:calc(100% - 120px);
 float:left;
}
#data.data_contents.data_contents_envi .goods_summary{
 width:calc(100% - 145px);
}
#data.data_contents .goods_wrapper .img{
 margin:0px 10px 10px 0px;
}
#data.data_contents .goods_wrapper .goods_sbttl{
 width:65px;
 font-size:13px;
 font-weight:bold;
 float:left;
}
#data.data_contents .goods_wrapper .goods_sbdetail{
 width:calc(100% - 65px);
 float:left;
}
#data.data_contents .goods_wrapper ul{
 margin-bottom:1.5em;
}
#data.data_contents .goods_wrapper li{
 padding:0.5em;
 background-color:rgba(255, 255, 255, .2);
}
#data.data_contents .goods_wrapper li:nth-child(2n){
 background-color:rgba(255, 255, 255, .4);
}
#data.data_contents .goods_wrapper li:after{
 content:"";
 display:block;
 clear:both;
}
#data.data_contents .goods_wrapper .goods_btn{
 position:relative;
 margin:0px 10px 1.5em 10px;
 padding:1px;
 width:160px;
 border:1px solid #808080;
 border-radius:7px;
 box-sizing:border-box;
 box-shadow:0px 0px 2px #000000;
 background-color:#e6e6e6;
 text-align:center;
 float:left;
}
#data.data_contents .goods_wrapper .goods_btn a{
 color:#ffffff;
 display:block;
}
#data.data_contents .goods_wrapper .goods_btn span{
 overflow:hidden;
 padding:4px;
 border:1px solid #2d2d2d;
 border-radius:5px;
 background-color:#090f2d;
 background:linear-gradient(to bottom, #1c5691, #090f2d, #1c5691);
 font-size:12px;
 color:#f6f6f0;
 font-weight:bold;
 white-space:nowrap;
 text-overflow:ellipsis;
 display:block;
}
#data.data_contents .goods_wrapper .goods_btn:hover span{
 background-color:#172774;
 background:linear-gradient(to bottom, #2167ad, #172774, #6dc8f2);
}
@media screen and (max-width:850px){
 #data.data_contents .txtarea._n{
  padding-right:10px;
 }
 #data.data_contents .goods_wrapper,
 #data.data_contents .goods_wrapper._lr{
  width:100%;
  float:none;
 }
}

/* グッズ_schedules(adjust
   --------------- */

#data.data_contents_goods .schedules{
 margin:0px;
 width:100%;
 border-bottom:2px solid #c6c29a;
 background:url("../img/bg_paper.gif");
 line-height:150%;
}
#data.data_contents_goods .schedules:before,
#data.data_contents_goods .schedules:after{
 display:none;
}
#data.data_contents_goods .schedules li{
 padding:3px 0px 4px 0px;
 border-top:1px dotted #666660;
 background-color:transparent;
}
#data.data_contents_goods .schedules li:first-child{
 border-top:0px solid;
}
#data.data_contents_goods .schedules li:hover{
 background-color:rgba(255, 255, 255, .2);
}
#data.data_contents_goods .schedules .schedules_date{
 color:#606059;
}
#data.data_contents_goods .schedules .schedules_date span{
 color:#303029;
}
#data.data_contents_goods .schedules li.official .schedules_date span{
 color:#ca3a3a;
}
#data.data_contents_goods .schedules .schedules_txt{
 padding-right:10px;
 text-shadow:none;
 color:#363630;
 white-space:normal;
}
#data.data_contents_goods .schedules .schedules_txt a{
 color:#004488;
}
#data.data_contents_goods .schedules .schedules_txt a:hover{
 color:#1080c9;
}
#data.data_contents_goods .schedules .goods:before,
#data.data_contents_goods .schedules .book:before,
#data.data_contents_goods .schedules .game:before,
#data.data_contents_goods .schedules .music:before,
#data.data_contents_goods .schedules .maintenance:before,
#data.data_contents_goods .schedules .event:before{
 text-shadow:0px 0px 3px #000000;
}

/* プレイ環境_コントローラ
   --------------- */

#data.data_contents_envi .txtarea._n h4{
 margin-right:10px;
}
#data.data_contents_envi p.sub_txt{
 margin-top:1.5em;
 margin-right:10px;
 width:calc(50% - 10px);
 box-sizing:border-box;
 color:#555555;
 float:left;
}
#data.data_contents_envi span.good,
#data.data_contents_envi span.bad{
 position:relative;
 margin-bottom:0.5em;
 padding:0px 0px 0.5em 1.7em;
 border-bottom:2px solid #333333;
 font-size:1.5em;
 font-weight:bold;
 display:block;
}
#data.data_contents_envi span.good:before,
#data.data_contents_envi span.bad:before{
 position:absolute;
 font-family:'FontAwesome';
 content:'\f10c';
 top:-1px;
 left:0px;
 font-size:1.5em !important;
 color:#0066ff;
 text-shadow:0px 0px 3px #000000;
}
#data.data_contents_envi span.bad:before{
 content:'\f00d';
 top:-2px;
 font-size:1.2em !important;
 color:#cc0000;
}
#data.data_contents_envi table.t1{
 width:100%;
 box-sizing:border-box;
}
#data.data_contents_envi table.t1 td{
 width:25%;
}
#data.data_contents_envi .goods_wrapper .goods_btn{
 margin:0px 10px 1.5em 0px;
 width:155px;
}
@media screen and (max-width:680px){
#data.data_contents_envi p.sub_txt,
#data.data_contents_envi p.sub_txt._r{
 width:calc(100% - 10px);
  float:none;
 }
}
@media screen and (max-width:850px){
 #data.data_contents_envi .txtarea._n h4{
  margin-right:0px;
 }
}

/* ダウンロード_時計
   --------------- */

#data.data_contents_download_eorzeaclock .eorzeaclock_sample{
 border:1px solid #b2af90;
 border-radius:5px;
 background-color:#ffffff;
 box-shadow:0px 0px 2px;
 float:right;
}
#data.data_contents_download_eorzeaclock .sourcecode{
 margin-top:5px;
 padding:5px;
 max-width:500px;
 border:1px solid #b2af90;
 border-radius:5px;
 background-color:#ffffff;
 color:#777777;
}
@media screen and (max-width:800px){
 #data.data_contents_download_eorzeaclock .eorzeaclock_sample{
  float:none;
 }
}

/* イベントレポート
   --------------- */

#data.data_contents_eventreports ul.eventdata{
 margin-left:10px;
 width:calc(100% - 120px);
 float:left;
}
#data.data_contents_eventreports ul.eventdata li{
 padding:3px 12px 3px 20px;
 border-top:1px dotted #666660;
 background:url("../img/ico_ttl_s.png") no-repeat 6px 7px;
 line-height:120%;
}
#data.data_contents_eventreports ul.eventdata li:first-child{
 margin-bottom:1px;
 border-top:0px solid;
 border-bottom:3px solid #666660;
 background:url("../img/ico_ttl_m.png") no-repeat 4px 4px;
 line-height:160%;
 font-weight:bold;
}
#data.data_contents_eventreports ul.eventdata li:nth-child(2){
 border-top:1px solid #666660;
}
#data.data_contents_eventreports .txtarea.onlineevent{
 border-bottom:3px solid #dedbd5;
 background-image:none;
 background-color:#ebeae2;
}
#data.data_contents_eventreports .txtarea p{
 margin:5px 0px;
 padding:5px 9px;
 border:1px solid #b2af90;
 border-radius:9px;
 background-color:#e9e8da;
 color:#777777;
}
#data.data_contents_eventreports .txtarea.eventsummary .img{
 margin:14px 0px 14px 23px;
 float:left;
}

/* 当サイトについて
   --------------- */

#data.data_contents_info .sub_txt{
 margin-top:10px;
 padding:10px;
 border:1px solid #b2af90;
 border-radius:9px;
 background-color:#e9e8da;
 display:block;
}
#data.data_contents_info .ico_twitter,
#data.data_contents_info .ico_print,
#data.data_contents_info .ico_pc,
#data.data_contents_info .ico_sp{
 position:relative;
 width:21px;
 height:21px;
 background:url("../img/btn_navi_breadcrumbs.png") no-repeat;
 line-height:21px;
 font-size:21px;
 float:left;
 display:block;
}
#data.data_contents_info .ico_twitter{
 background-position:0px 0px;
}
#data.data_contents_info .ico_print{
 background-position:0px -21px;
}
#data.data_contents_info .ico_pc{
 background-position:0px -42px;
}
#data.data_contents_info .ico_sp{
 background-position:0px -63px;
}

/* サイトマップ
   --------------- */

#data.data_contents_info_sitemap .txtarea.linkmenu ul{
 margin-top:28px;
}
#data.data_contents_info_sitemap .txtarea.linkmenu ul._n{
 margin-top:0px;
}
#data.data_contents_info_sitemap .txtarea.linkmenu ul ul{
 margin-top:0px;
 margin-bottom:14px;
 float:left;
}
#data.data_contents_info_sitemap .txtarea.linkmenu li{
 padding:0px 0px 0px 21px;
 background:url("../img/ico_ttl_s.png") no-repeat 5px 7px;
 line-height:2em;
}
#data.data_contents_info_sitemap .txtarea.linkmenu li:first-child{
 margin-bottom:1px;
}
#data.data_contents_info_sitemap .txtarea.linkmenu li:nth-child(2){
 border-top:1px solid #666660;
}
#data.data_contents_info_sitemap .txtarea.linkmenu ul ul li{
 padding:0px;
 background-image:none;
}
#data.data_contents_info_sitemap .txtarea.linkmenu ul ul li:first-child{
 margin-bottom:none;
}
#data.data_contents_info_sitemap .txtarea.linkmenu ul ul li:nth-child(2){
 border-top:none;
}
#data.data_contents_info_sitemap .txtarea.linkmenu li a{
 font-weight:normal;
 text-decoration:underline;
}
#data.data_contents_info_sitemap .txtarea.linkmenu li:before{
 display:none;
}
#data.data_contents_info_sitemap .txtarea.linkmenu li.ttl{
 padding:0px 0px 0px 21px;
 background:url("../img/ico_ttl_m.png") no-repeat 3px 3px;
 border-bottom:3px solid #666660;
 color:#404040;
 font-size:1.5em;
 line-height:1.5em;
 font-weight:bold;
}
#data.data_contents_info_sitemap .txtarea.linkmenu .sub_txt,
#data.data_contents_info_sitemap .txtarea.linkmenu .sub_txt a{
 font-weight:bold;
}

/* メールフォーム
   --------------- */

#data.data_contents_info_mail .txtarea{
 padding:20px;
 line-height:150%;
}
#data.data_contents_info_mail .txtarea ul{
 border-top:1px solid #b2af90;
}
#data.data_contents_info_mail .txtarea li{
 padding:9px;
 border-right:1px solid #b2af90;
 border-bottom:1px solid #b2af90;
 border-left:3px solid #b2af90;
 background-color:#e9e8da;
 color:#777777;
}