/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

/* メニュー　PC用　1 */
@media print, screen and (min-width: 901px) {
	.menu_sp button{
		display:none;
	}


	.drawer-nav{
		position:fixed;
		top:0;
		left:0;
		background-color:#000;
		color:#fff;
		width:100%;
		z-index:999;
	}
	
	.h_logo_head{
		float:left;
	}




	.drawer-menu{
		float:right;
		text-align:center;
	}
	
	.drawer-menu li{
		display: table-cell;
		vertical-align: middle;
		margin:0;
		font-size:18px;
		line-height:1em;
		position:relative;
	}
	.drawer-menu li span{
		font-size:10px;
		line-height:1em;
	}
	.drawer-menu li a{
		display:block;
		padding:0 1em;
		color:#fff;
	}
	.drawer-menu li a:last-child{padding-right:0;}
	.drawer-menu li a:hover{color:#fd7e21;}
	
	.drawer-menu li.home{ display:none;}



	/* サブメニュー */
	
	.drawer-menu li ul{
	  position: absolute;
	  z-index: 9999;
	  top: 80px;
	  left:0.3em;
	  margin: 0;
	  padding: 0;
	}
	.drawer-menu li ul li{
	  width: 150%;
	  display:block;
	  font-size:13px;
	  text-align:center;
	}
	.drawer-menu li ul li a{
	  padding: 13px 0;
	  border-top: 1px solid #999;
	  background-color:#dfdfdf;
	  color:#000;
	}
	
	
	.drawer-menu li ul li{
	  overflow: hidden;
	  height: 0;
	  transition: .2s;
	}
	.drawer-menu li:hover ul li{
	  overflow: visible;
	  height: 38px;
	}



}



@media screen and (max-width: 900px) {



/*!------------------------------------*\
    Base
\*!------------------------------------*/

.drawer-open {
  overflow: hidden !important;
}



.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  overflow: hidden;
  width:90%;
  max-width: 16.25rem;
  height: 100%;
  color: #222;
  background-color: #fff;
}

.h_logo_head{ display:none;}

.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}


.drawer-menu li a{
	display:block;
	border-bottom:solid 1px #999;
	padding:5px 10px;
	color:#000;
}

.drawer-menu li a:hover{
	background-color:#dfdfdf;
}

.drawer-menu li span,
.drawer-menu li br,
.drawer-menu li.h_mail{
	display:none;
}
.drawer-menu li li a:before{
	content:"-- ";
}


/*! overlay */

.drawer-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
}

.drawer-open .drawer-overlay {
  display: block;
}


/*!------------------------------------*\
    Right
\*!------------------------------------*/

.drawer--right .drawer-nav {
  right: -16.25rem;
  -webkit-transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 16.25rem;
}

/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/

.menu_sp button,
.menu_sp button:hover{
	background-color:#fff;
}

.drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 0;
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding: 0;
  padding-top: 15px;
  padding-right: .75rem;
  padding-bottom: 25px;
  padding-left: .75rem;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
}

.drawer-hamburger:hover {
  cursor: pointer;
  background-color: transparent;
}

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 100%;
  height: 2px;
  -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  background-color:#222;
}

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' ';
}

.drawer-hamburger-icon:after {
  top: 10px;
}

.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.drawer-open .drawer-hamburger-icon:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


}



@media print{
	.drawer-nav{
		position:absolute;
		top:0;
		left:0;
	}
}