@charset "utf-8";

/*--------------------------------------------------*/
/* i-search                                         */
/*--------------------------------------------------*/
/*{{{*/
#i-search {
    margin: 0px auto;
    padding: 10px 0px 0px 0px;
    text-align: left;
    max-width: 1210px;
    width:98%;
}

#i-search .i-search_title {
    font-size: 40px;
    line-height: 46px;
    color: #191919;
    font-weight: bold;
    margin-bottom: 1em;
    border-bottom: 6px solid #ffcd11;
    padding-bottom: 10px;
}

#i-search .smpDisplayNone {
    display:block;
}

#i-search .pcDisplayNone {
    display:none;
}

/*}}}*/

/*--------------------------------------------------*/
/* popup                                            */
/*--------------------------------------------------*/
/*{{{*/
#i-search #popupwin {
    z-index: 99999;
    position: absolute;
    margin-top: -150px;
    margin-left: -200px;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-position: top left;
}

#i-search #popupwin img {
    border:0px
}
/*}}}*/

/*--------------------------------------------------*/
/* search_input                                     */
/*--------------------------------------------------*/
/*{{{*/
#i-search #search_input {
    padding: 25px 30px 15px;
    background: #f4f4f4;
}

#i-search #search_input form {
    margin:0 0 5px;
}
#i-search #search_input .search_str {
    display: flex;
    width: 80%;
    margin: 0 auto;
}

#i-search #search_input .text_input {
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    padding: 10px;
    background:#fff;
    border:1px solid #ccc;
}

#i-search #search_input .submit_button {
    width: 60px;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    font-size: 1.1em;
    background: #0d3655;
    color: #fff;
    left: -1px;
    cursor: pointer;
}

#i-search #search_input .filter{
    margin: 10px auto 0;
    width: 80%;
}

#i-search #search_input .filter ul{
   padding-top: 10px;
}

#i-search #search_input .filter_title{
    font-weight: bold;
}

#i-search #search_input .filter li{
    display: inline-block;
}
.checkboxInput, .radioInput {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}
.checkboxCate, .radioCate {
    padding: 3px 0 0 20px;
    position: relative;
    margin-right: 10px;
}
.checkboxCate::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 13px;
    height: 13px;
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    background: #f1f1f1;
}
.checkboxInput:checked + .checkboxCate::after {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 12px;
    transform: rotate(40deg);
    border-bottom: 3px solid #0d3655;
    border-right: 3px solid #0d3655;
}
.radioInput + .radioCate::before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 50%;
}
.radioInput:checked + .radioCate::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 3px;
    width: 11px;
    height: 11px;
    background: #0d3655;
    border-radius: 50%;
}
.checkboxInput:focus + .checkboxCate::before, .radioInput:focus + .radioCate::before {
    border-color: #1589ee;
    box-shadow: 0 0 5px #1589ee;
}
/*}}}*/

/*--------------------------------------------------*/
/* predict_box                                      */
/*--------------------------------------------------*/
/*{{{*/
#i-search .predict_box {
    margin: 0px 0px 10px 0px;
}

#i-search .predict_box .bac {
    color: red;
}
/*}}}*/

/*--------------------------------------------------*/
/* relation_contents                                */
/*--------------------------------------------------*/
/*{{{*/
#i-search #relation_contents {
    max-width: 1210px;
    overflow: hidden;
    margin: 20px auto 10px auto;
    padding: 0px;
}

#i-search #relation_contents #relation_title {
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px 0 4px 20px;
    color: #FFFFFF;
    background: #0d3655;
}
#i-search #relation_contents #relation_title span {
    font-size:0.8em;
    padding-left:30px;
}

#i-search #relation_contents ul li {
    width : 15.6% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc((100% / 6) - 5px);
    width:calc((100% / 6) - 5px);
    display:inline-block;
    vertical-align: top;
}
  @media (max-width: 910px) {
      #i-search #relation_contents ul li {
          width:100%!important;
      }
  }
