@charset "utf-8";
#spHeadMenu{display:none; background-color:#FFFFFF;}

/*ドロワーメニュー*/
.drawer-nav{z-index:12000; background-color:#F9F4EC; width:20.25rem;}/* height: 100vh; }*/
.drawer-overlay{z-index:10000;}
.drawer--right .drawer-hamburger{right:-14rem;}
.drawer--right.drawer-open .drawer-hamburger{right:0; z-index:13000; display:block;}
	
.drawer-hamburger{transition:none;}
.drawer-hamburger-icon{width:auto;height:auto;-webkit-transition:none;transition:none;background-color:none; opacity:0;}
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{}
.drawer-open .drawer-hamburger-icon{opacity:1;}

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

.drawer--right .drawer-nav{right:-20.25rem;}

/**/

.drawer-menu{padding:0 0 30px; font-size:0.9em;}
.drawer-menu li{ margin:0; box-sizing:border-box; border-top:1px solid #CCCCCC;}
.drawer-menu ul li.subttl{ border-top:1px solid #CC9900; padding:4px 0 2px 20px;}
.drawer-menu a{color:#333333; padding:12px 0 12px 20px; display:block; text-decoration:none; background-size:26px; background-position:14px 50%; background-repeat: no-repeat;}
.drawer-menu a:hover{color:#14017E; background-color:#FBEDC4;}

.drawer-menu a.operation{background-image:url(../sp/sp_headicon_ope.png); padding-left:40px;}
.drawer-menu a.price{background-image:url(../sp/sp_headicon_price.png); padding-left:40px;}
.drawer-menu a.case{background-image:url(../sp/sp_headicon_case.png); padding-left:40px;}
.drawer-menu a.profile{background-image:url(../sp/sp_headicon_profile.png); padding-left:40px;}
.drawer-menu a.media{background-image:url(../sp/sp_headicon_media.png); padding-left:40px;}
.drawer-menu a.counselor{background-image:url(../sp/sp_headicon_counselor.png); padding-left:40px;}
.drawer-menu a.moniter{background-image:url(../sp/sp_headicon_moniter.png); padding-left:40px;}
.drawer-menu a.repair{background-image:url(../sp/sp_headicon_repair.png); padding-left:40px;}
.drawer-menu a.reserve{background-image:url(../sp/sp_headicon_reserve2025.png); padding-left:40px; color:#996600;}
.drawer-menu a.reserve:hover{color:#996600;}

.drawer-menu a.regenerative{background-image:url(../sp/sp_headicon_regenerative.png); padding-left:40px;}



.drawer-menu li:last-child{ border-bottom:1px solid #CCCCCC;}

.drawer-menu li.menulist_title{font-size:1.3rem; color:#13007C; font-weight:700;line-height:3.75rem;display:block;padding-right:10px;padding-left:10px;text-decoration:none; border:none;}
.drawer-menu li.menulist_title a{color:#996600; padding:0;}

.drawer-menu-item{font-size:0.9em; padding:0 8px;}
.drawer-menu-item:hover{text-decoration:none;}

.drawer-dropdown-menu{background:none; background-color:#F5F2E2;}
.drawer-dropdown-menu li strong{color:#996600;}
.drawer-dropdown-menu li strong:before{content:"■"; font-size:0.9em; color:#996600;}
.drawer-dropdown-menu a{color:#333333;}
.drawer-dropdown-menu a:hover{background-color:#FDF1D2;}

div.navi_clinic{text-align:center; padding:12px 0;}
div.navi_clinic a{display:inline-block; padding:0; background:none;}
div.navi_clinic a:hover{background:none;}


@media screen and (max-width:900px) {
#spHeadMenu{display:block; background-color:#FFFFFF;}

#spHeadMenu ul{margin:0 auto; padding:0; text-align:center; list-style:none;}
#spHeadMenu li{ float:left; width:calc(100%/5); text-align:center; margin:0; padding:0;}
#spHeadMenu img{max-width:96%;}
#spHeadMenu ul:after{content:""; display:block; clear:both;}
#spHeadMenu button{border: none; background: transparent; outline: none; cursor: pointer;}
}