@media screen and (min-width: 769px) {
	#panel-btn-pc{
	  display: inline-block;
	  position: relative;
	  width: 40px;
	  height: 40px;
	  margin: 0px 0px 0px 0px;
	  background: #2196F3;
	}
	#panel-btn-pc:hover{
	  background: #61C6FF;
	}
	#panel-btn-icon-pc{
	  display: block;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 20px;
	  height: 2px;
	  margin: -1px 0 0px -10px;
	  background: #fff;
	  transition: .2s;
	}
	#panel-btn-icon-pc:before, #panel-btn-icon-pc:after{
	  display: block;
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 0;
	  width: 20px;
	  height: 2px;
	  background: #fff;
	  transition: .3s;
	}
	#panel-btn-icon-pc:before{
	  margin-top: -6px;
	}
	#panel-btn-icon-pc:after{
	  margin-top: 4px;
	}
	#panel-btn-pc .close{
	  background: transparent;
	}
	#panel-btn-pc .close:before, #panel-btn-pc .close:after{
	  margin-top: -2px;
	}
	#panel-btn-pc .close:before{
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	#panel-btn-pc .close:after{
	  transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	}
	
	.panel-btn-smart{
	  display: none;
	  position: fixed;
	  width: 40px;
	  height: 40px;
	  margin: 0px 0px 0px 0px;
	  background: #2196F3;
	}
	
	.panel-btn-smart:hover{
	  background: #61C6FF;
	}
	
	.panel-btn-icon-smart{
	  display: none;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 20px;
	  height: 2px;
	  margin: -1px 0 0px -10px;
	  background: #fff;
	  transition: .2s;
	}
	.panel-btn-icon-smart:before, .panel-btn-icon-smart:after{
	  display: none;
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 0;
	  width: 20px;
	  height: 2px;
	  background: #fff;
	  transition: .3s;
	}
	.panel-btn-icon-smart:before{
	  margin-top: -6px;
	}
	.panel-btn-icon-smart:after{
	  margin-top: 4px;
	}
	.panel-btn-icon-smart.close{
	  display: block;
	  background: transparent;
	}
	.panel-btn-smart.move-icon:hover{
	  background: #61C6FF;
	}
	.panel-btn-icon-smart.close:before, .panel-btn-icon-smart.close:after{
	  display: block;
	  margin-top: 0;
	}
	.panel-btn-icon-smart.close:before{
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	.panel-btn-icon-smart.close:after{
	  transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	}
	.panel-btn-smart.move-icon{
	  display: inline-block;
	  left: 280px;
	  position: fixed;
	  width: 40px;
	  height: 40px;
	  margin-top: 0px;
	  background: #2196F3;
	}
	
	.toc-menu-area-smart.active{
		left : 0px;
		position: fixed;
		display: inline;
	}
	
	.toc-menu-area-pc {
		display: inline;
		position: static;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
} 

@media screen and (max-width: 768px) { 
	.panel-btn-smart{
	  display: inline-block;
	  position: fixed;
	  width: 40px;
	  height: 40px;
	  margin: 0px 10px 0px 0px;
	  background: #2196F3;
	}
	
	.panel-btn-smart:hover{
	  background: #61C6FF;
	}
	
	.panel-btn-icon-smart{
	  display: block;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 20px;
	  height: 2px;
	  margin: -1px 0 0px -10px;
	  background: #fff;
	  transition: .2s;
	}
	.panel-btn-icon-smart:before, .panel-btn-icon-smart:after{
	  display: block;
	  content: "";
	  position: absolute;
	  top: 50%;
	  left: 0;
	  width: 20px;
	  height: 2px;
	  background: #fff;
	  transition: .3s;
	}
	.panel-btn-icon-smart:before{
	  margin-top: -6px;
	}
	.panel-btn-icon-smart:after{
	  margin-top: 4px;
	}
	.panel-btn-icon-smart.close{
	  background: transparent;
	}
	.panel-btn-smart.move-icon:hover{
	  background: #61C6FF;
	}
	.panel-btn-icon-smart.close:before, .panel-btn-icon-smart.close:after{
	  margin-top: 0;
	}
	.panel-btn-icon-smart.close:before{
	  transform: rotate(-45deg);
	  -webkit-transform: rotate(-45deg);
	}
	.panel-btn-icon-smart.close:after{
	  transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	}
	.panel-btn-smart.move-icon{
	  left: 280px;
	  display: inline-block;
	  position: fixed;
	  width: 40px;
	  height: 40px;
	  margin-top: 0px;
	  background: #2196F3;
	}
	
	#panel-btn-pc{
		display: none;
	}
	
	#panel-btn-icon-pc{
		display: none;
	}
	
	.toc-menu-area-smart.active{
		left : 0px;
		position: fixed;
		display: inline;
	}
	
	.toc-menu-area-pc {
		display: none;
	}
}

.toc-menu-area-smart {
	display: none;
	position: fixed;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}