@charset "utf-8";
/* CSS Document */

.SiteSearchBoxOuter { display: none}

.SiteSearchBoxOuter .SiteSearchBox { background-color: rgba(45,63,88,0.90);
                   max-width: 310px; padding: 15px; margin-top: 40px}

.SiteSearchBoxOuterSp .SiteSearchBox { background-color: rgba(45,63,88,0.90);
                   max-width: 90%; padding: 5%; }

.SiteSearchBoxOuter .SiteSearchBox h1 { font-size: 1.4rem; font-weight: normal; color: #FFFFFF}

.SiteSearchBoxOuterSp .SiteSearchBox h1 { font-size: 2.5rem; font-weight: normal; color: #FFFFFF}



/*フォーム全体*/
.SiteSearchBox form{
width:100%;
}
/*検索ボックス*/
.SiteSearchInput{
width:70%;
outline:0;
height:30px;
padding:0 10px;
margin-right: 5px;
box-sizing: border-box;
font-size:1.3rem;
background:#eee;
letter-spacing: 1.6px;
border: 1px #cccccc solid;

}
/*検索ボタン*/
.SiteSearchBt{
width:25%;
height:31px;
background-color: #727272;
border:none;
color:#fff;
font-weight:normal;
font-size:1.4rem;
}

/*検索ボタンマウスオーバー時*/
.SiteSearchBt:hover{
background-color: #6fb83f; color:#ffffff;
cursor: pointer; -webkit-transition: .2s ease; transition: .2s ease;
}


.SiteSearchBox table { width: 100%; margin-top: 20px}
.SiteSearchBox table tbody th { font-size:1.6rem; color: #FFFFFF; text-align: right}
.SiteSearchBox table tbody td { font-size:1.4rem; color: #cccccc; text-align: left; padding-left: 10px}


.DSB-DetailBt {font-size: 1.2rem; width: 50%; float: right; box-sizing:border-box; border: 1px #FFFFFF solid;
                background-color: rgba(45,63,88,0.20); text-align: center }
.DSB-DetailBt a { color: #FFFFFF; display: block; padding: 2%; }
.DSB-DetailBt a:hover { background-color: rgba(210,47,39,0.90); color: #FFFFFF; display: block; padding: 2%;
                         -webkit-transition: .2s ease; transition: .2s ease;}




/* width 769以上 */

@media print, screen and (min-width : 769px){

.SiteSearchBoxOuter { display: block}
.SiteSearchBoxOuterSp { display: none}











}