
.AllWrap{
    width: 100%;
    box-sizing: border-box;
}
.exp{
    width: 85%;
    margin: 0 auto;
}
.spStrong{
    font-weight: bold; 
}

.navMokuji{
    /*background-color: #fffbf4;*/
    /*border: solid 4px #f89174;*/
    background-color: #f9ffff;
    border: solid 4px #84a2d4;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.navMokuji p{
    padding-left: 10px;
    padding-top: 10px;
}
.ulMokuji li{
    padding-bottom: 7px;
}





/*body{
    width: 1200px;
}
.simMain{
    width: 70%;
    margin: 0 auto;
}*/

/*上書き*/
body{
    /*background-color: #f4ffea;*/

    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;
}
.clToiawase{
    border-bottom:1px solid #000;
}
.divSite2{
    border-bottom:1px solid #000;

}
.divSite2 p{
    text-align: left;
}
.divSimAd{
    padding-bottom: 10px;
    border-bottom:1px solid #000;

}
p{
    line-height: 1.8;
    /*margin: 0 0 16px;*/
    /*padding: 0;*/
    margin-bottom: 25px;

}
.exp a:link { color: #6495ed; }
.exp a:visited { color: #6495ed; }
.exp a:hover {color: #b22222;}
.navMokuji a:link { color: #6495ed; }
.navMokuji a:visited { color: #6495ed; }
.navMokuji a:hover {color: #b22222;}
#All{
    /*box-sizing: border-box;*/
}

table{
    border-collapse:separate;
}
#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 .clH2{
    border-top:1px solid #000;
    border-bottom:1px solid #000000;
    /*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 .clH4_Sim:before{
    content:"◆";
}
#Main  .clH4_Sim{
    font-size: 18px;
    text-align: left;  
    margin:30px auto;  
    /*    border-top:1px #000000 solid;
        border-bottom:1px #000000 solid;*/
    padding:5px 0 5px 0;
    /*background-color: #ffeddb;*/
    /*width: 30%;*/
    /*    margin: 0 auto;*/


}
.simMain{
    width: 98%;
    margin: 0 auto;
    margin-bottom: 50px;
    box-sizing: border-box;
}
.outTama{
    width: 250px;
    height: 30px;
    white-space: nowrap;
    overflow:hidden;
    font-weight:bold;
    color: #00008b;

}
.outBui{
    /*width: 130px;*/
    width: 450px;

    /*height: 30px;*/
    white-space: nowrap;
    overflow:hidden;   
    font-weight:bold;
    color: #e60033;
}
.outKaf{
    width: 250px;
    height: 30px;
    white-space: nowrap;
    overflow:hidden;
    font-weight:bold;
    color: #e17b34;

}
#tblKaf4{
    width:100%;
    /*text-align: center;*/
}


.tblOutSim{
    /*width: 100%;*/

}
.divSk{
    background-color: #ffefe0;
    padding-bottom: 10px;
    padding-top: 20px;
    /*border: 1px solid #000;*/ 
    background: linear-gradient(to bottom, #f9fcff 30%, #c6e2ff);
    box-shadow: 0px 0px 1px 1px #c6e2ff;
    margin-bottom: 10px;

}
.divSk table{
    margin: 0 auto; 
    /*margin-left: 30px;*/
}
.divSk table td,th{
    background-color: #fff;
    padding: 3px 20px;
}
.divSk .divOrderBtn{
    padding-left: 300px;
}
/*//セットテーブル*/
.divHuntTyp{
    /*border-bottom: 2px solid #000;*/ 
    /*border-top: 2px solid #000; 広告入れるならあり？*/
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
}
.divG_T{
    border: 2px solid #000; 

}
.divG_T table{

}


.divbtnBox1{
    /*    padding-bottom: 7px;
        margin-bottom: 5px;*/
    /*border-bottom: 2px solid #000;*/ 
}


.divBuiBlockOut{
    /*    white-space: nowrap;
        overflow:hidden;  */
    width: 100%;  
    margin-top: 0px;
    /*    border-left:1px solid #000; 
        border-right:1px solid #000; */
    /*border-bottom: 1px solid #000;*/
    box-sizing: border-box;
    white-space: nowrap;
    overflow:hidden;    
}
.tblSkOutSim{
    border-collapse: collapse;
    width: 100%;
    table-layout:fixed;

}
.divBuiBlock2 {
    width: 100%;
    border-top:1px solid #000;  
    /*border-bottom:1px solid #000;*/  

    padding: 5px 0px;

    background-color: #ffffdb;
    text-align: center;
    box-sizing: border-box;
}
.divBuiBlock2  table{
    width: 100%;
}
.colHeadGroup .col1,.colHeadGroup .col2{
    border-right:1px dashed #a3d1ff;  
}
.colDouGroup .col1,.colDouGroup .col2{
    border-right:1px dashed #a3d1ff;  
}
.colArmGroup .col1,.colArmGroup .col2{
    border-right:1px dashed #a3d1ff;  
}
.colKoileGroup .col1,.colKoileGroup .col2{
    border-right:1px dashed #a3d1ff;  
}.colFootGroup .col1,.colFootGroup .col2{
    border-right:1px dashed #a3d1ff;  
}
.colBukiGroup .col1,.colBukiGroup .col2{
    border-right:1px dashed #a3d1ff;  

}
/*頭*/
.divBuiBlock2Head{
    background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
    background: linear-gradient(to right, #fff9f9 60%, #EF8A84);
    border-bottom:1px dashed #a3d1ff;  
}
#divOutSpace1{
    background: linear-gradient(to bottom, #f9fcff, #c6e2ff);

    border-top:1px dashed #a3d1ff;  
}
/*胴*/
.divBuiBlock2Dou{
    background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
    background: linear-gradient(to right, #fff9f9 60%, #EF8A84);
    border-bottom:1px dashed #a3d1ff;  
}
#divOutSpace2{
    /*background-color: #ffe0e0;*/
    background: linear-gradient(to bottom, #f9fcff, #c6e2ff);
    border-top:1px dashed #a3d1ff;  

}
/*腕*/
.divBuiBlock2Arm{
    background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
    background: linear-gradient(to right, #fff9f9 60%, #EF8A84);
    border-bottom:1px dashed #a3d1ff;  
}
#divOutSpace3{
    background: linear-gradient(to bottom, #f9fcff, #c6e2ff);
    border-top:1px dashed #a3d1ff;  
}
/*腰*/
.divBuiBlock2Koile{
    background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
    background: linear-gradient(to right, #fff9f9 60%, #EF8A84);
    border-bottom:1px dashed #a3d1ff;  
}
#divOutSpace4{
    /*background-color: #ffe0e0;*/
    background: linear-gradient(to bottom, #f9fcff, #c6e2ff);
    border-top:1px dashed #a3d1ff;  

}
/*足*/
.divBuiBlock2Foot{
    background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
    background: linear-gradient(to right, #fff9f9 60%, #EF8A84);
    border-bottom:1px dashed #a3d1ff;  
}
#divOutSpace5{
    /*background-color: #ffe0e0;*/
    background: linear-gradient(to bottom, #f9fcff, #c6e2ff);
    border-top:1px dashed #a3d1ff;  

}
/*武器*/
.divBuiBlock2Buki{
    border-bottom:1px dashed #a3d1ff;  
    background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
    background: linear-gradient(to right, #fff9f9 60%, #EF8A84);
}
/*チェックボックス*/
input[type=checkbox] {
    display: none;                /* checkboxを非表示にする */
}
.chkLabel{
    border: 2px solid #006DD9;
    margin: 5px;
}
.chkLabel {
    display: inline-block;
    margin: 2px;
    padding: 0px 3px;
    text-align: center;
    cursor: pointer;
    color: #000;
    border: 2px solid #006DD9;
    border-radius: 5px;
}
/*押下した時のcss　＋は隣接セレクタ*/
input[type="checkbox"]:checked + label {
    background: #31A9EE;/* マウス選択時の背景色を指定する */
    color: #ffffff;         /* マウス選択時のフォント色を指定する */
}


/*カフ*/
.divBuiBlock2Kaf{
    /*border-bottom:1px dashed #000;*/  
    background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
    /*background: linear-gradient(to right, #fff9f9 80%, #ffd1d1);*/
background: linear-gradient(to right, #fff9f9 60%, #EF8A84);    
    padding-bottom: 0;
}  
#divOutSpace0{
    background: linear-gradient(to bottom, #f9fcff, #c6e2ff);
    border-top:1px dashed #a3d1ff;  
}
#divOutSpace6 {
    background: linear-gradient(to bottom, #fffff4, #ffedab);
    border-top: 1px dashed #a3d1ff;
}
#divOutSpace7 {
    background: linear-gradient(to bottom, #fffff4, #ffedab);
    border-top: 1px dashed #a3d1ff;
}

.trBui{
    border:1px solid #000; 
}

.tdBuiName{
    border-right:1px solid #000;  
    padding:0 5px;
    font-weight: bold;
    color: #e60033;
}
.tdBukiName{
    font-weight: bold;
    color: #000;    
}
.tblSkOutSim td,th{
    padding:5px 3px;
    /*border:1px solid #000;*/   
    text-align: center;

}
.divOut{
    /*margin-top: 20px;*/
    /*width: 100%;*/
    border:1px solid #000; 
    box-sizing: border-box;

}
.divOutSpace{
    text-align: center;
    background-color: #c1e4e9;
}
/*スキル表示*/

.divOutTotalSkill{
    /*margin-bottom: 10px;*/
    padding: 0 2px;
}
.divOutTotalSkill table, .divSkAct table, .divOutTeni table{
    border-collapse: collapse;
}

.divOutTotalSkill td,th, .divSkAct td,th, .divOutTeni td,th{
    padding:1px 3px;
    border:1px solid #000;   
    text-align: center;

}
.divOutTenP1, .divOutTenP2, .divOutTenP3{
    color: #9400d3;
    font-weight: bold;
}
.divOutTen1, .divOutTen2, .divOutTen3{
    color: #9400d3;
    font-weight: bold;
}

.divOutSk{
    white-space: nowrap;
    overflow:hidden;  
    width: 46px;    
}
.divOutSpace{
    text-align: center;
    padding: 3px 0;
    white-space: initial;
}
#gardOutTmp{
    text-align: center;
    background-color: #ffd6d6;
    padding: 3px 0;
    margin-bottom: 3px;
    border-bottom: 4px solid #ee827c;
    border-radius: 5px;

}
#gardOutTmp2{
    text-align: center;
    background-color: #c85179;
    padding: 3px 0;
    margin-top:10px;
    margin-bottom: 3px;
    color: #fff;
    border-bottom: 4px solid #000;
    border-radius: 5px;
}
#tamaOutTmp{
    text-align: center;
    background-color: #c6e2ff;
    padding: 3px 0;
    margin-bottom: 10px;
    border-bottom: 4px solid #6495ed;
    border-radius: 5px;
}
#tamaOutTmp2{
    text-align: center;
    background-color: #007bbb;
    padding: 3px 0;
    margin: 10px 0;
    border-bottom: 4px solid #000;
    color: #fff;
    border-radius: 5px;
}
/*スキル発動*/
.divSkAct{
    margin-top: 20px;
    margin-bottom: 5px;
}
.divSkAct th{
    background-color: #FFF9F9;
    background: linear-gradient(to top, #ffdbdb 20%, #ff7f7f);
}
.divSkAct td{
    color: #ff0000;
    font-weight: bold;
}


/*辿異スキル*/
.divOutTeni{
    /*border-bottom: 0px solid #000;*/ 
    margin-bottom: 5px;
    margin: 20px 0;
}
.divOutTeni th{
    background-color: #e5ffff;
    background: linear-gradient(to top, #efe0ff 30%, #d3a8ff);
}
.divOutTotalSkill th{
    background-color: #e5ffff;
    background: linear-gradient(to top, #e5f2ff 30%, #8ec6ff);
}
.divOutTotalSkill .divOutSk1,.divOutSk2,.divOutSk3,.divOutSk4,.divOutSk5{
    color: #ff4500;
}
.divOutTotalSkill .divOutSp1,.divOutSp2,.divOutSp3,.divOutSp4,.divOutSp5{
    color: #0000ff;
}
/*各リストボックス*/
#tamaType,#tamaName,#tamaGX,#tamaNum,#gardType,#gardName
,#bui,divHuntTyp,#sltGardHis,#sltTamaHis,#tamaNumHis
,#kafType,#kafName,#cmdKaf,#sltKafHis
{

    height: 35px;
}
#Typ{
    height: 37px;
}
.divBuiBlock2  .buiBtn {
    width: 10%;
}


/*.divSkOutSim{
    float: left;
    width: 92%;
}
.divOut:after{
 content: "";
 clear: both;
 display: block;
}
.divOutTotalSkill{
    float: right;
    width: 7%;
    margin:0 ;
}
.divOutTotalSkill ul li{
    list-style: none;
}*/
/*QA*/
.divQqBlock{
    border-top:1px solid #000; 
}
.divQqBlock .question{
    margin-bottom: 40px;
}
.divQqBlock .question:before{
    content: "Q:";
}
.divQqBlock .answer:before{
    content: "A:";
}
/*.divQA :last-child{
    border-bottom:none; 
}*/


.divSite{
    /*    padding-bottom: 30px;
        margin-bottom: 30px;*/
    border-bottom: none;
}
/*アドセンス*/
.divAd{


    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
}
.divSmartImg{
    display: none;
}

/*ボタン見栄え*/
#gardSetBtn,.allClear,#gardHisSetBtn,#gardHisClear{
    /*font-size: 14px;*/
}
.allClear,#gardHisClear,#tamaHisClear{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    /*    background: #ff9999;ボタン色
        color: #FFF;*/
    border-bottom: solid 3px #627295;
    border-radius: 8px;      
}

.divBtnEarea{
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#skNum{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #ffe5e5;
    color: #000;
    border-bottom: solid 4px #627295;
    border-right: solid 1px #627295;
    border-radius: 3px;     
    padding-left: 5px;
    font-size: 14px;
}
#tamaPriBtn , #tamaPointBtn{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #d3381c;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 8px;      
}
.divGard{
    background-color: #fff9f9;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    border-bottom: 1px solid #000; 
    background: linear-gradient(to right, #fff9f9 20%, #ee827c);
}
.divGard select{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #ee827c;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 8px;   
    padding-top: 4px;

}
#sltGardHis{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #a22041;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 8px;   
    margin-bottom: 1px;
}
#Main .divHisGuide {
    margin: 0;
    margin-top: 10px;
    padding:0;
}
.divGard  optgroup{
    background: #fff;
    color: #000;
}
.divGard option{
    /*width: 100%;*/
    background: #800000;
    color: #fff;
}

#gardSetBtn{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #ee827c;
    /*background: #cd5c5c;*/
    color: #ffff93;
    border-bottom: solid 4px #627295;
    border-radius: 100px;   
    font-weight: 600;    

}
#gardHisSetBtn ,#sltGarHis{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #a22041;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 8px;     
}
#gardHisSetBtn{
    /*font-weight: bold;*/
    /*    border-left:  solid 4px #000;
        border-right : solid 4px #000;
        border : solid 8px #000;*/
    border-radius: 100px;   
    font-weight: 600;   
    color: #ffff93;

}
#gardHisClear{
    background-color: #a22041;
    color: #FFF;
    border-radius: 100px;

}
#hidden,#hiddenT,#hiddenK{
    display: none;
}

