@charset "UTF-8";

/*================================================
ヘッダー専用CSS
================================================*/

/* header_belt
--------------------------------------------------------------------*/

.header_belt {
	font-size: 24px;
	color: #b4a0a3;
	text-align: center;
	line-height: 50px;
	background: #eeebe7;
}
.header_belt_bnr {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.header_belt_bnr:before {
	content:"";
	display: block;
	padding-top: 50px;
	overflow: hidden;
}
.header_belt_link {}
.header_belt_image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width:auto;
	height:auto;
	margin: 0 -100%;
	padding: 0 100%;
}

/* header_wrap
--------------------------------------------------------------------*/

.js_header_noscroll {}
.body_scroll .js_header_noscroll {
	position: relative;
}
.header_wrap {
	width: 100%;
	min-width: 1200px;
	height: 120px;
	position: relative;
}
.body_scroll .header_wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}
.header_box {
	width: 100%;
	height: 120px;
	background-color: transparent;
	transition: all .5s ease;
}
.js_header_noscroll .header_box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}
.header_box.fixed,
.header_box.is_open {
	position: fixed;
}
.header_content {
	width: 100%;
	min-width: 1200px;
	height: 120px;
	background-color: transparent;
	padding: 0 40px;
	transition: all .5s ease-in-out;
}
.header_content_inner {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	height: 100%;
}
.header_main {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	margin: 0 auto 0 0;
}
.header_logo {
	max-width: 100%;
}
.header_logo_title {
	display: block;
	font-size: 13px;
	line-height: 1;
	padding-top: 15px;
}
.header_logo_link {
	display: block;
}
.header_logo_link.header_logo_top {}
.header_logo_image {
	width: 101px;
	height: auto;
	transition: all .5s ease;
}
.header_logo_link:hover .header_logo_image {
	opacity: .5;
}

/* サイトトップ用 */
.js_header_scroll {
	position: relative;
}
.js_header_scroll .header_wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}
.js_header_scroll .header_box {
	background-color: transparent;
}
.js_header_scroll .header_content {
	background-color: transparent;
}
.js_header_scroll .header_nav_link,
.js_header_scroll .header_nav_name {
	color: #fff;
}
.js_header_scroll .icon_header_sub svg {
	fill: #fff;
}
.js_header_scroll .header_menu_line {
	background-color: #fff;
}
.header_wrap.is_scroll,
.header_wrap.is_open {
	position: fixed;
}
.header_wrap.is_mouseover {}
.header_wrap.is_visible {}
.header_wrap.is_oepn {}
.is_oepn .header_box,
.is_mouseover .header_box,
.is_oepn .header_content,
.is_mouseover .header_content {
	background-color: #fff;
}
.is_mouseover .header_nav_link,
.is_visible .header_nav_link,
.is_mouseover .header_nav_name,
.is_visible .header_nav_name {
	color: #000;
}
.is_mouseover .icon_header_sub svg,
.is_visible .icon_header_sub svg {
	fill: #000;
}
.is_mouseover .header_menu_line,
.is_visible .header_menu_line {
	background-color: #000;
}

/* header_nav
--------------------------------------------------------------------*/

