/*
 * 左サイドバーの「サイト内検索」（Google プログラム可能検索エンジン、#gsc）の見た目の補正。
 *
 * main.css（旧のまま）の table / td / input の指定が、Google の今の検索ボックス（中身は table）にも効いて、
 * 枠が縦に伸び、検索ボタンとも高さがそろっていなかった（本番の旧サイトでも同じ崩れ方。UAT の指摘。D19）。
 * main.css は旧と同じ内容のまま残し、ここで検索ボックス（form.gsc-search-box）の中だけを上書きする。
 * 検索結果の表示（オーバーレイ）には効かせない。
 *
 * 形: 高さ 30px の入力欄と検索ボタンを横に並べ、角を丸めて 1 つの部品に見せる。
 * 入力欄の「Google 提供」の透かしは Google の表示ルールなので消さない（入力を始めると消える）。
 */
#gsc .gsc-control-cse {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

#gsc form.gsc-search-box {
    margin: 0 !important;
}

#gsc form.gsc-search-box table,
#gsc form.gsc-search-box td {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: normal !important;
    border-collapse: collapse;
}

#gsc table.gsc-search-box {
    width: 100% !important;
}

#gsc .gsc-input-box {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center;
    height: 30px !important;
    padding: 0 6px !important;
    border: 1px solid #b8b8b8 !important;
    border-right: 0 !important;
    border-radius: 4px 0 0 4px !important;
    background: #fff !important;
}

#gsc .gsc-input-box > table {
    width: 100% !important;
    table-layout: fixed;
}

/* 表の行の高さが main.css の指定で 48px に広がるので、行と欄も固定する */
#gsc .gsc-input-box > table,
#gsc .gsc-input-box tr,
#gsc .gsc-input-box td {
    height: 28px !important;
}

#gsc td.gsib_a {
    width: auto !important;
    vertical-align: middle !important;
}

#gsc td.gsib_b {
    width: 18px !important;
}

#gsc input.gsc-input {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 28px !important;
    background-position: left center !important;
}

#gsc td.gsc-search-button {
    display: table-cell !important; /* main.css が隠しているので出す */
    width: 1% !important;
    vertical-align: middle !important;
}

#gsc button.gsc-search-button {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 0 4px 4px 0 !important;
}