@charset "UTF-8";

/* sass */
.mymp-add-ta-c { text-align: center !important; }

.mymp-add-ta-l-c { text-align: left !important; }

.mymp-add-mgb0 { margin-bottom: 0 !important; }

.mymp-add-link-sel-anchor ul li { list-style: none; margin: 0; }

.mymp-add-link-sel-anchor ul li a { display: block; position: relative; border-radius: 20px; padding: 20px 70px 20px 40px; color: #fff; text-decoration: none; font-size: 1.8rem; width: 100%; text-align: center; }

.mymp-add-link-sel-anchor ul li a span { display: block; font-size: 2.2rem; font-weight: 700; }

.mymp-add-link-sel-anchor ul li a::after { content: ""; position: absolute; right: 24px; top: 50%; background: transparent url(/content/dam/sites/sg_mamypoko_com/images/products/icon_anchor_arrow.png) no-repeat left top; background-size: contain; width: 36px; height: 36px; margin-top: -18px; }

.mymp-add-link-sel-anchor ul li a:hover { text-decoration: none; }

.mymp-add-link-sel-anchor ul li.mymp-add-anchor01 a { background-color: #5fb6e3; }

.mymp-add-link-sel-anchor ul li.mymp-add-anchor02 a { background-color: #f89800; }

.mymp-add-link-sel-anchor ul li + li { margin-top: 10px; }

.mymp-add-wrap-sel-pt1 { background: #d3e5f6; border-radius: 20px; margin-top: 20px; padding: 15px 10px 30px; }

.mymp-add-ttl-sel-pt1 { text-align: center; color: #2097d5; position: relative; margin-bottom: 30px; }

.mymp-add-ttl-sel-pt1 p { line-height: 1.5; }

.mymp-add-ttl-sel-pt1 p:first-child { font-size: 2.4rem; }

.mymp-add-ttl-sel-pt1 p:last-child { padding-bottom: 16px; font-size: 1.8rem; }

.mymp-add-ttl-sel-pt1::after { content: ""; position: absolute; bottom: 0; left: 30%; background: #5fb6e3; width: 40%; height: 2px; }

.mymp-add-ttl-sel-pt2 { text-align: center; color: #f87500; position: relative; margin-bottom: 30px; }

.mymp-add-ttl-sel-pt2 p { line-height: 1.5; }

.mymp-add-ttl-sel-pt2 p:first-child { font-size: 2.4rem; }

.mymp-add-ttl-sel-pt2 p:last-child { padding-bottom: 16px; font-size: 1.8rem; }

.mymp-add-ttl-sel-pt2::after { content: ""; position: absolute; bottom: 0; left: 30%; background: #f89800; width: 40%; height: 2px; }

.mymp-add-wrap-sel-pt2 { background: #feeacc; border-radius: 20px; margin-top: 25px; padding: 15px 15px 30px; }

.mymp-add-txt-st { margin-bottom: 20px; }

.mymp-add-txt-st p { font-size: 1.4rem; }

.mymp-add-txt-pt1 { font-weight: 700; margin-bottom: 20px; }

.mymp-add-txt-pt1 p { font-size: 2.0rem; }

.mymp-add-txt-pt2 { font-weight: 700; margin-bottom: 20px; }

.mymp-add-txt-pt2 p { font-size: 1.8rem; }

.mymp-add-txt-pt3 { margin-bottom: 20px; }

.mymp-add-txt-pt3 p { font-size: 1.6rem; }

.mymp-add-txt-atted-mg-pt1 { margin-top: -15px; margin-bottom: 30px; }

.mymp-add-grid-st.mymp-add-row2 { margin-left: -20px; }

.mymp-add-grid-st.mymp-add-row2 > .uc-lyt-grid-col-flex { margin-left: 20px; flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); }

.mymp-add-grid-st.mymp-add-row3 { margin-left: -20px; }

.mymp-add-grid-st.mymp-add-row3 > .uc-lyt-grid-col-flex { margin-left: 20px; flex: 0 0 calc(33.33333% - 20px); max-width: calc(33.33333% - 20px); }

.mymp-add-grid-st.mymp-add-row2-4 { margin-left: -20px; }

.mymp-add-grid-st.mymp-add-row2-4 > .uc-lyt-grid-col-flex { margin-left: 20px; flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); }

.mymp-add-grid-pt1.mymp-add-va-ctr { align-items: center; }

.mymp-add-grid-pt2 { align-items: center; margin-left: -10px; }

.mymp-add-grid-pt2 .uc-lyt-grid-col-flex { margin-left: 10px; }

.mymp-add-grid-pt2 .uc-lyt-grid-col-flex:first-child { flex: 0 0 calc(40% - 10px); max-width: calc(40% - 10px); }

.mymp-add-grid-pt2 .uc-lyt-grid-col-flex:last-child { flex: 0 0 calc(60% - 10px); max-width: calc(60% - 10px); }

.mymp-add-modal-grid-pt1, .mymp-add-modal-grid-pt2 { margin-bottom: 30px; margin-left: -10px; }

.mymp-add-modal-grid-pt1.mymp-add-grid-ctr, .mymp-add-modal-grid-pt2.mymp-add-grid-ctr { justify-content: center; }

.mymp-add-modal-grid-pt1 .uc-lyt-grid-col-flex, .mymp-add-modal-grid-pt2 .uc-lyt-grid-col-flex { margin-left: 10px; }

.mymp-add-modal-grid-pt1 .uc-mod-media-01, .mymp-add-modal-grid-pt2 .uc-mod-media-01 { margin: 0; }

.mymp-add-modal-grid-pt1 .mymp-add-txt-grid-pt1, .mymp-add-modal-grid-pt2 .mymp-add-txt-grid-pt1 { margin-bottom: 10px; text-align: center; }

.mymp-add-modal-grid-pt1 .mymp-add-txt-grid-pt2, .mymp-add-modal-grid-pt2 .mymp-add-txt-grid-pt2 { margin-bottom: 10px; }

.mymp-add-modal-grid-pt1 .uc-lyt-grid-col-flex { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); }

.mymp-add-modal-grid-pt2 .uc-lyt-grid-col-flex { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); }

.mymp-add-registration-pt1.uc-mod-hero-02 .uc-hero-text-lead *, .mymp-add-registration-pt1.uc-mod-hero-03 .uc-hero-text-lead * { font-weight: 700; }

.mymp-add-registration-pt1 .uc-hero-text-lead-mod { text-align: center; color: #F42F96; }

.mymp-add-registration-pt1 .uc-hero-text-lead-mod b { color: #1B2B75; }

.uc-content-modal-detail-01 .uc-hdg-lv2.mymp-add-hdg-pt1 { color: #666464; text-align: center; }

@media screen and (min-width: 769px), print { .mymp-add-ta-l-c { text-align: center !important; } .mymp-add-pc-mgb0 { margin-bottom: 0 !important; } .mymp-add-link-sel-anchor ul { display: flex; margin-left: -40px; }
  .mymp-add-link-sel-anchor ul li { display: flex; flex-direction: column; width: calc(50% - 40px); margin-left: 40px; }
  .mymp-add-link-sel-anchor ul li a { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; transition: opacity .3s; }
  .mymp-add-link-sel-anchor ul li a:hover { opacity: 0.6; }
  .mymp-add-link-sel-anchor ul li + li { margin-top: 0; } .mymp-add-wrap-sel-pt1 { margin-top: 40px; } .mymp-add-ttl-sel-pt1 p:first-child { font-size: 3.2rem; } .mymp-add-ttl-sel-pt1 p:last-child { font-size: 2rem; } .mymp-add-ttl-sel-pt2 p:first-child { font-size: 3.2rem; } .mymp-add-ttl-sel-pt2 p:last-child { font-size: 2rem; } .mymp-add-wrap-sel-pt2 { margin-top: 40px; } .mymp-add-txt-st { margin-bottom: 30px; } .mymp-add-txt-st p { font-size: 1.6rem; } .mymp-add-txt-pt1 { margin-bottom: 30px; } .mymp-add-txt-pt1 p { font-size: 2.4rem; } .mymp-add-txt-pt2 { margin-bottom: 30px; } .mymp-add-txt-pt2 p { font-size: 2.2rem; } .mymp-add-txt-pt3 { margin-bottom: 30px; } .mymp-add-txt-pt3 p { font-size: 2rem; } .mymp-add-grid-st.mymp-add-pc-row2 { margin-left: -40px; }
  .mymp-add-grid-st.mymp-add-pc-row2 > .uc-lyt-grid-col-flex { margin-left: 40px; flex: 0 0 calc(50% - 40px); max-width: calc(50% - 40px); } .mymp-add-grid-st.mymp-add-row2 { margin-left: -40px; }
  .mymp-add-grid-st.mymp-add-row2 > .uc-lyt-grid-col-flex { margin-left: 40px; flex: 0 0 calc(50% - 40px); max-width: calc(50% - 40px); } .mymp-add-grid-st.mymp-add-row2-4 { margin-left: -40px; }
  .mymp-add-grid-st.mymp-add-row2-4 > .uc-lyt-grid-col-flex { margin-left: 40px; flex: 0 0 calc(25% - 40px); max-width: calc(25% - 40px); } .mymp-add-grid-pt1 { margin-left: -40px; }
  .mymp-add-grid-pt1 .uc-lyt-grid-col-flex { margin-left: 40px; flex: 0 0 calc(50% - 40px); max-width: calc(50% - 40px); } .mymp-add-grid-pt2 { margin-left: -40px; }
  .mymp-add-grid-pt2 .uc-lyt-grid-col-flex { margin-left: 40px; }
  .mymp-add-grid-pt2 .uc-lyt-grid-col-flex:first-child { flex: 0 0 calc(25% - 40px); max-width: calc(25% - 40px); }
  .mymp-add-grid-pt2 .uc-lyt-grid-col-flex:last-child { flex: 0 0 calc(75% - 40px); max-width: calc(75% - 40px); } .mymp-add-grid-pt3 { padding: 0 15%; } .mymp-add-modal-grid-pt1 .uc-lyt-grid-col-flex { flex: 0 0 calc(25% - 10px); max-width: calc(25% - 10px); } .mymp-add-modal-grid-pt2 { padding: 0 12.5%; } .mymp-add-modal-grid-pt2 .uc-lyt-grid-col-flex { flex: 0 0 calc(33.33333% - 10px); max-width: calc(33.33333% - 10px); } }