.pure-toggle[data-toggle='left']:checked~.pure-toggle-label[data-toggle-label='left'], 
.pure-toggle[data-toggle='right']:checked~.pure-toggle-label[data-toggle-label='right'], 
.pure-toggle[data-toggle='top']:checked~.pure-toggle-label[data-toggle-label='top'] {
    border-color: #1fc08e;
    color: #1fc08e;
    left: 220px;
}


body.mobile .pure-toggle-label{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.pure-container {
	padding-top: 0px;	
}

.pure-container div {

}
.pure-container input{
	margin: 1em;
}

.pure-container ul {
	padding-left:0;
	overflow:auto;
	height: 100%;
	margin-top:0 !important;
}
.pure-container li {
	list-style:none;
	position:relative;
}

.pure-container li a{
	border-top:#fff 1px solid;
	border-bottom:#112e46 1px solid;
}

.pure-container li a:nth-child(1){
	padding:2px 30px 2px 10px;
}

.pure-container a {
	display:block;
	color:#FFF;
	padding: 2px 10px;
	text-decoration:none;
}

.pure-container a:hover{
	background-color: #4285c3;
}

.pure-container a.Linkout {
    display:inline-block;
	position:absolute;
	right:0em;
	top:0;
    z-index: 100;
    border: none;
	background:none;
}
.pure-container a.Linkout:hover{
	background:#FFF;
}

.pure-drawer {
    background-color: rgba(11,77,138,0.85);
	overflow: auto;
}


.pure-toggle-label {
    width: 50px;
    height: 50px;
    background: #FFF;
}

.pure-toggle-label .pure-toggle-icon, 
.pure-toggle-label .pure-toggle-icon:before, 
.pure-toggle-label .pure-toggle-icon:after {
    width: 25px;
}
.pure-toggle-label .pure-toggle-icon:before {
    transform: translate3d(-50%, -10px, 0);
    -webkit-transform: translate3d(-50%, -10px, 0);
}
.pure-toggle-label .pure-toggle-icon:after {
    transform: translate3d(-50%, 6px, 0);
    -webkit-transform: translate3d(-50%, 6px, 0);
}

.pure-toggle-label[data-toggle-label='right'] {
    right: 15px;
    left: auto;
}
@media only screen and (min-width: 64.063em){
	.pure-drawer {		/*width: 320px;*/	}
}

@media screen and (max-width: 780px){
    @media screen and (orientation: landscape) {  /*横向きの際に適用*/
		#menu-slide a{ width: 50%; float:left;font-size:0.95em;}
		/*#menu-slide a(odd){ clear:both;}*/
		.pure-container li a{border-left:#2b8457 2px solid;border-right:#02542b 2px solid;}
	}
}


.pure-drawer {
    width: 300px !important;
}
	
#home_button a {
	text-align:center;
	color:#fff;
	background-color:#ffab57;
}

#home_button a:hover {
	background-color:#ffcc66;
	color:#fff;
}