﻿/* Googleカスタム検索のスタイル */

/* PC用 */
@media screen and (min-width:768px) {
    .searchBox-gcs{
        width:200px;
    }
}
/* スマホ用 */
@media screen and (max-width:767px) {
    .searchBox-gcs{
        width:175px;
    }
}

#mainSearch02 .searchBox-gcs{
    width:570px;
}

#mainSearch2 .gsc-input input{
    height:2rem;
    font-size:1.1rem;
}

#mainSearch02 .gsc-search-button > input{
    height:2.5rem;
    font-size:1.1rem;
}
#searchBoxSP .searchBox-gcs {
    width:95%;
    margin:0 auto;
}
#searchBoxSP .gsc-input input{
    height:2rem;
    font-size:1.1rem;
}
.cse form.gsc-search-box, form.gsc-search-box
,#___gcse_0 > div > form
{
    padding:0px;
}

#mainSearch {
    margin:0px;
    margin-top:2px;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px;
}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    font-size: 0px;
    padding: 6px 10px;
    width: auto;
    vertical-align: middle;
    border: 1px solid #ffffff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-color: #333333;
    background-color: #333333;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#333333),to(#333333));
    background-image: -webkit-linear-gradient(top,#333333,#333333);
    background-image: -moz-linear-gradient(top,#333333,#333333);
    background-image: -ms-linear-gradient(top,#333333,#333333);
    background-image: -o-linear-gradient(top,#333333,#333333);
    background-image: linear-gradient(top,#333333,#333333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
}
