body {
    font-family: 'Work Sans', "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-style: normal;
}

/*--header--*/
.new-header{
	position: relative;
	z-index: 102;
	background: #fff;
}
.new-header .cont, .scroll-on {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
	width: 1200px;
	margin: 0 auto;
}

.new-header .cont .hd-logo, .scroll-on .hd-logo {
	display: flex;
	/*flex-wrap: wrap;*/
	align-items: center;
}
.scroll-on .hd-logo {
	width: 769px;
}


.menu-overlay.is-open {
    cursor: pointer;
    display: block;
    position: fixed;
    height: 100vh;
    width: 100%;
    background: #333;
    opacity: .5;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
}

/*--お知らせ--*/
.new-header .main-notice {
	display: none;
}

/*--//end お知らせ--*/

.new-header .cont .hd-logo .logo-img, .scroll-on .hd-logo .logo-img {
	margin: 0 5px 0 0;
}

.new-header .cont .hd-logo .logo-txt .concept-txt, .scroll-on .hd-logo .logo-txt .concept-txt {
	margin: 0 0 5px 0;
	font-size: 13px;
	font-weight: normal;
}



/*--検索窓--*/

.new-header .cont .search-wrap, .scroll-on .search-wrap {
	width: 255px;
}

input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
    outline: none;
}

.new-header .block-header-search--search-frame, .scroll-on .block-header-search--search-frame {
	position: relative;
	width: 100%;
	height: 30px;
	border-radius: 15px;
	background: #f1f1f1;
}

input[type="text"] {

	width: 100%;
	height: 30px;
	border-radius: 15px;
	background: #f1f1f1;
	border: none;
}



.new-header .block-header-search--search-frame button.block-global-search--submit, .scroll-on .block-header-search--search-frame button.block-global-search--submit {
	position: absolute;
	background: transparent url(../images/svg/ico_serch.svg) no-repeat;
	border: none;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 4px;
	transform: translateY(-50%);
}



.new-header .block-header-search--search-frame .block-global-search--keyword, .scroll-on .block-header-search--search-frame .block-global-search--keyword {
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 20px;
	vertical-align: top;

}


::placeholder{
	font-size: 11px;
	color: #aeaeae;
}





/*--//end 検索窓--*/

.link-list .link-list-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.link-list .link-list-inner > li {
	margin: 0 5px 0 0;
}

.link-list .link-list-inner > li:last-child {
	margin: 0;
}

.link-list .link-list-inner > li a {
	line-height: 0;
	color: #444;
	font-size: 11px;
	border-left: 1px solid;
	padding-left:5px;
}






/*--グローナビカテゴリ--*/
.global-category-menu {
	background: #fff;
	border-bottom:1px solid #e6e4e4;
	position: relative;
	z-index: 101;
}
.global-category-menu .menu-inner {
	width: 1200px;
	margin: 0 auto;
}
.global-category-menu .menu-inner .global-menu-first{
	display: flex;
	justify-content: space-between;
}

.global-category-menu .menu-inner .global-menu-first li a{
	display: block;
	padding: 0 15px 10px 0;
	position: relative;
	cursor: pointer;
	transition: all .5s;
	font-size: 14px;
	text-decoration:none;
}


.global-category-menu .menu-inner .global-menu-first li a::after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	top: 10px;
	border-style: solid;
	border-width: 4px 3px 0 3px;
	border-color: #333333 transparent transparent transparent;

}


.global-category-menu .global-menu-cont{
	display: none;
}


.global-category-menu{
	position: relative;
}
.global-category-menu .global-menu-cont{
	position: absolute;
	height: calc(50vh);
	width: 100%;
	top: 31px;
	bottom: 0;
	left: 0;
	background: #f1f1f1;
	z-index: 10;
	overflow-y:hidden;
	font-size: 13px;
	letter-spacing: 0.01em;
}

.global-category-menu .global-menu-cont.fixed {
	top: 143px;
}


.global-category-menu .menu-cont-inner{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

.global-category-menu .menu-cont-inner .left-list{
	width:20%;
	background: #f1f1f1;
	height: calc(50vh);
	overflow-y: auto;
	padding: 10px 0;
	scrollbar-width: thin;
    scrollbar-color:#a1a1a1;
}

.global-category-menu .menu-cont-inner .left-list a:not(.cate-all){
	display: block;
	padding: 5px 0 5px 10px;
	position: relative;
}

.global-category-menu .menu-cont-inner .left-list a:not(.cate-all):after{
	content: "";
    position: absolute;
    right: 10px;
	top: 50%;
    width: 5px;
    height: 5px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg) translateY(-50%);
}

.global-category-menu .menu-cont-inner .right-list{
	width:80%;
	background: #e4e4e4;
	padding: 20px;
	height: calc(50vh);
	overflow-y: auto;
	scrollbar-width: thin;
    scrollbar-color:#a1a1a1;
}

