/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016/11/21, 0:04:32
    Author     : RYO
*/


/*アドセンス*/
#All .divAdsenceTopK
{
    display:none;
    /*border:2px #000000 solid;*/
    margin-bottom: 10px;
    text-align: left;

}
.divBannerAd{
    margin: 30px 0;
}
/*ソーシャル*/
.divSocial{
    /*border-bottom: 1px solid #444;*/

}
.ulSocialMain{
    list-style: none;
}


.ulSocialMain img{
    width: 45px;
    height: 45px;
}
.ulSocialMain li{
    float:left;
}
.ulSocialMain li a{
    /*display:inline;*/
    /*   height: auto;*/
    /*font-size: 2px;*/

    /*width: 100%;*/
    /*list-style-type: none;*/    
    /*    background: #333;
    */    padding-left: 2px;
    padding-right: 2px;
}
.ulSocialMain:after{
    content:"";
    clear:both;
    display:block;	
}

#Main{
    margin-top: -20px;

    /*border:1px #000000 solid;*/
    /*border-collapse:collapse ;*/
    /*width:1200px;*/
    /*height: 580px;*/
    /*float:left;*/
    border-right: 3px #000000 solid;
    /*最低限の高さ*/
    min-height:1100px;
    height:auto !important;
    height:1100px;    

}

#Main .divKouryaku{
    margin:0 50px 0 50px;
}
#Main .divKouryaku .clH1{
    /*↑でマージンしたが、見出しだけ上書きする*/
/*    margin-left: -50px;
    margin-right: -50px;*/
}

#Main .divKouryaku p{
    line-height: 23px;/*行間隔調整*/
}



/*その他*/
body{

    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#Main .clH1{
    border-left:35px solid #0095d9;
    border-top:1px solid #000;
    border-bottom:1px solid #000000;
    background-color: #fff;
    /*width: 85%;*/
    /*background-color: #e0ffff;*/
    /*margin-left: 5%;*/
    padding-top: 10px;
    padding-bottom: 10px; 
    color: #000;
    font-size: 24px;
}
#Main .clH2{
    border-left:10px solid #3eb370;
    border-top:1px solid #000;
    border-bottom:1px solid #000000;
    background-color: #eaffd6;
    /*background-color: #fdf5e6;*/
    /*width: 100%;*/  
    margin:40px auto;
    padding-left: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    
    background-color: #f9ffff;
    border-left:10px solid #0095d9;
}
#Main .clH3{
    /*width: 100%;*/  
    border:none;
    text-align: left;
    border-left:10px solid #0095d9;
    margin:30px auto;    
    /*text-align: center;*/
    /*    border-top:1px solid #000;
        border-bottom:1px solid #000000;*/
    padding-left: 20px;
    padding-top: 7px;
    padding-bottom: 7px;    
}

#Main .clH4{
    border:none;
    font-size: 18px;
    text-align: left;
    margin: 30px auto;
    padding: 5px 0 5px 0;   
}
#Main .clH4:before {
    content: "◆";
}
p{
    line-height: 1.8;
    /*margin: 0 0 16px;*/
    /*padding: 0;*/
    margin-bottom: 25px;

}

.divKouryaku a:link { color: #6495ed; }
.divKouryaku a:visited { color: #6495ed; }
.divKouryaku a:hover {color: #b22222;}
/*-----h2内容-------------*/

#Main .divKouryaku .tbl2Col td{
    border:1px solid #000000;
    text-align: center;
    padding:5px 5px 5px 5px;
    max-width: 800px;
}
#Main .divKouryaku .tbl2Col th{
    border:1px solid #000000;
    text-align: center;
    background-color: #ffc6c6;
    padding:5px 5px 5px 5px;
}
#Main .divKouryaku .tbl2ColBuki td{
    border:1px solid #000000;
    text-align: center;
    padding:5px 5px 5px 5px;
}
#Main .divKouryaku .tbl2ColBuki th{
    border:1px solid #000000;
    text-align: center;
    background-color: #ffc6c6;
    padding:5px 5px 5px 5px;
}

