@charset "UTF-8";

:root {
  --product-container: 95%;
  --element-inner: 100%;
  /* フィルター */
  --product__filter-percent:18.57142%;
  --product__filter-width:26rem;
  /* アイテムリスト */
  --productLists-container-percent:79.64285%;
  --productLists-container-width:115rem;
  /* アイコン関係 */
  --color-product-point:#0E6CC9;

  --productIcon-01:#14086F;
  --productIcon-02:#A30F9D;
  --productIcon-03:#6D0129;
  --productIcon-04:#0F6D00;
  --productIcon-05:#D0034E;
  --productIcon-06:#D0034E;
  --productIcon-07:#000000;
  --productIcon-08:#000000;
  --productIcon-09:#000000;
  --productIcon-10:#000000;
  --productIcon-new:#DE5C22;
  --productIcon-outlet:#51B2B5;
  --productIcon-used:#DED022;
  --productIcon-vintage:#A53401;
  --icon-shippingfree: #AD8842;

  /* フォーム関連 */
  --border-color-form:#A7A7A7;

}
html{
  scroll-behavior: smooth;
}
/* ===============================================
  * BREADCRUMBS *
=============================================== */
.breadcrumbs[data-breadcrumbs-type="scroll"]{
  margin: 2rem 0 1rem;
}
.breadcrumbs[data-breadcrumbs-type="scroll"] > ol{
  max-width: var(--container-main);
  width: 100%;
  padding:0 2rem;
  margin: 0 auto;
}
/* ===============================================
  * CATEGORYCONTENTS *
=============================================== */
.categoryInfo[data-pagetype="productList"]{
  margin-bottom: 8rem;
}
.productList_categoryContents{
  max-width: var(--container-main);
  width: 100%;
  padding:0 2rem;
  margin: 0 auto;
}
.productList-ranking + .productList-hotBrand,
.productList-hotBrand + [data-articleContents="magazine"].sec-articleList .articleList_inner{
  margin-top: 8rem;
}
/* ここからは削除してください */
.productList_categoryContents_inner{
  background: var(--color-light-grey);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.atariText{
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: var( --font-color);
  text-align: center;
}
/* ここまでは削除してください */
.box.clearFix{
  display: none;
}





/* ===============================================
  * 闇市 *
=============================================== */
.variationList-error{
  font-size: 1.8rem;
  color: var(--color-error);
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: center;
  padding: 0 2rem;
  margin: 4rem auto;
}
.ClosedmarketLogin{
  width: 100%;
  max-width: 60rem;
  border: 2px solid var(--color-ec-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem;
  margin: 4rem auto 0;
}
.ClosedmarketLogin_inner{
  width: 100%;
}
.btn_join_closedmarket{
  background-color: #408CD7;
  width: 27rem;
  height: 5rem;
  line-height: 5rem;
  transition: all .3s;
  display: block;
  text-align: center;
  font-size: 1.6rem;
  color: #ffffff;
  border-radius: 50px;
  margin: 0 0 0 auto;
}
.ClosedmarketLogin-form{
  display: flex;
  flex-direction: column;
  gap: 2rem 0;
}
.ClosedmarketLogin-form > dt{
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 600;
}
.ClosedmarketLogin-form > dd .form{
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  background-color: #F8F8F8;
  padding: 1rem;
  font-size: 1.3rem;
  border: 1px solid #A7A7A7;
  border-radius: 5px;
}
.btnArea-closedMarket{
  margin: 3rem 0 0 auto;
}
/* ===============================================
  * AMOUNT & SEARCH & SORT *
=============================================== */
.sortBoxPaginationTopWrap {
  max-width: var(--container-main);
  width: 100%;
  padding: 0 2rem;
  margin: 2rem auto 0;
}
.sortBoxPaginationTopWrap #pagination .result{
  display: block;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  line-height: 1;
}
.sortBoxPaginationTopWrap .pager{
  display: none;
}
.controlBox{
  display: flex;
  align-items: center;
  gap: 0 2rem;
}









/* SORT */
.sortBoxPaginationTopWrap_inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sortBox{
  display: flex;
  align-items: center;
  gap: 0 2rem;
}

/* SortBOX */
/* .productListSort {
	width: 14rem;
	height: 3.6rem;
	border-radius: 4px;
	position: relative;
} */
.sortList-wrapper,
.sortList-wrapper-zaiko,
.sortList-wrapper-hyouji{
  width: 14rem;
	height: 3.6rem;
	/* background-color: #FFFFFF; */
  /* border: 1px solid var(--border-color-form); */
	border-radius: 4px;
	position: relative;
}

.product-sort_menu,
.product-sort_menu-zaiko,
.product-sort_menu-hyouji{
	width: 100%;
  border: none;
  background-color: inherit;
  font-size: 1.2rem;
  text-align: left;
  border: 1px solid var(--border-color-form);
  width: 14rem;
  height: 3.6rem;
  border-radius: 4px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem 0 1.5rem;
}
.product-sort_menu.open,
.product-sort_menu-zaiko.open,
.product-sort_menu-hyouji.open{
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  /* transition: all 0.2s 0.2s;
  transition-delay: 250ms; */
}

.product-sort_menu::after,
.product-sort_menu-zaiko::after,
.product-sort_menu-hyouji::after{
	content: "";
	display: block;
	width: 1.2rem;
	height: 0.7rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.062%22%20height%3D%227.031%22%20viewBox%3D%220%200%2012.062%207.031%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_86%22%20data-name%3D%22%E3%83%91%E3%82%B9%2086%22%20d%3D%22M10.062%2C6.031a1%2C1%2C0%2C0%2C1-.707-.293L5.031%2C1.414.707%2C5.738a1%2C1%2C0%2C0%2C1-1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.414L4.324-.707a1%2C1%2C0%2C0%2C1%2C1.414%2C0l5.031%2C5.031a1%2C1%2C0%2C0%2C1-.707%2C1.707Z%22%20transform%3D%22translate(11.062%206.031)%20rotate(180)%22%20fill%3D%22%23272727%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
  transition: all 0.2s;
}
[data-name="productAdvcSearchModal"].product-sort_menu::after,
[data-name="productAdvcSearchModal"].product-sort_menu-zaiko::after,
[data-name="productAdvcSearchModal"].product-sort_menu-hyouji::after{
  width: 0.7rem;
  height: 1.2rem;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.031%22%20height%3D%2212.061%22%20viewBox%3D%220%200%207.031%2012.061%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_86%22%20data-name%3D%22%E3%83%91%E3%82%B9%2086%22%20d%3D%22M5.031%2C6.031a1%2C1%2C0%2C0%2C1-.707-.293L-.707.707a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0L5.031%2C3.616%2C9.354-.707a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414L5.738%2C5.738A1%2C1%2C0%2C0%2C1%2C5.031%2C6.031Z%22%20transform%3D%22translate(1%2011.061)%20rotate(-90)%22%20fill%3D%22%23272727%22%2F%3E%3C%2Fsvg%3E')
}


.product-sort_menu.open::after,
.product-sort_menu-zaiko.open::after,
.product-sort_menu-hyouji.open::after{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%226.995%22%20viewBox%3D%220%200%2012%206.995%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_86%22%20data-name%3D%22%E3%83%91%E3%82%B9%2086%22%20d%3D%22M10.005%2C6A.992.992%2C0%2C0%2C1%2C9.3%2C5.7L5%2C1.4.7%2C5.7a1%2C1%2C0%2C0%2C1-1.407%2C0%2C1%2C1%2C0%2C0%2C1%2C0-1.407L4.3-.709A1%2C1%2C0%2C0%2C1%2C5-1a1%2C1%2C0%2C0%2C1%2C.7.291L10.709%2C4.3a.995.995%2C0%2C0%2C1-.7%2C1.7Z%22%20transform%3D%22translate(1%201)%22%20fill%3D%22%23272727%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: center;
}

.list,
.list-zaiko,
.list-hyouji{
	display: none;
  width: 100%;
  box-sizing: content-box;
  background-color: #FFFFFF;
  border-radius: 0 0 4px 4px;
  position: absolute;
  top: 3.5rem;
  left: 0;
  z-index: 100;
  border-left: 1px solid var(--border-color-form);
  border-right: 1px solid var(--border-color-form);
  border-bottom: 1px solid var(--border-color-form);
  box-sizing: border-box;
}

.list ul li,
.list-zaiko ul li,
.list-hyouji ul li{
	position: relative;
	font-size: 1.2rem;
}
.list ul li *,
.list ul li.active,
.list-zaiko ul li *,
.list-zaiko ul li.active,
.list-hyouji ul li *,
.list-hyouji ul li.active {
  padding: 1rem 1rem 1rem 1.5rem;
  border-radius: 0 0 4px 4px;
}

.list ul li a,
.list-zaiko ul li a,
.list-hyouji ul li a{
	display: block;
}

.list ul li.active,
.list-zaiko ul li.active,
.list-hyouji ul li.active{
	background-color: var(--color-ec-bg-gray);
}







/* ===============================================
	* LAYOUT *
=============================================== */
#Wrap_lower.onlyDefault{
  margin-bottom: 8rem;
}
.product_list-container {
  width: 100%;
  max-width: var(--container-main);
  padding: 3rem 2rem 0;

  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;

  margin: auto;
}

