#sb-site, .sb-site-container {
	padding: 0;
}
@media all and (max-width:719px)
{
/*#sb-site, #img-site { margin-top:50px;}*/
}

.sb-slidebar {
	/*padding: 5px;
	color: #fff;
	font-size:0.875rem;
	common.cssに記載*/
}

html.sb-active #sb-site, html.sb-active #img-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: 45px;*/
}

#fixed-top {
	position:relative;
	top: 0;
	width: 100%;
	/*height:auto;*/
	z-index: 9999;
	text-align:center;
	/*background-color:transparent#000000;*/
}

#fixed-top span.sb-toggle-left { display:none;}

#fixed-top span.sb-toggle-right {}

@media all and (max-width:719px)
{
#fixed-top {
	display:block;
	position:relative;
	top: 0;
	width: 100%;
	/*height: 60px;
	padding:0;*/
	z-index: 4;
	text-align:center;
	/*background-color:transparent;*/
	z-index:99999;
}
#fixed-top img { display:block; height:auto;}

#fixed-top span.sb-toggle-left {
	display:block;
	/*float: left;
	width:auto;
	height:40px;
	color: white;
	padding: 0;
	margin:0 0 0 4px;*/
}

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

#fixed-top h1 {
	/*display:block;
	float:none;
	width:auto;
	height:40px;
	padding:0;
	margin:0;
	text-align:center;*/
}

#fixed-top h1 img {
	display:inline;
	float:none;
	height:100%;
}
}

/*-------------------------------*/

.spmenu_btn {
    display:block;
    position:absolute;
    top:25px;
    left:20px;
    width:50px;
    height:42px;
    background:#505050;
    border-top:20px solid #FFFFFF;
    border-bottom:20px solid #FFFFFF;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn:before {
    content:'';
    position:absolute;
    width:50px;
    height:2px;
    background:#505050;
    top:-9px;
    right:0;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn:after {
    content:'';
    position:absolute;
    width:50px;
    height:2px;
    background:#505050;
    bottom:-9px;
    right:0;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn.active {
    background:#EFE300;
}
.spmenu_btn.active:before {
    -moz-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg);
    top:0;
    right:0;
}
.spmenu_btn.active:after {
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    bottom:0;
    right:0;
}
.spmenu_btn span { display:block; margin:20px 0 0; color:#505050; font-size:14px; font-weight:bold;}

@media all and (max-width:719px)
{
.spmenu_btn {
    top:30px;
    left:5px;
    width:30px;
    height:22px;
    border-top:10px solid #EFE300;
    border-bottom:10px solid #EFE300;
}
.spmenu_btn:before {
    width:30px;
}
.spmenu_btn:after {
    width:30px;
}
.spmenu_btn span { margin-top:15px; font-size:0.9rem;}
}
@media all and (max-width:529px)
{
.spmenu_btn { top:15px;}
}