.divKouryaku .pSkillName{
    font-size: 20px;
    color: #0000FF;
}
.divKousiki{
    margin-top: 10px;
    margin-bottom: -10px;
}
.tbl2ColS{
    display: none;
}

.clH4{
    width: 100%;
    /*margin-top: 20px;*/
}
.clH4_2{
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    width: 20%;
    text-align: center;
    padding: 5px 0px;
    font-size: 17px;
    background-color: #ffe4e1;
    color: #0000ff;
}


/*ページトップボタン*/
.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    background: #e5ffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
.divRecHead{
    margin-left: 20px;
}                    
                    

/*モンスター情報転用\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.divMokuji{
    /*border:3px solid #000000;*/
    background-color: #ffffef;
}
.divMokuji:after{
    content:"";
    clear:both;
    display:block;    
}
.divKenMaturiMokuji{
    float:left;
    /*border:1px solid #000000;*/
    width: 49%;
}

.divGanMaturiMokuji{
    /*float:right;*/
    margin-left: 0px;
    /*border:1px solid #000000;*/
    float: right;
    width: 48%;

}

.clH2GardList{
    border-top:1px solid #000000;
    padding:5px 0 5px 0;
    background-color: #ffefe0;
    text-align: center;
    margin-top: 50px;
}

.clH3Gard{
    text-align: center;
    background-color: #f0fff0;
    padding:5px 0 5px 0;
    border-top:1px solid #000000;
    /*    border-bottom: 1px solid #000000;*/
}

.ulGard{
    /*margin:20px 0 40px 0;*/
    /*border:2px #000000 solid;*/
    list-style: none;/*点を消す*/
    /*margin-left: 250px;*/
}
.ulGard .liGan{
    /*border:2px #000000 solid;*/
    /*margin:0 0 0 220px;*/
    font-size:20px;
    /*text-align:center;*/
    margin-left: 0px;
}
.kenGard .tblkenGard {

    /*margin:0 0 0 -30px;*/
    /*border:2px #000000 solid;*/
    margin-left: 0px;

}


.kenGard .tblkenGard tr{

    border: 1px #000000 solid;
}

.kenGard .tblkenGard td{
    padding: 5px;
    font-size:16px;
}

.ulGard li{
    display: inline-block;
}
/*-----------剣士珠--------------*/
.kenTama{
    /*	display: inline-block;*/
    /*	margin:0 0 00 60px;*/
    /*	border:2px #000000 solid;*/


}

.kenTama .tblkenTama {

    margin-left: 20px;
    /*border:2px #000000 solid;*/
}


.kenTama .tblkenTama tr{

    border: 1px #000000 solid;
}

.kenTama .tblkenTama td{
    padding: 5px;
    font-size:16px;
}
.ulGard .liKen{
    /*border:2px #000000 solid;*/
    /*margin:0 0 0 30px;*/
    font-size:20px;
    text-align:center;
    font-weight:bold;
    padding-bottom: 10px;
    /*margin-left: 120px;*/

}
/*-----------ガンナー防具--------------*/
.ganGard {

    /*	display: inline-block;*/
    /*margin:0 0 00 20px;*/
    /*	border:6px #000000 solid;*/
}
.ganGard .tblganGard {

    margin-left: 0px;
    /*border:2px #000000 solid;*/
}


.ganGard .tblganGard tr{

    border: 1px #000000 solid;
}

.ganGard .tblganGard td{
    padding: 5px;
    font-size:16px;
}
.ulTama{
    margin:20px 0 40px 0;
}
/*-----------珠_リスト--------------*/
.ulTama .liKen {
    /*border:2px #000000 solid;*/
    /*	margin:0 0 0 150px;*/
    font-size:20px;
    text-align:center;	
    margin-left: 130px;
}
.ulTama .liGan {
    /*border:2px #000000 solid;*/
    /*	margin:0 0 0 200px;*/
    font-size:20px;
    text-align:center;	
    font-weight:bold;
    padding-bottom: 10px;
}

