@charset "utf-8";
/*--------------------------------------------
  categoryTop.css
  カテゴリートップ画面用CSS
--------------------------------------------*/

/*---------------------------------------------
	レイアウト
---------------------------------------------*/
#GoodsList .contents {
  width: 100%;
  max-width: 100%;
}
#GoodsList #contents form {
    width: 100%;
}
#GoodsList #sideContents {
  display: none;
}
#topGroupName {
  width: 100%;
}

/* パンくず */
.contents #breadcrumb {
	width: calc(99.9% - 40px);
	max-width: 1240px;
	margin: 0 auto;
	padding-bottom: 0px;
}
@media screen and (max-width: 641px) {
	.contents #breadcrumb {
		width: calc(99.9% - 20px);
	}
}

.section_wrap.newarrival_wrap {
    padding: 0;
}

#GoodsList #cmsGroup {
  max-width: 1240px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#goodsGroup, #spCategoryListItemWrap {
	padding:0px 5px;
}
@media screen and (max-width: 641px) {
	.goodsList .matrix-header {
		display: block;
	}
}
/*---------------------------------------------
	タイトル
---------------------------------------------*/
h1.level_h1 {
  border: none;
  font-size: 2em;
  /*font-weight: 500;*/
  line-height: 1.3;
  text-align: center;
  margin: 0 0 30px 0;
  border-top: 1px solid #dbdbdb;
  padding-top: 1em;
  padding: 1em 20px 0 20px;
}
h2.level_h1 {
  border: none;
  /*font-weight: 500;*/
  line-height: 1.3;
  text-align: center;
  margin: 0;
  padding: 0 20px;
}
h2.level_h1 span {
  display: block;
  color: #7c858e;
  font-size: 0.5em;
  font-weight: normal;
  padding: 0 0 30px 0;
}
@media screen and (max-width: 641px) {
  h1.level_h1,
  h2.level_h1 {
    font-size: 1.35em;
  }
  h1.level_h1 {
    border: none;
  }
  h2.level_h1 span {
    padding-bottom: 0;
  }
}

/** 2020.07.05 追記　画面幅　変更対応 */
#GoodsList .browsing_history_wrap .section_inner {
	max-width: 1240px;
}
.goodsList .goodsItem {
    width: calc(99.9% / 5 - 2.0%);
}
@media screen and (max-width: 1840px) and (min-width: 1600px) {
	.goodsList .goodsItem .goodsInfo .promotionCountLink {
		font-size: 100%;
	}
}

#screenTitleItemWrap {
    border: none;
    font-size: 1.5em;
    text-align: center;
}

#screenTitleItemWrap.ranking {
	border-bottom: 1px solid #363947;
    padding-bottom: 5px;
    font-size: 1.2em;
    margin-bottom: 5px;
    text-align: left;
    max-width: 1240px;
    width: 100%;
    margin: 25px auto 0;
}

.userOperateArea {
	position: relative;
}
.userOperateArea div.addCartSuccessMessageItemWrap {
    top: -50px;
}

#GoodsList .recommendBrowsingIncludeArea .section_inner {
	max-width: 1240px;
}

#recommendReviewTitle {
	margin-bottom: 10px;
}