@charset "UTF-8";

/*
 * sideslidemenu
 */
#slide_btn{position:fixed; left:0px; margin-top:0px; padding:30px; cursor:pointer; z-index:9999; }
  .sb-clr{background:rgba(1,1,1,0);}
  .sb-clr2{background:rgba(255,255,255,1);}
  .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:#00ADA9;}
  .pbi-clr::before, .pbi-clr::after{background:#00ADA9;}
  .pbi-clr2{background:#00ADA9; transform: rotate(-45deg); transition-duration:1s;}
  .pbi-clr2::before{background:#00ADA9; transform: rotate(90deg ) translate(9px); transition-duration:1s;}
  .pbi-clr2::after{background:#00ADA9; transform: rotate(90deg ) translate(-9px); transition-duration:1s;}
  .pbi-clr3{background:#00ADA9; }
  .pbi-clr3::before, .pbi-clr3::after{background:#00ADA9;}

.side_title{background:#214476; 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: #fff;}/*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:#E6F6FF;}
#category::-webkit-scrollbar-thumb {background:#E6F6FF; border-radius:6px;}
#category h2{ font-size: 1.6rem; padding: 3%; color:#50ABA8; background-color:#fff; font-weight:500; text-align:center;}
#category img {width:20px; 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:bold; background:#fff; margin:0; color:#aaa;}
#category .widgettitle:first-child{border-top:none;}
#category ul{padding:0; margin:0 10px;}
#category li{list-style:none; padding:0; margin:0;}
#category li a{ display:block; padding:10px 15px; margin-top:5px; background:#50ABA8; font-size: 1.6rem; font-weight:normal; color:#fff; border-radius:20px; line-height:2rem;}
#category li a:link{color:#fff; font-weight:bold; }
#category li a:visited{color:#fff;}
#category li a:hover{color:#314A49; background:#CFDC03;}
#category li a:active{color:#fff;}
/* 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: #fff; opacity:1; z-index: 9998;}