@charset "UTF-8";
/*================================================
サイド専用CSS
================================================*/
@media (min-width: 769px){

	/* side
	--------------------------------------------------------------------*/

	#side_nav {
		width:185px;
		margin:0 0 80px;
		float:left;
	}
	#side_nav *,
	#side_nav *:before,
	#side_nav *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#side_nav *{
			font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Yu Gothic' , "メイリオ", "Meiryo", "Avenir Next","Avenir", Helvetica, Arial, sans-serif;
	}

	ul li{
		list-style: none;
	}
	/* side_results
	--------------------------------------------------------------------*/

	.side_results {
		margin:0 0 5px;
		font-size:14px;
		font-weight:bold;
		line-height: 40px;
		text-align:center;
		background:#f4f4f4;
	}
	.side_search_results {
		margin-bottom:40px;
	}
	.side_search_results ul {
		margin-bottom:5px;
	}
	.side_search_results ul li {
		margin: 0 0 5px;
		background:#f4f4f4;
		line-height: 1.6em;
		display:block;
		position:relative;
		cursor:pointer;
	}

	.side_search_results > ul > li a {
		display:block;
		padding:5px 15px;
	}

	.side_search_results ul li:last-child {
		margin:0;
	}
	.side_search_results ul li:before {
		content:"";
		width:10px;
		height:1px;
		display:block;
		background:#000;
		position:absolute;
		top:50%;
		right:14px;
		transform: rotate(45deg);
	}
	.side_search_results ul li:after {
		content:"";
		width:10px;
		height:1px;
		display:block;
		background:#000;
		position:absolute;
		top:50%;
		right:14px;
		transform: rotate(-45deg);
	}
	.side_search_results .more_btn {
		margin-left:112px;
	}
	.side_search_results .more_btn a {
		width:52px;
		height:25px;
		line-height: 25px;
		text-align:center;
		color:#fff;
		background:#676767;
		border-radius:3px;
		display:block;
	}


	/* side_title
	--------------------------------------------------------------------*/

	.side_title {
		padding:0 0 10px;
		margin-bottom: 10px;
		font-size:14px;
		border-bottom:1px solid #cccccc;
		font-weight:bold;
	}


	/* side_category
	--------------------------------------------------------------------*/

	.side_category {
		margin:0 0 40px;
	}
	.side_category > ul > li {
		/*border-bottom:1px solid #dcdcdc;*/
	}
	.side_category01 span {
		padding:12px 0px;
		font-size: 12px;
		display:block;
		position:relative;
		cursor:pointer;
	}
	.side_category01 span:after {
		content:"";
		display:block;
		border-top: 1px solid #2b2b2b;
		border-right: 1px solid #2b2b2b;
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		position: absolute;
		top: 50%;
		right: 10px;
		margin: -5px 0 0 0px;
		transform: rotate(135deg);
		transition:transform 0.3s ease;
	}
	.side_category01 span.selected:after {
		content:"";
		display:block;
		border-top: 1px solid #2b2b2b;
	    border-right: 1px solid #2b2b2b;
	    content: "";
	    display: block;
		width: 6px;
	    height: 6px;
		position: absolute;
		top: 50%;
		right: 10px;
		margin: -5px 0 0 0px;
	    transform: rotate(-45deg);
	}
	.side_category01 li ul {
		padding:0;
		display:none;
		margin-bottom: 12px;
	}
	.side_category01 a {
		padding:11px 5px 11px 15px;
		font-size:12px;
		display:block;
		position:relative;
	}
	.side_category01 .on a:before,
	.side_category01 .on a:after {
		content:"";
		width:10px;
		height:1px;
		display:block;
		background:#000;
		position:absolute;
		top:50%;
		right:10px;
		transform: rotate(45deg);
	}
	.side_category01 .on a:after {
		transform: rotate(-45deg);
	}

	.side_category02{
		background-color: #F7F7F7;
	}

	/* side_usual_research
	--------------------------------------------------------------------*/
	.side_usual_research {
		margin-bottom: 40px;
	}
	.side_usual_link {
		display: inline-block;
		width: 100%;
		color: #fff;
		font-size: 14px;
		height: 48px;
		line-height: 48px;
		text-align: center;
		background-color: #272727;
		padding: 0 4px;
		border: 1px solid #272727;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-user-select: none;
		user-select: none;
		position: relative;
	}
	.side_usual_link:hover {
		color: #fff;
		text-decoration:none;
		opacity:0.7;
	}

	/* side_brand
	--------------------------------------------------------------------*/

	.side_brand {
		margin:0 0 40px;
	}
	.side_brand ul.side_brand_list{
		list-style: none !important;
	}
	.side_brand_link {
		font-size: 12px;
		display: block;
		padding: 10px 5px 10px 0px;
	}


	.side_brand_link:after {}
	.side_brand_item:nth-child(even) .side_brand_link {

	}
	.side_brand_item:nth-child(odd) .side_brand_link {
		background:#fff;
	}
	/* side_features
	--------------------------------------------------------------------*/

	.side_features {
		margin:0 0 40px;
	}
	.side_features ul.features_banner_list{
		list-style: none !important;
	}
	.side_features .side_features_list li a{
		display:block;
		padding:10px 0;
		font-size: 12px;
	}

	/* side_activity
	--------------------------------------------------------------------*/

	.side_activity {
		margin:0 0 40px;
	}
	.side_activity ul.activity_banner_list{
		list-style: none !important;
	}
	.side_activity .side_activity_list li a{
		display:block;
		padding:10px 0;
		font-size: 12px;
	}

	/* side_banner
	--------------------------------------------------------------------*/

	.side_banner {
		margin:0 0 40px;
	}
	.side_banner ul.side_banner_list{
		list-style: none !important;
	}
	.side_banner .side_banner_list li{
		margin-bottom: 10px;
	}
	.side_banner img{
		width: 100%;
		height: auto;
	}

	/* side_color
	--------------------------------------------------------------------*/

	.side_color {
		margin-bottom:35px;
	}
	.side_color .side_title {
		margin-bottom: 12px;
	}
	.side_color_list:before,
	.side_color_list:after {
		content: none;
	}
	.side_color_list {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: -2px;
		margin-right: -2px;
	}
	.side_color_item {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		width: 100%;
		max-width: 20%;
		text-align: center;
		margin-bottom: 12px;
		padding: 0 2px;
		position: relative;
	}
	.side_color_item:nth-child(n+11) {
		margin-bottom: 0;
	}
	.side_search_color {
		display: inline-block;
		width: 22px;
		height: 22px;
		background-color: transparent;
		border-radius: 11px;
	}
	.side_search_color:first-child{
		width: 24px;
		height: 24px;
		border-radius: 12px;
	}
	.side_search_color.color01 {
		background-color: #fff;
		border: 1px solid #b2b2b2;
	}
	.side_search_color.color02 { background-color: #B2B2B2;}
	.side_search_color.color03 { background-color: #221714;}
	.side_search_color.color04 { background-color: #FBDEB4;}
	.side_search_color.color05 { background-color: #0068B7;}
	.side_search_color.color06 { background-color: #FFE563;}
	.side_search_color.color07 { background-color: #F20014;}
	.side_search_color.color08 { background-color: #FF8833;}
	.side_search_color.color09 { background-color: #9A661C;}
	.side_search_color.color10 { background-color: #22AC38;}
	.side_search_color.color11 { background-color: #B261BC;}
	.side_search_color.color12 { background-color: #FF999C;}
	.side_search_color.color13 {
		background: url(/static/full/images/side/side_color_silvergold.png) no-repeat 100%;
		background-size: 26px 26px;
	}
	.side_search_color.color14 {
		background: url(/static/full/images/side/side_color_23.png) no-repeat 100%;
		background-size: 40px;
		background-position: center;
	}
	.side_search_color.color15 {
		background: url(/static/full/images/side/side_color_23.png) no-repeat;
		background-size: 40px;
		background-position: center;
	}
	.side_color_checkbox {
		display: none;
	}
	.side_color_checkbox + .side_color_label{
		display: inline-block;
		width: 23px;
		height: 23px;
	}
	.side_color_checkbox:checked + .side_color_label {
		border: none;
		background-color: transparent;
		position: relative;
	}
	.side_color_checkbox:checked + .side_color_label:before {}
	.side_color_checkbox:checked + .side_color_label:after {
		content: "";
		width: 27px;
		height: 27px;
		border: 3px solid #FFF;
		filter: drop-shadow(0px 0px 1px rgba(70,70,70,1));
		border-radius: 13px;
		position: absolute;
		top: -2px;
		left: -2px;
	}

	/* side_price
	--------------------------------------------------------------------*/
	.side_price {
		margin-bottom:35px;
	}

	.side_price *,
	.side_price *:before,
	.side_price *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.side_price .side_title {
		margin-bottom:12px;
	}
	.side_price_inner {
		padding: 0 10px;
	}
	.side_price_range {
		padding: 10px 0 20px;
	}
	.side_form_row {
		display: -ms-flexbox;/*IE10*/
		display: -webkit-flex;/* Safari6.1以降 */
		display: flex;
		-ms-flex-wrap: nowrap;/*IE10*/
		-webkit-flex-wrap:nowrap;/* Safari6.1以降 */
		flex-wrap: nowrap;
		margin-right: -5px;
		margin-left: -5px;
	}
	.side_price_search {
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	    width: 95%;
	    margin: 0 auto 15px;
	}
	.side_search_switch {
		margin: 10px 0 0 0;
	}
	.side_form__center {
		-ms-flex-pack: center; /*IE10*/
		-webkit-justify-content: center;
		justify-content: center;
	}
	.side_form__start {
		-ms-flex-pack: start; /*IE10*/
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	.side_form__end {
	    -ms-flex-pack: end;
	    -webkit-justify-content: center;
	    justify-content: space-around;
	    display: flex;
	    margin: 0px auto;
	    width: 93%;
	}
	.side_form_row > [class*=col_] {
	}
	.col_side {
		display: -ms-flexbox;/*IE10*/
		display: -webkit-flex;/* Safari6.1以降 */
		display: flex;
		-ms-flex-align: center;/*IE10*/
		-webkit-align-items: center; /* Safari6.1以降 */
		align-items: center;
		-ms-flex-pack: end;/*IE10*/
		-webkit-justify-content:flex-end;/* Safari6.1以降 */
		justify-content: flex-end;
	}
	.col_side_auto {
		-ms-flex: 0 0 auto;/*IE10*/
		-webkit-flex:0 0 auto;/* Safari6.1以降 */
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col_side.col_1 { width:8.333333333%; }
	.col_side.col_2 { width:16.666666667%; }
	.col_side.col_3 { width:25%; }
	.col_side.col_4 { width:33.333333333%; }
	.col_side.col_5 { width:41.666666667%; }
	.col_side.col_6 { width:50%; }
	.col_side.col_7 { width:58.333333333%; }
	.col_side.col_8 { width:66.666666667%; }
	.col_side.col_9 { width:75%; }
	.col_side.col_10 { width:83.333333333%; }
	.col_side.col_11 { width:91.666666667%; }
	.col_side.col_12 { width:100%; }
	.side_price_text {
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
	}
	.side_price_en {
		-webkit-flex-basis: 12px;/* Safari6.1以降 */
		-ms-flex-preferred-size: 12px;/*IE10*/
		flex-basis: 12px;
		max-width: 12px;
		width: 12px;
		margin-left: 4px;
	}
	.side_price_allow {
		display: inline-block;
	}
	.col_side input[type="text"] {
		width: 65px;
		height:24px;
		padding:0 5px;
		font-size:10px;
		line-height: 26px;
		border:1px solid #a7a6a7;
		box-sizing:border-box;
		border-radius: 4px;
	}

	.side_price_switch {
		-ms-flex-align: center;/*IE10*/
		-webkit-align-items: center; /* Safari6.1以降 */
		align-items: center;
		-webkit-justify-content:flex-end;/* Safari6.1以降 */
		justify-content: flex-end;
	}
	.btn_side_search {
		display: inline-block;
		width: 80px;
		height:25px;
		line-height: 25px;
		text-align:center;
		padding : 0 5px;
		border-radius:6px;
	}
	.btn_side_search.search_btn {
		color:#fff;
		background:#4D4D4D;
		font-size: 10px;
	}
	.btn_side_search.reset_btn {
		color:#fff;
		background-color: #B2B2B2;
		font-size: 10px;
	}

	.side_price input[type="submit"]:hover {
		text-decoration:underline;
	}
	/*.side_price_range .noUi-target {
		border: none;
		background: #ededed;
	}
	.side_price_range .noUi-horizontal {
		height: 4px;
	}
	.side_price_range .noUi-connect {
		border-radius: 0;
		background: #a8a8a8;
	}*/
	.side_price_range .noUi-origin {
		top: -8px;
	}
	/*.side_price_range .noUi-handle {
		cursor: default;
		border: 1px solid #333;
		border-radius: 20px;
		background: #333;
		box-shadow: inset 0 0 0px #333, inset 0 1px 7px #333, 0 3px 6px -3px #333;
	}*/
	.side_price_range .noUi-horizontal .noUi-handle {
	    width: 24px;
	    height: 24px;
	    margin-left: -12px;
	    margin-top: -3px;
	    top: 0;
	    left: 0;
	    outline: none;
	    cursor: w-resize;
	}

	/* side_tags
	--------------------------------------------------------------------*/
	.side_tags {
		margin-bottom:35px;
	}

	.side_tags *,
	.side_tags *:before,
	.side_tags *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.side_tags .side_title {
		margin-bottom:12px;
	}
	.side_tags > ul > li{
		display: inline-block;
		padding: 0 10px 10px 10px;
		font-size: 12px;
	}
	.side_tags > ul > li a{
	}
}

/*================================================
ハンバーガーメニュー専用CSS
================================================*/
.drawer_main {
	display: none;
	position: relative;
}
@media (max-width: 768px){
	/* section_main
	--------------------------------------------------------------------*/
	.section_main {
		width: 100%;
		padding: 0;
		margin-left: 0;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	.section_main.selected {
		width: 100%;
		overflow: hidden;
	}
	/* section_menu
	--------------------------------------------------------------------*/
	.drawer_main {
		display: none;
		position: relative;
	}
	.is_drawer .drawer_main {
		display: block;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 10000;
		top: 0;
	}
	.drawer_main *, .drawer_main *:before, .drawer_main *:after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.drawer_bg {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgba(0, 0, 0, .45);
		z-index: 0;
	}
	.drawer_menu {
		height: 100%;
		width: 100%;
		max-width: 100% !important;
		min-width: 275px;
		background-color: #fff;
		position: relative;
	}
	.drawer_wrapper {
		position: relative;
		height: 100%;
	}
	.drawer_inner {
		width: 100%;
		height: 100%;
		/* overflow-x: hidden; */
	}
	.drawer_body {
		height: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.drawer_content {
		color: #2c2b2b;
		position: relative;
		/* overflow: hidden; */
		padding-bottom: 116px;
	}
	.drawer_content ul, .drawer_content dl {
		padding: 0;
		margin: 0;
	}
	.drawer_close {
		display: block;
		position: absolute;
		top: 16px;
		right: 20px;
		width: 23px;
		height: 18px;
		transition: rotate .4s;
		opacity: 1;
		z-index: 9999;
	}
	.drawer_close:before{
		content:"";
		display:block;
		width: 50px;
		height: 50px;
		top: 0;
		right: 0;
		background: none;
		position:fixed;
		z-index: 0;
		padding:0;
		margin:0;
	}
	.drawer_close span {
		display: inline-block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		transition: all .4s;
		background: #666;
		box-sizing: border-box;
	}
	.drawer_close span:nth-of-type(1) {
		top: 0;
	}
	.drawer_close span:nth-of-type(2) {
		top: 8px;
	}
	.drawer_close span:nth-of-type(3) {
		bottom: 0;
	}
	.drawer_close.is_open {
		right: 15px;
	}
	.drawer_close.is_open span {
		background: #000;
	}
	.drawer_close.is_open span:nth-of-type(1) {
		-webkit-transform: translateY(8px) rotate(-45deg);
		transform: translateY(8px) rotate(-45deg);
	}
	.drawer_close.is_open span:nth-of-type(2) {
		opacity: 0;
	}
	.drawer_close.is_open span:nth-of-type(3) {
		-webkit-transform: translateY(-8px) rotate(45deg);
		transform: translateY(-8px) rotate(45deg);
	}
	/* bgmodal
	--------------------------------------------------------------------*/
	#bgmodal {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 250;
	}
	#bgmodal a {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		background-color: rgba(0, 0, 0, 0.6);
	}
	/* section_menu
	--------------------------------------------------------------------*/
	.menu_member {
		padding: 17px 15px;
		line-height: 24px;
		border-bottom: 1px solid #D9D9D9;
	}
	.menu_member a {}
	.user_name {
		margin-bottom: 14px;
		font-size: 18px;
	}
	.user_have_point {
		padding: 12px 10px;
		margin-top: 2px;
		background: #F2F2F2;
		font-size: 12px;
		line-height: 21px;
		font-weight: normal;
	}
	.total_point {
		padding: 0 10px 12px;
		margin-top: 0;
		background: #F2F2F2;
		font-size: 10px;
		font-weight: normal;
	}
	.menu_member dt {
		width: 123px;
		float: left;
	}
	.menu_member dd {
		width: 150px;
		font-size: 16px;
		float: left;
	}
	.total_point dd {
		font-size: 10px;
	}
	.total_point dd span {
		font-size: 12px;
	}
	/* menu_member_nav
	--------------------------------------------------------------------*/
	.menu_member_nav {
		clear: both;
		margin-top: 20px;
		padding: 0;
	}
	.menu_member_nav ul {
		display: flex;
		justify-content: space-between;
		padding: 0;
		margin: 0;
	}
	.menu_member_nav ul li {
		flex-basis: 70px;
		width: 70px;
		height: 70px;
		font-size: 12px;
		margin-left: 5px;
		text-align: center;
		position: relative;
	}
	.menu_member_nav li a {
		width: 70px;
		height: 70px;
		line-height: 1;
		display: table-cell;
		font-size: 12px;
		text-align: center;
		vertical-align: middle;
		padding-bottom: 20px;
		color: inherit;
	}
	.menu_member_nav ul li svg {
		display: block;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.menu_member_nav li a span {
		display: block;
		width: 100%;
		text-align: center;
		position: absolute;
		bottom: 6px;
	}
	.menu_member_nav .member_nav_mypage a {}
	.menu_member_nav .member_nav_mypage a:after {}
	.menu_member_nav .member_nav_logout a {}
	.menu_member_nav .member_nav_logout a:after {}
	.menu_member_nav .member_nav_favorite a {}
	.menu_member_nav .member_nav_history a {}
	.menu_member_btn ul {
		display: flex;
	    justify-content: space-between;
		margin: 20px 0 10px;
		padding: 0;
	}
	.menu_member_btn ul li {
		flex-basis: 48%;
		display: block;
		width: 48%;
		text-align: center;
	}
	.menu_member_btn ul li:first-child {
	    margin-right: auto;
	}
	.menu_member_btn ul li:last-child {
	    margin-left: auto;
	}
	.menu_member_btn ul li a {
		display: block;
		width: 100%;
		height: 38px;
		line-height: 38px;
		border-radius: 6px;
		text-align: center;
		background: #B2B2B2;
		color: #fff;
	}
	/* menu_search
	--------------------------------------------------------------------*/
	.menu_search {
		padding: 20px 20px 11px;
		background: #e9e8e8;
	}
	.menu_search .search_area {
		margin: 0 0 18px;
	}
	.menu_serach_group {
		position: relative;
	}
	.menu_search_input {
		display: inline-block;
		width: 100%;
		height: 30px;
		color: #4d4f67;
		font-size: 10px;
		line-height: 1;
		background: #fff;
		border-radius: 3px;
		border: 1px solid #a7a6a7;
		padding: 10px 5px;
	}
	.menu_search_submit {
		width: 26px;
		height: 26px;
		background: url(/static/lite/images/side/side_search.jpg) no-repeat center center;
		background-size: 26px 26px;
		position: absolute;
		top: 2px;
		right: 2px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.menu_search_btn {
		display: block;
		height: 30px;
		color: #fff;
		font-size: 10px;
		text-align: center;
		line-height: 30px;
		background: #131313;
	}
	.menu_keyword {}
	.menu_keyword_list {}
	.menu_keyword_item {
		margin: 0 15px 7px 0;
		float: left;
	}
	.menu_keyword_link {
		padding: 5px 10px;
		background: #fff;
		color: #7e7e7e;
		font-size: 10px;
		display: inline-block;
		border-radius: 3px;
		box-shadow: 1px 1px #a7a6a7;
	}
	/* menu_item_nav
	--------------------------------------------------------------------*/
	.menu_item_nav {}
	.menu_item_nav ul li {}
	.menu_item_nav li a {
		height: 58px;
		padding: 0 16px;
		line-height: 58px;
		font-size: 16px;
		font-weight: bold;
		display: block;
		border-bottom: 1px solid #D9D9D9;
		position: relative;
	}
	.menu_item_nav li:nth-child(2n) a {
		border-right: none;
	}
	.menu_item_nav li a:after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 15px;
	}
	/* menu_nav_level01
	--------------------------------------------------------------------*/
	.menu_nav_level01 > li {}
	.menu_nav_level01 > li > a {
		width: 100%;
		height: 58px;
		padding: 0 16px;
		line-height: 58px;
		font-size: 16px;
		font-weight: bold;
		display: block;
		left: 0;
		top: 0;
		border-bottom: 1px solid #D9D9D9;
		position: relative;
		color: inherit;
		text-decoration: none;
	}
	.menu_nav_level01 > li > a:after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 15px;
	}
	.selected .menu_nav_level01 > li > a {}
	.selected .menu_nav_level01 > li {
		border: none;
	}
	/* menu_nav_level02
	--------------------------------------------------------------------*/
	.menu_nav_level02 {
		/* display:none; */
		max-width: 100% !important;
		min-width: 275px;
	}
	.scroll .menu_nav_level02 {
		display: block;
	}
	.menu_nav_level02 > li > a {
		min-height: 58px;
		padding: 21px 16px;
		line-height: 1.2;
		font-size: 12px;
		display: block;
		border-bottom: 1px solid #D9D9D9;
		position: relative;
		color: inherit;
		left: 0;
	}

	/* drilldown_menu2 (ABOUT BRAND) */
	.drilldown_menu2 .menu_nav_level02 li {
		border-bottom: 1px solid #D9D9D9;
	}
	.drilldown_menu2 .menu_nav_level02 span {
		display: inline-block;
		font-weight: bold;
	}
	.drilldown_menu2 .menu_nav_level02 > li > a {
		padding: 21px 16px 21px 32px;
		border-bottom: none;
		font-weight: normal;
	}

	/* menu_nav_level03
	--------------------------------------------------------------------*/
	.menu_nav_level03 {
		display: block;
		position: fixed;
		width: 100%;
		left: -100%;
		transition: 0.3s all ease;
		padding-top: 58px !important;
	}
	.menu_nav_level03 > li > a {
		height: 58px;
		padding: 0 16px;
		line-height: 58px;
		font-size: 14px;
		display: block;
		border-bottom: 1px solid #D9D9D9;
		position: relative;
		color: inherit;
		text-decoration: none;
	}
	/* menu_nav_level04
	--------------------------------------------------------------------*/
	.menu_nav_level04 {
		display: block;
		position: fixed;
		width: 100%;
		left: -100%;
		transition: 0.3s all ease;
		padding-top: 58px !important;
	}
	.menu_nav_level04 > li > a {
		height: 58px;
		padding: 0 16px;
		line-height: 58px;
		font-size: 14px;
		display: block;
		border-bottom: 1px solid #D9D9D9;
		position: relative;
		color: inherit;
		text-decoration: none;
	}
	/* menu_nav_level00
	--------------------------------------------------------------------*/
	.menu_nav_level00 > li {
		border-bottom: 1px solid #D9D9D9;
	}
	.menu_nav_level00 > li > a {
		height: 58px;
		padding: 0 18px;
		line-height: 58px;
		font-size: 16px;
		font-weight: bold;
		display: block;
		position: relative;
		color: inherit;
		text-decoration: none;
		transition: 0.3s all ease;
	}
	.menu_nav_level00 > li a span {
		font-size: 12px;
		display: inline-block;
		padding-left: 30px;
	}
	.menu_nav_level00 > li > a:after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: 1px solid #000;
		border-right: 1px solid #000;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 15px;
	}
	/* menu_sub_nav
	--------------------------------------------------------------------*/
	.menu_sub_nav ul {}
	.menu_sub_nav ul li {
		width: 50%;
		float: left;
	}
	.menu_sub_nav li a {
		height: 46px;
		padding: 0 0 0 18px;
		line-height: 46px;
		font-size: 10px;
		display: block;
		background: #e9e8e8;
		border-bottom: 1px solid #9ea4a4;
		border-right: 1px solid #9ea4a4;
		position: relative;
	}
	.menu_sub_nav li:nth-child(2n) a {
		border-right: none;
	}
	.menu_sub_nav li a:after {
		content: "";
		display: block;
		width: 4px;
		height: 4px;
		margin-top: -2px;
		border-top: 1px solid #2c2b2b;
		border-right: 1px solid #2c2b2b;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
	}
	/* slinky_menu
	--------------------------------------------------------------------*/
	.slinky-menu {
		overflow: hidden;
		transform: translate3d(0, 0, 0);
		transition: all .3s ease;
		height: 100% !important;
		top: 0;
		position: relative;
	}
	.slinky-menu.selected {
		position: absolute;
		z-index: 1;
		top: 0;
		width: 100%;
		height: 100% !important;
		background: #fff;
	}
	.slinky-menu .header {
		height: 58px;
		z-index: 10;
		position: fixed;
		width: 100%;
	}
	.slinky-menu .header + li {
		padding-top: 58px;
	}
	.slinky-menu h2 {
		font-size: 14px;
		position: absolute;
		width: 100%;
		height: 58px;
		line-height: 58px;
		color: #fff;
		background: #4D4D4D;
		text-align: center;
		z-index: 0;
	}
	.slinky-menu a.back {
		color: #fff;
		background: none;
		position: absolute;
		width: 100%;
		z-index: 0;
	}
	.slinky-menu > ul {
		left: 0;
		position: relative;
		transform: translateZ(0);
		transition: all .3s ease;
	}
	.slinky-menu li, .slinky-menu ul {
		list-style: none
	}
	.slinky-menu ul {
		width: 100%;
		/* height: 100%; */
		top: 58px;
	}
	.slinky-menu a {
		display: block
	}
	.slinky-menu li ul {
		display: none;
		left: 100%;
		position: absolute;
		top: -58px;
		z-index: 0;
		z-index: 5;
	}
	.slinky-menu .menu_nav_level02 {
		height: calc(100% - 58px);
		overflow-x: visible;
		/* overflow-y: scroll; */
		position: fixed;
		top: 58px;
	}
	.slinky-menu .menu_nav_level02.active {
		left: 0 !important;
		overflow-y: scroll;
	}
	.slinky-menu .menu_nav_level03 {
		/* position: fixed; */
		top: -58px;
		overflow: scroll;
		height: calc(100% + 58px);
	}

	.nav_wrapper {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: -100%;
		transition: all .3s ease;
		overflow: visible;
		max-width: 100% !important;
		min-width: 275px;
	}
	.selected + .nav_wrapper {
		display: block;
		z-index: 10011;
		padding-top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
		background: #fff;
	}
	.drilldown_menu .nav_wrapper_inner {
		height: 100%;
		z-index: 10011;
	}
	.nav_wrapper_inner .menu_nav_level02 {
		height: 100%;
		overflow: scroll;
		background: #fff;
		z-index: 10012;
		position: fixed;
		padding-top: 58px;
	}
	.slinky-menu .nav_back {
		color: #fff;
	}
	.nav_back {
		position: absolute;
		font-size: 14px;
		width: 100%;
		height: 58px;
		line-height: 58px;
		color: #fff;
		background: #4D4D4D;
		text-align: center;
		z-index: 0;
		top: 0;
		text-decoration: none;
	}
	.nav_wrapper .header a.back {
		color: #fff;
		background: none;
		border: none;
		width: 100%;
		height: 58px;
		z-index: 2;
		position: absolute;
		top: 0;
	}
	.nav_wrapper .nav_back:after, .nav_wrapper .header a.back:after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(225deg);
		position: absolute;
		top: 50%;
		left: 15px;
	}
	/*brand*/
	.menu_brand_logo {
		height: 130px;
		border-bottom: 1px solid #D9D9D9;
		padding: 15px;
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	.menu_brand_logo span {
		display: block;
		width: 100%;
		height: 100px;
		padding: 0;
		position: relative;
		vertical-align: middle;
	}
	.menu_brand_logo img {
		display: block;
		width: auto;
		max-width: 50%;
		height: auto;
		max-height: 100px;
		margin: auto 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	}
	.menu_nav_brand li a {
		vertical-align: middle;
		height: 90px;
		width: 100%;
		padding: 0 16px;
	}
	.menu_nav_brand li a {
		display: table;
		width: 100%;
		vertical-align: middle;
	}
	.menu_nav_brand li span {
		display: table-cell !important;
		vertical-align: middle;
		line-height: 20px;
		font-size: 16px !important;
		height: 82px;
		padding: 0 !important;
	}
	.menu_nav_brand li span:first-child {
		width: 84px;
	}
	.menu_nav_brand li img {
		display: inline-block;
		width: 84px;
		height: auto;
		max-height: 62px;
		overflow: hidden;
		font-size: 1%;
		white-space: normal;
		margin: 15px 20px 15px -1px;
		vertical-align: middle;
	}
	/*checkitem*/
	.menu_checkitem {
		margin: 15px 0 0;
		border-bottom: 1px solid #D9D9D9;
		padding-bottom: 11px;
	}
	.menu_checkitem dt {
		font-size: 16px;
		padding: 0 15px;
		line-height: 1;
	}
	.menu_checkitem dd {
		padding: 10px 15px 0;
		box-sizing: border-box;
		margin: 0;
	}
	.menu_recently_list {
		display: block;
		width: 100%;
		padding-bottom: 10px !important;
		position: relative;
		white-space: nowrap;
		overflow-y: hidden;
		letter-spacing: -.75em;
	}
	.menu_recently_item {
		display: inline-block;
		width: 51px;
		height: 51px;
		margin-right: 5px;
		position: relative;
		letter-spacing: normal;
	}
	.menu_recently_item:last-child {
		margin-right: 0;
	}
	.menu_recently_link {
		display: block;
		position: relative;
	}
	.menu_recently_photo {
		position: relative;
	}
	.menu_recently_photo:before {
		content: "";
		display: block;
		padding-top: 100%;
		background: #f5f5f5;
	}
	.menu_recently_image {
		width: auto;
		height: 100%;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	.menu_nav{
		/* z-index:10001; */
		position: relative;
	}
	.menu_nav ul {
		width: 100%;
		height: 100%;
		background: #fff;
		max-width: 100% !important;
		min-width: 275px;
	}
	.menu_nav > ul {
	}
	.menu_nav li {
		width: 100%;
		background: #fff;
		max-width: 100% !important;
		min-width: 275px;
		min-height: 58px;
	}
	.menu_nav:not(.drilldown_menu2) .nav_wrapper li:last-of-type {
		padding-bottom:116px;
	}
	.menu_nav li.selected {
		position: fixed;
		top: 0;
		border: none;
		z-index: 1;
		height: 100%;
	}
	.menu_nav_level00{
		/* position:fixed; */
		padding: 0 !important;
	}
	.menu_nav li a.selected .selected {

	}
	.selected + .menu_nav_level02 {
		left: 0;
		top:0;
		overflow: scroll;
		z-index: 10012;
	}
	.selected + .menu_nav_level03 {
		left: 0;
		top: 0;
		overflow: scroll;
		z-index: 10013;
	}
	.selected + .menu_nav_level04 {
		left: 0;
		top:0;
		overflow: scroll;
		z-index: 10014;
	}
	.menu_nav li > a{
		font-weight:bold;
		text-decoration: none;
	}
	.menu_nav li > a.selected {
		font-size: 14px;
		width: 100%;
		height: 58px;
		line-height: 58px;
		border: none;
		padding: 0;
		color: #fff;
		background: #4D4D4D;
		text-align: center;
		top: 0;
		left: 0;
		text-decoration: none;
		position: fixed;
		max-width: 100% !important;
		min-width: 275px;
		font-weight: bold;
	}
	.menu_nav li > a.selected > span {
		display: none;
	}

	.menu_nav li > a.selected:after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(225deg);
		position: absolute;
		top: 50%;
		left: 15px;
	}
	.menu_nav_level00 > li > a.selected {
	    z-index: 10012;
	}
	.menu_nav_level02 > li > a.selected {
		z-index: 10016;
		top: 0;
		left: 0;
	}
	.menu_nav_level03 > li > a.selected {
		z-index: 10017 !important;
	}
	.menu_nav_level04 > li > a.selected {
		z-index: 10018 !important;
	}

}