/*font変更*/

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&family=Kiwi+Maru:wght@500&family=M+PLUS+1&family=M+PLUS+Rounded+1c&display=swap');

body {
  font-family: 'M PLUS 1', sans-serif;
}

/*商品一覧ページ　リスト表示　no image を非表示にする*/
body>div.wrapper.wrapper--column-2.wrapper--product-list>div>div>section.__list.__list--row>ul>li.__item>a>table>tbody>tr>td.__photo.__is-noimage {
  display: none;
}

/* 商品一覧でのSOLD OUT表示を有効にする */
.p-product-block ul.__product li.__item.__is-soldout .__photo .__soldout {
  display: block;
}

.main.main--product-list section.__list.__list--row ul.__product li.__item.__is-soldout a table tr td.__photo .__soldout {
  display: block;
}

.p-product-block ul.__product li.__item.__is-soldout .__photo .__soldout:after {
  content: 'SOLD OUT';
  font-size: 1.3em;
  color: #fff;
}

/* hedderの色変更　共通*/
.gnav-pc {
  background-color: #E70012;
}

.gnav-pc .__menu.__menu--default ul li,
.gnav-pc .__menu.__menu--custom ul li {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  background-color: #E70012;
  font-size: 18px;
}

/* サイドバーのコンテンツ見出しデザインの変更　共通*/
.aside section.__block .__heading.__heading--default,
.aside section.__block .__heading.__heading--custom {
  font-weight: bold;
  font-size: 1.3em;
  margin: 0;
  padding: .5em .75em;
  padding: .5em 1rem;
  color: #fff;
  background-color: #837d7d;
  text-align: center;
}

/* メイン画像の背景色変更　共通*/
.wrapper.wrapper--column-2,
.wrapper.wrapper--column-1 {
  background-color: #F9F9F9;
}

/* サイドメニューのログインを黒線で囲む*/
.aside section.__block {
  border: solid 1.5px #837d7d;
}

/* サイドメニューのログインを赤色に変更*/
.aside section.__block.__block--login.__is-guest .__body .__login-link .__link {
  color: #fff;
  background-color: #E70012;
  font-weight: bold;
  padding-left: 3.5em;
  padding-right: 3.5em;
  border-radius: 2em;
}

/* 特集のバナー表示サイズを50％に変更*/

@media screen and (min-width: 600px) {

  .main.main--home section.__block.__block--feature .__body ul li,
  .main.main--home section.__block.__block--category .__body ul li {
    width: 50%;
  }
}

@media screen and (min-width: 1280px) {

  .main.main--home section.__block.__block--feature .__body ul li,
  .main.main--home section.__block.__block--category .__body ul li {
    width: 50%;
  }
}

/*サイドバーの余白調整*/
@media screen and (min-width: 960px) {
  .aside section.__block .__body {
    padding: 1em;
  }
}

/*TOP見出しの調整*/
.top-h {
  display: flex;
  align-items: center;
  padding: 5px;
}



@media screen and (min-width: 600px) {
  .p-mypage-navi nav.__menu .__body ul li .__item__item--estimate {
    display: none;
  }
}