@charset "UTF-8";

/*
 * sideslidemenu
 */
#slide_btn{position:fixed; left:0px; margin-top:0px; padding:25px; cursor:pointer; z-index:9999; }
  .sb-clr{background:rgba(1,1,1,0);}
  .sb-clr2{background:rgba(200,200,200,0);}
  .sb-clr3{background:rgba(100,100,100,0);}
#panel-btn-icon{display:block; position:absolute; top:48%; left:48%; width:25px; height:3px; margin:0px 0 0 -12px;}
#panel-btn-icon::before,#panel-btn-icon::after{ display:block; content:""; position:absolute; top:40%; left:0; width:25px; height:3px;}
#panel-btn-icon::before{margin-top:-10px;}
#panel-btn-icon::after{margin-top:8px;}
  .pbi-clr{background:#21884D;}
  .pbi-clr::before, .pbi-clr::after{background:#21884D;}
  .pbi-clr2{background:#21884D; transform: rotate(-45deg); transition-duration:1s;}
  .pbi-clr2::before{background:#21884D; transform: rotate(90deg ) translate(9px); transition-duration:1s;}
  .pbi-clr2::after{background:#21884D; transform: rotate(90deg ) translate(-9px); transition-duration:1s;}
  .pbi-clr3{background:#21884D; }
  .pbi-clr3::before, .pbi-clr3::after{background:#21884D;}

.side_title{background:#6db822; padding:5px;}
.side_li{padding:10px;}
/*
 * sideslidemenu
 */
#sideslidemenu{ height:100%; width:0; position:absolute; z-index:9999; top:0; left:0; transition:0.3s; background: #fff; overflow:hidden; color: #00004d;}/*position:absolute;は#bodyのposition:relative:に対応*/
#category{ width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; padding-bottom:50px; -webkit-overflow-scrolling:touch;}
#category::-webkit-scrollbar{width: 1px; background:#000;}
#category::-webkit-scrollbar-thumb {background:#899fb5; border-radius:6px;}
#category h2{ font-size: 1.8rem; padding: 3%; color:#fff; background-color:#21884D;}
#category img {width:40px; height:auto; vertical-align:middle; margin-right: 2%;}
#category .side-ad {padding:0; margin:0;}
#category .side-ad img{width:100%; height:auto;}
#category .widgettitle{ display:block; padding:0px; font-weight:normal; background:#222; border-top:0px solid #666; border-bottom:1px solid #333; margin:0;  color:#aaa;}
#category .widgettitle:first-child{border-top:none;}
#category ul{padding:0; margin:0;}
#category li{list-style:none; padding:0; margin:0; }
#category li a{ display:block; padding:15px 10px; font-weight:bold; background:#fff; border-top:0px solid #FFF; border-bottom:0px solid #ddd; font-size: 1.6rem; }
#category li.icons table { width:100%;}
#category li.icons table tr td{ width:25%; height:auto; text-align:center; }
#category li a:link{color:#005022;}
#category li a:visited{color:#005022;}
#category li a:hover{color:#005022; background:#DAFDE9;}
#category li a:active{color:#005022; background:#DAFDE9;}
/* Smartphone */
@media screen and (min-width:768px){
  #slide_btn, #sideslidemenu{display:none;}
}

.noscroll{overflow: hidden; height:100%;}

.glayLayer{ position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #333; opacity:0.95; z-index: 9998;}