/* spheader */
#spheader{
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 0px;
    line-height: 0px;
    text-align: center;
}
#spheader .sb-toggle-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
  	transition: 0.35s ease-in-out;
}
#spheader .sb-toggle-right {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 0px;
    height: 0px;
 	transition: 0.35s ease-in-out;
}
.sb-toggle-right {
	background-image: url(../img/comm/yamachan.png);
	background-position: center right 34px;
	background-repeat: no-repeat; 
}
#spheader .sb-toggle-left:hover,
#spheader .sb-toggle-right:hover {
    opacity: 0.65;
    filter: alpha(opacity=65);
}


/* slidebar */
.sb-slidebar {
  color: #fff;
  padding: 30px;
  box-sizing: 15px;
}
.sb-slidebar.sb-right,
.sb-slidebar.sb-left {
  -webkit-overflow-scrolling: touch;
}
.sb-slidebar .sb-left-inner,
.sb-slidebar .sb-right-inner {
  border: none;
  width: 100%;
  height: 100%;
}





/* ///sp left/// */
.sb-left-inner{
}

.sb-left-inner p.home a:link,
.sb-left-inner p.home a:visited{
   color:#fff;
    background:#92a7e4;
    margin: 0 0 1px;
    font-size: 1.6rem;
    line-height: 40px;
    text-indent: 15px;
    display: block;
	background-image: url(../img/comm/sidebar_arrow.png);
	background-position: right top;
	background-repeat: no-repeat; 
}
.sb-left-inner p.home a:hover,
.sb-left-inner p.home a:active,
.sb-left-inner p.home a:focus{
    color:#fff;
    background:#92a7e4;
   text-decoration: none;
	background-image: url(../img/comm/sidebar_arrow_cr.png);
	background-position: right top;
	background-repeat: no-repeat; 
}

/* accordion */
.sb-left-inner ul.accordion {
    margin:0;
    padding:0;
    list-style: none;
}
.sb-left-inner ul.accordion > li {
    color:#fff;
    background:#eee;
    margin: 0 0 1px;
    font-size: 1.6rem;
    line-height: 40px;
    text-indent: 15px;
    display: block;
    cursor: pointer;
	background-image: url(../img/comm/sidebar_arrow.png);
	background-position: right top;
	background-repeat: no-repeat; 
}
.sb-left-inner .accordion > li:last-child {
    border-bottom: none;
}

.sb-left-inner .accordion > li.open {
    color:#fff;
    background:#666;
    margin:0;
    padding:0;
    display: block;
	background-image: url(../img/comm/sidebar_arrow_cr.png);
	background-position: right top;
	background-repeat: no-repeat; 
}

.sb-left-inner ul.accordion li ul{
    margin:0;
    padding:0;
    list-style: none;
}
.sb-left-inner ul.accordion li ul li a{
    color:#333;
    font-size: 1.4rem;
    line-height: 40px;
    text-indent: 25px;
    border-bottom: 1px solid #ccc;
    background:#E1E1E1;
    display: block;
    text-decoration: none;
}
.sb-left-inner ul.accordion li ul li a:hover{
   background:#ccc;
}

.sb-left-inner ul.accordion li ul li.top a{
    background:#d0d0d0;
}
.sb-left-inner ul.accordion li ul li.top a:hover{
   background:#999;
}


.sb-left-inner ul.accordion > li.navi01{
	background-color:#666698;
}
.sb-left-inner ul.accordion > li.navi02{
	background-color:#CC9900;
}
.sb-left-inner ul.accordion > li.navi03{
	background-color:#66999A;
}
.sb-left-inner ul.accordion > li.navi04{
	background-color:#986699;
}
.sb-left-inner ul.accordion > li.navi05{
	background-color:#986665;
}
.sb-left-inner ul.accordion > li.navi06{
	background-color:#663C90;
}
.sb-left-inner ul.accordion > li.navi07{
	background-color:#669ACC;
}
.sb-left-inner ul.accordion > li.navi08{
	background-color:#999A00;
}

.simple_border_line{
	line-height: 1px;
	margin: 15px auto;
	border-bottom: 1px dotted #444;
}

.sb-left-inner ul.accordion > li.navi09{
	background-color:#D183AF;
}

/* ///sp right/// */
.sb-right-inner{
}

/* btn */
.sb-right-inner .btn img{
	display: inline;
 	transition: 0.35s ease-in-out;
 	width: 50px;
}
.sb-right-inner .btn img:hover{
    opacity: 0.65;
    filter: alpha(opacity=65);
}

/* color menu */
.sb-right-inner ul.color{
    list-style: none;
    margin: 5px 0;
    padding: 0;
}
.sb-right-inner ul.color li{
    font-size: 1.6rem;
    text-align: center;
    line-height: 40px;
    background-color: #999;
    margin: 0 0 5px;
}
.sb-right-inner ul.color li a{
    display: block;
    text-decoration:none;
    color: #fff;
	background-image: url(../img/comm/navi.png);
	background-position: top -10px left;
	background-repeat: repeat-x; 
}

.sb-right-inner ul.color li.navi01{
	background-color:#AD7ED4;
}
.sb-right-inner ul.color li.navi01:hover{
	background-color:#8B49C2;
}
.sb-right-inner ul.color li.navi02{
    background-color:#E37EA0;
}
.sb-right-inner ul.color li.navi02:hover{
    background-color:#D84979;
}
.sb-right-inner ul.color li.navi03{
	background-color:#E1A464;
}
.sb-right-inner ul.color li.navi03:hover{
	background-color:#DA8F3E;
}
.sb-right-inner ul.color li.navi04{
	background-color:#DD7575;
}
.sb-right-inner ul.color li.navi04:hover{
	background-color:#D45151;
}
.sb-right-inner ul.color li.navi05{
	background-color:#5AB2BA;
}
.sb-right-inner ul.color li.navi05:hover{
	background-color:#449BA3;
}
.sb-right-inner ul.color li.navi06{
	background-color:#ABBA67;
}
.sb-right-inner ul.color li.navi06:hover{
	background-color:#98A94C;
}



@media (min-width:0px) and (max-width:639px) {
#spheader .sb-toggle-left {
    width: 50px;
    height: 50px;
}
#spheader .sb-toggle-right {
    width: 78px;
    height: 50px;
	background: none;
}
#spheader{
    top: 15px;
}

}

@media (min-width:640px) and (max-width:767px) {
#spheader .sb-toggle-left {
    width: 50px;
    height: 50px;
}
#spheader .sb-toggle-right {
    width: 78px;
    height: 50px;
	background: none;
}
#spheader{
    top: 20px;
}

}

@media (min-width:768px) and (max-width:959px) {
#spheader .sb-toggle-left {
    width: 50px;
    height: 50px;
}
#spheader .sb-toggle-right {
    width: 78px;
    height: 50px;
}
#spheader{
/*	background:none;*/
    top: 25px;
}

}
@media (min-width:960px) and (max-width:3840px) {
#spheader .sb-toggle-left {
    width: 50px;
    height: 50px;
}
#spheader .sb-toggle-right {
    width: 78px;
    height: 50px;
}
#spheader{
/*	background:none;*/
    top: 65px;
}

}


/* ----------spをIE10以降で非表示にする---------- */
/*
@media all and (-ms-high-contrast:none){
	#spheader,.sb-slidebar {
	    display: none;
	}
}
*/

/* ----------spをedgeで非表示にする---------- */
/*
@supports (-ms-accelerator:true) {
	#spheader,.sb-slidebar {
	    display: none;
	}
}
*/