.product_filter {
  --product__filter-percent:0px;
  --product__filter-width:0%;

  width: var(--product__filter-percent);
  max-width: var(--product__filter-width);
}
.product_lists {
  --productLists-container-percent: 100%;
  --productLists-container-width: initial;
  width: var(--productLists-container-percent);
  max-width: var(--productLists-container-width);
}




/* ===============================================
	* 商品レイアウトまわり *
=============================================== */
.imgWrap img{
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.soldout {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 600;
  font-family: var(--font-en);
  font-style: italic;
  line-height: 1;
  letter-spacing: 0.3em;
  pointer-events: none;
}
/* お気に入りボタンまわり */
.product_item-addfavorite{
  width: 2.841rem;
  height: 2.7rem;
  position: absolute;
  right: 1.33rem;
  bottom: 1rem;
  z-index: 99;
}

/* cアイコンまわり */
.product_info-icon{
  /*width: calc(100% - 5rem);
  position: absolute;
  bottom: 0;
  left: 0;*/
  display: flex;
  flex-wrap: wrap;
  pointer-events: none;
}
.product_icon-item{
  color: #fff;
  font-size: 1.1rem;
  letter-spacing: 0.02em;
  line-height: 1;
  padding: 5px;
  background: #878484;
}
.product_icon-item.icon_01{
  background: var(--productIcon-01);
}
.product_icon-item.icon_02{
  background: var(--productIcon-02);
}
.product_icon-item.icon_03{
  background: var(--productIcon-03);
}
.product_icon-item.icon_04{
  background: var(--productIcon-04);
}
.product_icon-item.icon_05{
  background: var(--productIcon-05);
}
.product_icon-item.icon_06{
  background: var(--productIcon-06);
}
.product_icon-item.icon_07{
  background: var(--productIcon-07);
}
.product_icon-item.icon_08{
  background: var(--productIcon-08);
}
.product_icon-item.icon_09{
  background: var(--productIcon-09);
}
.product_icon-item.icon_10{
  background: var(--productIcon-10);
}
.product_icon-item.icon_new{
  background: var(--productIcon-new);
}
.product_icon-item.icon_outlet{
  background: var(--productIcon-outlet);
}
.product_icon-item.icon_used{
  background: var(--productIcon-used);
}
.product_icon-item.icon_vintage{
  background: var(--productIcon-vintage);
}
.icon-tag_class{
  display: none;
}
.icon-tag_class.icon-class-visible{
  display: block;
}
.product_icon-item.icon-shippingfree{
  background: var(--icon-shippingfree);
  display: none;
}
.product_icon-item.icon-shippingfree.over,
.product_icon-item.icon-shippingfree.overFsh{
  display: block;
}

/* ポイントまわり */
.product_info-point{
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px 0;
  background: var(--color-product-point);
  padding: 4px 3px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.product_info-point.dispIcon{
  opacity: 1;
}
.point-ttl{
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.02em;
}
.point-pointDetail{
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 1;
  display: flex;
  align-items: baseline;
}
.point-pointDetail-kangen{
  font-size: 1.2rem;
}

/* 商品情報まわり */
.item-information_catchCopy{
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
.product_item .item-information_priceList{
  margin-top: 0.5rem;
}
.content-addPoint{
  font-size: 1.4rem;
  margin-top: 0.5rem;
}



/* ボタンと商品番号まわり */
.product_item-bottom{
  width: 100%;
  margin-top: 1rem;
}
.button-for-detail .button-Base{
  height: 4rem;
  font-size: 1.3rem;
  margin: 0 auto 0 0;
}
.product_item-productId{
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  line-height: 1;
  margin-top: 1rem;
}

/* プライム価格まわり */
.prime-price-banner img{
  width: 130px;
}
.prime-price-banner .prime-title{
  font-weight: bold;
  color: #52c3f1;
}
.prime-price-banner.not-prime .prime-title{
  font-size: 1rem;
  color: #02445f;
}

/* ===============================================
  * RECOMMENDED & RANKING *
=============================================== */
/* 共通 */
.productList .exprosion_list {
	margin-top: 2rem;
}
.productList .productList-upDate {
	font-size: 1.6rem;
	font-family: var(--font-en);
	letter-spacing: 0.02em;
	line-height: 1;
	font-weight: 700;
	font-style: italic;
	margin-top: 1rem;
}

/* RANKING */
.productList .productList-ranking {
	margin-top: 6rem;
}
/* RECOMMENDED ITEMS */
/*.productList .productList-recommended{
	margin-top: 8rem;
}20250121*/
.productList [data-layout="exprosion"] .itemList .itemList__unit:nth-child(n + 6){
  display: none;
}

  

/* ===============================================
  * HISTORY & NEWARRIVAL *
=============================================== */
.productList .history{
	margin-top: 8rem;
}
.productList-newArrival{
  margin-top: 8rem;
}
.historyList_list,
.cardUnit-newArrival {
	margin-top:2rem ;
}


@media (min-width: 768px) {
	.historyList_list .grid_item:nth-child(n + 6){
		display: none;
	}
}

/* ===============================================
  * FAVORITE MODAL *
=============================================== */
.toolTip.product__addfavorite--content{
  color: var(--color-font) !important;
  background-color: #EDEDED !important;
  display: block;
  padding: 4rem 2rem!important;
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 999 !important;
  opacity: 1!important;
}

.toolTip.product__addfavorite--content .button-reviewInput {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 0 1rem;
  width: 100%;
  height: 3.6rem;
  font-weight: 600;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.02em;
  text-decoration: none;
  color: var(--font-color);
  border: 2px solid var(--border-color-gray);
  border-radius: 30px;
  background: #fff;
  margin: 3rem auto 0;
}
/* ===============================================
  * CATEGORYTOP - COVER *
=============================================== */
.categoryCover{
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99999;
  width: 100%;
  height: 100vh;
  overflow: hidden;

  display: flex;
  flex-direction: column-reverse;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: opacity 0.4s;
  opacity:1;
  pointer-events: none;
}
.categoryCover.hiddenCover{
  opacity: 0;
}
.categoryCover[data-coverCate="egt"]{
  background-image: url(../../Contents/ImagesPkg/product/productList/category_egt_cover.jpg);
}
.categoryCover[data-coverCate="agt"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_agt_cover.jpg);
}
.categoryCover[data-coverCate="bss"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_bss_cover.jpg);
}
.categoryCover[data-coverCate="uke"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_uke_cover.jpg);
}
.categoryCover[data-coverCate="dru"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_dru_cover.jpg);
}
.categoryCover[data-coverCate="per"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_per_cover.jpg);
}
.categoryCover[data-coverCate="emi"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_emi_cover.jpg);
}
.categoryCover[data-coverCate="key"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_key_cover.jpg);
}
.categoryCover[data-coverCate="win"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_win_cover.jpg);
}
.categoryCover[data-coverCate="oth"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_oth_cover.jpg);
}
.categoryCover[data-coverCate="amp"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_amp_cover.jpg);
}
.categoryCover[data-coverCate="efx"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_efx_cover.jpg);
}
.categoryCover[data-coverCate="dje"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_dje_cover.jpg);
}
.categoryCover[data-coverCate="dtm"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_dtm_cover.jpg);
}
.categoryCover[data-coverCate="rec"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_rec_cover.jpg);
}
.categoryCover[data-coverCate="dli"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_dli_cover.jpg);
}
.categoryCover[data-coverCate="acc"] {
  background-image: url(../../Contents/ImagesPkg/product/productList/category_acc_cover.jpg);
}
.categoryCover_inner{
  display: flex;
  flex-direction: column-reverse;
  gap: 4.5rem 0;
}
.img-categoryText{
  opacity: 0;
  transform: translateY(7rem);
  transition: all 0.3s;
  pointer-events: none;
}
.visibleText .img-categoryText{
  transform: translateY(0);
}
.visibleText .img-categoryText[data-imgOrder="1"]{
  opacity: 1;
}
.visibleText .img-categoryText[data-imgOrder="2"]{
  opacity: 0.9;
}
.visibleText .img-categoryText[data-imgOrder="3"]{
  opacity: 0.8;
}
.visibleText .img-categoryText[data-imgOrder="4"]{
  opacity: 0.7;
}
.visibleText .img-categoryText[data-imgOrder="5"]{
  opacity: 0.6;
}
.visibleText .img-categoryText[data-imgOrder="6"]{
  opacity: 0.5;
}
.visibleText .img-categoryText[data-imgOrder="7"]{
  opacity: 0.4;
}
.visibleText .img-categoryText[data-imgOrder="8"]{
  opacity: 0.3;
}
.visibleText .img-categoryText[data-imgOrder="9"]{
  opacity: 0.2;
}
.visibleText .img-categoryText[data-imgOrder="10"]{
  opacity: 0.1;
}
.visibleText .img-categoryText[data-imgOrder="11"]{
  opacity: 0.05;
}
.visibleText .img-categoryText[data-imgOrder="12"]{
  opacity: 0.03;
}
.visibleText .img-categoryText[data-imgOrder="13"]{
  opacity: 0;
}
.visibleText.visibleTextRemove .img-categoryText{
  opacity: 0;
  transform: translateY(-7rem);
}


