.offcanvas-stop-scrolling {height: 100%;overflow: hidden; }
.navbar-default .navbar-offcanvas {background-color:#F7F7F7;}
.navbar-inverse .navbar-offcanvas {background-color:#222;}
.navbar-offcanvas .loginWrap{display:block;background:#383838;overflow:hidden;padding:15px 20px;}
.navbar-offcanvas .loginWrap p{float:left;color:#fff;font-size:1.4rem;line-height:25px;}
.navbar-offcanvas .loginWrap a{border:1px solid #777;color:#ECECEC;padding:3px 10px;display:inline-block;float:right;margin-left:-1px;}

.navbar-offcanvas {position: fixed;width: 100%;max-width: 250px;left: -250px;top: 0;padding-left: 0;padding-right:0;z-index: 999;overflow: scroll;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in; }
.navbar-offcanvas.in {box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
.navbar-offcanvas.navbar-offcanvas-fade {opacity: 0; }
.navbar-offcanvas.navbar-offcanvas-fade.in {opacity: 1; }
.navbar-offcanvas.offcanvas-transform.in {-webkit-transform: translateX(250px);-ms-transform: translateX(250px);transform: translateX(250px); }
.navbar-offcanvas.offcanvas-position.in {left: 0; }
.navbar-offcanvas.navbar-offcanvas-right {left: auto;right: -250px; }
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: ranslateX(-250px);-ms-transform: translateX(-250px);transform: translateX(-250px); }
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {left: auto;right: 0; }
.navbar-offcanvas.dropdown.active .caret {border-top: 0;border-bottom: 4px solid; }
.navbar-offcanvas.dropdown-menu {position: relative;width: 100%;border: inherit;box-shadow: none;-webkit-transition: height 0.15s ease-in;transition: height 0.15s ease-in;border-radius:0; }
.navbar-offcanvas.dropdown-menu.shown {display: block;margin-bottom: 10px; }
.navbar-offcanvas h3{font-size:1.2em;font-weight:600;padding:20px 15px;margin:0;}
.offcanvas-toggle {display:block;}


.navbar-form {float: none !important;padding: 10px 15px;margin: 8px -15px;border-top: 1px solid transparent;border-bottom: 1px solid transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }
.navbar-form .form-group {width: 100%;margin-bottom: 5px;}
.navbar-form .form-group input {width: 100%; }
.navbar-nav {margin:0 -15px;float: none !important; }
.navbar-nav > li {float: none;border-bottom: 1px solid #111;}
	
.navbar-nav > li > a {font-weight:600;padding:14px 20px;color:#fff;font-size:1.15em;}
.navbar{margin-bottom:0;}
.navbar-default{background:#fff;border:0;}
.navbar-default .navbar-nav > li > a{color:#eaeaea !important;}
.navbar-default .navbar-nav > li > a:hover{color:#fff;}
	
.navbar-nav li.dropdown.open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;border: 0;-webkit-box-shadow: none;box-shadow: none;border-radius:0; } 
.navbar-nav li.dropdown.open .dropdown-menu > li >a{color:#eaeaea;}	
.navbar-nav li.dropdown.open .dropdown-menu > li >a:hover{color:#fff;}	

.navbar-nav .open .dropdown-menu{background-color:#000;border-radius:0}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#eaeaea;line-height:30px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:#222;color:#fff;}


.navbar-default .navbar-toggle{position:absolute;right:15px;border:0;margin-top:20px;margin-right:5px;padding:0;border-radius:0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent;}	
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:#000;color:#fff !important;}
.offcanvas-toggle {background-color:transparent;}	
.offcanvas-toggle .icon-bar{background: #000 !important;-webkit-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
-webkit-transform: rotate(45deg) translate(5px, 4px);  
-ms-transform: rotate(45deg) translate(5px, 4px);
transform: rotate(45deg) translate(5px, 4px); }
.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
opacity: 0; }
.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
-webkit-transform: rotate(-45deg) translate(4px, -4px);
-ms-transform: rotate(-45deg) translate(4px, -4px);
transform: rotate(-45deg) translate(4px, -4px); }
	


.mypageWrap{overflow:hidden;border-top:1px solid #575757;border-bottom:1px solid #575757;margin-bottom:8px;background-color:#383838;}
.mypageWrap ul li{float:left;width:33.33333%;}
.mypageWrap ul li a{padding-top:50px;padding-bottom:10px;display:block;text-align:center;border-left:1px solid #575757;color:#ECECEC;font-weight:600;font-size:1.2rem;}
.mypageWrap ul li:first-child a{border-left:0;}
.mypageWrap ul li.q01{background: url(/img_up/shop_pds/shop015/design/img/index/mwish.png) no-repeat;background-size:33px 33px;background-position:50% 30%;}
.mypageWrap ul li.q02{background: url(/img_up/shop_pds/shop015/design/img/index/mdelivery.png) no-repeat;background-size:33px 33px;background-position:50% 30%;}
.mypageWrap ul li.q03{background: url(/img_up/shop_pds/shop015/design/img/index/mqna.png) no-repeat;background-size:33px 33px;background-position:50% 30%;}