.divTama{
    background-color: #eaf4ff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    background: linear-gradient(to right, #eaf4ff 20%, #1e50a2);
}
.divTama select{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #6495ed;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 8px;   
    /*padding-bottom: 3px;*/
    padding-top: 4px;
}
.divTama  optgroup{
    background: #fff;
    color: #000;
}
.divTama option{
    /*width: 100%;*/
    background: #191970;
    color: #fff;
}
#tamaSetBtn{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    /*background: #3e62ad;*/
    background: #6495ed;
    color: #ffff93;
    border-bottom: solid 4px #627295;
    border-radius: 100px;
    font-weight: bold;
}
#tamaHisSetBtn{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #19448e;
    color: #ffff93;
    border-bottom: solid 4px #627295;
    border-radius: 100px;
    font-weight: bold;
}
#tamaHisClear{
    background: #19448e;
    color: #FFF;
    border-radius: 100px;
}
#sltTamaHis,#tamaNumHis{
    background: #19448e;
}

.divKaf{
    background-color: #eaf4ff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    background: linear-gradient(to right, #ffffe0 20%, #d9a62e);
    border-top: solid 1px #000;
}
.divKaf select{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #f3981d;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 8px;   
    /*padding-bottom: 3px;*/
    padding-top: 4px;
}
.divKaf  optgroup{
    background: #fff;
    color: #000;
}
.divKaf option{
    /*width: 100%;*/
    background: #8b4513;
    color: #fff;
}
#kafSetBtn{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    /*background: #3e62ad;*/
    background: #f3981d;
    color: #ffff93;
    border-bottom: solid 4px #627295;
    border-radius: 100px;
    font-weight: bold;
}
#kafHisSetBtn{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #8b4513;
    color: #ffff93;
    border-bottom: solid 4px #627295;
    border-radius: 100px;
    font-weight: bold;
}
#kafHisClear{
    background: #8b4513;
    color: #FFF;
    border-radius: 100px;
}
#sltKafHis,#kafNumHis{
    background: #8b4513;
}
#kafOutTmp{
    text-align: center;
    background-color: #ffe2c6;
    padding: 3px 0;
    margin-bottom: 10px;
    border-bottom: 4px solid #ffa500;
    border-radius: 5px;
}
#kafOutTmp2{
    text-align: center;
    background-color: #bc611e;
    padding: 3px 0;
    margin: 10px 0;
    border-bottom: 4px solid #000;
    color: #fff;
    border-radius: 5px;
}
.tdKafName {
    font-weight: bold;
    color: #000;
    border-bottom: dotted 1px #000;
}
#kaf2slot,#kaf1slot1,#kaf1slot2,#kafHidenslot{
/*    border-left: dotted 1px #7fbfff;
    border-right: dotted 1px #7fbfff;*/
    /*width: 293px;*/
    border-bottom: dotted 1px #7fbfff;
}
#kaf2slot{
    /*border-right:  dotted 1px #7fbfff;*/
}
/*//耐性*/

