@charset "utf-8";

/*--------------------------------------------------*/
/* relation_contents                                */
/*--------------------------------------------------*/
/*{{{*/
#relation_contents {
    width: 1000px;
    overflow: hidden;
    margin: 30px auto 15px;
    padding: 0px;
}

#relation_contents #relation_title {
    font-size: 18px;
    font-weight: bold;
    padding: 8px 0 4px 20px;
}

#relation_contents .relation_title_bizene {
    color: #FFFFFF;
    background: #003974;
}

#relation_contents .relation_title_katene {
    color: #000000;
    background: #f4bd14;
}

#relation_contents #relation_title span{
    font-size:0.8em;
    padding-left:30px;
}

#relation_contents .relation_results {
    margin: 15px 0px 10px 40px;
    float: left;
    width: 120px;
}


#relation_contents .relation_results_box {
    padding:0 20px;
    display:flex;
    justify-content:space-around;
}

#relation_contents .relation_results .image_area img{
}

#relation_contents .relation_results .comment_area {
    word-break: break-all;
    overflow: hidden;
    padding: 3px 2px;
    line-height: 110%;
    font-size:14px;
}
#relation_contents .relation_results .comment_area a{
    color:#000;
}
/*}}}*/

/*--------------------------------------------------*/
/* relation_contents-table                          */
/*--------------------------------------------------*/
/* 関連コンテンツの均等割りテーブル仕様暫定版 */
/*{{{*/
#i-search #relative_table {
  border: solid 1px #00716B;
  clear: both;
  width: 100%;
  margin: 0px auto 20px auto;
  padding: 10px 0px;
}

#i-search #relative_table .relative_td {
  text-align: center;
  vertical-align: top;
}

#i-search #relative_table .relative_td .relative_sub_table {
  margin: 0px auto;
  width: 120px;
}

#i-search #relative_table .relative_td .relative_sub_table td{
  text-align: left;
  padding: 0px;
}
/*}}}*/

/*--------------------------------------------------*/
/* over write                                       */
/*--------------------------------------------------*/
/*{{{*/
.body_area .isfw_keyword, 
.body_area .keyword{
    background-color:#FF0;
}

  @media (max-width: 768px) {
    #i-search ,
    #i-search #relation_contents {
        width:auto;
    }
    #i-search #search_contents .search_results .image_area ,
    #relation_contents .relation_results .image_area {
        display:none;
    }
    #relation_contents .relation_results_box{
        display:block;
    }
    #relation_contents{
        width:100%;
    }
    #relation_contents .relation_results{
        margin: 15px 0px 10px 0px;
        padding: 0px 20px;
        display:block;
        float:none;
        width:100%;
        box-sizing:border-box;
    }
    #relation_contents #relation_title{
        padding:8px 15px;
    }
    #relation_contents #relation_title span{
        padding:0;
        display:block;
        font-size:0.6em;
    }
  }
/*}}}*/

/* vim: set syntax=css sw=4 fdm=marker: */