:root {
  --bg-color: #faf7f2;
}

html {
  height: 100%;
}

body {
  background-color: var(--bg-color);
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

.tab-bg {
  background-color: #faf7f2ee;
  box-shadow: 0 8px 5px -5px rgba(0, 0, 0, 0.15);
  margin: 0;
  padding: 0;
}

.uk-tab > * > a {
  border-bottom-width: 2px;
}
.uk-tab > .uk-active > a {
  border-color: chocolate;
}

.navbar-background {
  background-color: #ede2d0 !important;
  margin-bottom: 12px;
}

.uk-margin-xsmall-top {
  margin-top: 6px !important;
}

.uk-margin-xxsmall-top {
  margin-top: 4px !important;
}

.padding-xsmall {
  padding: 3px;
}

a > img {
  border: none;
}

img-maxh218 {
	max-height:218px;
	
}

.uk-card-body-small {
  display: flow-root;
  padding: 8px 10px 12px 10px;
}

.pp-width {
  width: 120px;
}

.pp-width-small {
  width: 80px;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.h-200 {
  height: 200px;
}
.h-160 {
  height: 160px;
}

.card {
  min-height: 200px;
  display: flex;
}

.card-small-pad {
  padding: 9px 18px;
}

.card-small-20 {
  padding: 2px 20px 20px 20px;
}

.card-imgdiv {
  max-width: 50%;
  align-self: center;
  display: flex;
  align-items: center;
}
  
.card-img {
  height: 200px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.card-price-text {
  color: #f0506e !important;
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: 5px;
}

.tile-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  align-content: space-around;
}

.uk-text-medium {
  font-size: 1.2rem;
}

.logo-s {
  min-height: 32px;
  height: 32px;
  padding: 2px 0px;
}

.logo {
  min-height: 60px;
  height: 60px;
  padding: 6px 0px;
}

.weak-sticky {
  position: sticky;
  top: 0px;
  z-index: 5;
}

@media (max-width: 959px) {
  .sticky-offset-36u\@m {
    top: 36px !important;
  }

  .sticky-u\@m {
    position: sticky;
    top: 0px;
    z-index: 50;
  }
}

@media (min-width: 480px) {
  .uk-hidden\@ss {
    display: none !important;
  }
}
@media (min-width: 360px) {
  .uk-hidden\@xs {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .uk-visible\@ss {
    display: none !important;
  }

  .uk-padding-10u\@ss {
    padding: 10px !important;
  }

  .uk-padding-7u\@ss {
    padding: 7px 10px !important;
  }
}
@media (max-width: 359px) {
  .uk-visible\@xs {
    display: none !important;
  }
}

@media (min-width: 1100px) {
  .uk-child-width-1-2\@ml > * {
    width: 50%;
  }
}

.uk-table-small th,
.uk-table-small td {
  font-size: 0.9rem;
}
.uk-table-small .uk-table-link > a {
  font-size: 0.9rem;
}

.div-flex-center {
  display: flex;
  align-items: center;
}

.uk-icon-button {
  background-color: #eee;
  z-index: 999;
}

.uk-icon-button:hover {
  background-color: #ddd;
}

.text-wrap-ka {
  overflow-wrap: break-word;
  word-break: keep-all;
  width: 100%;
}

.uk-padding-remove-tr {
  padding-top: 0px !important;
  padding-right: 0px !important;
}

footer {
  margin-top: 40px;
  position: sticky;
  top: 100vh;
}

#pagination-bg {
  background-color: #ede2d040;
  padding: 15px 0px;
}

.sns-div {
  display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 2px;
}
.sns-div#sns-div-root {
  gap: 8px;
  margin-bottom: 12px;
}
.sns-button {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 3px;
  font-size: 0.8rem;
	color: #fff;
	background-color: #b79889;
	text-decoration: none;
	transition: 0.2s;
}
.sns-button:hover {
	opacity: 0.75;
  color: #fff;
  text-decoration: none;
}
.sns-button#sns-row-button {
  padding: 10px;
}
.sns-twitter {
	background-color: #1da1f2;
}
.sns-facebook {
	background-color: #1877f2;
}
.sns-line {
	background-color: #00b900;
}
.sns-hatena {
	background-color: #5279e7;
}
.sns-pocket {
	background-color: #ee4056;
}