#modal { display: none; }
/*@media only screen and (min-width: 768px)  {*/
@media only screen and (min-width : 992px ) {
.sp {display: none;}
}
/*@media only screen and (max-width: 767px) {*/
@media only screen and (max-width : 992px ) {


.pc {display:none;}

.logo_img img {
	width:150px;
	}
.header-style-centered .logo {
	padding-top:0;
	z-index:99;
}
.header-style-centered .nav {
	display:none;
}
header .inner {
	padding-top:5px;
	position:static;
	background:#FFF;
}	

.btnpageslide img {
	width:50%;
}	
#modal { display: none; }
 
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position:fixed;
    top: 0;
    height: 100%;
	overflow:auto;

    z-index: 999999;
/*	border-right:solid 1px #999;*/
    
    /* Specify the width of your pageslide here */
    width: 50%;
    
    /* These styles are optional, and describe how the pageslide will look */
	background:#5DB7D1;
/*    background-color: #596A3F;*/
/*
	background-color: rgba(50,50,50,0.85);
	background-image: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,0));	
*/	
    color: #FFF;
}

#pageslide li a {
	display:block;
	padding:15px 10px;
	border-bottom:solid 1px #FFF;
	font-size:18px;
	color:#FFF;
	
}
}
@media only screen and (max-width: 767px) {
#pageslide {
	width:80%;
}
}