#i-search #relation_contents .relation_results {
    margin: 15px auto 10px;
    padding: 0px;
    width: 120px;
}


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

#i-search #relation_contents .relation_results .comment_area {
    word-break: break-all;
    overflow: hidden;
    padding: 3px 2px;
    text-align:left;
    line-height: 110%;
}
/*}}}*/

/*--------------------------------------------------*/
/* 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;
}
/*}}}*/

/*--------------------------------------------------*/
/* search_contents                                  */
/*--------------------------------------------------*/
/*{{{*/
#i-search #search_contents {
    margin: 0px auto 0px auto;
    width: 100%;
    clear: both;
    border-bottom: dashed 1px #ccc;
    overflow: hidden;
}

#i-search #search_contents .result_str {
    margin: 20px 0px 10px 0px;
}

#i-search #search_contents .result_str .word {
    font-size: 1.1em;
    font-weight: bold;
}

#i-search #search_contents .result_str .count {
    font-size: 1.1em;
    font-weight: bold;
}

#i-search #search_contents .search_results {
    width: 100%;
    overflow: hidden;
    clear: both;
    margin: 0px;
    padding: 10px 0px;
    border-top: dashed 1px #ccc;
}

#i-search #search_contents .search_results .image_area {
    float:left;
    margin:0px;
}

#i-search #search_contents .search_results a {
    text-decoration:none;
    color:#333;
}
#i-search #search_contents .search_results .main_area {
    overflow: hidden;
}

#i-search #search_contents .search_results .image_area img {
    margin: 0px 10px 0px 0px;
}

#i-search #search_contents .search_results .title_area {
    padding: 0px 0px 10px 0px;
}

#i-search #search_contents .search_results a .title_area ,
#i-search #search_contents .search_results a .uri_area {
    color:#0d3655;
    font-weight:700;
}
#i-search #search_contents .search_results a:hover .title_area ,
#i-search #search_contents .search_results a:hover .uri_area {
    color: #05aae3;
    text-decoration: none;
}
#i-search #search_contents .search_results .body_area {
    line-height: 120%;
    padding: 0px 0px 10px 0px;
}

#i-search #search_contents .search_results .body_area .keyword{
    background: #FF0;
    padding: 0px 2px;
}

#i-search #search_contents .search_results .uri_area {
}

#i-search #search_contents .search_results .uri_area a {
}
/*}}}*/

/*--------------------------------------------------*/
/* paging_area                                      */
/*--------------------------------------------------*/
/*{{{*/
#i-search .paging_area {
    text-align: center;
    margin: 25px 0px;
    clear: both;
}
#i-search .paging_area ul {
    border-radius: 4px;
    display:inline-block;
    padding-left: 0;
    margin: 20px 0;
}
#i-search .paging_area ul li {
    display:inline;
}
#i-search .paging_area ul li a,
#i-search .paging_area ul li strong {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #666666;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-left: -1px;
}
#i-search .paging_area ul li:first-child a,
#i-search .paging_area ul li:first-child strong {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
#i-search .paging_area ul li:last-child a,
#i-search .paging_area ul li:last-child strong {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
#i-search .paging_area ul li a:hover,
#i-search .paging_area ul li strong:hover,
#i-search .paging_area ul li a:focus,
#i-search .paging_area ul li strong:focus {
  color: #23527c;
  background-color: #eeeeee;
  border-color: #cccccc;
}
#i-search .paging_area ul li strong,
#i-search .paging_area ul li strong:hover,
#i-search .paging_area ul li strong:focus {
  z-index: 2;
  color: #FFFFFF;
  background-color:#0d3655;
  border-color:#0d3655;
  cursor: default;
}

#i-search .logo_area {
    text-align: right;
    padding-bottom: 20px;
}

#i-search .logo_area a {
    border: none;
    padding: 0px 0px;
}

/*}}}*/

/*--------------------------------------------------*/
/* search_options                                   */
/*--------------------------------------------------*/
/*{{{*/

