/* 商品一覧ページ */
.p-product-block ul.__product li.__item a .__photo {
  height: 148px;
}

.p-product-block ul.__product li.__item a .__photo:not(.__is-noimage) {
  display: flex;
  justify-content: center;/* 左右中央揃え（不要なら削除） */
  align-items: center;/* 上下中央揃え */
}

.p-product-block ul.__product li.__item a .__photo img {
  max-height: 148px;
}

header {
  position: -webkit-sticky; /* Safari用 */
  position: sticky;
  top: 0;           /* どこで固定するか（一番上） */
  z-index: 9999;    /* 他の要素より上に表示させる */
  background: #fff; /* 背景色を入れないと下の文字が透けます */
}

/* ログインボタンやマイページボタンなどの背景調整 */
.navbar-nav > li > a {
background-color: transparent !important;
}

/* 他の場所に残っている可能性のある線をすべてリセット */
header *, #header *, .navbar * {
border-bottom: none !important;
}

/* 境界線を消去 */
header, 
#header, 
.navbar.navbar-default {
  border-bottom: 1px solid #e2ded8 !important;
}

/* フッターのあらゆる階層を強制的にベージュにする */
#footer, 
#footer_inner, 
.f-container, 
.c-footer,
footer[role="contentinfo"],
.footer-bottom {
    background-color: #F2EFE9 !important;
    background: #F2EFE9 !important; /* 背景画像などが設定されている場合を考慮 */
    border-top: 1px solid #ebe6e0 !important;
}

/* フッター内の文字色も強制上書き */
#footer, #footer *, footer, footer * {
    color: #5d4a37 !important;
    border-color: #e2ded8 !important; /* 区切り線がある場合の色 */
}

/* リンク色だけは区別する */
#footer a, footer a {
    color: #5d4a37 !important;
    text-decoration: none !important;
}

/* コピーライト部分の背景も漏れなく指定 */
.copyright-wrapper, .cp-area {
    background-color: #F2EFE9 !important;
}

@media screen and (min-width: 600px) {
    .header .__banner .__wrap .__login .__block .__body ul.__menu li a:before {
width: 1.5em;
text-align: center;
    }
}