@charset "UTF-8";

/* 151103 SM */

/*pop*/
#server.pop{position:absolute;text-align:center;z-index:200;}
.bgPop{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:url('//image.brabragames.jp/wef/htmlinfo/bg_pop.png') 0 0 repeat;z-index:100;}

/*guidepop*/
#gPop{overflow-y:hidden;width:950px;height:700px;}
.gSide{float:left;width:190px;height:700px;background:url('//image.brabragames.jp/wef/htmlinfo/bg_pop_side.jpg') 0 0 repeat-x;}
.gSide .gMenu{margin:0 9px 0 8px;}
.gMenu>ul>li{margin:0 0 2px;}
.gMenu>ul>li>a{display:block;width:153px;height:29px;line-height:28px;padding:1px 10px 0;font-size:13px;letter-spacing:-1px;background:url('//image.brabragames.jp/wef/htmlinfo/bg_pop.jpg') 0 0 no-repeat;}
.gMenu>ul>li.on>a,
.gMenu>ul>li>a:hover{color:#fff;font-size:14px;font-weight:bold;text-decoration:none;background-position:0 -30px;}
.gMenu .dept2{padding:8px 10px 7px;font-size:13px;letter-spacing:-1px;}
.gMenu .dept2>li>a{color:#ecc576;line-height:1.4em;}
.gMenu .dept2>li.on>a,
.gMenu .dept2>li>a:hover{color:#ff9600;}

.gCont{overflow-y:scroll;float:left;height:630px;padding:40px 20px 30px;}
.gCont .title{margin:0 0 16px;border-bottom:1px solid #565656;}
.gCont h2{padding:0 0 5px 0;color:#494949;font-size:16px;font-weight:bold;border-bottom:1px solid #313131;}
.gCont .tab{margin:0 0 14px 0;text-align:center;}
.gCont .tab li{width:110px;height:30px;line-height:32px;margin:0 0 0 8px;}
.gCont .tab li:first-child{margin-left:0;}
.gCont .tab li a{display:block;width:100%;height:100%;color:#eed074;text-decoration:none;font-size:13px;background:url('//image.brabragames.jp/wef/htmlinfo/btn_gpop.png') 0 0 no-repeat;}
.gCont .tab li.on a,
.gCont .tab li a:hover{background-position:0 -50px;}
.gCont p{color:#666;font-size:13px;line-height:1.5em;}
.gCont p img{margin:0 0 10px;text-align:center;}

/*serverPop*/
#server{position:relative;width:708px;height:445px;padding:49px 16px 16px;background:url('//image.brabragames.jp/wef/htmlinfo/bg_server.jpg') 0 0 no-repeat;}
#server .close{position:absolute;right:0;top:0;width:40px;height:38px;}
.sList{padding:20px 20px 23px;}
.sList ul{margin:-10px 0 0 -11px;width:681px;}
.sList ul:after{content:"";display:block;clear:both;}
.sList li{float:left;position:relative;width:159px;height:49px;line-height:48px;margin:10px 0 0 11px;padding:1px 0 0;text-align:center;}
.sList li a{display:block;width:100%;height:100%;color:#eed074;text-decoration:none;font-size:16px;font-weight:bold;background:url('//image.brabragames.jp/wef/htmlinfo/btn_server.png') 0 0 no-repeat;}
.sList li.on a,
.sList li a:hover{background-position:0 -50px;}
.sList .icon{position:absolute;left:0;top:0;}

/*paging*/
.paging{display:table;margin:20px auto 23px;font-size:0;line-height:0;}
.paging a img{vertical-align:middle;}
.paging p,
.paging ul,
.paging ul li{display:inline-block;vertical-align:top;}
.paging p{margin:0 0 0 12px;}
.paging p:first-child{margin-left:0;}
.paging ul{margin:0 3px 0 15px;}
.paging ul li{padding:0 0 0 20px;}
.paging ul li:first-child{padding-left:0;}
.paging ul li a{color:#957151;font-size:11px;line-height:0.7em;}
.paging ul li.on a,
.paging ul li a:hover{color:#c59e31;}


/*20200727 add*/
.pop_search{
    width: 720px; height: 550px;
    background: #452006;
    box-shadow: 5px 5px 5px black;
    position: absolute;
    top:5px; left:195px;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 20px;
}
.searchWrap{
    position: absolute;
    top:20px; left:20px;
    width: 236px; height: 22px;
    background: url("//image.brabragames.jp/wef/common/bg_game_search.png") no-repeat;
}
.searchWrap input[type="text"]{
    border:0;
    height: 22px; width: 236px;
    background: none;
    box-sizing: border-box;
    padding: 0 10px 0 30px;
}

.pop_search ul{
    margin-top: 30px;
    font-size: 13px;
    color: #ffeabf;
}
.pop_search ul li{margin-bottom: 20px;}
.pop_search ul p{
    font-size: 13px;
    color: #ffeabf;
    margin-bottom: 5px;
}
.pop_search ul a{
    font-size: 16px;
    color: #fbcf90;
}
.pop_search ul a:hover{text-decoration: underline;}
.pop_search ul div{
    width: 100%;
    margin-top: 5px;
}