@charset "UTF-8";


/* sass */
.osoroi { background-color: #FFFADD; }

.osoroi .key-reward img { height: auto; max-width: inherit; width: 100%; }

.osoroi .wrap-point-all > .section { padding-top: 78px; }

.osoroi .wrap-point-detail { padding-bottom: 67px; margin-top: 32px; }

.osoroi .wrap-point-detail.bg01 { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/img_snack.png) no-repeat bottom 30px center/1250px auto, url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/bg_point01_pc.png) no-repeat bottom center/100% 476px; }

.osoroi .wrap-point-detail.bg02 { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/bg_point02_pc.png) no-repeat bottom center/100% 476px; padding-bottom: 55px; }

.osoroi .wrap-point-detail.bg03 { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/bg_point03_pc.png) no-repeat bottom center/100% 437px; margin-top: 5px; }

.osoroi .wrap-lead-point { display: inline-block; }

.osoroi .wrap-lead-point .notes { color: #815E2C; font-family: "Noto Sans JP", sans-serif; text-align: right; font-size: 1.6rem; }

.osoroi .lead-point { color: #815E2C; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 4.2rem; text-align: center; }

.osoroi .ttl-point-num { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/num_deco01.png) no-repeat center center/contain; display: inline-block; min-height: 112px; min-width: 145px; position: relative; }

.osoroi .ttl-point-num > .inner { display: flex; align-items: center; justify-content: center; min-height: 112px; }

.osoroi .ttl-point-num p { color: #fff; font-family: "Roboto", sans-serif; font-size: 2.2rem; font-weight: 700; line-height: 1; position: relative; -webkit-transform: translateX(-3px); transform: translateX(-3px); }

.osoroi .ttl-point-num p .num { font-size: 6rem; font-weight: 900; }

.osoroi .ttl-point-num.pt2 { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/num_deco02.png) no-repeat center center/contain; }

.osoroi .ttl-point-num.pt3 { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/num_deco03.png) no-repeat center center/contain; }

.osoroi .box-point { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/bg_point_box.png); border-radius: 32px; border: 6px solid #EFCC4A; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.19); margin: 0 auto; padding: 65px 52px 60px 54px; position: relative; width: 720px; }

.osoroi .box-point.box-long { padding: 50px 80px 40px; width: 1140px; }

.osoroi .box-point::before { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/img_flag.png) no-repeat center center/contain; content: ""; display: inline-block; position: absolute; top: -5px; left: -5px; width: 150px; height: 84.5px; }

.osoroi .box-point .txt-point p { color: #4F331F; font-family: "Noto Sans JP", sans-serif; font-size: 3rem; font-weight: 700; line-height: 1.5; text-align: center; }

.osoroi .wrap-list-point > .uc-lyt-row > .uc-lyt-col > .parsys { display: flex; flex-wrap: wrap; margin-left: -48px; }

.osoroi .wrap-list-point > .uc-lyt-row > .uc-lyt-col > .parsys > .section { display: flex; margin-top: 32px; margin-left: 48px; width: calc(100% / 2 - 48px); }

.osoroi .wrap-list-point .list-point { background-color: #fff; border-radius: 16px; box-shadow: 1px 5px 7px 0 rgba(0, 0, 0, 0.19); padding: 24px; }

.osoroi .wrap-list-point .list-point.pt01::before { content: ""; background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/img_point03_01.png) no-repeat center/contain; display: inline-block; width: 194px; height: 144px; }

.osoroi .wrap-list-point .list-point.pt02::before { content: ""; background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/img_point03_02.png) no-repeat center/contain; display: inline-block; width: 375px; height: 144px; }

.osoroi .wrap-list-point .list-point .txt { color: #4F331F; font-family: "Noto Sans JP", sans-serif; font-size: 2.4rem; line-height: 1; text-align: left; }

.osoroi .wrap-list-point .list-point .section:has(.txt) { display: inline-block; }

.osoroi .wrap-list-point .list-point .notes { font-size: 1.4rem; }

.osoroi .txt-notes { color: #333; font-family: "Noto Sans JP", sans-serif; font-size: 1.4rem; margin-top: 18px; }

.osoroi .img-ttl-lineup { display: inline-block; position: relative; z-index: 1; }

.osoroi .img-ttl-lineup::before, .osoroi .img-ttl-lineup::after { content: ""; background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/img_lineup_grass.png) no-repeat center center/cover; display: inline-block; position: absolute; width: 446px; height: 166px; }

.osoroi .img-ttl-lineup::before { top: 0; left: -410px; bottom: 0; }

.osoroi .img-ttl-lineup::after { top: 0; right: -410px; bottom: 0; -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.osoroi .wrap-lineup { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/img_lineup_line_pc.png) repeat-x top center/contain, url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/bg_lineup.png) no-repeat center center/cover; padding-top: 118px; -webkit-transform: translateY(-100px); transform: translateY(-100px); }

.osoroi .wrap-lineup > .uc-lyt-row > .uc-lyt-col > .parsys { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -24px; margin-top: -24px; }

.osoroi .wrap-lineup .section:has(.box-lineup) { width: calc(100% / 4 - 24px); }