.header_nav {
	display: block;
	margin: 0 0 0 100px;
}
.header_nav_list {
	display: -webkit-flex;
	display: flex;
	height: 100%;
}
.header_nav_item {
	margin-right: 64px;
}
.header_nav_item:last-child {
	margin-right: 0;
}
.header_nav_item.header_nav_ranking {
	position: relative;
}
.header_nav_link {}
.header_nav_link:hover {
	text-decoration: none;
}
.header_nav_item.header_nav_sale .header_nav_link {
	color: #000;
}
.header_nav_item.header_nav_sale .header_nav_link:hover {
	color: #b1b1b1;
}
.header_nav_name {
	color: #000;
	font-family: "Oswald", sans-serif;
	font-size: 15px;
	line-height: 1.6;
	padding: 0 0 5px;
	transition: all .4s;
	position: relative;
}
.header_nav_item.selected .header_nav_name {
	color: #000;
}
.header_nav_name:after {
	content: "";
	display: block;
	width: 0%;
	height: 3px;
	background-color: transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .4s;
}
.is_current .header_nav_name:after {
	opacity: 0;
	-webkit-animation: typoFade 1s ease 1.5s 1 forwards;
	animation: typoFade 1s ease 1.5s 1 forwards;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.header_nav_item.is_current .header_nav_name:after {
	background-color: #000;
}
.js_header_scroll .header_nav_item.is_current .header_nav_name:after {
	background-color: #fff;
}
.header_nav_link:hover .header_nav_name:after,
.header_nav_item.selected .header_nav_name:after {
	width: 100%;
	background-color: #000;
}
.is_mouseover .header_nav_item.is_current .header_nav_name:after,
.is_visible .header_nav_item.is_current .header_nav_name:after {
	background-color: #000;
}

/* アニメーション */
@-webkit-keyframes typoFade {
	0% {
		opacity: 0;
		width: 0;
	}
	100% {
		opacity: 1;
		width: 100%;
	}
}
@keyframes typoFade {
	0% {
		opacity: 0;
		width: 0;
	}
	100% {
		opacity: 1;
		width: 100%;
	}
}

/* header_slide_nav
--------------------------------------------------------------------*/
.header_slide_nav {
	display: none;
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 120px;
	left: 0;
	z-index: 100;
}
.header_slide_content {
	min-width: 1200px;
	height: 100%;
	background-color: #fff;
}
.header_slide_inner {
	padding: 30px 0 0;
}
.header_slide_box {
	display: none;
	width: 100%;
	background-color: #fff;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 100;
}

/* COLLECTION */
.header_collection {
	min-width: 1200px;
	height: 100%;
	background-color: #fff;
	padding: 0 40px;
}
.header_collection_content {
	width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}
.header_collection_inner {
	display: flex;
	justify-content: center;
}
.header_collection_list:before, .header_collection_list:after {
	content: none;
}
.header_collection_list {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(2, auto);
	gap: 10px 80px;
}
.header_collection_item {}
.header_collection_link {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 1.6;
	transition: all .4s;
}
.header_collection_link:hover {
	color: #000;
	text-decoration: none;
	opacity: .5;
}
.header_collection_link br {
	display: none;
}

/*COLLABORATION*/
.header_collaboration {
	min-width: 1200px;
	height: 100%;
	background-color: #fff;
	padding: 0 40px;
}
.header_collaboration_content {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0 80px;
}
.header_collaboration_inner {
	display: flex;
	justify-content: center;
}
.header_collaboration_list:before, .header_collaboration_list:after {
	content: none;
}
.header_collaboration_list {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(2, auto);
	gap: 10px 80px;
}
.header_collaboration_item {}

.header_collaboration_link {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 1.6;
	transition: all .4s;
}
.header_collaboration_link:hover {
	color: #000;
	text-decoration: none;
	opacity: .5;
}

/*ONLINE STORE*/
.header_onlinestore {
	display: flex;
	gap: 0 80px;
	padding: 0 40px;
}
.header_onlinestore_main {
	width: 800px;
}
.header_onlinestore_sub {
	flex: 1;
}
.header_onlinestore_row {
	display: flex;
	flex-wrap: nowrap;
	margin-right: -10px;
	margin-left: -10px;
}
.header_onlinestore_row > [class*=col_] {
	padding-right: 10px;
	padding-left: 10px;
}
.col_header_onlinestore.col_1 { width:8.333333333%; }
.col_header_onlinestore.col_2 { width:16.666666667%; }
.col_header_onlinestore.col_3 { width:25%; }
.col_header_onlinestore.col_4 { width:33.333333333%; }
.col_header_onlinestore.col_5 { width:41.666666667%; }
.col_header_onlinestore.col_6 { width:50%; }
.col_header_onlinestore.col_7 { width:58.333333333%; }
.col_header_onlinestore.col_8 { width:66.666666667%; }
.col_header_onlinestore.col_9 { width:75%; }
.col_header_onlinestore.col_10 { width:83.333333333%; }
.col_header_onlinestore.col_11 { width:91.666666667%; }
.col_header_onlinestore.col_12 { width:100%; }

.header_onlinestore_item {}
.header_onlinestore_item + .header_onlinestore_item {
	margin-top: 40px;
}
.header_onlinestore_link {
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 1.6;
	transition: all .4s;
}
.header_onlinestore_link:hover {
	color: #000;
	text-decoration: none;
	opacity: .5;
}

/* DENIM */
.header_denim {
	min-width: 1200px;
	height: 100%;
	background-color: #fff;
	padding: 0 40px;
}
.header_denim_content {
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0 80px;
}
.header_denim_inner {
	display: flex;
	justify-content: center;
}
.header_denim_list:before, .header_denim_list:after {
	content: none;
}
.header_denim_list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 60px;
}
.header_denim_item {}
.header_denim_photo {
	overflow: hidden;
	position: relative;
}
.header_denim_image {
	width: 100%;
	height: auto;
	transition: opacity 1s, transform .5s;
}
.header_denim_fadein .header_denim_image {
	opacity: 0;
}
.header_denim_fadein.lazyloaded .header_denim_image.lazyloaded {
	opacity: 1;
}
.header_denim_link:hover .header_denim_image {
	transform: scale(1.1);
}
.header_denim_title {
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* ハッシュタグ */
.header_tags {}
.header_tags_list {}
.header_tags_item {}
.header_tags_item + .header_tags_item {
	margin-top: 10px;
}
.header_tags_link {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 1.6;
	transition: all .4s;
}
.header_tags_link:hover {
	color: #000;
	text-decoration: none;
	opacity: .5;
}


/* カテゴリ */
.header_category_list:before, .header_category_list:after {
	content: none;
}
.header_category_list {}
.header_category_item {
	margin-bottom: 10px;
}
.header_category_item:last-child {
	margin-bottom: 0;
}
.header_category_name {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 40px;
}
.header_category_link {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 1.6;
	transition: all .4s;
}
.header_category_link:hover {
	color: #000;
	text-decoration: none;
	opacity: .5;
}
.header_category_list__medium {}
.header_category_item__medium {
	margin-bottom: 10px;
}
.header_category_item__medium:last-child {
	margin-bottom: 0;
}
.header_category_link__medium {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 1.6;
	transition: all .4s;
}
.header_category_link__medium:hover {
	color: #000;
	text-decoration: none;
	opacity: .5;
}
.header_category_link__small {}
.header_category_list__small {}
.header_category_item__small {}
.header_category_link__small {}
.header_category_photo {
	max-width: 100%;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
}
.header_category_image {
	max-width: 100%;
	height: auto;
}
.header_category_info {
	text-align: center;
}
.header_category_name {
	font-size: 14px;
}

/* header_gender
--------------------------------------------------------------------*/
.header_gender {
	position: relative;
}
.header_gender_list:before, .header_gender_list:after {
	content: none;
}
.header_gender_list {
	display: flex;
	justify-content: center;
}
.header_gender_item {
	margin: 0 50px;
}
.header_gender_item.selected {}
.header_gender_link {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	color: #000;
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	line-height: 1.6;
	padding: 0 0 3px;
	position: relative;
}
.header_gender_link:hover {
	color: #000;
	text-decoration: none;
}
.header_gender_link:after {
	content: "";
	display: block;
	width: 0%;
	height: 3px;
	background-color: transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .4s;
}
.header_gender_link:hover:after,
.header_gender_item.selected .header_gender_link:after {
	width: 100%;
	background-color: #000;
}
.header_gender_box {
	display: none;
	width: 100%;
	background-color: #fff;
	/*position: absolute;
	top: 44px;
	left: 0;
	z-index: 100;*/
}
.header_gender_content {
	min-width: 1200px;
	height: 100%;
	background-color: #fff;
	padding: 0 40px;
}
.header_gender_inner {
	width: 1200px;
	margin: 0 auto;
	padding: 80px 0;
}


/* header_caution
--------------------------------------------------------------------*/

.header_caution {
	width: 356px;
}
.header_tagline_list {
	height: 32px;
	position: relative;
}
.header_tagline_item {
	display: block;
	width: 100%;
	color: #1e1e1e;
	font-size:12px;
	line-height:1.2;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header_tagline_link {
	color: #000;
}
.header_tagline_link:hover {
	color: #000;
}
.header_tagline_text {
	display: block;
	color: #000;
	font-size:12px;
	line-height:1.2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* header_search
--------------------------------------------------------------------*/

.header_search {
	display: none;
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.header_search_area {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 1200px;
	height: 100%;
	padding: 0 40px;
}
.header_search_form {
	display: flex;
	align-items: center;
}
.header_search_group {
	display: flex;
	align-items: center;
}
.header_search_text {
	width: 280px;
	height: 32px;
	margin-right: 10px;
	position: relative;
}
.header_search_input {
	display: inline-block;
	width: 100%;
	height: 32px;
	color: #999;
	font-size: 11px;
	line-height: 28px;
	background-color: #fff;
	border-bottom: 1px solid #222;
	padding: 5px 10px 5px 0;
	position:relative;
}
.header_search_input:placeholder-shown {
	color: #999;
}
.header_search_submit {}
.button_search_submit {
	display: block;
	width: 20px;
	height: 20px;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000000" d="M-9.184-8.967a7.348,7.348,0,0,0,.59,2.936A7.688,7.688,0,0,0-6.961-3.614,7.653,7.653,0,0,0-4.544-1.979a7.359,7.359,0,0,0,2.938.59A7.288,7.288,0,0,0,.835-1.8a7.678,7.678,0,0,0,2.108-1.13l5.088,5.1a1.014,1.014,0,0,0,.307.2.988.988,0,0,0,.855-.055.874.874,0,0,0,.325-.344A1,1,0,0,0,9.633,1.5a.907.907,0,0,0-.27-.653L4.3-4.244A7.568,7.568,0,0,0,5.526-6.415a7.321,7.321,0,0,0,.445-2.551,7.359,7.359,0,0,0-.59-2.938,7.653,7.653,0,0,0-1.635-2.416A7.688,7.688,0,0,0,1.33-15.954a7.348,7.348,0,0,0-2.936-.59,7.36,7.36,0,0,0-2.938.59,7.665,7.665,0,0,0-2.416,1.634A7.665,7.665,0,0,0-8.594-11.9,7.36,7.36,0,0,0-9.184-8.967Zm1.267,0a6.155,6.155,0,0,1,.489-2.449,6.36,6.36,0,0,1,1.36-2.013A6.381,6.381,0,0,1-4.055-14.79a6.139,6.139,0,0,1,2.449-.491,6.138,6.138,0,0,1,2.449.491,6.342,6.342,0,0,1,2.01,1.361,6.434,6.434,0,0,1,1.36,2.013A6.119,6.119,0,0,1,4.7-8.967,6.122,6.122,0,0,1,4.212-6.52a6.372,6.372,0,0,1-1.36,2.01A6.429,6.429,0,0,1,.842-3.15a6.1,6.1,0,0,1-2.449.494A6.1,6.1,0,0,1-4.055-3.15,6.469,6.469,0,0,1-6.068-4.51a6.3,6.3,0,0,1-1.36-2.01A6.158,6.158,0,0,1-7.917-8.967Z" transform="translate(9.184 16.544)"/></svg>') no-repeat center center;
	background-size: 100% 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.header_search_btn {
	max-width: 30px;
	-webkit-flex-basis: 30px;
	flex-basis: 30px;
	margin: 0 0 0 161px;
}
.header_search_close {
	width: 30px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
}
/*.header_search_close:before,
.header_search_close:after{
	content: "";
	display: inline-block;
	height: 1px;
	background-color: #000;
	position: absolute;
	overflow: hidden;
	margin-top: -1px;
}
.header_search_close:before {
	width: 20px;
	top: 50%;
	left: 2px;
	-webkit-transform: translateY(0px) rotate(-315deg);
	transform: translateY(0px) rotate(-315deg);
}
.header_search_close:after {
	width: 20px;
	top: 50%;
	left: 2px;
	-webkit-transform: translateY(-0px) rotate(315deg);
	transform: translateY(-0px) rotate(315deg);
}*/
.button_header_search {
	display: inline-block;
	color: #000;
	font-size: 14px;
	line-height: 1.6;
	padding: 5px;
}
.button_header_search:hover {
	color: #000;
}
.header_search_name {
	color: #000;
	font-family: "Lato", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	padding: 0 0 0 15px;
	position: relative;
}
.icon_search_toggle {
	display: inline-block;
	position: absolute;
	width: 11px;
	height: 11px;
	top: 50%;
	left: 0;
	margin-top: -4px;
}
.icon_search_toggle:before,
.icon_search_toggle:after {
	display: block;
	content: '';
	background-color: #000;
	position: absolute;
	width: 11px;
	height: 1px;
	top: 5px;
	left: 0;
}
.icon_search_toggle:before {
	width: 1px;
	height: 11px;
	top: 0;
	left: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* header_sub
--------------------------------------------------------------------*/
.header_sub {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	height: 100%;
}

/* header_sub_nav
--------------------------------------------------------------------*/

.header_sub_nav {}
.header_sub_list:before, .header_sub_list:after {
	content: none;
}
.header_sub_list {
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0 -16px;
}
.header_sub_item {
	display:  block;
	padding: 0 16px;
}
.header_sub_link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 100%;
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.header_sub_link:hover {
	opacity: .5;
}
.header_shopcart_link {}
.header_shopcart_link.selected:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 101;
	margin-left: -8px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #f2f2f2;
}
.header_search_link {}
.icon_header_sub {
	display: block;
	width: 20px;
	height: 20px;
}
.icon_header_search {}
.icon_header_search svg {}
.icon_header_member {
	display: block;
}
.icon_header_member svg {}
.icon_header_mailmag {
	display: block;
}
.icon_header_mailmag svg {
	width: 30px;
	height: auto;
}
.icon_header_favotite {
	display: block;
}
.icon_header_favotite svg {
	width: 22px;
	height: auto;
}
.icon_header_cart {
	display: block;
}
.icon_header_cart svg {}
.header_shopcart_piece {
	display: none;
	width:18px;
	height:18px;
	display:block;
	background-color: #fff;
	border-radius:50%;
	color:#000;
	font-size:10px;
	text-align:center;
	line-height: 18px;
	position:absolute;
	top: -2px;
	right: -4px;
}
.js_header_noscroll .header_shopcart_piece {
	color:#fff;
	background-color: #000;
}
.is_mouseover .header_shopcart_piece,
.is_visible .header_shopcart_piece {
	color:#fff;
	background-color: #000;
}
.icon_header_menu {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.icon_header_menu svg {}

/* header_menu
--------------------------------------------------------------------*/
.header_menu {
	display: block;
	width: 20px;
	height: 10px;
	cursor: pointer;
	position: relative;
}
.header_menu_line {
	position: absolute;
	width: 20px;
	height: 1px;
	background-color: #000;
	display: inline-block;
	transition: all .4s;
}
.header_menu_line:nth-of-type(1) {
	top: 0;
	right:0;
}
.header_menu_line:nth-of-type(2) {
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header_menu_line:nth-of-type(3) {
	bottom: 0;
	right: 0;
}

/* drawer_nav
--------------------------------------------------------------------*/
.drawer_nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
}
.drawer_step {
	width: 100%;
	background-color: #000;
}
.drawer_frame {
	position: relative;
	height: 100vh;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
	background-color: #000;
}
.drawer_frame_title {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 40px;
}
.drawer_header {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	min-width: 1200px;
	height: 120px;
	padding: 0 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}
.drawer_logo {
	max-width: 100%;
	padding-top: 10px;
}
.drawer_logo_link {
	display: block;
}
.drawer_logo_image {
	max-width: 100%;
	height: auto;
	transition: all .5s ease;
}
.drawer_logo_link:hover .drawer_logo_image {
	opacity: .5;
}
.drawer_close {
	width: 30px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.drawer_close a {
	display: block;
	position: relative;
}
.drawer_menu {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.drawer_content {
	display: flex;
	flex-flow: column;
	justify-content: center;
	height: 100vh;
	padding: 120px 100px;
	position: relative;
}
.drawer_menu_list {
	text-align: center;
	margin-bottom: 150px;
}
.drawer_menu_item {
	margin-bottom: 40px;
}
.drawer_menu_item:last-child {
	margin-bottom: 0;
}
.drawer_menu_link {
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 18px;
	line-height: 1.6;
	transition: all .4s;
	position: relative;
}
.drawer_menu_link:hover {
	color: #fff;
	text-decoration: none;
	opacity: .5;
}
.drawer_member_list {
	text-align: center;
}
.drawer_member_item {}
.drawer_member_link {
	display: inline-block;
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 15px;
	transition: all .4s;
	padding: 5px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.drawer_member_link:hover {
	color: #fff;
	text-decoration: none;
	opacity: .5;
}

/* header_cart_nav
--------------------------------------------------------------------*/
.header_cart_nav {
	display: none;
	width: 380px;
	height: auto;
	padding: 20px 15px;
	background-color: #f2f2f2;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 100;
}
.header_cart_content {
	height: 100%;
}
.header_cart_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.header_cart_inner {
	overflow-y: auto;
	max-height: 332px;
}
.header_cart_empty_text {
	display: block;
	width: 100%;
	text-align: center;
	background-color: #fff;
	padding: 40px 10px;
	position: relative;
}
.header_cart_list {}
.header_cart_item {
	display: block;
	width: 100%;
	height: auto;
	background: #fff;
	padding: 15px 10px;
}
.header_cart_item + .header_cart_item {
	margin-top: 5px;
}
.header_cart_data {
	display: flex;
	width: 100%;
}
.header_cart_photo {
	width: 100px;
}
.header_cart_link {
	display: block;
	position: relative;
}
.header_cart_link:before {
	content: "";
	display: block;
	padding-top: 133.3333333%;
}
.header_cart_image {
	position: absolute;
	top: 0;
	left: -100%;
	bottom: 0;
	right: -100%;
	margin: 0 auto;
	width: auto;
	height: 100%;
}
.header_cart_detail {
	flex: 1;
	padding-left: 15px;
}
.header_cart_brandname {
	font-family: "Lato", sans-serif;
	color: #b1b1b1;
	font-size:13px;
	line-height: 1.6;
	margin:0 0 5px;
}
.header_cart_name {
	font-size:13px;
	margin:0 0 10px;
}
.header_cart_price {
	font-size: 12px;
	margin:0 0 5px;
}
.header_cart_price_tax {
	font-size: 12px;
}
.header_cart_color {
	font-size: 12px;
	margin:0 0 5px;
}
.header_cart_size {
	font-size: 12px;
	margin:0 0 5px;
}
.header_total_price {
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.header_total_amount {
	display: inline-block;
	font-size: 18px;
	margin-left: 15px;
}
.header_cart_btn {
	background: #fff;
}
.button_header_cart {
	display: block;
	color: #fff;
	font-size: 13px;
	text-align: center;
	background-color: #000;
	border-radius: 3px;
	padding: 15px 5px;
	border: 1px solid #000;
}
.button_header_cart:hover {
	color: #fff;
}