/* ===============================================
  * CATEGORYTOP - FV *
=============================================== */
[data-pageType="productList"] .firstviews{
  z-index: -1;
  margin-top: var(--breadcrumbsHeight);
}
.firstviews_text {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  margin-left: 10vw;
  pointer-events: none;
}

/* category  egt */
[data-categorytype="egt"] .firstviews_text {}
[data-categorytype="egt"] .firstviews_text img {
  width: 49.388rem;
  aspect-ratio: 493.88/183.11;
}

/* ===============================================
  * CATEGORYTOP - CATEGORY TREE *
=============================================== */
.categoryTree{
  margin-top: 3rem;
}
.id_parentCategory{
  display: none;
}
.dvCategorySearch.noDisp{
  display: none;
}

/*20250131ngkr*/
.categoryTree.noDisp{
  display: none;
}
.othOption{
  display: none;
}
.product-list__category-link-list{
  display: -ms-grid;
  display: grid;
  --grid-cols: repeat(7, minmax(0, 1fr));
  --grid-gap-row:1.2rem;
  --grid-gap-col:1rem;

  -ms-grid-columns: var(--grid-cols);
  grid-template-columns: var(--grid-cols);
  gap: var(--grid-gap-row) var(--grid-gap-col);
  margin-top: 2rem;
}
.product-list__category-link-list .product-list__category-link-text--caption{
  font-size: 1.4rem;
  line-height: 1.15;
  height: 5rem;
  background: var(--color-font);
  padding: 0 2rem;
}
.tree-category-name:empty,
.tree-category-name:empty + .tree-category-text{
  display: none;
}
.more__btn{
  display: none;
}
/* ===============================================
  * CATEGORYTOP - Hot Brand *
=============================================== */
.productList-hotBrand .grid_container{
  --grid-cols: repeat(6, minmax(0, 1fr));
  --grid-gap-col: 1.6rem;
  -ms-grid-columns: var(--grid-cols);
  grid-template-columns: var(--grid-cols);
  gap: var(--grid-gap-row) var(--grid-gap-col);
}
.productList-hotBrand .grid_container[data-pcRow="2"]{
  /* レイアウト修正の為1列に変更します。 */
  /* --grid-cols: repeat(3, minmax(0, 1fr)); */
  --grid-cols: repeat(6, minmax(0, 1fr));
  /* --grid-gap-col: 4rem; */
  --grid-gap-col: 2rem;
  --grid-gap-row: 2rem;
  -ms-grid-columns: var(--grid-cols);
  grid-template-columns: var(--grid-cols);
  gap: var(--grid-gap-row) var(--grid-gap-col);
}
.cardUnit-hotBrand{
  margin-top: 2rem;
}