#options_open {
    margin: 0px 0px 0px 5px;
    width: 140px;
    border-top: solid #999 1px;
    border-left: solid #999 1px;
    border-right: solid #999 2px;
    border-bottom: solid #999 2px;
    cursor: pointer;
    background: #fff;
    text-align: center;
    line-height: 20px;
}

#options_close {
    margin: 10px auto 0px auto;
    width: 140px;
    border-top: solid #999 1px;
    border-left: solid #999 1px;
    border-right: solid #999 2px;
    border-bottom: solid #999 2px;
    cursor: pointer;
    background: #fff;
    text-align: center;
    line-height: 20px;
}

#search_options {
    z-index: 9999;
    clear: both;
    width: 197px;
    position: absolute;
    border-top: solid #999 1px;
    border-left: solid #999 1px;
    border-right: solid #999 2px;
    border-bottom: solid #999 2px;
    font-size: 12px;
    padding: 0px 0px 5px 0px;
    background: #fff;
    display: none;
}

#search_options .title_area {
    margin: 0px;
    display: none;
}

#search_options .body_area {
}


/* 表示件数指定機能 */
#search_options .body_area #cpn_area {
    clear:both;
    margin: 0px 0px 5px 0px;
}

#search_options .body_area #cpn_area .title_str {
    line-height: 20px;
    padding: 0px 10px;
    background: #999;
    color: #fff;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    display: block;
    overflow: visible;
    white-space: nowrap;
}

#search_options .body_area #cpn_area input {
    margin: 0px 0px 0px 10px;
}

/* サムネイルサイズ指定機能 */
#search_options .body_area #thumbnailSizeSelect_area {
    clear:both;
}

#search_options .body_area #thumbnailSizeSelect_area .title_str {
    line-height: 20px;
    padding: 0px 10px;
    background: #999;
    color: #fff;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    display: block;
    overflow: visible;
    white-space: nowrap;
}

#search_options .body_area #thumbnailSizeSelect_area input {
    margin: 0px 0px 0px 10px;
}

/* 表示順指定機能 */
#search_options .body_area #ord_area {
    clear:both;
}

#search_options .body_area #ord_area .title_str {
    line-height: 20px;
    padding: 0px 10px;
    background: #999;
    color: #fff;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    display: block;
    overflow: visible;
    white-space: nowrap;
}

#search_options .body_area #ord_area input {
    margin: 0px 0px 0px 10px;
}

/*}}}*/

/*--------------------------------------------------*/
/* etc                                              */
/*--------------------------------------------------*/
/*{{{*/
* {
    word-break:break-all;
}
body, td, div, .p, a {
}

#i-search .image_area img {
    border: solid 1px #999;
}

#i-search .clear_both {
    clear: both;
    display: block;
}
/*}}}*/

/*--------------------------------------------------*/
/* over write                                       */
/*--------------------------------------------------*/
/*{{{*/
  @media (max-width: 890px) {
    #i-search ,
    #i-search #relation_contents {
        /*width:auto;*/
    }
    #i-search{
        padding:10px 10px 0 10px;
    }
    #i-search .i-search_title{
        font-size: 22px;
        margin-bottom: 24px;
        line-height: 26px;
        border-bottom: 6px solid #ffcd11;
    }
    #i-search #search_contents .search_results .image_area ,
    #i-search #search_contents .search_results .uri_area ,
    #i-search #relation_contents .relation_results .image_area {
        display:none;
    }
    #i-search #relation_contents .relation_results_box{
        display:block;
    }
    #i-search #relation_contents .relation_results{
        margin: 15px 0px 10px 0px;
        display:block;
        float:none;
        width:100%;
        box-sizing:border-box;
    }
    #i-search #relation_contents #relation_title{
        padding:14px;
    }
    #i-search #relation_contents #relation_title span{
        padding:0;
        display:block;
        font-size:0.6em;
    }
    #i-search .smpDisplayNone {
        display:none;
    }
    #i-search .pcDisplayNone {
        display:block;
    }
  }
/*}}}*/

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