/* CSS Document */
.header_wrapper { width: 100%; margin: 0 0 8px; padding: 0; overflow-x: hidden; position: relative; font-family: Meiryo,'Hiragino Kaku Gothic ProN',sans-serif; }
.header_wrapper .logo_wrapper { height: 56px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; background: #FFF; }
.header_wrapper .logo_menu { float: left; width: 12%; box-sizing: border-box; padding-left: 8px; padding-top: 8px; }
.header_wrapper .logo { width: 76%; float: left; padding-top: 10px; box-sizing: border-box; }
.header_wrapper .logo a { display: block; width: 150px; margin: auto; }
.header_wrapper .logo_cart { float: right; width: 12%; box-sizing: border-box; padding-right: 8px; padding-top: 8px; }
.header_wrapper .logo_cart img, .header_wrapper .logo_menu img, .header_wrapper .logo img { width: 100%; }
.header_wrapper .intro { width: 100%; text-align: left; font-size: 10px; background: rgba(0, 0, 0, 0.1); margin: 0; height: 24px; padding-top: 4px; padding-left: 8px; box-sizing: border-box; }
.header_wrapper #shippinginfo { width: 100%; text-align: center; font-size: 10px; background: rgba(0, 0, 0, 0.1); margin: 0; height: 24px; padding-top: 4px; box-sizing: border-box; }
.header_wrapper .menu { position: fixed; bottom: 0; width: 100%; overflow: hidden; list-style: none; padding: 0; margin: 0; z-index: 65534; }
.header_wrapper .menu li { background: white; padding: 8px 8px 0 8px; width: 20%; float: left; border-top: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; }
.header_wrapper .menu li:first-child { border-left: none; }
.header_wrapper .menu li img { width: 100%; vertical-align: bottom; }
.header_wrapper .hide { display: none; }
.header_wrapper .search_wrapper { position: fixed; height: 100%; margin: 0; width: 100%; left: 100%; transition: 0.5s; z-index: 65535; background: rgba(255, 255, 255, 0.95); }
.header_wrapper .search_wrapper.search_active { left: 0; transition: 0.5s; }
.header_wrapper #serch_close { position: absolute; right: 24px; top: 24px; text-align: center; }
.header_wrapper #hotword { margin: 8px 0; padding: 0 16px; overflow: hidden; }
.header_wrapper #hotword li { display: inline-block; float: left; box-sizing: border-box; background: #e5e5e5; color: #333; margin: 0 8px 8px 0; padding: 8px; font-size: 10px; }
.header_wrapper .section_title { font-size: 20px; text-align: center; font-weight: bold; margin: 48px 0 16px; font-family: 'verdana'; letter-spacing: 1.6px; }
.header_wrapper .section_subtitle { font-size: 10px; text-align: center; margin: 16px 0 24px; letter-spacing: 1px; }
.header_wrapper .search { overflow: hidden; margin: 8px 0; padding: 0 16px; }
.header_wrapper .textarea { height: 24px; margin: 8px 0 0 0; padding: 2px; box-sizing: border-box; font-size: 10px; float: left; width: calc(100% - 72px); }
.header_wrapper .btn { font-size: 10px; height: 24px; margin: 8px 0 0 0; width: 64px; float: right; background: rgba(0, 0, 0, 0.2); border: none; }
.header_wrapper .category_wrapper { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; position: relative; margin-bottom: 8px; }
.header_wrapper .category { margin: 8px 0; }
.header_wrapper .banner-full { margin: 4px auto; }
.header_wrapper .banner-full img { width: 100%; vertical-align: bottom; }
.header_wrapper .prev, .header_wrapper .next { position: absolute; top: 28px; width: 16px; z-index: 5; }
.header_wrapper .prev img, .header_wrapper .next img { width: 100%; }
.header_wrapper .prev { left: 4px; }
.header_wrapper .next { right: 4px; }
.header_wrapper .category { margin: 4px 0 0; list-style: none; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.header_wrapper .category li { width: 15%; margin-right: 4px; display: inline-block; vertical-align: top; white-space: normal; }
.header_wrapper .category li:first-child { margin-left: 16px; }
.header_wrapper .category li img { width: 100%; vertical-align: bottom; }
.header_wrapper #shippinginfo.strong { background: #C00; color: #FFF; }
.header_wrapper .m0 { margin: 0; }
.header_wrapper .fixed { position: fixed; top: 0; width: 100%; z-index: 255; }

nav.drawer .close-menu { position: fixed; width: 100%; height: 100%; margin: 0; top: 0; background: rgba(51, 51, 51, 0.3); z-index: 256; display: none; }
nav.drawer i.material-icons.menu-close-icon { position: fixed; top: 16px; left: 290px; z-index: 65535; font-size: 36px; display: none; }
nav.drawer .drawer-menu { width: 80%; max-width: 280px; height: 100%; left: 0; top: 0; position: fixed; z-index: 65535; background: #fff; display: none; overflow: auto; -webkit-overflow-scrolling: touch; border: 1px solid #c9c9c9; }
nav.drawer .navi-wrapper.left-navi .navi-menu dd.menu-sale.s_sale a { display: none; }
