@charset "UTF-8";
/* CSS Document */
/* =========================================================
 update :
 2018.11.28 高橋
========================================================= */
/* ---------------------------------------------------------
変数（色）
--------------------------------------------------------- */
/*黒 C-00B:#000*/
/*赤紫 C-01pR:#e91e70*/
/*赤 C-02R:#e93261*/
/*赤黄 C-03yR:#e83f52*/
/*橙赤 C-04rO:#ea3840*/
/*橙 C-05O:#eb5336*/
/*橙黄 C-06yO:#f17230*/
/*黄橙 C-07rY:#f79c24*/
/*黄 C-08Y:#fac11a*/
/*黄緑 C-09gY:#e5dc14*/
/*黄緑 C-10YG:#bbd416*/
/*緑黄 C-11yG:#56bb38*/
/*緑 C-12G:#00ae3f*/
/*緑青 C-13bG:#00a753*/
/*青緑 C-14BG:#009f71*/
/*青緑 C-15BG:#019689*/
/*青緑 C-16gB:#00848e*/
/*青 C-17B:#0182a4*/
/*青 C-18B:#0171ab*/
/*青紫 C-19pB:#0e52a4*/
/*スミレ C-20V:#322493*/
/*紫青 C-21bP:#561e91*/
/*紫 C-22P:#711a8e*/
/*紫赤 C-23rP:#a81889*/
/*赤紫 C-24RP:#cf0d76*/
/*グレー C-93G1:#111*/
/*グレー C-94G2:#333*/
/*グレー C-95G6:#666*/
/*グレー C-95G9:#999*/
/*グレー C-96GC:#ccc*/
/*グレー C-97GD:#ddd*/
/*グレー C-98GW:#eee*/
/*グレー C-99GW:#fafafa*/
/*白 C-99W:#fff*/
/*-lは背景用*/
/*赤紫 C-01pR-l:#fde8f0*/
/*赤 C-02R-l:#fdeaef*/
/*赤黄 C-03yR-l:#fdebed*/
/*橙赤 C-04rO-l:#fdebec*/
/*橙 C-05O-l:#fdedeb*/
/*橙黄 C-06yO-l:#fef1ea*/
/*黄橙 C-07rY-l:#fef5e9*/
/*黄 C-08Y-l:#fef9e8*/
/*黄緑 C-09gY-l:#fcfbe7*/
/*黄緑 C-10YG-l:#eef8eb*/
/*緑黄 C-11yG-l:#eef8eb*/
/*緑 C-12G-l:#e5f7eb*/
/*緑青 C-13bG-l:#e5f6ed*/
/*青緑 C-14BG-l:#e5f5f1*/
/*青緑 C-15BG-l:#e5f4f3*/
/*青緑 C-16gB-l:#e5f2f3*/
/*青 C-17B-l:#e5f2f6*/
/*青 C-18B-l:#e5f1f6*/
/*青紫 C-19pB-l:#e6edf6*/
/*スミレ C-20V-l:#eae9f4*/
/*紫青 C-21bP-l:#eee8f4*/
/*紫 C-22P-l:#f1e8f3*/
/*紫赤 C-23rP-l:#f6e7f3*/
/*赤紫 C-24RP-l:#fae6f1*/
/*赤紫 C-01pR-sl:#f8bbd4*/
/*赤 C-02R-sl:#f8c1cf*/
/*赤黄 C-03yR-sl:#f8c5cb*/
/*橙赤 C-04rO-sl:#f9c3c5*/
/*橙 C-05O-sl:#f9cbc2*/
/*橙黄 C-06yO-sl:#fbd4c0*/
/*黄橙 C-07rY-sl:#fde1bd*/
/*黄 C-08Y-sl:#fdecba*/
/*黄緑 C-09gY-sl:#f7f4b8*/
/*黄緑 C-10YG-sl:#eaf2b9*/
/*緑黄 C-11yG-sl:#cceac3*/
/*緑 C-12G-sl:#b2e7c5*/
/*緑青 C-13bG-sl:#b2e4cb*/
/*青緑 C-14BG-sl:#b2e2d4*/
/*青緑 C-15BG-sl:#b2dfdb*/
/*青緑 C-16gB-sl:#b2dadd*/
/*青 C-17B-sl:#b2d9e4*/
/*青 C-18B-sl:#80b8d5*/
/*青紫 C-19pB-sl:#b6cbe4*/
/*スミレ C-20V-sl:#c1bdde*/
/*紫青 C-21bP-sl:#ccbbde*/
/*紫 C-22P-sl:#d4badd*/
/*紫赤 C-23rP-sl:#e5b9db*/
/*赤紫 C-24RP-sl:#f1b6d6*/
/*赤紫 C-01pR-sd:#ad0225*/
/*赤 C-02R-sd:#d50a25*/
/*赤黄 C-03yR-sd:#d3101a*/
/*橙赤 C-04rO-sd:#d70c10*/
/*橙 C-05O-sd:#d91b0b*/
/*橙黄 C-06yO-sd:#e43309*/
/*黄橙 C-07rY-sd:#ef5f05*/
/*黄 C-08Y-sd:#f59203*/
/*黄緑 C-09gY-sd:#cebe02*/
/*黄緑 C-10YG-sd:#89b002*/
/*緑黄 C-11yG-sd:#1d890c*/
/*緑 C-12G-sd:#b2e7c5*/
/*緑青 C-13bG-sd:#006d1b*/
/*青緑 C-14BG-sd:#006332*/
/*青緑 C-15BG-sd:#00584a*/
/*青緑 C-16gB-sd:#00444f*/
/*青 C-17B-sd:#003273*/
/*青 C-18B-sd:#003273*/
/*青紫 C-19pB-sd:#011a69*/
/*スミレ C-20V-sd:#0a0555*/
/*紫青 C-21bP-sd:#1d0452*/
/*紫 C-22P-sd:#32034f*/
/*紫赤 C-23rP-sd:#6f024a*/
/*赤紫 C-24RP-sd:#a80137*/
/*赤紫 C-01pR-d:#910115*/
/*赤 C-02R-d:#c30515*/
/*赤黄 C-03yR-d:#c1080e*/
/*橙赤 C-04rO-d:#c60608*/
/*橙 C-05O-d:#c90f05*/
/*橙黄 C-06yO-d:#d81e04*/
/*黄橙 C-07rY-d:#e74102*/
/*黄 C-08Y-d:#f07301*/
/*黄緑 C-09gY-d:#699401*/
/*黄緑 C-10YG-d:#4a7900*/
/*緑黄 C-11yG-d:#106906*/
/*緑 C-12G-d:#005708*/
/*緑青 C-13bG-d:#004e0f*/
/*青緑 C-14BG-d:#00441e*/
/*青緑 C-15BG-d:#003b2f*/
/*青緑 C-16gB-d:#002b33*/
/*青 C-17B-d:#00294a*/
/*青 C-18B-d:#001e53*/
/*青紫 C-19pB-d:#000e4a*/
/*スミレ C-20V-d:#050238*/
/*紫青 C-21bP-d:#100236*/
/*紫 C-22P-d:#1e0133*/
/*紫赤 C-23rP-d:#4f012f*/
/*赤紫 C-24RP-d:#8b0021*/
/* ---------------------------------------------------------
変数（base情報/fontの基本色）
--------------------------------------------------------- */
/*グレー C-93G1:#111*/
/* ---------------------------------------------------------
変数（primary情報/darkとlightは主として使わない）
--------------------------------------------------------- */
/*青緑 C-15BG:#019689*/
/*青緑 C-15BG-sd:#00584a*/
/*青緑 C-15BG-sl:#b2dfdb*/
/*青緑 C-15BG-l:#e7f3f3*/
/* ---------------------------------------------------------
変数（secondary情報/アクセントカラー/darkとlightは主として使わない）
--------------------------------------------------------- */
/*赤黄 C-03yR:#e83f52*/
/*赤紫 C-03yR-dark:#a01037*/
/*赤紫 C-03yR-light:#f06289*/
/* =========================================================
 c-img
========================================================= */
.c-img {
  width: 100%;
  vertical-align: bottom; }

