@charset "UTF-8";
/*================================================
THE NORTH FACE専用CSS
================================================*/
@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Sans+KR');
@import url('https://use.typekit.net/qwq7qtf.css');
body {
	line-height: 1.5;
	font-size: 12px;
	-webkit-text-size-adjust: 100%;
}
/* font-style */
a, body, html, input, li, select, table, td, textarea, th {
	font-family: neue-haas-grotesk-display, Helvetica, Arial, Noto Sans JP, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, Yu Gothic, メイリオ, Meiryo, Avenir Next, Avenir, sans-serif !important
}
body {
	color: #151515;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	letter-spacing: .035em
}
.header{
	background: #fff;
}
.header-logo {
	position: absolute;
	width: 140px;
	top: 15px;
	left: 0px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	margin: auto;
	line-height: 1.0;
	z-index: 10002;
}
.header-wrap.fixed {
	z-index: 10001;
}
.header-wrap.fixed .header-logo {
    width: 75px;
    top: 6px;
}
.header-logo img {
    width: 70%;
}

.nav-contents.open{
    background: #000;
  }
.nav-contents > .inner{
    margin-top: 15px;
}
.nav-inner-menu a {
color: #fff !important;
font-size: 13px;

-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.nav-inner-menu a:hover {
    opacity: .7;
}
.nav-inner-menu strong {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    font-weight: bold;
}
.col-3,.col-2{
	display: flex;
}
.col-3 > li{
width: 33.33333333%;
}
.col-2 > li{
width: 50%;
}
.col-1{
	text-align: center;
}
.col-1 > li{
	width: 100%;
}
.nav-inner-menu li {
    padding: 0 0 0 10px;
}
.col-1 .nav-inner-menu li strong{
	font-size: 15px;
	display: block;
}

#footer {
	padding-top: 0;
    background: #141414 !important;
	color: #898f9a;
}

@media screen and (max-width: 1000px) {
	.page-title {
		margin-left: -10px;
	}
	.page-title span {
		margin-left: -17px;
	}
}

@media (max-width: 768px) {
}

.cart_data_btn a.addCart, .cart_data_btn a.reserve,.button_cart.cart_in, .button_cart.reserve, .button_cart.dummy_cart,.cart_size_radio:checked + .cart_size_label {
	background-color: #000;
}
.header-cart svg path {
    fill:currentColor;
}

.header-btn-list-item:first-of-type .nav-contents-list {
	flex-wrap: nowrap;
}

.nav-contents > .inner {
	max-width: auto;
	width: auto;
	overflow: visible;
}

@media screen and (max-width: 720px) {
	.header-logo {
		width: 60px;
		left: 15px;
		
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}
	.fixed-sp .header-logo{
		width: 50px;
		top: 5px;
		
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-ms-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
	}
	#footer .footer-brand-info-btn a{
		color: #898f9a !important;
	}
}