@charset "UTF-8";


/* sass */
.frecious-meat .uc-page-body .uc-lyt-row { max-width: 1680px; }

.frecious-meat .img-kv { width: 100%; }

.frecious-meat .img-kv img { width: 100%; }

.frecious-meat .lead-meat { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/lead_bg.png) no-repeat center -70px; background-size: 1790px; min-height: 830px; padding-top: 180px; }

.frecious-meat .wrap-txt-meat-type { position: relative; }

.frecious-meat .wrap-txt-meat-type:before { content: ""; display: block; background: #FFF5C2; -webkit-filter: blur(12.5px); filter: blur(12.5px); position: absolute; width: 100%; height: 171px; top: 65px; left: 0; right: 0; }

.frecious-meat .wrap-txt-meat-type .img-txt-meat-type { display: inline-block; position: relative; }

.frecious-meat .wrap-txt-meat-type .img-txt-meat-type img { position: relative; z-index: 1; }

.frecious-meat .wrap-txt-meat-type .img-txt-meat-type::before, .frecious-meat .wrap-txt-meat-type .img-txt-meat-type::after { content: ""; display: inline-block; position: absolute; z-index: 2; }

.frecious-meat .wrap-txt-meat-type .img-txt-meat-type::before { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/dog-small.png) no-repeat; background-size: contain; top: 75px; left: -200px; width: 203px; height: 211px; }

.frecious-meat .wrap-txt-meat-type .img-txt-meat-type::after { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/dog-medium.png) no-repeat; background-size: contain; top: 0; right: -285px; width: 326px; height: 300px; }

.frecious-meat .wrap-meat-detail { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/img-bg01-pc.png) no-repeat top center; background-size: cover; padding: 170px 0; margin-top: 125px; min-height: 139.762vw; }

.frecious-meat .wrap-meat-detail:before { content: ""; display: block; background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/ttl_frame02.png) no-repeat top center; position: relative; top: 0; left: 0; right: 0; margin: 0 auto; width: 1097px; height: 117px; }

.frecious-meat .img-meat-detail { margin-top: 30px; }

.frecious-meat .head-ttl.dog-01::before { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/dog-small.png) no-repeat; background-size: contain; content: ''; display: block; position: absolute; left: -90px; top: -225px; width: 293.04px; height: 301.32px; }

.frecious-meat .head-ttl.dog-02::after { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/dog-medium02.png) no-repeat; background-size: contain; content: ''; display: block; position: absolute; left: 900px; top: -315px; width: 436px; height: 390px; }

.frecious-meat .health { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/img-bg02-pc.png) no-repeat center top; padding-bottom: 400px; padding-top: 10%; }

.frecious-meat .health .point-list li { font-size: 1.6rem; width: calc(100% / 5 - 24px); }

.frecious-meat .health .point-list li:nth-child(5)::before { background-image: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/icon_point_05.png); background-size: contain; }

.frecious-meat .frecious-lineup { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/frecious/lineup_frame.png) no-repeat center top, url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/lineup_inner_bg-pc.png) no-repeat center bottom, url(/content/dam/sites/jp_unicharmpet_com/gran-deli/frecious/lineup_bg.png) repeat-y center 20px; padding-bottom: 34.524vw; padding-top: 150px; }

.frecious-meat .frecious-lineup .lineup-inner::before { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/dog-medium02.png) no-repeat; background-size: contain; bottom: 0; content: ''; display: block; height: 390px; position: absolute; right: -240px; top: -535px; width: 436px; }

.frecious-meat .frecious-lineup .lineup-inner::after { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/dog-small02.png) no-repeat !important; background-size: contain !important; bottom: 0 !important; content: '' !important; display: block !important; height: 289px !important; position: absolute !important; left: -200px !important; top: -425px !important; width: 293px !important; }

.frecious-meat .wrap-lineup-meat-ttl { position: relative; }

.frecious-meat .wrap-lineup-meat-ttl::before { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/lineup_frame_deco.png) no-repeat; content: ''; display: block; height: 361px; margin: 0 auto; left: 0; right: 0; position: absolute; top: -405px; width: 818px; }

.frecious-meat .lineup-meat-ttl { width: auto; }

.frecious-meat .lineup-meat-ttl h2 { align-items: center; background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/frecious/lineup_ttl_line.png) no-repeat center top/contain, url(/content/dam/sites/jp_unicharmpet_com/gran-deli/frecious/lineup_ttl_line.png) no-repeat center bottom/contain, url(/content/dam/sites/jp_unicharmpet_com/gran-deli/frecious/lineup_ttl_light.png) no-repeat center center/cover; color: #4b0000; display: flex; font-size: 3.8rem; font-weight: bold; height: 112px; justify-content: center; }