#zokOutTmp{
    text-align: center;
    background-color: #ffe2c6;
    padding: 3px 0;
    margin-bottom: 10px;
    border-bottom: 4px solid #d2691e;
    border-radius: 5px;
}    
#zokOutTmpHis{
    text-align: center;
    background-color: #c97586;
    padding: 3px 0;
    /*margin: 10px 0;*/
    margin-bottom: 10px;
    color: #fff;
    border-bottom: 4px solid #000;
    border-radius: 5px;
    
}        
.divOutZok{
    margin-top: 20px;
    margin-bottom: 20px;
    
}



.divOutZok table{
    border-collapse: collapse;
}
.divOutZok table .thZok{
    background: linear-gradient(to top, #fff4ea  30%, #ffc68e);
}

.divOutZok table th{
    padding: 0 37px;
}
.divOutZok table td{
    border: solid 1px #000;
    text-align: center;
 
}
.divOutZok .hi{
    color: #ff0000;
    
}
.divOutZok .mizu{
    color: #130FFD;
}
.divOutZok .rai{
    color: #ff8c00;
}
.divOutZok .ryu{
    color: #BB6020;
}
.divOutZok .kori{
    color: #6595EB;
}
/*ページ*/
.selection {
    display: none;
}
#page-1 {
    display: block;
}
.pagination-holder{
    margin-top: 10px;
    margin-left: 50px;
}


