@media screen and (max-width: 640px) {

html, body, div, span, applet, object, iframe,  
blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
del, dfn, em, font, img, ins, kbd, q, s, samp,  
small, strike, strong, sub, sup, tt, var,  
b, u, i, center, 
fieldset, form, label, legend, h1, .sub_menu li {  
    margin: 0;  
    padding: 0;  
    background: transparent;  
    border: 0;  
    outline: 0;
}  

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

ul {
	list-style:none;
	padding:0;
}
li {
	padding:0;
}

input, select {
    vertical-align:middle;
}

.clearfix { display:block; clear:both; }



/*アコーディオン
-------------------------------------*/
.acordion{
 background:#fff;
 box-shadow: 0 0 10px rgba(0,0,0,0.3);
 border-radius:5px;
}

.trigger{
	padding:10px 10px 10px 15px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	border-radius:5px;
	font-size:88%;
}

.trigger.active{
	border-radius:5px 5px 0 0;
	border-bottom:1px solid #cfcfcf;
}

.acordion_tree{
	padding:15px;
	font-size:75%;
}

.open-close {
	float:right;
	text-indent:-9999px;
	display:block;
	margin-top:3px;
	height:11px;
	width:20px;
	-webkit-background-size:20px 11px;
}

.close {
	text-align:right;
	padding:20px 20px 20px 0;
	margin:0;
}


/*サイドバー
---------------------------------------------------------------*/

#nav_warp { display: none; }

ul.nav {
	font-size:18px;
	width:100%;
	padding:0;
}

ul.nav li {
	display:block;
	float:none;
	padding:15px 0;
	border-top:#CCC 1px solid;
}
ul.nav li span {
	display:block;
}

#nav_warp ul li a{
	display:block;
	
}
.sub-menu {
	margin:0 17px 20px 17px;
	width:90%;
	overflow:hidden;
}
.sub-menu li{
	padding:15px 0;
	margin:5px;
	font-size:18px;
	float:left;
	text-align:center;
	width:45%;
	background:#FFF;
}

.sub-menu li a {
	color:#7B3B1F;
}

.sub-menu li a:hover {
	text-decoration:none;
	opacity:0.8;
}

.open{
	display:block;
	padding:7px;
	float:right;
	margin-top:5px;
}

.open img{
	vertical-align:middle;
}

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    top: 0;
    z-index: 99;
    
    /* These styles are optional, and describe how the pageslide will look */
	background:#FFF;
	width:100%;
	}

}