@charset "UTF-8";

/* **************************************************

Name: custom.css

Description: HISOL用にヘッダーフッターのカスタム

Create: 2022.5.16

***************************************************** */



/* content==============================

[-] 既存コンテンツの調整
[-] header
[-] footer

==================================== */


/* 既存CSSの調整
==================================== */

/* タグ*/
#fc h2{
    background-image:none;
}

/* 黒背景を削除
     テーブルの初期値上書き
*/
#fb table th,#fb table td {
    font-size:100%;
}
@media screen and (max-width: 767px){
    #fb table td {
        border-left: none;
    }
}
/* nres/css/jp/r1/common.css の上書き*/
#fl h2 a:link,#fc h2 a:link,#fb h2 a:link,#fsm h2 a:link,
#fl h2 a:visited,#fc h2 a:visited,#fb h2 a:visited,#fsm h2 a:visited{
    background:none;
}
/* /res/css/solutions.css の上書き*/
.FatMenuWide .l-footer_nav_cat_item:before {
    display:none;
}


/* header
==================================== */


/* footer
==================================== */
/*検索ボックス*/

.l-siteSearch{
    display: inline-block;
    margin-right: 20px;
    margin-bottom:15px;
    width: auto;
}
.l-siteSearch_box{
    display: inline;
    width: auto;    
}                    
.l-siteSearch_textField{
    width: 12em;
    height: 1em;
    padding: .6em;
    vertical-align: top;
    border: 0 none;
    border-radius: 0;
}
.l-siteSearch_btn{
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
    height: 2.2em;
    /* margin: 0; */
    padding: 0.6em 1em;
    cursor: pointer;
    vertical-align: top;
    color: #333;
    border: none;
    border-radius: 0;
    background-color: #ccc;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    line-height: 1;
}

@media screen and (max-width: 767px){
    /* /res/css/solutions.css に負けるのでimportantを使用 */
    #Footer2Menu{
        /*solutions.cssに上書き用*/
        line-height: 1.6;
    }
    .l-siteSearch{        
        display: block;
        width: 100%;
        margin-right: 0;
        /*solutions.cssに上書き用*/
        padding: 0 !important;
        border:none !important;
    }
    .l-siteSearch_box{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
    .l-siteSearch_textField{
        box-sizing: border-box !important;
        width: 75% !important;
        height: 2.6rem !important;
    }
    .l-siteSearch_btn{
        width: 25% !important;
        height: 2.6rem !important;
    }
}