@charset "UTF-8";
/**************************************************/
/* 格納式メニュー*/
/**************************************************/
#main{width:980px;padding-left:0px;}

#sub{position:fixed;left:-210px;width:210px;z-index:5;top:50px;bottom:30px;}

#subWrap{width:220px;padding:0px;margin:0px;height:100%;}

#subBar{width:50px;height:50px;position:absolute;left:220px;top:-50px;}
#subBar a{display:block;width:100%;height:100%;cursor:pointer;}
#subBar img{display:block;}

#sub.top{position:absolute;top:171px;}

.sub{width:220px;padding-bottom:15px;background-color:#b9e27b;}
.sub li{font-size:13px;line-height:20px;background:#b9e27b none;padding:0px;}
.sub span,
.sub a{color:#5b4801;margin:0px 20px;padding:13px 0px 13px 10px;display:block;cursor:pointer;background:url(../img/borderSide.png) repeat-x left bottom;}

#sub .parent{position:relative;}
#sub .parent:before{content:'';display:block;width:9px;height:5px;position:absolute;right:5px;top:20px;background:#b9e27b url(../img/parentClose.png) no-repeat;z-index:2;}
#sub .parent:after{content:'';display:block;width:9px;height:5px;position:absolute;right:5px;top:20px;background:url(../img/parentOpen.png) no-repeat;z-index:1;}

#sub .parent.open:before{display:none;}

#sub .subChild{background-color:#f3efa2;margin:0px;}
#sub .subChild li{background-color:#f3efa2;}

/* スマホ版最適化 */
#subWrap{width:100%;}
#spMode #sub{margin-top:30px;}
#spMode #subBar{display:none;}

#spMode .sub{width:100%;}

/**************************************************/