@charset "utf-8";
/* CSS Document */
/* 既存リセット */
#bc_footer{
  margin-top: 0 !important;
}

/* ----------
base
---------- */
#sideNav{
  color: #333;
  font: 500 14px 'Noto Serif JP', serif;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: left;
}

/* ----------
module
---------- */
/* サイドナビ外 */
.m_sideNavWrap{}
.m_sideNavWrap--colorTheme{
  background: #efefef;
}

/* サイドナビ(個別) */
.m_sideNav{}
.m_sideNav__ttl{
  padding: 8px 0 8px 12px;
  line-height: 1;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.m_sideNav__body + .m_sideNav__body{
  border-top: 6px solid #fff;
}
.m_sideNav__list{
  padding: 16px;
}
.m_sideNav__listItem + .m_sideNav__listItem{
  margin-top: 8px;
}
.m_sideNav__link{
  color: inherit;
}
.m_sideNav__link:hover{
  opacity: .7;
}
.m_sideNav--colorTheme{}
.m_sideNav--colorTheme .m_sideNav__ttl{
  background: #4c2607;
  color: #fff;
}

/* サイドナビカード */
.m_sideCard{
  display: block;
  padding: 24px 12px;
}
.m_sideCard:hover{
  opacity: .7;
}
.m_sideCard{
  color: inherit;
}
.m_sideCard__img{
  line-height: 0;
  text-align: center;
}
.m_sideCard__img img{
  max-width: 100%;
  height: auto;
}
.m_sideCard__ttl{
  font-size: 14px;
  font-weight: bold;
}
.m_sideCard__ttl + .m_sideCard__price{
  margin-top: 8px;
}
.m_sideCard__price{
  font-size: 20px;
  line-height: 1;
}
.m_sideCard__unit{
  font-size: 14px;
}
.m_sideCard--colorTheme{}
.m_sideCard--colorTheme .m_sideCard__price{
  color: #896239;
}
.m_sideCard--colorTheme .m_sideCard__unit{
  color: #999;
}