.c-img__br {
  width: 100%;
  border: 1px solid #ddd;
  box-sizing: border-box;
  vertical-align: bottom; }

.c-img__br-db {
  width: 100%;
  border: 1px solid #ddd;
  padding: 4px;
  background: #fff;
  box-sizing: border-box;
  vertical-align: bottom; }

/* =========================================================
 c-img
========================================================= */
.c-img-pickup__primary {
  position: relative; }

.c-img-pickup__primary::before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  z-index: 100; }

.c-img-pickup__primary::after {
  content: "Pick up";
  display: block;
  top: 0;
  color: #fff;
  /* 文字色はここで変更 */
  left: 8px;
  position: absolute;
  z-index: 101;
  white-space: pre;
  font-weight: normal;
  -webkit-border-radius: 0 0 8px 8px / 0 0  8px 8px;
  -moz-border-radius: 0 0 8px 8px / 0 0  8px 8px;
  border-radius: 0 0 8px 8px / 0 0 8px 8px; }

@media screen and (max-width: 768px) {
  .c-img-pickup__primary {
    margin-bottom: -2px; }

  .c-img-pickup__primary::after {
    background: #019689;
    font-size: 1.3em;
    padding: 4px 12px; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .c-img-pickup__primary {
    margin-bottom: -2px; }

  .c-img-pickup__primary::after {
    background: #019689;
    font-size: 1.6em;
    padding: 6px 16px; } }
@media print{
  .c-img-pickup__primary::after {
    background: #019689;
    font-size: 1.6em;
    padding: 6px 16px; } }
/* =========================================================
 c-thumb
========================================================= */
.c-thumb {
  overflow: hidden; }

a .c-thumb img {
  transition-duration: 0.5s; }

a:hover .c-thumb img {
  transform: scale(1.1);
  transition-duration: 0.5s; }

/*# sourceMappingURL=component.css.map */