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

/*============================================
#header_pc
============================================*/
#header_pc{
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;
}

@media screen and (max-width: 959px) {
#header_pc{
display:none;
}	
}

/*============================================
#header_pc>div#rogo
============================================*/
#header_pc>div#rogo{
position: relative;
/*--*/
display:block;
width:280px;
height:60px;
margin:0;
border:0;
padding:0;
}

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

#header_pc>div#rogo>a:hover{
opacity:.6;
-webkit-transition:0.3s;
transition:0.3s;
}

#header_pc>div#rogo>a:active{
opacity:.6;
-webkit-transition:0.3s;
transition:0.3s;
}

/*============================================
#header_pc>ol
============================================*/
#header_pc>ol{
position: absolute;
top:0;
right:0;
/*--*/
display:flex;
width:auto;
height:60px;
margin:0;
border:0;
padding:0;
/*--*/
align-items:stretch;/*縦揃え*/
flex-direction:row;/*方向*/
flex-wrap:nowrap;/*改行*/
justify-content:space-between;/*横揃え*/
}

#header_pc>ol>li{
position:relative;
/*--*/
display:block;
width:auto;
height:100%;
margin:0;
border:0;
padding:0;
}

#header_pc>ol>li>a{
position: relative;
/*--*/
display:block;
width:auto;
height:100%;
margin:0;
border:0;
padding:24px 16px 0 16px;
/*--*/
text-align:center;
line-height:1.4;
font-size:14px;
font-weight:bold;
color:#300;
text-decoration: none;
}

#header_pc>ol>li>a:hover{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

#header_pc>ol>li>a:active{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}