/*
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/20, 16:59:57
    Author     : RYO
*/
/*ソーシャル*/
.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;    

}
/*-----ｈ１内容-------------*/
.divIvent .tblHeadCol5Row3 th{
    border:1px solid #000000;
    background-color: #d6ffd6;
}
.tblHeadCol5Row3 .trMidasi th{
    background-color: #66cdaa;
}

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

.tblHeadCol4Row3{
    margin-bottom: 30px;
}
.divIvent .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;
}

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

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

#Main .divIvent .divIventRep img{
    /*    width: 600px;
        height: 400px;
        padding-top: 00px;   
        padding-left: 00px;    */
}
#Main .divIvent .divIventRep .name{
    text-align:left;
    margin: 00px 0 50px 0;
}
/*-----イベント＿報酬と素材-------------*/
#Main .divIvent .divIventRep .tblHousyuSozai td{
    padding:10px 10px 10px 10px;
}
#Main .divIvent .divIventRep .tblHousyuSozai th{
    border:1px solid #000000;
    padding:10px 10px 10px 10px;
}

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

/*勝ちネコ*/
#Main .divIventRep .ulKatineko {
    list-style-type: decimal;
}
#Main .tblKatineko th,td{
    text-align: center;
}

.tblHousyuSozaiS{
    display: none;
}
#Main .divIventRep .tblKatiSikure .name{
    text-align: center;
}
#Main .divIvent .tblKatiSikure .clKatiQueName{
    text-align: left;
}
/*四方*/
#Main .divIventRep .tblSihou .name {
    text-align: center;
}

/*----スマホ対応-------------*/
@media only screen and (max-width: 499px){
    #Main{
        margin-top: -20px;

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

    }   
    #Main .clH2{
        font-size: 18px;
        
    }    
    #Main .clH3{
        font-size: 16px;
    }
    .divIvent p{
        font-size:14px;
    }
.divIvent img{
    max-width: 100%;
    height: auto;    
}    
    .divIvent .clH1{
        font-size: 20px;
    }
    .divIvent .clH2{
        font-size: 18px;
    }
    #Main .divIvent img{
        max-width: 100%;
        height: auto;  
    }

    #Main .divIvent .divIventRep img{
        max-width: 100%;
        height: auto;
        padding-top: 00px;   
        padding-left: 00px;    
    }
    .tblHousyuSozai{
        display: none;
    }
    .tblHousyuSozaiS{
        display:inline;
    }
    .tblHousyuSozaiS th{
        border:1px solid #000000;
    }
    
.divLink a{
    font-size: 12px;
}    

.divMokuji a{
     font-size: 14px;
}

/*ソーシャル*/


.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;
}    
}