.allClear,#gardHisClea{
    font-size: 14px;
}
.tdClearBtn,.tdOutBtn{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #e9e9e9;
    color: #000;
    border-bottom: solid 2px #627295;
    border-radius: 8px;     
}
#allClearG{
    color: #ff0000;
    font-weight: bold;
}
#allClearT{
    color: #0000ff;
    font-weight: bold;
}
#allClearK{
    color: #e17b34;
    font-weight: bold;
}

#tamaSetBtn:active , #gardSetBtn:active,.tdClearBtn:active,
.tdOutBtn:active,.allClear:active,#tamaPriBtn:active , #tamaPointBtn:active,
#tamaHisSetBtn:active,#tamaHisClear:active,#tamaOrder:active,
#gardHisSetBtn:active,#gardHisClear:active,#kafSetBtn:active,#RegistBtn:active,
#kafHisSetBtn:active,#kafHisClear:active
{/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
.divHuntTyp{
    padding-left: 20px;
}
.divHuntTyp select{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #884898;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 8px; 
    padding-top: 4px;
}
.divHuntTyp option{
    /*width: 100%;*/
    background: #4b0082;
}
#tamaOrder{
    display: inline-block;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    background: #007bbb;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 8px;   
    font-weight: bold;
}

/*********登録掲示板用*******************/
#RegistBtn {
    display: inline-block;
    /* padding: 0.5em 1em; */
    text-decoration: none;
    background: #007b43;
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 8px;
    padding-top: 4px;
}