.osoroi .wrap-lineup .box-lineup { background-color: #fff; border-radius: 16px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); margin-left: 24px; margin-top: 24px; padding: 24px; }

.osoroi .wrap-lineup .lineup-txt p { color: #333; font-family: "Noto Sans JP", sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 1.5; }

.osoroi .wrap-lineup .lineup-btn { margin-top: 16px; }

.osoroi .wrap-lineup .lineup-btn a { border-radius: 12px; background: #ED8403; color: #fff; display: block; font-size: 2rem; font-weight: 800; padding: 15px; transition: all .3s ease-in-out; }

.osoroi .wrap-lineup .lineup-btn a:hover { text-decoration: none; opacity: .6; }

.osoroi #lineup .CMP-CM32-container { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/bg_lineup.png) repeat left top; }

/* --------------------------------------------------------------------------------------
  スマホ
--------------------------------------------------------------------------------------- */

@media (max-width: 960px) { .osoroi .wrap-point-all > .section { padding-top: 32px; }
  .osoroi .wrap-point-detail { padding-bottom: 15px; margin-top: calc(12px + 135px); }
  .osoroi .wrap-point-detail.bg01 { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/bg_point01_sp.png) no-repeat bottom center/100% 73.333vw; }
  .osoroi .wrap-point-detail.bg02 { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/bg_point02_sp.png) no-repeat bottom center/100% 126.933vw; padding-bottom: 35px; margin-top: 10px; }
  .osoroi .wrap-point-detail.bg03 { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/bg_point03_sp.png) no-repeat bottom center/100% 73.333vw; margin-top: calc(12px + 135px); }
  .osoroi .wrap-point-detail img.uc-sp { display: block !important; }
  .osoroi .wrap-lead-point .notes { font-size: 1.4rem; }
  .osoroi .lead-point { font-size: 2rem; margin-top: 10px; }
  .osoroi .ttl-point-num { min-height: 58px; min-width: 76px; }
  .osoroi .ttl-point-num > .inner { min-height: 58px; }
  .osoroi .ttl-point-num p { font-size: 1.1rem; -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  .osoroi .ttl-point-num p .num { font-size: 3.1rem; }
  .osoroi .box-point { border-radius: 16px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.19); margin: 0 16px -135px; padding: 56px 0 31px; -webkit-transform: translateY(-135px); transform: translateY(-135px); width: calc(100% - 32px); }
  .osoroi .box-point.box-long { padding: 56px 18px 26px; width: calc(100% - 32px); }
  .osoroi .box-point::before { width: 28vw; height: 14.667vw; }
  .osoroi .box-point .txt-point p { color: #333; font-size: 1.8rem; }
  .osoroi .wrap-list-point > .uc-lyt-row > .uc-lyt-col > .parsys { flex-direction: column; margin-left: 0; }
  .osoroi .wrap-list-point > .uc-lyt-row > .uc-lyt-col > .parsys > .section { display: block; margin-top: 24px; margin-left: 0; width: 100%; }
  .osoroi .wrap-list-point .list-point { padding: 24px 10px; }
  .osoroi .wrap-list-point .list-point.pt01::before { width: 46.667vw; height: 34.667vw; }
  .osoroi .wrap-list-point .list-point.pt02 { padding: 45px 10px; }
  .osoroi .wrap-list-point .list-point.pt02::before { width: 69.333vw; height: 10.169vw; }
  .osoroi .wrap-list-point .list-point .txt { font-size: 1.6rem; }
  .osoroi .img-point01 { padding: 6px 26px 0 31px; }
  .osoroi .txt-notes { color: #000; font-family: "Noto Sans JP", sans-serif; font-size: 1.4rem; padding-top: 15px; margin-top: 0; }
  .osoroi .txt-notes.sp-ta-r { text-align: right; }
  .osoroi .img-ttl-lineup::before, .osoroi .img-ttl-lineup::after { content: ""; display: none; }
  .osoroi .wrap-lineup { background: url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/img_lineup_line_sp.png) repeat-x top center/contain, url(/content/dam/sites/jp_unicharmpet_com/gran-deli/osoroi/bg_lineup.png) no-repeat center center/cover; padding-top: 100px; -webkit-transform: translateY(-125px); transform: translateY(-125px); }
  .osoroi .wrap-lineup > .uc-lyt-row > .uc-lyt-col > .parsys { margin-left: -19px; }
  .osoroi .wrap-lineup .section:has(.box-lineup) { width: calc(100% / 2 - 19px); }
  .osoroi .wrap-lineup .box-lineup { margin-left: 19px; padding: 13px 10px; }
  .osoroi .wrap-lineup .lineup-txt p { font-size: 1.6rem; }
  .osoroi .wrap-lineup .lineup-btn { margin-top: 12px; }
  .osoroi .wrap-lineup .lineup-btn a { font-size: 1.4rem; padding: 15px; }
  .osoroi .wrap-lineup .lineup-btn a:hover { opacity: 1; }
  .osoroi .section:has(> .ec-sec) { margin-left: 20px; width: calc(100% - 50px); } }