.sb-slidebar {

}

html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

/* Fixed position examples */
#sb-site.top-padding {
	padding-top: 50px;
}

#fixed-top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background-color: red;
	z-index: 4;
}

#fixed-top span.sb-toggle-left {
	float: left;
	color: white;
	padding: 10px;
}

#fixed-top span.sb-toggle-right {
	float: right;
	color: white;
	padding: 10px;
}




header{
position:relative;
}

.sb-toggle-left,
.sb-toggle-right{
/*width:45px;
height:45px;
position:absolute;
top:10px;
text-indent:-9999px;*/
}

.sb-toggle-left{
/*left:2%;
border-radius:5px;
background:#333 url(menu.png) no-repeat center center;
background-size:80%;*/
}

.sb-toggle-right{
/*right:2%;
border-radius:5px;
background:#333 url(search.png) no-repeat center center;
background-size:80%;*/
}




.sb-slidebar h2 {
    width: 100%;
    background: #272324;
    color: #fff;
    padding: 7.5% 3% 7.6% 3%;
    font-size: 130%;
}

.sb-slidebar ul{
margin:0;
padding:0;
}
.sb-slidebar ul li{
margin:0;
list-style:none;
border-bottom:1px solid #ccc;
border-top:1px solid #fff;
font-size:90%;
}

.sb-slidebar ul li a{
display:block;
padding:3%;
text-decoration:none;
color:#333;
}


.sb-slidebar.sb-right p{
width:88%;
margin:3% auto 0 auto;
font-size:90%;
}












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

/* for TB & SP CSS   */

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


/*全タブレット*/
/*1024×416*/
@media only screen and (min-width: 416px) and (max-width: 1024px) {


}




/*→タブレット横限定*/
/*1024×769*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {


}




/*→タブレット縦限定*/
/*768×436*/
@media only screen and (min-width: 436px) and (max-width: 768px) {


}



/*全スマートフォン*/
/*435×1*/
@media only screen and (min-width: 1px) and (max-width: 435px) {

.sb-toggle-left,
.sb-toggle-right{
width:45px;
height:45px;
position:absolute;
top:10px;
text-indent:-9999px;
}

.sb-toggle-left{
left:2%;
border-radius:5px;
background: url(menu.png) no-repeat center center;
background-size:95%;
}

.sb-toggle-right{
right:2%;
border-radius:5px;
background: url(search.png) no-repeat center center;
background-size:95%;
}







}



/*→スマートフォンiPhone5以前限定*/
/*320×1*/
@media only screen and (min-width: 1px) and (max-width: 320px) {



}