/*----------ガンナー珠--------------*/
.ganTama {

    /*	display: inline-block;*/
    margin:0 0 0 20px;
    font-size:16px;

    /*	border:6px #000000 solid;*/

}
.ulTama li{
    display: inline-block;
}
.ganTama .tblganTama {

    margin:0 0 0 00;
    /*border:2px #000000 solid;*/
}


.ganTama .tblganTama tr{

    border: 1px #000000 solid;
}

.ganTama .tblganTama td{
    padding: 5px;
    font-size:16px;
}

/*カフ*/

.divKafu .tblKafu td{
    border:1px #000000 solid;
    text-align: center;
}
.divKafu .tblKafu th{
    border:1px #000000 solid;
    text-align: center;
}

/*復帰区*/
.ulGousyuFuku{
    list-style: none;

}
.ulGousyuFuku img{
    width: 60px;
    height: 60px;

}
.ulGousyuFuku li{
    /*border:1px #000000 solid;*/
    float:left;
}
.ulGousyuFuku li a{
    /*display:inline;*/
    /*   height: auto;*/
    /*font-size: 2px;*/
    /*float:left;*/
    /*width: 100%;*/
    /*list-style-type: none;*/    
    /*    background: #333;
    */    
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.ulGousyuFuku:after{
    content:"";
    clear:both;
    display:block;	
}
.divKafuSmart{
    display: none;
}

#Main .divKouryaku .kenGardT .tblkenGardT td{
    border:1px #000000 solid;
    text-align: center;
    padding:0 2px;
}

/*１０ｔｈ アニバ尼リンク*/
#Main .divKouryaku .divFloat{
    /*widht:1500px;*/
    /*border:1px #000000 solid;*/
}
#Main .divKouryaku .divFloat .divLinkList{
    float:left;
    /*border:1px #000000 solid;*/
    margin-left: 300px;
}
#Main .divKouryaku .divFloat .divLinkList2{
    float:right;
    /*border:1px #000000 solid;*/
    margin-right: 300px;

}

.divFloat:after {
    content: '';
    display: block;
    clear: both;
}

.tblHeadCol4Row3{
    margin-bottom: 30px;
}
.divKouryaku .tblHeadCol4Row3 th{
    border:1px solid #000000;
    background-color: #ffd6d6;
}
.tblHeadCol4Row3 .trMidasi th{
    background-color: #f08080;
}

.tblHeadCol4Row3 td{
    border:1px solid #000000;
    text-align: center;
    padding:0 10px 0 10px;
}
.divKouryaku .tblHeadCol5Row3 th{
    border:1px solid #000000;
    background-color: #e0ffff;
    padding:0 5px;
}
.tblHeadCol5Row3 .trMidasi th{
    background-color: #e0ffff;
    /*padding:0 5px;*/
}

.tblHeadCol5Row3 td{
    border:1px solid #000000;
    text-align: center;
    /*padding:0 10px 0 10px;*/
}
.tblLeftMidasi{
    border:1px solid #000000;
}
.tblLeftMidasi td{
    padding:0 5px;
}

.tblLeftMidasiHide{
    text-align: center;
}
.tblLeftMidasiHide td{
    /*width: 63px;*/
    
}

.tblLeftMidasiHide  td{
    border: 1px solid #000000;
    /*line-height: 120%;*/
    vertical-align:top;/*上ぞろいでスマホでの段差を消す*/
    
}
.tblLeftMidasiHideEff{
    border:1px solid #000000;
}

.tblLeftMidasiHideEff th{
    /*border:5px solid #000000;*/
}
.tblLeftMidasiHideEff td{
    text-align: left;
    padding-left: 5px;
    border:1px solid #000000;
}
.divHidenMidasi{
    margin-bottom: 20px;
}
.divHidenMidasi a{
    text-decoration: none;
}
.divHidenMidasi td{
    border:1px solid #000000;
    padding: 5px 5px;
    text-align: center;
    background-color: #fffff9;
    
}
.ulTblUse{
    background-color: #eaf4ff;
}


