@charset "UTF-8";

/* ----------------------------------
 Header
---------------------------------- */
#header_line_banner       { height: 30px; background-position: center top; background-repeat: repeat-x; -webkit-background-size: auto 30px; background-size: auto 30px;}
#header_line_banner a     { width: 100%; height: 100%; text-align: center; text-decoration: none; display: block;}
#header_line_banner a img { width: auto; height: 100%; vertical-align: top;}
#header { background: #fff; border: #F0F5F7 1px solid;}
#header .block-header-logo { width: 100%; height: 50px; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center;}
#header .block-header-logo a { display: flex; justify-content: center; align-items: center;}
#header .block-header-logo img { height: 21px; vertical-align: top;}

#header_bottom { width: 100%; height: 60px; background: #fff; box-shadow: 0px 10px 10px 6px rgba(0, 0, 0, 0.3); position: fixed; bottom: 0; left: 0; z-index: 100;}
#header_bottom .block-headernav-item-list { display: flex; justify-content: center; align-items: center;}
#header_bottom .block-headernav-item-list li { width: 20%; height: 60px; font-size: 8px; font-weight: 600; text-align: center; display: flex; justify-content: center; align-items: center;}
#header_bottom .block-headernav-item-list li a { width: 100%; height: 60px; padding: 30px 0 0 0; font-size: 8px; font-weight: 600; text-align: center; text-decoration: none; display: flex; justify-content: center; align-items: center; position: relative;}
#header_bottom #header_menu { width: 100%; height: 60px; padding: 30px 0 0 0; display: flex; justify-content: center; align-items: center; position: relative; box-sizing: border-box; cursor: pointer;}
#header_bottom #header_menu::before { content: ""; width: 20px; height: 2px; position: absolute; top: calc(50% - 14px); left: calc(50% - 10px); background: #0047BA; transition: all 0.3s;}
#header_bottom #header_menu::after  { content: ""; width: 20px; height: 2px; position: absolute; top: calc(50% - 2px); left: calc(50% - 10px); background: #0047BA; transition: all 0.3s;}
#header_bottom #header_menu span    { width: 20px; height: 2px; font-size: 8px; position: absolute; top: calc(50% - 8px); left: calc(50% - 10px); display: block; background: #0047BA;}
#header_bottom #header_menu.active::before { top: calc(50% - 7px); transform: rotate(45deg);}
#header_bottom #header_menu.active::after  { top: calc(50% - 7px); transform: rotate(-45deg);}
#header_bottom #header_menu.active span { display: none;}
#header_bottom #header_search { width: 100%; height: 60px; padding: 30px 0 0 0; background: url("../../img/usr/common/header/ico_search_blue.png") center 15px / 20px auto no-repeat; cursor: pointer; box-sizing: border-box; display: flex; justify-content: center; align-items: center;}
#header_bottom li.block-headernav-bookmark a { background: url("../../img/usr/common/header/ico_bookmark.png") center 15px / 20px auto no-repeat;}
#header_bottom li.block-headernav-login a,
#header_bottom li.block-headernav-mypage a   { background: url("../../img/usr/common/header/ico_login.png") center 15px / 18px auto no-repeat;}
#header_bottom li.block-headernav-cart a     { background: url("../../img/usr/common/header/ico_cart.png") calc(50% - 3px) 15px / 20px auto no-repeat;}
#header_bottom li.block-headernav-cart .block-headernav--cart-count { width: 20px; height: 20px; border-radius: 20px; position: absolute; top: 5px; left: calc(50% + 2px); font-size: 9px; font-weight: 400; color: #fff; text-align: center; line-height: 20px; background: #FF0091; display: none;}

