nav#drawermenu{
	background:url('/common/img2016/sp_if/menu/hamburger-nav-background.png');
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
	width: 20px;
    height: 1px;
    background-color: #aaa;
}
.hamburger-box{
	width:16px;
	margin-right: 4px;
}
.hamburger{
	padding:4px 10px;
	position: relative;
	top:-4px;
}
.mm-listview>li>a, .mm-listview>li>span{
	padding:4px 2px;
}
.mm-panels>.mm-panel>.mm-listview{
	margin:0;
}
.mm-panels>.mm-panel{
	padding:4px 10px;
}
.mm-listview>li:not(.mm-divider):after{
	border:none;
}
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel{
	padding-top:0px;
	padding-left: 20px;
	border-top: 1px solid #666;
}
#mm-blocker{
}
.mm-menu.mm-offcanvas{
	width:280px;
}
html.mm-opening .mm-slideout {
    -webkit-transform: translate(280px,0);
    -ms-transform: translate(280px,0);
    transform: translate(280px,0);
    -webkit-transform: translate3d(280px,0,0);
    transform: translate3d(280px,0,0);
}
.haschild em.mm-counter+a.mm-next {
    width: 100%;
}
.mm-next:after, .mm-prev:before{
	border:none;
}
em.mm-counter+a.mm-next+a, em.mm-counter+a.mm-next+span{
	margin-right:0;
}
.mm-panel.mm-vertical>ul.mm-listview li:last-child{
	border-bottom:none;	
}
/*一時的*/
.demo p {
    font-size: 20px;
    margin-top: 30px;
}
/*終わり*/
nav.drawer-nav {
    font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
	background-color: #aaa;
	height:1px;
}
.drawer-close .drawer-hamburger-icon:before {
    background-color: #aaa;
}
.drawer--left.drawer-open .drawer-hamburger{
	left:68%;
}
.hamburger .menutxt{
	top:-6px;
	position:relative;
}
.menutext{
    position: fixed;
    z-index: 2;
    left: 32px;
    top: 16px;
    font-size: 16px;
    color:#444;
}
.drawer-hamburger{
	padding-top:24px;
}
#drawermenu a:link {
    text-decoration: none;
}
#drawermenu a:visited {
    text-decoration: none;
}
#drawermenu a:hover {
    text-decoration: none;
    color: #00b8ee;
}
#drawermenu a:active {
    text-decoration: none;
}
.child {
    display: none;
}
.active {
    display: block;
}
.drawer--left .drawer-nav {  /*ドロワー収納位置*/
    left: -19.25rem;
}
ul {
    padding-left: 0;
}
#drawermenu .drawer-menu a {
    text-decoration: initial;
    color: #fff;
}
#drawermenu .drawer-menu a:hover{
	text-decoration:underline;
}
.drawer-overlay.drawer-toggle {

}
nav.drawer-nav {
    background-color: #404040;
    color: #fff;
    font-size: 14.4px;
    width: 90%;
    padding-right:4px;
}
li {
    list-style-type: none;
}
p.home {
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('/common/img2016/common/home_sp.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 8px 50%;
    padding: 8px 0 0px 33px;
}
p.home a{
	font-size:12px;
}
.mm-listview ul.draw_1 {
    background-color: #fff;
    height: 32px;
    padding-left: 0;
    border:1px solid #666;
    margin-bottom:0;
}
ul.draw_1 li {
    float: left;
    background-color: #000;
	text-align: center;
	width: 32%;
}
#drawermenu a{
	color: #dfdfdf;
}
#drawermenu ul.draw_1 a {
    display: block;
    font-size: 12px;
    margin: 6px 0 4px 0;
    line-height: 1;
}
ul.draw_1 li:first-child {
    width: 68%;
}
ul.draw_1 li:nth-child(3) {
    width: 68%;
}
#drawermenu ul.draw_1 li:first-child a {
    border-right: 1px solid #666;
}
#drawermenu ul.draw_1 li:nth-child(3) a {
    border-right: 1px solid #666;
}
ul.wid, .drawer-menu wid {
}
ul.draw_2 li {
    background-color: #666;
    margin-bottom: 2px;
}
ul.draw_2 li:nth-child(4){
    background-color: #2d3b88;
    margin-bottom: 2px;
}
ul.draw_2 li:nth-child(5){
    background-color: #D70003;
    margin-bottom: 2px;
}
#drawermenu ul.draw_2 li a {
    display: block;
    padding: 10px 0 10px 50px;
    font-size: 12px;
    color: #fff;
}
/*li.drawer-dropdown>a --old--*/
li.dropdown_box>a {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
}
li.dropdown_box a{
	color:#fff;
}
/*li.drawer-dropdown.top --old--*/
li.dropdown_box.top {
    border-top: 1px solid #fff;
    margin-bottom: 20px;
}
.btn.close {
    margin-top: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #000;
    text-align: center;
    width: 105%;
    position: absolute;
    left: -2.5%;
    font-size: 12px;
    font-weight: normal;
    opacity:1;
    color: #fff;
}
ul.inner {
    padding-left: 20px;
    border-top: 1px solid #fff;
}