.divSordList td{
    text-align: center;
}

.clCharWh{
    color: #ffffff;
    /*width: 1px;*/
}
.clGLv{
    /*background-color: #fff9f4;*/
}


/*スマホで横幅が一杯ではない表の場合、左を少しあける用
　PC版で使ってもおｋ
*/
#Main .divKouryaku .divKouTbl{
    text-align: center;
    margin-left: 10px;
    /*padding: auto;*/

} 
/*----スマホ対応-------------*/
@media only screen and (max-width: 499px){
    p{
        font-size: 16px;
    }
    
.tblLeftMidasiHide td{
    width: 63px;
    /*height: 240px;*/
}


    .divKouImg{
        text-align: center;
        
    }
    .divKouImg img{
        max-width: 100%;
    }

    .tbl2ColS{
        display:inline;
    }  
    .tbl2ColBuki{
        display:none;
    }    

    .divKafu{
        display: none;
    }
    .divKafuSmart{
        display: inline;
    }

    #Main{
        margin-top: -20px;

        /*border:1px #000000 solid;*/
        /*border-collapse:collapse ;*/
        width:100%;
        /*height: 580px;*/
        /*float:left;*/
        border-right: 0px #000000 solid;
        /*最低限の高さ*/
        min-height:0;
        /*    height:auto !important;*/
        height:auto;    

    }
    #Main .divKouryaku{
        margin:0;
    }
    #Main .divKouryaku img{
        max-width:  100%;
        /*width: 100%;*/
    }

    #Main .divKouryaku .clH1{

        margin-left: 0px;
        margin-right: 0px;
        font-size: 20px;
    }
    /*-----h2内容-------------*/
    .tbl2Col{
        width: 100%;
    }
    #Main .divKouryaku .tbl2Col td{
        border:1px solid #000000;
        text-align: center;

    }
    #Main .divKouryaku .tbl2Col th{
        border:1px solid #000000;
        text-align: center;
        background-color: #ffc6c6;


    }
    #Main .divKouryaku .tbl2ColS td{
        border:1px solid #000000;
        text-align: center;
        padding:5px;

    }
    #Main .divKouryaku .tbl2ColS th{
        border:1px solid #000000;
        text-align: center;
        background-color: #ffc6c6;
        padding:5px;


    }