.frecious-meat .lineup-meat-ttl h2 > br:first-child { display: none; }

.frecious-meat .lineup-meat-ttl sup { font-size: 1.8rem; letter-spacing: -4.5px; top: -1em; }

/* --------------------------------------------------------------------------------------
   ios用のリンク対策
--------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------
   スマホ
--------------------------------------------------------------------------------------- */
@media (min-width: 1681px) { .frecious-meat .wrap-meat-detail { background-size: contain; min-height: auto; }
  .frecious-meat .frecious-lineup { background-size: 100% auto; } }
@media (max-width: 960px) { .frecious-meat .lead-meat { background: none; background-size: 0; min-height: 0; padding-top: 76px; }
  .frecious-meat .lead-meat .lead-logo img { width: 100%; }
  .frecious-meat .wrap-txt-meat-type { margin-top: 40px; }
  .frecious-meat .wrap-txt-meat-type:before { -webkit-filter: blur(10px); filter: blur(10px); height: 29.067vw; top: 8vw; }
  .frecious-meat .wrap-txt-meat-type .img-txt-meat-type::before { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/dog-small.png) no-repeat; background-size: contain; top: auto; bottom: -80px; left: -10px; width: 73px; height: 76px; }
  .frecious-meat .wrap-txt-meat-type .img-txt-meat-type::after { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/dog-medium.png) no-repeat; background-size: contain; top: auto; bottom: -90px; right: -5px; width: 117px; height: 107px; }
  .frecious-meat .wrap-meat-detail { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/img-bg01-sp.png) no-repeat top center; background-size: cover; padding: 25.667vw 0; }
  .frecious-meat .wrap-meat-detail:before { content: ""; display: block; background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/ttl_frame02.png) no-repeat top center/contain; position: relative; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: auto; min-height: 12.8vw; }
  .frecious-meat .img-meat-detail { margin-top: 4vw; }
  .frecious-meat .img-meat-detail img { width: 100%; }
  .frecious-meat .head-ttl { margin-top: 21vw; }
  .frecious-meat .head-ttl.dog-01::before { left: -5px; top: -130px; width: 131.868px; height: 135.594px; }
  .frecious-meat .head-ttl.dog-02::after { left: auto; right: -10px; top: -165px; width: 196.2px; height: 175.5px; }
  .frecious-meat .health { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/img-bg02-sp.png) no-repeat center top/cover; padding-bottom: 130px; padding-top: 10%; }
  .frecious-meat .health .op-list::before { background-position: center top; }
  .frecious-meat .health .point-list li { font-size: 3.467vw; margin-top: 2.667vw; padding: 4vw 4vw 6vw; width: 44.267vw; }
  .frecious-meat .health .point-list.list-odd > li:last-child { margin: 2.667vw auto 0; }
  .frecious-meat .frecious-lineup { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/frecious/lineup_frame.png) no-repeat center top, url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/lineup_inner_bg-sp.png) no-repeat center bottom/contain, url(/content/dam/sites/jp_unicharmpet_com/gran-deli/frecious/lineup_bg.png) repeat-y center 20px; padding-bottom: 100vw; padding-top: 90px; }
  .frecious-meat .frecious-lineup .lineup-inner::before { display: none; }
  .frecious-meat .frecious-lineup .lineup-inner::after { display: none !important; }
  .frecious-meat .wrap-lineup-meat-ttl::before { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/lineup_frame_deco.png) no-repeat center center; background-size: contain; min-height: 151px; height: 100%; top: -165px; width: 100%; }
  .frecious-meat .lineup-meat-ttl h2 { align-items: center; background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/frecious/lineup_ttl_line.png) no-repeat center top/contain, url(/content/dam/sites/jp_unicharmpet_com/gran-deli/frecious/lineup_ttl_line.png) no-repeat center bottom/contain, url(/content/dam/sites/jp_unicharmpet_com/gran-deli/meat/lineup_ttl_light-sp.png) no-repeat center center/cover; display: block; font-size: 2.4rem; padding: 10px 30px; margin: 0 20px; height: auto; }
  .frecious-meat .lineup-meat-ttl h2 > br:first-child { display: block; }
  .frecious-meat .lineup-meat-ttl sup { font-size: 1rem; letter-spacing: -2.5px; top: -1em; }
  .frecious-meat .packing { padding-top: 0; }
  .frecious-meat .packing-inner { margin-bottom: 100px; } }