.clH2B{
    text-align: center;
    margin-top: 0;
   
}
.divBukiTyp input{
    margin: 0 15px;
}
.spBgWhite{
    background-color: #fff;
    padding:5px 25px;
    display: inline-block;
    border-radius: 10px;
}
.pAutoLine{
    border-top:solid 2px #000;
    
}
.pAutoLine .spKeikou{
    background: linear-gradient(transparent 60%, #d6eaff 60%);
}
.divInpItem{
    font-weight: bold;
}
.divAutoItem{
    color: #0000ff;
    font-weight: bold;
    margin-top: 10px;
}
.divBtnArea{
    padding-top: 20px;
    margin-top: 10px;
    border-top: solid 2px #000;
}

.inpBtn {
    display: inline-block;
    /* padding: 0.5em 1em; */
    text-decoration: none;
    /* background: #3e62ad; */
    border-bottom: solid 4px #627295;
    border-radius: 100px;
    font-weight: bold;
}
#form1Btn{
    background: #6495ed;
    color: #ffff93;    
}
#form2Btn{
    background: #ee827c;
    color: #ffff93;     
}
#form3Btn{
    background: #da70d6;
    color: #ffff93;     
}
.divSoubiBoardItem{
    font-weight: bold;
    margin-top: 10px;
    color: #6495ed;
}
.divWriteSp{
/*    width: 100%;
    height: 3500px;
    overflow: auto;  
    background-color: #ffffff;
    padding-left: 10px;
    word-wrap:break-word;
    overflow-x: scroll;       */
}