.global-category-menu .menu-cont-inner .left-list::-webkit-scrollbar,
.global-category-menu .menu-cont-inner .right-list::-webkit-scrollbar,
#shoes .menu-cont-inner::-webkit-scrollbar,
#bag .menu-cont-inner::-webkit-scrollbar {
	width: 5px;
}

.global-category-menu .menu-cont-inner .left-list::-webkit-scrollbar-thumb,
.global-category-menu .menu-cont-inner .right-list::-webkit-scrollbar-thumb,
#shoes .menu-cont-inner::-webkit-scrollbar-thumb,
#bag .menu-cont-inner::-webkit-scrollbar-thumb{
	background-color: #a1a1a1;
	border-radius: 2.5px;
}


.right-list .target-category-frame .target-category-list{
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 0 0;
}

.right-list .target-category-frame .target-category-list > li{
	width: 33.33%;
}

.right-list .target-category-frame .target-category-list > li a{
	display: block;
	padding: 10px;
}

.right-list .target-category-frame .target-category-list > li a:hover{
	background: #eee;
	text-decoration: none;
}









#shoes .menu-cont-inner .target-category-sublist > li a::before,
#bag .menu-cont-inner .target-category-sublist > li a::before{
	right: -4px;
	transform: rotate(90deg) translateX(-4px) translateY(3px);
}

.menu-cont-inner .right-list .search-first-letter{
	display: flex;
	flex-wrap: wrap;
	max-width: 600px;
	justify-content: space-between;
	margin: 0 0 20px 0;
	font-size: 14px;
}

.menu-cont-inner .right-list .alphabet-A{
	font-size: 16px;
}

.menu-cont-inner .right-list .target-brand-list{
	display: flex;
	flex-wrap: wrap;
}

.menu-cont-inner .right-list .target-brand-list li:not(.brand-text-search){
	width: 12.5%;
	max-width: 93px;
	margin: 0 20px 10px 0;
}

.menu-cont-inner .right-list .brand-text-search{
	width: 20%;
}
.menu-cont-inner .right-list .brand-text-search a{
	display: block;
	padding: 10px 20px 10px 10px;
	text-align: left;
}

.menu-cont-inner .right-list .brand-text-search a:hover{
	background: #eee;
	text-decoration: none;
}

.menu-cont-inner .right-list .brand-text-search .brand-ename,
.menu-cont-inner .right-list .brand-text-search .brand-name{
	text-align: left;
}

.menu-cont-inner .right-list .target-brand-list li:nth-child(8n){
	margin: 0 0 10px 0;
}

.menu-cont-inner .right-list .target-brand-list li:not(.brand-text-search) .brand-ename,
.menu-cont-inner .right-list .target-brand-list li:not(.brand-text-search) .brand-name{
	font-size: 12px;
	text-align: center;
}


.global-category-menu .menu-inner .global-menu-first li a.active::after {
    transform: translateY(-45%) rotate(180deg);
}

/*--タブ--*/

.global-category-menu .menu-cont-inner .left-list a.is-active{
	color:#ea0029;
	transition: all 0.2s ease-out;
	background: #e4e4e4;
}

.global-category-menu .menu-cont-inner .left-list a.is-active::after{
	border-top: 1px solid #ea0029;
    border-right: 1px solid #ea0029;
}

.global-category-menu.fixed{
	position: fixed;
	top:0;
	left:0;
	z-index: 999;
	background: #fff;
	width: 100%;
}


.global-category-menu.fixed .global-menu-first{
	padding: 10px 0 0 0;
}

.scroll-on {
	padding: 20px 0;
	width: 1200px;
	margin: 0 auto;
	display: none;
	justify-content: space-between;
	/* border-bottom: 1px solid #e6e4e4; */
	/* background: #f7f7f7; */
}



.scroll-on .logo-img {
	margin: 0 auto;
	padding:0 0 10px;
	text-align: center;
}

.logo-txt {
	padding-left: 10px;
}
.is-show{
	display:block;
}

.global-category-menu .menu-inner .global-menu-first li a.active::before {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #ea0029;
}

.global-menu-first li:last-child a.active::before {
 background: none!important;
}



/*--20220405--*/
.new-header .cont .search-wrap, .scroll-on .search-wrap {
	width: 380px;
}

.link-list .shipping-txt{
	display: flex;
	justify-content: end;
	text-align: right;
	margin-top: 8px;
	/*padding-right: 10px;*/
}
.link-list .shipping-txt img {
	margin: 0 3px 0 0;
	vertical-align: middle;
}
.link-list .shipping-txt span {
	border-bottom: 1px solid #333;
	font-size: 14px;
}

.link-list .shipping-txt li {
    margin: 0 0 0 10px;
}
.link-list .shipping-txt li:nth-child(2) {
	font-size: 14px;
}

.link-list .shipping-txt li a img {
	display: inline-block;
    margin: 0 8px 0 0;
}


.target-category-title a {
	padding:0 0 0 5px;
}
.target-category-title a, .target-category-title {
    color: #ea0029;
    font-size: 14px;
}

.brand-img img {
	padding: 8px;
    background-color: #ffffff;
}