/* ----------------------------------
 Header Menu
---------------------------------- */
.body-fixed  { width: 100%; height: 100%; position: fixed; left: 0;}
.block-search-suggest { z-index: 99990;}
.block-category-tree { border: none;}
.pane-globalnav { background-color: #444; color: #fff;}
#menu_view { width: 100%; height: 100%; padding: 0; position: fixed; top: 0; left: 0; z-index: 99990; background-color: rgba(0,0,0,0.5); font-size: 9px; display: none;}
#menu_view .menu_inner { width: calc(100% - 55px); height: 100%; background: #fff; overflow-y: scroll; transition: all 0.3s ease; -webkit-overflow-scrolling: touch; will-change: transform; position: relative;}
#menu_view #menu_close { width: 55px; height: 100%; background: transparent; position: absolute; top: 0; right: 0; bottom: 0; cursor: pointer;}
#menu_view #menu_close::before,
#menu_view #menu_close::after  { content: ''; width: 20px; border-top: #fff 2px solid; display: block; position: absolute; top: 30px; left: calc(50% - 10px);}
#menu_view #menu_close::before { transform: rotate(45deg);}
#menu_view #menu_close::after  { transform: rotate(135deg);}
#menu_view #search_categorytree_sb { padding: 0 10px;}
#menu_view #search_genretree_sb { padding: 0 10px;}
#menu_view #search_ritsbrandtree_sb { padding: 0 10px;}
#menu_view #other_links { padding: 0 10px;}
#menu_view #other_links .parent { width: 100%; min-height: 50px; padding: 5px 35px 5px 15px; border-bottom: 1px solid #dedede; display: flex; align-items: center; font-size: 12px; font-weight: 600; position: relative; cursor: pointer;}
#menu_view #other_links .parent::before,
#menu_view #other_links .parent::after  { content: ""; width: 12px; height: auto; border-top: #9DA3A6 2px solid; border-right: none; display: block; position: absolute; top: calc(50% - 1px); right: 12px; z-index: 2;}
#menu_view #other_links .parent::before { transition: all 0.4s ease; transform: rotate(90deg);}
#menu_view #other_links .parent.active::before { transform: rotate(0deg);}
#menu_view #other_links .child { display: none;}
#menu_view #other_links .child li a { width: 100%; min-height: 50px; padding: 5px 35px 5px 30px; border-bottom: 1px solid #dedede; display: flex; align-items: center; font-size: 12px; font-weight: 600; text-decoration: none; position: relative;}
#menu_view #other_links .child li a::after { content: ""; width: 8px; height: 8px; border-right: 2px solid #9DA3A6; border-top: 2px solid #9DA3A6; position: absolute; right: 15px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
#menu_view #other_links .link a { width: 100%; min-height: 50px; padding: 5px 35px 5px 15px; border-bottom: 1px solid #dedede; display: flex; align-items: center; font-size: 12px; font-weight: 600; text-decoration: none; position: relative;}
#menu_view #other_links .link a::after { content: ""; width: 8px; height: 8px; border-right: 2px solid #9DA3A6; border-top: 2px solid #9DA3A6; position: absolute; right: 15px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
#menu_view #other_links div[ZetaKey="genre-tree-sp"] .parent + .child ul { display: flex; flex-direction: column;}
#menu_view #other_links div[ZetaKey="genre-tree-sp"] .parent + .child .parent { padding-left: 30px;}
#menu_view #other_links div[ZetaKey="genre-tree-sp"] .parent + .child .parent + .child li a { padding-left: 50px;}
#menu_view #other_links div[ZetaKey="genre-tree-sp"] .qty { margin: 0 0 0 5px; font-size: 10px; font-weight: normal; color: #9DA3A6;}
#menu_view #menu_bottom_sns { padding: 15px 0;}
#menu_view #menu_bottom_sns ul { display: flex; align-items: center; justify-content: center;}
#menu_view #menu_bottom_sns ul li { width: 40px; height: 40px; margin: 0 5px;}

@media screen and(orientation: landscape) {
	#menu_view .menu_inner { max-width: 100%;}
}
.block-header-menu-list--login { text-align: center; padding: 10px; font-weight: bold; font-size: 14px; border-bottom: 1px #ccc solid;}

#menubg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 2000;}
.fade-enter-active,
.fade-leave-active { transition: opacity 0.2s;}
.fade-enter,
.fade-leave-to { opacity: 0;}
.block-goods-list__navi { position: relative;}
.block-goods-list__navi--btn { position: fixed; top: 14px; right: 14px; background: #f3f3f3; width: 36px; height: 36px; border-radius: 50%; z-index: 10; text-align: center; display: flex; justify-content: center; align-items: center; opacity: 0.9; border: 1px solid #dfdfdf; color: #333; font-size: 1.4rem;}
.block-goods-list__navi--menu { width: 100%; height: 100%; top: 100%; border-top: 1px solid #dedede; background: #fff; z-index: 15; transition: 0.4s;}
.block-goods-list__navi--menu::after { content: ""; display: block; height: 65px;}
.block-goods-list__navi.open { overflow: visible;}
.block-goods-list__navi--menulist { margin: 0; padding: 0 0 65px; border: none;}
.block-goods-list__navi--menutitle { width: 100%; padding: 10px; font-size: 12px; color: #999; margin: 0; line-height: 1.4; font-weight: 600;}
.block-goods-list__navi-title { position: relative; text-align: center;}
.block-goods-list__navi-title h2 { font-size: 15px; font-weight: 600; padding-top: 3px;}
.block-goods-list__navi-close { position: absolute; top: -5px; right: 0; padding-top: 10px; width: 35px; height: 30px;}
.block-goods-list__navi-close .action-sheet-icon--material { height: 16px; line-height: 16px; font-size: 20px; width: auto; margin: 0; color: #c7c7cc; float: none;}
.block-goods-list__navi .list { border-bottom: none; background: none;}
.block-goods-list__navi .list-item { font-size: 13px; font-weight: 600; flex-wrap: wrap;}
.block-goods-list__navi .list-item__label { font-size: 13px; font-weight: 600;}
.block-goods-list__navi .list-title { padding: 12px 14px 11px; font-size: 12px; font-weight: 600; color: #1f1f21; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-top: -1px;}
.block-goods-list__navi .list-title-current { margin-left: 14px; font-size: 12px; font-weight: 600;}
.block-goods-list__navi .list-item__top { box-sizing: border-box;}
.block-goods-list__navi .list-item__center { min-height: 50px; padding: 5px 35px 5px 1px; border-bottom: 1px solid #dedede; display: flex; align-items: center; font-size: 12px; font-weight: 600; background: none; -webkit-order: 0; order: 0;}
.block-goods-list__navi .list-item--chevron__right { background: none; font-size: 12px; color: #999; font-weight: 200; padding-right: 36px; z-index: 4; display: none;}
.block-goods-list__navi .arrowclose + .list-item--chevron__right { display: flex;}
.block-goods-list__navi--menulist > li.list-item--chevron { padding-left: 14px;}
.block-goods-list__navi .list-item--expandable { background: none;}
.block-goods-list__navi-slidedown { overflow: hidden; position: relative; width: 100%;}
.block-goods-list__navi .list-item--chevron { position: relative; flex-wrap: wrap;}
.block-goods-list__navi .list-item--chevron span i { float: right; margin: 3px 5px 0 0;}
.block-goods-list__navi .list-item--chevron.arrowdown { border-bottom: none;}
.block-goods-list__navi .list-item--chevron.arrowdown:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 13px; top: 17px;}
.block-goods-list__navi .list-item--chevron.arrowup:before { -webkit-transform: rotate(225deg); transform: rotate(225deg); right: 13px; top: 20px;}
.block-goods-list__navi-slidedown > ul { max-height: 0; transition: max-height 0.8s;}
.block-goods-list__navi-slidedown.open > ul { max-height: 100vh; max-height: 100dvh; border-bottom: none; line-height: 1.5;}
.block-goods-list__navi-slidedown > ul li:last-child { border-bottom: none;}
.block-goods-list__navi.open .block-goods-list__navi-slideside { display: none; z-index: 8; background: #fff; height: auto; overflow: hidden;}
.block-goods-list__navi-slideside h4 { text-align: center; padding: 12px 40px 11px;}
.block-goods-list__navi-slideside .block-goods-list__navi-slideside { z-index: 6;}
.block-goods-list__navi-slideside .block-goods-list__navi-slideside .block-goods-list__navi-slideside { z-index: 7;}
.block-goods-list__navi .list-title-cancel { position: absolute; top: 3px; left: 0; margin: 0; padding: 13px 14px;}
.block-goods-list__navi .arrowclose:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; content: "\f2d7"; right: 16px; top: calc(50% - 9px); color: #c7c7cc; font-size: 18px; border: none; transform: none; z-index: 3;}
.fas { color: #ddd;}
.block-goods-list__navi--side-slide { width: 100%; height: 100vh; height: 100dvh; overflow: scroll; position: fixed; left: 120vw; background: #fff; z-index: 30; transition: 0.4s; top: 0;}
.block-goods-list__navi--side-slide.open { left: 0;}
.block-goods-list__item { padding: 0; margin: 0; display: block;}
.list-item div.list-item__center { position: relative;}
.list-item div.list-item__center .qty { margin: 0 0 0 5px; font-size: 10px; font-weight: normal; color: #9DA3A6;}
.list-item div.list-item__center.level1 .qty { display: none;}
.list-item__center::before { content: ""; width: 8px; height: 8px; border-right: 2px solid #9DA3A6; border-top: 2px solid #9DA3A6; position: absolute; right: 15px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
.list-item--chevron > div.list-item__center:before,
.list-item--chevron > div.list-item__center:after  { content: ""; width: 12px; height: auto; border-top: #9DA3A6 2px solid; border-right: none; display: block; position: absolute; top: calc(50% - 1px); right: 12px; z-index: 2;}
.list-item--chevron > div.list-item__center:before { transition: all 0.4s ease; transform: rotate(90deg);}
.list-item--chevron > div.minus:before { transform: rotate(0deg);}
.list-item__center.level0 { padding-left: 1em;}
.list-item__center.level1 { padding-left: 2em;}
.list-item__center.level2 { padding-left: 3em;}
.list-item__center.level3 { padding-left: 4em;}
.list-item__center.level4 { padding-left: 5em;}

/* ----------------------------------
 ZetaSearch
---------------------------------- */
#search_zeta_header { width: 100%; height: 100%; padding: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 99990;}
#search_zeta_header .search_inner { width: 100%; height: 100%; padding: 0; border: none; overflow-y: scroll; transition: all 0.3s ease; -webkit-overflow-scrolling: touch; will-change: transform; position: relative; background: #fff;}
#search_zeta_filter { width: 100%; height: 100%; padding: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 99990;}
#search_zeta_filter .search_inner { width: 100%; height: 100%; padding: 0; border: none; overflow-y: scroll; transition: all 0.3s ease; -webkit-overflow-scrolling: touch; will-change: transform; position: relative; background: #fff;}

@media screen and(orientation: landscape) {
  #search_zeta_header .menu_inner { max-width: 100%;}
  #search_zeta_filter .menu_inner { max-width: 100%;}
}

.block-global-search-contents { width: 100%; height: calc(100vh - 75px); height: calc(100dvh - 75px); font-size: 13px; background: #fff;}
.block-global-search-contents-header { height: 75px; padding: 0 15px 0 0; background: #E9EEF0; display: flex; justify-content: space-between; align-items: center;}
.block-global-search-contents-header .block-header-search--close button { width: 50px; height: 75px; margin: 0; padding: 15px 5px; border: none; font-size: 0; text-align: center; display: block; background: #E9EEF0 url("../../img/usr/common/header/back_arrow.png") center center / 10px 17px no-repeat; position: relative; cursor: pointer;}
.block-global-search-contents-header .form-heder { width: calc(100% - 50px); height: 35px; padding: 0 5px; border-radius: 35px; background: #fff; display: block;}
.block-global-search-contents-header .form-heder-top { width: 100%; height: 35px; border-radius: 35px; background: #fff; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
.block-global-search-contents-header .block-header-search--keyword { width: calc(100% - 35px); height: 35px; min-height: 35px; padding: 0; margin: 0; border: none !important; border-radius: 35px; font-size: 12px; outline: none; display: flex; align-items: center;}
.block-global-search-contents-header .block-global-search--submit { width: 35px; height: 35px; padding: 0; margin: 0; border: none; outline: none; font-size: 0; display: flex; align-items: center; background: url("../../img/usr/common/header/ico_search.png") center center / 18px 18px no-repeat;}

.block-global-search-contents .layer01 { width: 100%; height: 100%; padding: 0; background: #F0F5F7; position: relative; z-index: 1;}
.block-global-search-contents .layer01 .header { height: 45px; margin: 0 10px; border-bottom: #DFE4E6 1px solid; display: flex; justify-content: space-between; align-items: center;}
.block-global-search-contents .layer01 .header .ttl { font-size: 13px; font-weight: 600;}
.block-global-search-contents .layer01 .header #g_search_history_clear { height: 40px; font-size: 12px; color: #0047BA; display: flex; align-items: center; cursor: pointer;}
.block-global-search-contents #g_search_type { padding: 0 10px; background: #fff;}
.block-global-search-contents #g_search_type ul li { width: 100%; height: 55px; padding: 0 10px; font-size: 13px; font-weight: 600; display: flex; align-items: center; position: relative; cursor: pointer;}
.block-global-search-contents #g_search_type ul li::after { content: ''; width: 8px; height: 8px; border-top: #9DA3A6 1px solid; border-left: #9DA3A6 1px solid; position: absolute; top: calc(50% - 4px); right: 10px; display: block; transform: rotate(135deg);}
.block-global-search-contents #g_search_type ul li + li { border-top: #DFE4E6 1px solid;}
.block-global-search-contents #g_search_history { padding: 10px;}
.block-global-search-contents #g_search_history .history-words-list p { border-bottom: #DFE4E6 1px solid; font-size: 12px;}
.block-global-search-contents #g_search_history .history-words-list p a { width: 100%; height: 45px; padding: 0 10px; font-size: 12px; text-decoration: none; line-height: 45px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; position: relative; cursor: pointer; overflow: hidden;}
.block-global-search-contents #g_search_history .history-words-list p.no-history-data { width: 100%; height: 45px; padding: 0 10px; border-bottom: none; font-size: 12px; line-height: 45px; color: #9DA3A6;}
.block-global-search-contents #g_search_trend { padding: 15px 10px;}
.block-global-search-contents #g_search_trend .trend-keywords-list-wrap { height: 56px; padding: 15px 10px 0; overflow: hidden;}
.block-global-search-contents #g_search_trend .trend-keywords-list { display: flex; flex-wrap: wrap;}
.block-global-search-contents #g_search_trend .trend-keywords-list li { margin: 0 10px 5px 0; font-size: 12px;}
.block-global-search-contents #g_search_trend .trend-keywords-list a  { font-size: 12px; color: #0047BA;}

#ZetaSerchKeyword_header .keyword-layer { width: 100%; height: 100%; padding: 0 10px; background: #fff; box-sizing: border-box; display: none; position: absolute; top: 0; left: 0; z-index: -1;}
#ZetaSerchKeyword_header.layer-active .keyword-layer { height: calc(100% - 75px); top: 75px; display: block; z-index: 3;}
.keyword-layer-contats-box .all-list-header { width: 100%; height: 55px; margin: 0; display: flex; justify-content: center; align-items: center;}
.keyword-layer-contats-box .all-list-header .ttl { font-size: 12px;}
.keyword-layer-contats-box .all-list-header .ttl::after { content: ':'; margin: 0 5px;}
.keyword-layer-contats-box .all-list-header .all-search-header-qty { font-size: 14px; font-weight: 600;}
.keyword-layer-contats-box .all-list-header .all-search-header-qty::after { content: '件'; margin: 0 10px 0 5px; font-size: 12px; font-weight: 400;}
.keyword-layer-contats-box .all-list-contents { width: 100%; border-top: #DFE4E6 1px solid; display: flex; flex-direction: column;}
.keyword-layer-contats-box .all-list-contents .list:not(.with-sub) a { width: 100%; height: 55px; padding: 0 10px; font-size: 12px; text-decoration: none; line-height: 55px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; position: relative; overflow: hidden;}
.keyword-layer-contats-box .all-list-contents .list { order: 1; border-bottom: #DFE4E6 1px solid;}
.keyword-layer-contats-box .all-list-contents .list.with-sub { order: 2;}
.keyword-layer-contats-box .all-list-contents .list.with-sub a { width: 100%; height: 50px; padding: 0 10px; display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.keyword-layer-contats-box .all-list-contents .list .name  { width: 60%; font-size: 12px; line-height: 50px; word-break: keep-all; white-space: nowrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.keyword-layer-contats-box .all-list-contents .list .cate  { width: 40%; font-size: 10px; line-height: 50px; word-break: keep-all; white-space: nowrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: right; color: #9DA3A6;}

.block-global-search-contents .layer02 { width: 100%; height: 100%; padding: 0 10px; background: #fff; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: -1;}
.block-global-search-contents .layer02 .type-header { width: calc(100% + 20px); height: 55px; padding: 0 10px 0 50px; margin: 0 -10px; display: flex; align-items: center; position: relative; cursor: pointer;  background: #E9EEF0 url("../../img/usr/common/header/back_arrow.png") 20px center / 10px 17px no-repeat;}
.block-global-search-contents .layer02 .type-header .ttl { font-size: 13px; font-weight: 600; color: #0047BA;}
.block-global-search-contents .layer02 .layer02-contats-box-inner { max-height: calc(100vh - 155px); max-height: calc(100dvh - 155px); padding-bottom: 40px; overflow-x: hidden; overflow-y: scroll;}
#search_zeta_header[mode="category"] .block-global-search-contents .layer02 .layer02-contats-box-inner { max-height: calc(100vh - 55px); max-height: calc(100dvh - 55px); padding-bottom: 100px;}

#search_zeta_filter .block-global-search-contents .layer02 .layer02-contats-box[type="pickup"] .type-header { background: #E9EEF0;}
#search_zeta_filter .block-global-search-contents .layer02 .layer02-contats-box[type="pickup"] .type-header::before,
#search_zeta_filter .block-global-search-contents .layer02 .layer02-contats-box[type="pickup"] .type-header::after  { content: ''; width: 25px; border: #9DA3A6 2px solid; display: block; position: absolute; top: 25px; left: 15px;}
#search_zeta_filter .block-global-search-contents .layer02 .layer02-contats-box[type="pickup"] .type-header::before { transform: rotate(45deg);}
#search_zeta_filter .block-global-search-contents .layer02 .layer02-contats-box[type="pickup"] .type-header::after  { transform: rotate(135deg);}

.block-global-search-contents .layer02 .sort-header { margin: 0 0 10px 0; font-size: 13px; font-weight: 600; color: #0047BA;}
.block-global-search-contents .layer02 .type-header-for-link { width: 100%; height: 55px; padding: 0 30px 0 10px; border-bottom: #DFE4E6 1px solid; display: flex; justify-content: space-between; align-items: center; position: relative;}
.block-global-search-contents .layer02 .type-header-for-link .ttl { width: 100px; font-size: 13px; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.block-global-search-contents .layer02 .type-header-for-link p[class*="selected"] { width: calc(100% - 100px); font-size: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align: right; color: #9DA3A6;}
.block-global-search-contents .layer02 .type-header-for-link::after { content: ''; width: 8px; height: 8px; border-top: #9DA3A6 1px solid; border-left: #9DA3A6 1px solid; position: absolute; top: calc(50% - 4px); right: 10px; display: block; transform: rotate(135deg);}

.block-global-search-contents .layer02 .g-search-keyword input { width: 100%; height: 35px; min-height: 35px; margin: 0 0 5px 0; border: #E9EEF0 1px solid; border-radius: 35px; outline: none; background: #fff; display: flex; align-items: center;}

.block-global-search-contents .layer02 .g-search-sort-frame { padding: 15px 10px 10px; margin: 0; border-bottom: #dedede 1px solid;}
.block-global-search-contents .layer02 .g-search-price-range .contents-box { padding: 0 0 15px 0; margin: 0;}
.block-global-search-contents .layer02 .g-search-price-range .noUi-target { height: 2px; border: none; box-shadow: none; background: #DFE4E6;}
.block-global-search-contents .layer02 .g-search-price-range .noUi-target .noUi-connect { background: #9DA3A6;}
.block-global-search-contents .layer02 .g-search-price-range .noUi-handle { width: 28px; border: none; box-shadow: none; background: none; top: -13px;}
.block-global-search-contents .layer02 .g-search-price-range .noUi-handle::before { width: 10px; height: 10px; border-radius: 10px; display: block; background: #0047BA; left: calc(50% - 5px); top: calc(50% - 5px);}
.block-global-search-contents .layer02 .g-search-price-range .noUi-handle::after { display: none;}
.block-global-search-contents .layer02 .g-search-price-range .range-slider-input-wrap { padding: 0 10px 10px; display: flex; justify-content: center; align-items: center;}
.block-global-search-contents .layer02 .g-search-price-range .range-slider-input-wrap > div { display: flex; justify-content: center; align-items: center; position: relative;}
.block-global-search-contents .layer02 .g-search-price-range .range-slider-input-wrap .range-slider-input-min::before,
.block-global-search-contents .layer02 .g-search-price-range .range-slider-input-wrap .range-slider-input-max::before { content: '￥'; line-height: 1.0; display: block;}
.block-global-search-contents .layer02 .g-search-price-range .range-slider-input-wrap .range-slider-input-min { width: 45%; text-align: center;}
.block-global-search-contents .layer02 .g-search-price-range .range-slider-input-wrap .range-slider-input-and { width: 10%; text-align: center;}
.block-global-search-contents .layer02 .g-search-price-range .range-slider-input-wrap .range-slider-input-max { width: 45%; text-align: center;}
.block-global-search-contents .layer02 .g-search-price-range.not-min .range-slider-input-wrap .range-slider-input-min { font-size: 0;}
.block-global-search-contents .layer02 .g-search-price-range.not-min .range-slider-input-wrap .range-slider-input-min::before { content: '下限なし'; font-size: 14px;}
.block-global-search-contents .layer02 .g-search-price-range.not-limit .range-slider-input-wrap .range-slider-input-max { font-size: 0;}
.block-global-search-contents .layer02 .g-search-price-range.not-limit .range-slider-input-wrap .range-slider-input-max::before { content: '上限なし'; font-size: 14px;}

.block-global-search-contents .layer02 .g-search-sort-items { display: flex; flex-wrap: wrap;}
.block-global-search-contents .layer02 .g-search-sort-items li { margin: 0 10px 10px 0; font-size: 13px;}
.block-global-search-contents .layer02 .g-search-sort-items input[type="checkbox"] { width: 14px; height: 14px; border-radius: 14px;}
.block-global-search-contents .layer02 .g-search-sort-items input[type="checkbox"]:checked:before { content: ""; width: 7px; height: 5px; margin: 0; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(135deg); position: absolute; left: calc(50% - 3.5px); top: calc(50% - 4px); display: block;}

.block-global-search-contents .layer02-contats-box-bottom { width: 100%; height: 80px; padding: 0 20px; position: absolute; bottom: 20px; left: 0;}
.block-global-search-contents .layer02-contats-box-bottom .header { width: 100%; height: 30px; margin: 0 0 10px 0; display: flex; justify-content: center; align-items: center;}
.block-global-search-contents .layer02-contats-box-bottom .ttl { font-size: 14px;}
.block-global-search-contents .layer02-contats-box-bottom .ttl::after { content: ':'; margin: 0 5px;}
.block-global-search-contents .layer02-contats-box-bottom .search-result-qty { font-size: 18px; font-weight: 600;}
.block-global-search-contents .layer02-contats-box-bottom .search-result-qty::after { content: '件'; margin: 0 10px 0 5px; font-size: 14px; font-weight: 400;}
.block-global-search-contents .layer02-contats-box-bottom .submit-buttons { display: flex; justify-content: space-between; align-items: center;}
.block-global-search-contents .layer02-contats-box-bottom .btn-search { width: calc(100% - 80px); height: 40px; padding: 0 10px 0 0; border: none; border-radius: 40px; font-size: 13px; font-weight: 600; color: #fff; background: #0047BA; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.block-global-search-contents .layer02-contats-box-bottom .btn-search:disabled { background: #C4CBCF; cursor: not-allowed;}
.block-global-search-contents .layer02-contats-box-bottom .btn-search::before { content: ''; width: 13px; height: 13px; margin: 0 10px 0 0; display: inline-block; background: url("../../img/usr/common/header/ico_search_white.png") center center / 13px 13px no-repeat;}
.block-global-search-contents .layer02-contats-box-bottom .btn-all-clear { width: 70px; height: 40px; padding: 0; border: #DFE4E6 2px solid; border-radius: 40px; font-size: 13px; font-weight: 600; color: #9DA3A6; background: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer;}

.block-global-search-contents .parts-submit-buttons { width: 100%; padding: 0 20px; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 20px; left: 0; z-index: 99999;}
.block-global-search-contents .parts-submit-buttons .select-back { width: calc(100% - 80px); height: 40px; padding: 0; border: #0047BA 2px solid; border-radius: 40px; font-size: 13px; font-weight: 600; letter-spacing: 0.2em; color: #0047BA; background: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.block-global-search-contents .parts-submit-buttons .select-clear { width: 70px; height: 40px; padding: 0; border: #DFE4E6 2px solid; border-radius: 40px; font-size: 13px; font-weight: 600; color: #9DA3A6; background: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer;}

#search_zeta_header .block-global-search-contents .layer02-contats-box,
#search_zeta_header .block-global-search-contents .layer02-contats-box-bottom { 
	display: none;
}
#search_zeta_header[mode="brand"] .block-global-search-contents .layer02 .layer02-contats-box-inner { max-height: calc(100vh - 170px); max-height: calc(100dvh - 170px);} 
#search_zeta_header[mode="brand"] .block-mode-brand-search { height: 75px; margin: 0 -10px 20px; background: #E9EEF0; display: flex; align-items: center; position: relative;}
#search_zeta_header[mode="brand"] .block-mode-brand-search::before { content: ''; width: calc(100% - 20px); border: #DFE4E6 1px solid; display: block; position: absolute; top: 0; left: 10px;}
#search_zeta_header[mode="brand"] .block-mode-brand-search-form { width: calc(100% - 20px); height: 35px; padding: 0 5px; margin: 0 auto; border-radius: 35px; background: #fff; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
#search_zeta_header[mode="brand"] .block-mode-brand-search-form input { width: calc(100% - 35px); height: 35px; min-height: 35px; padding: 0; margin: 0; border-radius: 35px; font-size: 12px; border: none; outline: none; display: flex; align-items: center;}
#search_zeta_header[mode="brand"] .block-mode-brand-search-form button { width: 35px; height: 35px; padding: 0; margin: 0; border: none; outline: none; font-size: 0; display: flex; align-items: center; background: url("../../img/usr/common/header/ico_search.png") center center / 18px 18px no-repeat;}

#search_zeta_header[mode="character"] .block-global-search-contents .layer02 .layer02-contats-box-inner { max-height: calc(100vh - 170px); max-height: calc(100dvh - 170px);} 
#search_zeta_header[mode="character"] .block-mode-brand-search { height: 75px; margin: 0 -10px 20px; background: #E9EEF0; display: flex; align-items: center; position: relative;}
#search_zeta_header[mode="character"] .block-mode-brand-search::before { content: ''; width: calc(100% - 20px); border: #DFE4E6 1px solid; display: block; position: absolute; top: 0; left: 10px;}
#search_zeta_header[mode="character"] .block-mode-brand-search-form { width: calc(100% - 20px); height: 35px; padding: 0 5px; margin: 0 auto; border-radius: 35px; background: #fff; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
#search_zeta_header[mode="character"] .block-mode-brand-search-form input { width: calc(100% - 35px); height: 35px; min-height: 35px; padding: 0; margin: 0; border-radius: 35px; font-size: 12px; border: none; outline: none; display: flex; align-items: center;}
#search_zeta_header[mode="character"] .block-mode-brand-search-form button { width: 35px; height: 35px; padding: 0; margin: 0; border: none; outline: none; font-size: 0; display: flex; align-items: center; background: url("../../img/usr/common/header/ico_search.png") center center / 18px 18px no-repeat;}

#search_zeta_header[mode="pickup"] .block-global-search-contents .layer02 .layer02-contats-box-inner { max-height: calc(100vh - 260px); max-height: calc(100dvh - 260px);} 
#search_zeta_header[mode="pickup"] .block-mode-pickup-search { height: 100px; padding: 25px 0 0 0; border-bottom: #DFE4E6 1px solid; background: #FFF; display: flex; align-items: center; position: relative;}
#search_zeta_header[mode="pickup"] .block-mode-pickup-search::before { content: 'キーワード'; font-size: 13px; font-weight: 600; position: absolute; left: 10px; top: 15px;}
#search_zeta_header[mode="pickup"] .block-mode-pickup-search-form { width: calc(100% - 20px); height: 37px; padding: 0 5px; margin: 0 auto; border: #DFE4E6 1px solid; border-radius: 35px; background: #fff; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
#search_zeta_header[mode="pickup"] .block-mode-pickup-search-form input { width: calc(100% - 35px); height: 35px; min-height: 35px; padding: 0; margin: 0; border-radius: 35px; font-size: 12px; border: none; outline: none; display: flex; align-items: center;}
#search_zeta_header[mode="pickup"] .block-mode-pickup-search-form button { width: 35px; height: 35px; padding: 0; margin: 0; border: none; outline: none; font-size: 0; display: flex; align-items: center; background: url("../../img/usr/common/header/ico_search.png") center center / 18px 18px no-repeat;}

#search_zeta_header[mode="category"] .layer02,
#search_zeta_header[mode="brand"] .layer02,
#search_zeta_header[mode="character"] .layer02,
#search_zeta_header[mode="pickup"] .layer02,
#search_zeta_header[mode="pickup-category"] .layer02,
#search_zeta_header[mode="pickup-brand"] .layer02,
#search_zeta_header[mode="pickup-character"] .layer02 { animation: MenuslideinRight 0.3s ease 0s; z-index: 2;}
#search_zeta_header[mode="category"] .layer02-contats-box[type="category"],
#search_zeta_header[mode="brand"] .layer02-contats-box[type="brand"],
#search_zeta_header[mode="character"] .layer02-contats-box[type="character"],
#search_zeta_header[mode="pickup"] .layer02-contats-box[type="pickup"],
#search_zeta_header[mode="pickup"] .layer02-contats-box-bottom,
#search_zeta_header[mode="pickup-category"] .layer02-contats-box[type="pickup-category"],
#search_zeta_header[mode="pickup-category"] .layer02-contats-box-bottom,
#search_zeta_header[mode="pickup-brand"] .layer02-contats-box[type="pickup-brand"],
#search_zeta_header[mode="pickup-brand"] .layer02-contats-box-bottom,
#search_zeta_header[mode="pickup-character"] .layer02-contats-box[type="pickup-character"],
#search_zeta_header[mode="pickup-character"] .layer02-contats-box-bottom { 
	display: block;
}
#search_zeta_header[mode="brand"] .layer02-contats-box[type="brand"] .layer02-contats-box-bottom,
#search_zeta_header[mode="character"] .layer02-contats-box[type="character"] .layer02-contats-box-bottom {
	display: block;
}

#search_zeta_filter .block-global-search-contents .layer02-contats-box,
#search_zeta_filter .block-global-search-contents .layer02-contats-box-bottom { 
	display: none;
}
#search_zeta_filter[mode="pickup"] .block-global-search-contents .layer02 .layer02-contats-box-inner { max-height: calc(100vh - 260px); max-height: calc(100dvh - 260px);} 
#search_zeta_filter[mode="pickup"] .layer02,
#search_zeta_filter[mode="pickup-category"] .layer02,
#search_zeta_filter[mode="pickup-brand"] .layer02,
#search_zeta_filter[mode="pickup-character"] .layer02 { animation: MenuslideinRight 0.3s ease 0s; z-index: 2;}
#search_zeta_filter[mode="pickup"] .layer02-contats-box[type="pickup"],
#search_zeta_filter[mode="pickup"] .layer02-contats-box-bottom,
#search_zeta_filter[mode="pickup-category"] .layer02-contats-box[type="pickup-category"],
#search_zeta_filter[mode="pickup-category"] .layer02-contats-box-bottom,
#search_zeta_filter[mode="pickup-brand"] .layer02-contats-box[type="pickup-brand"],
#search_zeta_filter[mode="pickup-brand"] .layer02-contats-box-bottom,
#search_zeta_filter[mode="pickup-character"] .layer02-contats-box[type="pickup-character"],
#search_zeta_filter[mode="pickup-character"] .layer02-contats-box-bottom { 
	display: block;
}

@keyframes MenuslideinRight {
  0%   { transform: translateX(50px);}
  100% { transform: translateX(0);}
}

/* ----------------------------------
 ZetaTree
---------------------------------- */
div[ZetaKey="genre-tree"] .zeta-genre-tree-list { display: flex; flex-direction: column;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list .zeta-genre-tree-item { padding: 0; margin: 0; border: none;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list .zeta-genre-tree-item .parent { width: 100%; min-height: 48px; padding: 5px 35px 5px 15px; border: none; border-bottom: #DFE4E6 1px solid; text-decoration: none; display: flex; align-items: center; position: relative; cursor: pointer;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list .zeta-genre-tree-item .parent::after { content: ''; width: 8px; height: 8px; border-top: #9DA3A6 1px solid; border-left: #9DA3A6 1px solid; position: absolute; top: calc(50% - 4px); right: 10px; display: block; transform: rotate(135deg);}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list .zeta-genre-tree-item.active .parent { padding: 5px 35px 5px 40px; background: url("../../img/usr/common/header/back_arrow.png") 10px center / 10px 17px no-repeat;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list .zeta-genre-tree-item.active .parent::after { display: none;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list .zeta-genre-tree-item a { width: 100%; min-height: 48px; padding: 5px 35px 5px 15px; text-decoration: none; display: flex; align-items: center; position: relative;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list .zeta-genre-tree-item a::after { content: ''; width: 8px; height: 8px; border-top: #9DA3A6 1px solid; border-left: #9DA3A6 1px solid; position: absolute; top: calc(50% - 4px); right: 10px; display: block; transform: rotate(135deg);}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list .zeta-genre-tree-item span.name { font-size: 13px; font-weight: 600; word-break: break-all; white-space: wrap;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list .zeta-genre-tree-item span.qty  { margin: 0 0 0 5px; font-size: 10px; font-weight: 400; color: #9DA3A6; word-break: keep-all; white-space: nowrap;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list .zeta-genre-tree-child-wrap { display: none;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list .zeta-genre-tree-child { display: flex; flex-direction: column;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list.active .zeta-genre-tree-item.layer1:not(.active) { display: none;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list.active .zeta-genre-tree-item.layer2 { border-bottom: #DFE4E6 1px solid;}
div[ZetaKey="genre-tree"] .zeta-genre-tree-list.active .zeta-genre-tree-item.active .zeta-genre-tree-child-wrap { display: block;}

div[ZetaKey="brand-tree"] .zeta-brand-tree-list .zeta-brand-tree-item { padding: 0; margin: 0; border: none; border-bottom: #DFE4E6 1px solid;}
div[ZetaKey="brand-tree"] .zeta-brand-tree-list .zeta-brand-tree-item a { width: 100%; min-height: 48px; padding: 5px 35px 5px 15px; text-decoration: none; display: flex; align-items: center; position: relative;}
div[ZetaKey="brand-tree"] .zeta-brand-tree-list .zeta-brand-tree-item a::after { content: ''; width: 8px; height: 8px; border-top: #9DA3A6 1px solid; border-left: #9DA3A6 1px solid; position: absolute; top: calc(50% - 4px); right: 10px; display: block; transform: rotate(135deg);}
div[ZetaKey="brand-tree"] .zeta-brand-tree-list .zeta-brand-tree-item span.name { font-size: 13px; font-weight: 600; word-break: break-all; white-space: wrap;}
div[ZetaKey="brand-tree"] .zeta-brand-tree-list .zeta-brand-tree-item span.qty  { margin: 0 0 0 5px; font-size: 10px; font-weight: 400; color: #9DA3A6; word-break: keep-all; white-space: nowrap;}
div[ZetaKey="brand-tree"] .zeta-brand-tree-list .zeta-brand-tree-item span.ruby { font-size: 10px; color: #9DA3A6; line-height: 1.2; word-break: break-all; white-space: wrap; display: block;}

/* ----------------------------------
 ZetaCheckbox
---------------------------------- */
div[ZetaKey="genre-select"] .zeta-genre-select-list { padding: 0; margin: 0; display: flex; flex-direction: column;}
div[ZetaKey="genre-select"] .zeta-genre-select-item { padding: 0; margin: 0; border: none;}
div[ZetaKey="genre-select"] .zeta-genre-select-item .parent { width: 100%; min-height: 55px; padding: 5px 35px 5px 15px; border: none; border-bottom: #DFE4E6 1px solid; font-size: 13px; font-weight: bold; text-decoration: none; display: flex; align-items: center; position: relative; cursor: pointer;}
div[ZetaKey="genre-select"] .zeta-genre-select-item .parent::after { content: ''; width: 8px; height: 8px; border-top: #9DA3A6 1px solid; border-left: #9DA3A6 1px solid; position: absolute; top: calc(50% - 4px); right: 10px; display: block; transform: rotate(135deg);}
div[ZetaKey="genre-select"] .zeta-genre-select-item.active .parent { padding: 5px 35px 5px 40px; background: url("../../img/usr/common/header/back_arrow.png") 10px center / 10px 17px no-repeat;}
div[ZetaKey="genre-select"] .zeta-genre-select-item.active .parent::after { display: none;}
div[ZetaKey="genre-select"] .zeta-genre-select-item input[type="radio"] { width: 20px; height: 20px; border-radius: 20px; position: absolute; left: 5px; top: calc(50% - 11px);}
div[ZetaKey="genre-select"] .zeta-genre-select-item label { width: 100%; min-height: 55px; padding: 5px 10px 5px 35px; margin: 0; font-size: 13px; display: flex; align-items: center; position: relative;}
div[ZetaKey="genre-select"] .zeta-genre-select-item label span.name { font-size: 13px; font-weight: 600; display: flex; align-items: center; word-break: break-all; white-space: wrap;}
div[ZetaKey="genre-select"] .zeta-genre-select-item label span.qty { margin: 0 0 0 5px; font-size: 10px; font-weight: 400; color: #9DA3A6; word-break: keep-all; white-space: nowrap;}
div[ZetaKey="genre-select"] .zeta-genre-select-list .zeta-genre-select-child-wrap { display: none;}
div[ZetaKey="genre-select"] .zeta-genre-select-list .zeta-genre-select-child { display: flex; flex-direction: column;}
div[ZetaKey="genre-select"] .zeta-genre-select-list.active .zeta-genre-select-item.layer1:not(.active) { display: none;}
div[ZetaKey="genre-select"] .zeta-genre-select-list.active .zeta-genre-select-item.layer2 { border-bottom: #DFE4E6 1px solid;}
div[ZetaKey="genre-select"] .zeta-genre-select-list.active .zeta-genre-select-item.active .zeta-genre-select-child-wrap { display: block;}

div[ZetaKey="brand-checkbox"] .zeta-brand-selected-items { border-bottom: #DFE4E6 1px solid; display: flex; flex-wrap: wrap;}
div[ZetaKey="brand-checkbox"] .zeta-brand-selected-items .delete { max-width: 140px; height: 35px; padding: 0 40px 0 10px; margin: 0 5px 5px 0; border-radius: 35px; line-height: 35px; background: #F0F5F7 url("../../img/usr/common/icon_delete.png") calc(100% - 12px) center / 19px 19px no-repeat; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; position: relative; overflow: hidden; cursor: pointer;}
div[ZetaKey="brand-checkbox"] .zeta-brand-checkbox-list { padding: 0; margin: 0;}
div[ZetaKey="brand-checkbox"] .zeta-brand-checkbox-item { padding: 0; margin: 0; border: none; border-bottom: #DFE4E6 1px solid;}
div[ZetaKey="brand-checkbox"] .zeta-brand-checkbox-item input[type="checkbox"] { border-radius: 20px; position: absolute; left: 5px; top: calc(50% - 11px);}
div[ZetaKey="brand-checkbox"] .zeta-brand-checkbox-item label { width: 100%; min-height: 55px; padding: 5px 10px 5px 35px; margin: 0; font-size: 13px; display: flex; align-items: center; position: relative;}
div[ZetaKey="brand-checkbox"] .zeta-brand-checkbox-item label .brand { display: flex; flex-wrap: wrap; align-items: center;}
div[ZetaKey="brand-checkbox"] .zeta-brand-checkbox-item label span.name { font-size: 13px; font-weight: 600; display: flex; align-items: center; word-break: break-all; white-space: wrap;}
div[ZetaKey="brand-checkbox"] .zeta-brand-checkbox-item label span.qty  { margin: 0 0 0 5px; font-size: 10px; font-weight: 400; color: #9DA3A6; word-break: keep-all; white-space: nowrap;}
div[ZetaKey="brand-checkbox"] .zeta-brand-checkbox-item label span.ruby { width: 100%; font-size: 10px; color: #9DA3A6; line-height: 1.2; word-break: break-all; white-space: wrap;}
div[ZetaKey="brand-checkbox"] .zeta-brand-selected-items { padding: 10px 0; margin: 0 10px; border-bottom: #DFE4E6 1px solid; display: flex; flex-wrap: wrap;}
div[ZetaKey="brand-checkbox"] .zeta-brand-selected-items .delete { max-width: 280px; height: 35px; padding: 0 40px 0 10px; margin: 0 5px 5px 0; border-radius: 35px; line-height: 35px; background: #F0F5F7 url("../../img/usr/common/icon_delete.png") calc(100% - 12px) center / 19px 19px no-repeat; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; position: relative; overflow: hidden; cursor: pointer; pointer-events: auto;}
div[ZetaKey="character-checkbox"] .zeta-brand-selected-items { border-bottom: #DFE4E6 1px solid; display: flex; flex-wrap: wrap;}
div[ZetaKey="character-checkbox"] .zeta-brand-selected-items .delete { max-width: 140px; height: 35px; padding: 0 40px 0 10px; margin: 0 5px 5px 0; border-radius: 35px; line-height: 35px; background: #F0F5F7 url("../../img/usr/common/icon_delete.png") calc(100% - 12px) center / 19px 19px no-repeat; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; position: relative; overflow: hidden; cursor: pointer;}
div[ZetaKey="character-checkbox"] .zeta-brand-checkbox-list { padding: 0; margin: 0;}
div[ZetaKey="character-checkbox"] .zeta-brand-checkbox-item { padding: 0; margin: 0; border: none; border-bottom: #DFE4E6 1px solid;}
div[ZetaKey="character-checkbox"] .zeta-brand-checkbox-item input[type="checkbox"] { border-radius: 20px; position: absolute; left: 5px; top: calc(50% - 11px);}
div[ZetaKey="character-checkbox"] .zeta-brand-checkbox-item label { width: 100%; min-height: 55px; padding: 5px 10px 5px 35px; margin: 0; font-size: 13px; display: flex; align-items: center; position: relative;}
div[ZetaKey="character-checkbox"] .zeta-brand-checkbox-item label .brand { display: flex; flex-wrap: wrap; align-items: center;}
div[ZetaKey="character-checkbox"] .zeta-brand-checkbox-item label span.name { font-size: 13px; font-weight: 600; display: flex; align-items: center; word-break: break-all; white-space: wrap;}
div[ZetaKey="character-checkbox"] .zeta-brand-checkbox-item label span.qty  { margin: 0 0 0 5px; font-size: 10px; font-weight: 400; color: #9DA3A6; word-break: keep-all; white-space: nowrap;}
div[ZetaKey="character-checkbox"] .zeta-brand-checkbox-item label span.ruby { width: 100%; font-size: 10px; color: #9DA3A6; line-height: 1.2; word-break: break-all; white-space: wrap;}
div[ZetaKey="character-checkbox"] .zeta-brand-selected-items { padding: 10px 0; margin: 0 10px; border-bottom: #DFE4E6 1px solid; display: flex; flex-wrap: wrap;}
div[ZetaKey="character-checkbox"] .zeta-brand-selected-items .delete { max-width: 280px; height: 35px; padding: 0 40px 0 10px; margin: 0 5px 5px 0; border-radius: 35px; line-height: 35px; background: #F0F5F7 url("../../img/usr/common/icon_delete.png") calc(100% - 12px) center / 19px 19px no-repeat; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; position: relative; overflow: hidden; cursor: pointer; pointer-events: auto;}
.zeta-brand-selected-items-clear { width: 100%; height: 30px; margin: 10px 0 0 0; font-size: 12px; color: #0047BA; display: flex; justify-content: center; align-items: center; cursor: pointer;}

/* ----------------------------------
 Footer
---------------------------------- */
footer .block-switcher   { display: none !important;}
footer .block-page-top   { position: fixed; top: auto; bottom: 65px; right: 5px; display: none; z-index: 100;}
footer .block-page-top a { width: 35px; height: 35px; border-radius: 35px; background: rgba(157,163,166,0.9); position: relative; display: flex; justify-content: center; align-items: center;}
footer .block-page-top a:after { content: ""; width: 11px; height: 9px; display: block; background: url("../../img/usr/common/icon/ico_page_top.png") center center no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}
.page-method footer .block-page-top { bottom: 74px;}

footer #footer_inner { padding-bottom: 60px;}
footer #footer_inner.order-footer { padding: 0; margin-top: 60px;}
#footer_top                 { padding: 0 10px; margin-top: 40px; background: #fff; position: relative;}
#footer_top::before         { content: ''; width: calc(100% - 20px); height: 1px; background: #DFE4E6; display: block; position: absolute; left: 10px; top: 0;}
#footer_top .ttl            { width: 100%; height: 50px; padding: 0 10px; border-bottom: #DFE4E6 1px solid; font-size: 13px; font-weight: bold; line-height: 1.2; color: #15181C; display: flex; align-items: center; position: relative; cursor: pointer;}
#footer_top .ttl::before    { content: ''; width: 12px; border-top: #9DA3A6 2px solid; position: absolute; top: 50%; right: 7px;}
#footer_top .ttl::after     { content: ''; width: 12px; border-top: #9DA3A6 2px solid; position: absolute; top: 50%; right: 7px; transform: rotate(90deg); transition: 0.3s;}
#footer_top .ttl.active::after { transform: rotate(0deg);}
#footer_top .link           { border-bottom: #DFE4E6 1px solid; font-size: 13px;}
#footer_top .link a         { min-height: 50px; padding: 0 30px 0 10px; font-size: 13px; font-weight: bold; text-decoration: none; display: flex; align-items: center; position: relative;}
#footer_top .link a::before { content: ""; width: 8px; height: 8px; border-right: 2px solid #9DA3A6; border-top: 2px solid #9DA3A6; position: absolute; right: 10px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
#footer_top ul.child        { display: none;}
#footer_top li              { border-bottom: #DFE4E6 1px solid; font-size: 13px;}
#footer_top li a            { min-height: 50px; padding: 0 30px 0 20px; font-size: 13px; font-weight: bold; text-decoration: none; display: flex; align-items: center; position: relative;}
#footer_top li a::before    { content: ""; width: 8px; height: 8px; border-right: 2px solid #9DA3A6; border-top: 2px solid #9DA3A6; position: absolute; right: 10px; top: calc(50% - 4px); display: block; transform: rotate(45deg);}
#footer_top ul:last-child li:last-child { border-bottom: none;}

#footer_bottom                      { padding: 40px 10vw 28px; background: #1846BA;}
#footer_bottom .footer-inner        { max-width: 400px; margin: 0 auto;}
#footer_bottom #footer_logo         { margin: 0 0 30px 0; text-align: left; box-sizing: border-box;}
#footer_bottom #footer_logo img     { max-height: 33px; vertical-align: top;}
#footer_bottom #footer_sns          { width: 100%; margin: 0 0 15px 0; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
#footer_bottom #footer_sns .gmo-tag { width: 100px;}
#footer_bottom #footer_sns ul       { width: calc(100% - 130px); max-width: 200px; display: flex; justify-content: space-between; align-items: center;}
#footer_bottom #footer_sns li       { width: 30px;}
#footer_bottom #footer_sns li + li  { margin-left: 10px;}
#footer_bottom #footer_sns li img   { width: 30px; height: 30px; vertical-align: top;}
#footer_bottom #footer_nav          { width: 100%; margin: 0 0 3px 0;}
#footer_bottom #footer_nav ul       { display: flex; justify-content: space-between; flex-wrap: wrap;}
#footer_bottom #footer_nav li       { width: 48.5%; margin: 0 0 12px 0; font-size: 12px; color: #fff;}
#footer_bottom #footer_nav li a     { font-size: 12px; color: #fff; transition: 0.3s;}
#footer_bottom #tbs_group_logo { width: 110px;}
#footer_bottom #tbs_group_logo img { vertical-align: top;}

footer #copyright { padding: 15px 0; margin: 0 auto; font-size: 10px; text-align: center; color: #9DA3A6; line-height: 1.0; background: #fff; position: relative;}
footer #copyright .gmo-tag { width: 100px; height: 50px; margin: 0 auto 15px;}
footer #copyright .gmo-tag img { width: 100%; vertical-align: top;}

/* ----------------------------------
 Icon
---------------------------------- */
div.block-icon { display: flex; flex-wrap: wrap;}
div.block-icon .text-icon { padding: 1px 4px 0; margin: 0 4px 4px 0; height: 15px; border: #0047BA 1px solid; border-radius: 3px; font-size: 9px; font-weight: 400; color: #0047BA; display: flex; justify-content: center; align-items: center;}
div.block-icon .image-icon { max-height: 15px; margin: 0 4px 4px 0; display: flex; justify-content: center; align-items: center;}
div.block-icon .image-icon img { width: auto; height: 15px; vertical-align: top;}
div.block-icon .block-icon--auto-soldout   { border-color: #9DA3A6; color: #9DA3A6;}
div.block-icon .block-icon--auto-on-sales  { border-color: #FF0000; color: #FF0000;}
div.block-icon .block-icon--auto-new       { border-color: #0047BA; color: #0047BA;}
div.block-icon .icon-name-new              { border-color: #0047BA; color: #0047BA;}
div.block-icon .icon-name-sale             { border-color: #FF0000; color: #FF0000;}
div.block-icon .icon-name-importan         { border-color: #000000; color: #000000;}
div.block-icon .icon-name-presale          { border-color: #FF0091; color: #FF0091;}
div.block-icon .icon-name-prerese          { border-color: #6A0DA1; color: #6A0DA1;}
div.block-icon .icon-name-arrival          { border-color: #FF8000; color: #FF8000;}

div.block-icon *[class*="_icon_important"] { border-color: #000000; color: #000000;}
div.block-icon *[class*="_icon_sale"]      { border-color: #FF0000; color: #FF0000;}
div.block-icon *[class*="_icon_presale"]   { border-color: #FF0091; color: #FF0091;}
div.block-icon *[class*="_icon_prereserve"]{ border-color: #6A0DA1; color: #6A0DA1;}
div.block-icon *[class*="_icon_rearrival"] { border-color: #FF8000; color: #FF8000;}

div.block-icon .image-icon.block-icon--receipt_store_src { padding: 1px 4px 0; margin: 0 4px 4px 0; height: 15px; border: #0047BA 1px solid; border-radius: 3px; font-size: 9px; font-weight: 400; color: #0047BA; display: flex; justify-content: center; align-items: center;}
div.block-icon .image-icon.block-icon--receipt_store_src::before { content: "店舗受取可"; font-size: 9px; font-weight: 400; color: #0047BA; display: inline;}
div.block-icon .image-icon.block-icon--receipt_store_src img { display: none !important;}

/* 「店舗受取可」テキストアイコン非表示 24.12.19 */
/* div.block-icon .image-icon.block-icon--receipt_store_src { display: none !important;} */

/* ----------------------------------
 絞り込みの「商品タイプ」から
 先行販売・再入荷を非表示
---------------------------------- */
.block-global-search-contents .layer02 .g-search-sort-items li.prefix { display: none !important;}

/* ----------------------------------
 ピンクプロモーション開始対応
---------------------------------- */
/* ヘッダー */
.page-top.page-top--pink #header .block-header-logo,
.page-top.page-top--pink #header_bottom { background-color: #F34E9A;}
.page-top.page-top--pink #header_bottom #header_menu:before,
.page-top.page-top--pink #header_bottom #header_menu:after,
.page-top.page-top--pink #header_bottom #header_menu span { background-color: #FFF;}
.page-top.page-top--pink #header_bottom #header_menu,
.page-top.page-top--pink #header_bottom .block-headernav-item-list li a,
.page-top.page-top--pink #header_bottom #header_search { color: #FFF;}
.page-top.page-top--pink #header_bottom #header_search { background-image: url("../../img/usr/common/header/ico_search_white.png");}
.page-top.page-top--pink #header_bottom li.block-headernav-bookmark a { background-image: url("../../img/usr/common/header/ico_bookmark_white.png");}
.page-top.page-top--pink #header_bottom li.block-headernav-login a,
.page-top.page-top--pink #header_bottom li.block-headernav-mypage a { background-image: url("../../img/usr/common/header/ico_login_white.png");}
.page-top.page-top--pink #header_bottom li.block-headernav-cart a { background-image: url("../../img/usr/common/header/ico_cart_white.png");}
.page-top.page-top--pink #header_bottom li.block-headernav-cart .block-headernav--cart-count { background-color: #1846BA;}
/* フッター */
.page-top.page-top--pink #footer_bottom { background-color: #F34E9A;}