/*簡易ボタン用*/
.divSimpleBtn{
    margin-top:20px;
    
}
.inpBtnAllClass,.inpBtnClass{
 border-bottom: solid 4px #627295;
    border-radius: 10px;
    font-weight: bold;
    background: #bbe2f1;
    color: #0000ff;    
}
 .spName{
     color: #ff7f50;
    font-weight: bold;  
}
@media screen and ( max-width:479px )
{
    #Main .clH1{
        border-left:10px solid #0095d9;
        /*    border-top:1px solid #000;
            border-bottom:1px solid #000000;
            background-color: #fff;
            width: 85%;*/
        /*background-color: #e0ffff;*/
        /*    margin-left: 0%;
            padding-top: 10px;
            padding-bottom: 10px; 
            color: #000;*/
        font-size:16px;
    }

    .divPcImg{
        display: none;
    }
    .divSmartImg{
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    #Main .topicPathSoubi{
        font-size: 14px;
    }


    .divGard,.divTama,.divHuntTyp{
        /*    background-color: #fff9f9;
            padding-top: 15px;
            padding-bottom: 15px;*/
        padding-left: 1px;
        /*    border-bottom: 1px solid #000; 
            background: linear-gradient(to right, #fff9f9 20%, #ee827c);*/
    }    

    /*アドセンス*/
    .divAd{
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 0;
        width: 100%;
    }

    body{
        width: 100%;
        /*    box-sizing: border-box;
            padding: 0;*/
        margin:0;
    }

    .simMain{
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        margin-bottom: 30px;
    }
    .divSk table{
        margin: 0 auto; 
        /*margin-left: 30px;*/
    }
    .divSk table td,th{
        /*background-color: #fff;*/
        padding: 3px 3px;
    }
    .divSk .divOrderBtn{
        padding-left: 10%;                
    }    
    .divOrderBtn #skNum{
        font-size: 12px;
    }
    .divOrderBtn #tamaPriBtn,.divOrderBtn #tamaPointBtn{
        font-size: 12px;
    }    

    .divOut{
        width: 100%;

    }
    .divBuiBlock3 td{
        width: 33%;   

    }
    /*スキル発動*/
    .divSkAct{
        width: 100%;
        text-align: center;
        /*    margin-top: 10px;
            margin-bottom: 5px;*/
    }

    /*辿異スキル*/
    .divOutTeni{
        width: 100%;
        /*margin-bottom: 5px;*/
    }
    /*各リストボックス*/
    #tamaType{
        width: 100%;
    }
    #tamaName{
        width: 100%;
    }
    #tamaGX{
        width: 100%;
    }
    #tamaNum{
        width: 100%;
    }
    #tamaType,#tamaName,#tamaGX,#tamaNum,#gardType,#gardName,#bui
    ,divHuntTyp{

        /*height: 23px;*/
    }    

    .divBuiBlock2  .buiBtn {
        width: 10%;
    }
    .tdBuiName{
        /*border-right:1px solid #000;*/  
        /*padding:0 5px;*/
        width: 20px;
        padding: 0 3px;
        margin: 0;
    }    

    /*珠など*/
    .tdOutTamaName{
        width: 30%;
        white-space: nowrap;
        overflow:hidden;    
        /*background-color: #fff;*/
    }
    .outTama,.outKaf{
        width: 100%;
        /*height: 30px;*/

    }
    .outBui{
        width: 100%;
    }
    /*頭*/
    .divBuiBlock2Head{
        background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
        background: linear-gradient(to right, #fff9f9 80%, #ffd1d1);
        border-bottom:1px dashed #a3d1ff;  
    }
    #divOutSpace1{
        background: linear-gradient(to bottom, #f9fcff, #c6e2ff);
        border-top:1px dashed #a3d1ff;  
    }
    /*胴*/
    .divBuiBlock2Dou{
        background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
        background: linear-gradient(to right, #fff9f9 80%, #ffd1d1);
        border-bottom:1px dashed #a3d1ff;  
    }
    #divOutSpace2{
        /*background-color: #ffe0e0;*/
        background: linear-gradient(to bottom, #f9fcff, #c6e2ff);
        border-top:1px dashed #a3d1ff;  

    }
    /*腕*/
    .divBuiBlock2Arm{
        background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
        background: linear-gradient(to right, #fff9f9 80%, #ffd1d1);
        border-bottom:1px dashed #a3d1ff;  
    }
    #divOutSpace3{
        background: linear-gradient(to bottom, #f9fcff, #c6e2ff);
        border-top:1px dashed #a3d1ff;  
    }
    /*腰*/
    .divBuiBlock2Koile{
        background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
        background: linear-gradient(to right, #fff9f9 80%, #ffd1d1);
        border-bottom:1px dashed #a3d1ff;  
    }
    #divOutSpace4{
        /*background-color: #ffe0e0;*/
        background: linear-gradient(to bottom, #f9fcff, #c6e2ff);
        border-top:1px dashed #a3d1ff;  

    }
    /*足*/
    .divBuiBlock2Foot{
        background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
        background: linear-gradient(to right, #fff9f9 80%, #ffd1d1);
        border-bottom:1px dashed #a3d1ff;  
    }
    #divOutSpace5{
        /*background-color: #ffe0e0;*/
        background: linear-gradient(to bottom, #f9fcff, #c6e2ff);
        border-top:1px dashed #a3d1ff;  

    }
    /*武器*/
    .divBuiBlock2Buki{
        /*border-bottom:1px dashed #000;*/  
        background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
        background: linear-gradient(to right, #fff9f9 80%, #ffd1d1);
    }
    /*カフ*/
    .divBuiBlock2Kaf{
        /*border-bottom:1px dashed #000;*/  
        background: linear-gradient(to top, #f9fcff 50%, #7fbfff);
        background: linear-gradient(to right, #fff9f9 80%, #ffd1d1);

    }
/*耐性*/    
.divOutZok table th{
    padding: 0 17px;
}
/*ページ*/
.pagination-holder{
    /*margin-top: 20px;*/
    margin-left: 10px;
}

    

    #divOutSpace0{
        background: linear-gradient(to bottom, #f9fcff, #c6e2ff);
        /*border-top:1px dashed #a3d1ff;*/  
    }
    .ulSocialMain{
        padding-left: 0;
    }
    /*ボタン*/
    .tdClearBtn,.tdOutBtn{
        /*    display: inline-block;
            padding: 0.5em 1em;
            text-decoration: none;
            background: #e9e9e9;
            color: #000;
            border-bottom: solid 2px #627295;
            border-radius: 8px;  */
        font-size: 14px;    
    }
    .divsmartAllImg img{
        width: 100%;
        box-sizing: border-box;
    }
#tamaOrder{

    margin-top: 10px;
} 
/*登録掲示板用*/
#form3Btn{
    margin-top: 10px;
}
#Main .registH1{
    font-size: 24px;
}
#Main .registH2{
    font-size: 20px;
}
#Main .registH3{
    font-size: 18px;
}
.divBukiTyp input{
    margin: 0 2px;
}

    @media only screen and (max-device-width: 321px){
        .divSk .divOrderBtn{
            padding-left: 5px;                
        }        
    }    

}