/* ===============================================
  * CATEGORYTOP - INFORMATION *
=============================================== */
.productList_informaion-bnr{
  margin-top: 8rem;
}
.productList_informaion-bnr .grid_container{
  --grid-gap-col: 4rem;
  -ms-grid-columns: var(--grid-cols);
  grid-template-columns: var(--grid-cols);
  gap: var(--grid-gap-row) var(--grid-gap-col);
}
.productList_informaion-bnr{
  /* padding-bottom: 8rem; */
}
/* ===============================================
  * CATEGORYTOP - MAGAZINE *
=============================================== */
.articleList_inner{
	width: 100%;
	max-width: var(--container-main);
	padding: 0 2rem 10rem;
	margin: 0 auto;
}
#productList .sec-articleList{
  /*display: none;*/
}
#productList .sec-articleList.dispArticleList{
  display: block;
}
/* ===============================================
  * CATEGORYTOP - BUTTON *
=============================================== */
.button_go-productList{
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 100;
}
.button_go-productList a{
  width: 18rem;
  height: 5rem;
}



@media (max-width:1024px){
  #Wrap_lower.onlyDefault {
      margin: 0 auto 10rem;
      padding: 0;
  }
}

@media (min-width: 768px) and (max-width:820px){
  /* ===============================================
    * CATEGORYTOP - CATEGORY TREE *
  =============================================== */
  .product-list__category-link-list{
    --grid-cols: repeat(4, minmax(0, 1fr));
  }
  /* ===============================================
	  * RECOMMENDED & RANKING & Hot Brand & INFORMATION *
	=============================================== */
	/* 共通 */
	.productList .exprosion_list {
		margin-top: 2rem;
		margin-bottom: 3rem;
	}
	/* RECOMMENDED & RANKING */
  .categoryTree,
	.productList .productList-recommended,
	.productList .productList-ranking,
  .productList-hotBrand,
  .productList_informaion-bnr {
		padding-left: 2rem;
		padding-right: 2rem;
	}
  
  /* ===============================================
		* HISTORY & NEWARRIVAL *
	=============================================== */
	.historyList_inner.itemList_inner,
  .newArrivalList_inner.itemList_inner{
		padding: 0 2rem;
	}
	.historyList_inner .item-information{
		padding: 0;
	}
  .cardUnit-newArrival{
    margin-top: 2rem;
  }
}

