/*----縦メニュー用CSS-----*/
@media (min-width: 0px) {
	#smoothmenu{
		position:fixed;
		top:30px;
		right:20px;
		width: 170px;
		z-index:150;
		-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
		-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
		-o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
		-ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
		display:none;
	}
}
@media (min-width: 960px) {
	#smoothmenu{
		position:fixed;
		top:30px;
		right:20px;
		width: 10%;
		z-index:150;
		-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
		-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
		-o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
		-ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
		display:block;
	}
}

.accordion{
	display:none;
}

.accordion a{
	padding: 25px 0;
	text-align: center;
}
.ddsmoothmenu-v .menu_btn,
.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 12px Verdana;

}
 
.ddsmoothmenu-v ul li{
position: relative;
}

.ddsmoothmenu-v .menu_btn,
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
/*padding: 6px;*/
border-bottom: 1px solid rgba(73, 73, 73, 0.28);
border-right: 1px solid rgba(73, 73, 73, 0.28);

}

.ddsmoothmenu-v .menu_btn,
.ddsmoothmenu-v ul li a:link,
.ddsmoothmenu-v ul li a:visited, 
.ddsmoothmenu-v ul li a:active{
/*background: #0188c7;*/ /*background of menu items (default state)*/
color: white;
outline: none;
}

.ddsmoothmenu-v .menu_btn{
	background: #004080;
}
.ddsmoothmenu-v .menu1{
	background: #0055aa;
}
.ddsmoothmenu-v .menu2{
	background: #006ad5;
}
.ddsmoothmenu-v .menu3{
	background: #0080ff;
}
.ddsmoothmenu-v .menu4{
	background: #2b95ff;
}
.ddsmoothmenu-v .menu5{
	background: #55aaff;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #004080; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: #FFF; /*background of menu items during onmouseover (hover state)*/
color: #006ad5;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 100%; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}


.ddsmoothmenu-v ul li ul li{
background: #004080;
}
 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */


/* ボタン */
#panel-btn{
  display: inline-block;
  position: relative;
  width: 100%;
  height: 50px;
  margin: 20px 0 10px;
  outline: none;
/* ボタンにする場合
  border-radius: 50%;
  background: #fff;
*/
}
#panel-btn:hover{
  /*background: #fafafa;*/
}
#panel-btn-icon{
  display: block;
  position: relative;
  top: 18%;
  width: 40px;
  height: 2px;
  margin: 0 auto;
  background: #fff;
  transition: .2s;
}
.btn_label{
  display: block;
  position: absolute;
  top: 60%;
  color: #fff;
  width:100%;
  text-align: center;
}
.btn_label.btn_close{
  display:none;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 44%;
  left: 0;
  width: 40px;
  height: 2px;
  background: #fff;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -8px;
}
#panel-btn-icon:after{
  margin-top: 6px;
}
#panel-btn .btn_close{
  background: transparent;
}
#panel-btn .btn_close:before, #panel-btn .btn_close:after{
  margin-top: 0;
}
#panel-btn .btn_close:before{
  transform: rotate(-32deg);
  -webkit-transform: rotate(-32deg);
}
#panel-btn .btn_close:after{
  transform: rotate(-148deg);
  -webkit-transform: rotate(-148deg);
}