@charset "utf-8";

/* font common material */
.blk {
  color: #000;
}
.red {
  color: #f30;
}
.orn {
  color: #f60;
}
.yel {
  color: #ff0;
}
.grn {
  color: #063;
}
.blu {
  color: #00f;
}
.gry {
  color: #666;
}
.wht {
  color: #fff;
}
.pnk_dark {
  color: #f06;
}
.pnk_thin {
  color: #f9c;
}
.roland_b {
  color: #0073cd;
}

/* 商品カテゴリ ALL画像高さ調整 */
.product-rollup .rollup .rollup-body > a .rollup-image {
  display: flex;
  min-height: 170px !important;
  justify-content: center;
  align-items: center;
}

/* 商品カテゴリ タイトルバー */
#content {
  overflow: hidden;
}
.family-rollup .rollup .rollup-body .rollup-image {
  padding-bottom: 20px;
}
.family-rollup .rollup .rollup-body .rollup-image img {
  max-width: 100%;
}

#garment-background {
  background: #ffa8cc no-repeat right
    url("-/media/32F288CAA0DA4917B1B2E9C9486A20D0.ashx");
}
#sublimation-background {
  background: #964c9d no-repeat right
    url("/-/media/0655F876D0F74619B36CF5B65D778776.ashx");
}
#printercutters-background {
  background: #0171b9 no-repeat right
    url("/-/media/016EF9C1DFC34EC2B557077324E137BE.ashx");
}
#printers-background {
  background: #ee343f no-repeat right
    url("/-/media/67A19768BE44498A9B289DC2B77FC80F.ashx");
}
#uv-background {
  background: #009444 no-repeat right
    url("/-/media/BB10B1C32AF1473FA693D03760827F5F.ashx");
}
.background-titles h2 {
  padding: 10px 0 10px 20px;
  font-weight: 300;
  color: #ffffff;
}

/* 商品カテゴリ newアイコン */
.newBlueCircle {
  float: left;
  border-radius: 55px;
  background-color: #0467cc;
  width: 55px;
  color: #fff;
  line-height: 55px;
  height: 55px;
  font-size: 18px;
  text-align: center;
}
.family-rollup .newBlueCircle {
  border-radius: 0 5px 0 !important;
  position: absolute;
  top: 3% !important;
  line-height: 24px !important;
  left: -70% !important;
  padding: 3.5px 20px 3px 20px !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  height: auto !important;
  width: auto !important;
}

/* newアイコン */
.product-rollup .newBlueCircle {
  border-radius: 0 5px 0 !important;
  position: absolute;
  top: 0 !important;
  line-height: 24px !important;
  right: 20px !important;
  /* left: 25px !important; */
  padding: 3.5px 20px 3px 20px !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  height: auto !important;
  width: auto !important;
}

/* 画像サイズ */
.img-responsive {
  max-height: 170px;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
  #sublimation-background {
    background: #964c9d;
    background-image: none;
  }
  #printercutters-background {
    background: #0171b9;
    background-image: none;
  }

  #printers-background {
    background: #ee343f;
    background-image: none;
  }
  #uv-background {
    background: #009444;
    background-image: none;
  }
  .background-titles .h3 {
    font-size: 28px;
  }
}