@charset "utf-8";

#navbar {
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 height: 70px;
 z-index: 1000;
 background-color:#fff;
 border-bottom:1px solid #a98f30;
}
#navbar h1{
margin:0 2px 0 0;
font-size:0.8em;
font-weight:normal;
}
#sp-logo{
 width:100px;/* ロゴの大きさに合わせて変更 */
 margin:5px 0 5px 10px;
}
 
#navbar-menu{
 margin:25px 15px 0 0;
 font-size:0.6em;
 font-weight:bold;
 color:#014099;
 float:right;
 text-align:center;
}
#navbar-menu img{
width:35px;
}

.main-sidebar {
 position: fixed;
 top: 0;
 bottom: 0;
 background-color: #000;
 opacity:0.7;
 filter: alpha(opacity=70);
}
.main-sidebar ul {
 margin:0px 0 0 0;
}
.main-sidebar li {
 border-bottom:1px solid #999;
 line-height:1;
 font-size:1.2em;
}
.main-sidebar li:nth-child(1) {
font-size:1.4em;
 padding:15px 0 15px 10px;
 color:#fff;
 background:url(../img/common/sidebar-menu-close.png) no-repeat 95% 50% ; 
}
.main-sidebar li a {
 padding:15px 0 15px 30px;
 display: block;
}
.main-sidebar a:link {color: #fff;}
.main-sidebar a:visited {color: #fff;}
.main-sidebar a:hover {color: #fff;}
.main-sidebar a:active {color: #fff;}


/* ��html����͍폜
------------------------------------------------------------*/
.main-sidebar .section {
    margin: 1em 0;
    margin-bottom: 2em !important;
}
/* ��
------------------------------------------------------------*/


.main-sidebar-right {
 right: 0;
 text-align: right;
}
.main-sidebar-left {
 left: 0;
 text-align: left;
}

[data-ssbplugin="sbwrapper"] {
    padding: 1em;
}

.dynamic-right .main-navbar-content {
    float: right;
}

.dynamic-left .main-navbar-content {
    float: left;
}

.main-sidebar-wrapper {
    position: relative;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1em;
}