/*!
 * 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/)
 */

.drawer{
メイリオ, Meiryo, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;

}

@media only screen and (min-width: 1025px) {
	.drawer,
	.drawer-nav {
		display:none;

	}
}

@media only screen and (max-width: 1024px) {
	.drawer-open {overflow: hidden}
	.drawer-nav {
		position: fixed;
		z-index: 99;
		top: 0;
		left: 0;
		color: #111;
 	
		width: 290px;
		height: 100%;
		background: #fff
	}


	.drawer-menu-item {
		display: block;
		color: #222;
		font-size: 14px;
		padding: 6px
	}

	.drawer-menu-item:hover {
		color: #555;
		background: transparent
	}

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

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

	.drawer--left .drawer-nav {
		left: -290px;
		-webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
		transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)
	}

	.drawer--left .drawer-hamburger,
	.drawer--left.drawer-open .drawer-nav,
	.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
		left: 0;
		-webkit-overflow-scrolling: touch
	}

	.drawer--left.drawer-open .drawer-hamburger {left: 290px}

	.drawer-hamburger {
		display: block;
		position: fixed;
		z-index: 99;
		top: 32px;
		left: 9pt;
		box-sizing: content-box;
		width: 18px;
		height: 18px;
		padding: 6px;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		outline: 0;
		border: 0;
		background: #3e7eb8;
	}

	.drawer-hamburger:hover {
		cursor: pointer;
		background: #3e7eb8;
	}

	.drawer-hamburger-icon {
		position: relative;
		display: block
	}

	.drawer-hamburger,
	.drawer-hamburger-icon,
	.drawer-hamburger-icon:after,
	.drawer-hamburger-icon:before {
		-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)
	}

	.drawer-hamburger-icon,
	.drawer-hamburger-icon:after,
	.drawer-hamburger-icon:before {
		width: 100%;
		height: 3px;
		background: #fff
	}

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

	.drawer-hamburger-icon:after {top: 6px}

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

	.drawer-open .drawer-hamburger-icon:after,
	.drawer-open .drawer-hamburger-icon:before {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)
	}

	.drawer-container {margin: 0 auto}

	.drawer-nav ul.menu li {margin-bottom: 0!important}

	.drawer-nav ul.menu li a {
		position: relative;
		color: #333;
		font-size: 12px;
		text-decoration: none;
		display: block;
		line-height: 16px;
		padding: 10px;
		border-bottom: 1px solid #f1f3f5;
	}

	.drawer-nav ul.menu li a:after {
		display: block;
		position: absolute;
		top: 41%;
		right: 20px;
		content: "";
		width: 6px;
		height: 6px;
		border-top: 3px solid #333;
		border-right: 3px solid #333;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}

	.drawer-nav ul.menu li a {font-weight: bold}
	.drawer-nav ul.sub_menu li a {background: #fff}
	.drawer-nav ul.sub_menu li a:after {border: 0}
	.drawer-nav li.submenu a,
	.drawer-nav ul.sub_menu li a {
		position: relative;
		color: #000;
		font-size: 11px;
		line-height: 1pc;
		padding: 10px 24px !important
	}

	.drawer-nav li.submenu a:after {
		position: absolute;
		border-top: 3px solid #ccc !important;
		border-right: 3px solid #ccc !important
	}
	li.menu-tit{
		font-weight:bold;
		text-align:center;
		padding:6px;
		background:#eee;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

}

  .drawer--left.drawer-open .drawer-nav,
  .drawer--left .drawer-hamburger,
  .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
overflow:hidden;
	
    -webkit-overflow-scrolling: touch;
  }