@charset "UTF-8";
/*
本WEBサイトで公開しているHTML・CSS・JavaScriptは合同会社ベストブリッジが記述し、タイムスタンプを付与した電子書類で保管を行っています。
また、公開に至るまでの制作過程も、タイムスタンプを付与した電子書類として保管を行っています。
*/

/*============================================
#header_sp
============================================*/
#header_sp{
display:none;
}

@media screen and (max-width: 959px) {
#header_sp{
z-index:9000;
/*----*/
position:fixed;
top:0;
left:0;
/*----*/
display:block;
width:100%;
height:60px;
margin:0;
border:0;
padding:0;
background-color:#F0E8D5;
opacity:.9;
}	
}

/*============================================
#header_sp>div#rogo
============================================*/
#header_sp>div#rogosp{
position:fixed;
top:0;
left:0;
/*----*/
display:block;
width:140px;
height:60px;
margin:0;
border:0;
padding:0;
}

#header_sp>div#rogosp>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border:0;
padding:0;
content:url(../img/header_sp_rogo.jpg);
}

#header_sp>div#rogosp>a:hover{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

#header_sp>div#rogosp>a:active{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

/*============================================
#header_sp>div#staff
============================================*/
#header_sp>div#staff{
position:fixed;
top:0;
right:0;
/*----*/
display:block;
width:100px;
height:60px;
margin:0;
border:0;
padding:0;
}

#header_sp>div#staff>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border:0;
padding:0;
content:url(../img/header_sp_staff.jpg);
}

#header_sp>div#staff>a:hover{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

#header_sp>div#staff>a:active{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}