ul.inner li a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size:12px;
}
ul.inner.third {
    border-top-style: none;
	font-size: 14.4px;
}
ul.inner.third li {
    border-bottom: 1px dotted #fff;
    text-align:center;
    padding-right:30px;
}
ul.inner.third li a{
	padding-bottom:12px;
}
ul.inner.third li:last-child{
	border-bottom:none;
}
ul.inner li {
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;
}
li.menu01:first-child {
    padding-top: 10px;
}
.drawer-menu.sp-top li {
    border-top: 1px solid #fff;
    background-image: url('/common/img2016/sp_if/allow_red.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
}
.drawer-menu.sp-top :last-child {
    border-bottom: 1px solid #fff;
}
/*li.drawer-dropdown.active.top>a  --old--*/ 
li.dropdown_box.active.top>a {
    background-image: url('/common/img2016/sp_if/allow_red.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
}
li.dropdown_box ul li{
	border-top:1px solid #666;
}
/*カテトップ*/
.mm-listview li.dropdown_box ul.dropdown_list>li:last-child{
	border-bottom:1px solid #666;
}
.mm-listview li.dropdown_box ul.dropdown_list>li>a{
	font-size:16px;
	font-weight:bold;
}
li.dropdown_box ul li li:first-child{
	border-top:none;
}
.mm-listview .mm-next:before{
	border:none;
}
.no-child {
    
}
.dropdown_sub {
    background-image: url(/common/img2016/sp_if/plus.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
}
.dropdown_sub.active {
    background-image: url(/common/img2016/sp_if/minus.png);
}
ul.inner.third li {
    border-bottom: 1px dotted #fff;
    background-image: url("/common/img2016/sp_if/allow_gray.png");
    background-repeat: no-repeat;
    background-position: 98% 50%;
}
ul.inner.third:last-child {
    margin-bottom: 20px;
}
ul.draw_2 a{
    background-repeat: no-repeat;
    background-position: 3% 50%;
    background-size:22px 22px;
}
ul.draw_2 :first-child a {
    background-image: url('/common/img2016/sp_if/sp_icon1.png');
    background-size:20px 20px;
}
ul.draw_2 :nth-child(2) a {
    background-image: url('/common/img2016/sp_if/sp_icon2.png');
}
ul.draw_2 :nth-child(3) a {
    background-image: url('/common/img2016/sp_if/sp_icon3.png');
}
ul.draw_2 :nth-child(4) a {
    background-image: url('/common/img2016/sp_if/sp_icon4.png');
}
ul.draw_2 :nth-child(5) a {
    background-image: url('/common/img2016/sp_if/sp_icon5.png');
}

/*スクロール対応で追加*/
ul.draw_1 {
    margin-top: 0px;
    margin-bottom: 10px;
}
.test ul.wid, .test.drawer-menu wid,.test ul.draw_1 {
    width: 100%;
}

/*第一階層（カテゴリ）はクリックするとドロップダウンが開かずに遷移する*/
.dropdown_list>li>a.mm-next{
	display:none;
}

.dropdown_list li.active,
.dropdown_list li.active li {
    background:none;
    border-left:none;
    border-right:none;
    margin-bottom:0;
}
.dropdown_list li.active li{
	border-bottom:none;
}
.dropdown_list li.active li.haschild li{
	border-top:1px dotted #666;
	font-size:13px;
}
.dropdown_list li.active li.haschild li:first-child{
	border:none;
}
#drawermenu .mm-counter{
	display:none;
}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span{
	background:none;
	color:#00b8ee;
}
/*第二回層*/
ul.dropdown_list li.active.top ul li{
	border-bottom:none;
	
}

.dropdown_list>li.active>.mm-vertical{
	display:block;
}
ul.dropdown_list a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}
.dropdown_list>li.active li.haschild a.li_text span {
	margin-left:16px;
}
.dropdown_list>li.active li.haschild a.li_text:before{
	content: '▼';
    float: left;
    top: 10px;
    position: absolute;
    color: #ccc;
}
.dropdown_list>li.top a.no-child {
}
.top a.drop_a {
    background-image: url('/common/img2016/sp_if/allow_red.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
    padding: 12px 0 12px 5px;
}
.test p.home {
    background-position: left 50%;
    padding-left: 25px;
}
.drop_a {
    font-size: 14.4px;
}
/*li.drawer-dropdown.sp-top li --old--*/
li.dropdown_box.sp-top li .mm-next{
    display:none;
}
li.dropdown_box.sp-top li a{
	margin-right:0;
}
ul.dropdown_list>li.active>a.mm-next{
	display:none;
}
ul.dropdown_list>li.active>a{
	margin-right:0;
}
.hidden {
    visibility: hidden;
}
ul.dropdown_list :last-child.drop_a {
    position: relative;
}
.drawer--left .drawer-nav {
    left: -37rem;
}