@media (max-width: 767px) {
  /* ===============================================
    * BREADCRUMBS *
  =============================================== */
  html:not([data-basebrand="base-reuse"]) #Wrap_lower.onlyDefault {
    /* margin: var(--glonaviHeight) auto calc(40 * 100vw / 750); */
    margin: 0 auto;
  }
	.breadcrumbs[data-breadcrumbs-type="scroll"]{
    max-width: none;
		width: 100%;
    padding: 1rem 0 0;
    margin: 0;
	}
	.breadcrumbs[data-breadcrumbs-type="scroll"] > ol{
    flex-wrap: nowrap;
		max-width: auto;
		padding: 0;
    overflow: auto;
    margin-top: 0;
	}
	.breadcrumbs[data-breadcrumbs-type="scroll"] > ol > li{
		line-height: 1.4166666667;
		margin-right: 1.4rem;
	}
	.breadcrumbs[data-breadcrumbs-type="scroll"] > ol > li:nth-last-of-type(1){
		margin-right: 0;
		padding-right: 0;
	}
	.breadcrumbs[data-breadcrumbs-type="scroll"] > ol > li::after{
		width: 0.4rem;
		height: 0.8rem;
	}

	.breadcrumbs[data-breadcrumbs-type="scroll"] > ol {
		gap: 0;
		flex-wrap: nowrap;
		overflow: hidden;
		overflow-x: auto;
		width: max-content;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		max-width: 100%;
		padding: 0 1.5rem 1rem;
	}
	.breadcrumbs[data-breadcrumbs-type="scroll"] > ol > li{
		flex-shrink: 0;
		gap: 0;
	}
  /* ===============================================
    * CATEGORYCONTENTS *
  =============================================== */
  .productList_categoryContents{
    padding:0 1.5rem;
  }
  /* ===============================================
    * AMOUNT & SEARCH & SORT *
  =============================================== */
  .sortBoxPaginationTopWrap #pagination .result{
    font-size: 1.4rem;
  }

  /* SORT */
  .sortBoxPaginationTopWrap_inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 2rem 0;
  }
  /* SortBOX */
  .searchBox{
    width: 100%;
  }
  .controlBox{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 2rem 0;
  }
  .productListSort {
    width: 100%;
    height: 4rem;
  }
  .product-sort_menu{
    font-size: 1.4rem;
    width: 100%;
    height: 4rem;
    padding: 0 1rem 0 1.5rem;
  }
  .sortList-wrapper,
  .sortList-wrapper-zaiko,
  .sortList-wrapper-hyouji{
    width: 100%;
  }
  .productListSort .product-sort_menu,
  .productListSort .product-sort_menu-zaiko,
    .productListSort .product-sort_menu-hyouji{
    font-size: 1.4rem;
    width: 100%;
    height: 4rem;
    padding: 0 1rem 0 1.5rem;
  }

  .product-sort_menu::after,
  .product-sort_menu-zaiko::after,
    .product-sort_menu-hyouji::after{
    width: 1.2rem;
    height: 0.7rem;
  }

  .list {
    top: 3.9rem;
  }

  .list ul li {
    font-size: 1.4rem;
  }



  /* ===============================================
    * LAYOUT *
  =============================================== */
  html:not([data-basebrand="base-reuse"]) #Wrap_lower.onlyDefault {
    /* ヒストリー等パーツのスクロールバー分追加しているパディングをひく */
     margin-bottom: calc(8rem - 1.5rem);
  }
  .product_list-container {
    /* 必要？ */
    flex-direction: column;
    padding: 2rem 0 0;
  }

  .product_filter {
    --product__filter-percent:0px;
    --product__filter-width:0%;

    width: var(--product__filter-percent);
    max-width: var(--product__filter-width);
  }
  .product_lists {
    --productLists-container-percent: 100%;
    --productLists-container-width: initial;
    width: var(--productLists-container-percent);
    max-width: var(--productLists-container-width);
  }



  /* ===============================================
    * 商品レイアウトまわり *
  =============================================== */
  /* お気に入りボタンまわり */
  .product_item-addfavorite{
    right: 0.9rem;
    bottom: 0.6rem;
  }

  /* ポイントまわり */
  .product_info-point{
    padding: 7px 4px;
  }
  .product_item .item-information{
    margin-top: 1.1rem;
  }

  /* 商品情報まわり */
  .item-information_catchCopy{
    font-size: 1.2rem;
  }
  .product_item .item-information_priceList{
    margin-top: 0.4rem;
  }
  .content-addPoint{
    font-size: 1.3rem;
    margin-top: 0.3rem;
  }

  /* ボタンと商品番号まわり */
  .product_item-bottom{
    margin-top: 1rem;
  }
  .button-for-detail .button-Base{
    max-width: 15rem;
  }
  .product_item-productId{
    margin-top: 1.4rem;
  }


  /* ===============================================
    * CATEGORYTOP - FV *
  =============================================== */
  [data-pageType="productList"] .firstviews{
    z-index: -1;
    margin-top: var(--breadcrumbsHeight);
  }
  .firstviews_text {
    margin-left: 1rem;
    font-size: 4.8rem;
  }
  /* ===============================================
    * CATEGORYTOP - CATEGORY TREE *
  =============================================== */
  .product-list__category-link-list{
    --grid-cols: repeat(2, minmax(0, 1fr));
    --grid-gap-row:0.7rem;
    --grid-gap-col:0.7rem;
    margin-top: 2rem;
  }
  .product-list__category-link-list .product-list__category-link-text--caption{
    font-size: 1.3rem;
    height: inherit;
    min-height: 4rem;
    background: var(--color-font);
    padding: 0 1rem;
  }

  .categoryList-button.viewMore .product-list__category-link-list{
    margin-bottom: 1rem;
  }
  /* ▼▼カテゴリーボタンが7つ以上の時に表示する▼▼ */
  .viewMore .product-list__category-link-list {
    position: relative;
    height: auto;
    max-height: 14rem;
    overflow: hidden;
    transition: max-height 0.5s;
  }
  .viewMore .product-list__category-link-list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    background: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
    pointer-events: none;
  }
  .viewMore .product-list__category-link-list.open:after {
    z-index: -1;
    opacity: 0;
  }
  .viewMore .more__btn.button-Base {
    display: block;
    width: 16rem;
    height: 4rem;
    font-size: 1.4rem;
    margin: 0 auto;
  }


  /* ===============================================
		* RECOMMENDED & RANKING *
	=============================================== */
	/* 共通 */
	.productList .exprosion_list {
		margin-top: 2rem;
		margin-bottom: 3rem;
	}
  .categoryInfo[data-pagetype="productList"]{
    margin-bottom: 6rem;
  }
	/* RECOMMENDED & RANKING */
  .productList .productList-ranking,
	.productList .productList-recommended,
  .productList-hotBrand,
  .productList_informaion-bnr{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
  .productList .productList-ranking,
	.productList .productList-recommended,
  .productList-hotBrand,
  .productList_informaion-bnr,
  .productList-ranking + .productList-hotBrand,
  .productList-hotBrand + [data-articleContents="magazine"].sec-articleList .articleList_inner{
		margin-top: 4rem;
	}
  .productList .grid_container[data-layoutType='flexScroll'],
  .productList-hotBrand .grid_container[data-layoutType='flexScroll'][data-pcRow="2"],
  .productList [data-layout="exprosion"] .itemList {
    --gap-scroll:1rem;
    padding-top: 2rem;
  }
  .productList-hotBrand .grid_container[data-layoutType='flexScroll'][data-pcRow="2"]{
    --grid-gap-col: 1.6rem;
  }
  .productList .grid_container[data-layoutType='flexScroll'] .grid_item,
  .productList [data-layout="exprosion"] .itemList .itemList__unit{
    --itemWidth-scroll:15rem;
  }
  .productList-hotBrand .grid_container[data-layoutType='flexScroll'][data-pcRow="2"] .grid_item{
    --itemWidth-scroll:24rem;
  }
  .productList .secTtl-eng{
    line-height: 1.1;
  }
  .productList .itemName,
  .productList [data-layouttype="flexScroll"] .item-information_productName{
    --productName: 1.3rem;
  }
  .productList .noTax{
    --price-sale: 1.5rem;
    gap: 0;
  }

  /* ===============================================
		* HISTORY & NEW ARRIVAL *
	=============================================== */
	.productList .history {
		margin-top: 6rem;
	}
  .productList-newArrival{
    margin-top: 6rem;
  }
  .historyList_list,
  .cardUnit-newArrival{
    margin-top: 0;
  }
  .productList-newArrival .grid_container[data-layoutType='flexScroll'],
  .history .grid_container[data-layoutType='flexScroll']{
    --padding-scroll:0 1.5rem 1.5rem
  }
	.historyList_inner.itemList_inner,
  .newArrivalList_inner.itemList_inner,
  .categoryTree .itemList_inner{
		padding: 0 1.5rem;
	}
	.historyList_list .item-information {
		padding: 0;
	}
  /* ===============================================
    * FAVORITE MODAL *
  =============================================== */
  .toolTip.product__addfavorite--content .button-reviewInput {
      margin: 2.4rem auto 0;
  }
  /* ===============================================
    * CATEGORYTOP - COVER *
  =============================================== */
  .categoryCover[data-coverCate="egt"]{
    background-image: url(../../Contents/ImagesPkg/product/productList/category_egt_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="agt"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_agt_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="bss"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_bss_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="uke"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_uke_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="dru"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_dru_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="per"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_per_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="emi"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_emi_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="key"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_key_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="win"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_win_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="oth"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_oth_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="amp"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_amp_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="efx"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_efx_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="dje"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_dje_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="dtm"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_dtm_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="rec"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_rec_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="dli"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_dli_cover_sp.jpg);
  }
  .categoryCover[data-coverCate="acc"] {
    background-image: url(../../Contents/ImagesPkg/product/productList/category_acc_cover_sp.jpg);
  }
  /* ===============================================
    * CATEGORYTOP - INFORMATION *
  =============================================== */
  .productList_informaion-bnr{
    /* padding-bottom: 4rem; */
  }
  /* ===============================================
    * CATEGORYTOP - MAGAZINE *
  =============================================== */
  .tab_item-contents.js-includeWp--page{
    margin-top: 3rem;
  }
  /* ===============================================
    * CATEGORYTOP - BUTTON *
  =============================================== */
  .button_go-productList{
    bottom: 2rem;
    right: 1rem;
  }
  .button_go-productList a{
    width: 16rem;
    height: 4rem;
  }

  

  /* ===============================================
    * 闇市 *
  =============================================== */
  .variationList-error{
    font-size: 1.8rem;
    padding: 0 2rem;
    margin: 4rem auto;
  }
  .divClosedmarketLogin{
    padding: 0 1.5rem;
    margin: 0 auto;
  }
  .ClosedmarketLogin{
    width: 100%;
    max-width: inherit;
    padding: 2rem;
    margin: 4rem auto 0;
  }
  .btn_join_closedmarket{
    width: 27rem;
    margin: 0 auto;
  }
  .btnArea-closedMarket{
    margin: 3rem auto 0;
  }

}

@media (hover: hover) and (pointer: fine) {
  .product-sort_menu:hover{
    opacity: 0.6;
  }
  .button-area-search .button-reset{
    transition: all 0.6s;
  }
  .button-area-search .button-reset:hover{
    color: #fff;
    border: 1px solid #A7A7A7;
    background: #A7A7A7;
  }
  .product-list__category-link-text--caption:hover {
    background: var(--color-ec-button-hover-red);
    border: 1px solid var(--color-ec-button-hover-red);
  }
}