/*h4*/
.clH4_2{
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    width: 50%;
    text-align: center;
    padding: 5px 0px;
    font-size: 17px;
    background-color: #ffe4e1;
    color: #0000ff;
}
    
    
    /*モンスター情報引用*/

    .divMokuji{
        /*border:3px solid #000000;*/
    }
    .divMokuji td{
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    /*.divMokuji:after{
        content:"";
        clear:both;
        display:block;    
    }*/
    .divKenMaturiMokuji{
        float:none;
        /*border:1px solid #000000;*/
        /*width: 49%;*/
    }

    .divGanMaturiMokuji{
        /*float:right;*/
        /*margin-left: 0px;*/
        /*border:1px solid #000000;*/
        float: none;
        margin-top: 20px;
        /*width: 48%;*/

    }


    /*---------剣士-------------*/
    /*---------防具-----*/
    .ulGard .tblkenGard{
        margin-left: -30px;
    }
    .ulGard .tblkenGard th{
        width: 13%;
    }
    .ulGard .tblkenGard th:first-child{
        width: 3%;
    }
    .ulGard .tblkenGard th:nth-child(2){
        width: 3%;
    }
    .ulGard .tblkenGard td{
        font-size: 14px;
    }
    /*---------玉-----*/
    .ulGard .tblkenTama{
        margin-left: -30px;
    }
    .ulGard .tblkenTama th{
        width: 13%;
    }
    .ulGard .tblkenTama th:first-child{
        width: 3%;
    }
    .ulGard .tblkenTama th:nth-child(2){
        width: 3%;
    }
    .ulGard .tblkenTama td{
        font-size: 14px;
    }   
    /*----------ガンナー-------------*/
    /*----------防具----*/
    .ulTama .tblganGard{
        margin-left: -30px;
    }
    .ulTama .tblganGard th{
        width: 13%;
    }
    .ulTama .tblganGard th:first-child{
        width: 3%;
    }
    .ulTama .tblganGard th:nth-child(2){
        width: 3%;
    }
    .ulTama .tblganGard td{
        font-size: 14px;
    }    

    .ganGard .tblganGard {

        margin-left: -30px;
        /*border:2px #000000 solid;*/
    }        
    /*----------tama----*/
    .ulTama .tblganTama{
        margin-left: -60px;
    }
    .ulTama .tblganTama th{
        width: 13%;
    }
    .ulTama .tblganTama th:first-child{
        width: 3%;
    }
    .ulTama .tblganTama th:nth-child(2){
        width: 3%;
    }
    .ulTama .tblganTama td{
        font-size: 14px;
    } 

    /*カフ*/
    .divKafuSmart{
        /*margin-bottom: 110px;*/
    }

    .divKafuSmart .tblKafu td,th{
        border:1px #000000 solid;
        text-align: center;

    }
    /*遷悠スキル*/
    #Main .divKouryaku .tbl2Col td{
        /*    border:1px solid #000000;
            text-align: center;
            padding:5px 5px 5px 5px;*/
        max-width: 400px;
    }

    /*復帰区*/
    .ulGousyuFuku{
        list-style: none;

    }
    .ulGousyuFuku img{
        width: 50px;
        height: 50px;

    }
    .ulGousyuFuku li{
        /*border:1px #000000 solid;*/
        /*float:left;*/
    }
    .ulGousyuFuku li a{
        /*display:inline;*/
        /*   height: auto;*/
        /*font-size: 2px;*/
        /*float:left;*/
        /*width: 100%;*/
        /*list-style-type: none;*/    
        /*    background: #333;
        */    
        /*padding-left: 10px;
            padding-right: 10px;
            text-align: center;*/
        font-size: 12px;
    }
    .ulGousyuFuku:after{
        content:"";
        clear:both;
        display:block;	
    }    
    /*１０ｔｈ アニバ尼リンク*/
    #Main .divKouryaku .divFloat{
        /*widht:1500px;*/
        /*border:1px #000000 solid;*/
    }
    #Main .divKouryaku .divFloat .divLinkList{
        float:none;
        /*border:1px #000000 solid;*/
        margin-left: 0px;
    }
    #Main .divKouryaku .divFloat .divLinkList2{
        float:none;
        /*border:1px #000000 solid;*/
        margin-right: 0;

    }
#Main .divKouryaku .kenGardT .tblkenGardT td{
/*    border:1px #000000 solid;
    text-align: center;*/
    padding:0 0px;
}    


    /*ソーシャル*/


    .ulSocial{
        list-style-type: none; 
        background: #333;

    }
    #menu-box .ulSocial img{
        width: 40px;
        height: 40px;
    }

    #menu-box  #menu .ulSocial li a{
        /*display:inline;*/
        /*   height: auto;*/
        /*font-size: 2px;*/
        float:left;
        /*width: 100%;*/
        /*list-style-type: none;*/    
        background: #333;
        padding-left: 5px;
        padding-right: 5px;


    }
    .ulSocial:after{
        content:"";
        clear:both;
        display:block;	
    }
    .divSmartHatenaB{
        display: none;
    }

    /*PCの上書き*/
    .ulSocialMain img{
        width: 35px;
        height: 35px;
    }
    /*アドセンス*/
    #All #Main .divKouryaku .divAdsenceTopK{
        display:block;
        /*border:2px #000000 solid;*/
        margin-bottom: 10px;

    }

}