@charset "UTF-8";

.treeFlame{
 width:calc(50% - 6px);
 display:inline-block;
 padding:4px !important;
 margin:2px;
 border:solid #CCC !important;
 border-width:1px !important;
 border-radius:5px;
 box-sizing:border-box;
 box-shadow:1px 1px 2px #AAA;
 line-height:1;
 vertical-align:top;
}

.treeFlame_Left{
 display:inline-block;
 vertical-align:top;
 width:60px;
}
.treeFlame_Img{
 max-width:60px;
 max-height:50px;
 margin:0 auto;
 display:block;
 
}

.treeFlame_Right{
 display:inline-block;
 vertical-align:top;
 width:calc(100% - 60px);
 padding-left:4px;
 box-sizing:border-box;
}
.tree a{
 text-decoration:none !important;
}

.tree { counter-reset:treeNum;}
.tree > .treeFlame > .treeFlame_Right > div:first-child::before {
 counter-increment:treeNum;
 content:counter(treeNum);
 padding:0 3px 3px 0;
 display:inline-block;
 font-size:1.2em;
 font-weight:bold;
}