@charset "utf-8";

.navbar-default{background-color:#fff;}
.offcanvas-stop-scrolling {height: 100%;overflow: hidden; }
.navbar-default .navbar-offcanvas {background-color:#FBFBFB;}
.navbar-inverse .navbar-offcanvas {background-color:#222;}
.navbar-offcanvas h3{background-color:#FF641F;color:#fff;}
.navbar-toggle .icon-bar{width:24px;height:2px;border-radius:0; }
.navbar-toggle .icon-bar+.icon-bar{margin-top: 6px;}

.topWrap{background:#FF6C00;}

.navbar-offcanvas .mloginWrap{display:block;overflow:hidden;padding:12px 20px;}
.navbar-offcanvas .mloginWrap p{float:left;color:#fff;font-size:1.4rem;}
.navbar-offcanvas .mloginWrap a{font-size:1.4rem;color:#fff;padding:2px 10px;display:inline-block;float:right;margin-left:-1px;}

.mypageWrap{overflow:hidden;border-top:1px solid #FF8831;margin-bottom:8px;}
.mypageWrap ul li{float:left;width:25%;}
.mypageWrap ul li a{padding-top:50px;padding-bottom:10px;display:block;text-align:center;color:#fff;font-size:1.3rem;}
.mypageWrap ul li.q01{background: url(/img_up/shop_pds/kjrose/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/kjrose/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/kjrose/design/img/index/mcart.png) no-repeat;background-size:33px 33px;background-position:50% 30%;}
.mypageWrap ul li.q04{background: url(/img_up/shop_pds/kjrose/design/img/index/mqna.png) no-repeat;background-size:33px 33px;background-position:50% 30%;}

.Msearch{position:relative;overflow:hidden;margin:10px 10px;}
.Msearch .srh_box{width:100%;}
.Msearch .srh_box input{display:block;width:100%;background-color:#eee;border:1px solid #eee;border-radius:50px;padding:8px 10px;font-size:1.2rem;-webkit-border-radius:50px; -webkit-appearance:none;}
.Msearch .srh_btn{position:absolute;top:4px;right:10px;}

.tabMenuWrap .tabmenu{overflow:hidden;background-color:#eee;}
.tabMenuWrap .tabmenu li{float:left;width:50%;}
.tabMenuWrap .tabmenu li a{display:block;font-size:1.5rem;font-weight:bold;color:#000;padding:16px 0;text-align:center;}
.tabMenuWrap .tabmenu li.on a{background-color:#fff;color:#F64F13;border:1px solid #ddd;border-bottom:0;}

.navbar-offcanvas {position: fixed;width: 100%;max-width:340px;left:-340px;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(340px);-ms-transform: translateX(340px);transform: translateX(340px); }
.navbar-offcanvas.offcanvas-position.in {left: 0; }
.navbar-offcanvas.navbar-offcanvas-right {left: auto;right: -340px; }
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: ranslateX(-340px);-ms-transform: translateX(-340px);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{border:0;height:70px;}
.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;width:30px;height:30px;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:#333 !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(6px,65px);  
-ms-transform: rotate(45deg) translate(6px, 6px);
transform: rotate(45deg) translate(6px, 6px); }
.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(5px, -5px);
-ms-transform: rotate(-45deg) translate(5px, -5px);
transform: rotate(-45deg) translate(5px, -5px);}


#Mobile>ul>li{border-bottom:1px solid rgba(0,0,0,0.05);}
#Mobile>ul>li>a{display:block;height:54px;line-height:54px;padding:0 0 0 30px;font-size:15px;font-weight:500;color:#555; position:relative;background-color:#fff;}
#Mobile>ul>li.keep>a:before{content:'';display:block;position:absolute;width:1px;height:14px;right:30px;top:calc(50% - 7px);background:rgba(255,100,31,1);transition:all .3s ease}
#Mobile>ul>li.keep>a:after{content:'';display:block;position:absolute;width:14px; height:1px;right:24px;top:calc(50% - 1px);background:rgba(255,100,31,1);}
#Mobile>ul>li.open>a:before {transform:rotate(90deg);}
#Mobile>ul>li:first-child{border-top:0}
#Mobile>ul>li>ul.depth2{background:rgba(0,0,0,0.05);display:none;}
#Mobile>ul>li>ul>li{border-top:1px solid rgba(0,0,0,0.05);}
#Mobile>ul>li>ul>li>a{display:block;height:45px;line-height:45px;font-size:13px;font-weight:normal;padding-left:30px;position:relative;color:#555;}
#Mobile>ul>li>ul>li>a.off{font-weight:bold;}
#Mobile>ul>li>ul>li>a:before{position:absolute;right:28px;top:50%;width:5px;height:5px;border-top:4px dashed;border-right:4px solid transparent;border-left: 4px solid transparent;}
#Mobile>ul>li>ul>li>a.on:before{content:'';}
#Mobile>ul>li>ul>li>a.off:before{content:''}
#Mobile>ul>li>ul>li>ul.depth3{display:none;padding:10px 30px;background:#fff;}
#Mobile>ul>li>ul>li>ul>li>a{height:30px;line-height:30px;font-size:0.9em;color:#333;}

#Mobile>ul>li>ul>li.open > a{font-weight:bold;color:#FF641F;}
#Mobile ul.depth2 li.open ul.depth3 >li.open > a{position:relative;padding-right:20px;font-weight:bold;color:#333}
#Mobile ul.depth2 li.open ul.depth3 >li.open > a:after {content: '';position:absolute;top:50%;right:0;width:10px;height:1px;background:#333;}

#Mobile ul.depth1 li.open ul.depth2 {display:block;background-color:#F7F7F7;}
#Mobile ul.depth2 li.open ul.depth3 {display:block;}

#Mobile .btnWrap{overflow:hidden;background:rgba(0,0,0,0.1);text-align:center;font-size:110%;line-height:46px;border:solid rgba(0,0,0,0.1);border-width:1px 0} 
#Mobile .btnWrap a{float:left;width:50%;position:relative;}
#Mobile .btnWrap a:nth-child(1):after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;display:block;background:rgba(0,0,0,0.1)}
#Mobile .btnWrap a:before{font-family:"Font Awesome 5 Free";font-weight:900;display:inline-block;margin-right:5px;}
#Mobile .btnWrap a:nth-child(1):before{content:'\f07a'}
#Mobile .btnWrap a:nth-child(2):before{content:'\f002'}