@charset "UTF-8";


/* sass */
@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:wght@100..900&family=Outfit:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; }

.txt { line-height: 1.8; }

.img-wrap { font-size: 0; line-height: 0; }

.uc-pc { display: none; }

.uc-sp { display: inline; }

body { font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; position: relative; background-color: #EEE7E0; color: #413D3C; }

body:lang(en) { font-family: "Noto Sans", sans-serif; }

body::before { content: ""; background-image: linear-gradient(10deg, transparent 0%, transparent 25%, #CE264A 70%, #CE264A 100%); width: 100%; height: 800px; position: absolute; top: 0; left: 0; z-index: -1; }

.uc-header-company, .uc-footer-copyright { background: #fff; }

.uc-page-body .uc-lyt-container { border-top: none; }

.uc-page-body .uc-lyt-row { padding: 0 24px; margin: 0 auto; }

.uc-page-header .uc-header-company { margin-bottom: 0; }

.uc-object span span { display: block; font-size: 0; line-height: 0; }

.uc-caption { text-align: left; }

.u-ft-xxs { font-size: 1rem !important; }

.u-ft-xs { font-size: 1.2rem !important; }

.u-ft-s { font-size: 1.4rem !important; }

.u-ft-m { font-size: 1.6rem !important; }

.u-ft-l { font-size: 1.8rem !important; }

.u-ft-xl { font-size: 2rem !important; }

.u-ft-xxl { font-size: 2.4rem !important; }

.clearfix:after { display: block; content: ''; clear: both; }

.u-ta-l { text-align: left !important; }

.u-ta-c { text-align: center !important; }

.u-ta-r { text-align: right !important; }

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

.u-ta-l-r { text-align: left !important; }

.u-ta-c-l { text-align: center !important; }

.u-ta-c-r { text-align: center !important; }

.u-ta-r-l { text-align: right !important; }

.u-ta-r-c { text-align: right !important; }

.u-disp-n { display: none !important; }

.u-disp-b { display: block !important; }

.u-disp-i-n { display: inline !important; }

.u-disp-ib-n { display: inline-block !important; }

.u-disp-b-n { display: block !important; }

.u-disp-n-i { display: none !important; }

.u-disp-n-ib { display: none !important; }

.u-disp-n-b { display: none !important; }

.u-br-sp { display: inline !important; }

.u-br-pc { display: none !important; }

.u-mg0 { margin: 0 !important; }

.u-mgt0 { margin-top: 0 !important; }

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

.u-mg-auto { margin-left: auto !important; margin-right: auto !important; }

.u-mgt-xxs { margin-top: 5px !important; }

.u-mgt-xs { margin-top: 10px !important; }

.u-mgt-s { margin-top: 15px !important; }

.u-mgt-m { margin-top: 20px !important; }

.u-mgt-l { margin-top: 25px !important; }

.u-mgt-xl { margin-top: 30px !important; }

.u-mgt-xxl { margin-top: 40px !important; }

.u-mgb-xxs { margin-bottom: 5px !important; }

.u-mgb-xs { margin-bottom: 10px !important; }

.u-mgb-s { margin-bottom: 15px !important; }

.u-mgb-m { margin-bottom: 20px !important; }

.u-mgb-l { margin-bottom: 25px !important; }

.u-mgb-xl { margin-bottom: 30px !important; }

.u-mgb-xxl { margin-bottom: 40px !important; }

.u-pd0 { padding: 0 !important; }

.u-pdt0 { padding-top: 0 !important; }

.u-pdb0 { padding-bottom: 0 !important; }

.u-pdt-xxs { padding-top: 5px !important; }

.u-pdt-xs { padding-top: 10px !important; }

.u-pdt-s { padding-top: 15px !important; }

.u-pdt-m { padding-top: 20px !important; }

.u-pdt-l { padding-top: 25px !important; }

.u-pdt-xl { padding-top: 30px !important; }

.u-pdt-xxl { padding-top: 40px !important; }

.u-pdb-xxs { padding-bottom: 5px !important; }

.u-pdb-xs { padding-bottom: 10px !important; }

.u-pdb-s { padding-bottom: 15px !important; }

.u-pdb-m { padding-bottom: 20px !important; }

.u-pdb-l { padding-bottom: 25px !important; }

.u-pdb-xl { padding-bottom: 30px !important; }

.u-pdb-xxl { padding-bottom: 40px !important; }

@-webkit-keyframes a-fadein-hdr { 0% { opacity: 0;
    top: -50px; }
  100% { opacity: 1;
    top: 0px; } }

@keyframes a-fadein-hdr { 0% { opacity: 0;
    top: -50px; }
  100% { opacity: 1;
    top: 0px; } }

@-webkit-keyframes a-fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes a-fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes a-fadeout-pagetop { 0% { bottom: 0px; }
  50% { opacity: 1; }
  100% { bottom: 500px;
    opacity: 0; } }

@keyframes a-fadeout-pagetop { 0% { bottom: 0px; }
  50% { opacity: 1; }
  100% { bottom: 500px;
    opacity: 0; } }

.jpmpp-hdr-inner { position: relative; }

.jpmpp-hdr-inner .jpmpp-hdr-box { background: transparent; padding: 32px 10px; }

.jpmpp-hdr-inner .jpmpp-hdr-box .jpmpp-hdr-btn-pt-ec { display: block; position: absolute; top: 50%; margin-top: -24px; right: 24px; }

.jpmpp-hdr-inner .jpmpp-hdr-box .jpmpp-hdr-btn-pt-ec a { display: block; padding: 12px; width: 48px; height: 48px; min-width: 0; background: #F0C231; border-radius: 50%; margin: 0; box-shadow: none; position: relative; border: none; }

.jpmpp-hdr-inner .jpmpp-hdr-box .jpmpp-hdr-btn-pt-ec a::before { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/icon-jpmpp-buy.svg) no-repeat center center; background-size: contain; border: none; -webkit-transform: none; transform: none; width: 24px; height: 24px; display: inline-block; vertical-align: middle; }

.jpmpp-hdr-inner .jpmpp-hdr-box .jpmpp-hdr-btn-pt-ec a imgCart { display: none; }

.jpmpp-hdr-inner .jpmpp-hdr-box .jpmpp-hdr-btn-pt-ec a text { float: none; padding: 0; font-size: 0; }

.jpmpp-hdr-logo { width: 120px; margin: 0 auto; }

.jpmpp-hdr-logo img { width: 100%; height: auto; }

.jpmpp-hdr-menu { background: #BE0027; display: block; position: fixed; width: 84%; top: 0; bottom: 0; left: -100%; overflow-y: auto; padding-top: 10px; z-index: 110; }

.jpmpp-hdr-menu .jpmpp-hdr-menu-icon { display: block; left: 38px; top: 38px; }

.jpmpp-hdr-menu .jpmpp-hdr-btn-pt-ec { margin-top: 0; text-align: left; margin: 24px 24px 0; }

.jpmpp-hdr-menu .jpmpp-hdr-btn-pt-ec a { margin: 0; display: block; box-shadow: none; font-size: 16px; font-weight: 500; font-family: "M PLUS Rounded 1c"; line-height: 1; border-radius: 30px; background: #FACC14; color: #413D3C; border: none; min-width: 0; padding: 12px 1px; display: flex; align-items: center; justify-content: center; }

.jpmpp-hdr-menu .jpmpp-hdr-btn-pt-ec a::before { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/icon-jpmpp-buy.svg) no-repeat center center; background-size: contain; border: none; -webkit-transform: none; transform: none; width: 24px; height: 24px; display: inline-block; vertical-align: middle; }

.jpmpp-hdr-menu .jpmpp-hdr-btn-pt-ec a text { padding: 0; float: none; width: auto; }

.jpmpp-hdr-menu .jpmpp-hdr-btn-pt-ec a imgcart { display: none; }

.jpmpp-hdr-menu-icon { display: block; cursor: pointer; position: absolute; left: 38px; top: 50%; margin-top: -10px; width: 20px; height: 20px; font-size: 0; line-height: 0; }

.jpmpp-hdr-menu-icon span { display: block; height: 2px; background: #fff; position: relative; transition: all 0.2s; }

.jpmpp-hdr-menu-icon span:before { transition: all 0.2s; content: ""; display: block; width: 20px; height: 2px; background: #fff; position: absolute; top: -7px; }

.jpmpp-hdr-menu-icon span:after { transition: all 0.2s; content: ""; display: block; width: 20px; height: 2px; background: #fff; position: absolute; bottom: -7px; }

body.header-fixed .uc-page-body { padding-top: 150px; }

body.header-fixed .jpmpp-hdr-logo { width: 80px; }

body.header-fixed .jpmpp-hdr-inner { position: fixed; top: 0; z-index: 101; width: 100%; height: 78px; }

body.header-fixed .jpmpp-hdr-inner .jpmpp-hdr-box { background: #BE0027; padding: 10px; position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0px 2px 12px 4px rgba(0, 0, 0, 0.2); z-index: 102; -webkit-animation: a-fadein-hdr 0.5s ease-in backwards; animation: a-fadein-hdr 0.5s ease-in backwards; }

body.header-fixed .jpmpp-hdr-inner .jpmpp-hdr-menu-icon { z-index: 103; -webkit-animation: a-fadein 0.5s ease-in 0.5s backwards; animation: a-fadein 0.5s ease-in 0.5s backwards; }

body.header-fixed .jpmpp-hdr-inner .jpmpp-hdr-menu .jpmpp-hdr-menu-icon { -webkit-animation: none; animation: none; }

.open-menu .jpmpp-hdr-menu-icon span { background: transparent; }

.open-menu .jpmpp-hdr-menu-icon span:before { top: 0; -webkit-transform: rotate(-45deg) translateY(0px); transform: rotate(-45deg) translateY(0px); }

.open-menu .jpmpp-hdr-menu-icon span:after { bottom: 0; -webkit-transform: rotate(45deg) translateY(0px); transform: rotate(45deg) translateY(0px); }

.jpmpp-hdr-menu-overlay { display: none; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 105; }

.uc-header-gnav { position: relative; z-index: 2; }

.uc-header-gnav .uc-list { margin-top: 0; }

.uc-header-gnav .uc-list > li button, .uc-header-gnav .uc-list > li a { width: 100%; padding: 18px 42px 18px 20px; display: block; text-align: left; cursor: pointer; font-family: "M PLUS Rounded 1c"; font-weight: 500; font-size: 18px; color: #fff; position: relative; }

.uc-header-gnav .uc-list > li button:hover, .uc-header-gnav .uc-list > li a:hover { text-decoration: none; }

.uc-header-gnav .uc-list > li button .uc-sub, .uc-header-gnav .uc-list > li a .uc-sub { display: none; }

.uc-header-gnav .uc-list > li button .uc-title, .uc-header-gnav .uc-list > li a .uc-title { display: block; }

.uc-header-gnav .uc-list > li a .uc-title:after { right: 23px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.uc-header-gnav .uc-list > li .uc-js-header-nav-child { background: #910000; padding: 10px 0; margin: 0 auto; display: none; }

.uc-header-gnav .uc-list > li .uc-js-header-nav-child > li { background: #910000; position: relative; }

.uc-header-gnav .uc-list > li .uc-js-header-nav-child > li > a { color: #FFFFFF; font-size: 14px; font-weight: 700; padding: 10px 20px; }

.uc-header-gnav .uc-list > li .uc-js-header-nav-child > li > a:lang(ja) { font-family: "Noto Sans JP"; }

.uc-header-gnav .uc-list > li .uc-js-header-nav-child > li > a:lang(en) { font-family: "Noto Sans"; }

.uc-header-gnav .uc-list > li.active { max-height: auto; opacity: 1; visibility: visible; }

.jpmpp-ftr-wrap-main { background: linear-gradient(#910010 0%, #be0027 100%); border-radius: 16px 16px 0 0; padding: 64px 24px 32px; }

.CMP-CM10-text .jpmpp-ftr-ttl-buy { margin-top: 0; }

.jpmpp-ftr-ttl-buy { text-align: center; }

.jpmpp-ftr-ttl-buy p { font-size: 44px; line-height: 1.2; font-family: "M PLUS Rounded 1c"; font-weight: 500; color: #E3C982; }

.jpmpp-ftr-ttl-buy p b { font-weight: 500; display: block; }

.jpmpp-ftr-txt-copy { font-family: "Noto Sans JP"; font-size: 12px; line-height: 1.5; color: #fff; font-weight: 500px; margin-top: 10px; text-align: right; }

.jpmpp-ftr-btn-page-top { position: fixed; bottom: 22px; right: 22px; visibility: hidden; opacity: 0; transition: opacity .3s; z-index: 100; cursor: pointer; }

.jpmpp-ftr-btn-page-top p { position: relative; z-index: 101; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-ftr-top-01.png) no-repeat center bottom; background-size: 72px 146px; background-position: 0 23px; padding-bottom: 64px; }

.jpmpp-ftr-btn-page-top p button { display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 74px; }

.jpmpp-ftr-btn-page-top:after { opacity: 0; position: absolute; bottom: 68px; right: 3px; content: ""; transition: .3s; font-size: 0; text-align: center; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/txt-jpmpp-ftr-top-01.png) no-repeat center bottom; background-size: 68px 13px; width: 68px; height: 13px; }

.jpmpp-ftr-btn-page-top:before { opacity: 0; transition: .3s; content: ""; position: absolute; bottom: 0; right: 6px; width: 64px; height: 64px; transition: .3s; }

.jpmpp-ftr-btn-page-top.animate-on { visibility: visible; opacity: 0; }

.jpmpp-ftr-btn-page-top.animate-on p { background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-ftr-top-01.png) no-repeat center bottom; background-size: 72px 146px; background-position: 0px -64px; -webkit-animation: a-fadeout-pagetop 1s ease-in forwards; animation: a-fadeout-pagetop 1s ease-in forwards; }

.jpmpp-ftr-btn-page-top.animate-on.visible:after { opacity: 0; }

.jpmpp-ftr-btn-page-top.animate-on.visible:before { opacity: 0; }

.jpmpp-ftr-btn-page-top.visible { visibility: visible; opacity: 1; }

.jpmpp-ftr-btn-page-top.visible:after, .jpmpp-ftr-btn-page-top.visible:before { opacity: 1; }

.jpmpp-ftr-txt-sns { padding-left: 12px; }

.jpmpp-ftr-txt-sns > p { color: #413D3C; font-size: 12px; font-weight: 500; }

.jpmpp-ftr-txt-sns > p:lang(ja) { font-family: "Outfit"; }

.jpmpp-ftr-txt-sns > p:lang(en) { font-family: "Outfit"; }

.jpmpp-ftr-box-sns { padding-left: 12px; }

.jpmpp-ftr-box-sns .uc-mod-sns-01 { text-align: left; margin-top: 16px; }

.jpmpp-ftr-box-sns .uc-mod-sns-01 li { padding: 0 8px; }

.jpmpp-ftr-box-sns .uc-mod-sns-01 li .a2a_svg { width: 40px; height: 40px; line-height: 40px; }

.jpmpp-ftr-wrap-menu { background: #fff; padding-bottom: 8px; }

.jpmpp-ftr-menu .uc-lyt-grid-col-flex { padding: 0; }

.CMP-CM10-text .jpmpp-ftr-hdg-menu { margin-top: 0; }

.jpmpp-ftr-hdg-menu > p { cursor: pointer; font-family: "M PLUS Rounded 1c"; font-weight: 500; font-size: 18px; color: #BE0027; padding: 22px 42px 22px 20px; position: relative; }

.jpmpp-ftr-hdg-menu.jpmpp-ftr-hdg-link > p { padding: 0; }

.jpmpp-ftr-hdg-menu.jpmpp-ftr-hdg-link > p > a { display: block; color: #BE0027; padding: 18px 20px; }

.jpmpp-ftr-hdg-menu.jpmpp-ftr-hdg-link > p > a:hover { text-decoration: none; }

.jpmpp-ftr-list-menu { display: none; margin-top: 0; }

.jpmpp-ftr-list-menu ul { list-style: none; padding: 0 20px 20px; background: #910000; padding: 10px 0; }

.jpmpp-ftr-list-menu ul > li { background: #910000; position: relative; }

.jpmpp-ftr-list-menu ul > li > a { display: block; color: #FFFFFF; font-size: 14px; font-weight: 700; padding: 10px 20px; }

.jpmpp-ftr-list-menu ul > li > a:lang(ja) { font-family: "Noto Sans JP"; }

.jpmpp-ftr-list-menu ul > li > a:lang(en) { font-family: "Noto Sans"; }

.jpmpp-ftr-list-menu ul > li > a:hover { text-decoration: none; }

.jpmpp-ftr-wrap-breadcrumb { background: #EEE7E0; padding: 30px 20px; overflow-x: auto; overflow-y: hidden; }

.jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 { font-size: 0; overflow: visible; white-space: nowrap; margin: 0; }

.jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 > li { display: inline-block; font-size: 15px; font-weight: 500; float: none; }

.jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 > li:last-child { padding-right: 20px; }

.jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 a, .jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 span { color: #413D3C; padding-right: 0; }

.jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 a:lang(ja), .jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 span:lang(ja) { font-family: "M PLUS Rounded 1c"; }

.jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 a:lang(en), .jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 span:lang(en) { font-family: "M PLUS Rounded 1c"; }

.jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 a:after { border: none; }

.jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 > li + li > a, .jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 > li + li > span { position: relative; padding: 0 0 0 20px; }

.jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 > li + li > a:before, .jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 > li + li > span:before { border-top: #413D3C 1px solid; border-right: #413D3C 1px solid; top: 50%; left: 4px; margin-top: -4px; position: absolute; display: inline-block; width: 8px; height: 8px; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.jpmpp-ftr-wrap-shop-set { margin-bottom: 64px; text-align: center; }

.jpmpp-ftr-grid-sdgs { justify-content: space-between; }

.jpmpp-ftr-grid-sdgs > .uc-lyt-grid-col-flex { padding: 0; }

.jpmpp-ftr-box-sdgs { margin-top: 64px; border-radius: 24px; background: #EEE7E0; padding: 48px 24px; }

.CMP-CM10-text .jpmpp-ftr-ttl-sdgs { margin-top: 0; }

.jpmpp-ftr-ttl-sdgs { font-size: 24px; line-height: 1.5; font-family: "M PLUS Rounded 1c"; font-weight: 500; color: #910010; }

.CMP-CM34-rich-text .jpmpp-ftr-txt-sdgs { margin-top: 16px; }

.jpmpp-ftr-txt-sdgs { font-size: 16px; line-height: 1.5; color: #413D3C; }

.jpmpp-ftr-txt-sdgs > p + p { margin-top: 16px; }

.jpmpp-ftr-img-sdgs { text-align: center; }

.jpmpp-ftr-img-sdgs img { border-radius: 12px; }

.jpmpp-wrap-grid-shop { padding: 56px 0 0; }

.jpmpp-wrap-grid-shop > .uc-lyt-grid-col-flex { padding: 0; }

.jpmpp-wrap-grid-shop a { display: block; background: #fff; padding: 12px 0; border-radius: 12px; margin-top: 16px; }

.jpmpp-wrap-grid-shop .jpmpp-img-st { margin-top: 0; }

.jpmpp-ft-l { font-size: 18px; }

.jpmpp-mgt16 { margin-top: 16px !important; }

.jpmpp-mgt24 { margin-top: 24px !important; }

.jpmpp-mgt32 { margin-top: 32px !important; }

.jpmpp-mgt8-16 { margin-top: 8px !important; }

.jpmpp-mgt16-32 { margin-top: 16px !important; }

.jpmpp-mgt24-32 { margin-top: 24px !important; }

.jpmpp-mgt32-48 { margin-top: 32px !important; }

.jpmpp-mgt32-64 { margin-top: 32px !important; }

.jpmpp-mgt48-64 { margin-top: 48px !important; }

.uc-page-body .jpmpp-wrap-st.jpmpp-wrap-end-pt1 .uc-lyt-row { padding-bottom: 96px; }

.jpmpp-inner-st { background: #fff; margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; border-radius: 16px; padding-top: 1px; padding-bottom: 64px; padding-top: 1px; margin-top: 40px; }

.jpmpp-inner-st.jpmpp-pdg-st { padding-top: 48px; }

.jpmpp-inner-st.jpmpp-inner-col-pt1 { background: linear-gradient(#BE0027 0%, #910010 100%); padding-top: 32px; padding-left: 16px; padding-right: 16px; margin-top: 32px; }

.jpmpp-hdg-lv1-st { text-align: center; }

.jpmpp-hdg-lv1-st > * { font-size: 40px; line-height: 1.3; font-weight: 700; color: #EEE7E0; font-family: "Outfit"; margin-top: 16px; }

.jpmpp-hdg-lv1-st > * span { display: block; font-size: 16px; font-weight: 500; font-family: "M PLUS Rounded 1c"; }

.jpmpp-hdg-lv2-st { text-align: center; }

.jpmpp-hdg-lv2-st > * { font-size: 40px; line-height: 1.5; font-weight: 700; color: #BE0027; font-family: "Outfit"; margin-top: 96px; }

.jpmpp-hdg-lv2-st > * span { display: block; font-size: 16px; font-weight: 500; font-family: "M PLUS Rounded 1c"; color: #413D3C; }

.jpmpp-hdg-lv2-pt { text-align: center; }

.jpmpp-hdg-lv2-pt > * { font-size: 24px; line-height: 1.5; font-weight: 700; color: #BE0027; font-family: "M PLUS Rounded 1c"; margin-top: 48px; }

.jpmpp-img-st { text-align: center; margin-top: 16px; }

.jpmpp-img-st .uc-caption { font-size: 12px; margin-top: 10px; }

.jpmpp-img-pt1 { text-align: center; margin-top: 20px; }

.jpmpp-img-pt1 img { width: 100%; }

.jpmpp-img-pt1 .uc-caption { font-size: 12px; margin-top: 10px; }

.jpmpp-img-s-01 img { width: 90%; }

.jpmpp-img-s-02 img { width: 80%; }

.jpmpp-img-grid img { width: 100%; }

.CMP-CM10-text .jpmpp-hdg-lead-st { margin-top: 42px; }

.jpmpp-hdg-lead-st { text-align: center; margin-top: 24px; }

.jpmpp-hdg-lead-st > p { color: #fff; line-height: 1.7; }

.jpmpp-txt-01 { line-height: 1.7; }

.jpmpp-txt-01.jpmpp-txt-col-pt b { color: #C4272D; }

.CMP-CM10-text div[class^="jpmpp-txt-01"] { margin-top: 16px; }

.jpmpp-txt-02 { line-height: 1.8; color: #BB181E; text-align: center; }

.CMP-CM10-text div[class^="jpmpp-txt-02"] { margin-top: 20px; margin-bottom: 60px; }

.jpmpp-txt-bold { font-weight: 700; }

.jpmpp-txt-bold b { font-weight: 700; }

.jpmpp-txt-att-01 { font-size: 14px; line-height: 1.5; }

.jpmpp-list-st { margin: 16px 0 0; line-height: 1.7; list-style: none; }

.jpmpp-list-st > li { padding-left: 1em; position: relative; }

.jpmpp-list-st > li::before { content: "\0030fb"; display: block; position: absolute; left: 0; top: 0; width: 1em; height: 1em; }

.jpmpp-list-01 { margin: 16px 0 0; }

.jpmpp-list-01 ul { line-height: 1.7; list-style: none; }

.jpmpp-list-01 ul > li { padding-left: 1em; position: relative; }

.jpmpp-list-01 ul > li::before { content: "\0030fb"; display: block; position: absolute; left: 0; top: 0; width: 1em; height: 1em; }

.jpmpp-list-01 ul > li + li { margin-top: 15px; }

.jpmpp-list-num { margin-top: 16px; line-height: 1.7; list-style-type: decimal; }

.jpmpp-list-num > li { margin-left: 1.5em; }

.jpmpp-att-list-st { position: relative; list-style-type: none; margin-top: 16px; }

.jpmpp-att-list-st.jpmpp-list-rgt > li { justify-content: flex-end; }

.jpmpp-att-list-st.jpmpp-list-ctr > li { justify-content: center; }

.jpmpp-att-list-st > li { margin-top: 24px; font-size: 12px; line-height: 1.5; color: #413D3C; display: flex; }

.jpmpp-att-list-st > li > *:first-child { margin-right: 4px; white-space: nowrap; }

.uc-mod-site-map-grid-01.jpmpp-list-sitemap { padding-top: 32px; margin: 0; }

.uc-mod-site-map-grid-01.jpmpp-list-sitemap .uc-mod-link-list-02 > li { font-family: "M PLUS Rounded 1c"; font-weight: 500; font-size: 18px; border: none; margin-bottom: 0; margin-top: 32px; }

.uc-mod-site-map-grid-01.jpmpp-list-sitemap .uc-mod-link-list-02 > li > a { display: inline-block; margin: 0; padding: 0; color: #BE0027; }

.uc-mod-site-map-grid-01.jpmpp-list-sitemap .uc-mod-link-list-02 > li > a::after { border: none; width: 0; height: 0; right: 0; bottom: 0; }

.uc-mod-site-map-grid-01.jpmpp-list-sitemap .uc-mod-link-list-01 { margin: 0; }

.uc-mod-site-map-grid-01.jpmpp-list-sitemap .uc-mod-link-list-01 > li { margin: 0; font-family: "Noto Sans JP"; font-size: 14px; font-weight: 700; margin-top: 16px; }

.uc-mod-site-map-grid-01.jpmpp-list-sitemap .uc-mod-link-list-01 > li > a { display: inline-block; color: #003894; padding: 0; background: none; }

.uc-mod-site-map-grid-01.jpmpp-list-sitemap .uc-mod-link-list-01 > li > a::before { border: none; width: 0; height: 0; top: 0; left: 0; }

.jpmpp-qa-wrap-hero { margin-top: 32px; position: relative; }

.jpmpp-qa-wrap-hero .jpmpp-qa-img-hero { text-align: center; }

.jpmpp-qa-wrap-hero .jpmpp-att-list-st { position: absolute; right: 0; bottom: 0; width: 50%; }

.CMP-CM05-block + .CMP-CM05-block .jpmpp-wrap-qa { margin-top: 24px; }

.jpmpp-wrap-qa { background: #EEE7E0; border-radius: 8px; }

.jpmpp-wrap-qa > .CMP-CM05-block:first-child { cursor: pointer; position: relative; padding: 24px; }

.jpmpp-wrap-qa > .CMP-CM05-block:last-child { padding: 0 24px 24px; }

.jpmpp-wrap-qa .jpmpp-inner-q, .jpmpp-wrap-qa .jpmpp-inner-a { position: relative; }

.jpmpp-wrap-qa .jpmpp-inner-q .jpmpp-inner, .jpmpp-wrap-qa .jpmpp-inner-a .jpmpp-inner { display: flex; }

.jpmpp-wrap-qa .jpmpp-inner-q { padding-left: 16px; padding-right: 40px; position: relative; }

.jpmpp-wrap-qa .jpmpp-inner-q .CMP-CM10-text .jpmpp-txt-01 { margin-top: 6px; }

.jpmpp-wrap-qa .jpmpp-inner-q .jpmpp-txt-01 > p { font-size: 18px; line-height: 1.3; font-weight: 500; }

.jpmpp-wrap-qa .jpmpp-inner-q::before { position: absolute; content: ""; width: 16px; height: 2px; background: #413D3C; border-radius: 2px; right: 14px; top: 16px; }

.jpmpp-wrap-qa .jpmpp-inner-q::after { position: absolute; content: ""; width: 2px; height: 16px; background: #413D3C; border-radius: 2px; right: 21px; top: 9px; transition: opacity .3s; opacity: 1; }

.jpmpp-wrap-qa .jpmpp-inner-a { padding-left: 16px; padding-right: 16px; padding-top: 24px; border-top: #413D3C 1px solid; }

.jpmpp-wrap-qa .jpmpp-inner-a .jpmpp-icon-qa > p { color: #BE0027; }

.jpmpp-wrap-qa .jpmpp-inner-a .CMP-CM10-text:first-child .jpmpp-txt-01 { margin-top: 0; }

.jpmpp-wrap-qa.showAnsWrap .jpmpp-inner-q::after { opacity: 0; }

.jpmpp-wrap-qa .CMP-CM10-text .jpmpp-icon-qa { margin: 0; }

.jpmpp-wrap-qa .jpmpp-icon-qa { min-width: 40px; }

.jpmpp-wrap-qa .jpmpp-icon-qa > p { font-size: 24px; font-family: "Outfit"; font-weight: 700; color: #413D3C; }

.jpmpp-wrap-qa .jpmpp-grid-qa > * { padding: 0; }

.jpmpp-wrap-grid-pdt { margin: 0 -8px; }

.jpmpp-grid-pdt-icon-pt2 { position: relative; }

.jpmpp-grid-pdt-icon-pt2::after { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/img-jpmpp-character-night-01.png) no-repeat center center; background-size: contain; bottom: -196px; right: 0; width: 164px; height: 164px; position: absolute; z-index: 2; }

.jpmpp-hdg-lv3-pdt { text-align: center; }

.jpmpp-hdg-lv3-pdt > * { margin-top: 48px; font-size: 24px; line-height: 1.3; color: #fff; font-family: "M PLUS Rounded 1c"; font-weight: 500; }

.jpmpp-hdg-lv3-pdt > * b { font-weight: 500; }

.jpmpp-hdg-lv4-pdt { text-align: center; }

.jpmpp-hdg-lv4-pdt > * { margin-top: 48px; font-size: 20px; line-height: 1.3; color: #fff; font-family: "M PLUS Rounded 1c"; font-weight: 500; }

.jpmpp-hdg-lv4-pdt > * b { font-weight: 500; }

.jpmpp-grid-pdt { position: relative; z-index: 2; }

.jpmpp-grid-pdt.jpmpp-grid-ctr { justify-content: center; }

.jpmpp-grid-pdt.jpmpp-grid-col2-3 { margin-left: -16px; }

.jpmpp-grid-pdt.jpmpp-grid-col2-3 > * { margin-left: 16px; flex: 0 0 calc(50% - 16px); max-width: calc(50% - 16px); }

.jpmpp-grid-pdt.jpmpp-grid-col2-4 { margin-left: -16px; }

.jpmpp-grid-pdt.jpmpp-grid-col2-4 > * { margin-left: 16px; flex: 0 0 calc(50% - 16px); max-width: calc(50% - 16px); }

.jpmpp-grid-pdt > * > * { display: flex; }

.jpmpp-grid-pdt > * > * > * { display: flex; }

.jpmpp-grid-pdt > * > * > * > * { display: flex; }

.jpmpp-grid-pdt > * > * > * > * > * > * > * { display: flex; }

.jpmpp-grid-pdt > * > * > * > * > * > * > * > * { display: flex; flex-direction: column; }

.jpmpp-grid-pdt > * > * > * > * > * > * > * > * > .CMP-CM05-block { margin-top: auto; }

.jpmpp-grid-pdt > * { background: #EEE7E0; border-radius: 16px; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1); padding: 16px; margin-top: 24px; }

.jpmpp-grid-pdt .jpmpp-inner-grid-pdt > * { padding: 0; }

.jpmpp-grid-pdt .jpmpp-inner-grid-pdt .jpmpp-btn-01 { margin-top: 12px; }

.jpmpp-grid-pdt .jpmpp-inner-grid-pdt .jpmpp-btn-01 a { -webkit-transform: rotate(0.05deg); transform: rotate(0.05deg); }

.jpmpp-grid-pdt .jpmpp-inner-grid-pdt .jpmpp-btn-ec { margin-top: 8px; }

.jpmpp-grid-pdt .jpmpp-inner-grid-pdt .jpmpp-btn-ec text { -webkit-transform: rotate(0.05deg); transform: rotate(0.05deg); }

.jpmpp-grid-pdt .jpmpp-img-grid-pdt { border-radius: 16px; padding: 16px; text-align: center; position: relative; margin-top: 16px; }

.jpmpp-grid-pdt .jpmpp-img-grid-pdt img { position: relative; z-index: 1; }

.jpmpp-grid-pdt .jpmpp-img-grid-pdt::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-filter: blur(4px); filter: blur(4px); background: #fff; z-index: 0; border-radius: 16px; }

.jpmpp-grid-pdt .jpmpp-size-grid-pdt { margin-top: 0; }

.jpmpp-grid-pdt .jpmpp-size-grid-pdt > p { font-family: "M PLUS Rounded 1c"; color: #413D3C; line-height: 1.25; font-weight: 500; }

.jpmpp-grid-pdt .jpmpp-num-grid-pdt { margin-top: 4px; }

.jpmpp-grid-pdt .jpmpp-num-grid-pdt > p { font-size: 14px; color: #413D3C; line-height: 1; }

.jpmpp-grid-pdt .jpmpp-direction-grid-pdt { margin-top: 8px; text-align: center; }

.jpmpp-grid-pdt .jpmpp-direction-grid-pdt > p { font-size: 14px; color: #413D3C; line-height: 1.5; font-family: "M PLUS Rounded 1c"; font-weight: 500; }

.jpmpp-grid-pdt.jpmpp-grid-vertical > *:nth-child(odd) { padding: 60px 0.625em; }

.jpmpp-grid-pdt.jpmpp-grid-vertical > *:nth-child(even) { padding: 60px 0.625em; }

.jpmpp-grid-pdt .jpmpp-grid-inner-col2 { margin-left: -24px; padding: 0 8px; }

.jpmpp-grid-pdt .jpmpp-grid-inner-col2 > * { padding: 0; margin-left: 24px; flex: 0 0 calc(50% - 24px); max-width: calc(50% - 24px); }

.jpmpp-grid-col3-pt2 > * { padding: 0; }

.jpmpp-btn-01, .jpmpp-btn-02 { margin-top: 16px; }

.jpmpp-btn-01 button, .jpmpp-btn-01 a, .jpmpp-btn-02 button, .jpmpp-btn-02 a { margin: 0; display: block; text-align: center; width: 100%; box-shadow: none; font-size: 16px; font-weight: 500; font-family: "M PLUS Rounded 1c"; line-height: 1; border-radius: 30px; color: #910010; border: #71717A 1px solid; min-width: 0; padding: 12px 1px; }

.jpmpp-btn-01 button:link, .jpmpp-btn-01 button:visited, .jpmpp-btn-01 a:link, .jpmpp-btn-01 a:visited, .jpmpp-btn-02 button:link, .jpmpp-btn-02 button:visited, .jpmpp-btn-02 a:link, .jpmpp-btn-02 a:visited { color: #910010; }

.jpmpp-btn-01 button:hover, .jpmpp-btn-01 a:hover, .jpmpp-btn-02 button:hover, .jpmpp-btn-02 a:hover { text-decoration: none; }

.CMP-CM10-text div[class^="jpmpp-btn-01"] { margin: 16px auto 0; }

.CMP-CM10-text div[class^="jpmpp-btn-02"] { margin: 16px auto 0; }

.jpmpp-btn-02 button, .jpmpp-btn-02 a { background: #fff; }

.jpmpp-btn-ec { margin-top: 16px; }

.jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right button, .jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right a { margin: 0; display: block; box-shadow: none; font-size: 16px; font-weight: 500; font-family: "M PLUS Rounded 1c"; line-height: 1; border-radius: 30px; background: #FACC14; color: #413D3C; border: none; min-width: 0; padding: 12px 1px; display: flex; align-items: center; justify-content: center; }

.jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right button *:nth-child(1), .jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right a *:nth-child(1) { float: none; width: auto; padding: 0; }

.jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right button *:nth-child(2), .jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right a *:nth-child(2) { display: none; }

.jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right button::before, .jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right a::before { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/icon-jpmpp-buy.svg) no-repeat center center; background-size: contain; border: none; -webkit-transform: none; transform: none; width: 24px; height: 24px; display: inline-block; vertical-align: middle; }

.uc-modal-inline-00 #colorbox, .uc-modal-inline-00 #cboxWrapper { background: #fff; }

.uc-modal-inline-00 #cboxClose { text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer; position: absolute; width: 23px; height: 23px; right: 24px; top: 24px; }

.uc-modal-inline-00 .uc-js-modal-inline-content { padding: 45px 30px 30px 30px; }

.uc-modal-inline-00 .uc-mod-modal-btn-close-01 { text-align: center; margin-top: 0; }

.uc-modal-inline-00 .uc-mod-modal-btn-close-01 p button { border: 2px solid #E60012; border-radius: 30px; background: #FFFFFF; color: #E60012; font-size: 18px; margin: 0; box-shadow: none; padding: 10px; font-weight: 700; width: 90%; }

.uc-modal-inline-00 .uc-mod-link-ec-01 { display: block; list-style-type: none; margin-bottom: 20px; }

.uc-modal-inline-00 .uc-mod-link-ec-01 li { width: 100%; padding: 7px 15px; list-style-type: none; margin: 0; }

.uc-modal-inline-00 .uc-mod-link-ec-01 li a { display: block; border: 1px solid #000; border-radius: 8px; overflow: hidden; padding: 5px 0; text-align: center; }

.uc-modal-inline-00 #cboxClose::after, .uc-modal-iframe-00 #cboxClose::after { background: url(/content/dam/sites/www_mamypoko_jp/images/common/icon-close-01.png) center center; width: 23px; height: 23px; right: 0; top: 0; }

.jpmpp-add-hdg-lvl-col-pt1 h1 { color: #EEE7E0; }

.jpmpp-home-wrap-carousel { position: relative; margin-top: 16px; }

.jpmpp-home-wrap-carousel .uc-lyt-row { padding: 0; }

.jpmpp-home-carousel.js-pickup-slide2 { display: none; }

.jpmpp-home-carousel ul.uc-carousel-content { padding: 0; }

.jpmpp-home-carousel .uc-mod-media-01 .uc-object { margin-top: 0; }

.jpmpp-home-carousel.uc-mod-carousel-00 .slick-track .slick-slide { padding: 0 10px; }

.jpmpp-home-carousel.uc-mod-carousel-00 .slick-track .slick-slide a img { border-radius: 16px; }

.jpmpp-home-carousel.uc-mod-carousel-00 .slick-dots { padding: 16px 25vw 16px 15vw; min-height: 42px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 0; }

.jpmpp-home-carousel.uc-mod-carousel-00 .slick-dots li { margin: 5px 6px; min-height: 0; }

.jpmpp-home-carousel.uc-mod-carousel-00 .slick-dots button { background-color: #EEE7E0; background: transparent; width: 20px; height: 20px; transition: background-color 0.2s; }

.jpmpp-home-carousel.uc-mod-carousel-00 .slick-dots button::after { width: 14px; height: 14px; border: #EEE7E0 3px solid; top: 3px; left: 3px; transition: background-color 0.2s; background-color: #413D3C; }

.jpmpp-home-carousel.uc-mod-carousel-00 .slick-dots .slick-active button { background: #910010; }

.jpmpp-home-carousel.uc-mod-carousel-00 .slick-dots .slick-active button::after { background: #910010; }

.jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui { position: relative; }

.jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui button { width: 24px; height: 24px; display: block; }

.jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui .uc-prev { left: 12vw; bottom: -30px; }

.jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui .uc-prev button { background: none; }

.jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui .uc-prev button::before { -webkit-transform: none; transform: none; border: none; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/icon-jpmpp-arrow-lft.svg) no-repeat center center; background-size: contain; width: 100%; height: 100%; top: 0; left: 0; border: none; }

.jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui .uc-next { right: 22vw; bottom: -30px; }

.jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui .uc-next button { background: none; }

.jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui .uc-next button::before { -webkit-transform: none; transform: none; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/icon-jpmpp-arrow-rgt.svg) no-repeat center center; background-size: contain; width: 100%; height: 100%; top: 0; left: 0; border: none; }

.jpmpp-home-carousel .uc-carousel-stop-start-ui { display: block; }

.jpmpp-home-carousel .uc-carousel-stop-start-ui ul { padding: 0; width: 36px; height: 36px; position: absolute; right: 10vw; bottom: 13px; z-index: 2; }

.jpmpp-home-carousel .uc-carousel-stop-start-ui ul li { padding: 0; width: 100%; height: 100%; }

.jpmpp-home-carousel .uc-carousel-stop-start-ui ul li button { width: 100%; height: 100%; display: block; }

.jpmpp-home-carousel .uc-carousel-stop-start-ui ul li button span { display: block; width: 100%; height: 100%; text-indent: 100%; overflow: hidden; white-space: nowrap; font-size: 0; z-index: 1; }

.jpmpp-home-carousel .uc-carousel-stop-start-ui ul li button span::after { content: ""; position: absolute; display: block; width: 24px; height: 24px; left: 6px; top: 6px; }

.jpmpp-home-carousel .uc-carousel-stop-start-ui ul li button span::before { content: ""; position: absolute; display: block; width: 36px; height: 36px; left: 0; top: 0; background: #BE0027; border-radius: 50%; }

.jpmpp-home-carousel .uc-carousel-stop-start-ui ul li.uc-stop button span::after { background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/icon-jpmpp-btn-stop.svg) no-repeat center center; background-size: contain; }

.jpmpp-home-carousel .uc-carousel-stop-start-ui ul li.uc-stop.uc-stop-start-button-hidden { display: none; }

.jpmpp-home-carousel .uc-carousel-stop-start-ui ul li.uc-start button span::after { background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/icon-jpmpp-btn-play.svg) no-repeat center center; background-size: contain; }

.jpmpp-home-carousel .uc-carousel-stop-start-ui ul li.uc-start.uc-stop-start-button-hidden { display: none; }

.jpmpp-home-wrap-anchor { max-width: 336px; margin: 0 auto; }

.jpmpp-home-list-anchor { list-style-type: none; padding-top: 56px; }

.jpmpp-home-list-anchor > li { margin-top: 16px; text-align: center; }

.jpmpp-home-list-anchor > li > a { display: block; border-radius: 60px; position: relative; transition: opacity .3s; }

.jpmpp-home-list-anchor > li > a:hover { text-decoration: none; }

body:lang(en) .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a .jpmpp-home-txt-anchor { font-size: 16px; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 { margin-top: 44px; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01 > a, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a { min-height: 62px; display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; padding: 0 10px 0 90px; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01 > a::before, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a::before { content: ""; position: absolute; top: -36px; left: 5px; width: 90px; height: 90px; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01 > a img, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a img { display: block; margin: -38px auto 0; width: auto; height: 40px; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01 > a .jpmpp-home-txt-anchor, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a .jpmpp-home-txt-anchor { display: block; color: #fff; font-family: "M PLUS Rounded 1c"; font-weight: 500; font-size: 20px; line-height: 1.3; -webkit-transform: rotate(0.05deg); transform: rotate(0.05deg); }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01 > a .jpmpp-home-txt-anchor:lang(ja), .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a .jpmpp-home-txt-anchor:lang(ja) { margin-top: 5px; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01 > a { background: #BE0027; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01 > a::before { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/img-jpmpp-character-01.png) no-repeat center center; background-size: contain; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a { background: #003894; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a::before { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/img-jpmpp-character-night-01.png) no-repeat center center; background-size: contain; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-03, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-04 { color: #413D3C; font-size: 20px; font-family: "M PLUS Rounded 1c"; font-weight: 500; line-height: 1.3; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-03 span, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-04 span { -webkit-transform: rotate(0.05deg); transform: rotate(0.05deg); }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-03 > a, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-04 > a { min-height: 74px; display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; background: #FFFFFF; padding: 0 10px 0 90px; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-03 > a::before, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-04 > a::before { content: ""; position: absolute; top: -16px; left: 24px; width: 80px; height: 80px; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-03 { margin-top: 32px; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-03 > a::before { background: transparent url(/content/dam/sites/www_mamypoko_jp/images/home/icon-jpmpp-home-btn-01.png) no-repeat center center; background-size: contain; }

.jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-04 > a::before { background: transparent url(/content/dam/sites/www_mamypoko_jp/images/home/icon-jpmpp-home-btn-02.png) no-repeat center center; background-size: contain; }

.jpmpp-home-hdg-lv2 { text-align: center; }

.jpmpp-home-hdg-lv2 > * { font-size: 40px; line-height: 1.5; font-weight: 700; color: #EEE7E0; font-family: "Outfit"; margin-top: 64px; }

.jpmpp-home-hdg-lv2 > * span { display: block; font-size: 16px; font-weight: 500; font-family: "M PLUS Rounded 1c"; }

.jpmpp-home-hdg-lv2-rev { text-align: center; }

.jpmpp-home-hdg-lv2-rev > * { font-size: 40px; line-height: 1.3; font-weight: 500; color: #EEE7E0; font-family: "M PLUS Rounded 1c"; margin-top: 64px; }

.jpmpp-home-hdg-lv2-rev > * span { display: block; font-size: 16px; font-weight: 700; font-family: "Outfit"; line-height: 1.5; margin-top: 5px; }

.jpmpp-home-hdg-lv2-rev > * b { font-weight: 500; }

.jpmpp-home-wrap-movie { margin-top: 96px; }

.jpmpp-home-wrap-movie .jpmpp-home-hdg-lv2 { text-align: center; }

.jpmpp-home-wrap-movie .jpmpp-home-hdg-lv2 > * { color: #BE0027; margin-top: 0; }

.jpmpp-home-wrap-movie .jpmpp-home-hdg-lv2 > * span { color: #413D3C; font-family: "M PLUS Rounded 1c"; margin-top: 0; }

.jpmpp-home-wrap-movie .jpmpp-txt-01 > * { font-size: 14px; color: #413D3C; }

.jpmpp-home-wrap-movie .CMP-CM10-text div[class^="jpmpp-txt-01"] { margin-top: 16px; }

.jpmpp-home-wrap-movie .CMP-CM18-video > div { margin-top: 48px; }

.jpmpp-home-wrap-movie .uc-mod-media-02 .uc-object { margin-bottom: 0; max-width: 792px; }

.jpmpp-home-wrap-point { position: relative; padding-top: 44px; margin-top: 80px; }

.jpmpp-home-wrap-point.jpmpp-home-point-day .jpmpp-home-inner-point { background: linear-gradient(#BE0027 0%, #910010 100%); }

.jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-inner-point { background: linear-gradient(#003894 0%, #14126F 100%); }

.jpmpp-home-wrap-point .jpmpp-home-inner-point { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; border-radius: 16px; padding-top: 60px; padding-bottom: 64px; }

.jpmpp-home-wrap-point .jpmpp-home-logo-point { position: absolute; width: 120px; top: 10px; left: 50%; margin-left: -60px; }

.jpmpp-home-wrap-point .jpmpp-home-logo-point img { width: 100%; height: auto; }

.jpmpp-home-wrap-point .jpmpp-home-grid-point-day, .jpmpp-home-wrap-point .jpmpp-home-grid-point-night { position: relative; }

.jpmpp-home-wrap-point .jpmpp-home-grid-point > * { border-radius: 0 0 12px 12px; margin-top: 74px; position: relative; padding: 1px 24px 8px; }

.jpmpp-home-wrap-point .jpmpp-home-grid-point > *::before { content: ""; position: absolute; border-radius: 12px 12px 0 0; top: -58px; right: 0; width: 100%; height: 60px; }

.jpmpp-home-wrap-point.jpmpp-home-point-day .jpmpp-home-grid-point > * { position: relative; }

.jpmpp-home-wrap-point.jpmpp-home-point-day .jpmpp-home-grid-point > *::before { content: ""; background: #FECDD3; border-radius: 12px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-mask-image: url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_square.svg), url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_circle.svg); mask-image: url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_square.svg), url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_circle.svg); -webkit-mask-repeat: repeat, no-repeat; mask-repeat: repeat, no-repeat; -webkit-mask-composite: subtract, source-over; mask-composite: subtract, add; -webkit-mask-position: 0 0, center -50px; mask-position: 0 0, center -50px; -webkit-mask-size: cover, 100px 100px; mask-size: cover, 100px 100px; }

.jpmpp-home-wrap-point.jpmpp-home-point-day .jpmpp-home-hdg-point-lv3 > *, .jpmpp-home-wrap-point.jpmpp-home-point-day .jpmpp-home-hdg-point-lv3-column > * { color: #910010; }

.jpmpp-home-wrap-point.jpmpp-home-point-day .jpmpp-home-hdgbox-lv2-point .jpmpp-home-hdg-txt-point { margin-bottom: 10px; }

.jpmpp-home-wrap-point.jpmpp-home-point-day .jpmpp-home-hdgbox-lv2-point::before { background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/img-jpmpp-character-01.png) no-repeat center center; background-size: contain; }

.jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-grid-point > * { position: relative; }

.jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-grid-point > *::before { content: ""; background: #BAE6FE; border-radius: 12px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-mask-image: url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_square.svg), url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_circle.svg); mask-image: url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_square.svg), url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_circle.svg); -webkit-mask-repeat: repeat, no-repeat; mask-repeat: repeat, no-repeat; -webkit-mask-composite: subtract, source-over; mask-composite: subtract, add; -webkit-mask-position: 0 0, center -50px; mask-position: 0 0, center -50px; -webkit-mask-size: cover, 100px 100px; mask-size: cover, 100px 100px; }

.jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-hdg-point-lv3 > *, .jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-hdg-point-lv3-column > * { color: #14126F; }

.jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-hdgbox-lv2-point .jpmpp-home-hdg-txt-point { margin-bottom: -4px; }

.jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-hdgbox-lv2-point .jpmpp-home-hdg-txt-point:lang(en) { margin-bottom: 10px; }

.jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-hdgbox-lv2-point::before { background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/img-jpmpp-character-night-01.png) no-repeat center center; background-size: contain; }

.jpmpp-home-wrap-point .jpmpp-home-grid-point-column .jpmpp-home-hdg-point-lv3 { min-height: 0 !important; }

.jpmpp-home-wrap-point .jpmpp-home-grid-point-column .jpmpp-home-hdg-point-lv3 > * { margin-top: 32px; }

.jpmpp-home-wrap-point .jpmpp-home-hdg-point-lv3-column { margin-top: 0 !important; display: inline-block; text-align: center; position: relative; width: 100%; }

.jpmpp-home-wrap-point .jpmpp-home-hdg-point-lv3-column > * { margin: 72px 0 0; font-family: "M PLUS Rounded 1c"; font-weight: 500; font-size: 36px; line-height: 1.5; text-align: left; }

.jpmpp-home-wrap-point .CMP-CM05-block:has(.jpmpp-home-point-column) + .CMP-CM05-block .jpmpp-home-point-column .jpmpp-home-hdg-point-lv3 > * { margin-top: 40px; }

.jpmpp-home-wrap-point .jpmpp-home-att-list-point-column { list-style-type: none; margin-top: 16px; margin-bottom: 16px; }

.jpmpp-home-wrap-point .jpmpp-home-att-list-point-column > li { font-size: 12px; line-height: 1.5; color: #413D3C; display: flex; }

.jpmpp-home-wrap-point .jpmpp-home-att-list-point-column > li > *:first-child { white-space: nowrap; margin-right: 4px; }

.jpmpp-home-wrap-point .jpmpp-home-num-point { position: absolute; width: 110px; height: 110px; border-radius: 50%; top: -64px; left: 50%; margin-left: -55px; margin-top: 0; text-align: center; display: flex; justify-content: center; align-items: center; }

.jpmpp-home-wrap-point .jpmpp-home-num-point p { font-family: "Outfit"; color: #E3C982; font-size: 14px; font-weight: 700; line-height: 1; }

.jpmpp-home-wrap-point .jpmpp-home-num-point p b { font-weight: 700; display: block; font-size: 48px; color: #fff; }

.jpmpp-home-wrap-point .jpmpp-home-hdg-point-lv3 > * { margin: 72px 0 0; font-family: "M PLUS Rounded 1c"; font-weight: 500; font-size: 28px; line-height: 1.5; text-align: left; }

.jpmpp-home-wrap-point .jpmpp-home-img-point { margin: 16px -24px 0; text-align: center; }

.jpmpp-home-wrap-point .CMP-CM10-text .jpmpp-home-txt-point { margin-top: 24px; }

.jpmpp-home-wrap-point .jpmpp-home-txt-point > p { font-size: 14px; line-height: 2; color: #413D3C; font-weight: 500; }

.jpmpp-home-wrap-point .jpmpp-home-att-list-st { list-style-type: none; margin-top: 24px; margin-bottom: -34px; }

.jpmpp-home-wrap-point .jpmpp-home-att-list-st > li { font-size: 12px; line-height: 1.5; color: #fff; display: flex; }

.jpmpp-home-wrap-point .jpmpp-home-att-list-st > li > *:first-child { white-space: nowrap; margin-right: 4px; }

.jpmpp-home-wrap-point .jpmpp-home-att-list-point { list-style-type: none; margin-top: 16px; }

.jpmpp-home-wrap-point .jpmpp-home-att-list-point > li { font-size: 12px; line-height: 1.5; color: #413D3C; display: flex; }

.jpmpp-home-wrap-point .jpmpp-home-att-list-point > li > *:first-child { white-space: nowrap; margin-right: 4px; }

.jpmpp-home-wrap-point .jpmpp-home-hdgbox-lv2-point { position: relative; padding-top: 120px; }

.jpmpp-home-wrap-point .jpmpp-home-hdgbox-lv2-point::before { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/img-jpmpp-character-01.png) no-repeat center center; background-size: contain; position: absolute; top: 0; left: 50%; margin-left: -50px; width: 100px; height: 100px; }

.jpmpp-home-wrap-point .jpmpp-home-hdgbox-lv2-point .jpmpp-home-hdg-lv2-point { margin: 0 -20px 24px; }

.jpmpp-home-wrap-point .jpmpp-home-hdgbox-lv2-point .jpmpp-home-hdg-lv2-point img { max-width: 366px; display: block; margin: 0 auto; width: 100%; }

.jpmpp-home-wrap-point .jpmpp-home-hdgbox-lv2-point .jpmpp-home-hdg-txt-point { display: block; color: #fff; font-size: 20px; line-height: 1.3; font-family: "M PLUS Rounded 1c"; font-weight: 500; }

.jpmpp-home-inner-lineup { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; border-radius: 16px; padding-top: 1px; padding-bottom: 64px; }

.jpmpp-home-wrap-lineup { margin-top: 32px; }

.jpmpp-home-wrap-lineup.jpmpp-home-lineup-day .jpmpp-home-inner-lineup { background: #BE0027; }

.jpmpp-home-wrap-lineup.jpmpp-home-lineup-night .jpmpp-home-inner-lineup { background: #003894; }

.jpmpp-home-inner-review { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; border-radius: 16px; background: #BE0027; padding-top: 1px; padding-bottom: 64px; }

.jpmpp-home-wrap-review { margin-top: 96px; }

.jpmpp-home-wrap-review .jpmpp-home-grid-review { padding-top: 34px; }

.jpmpp-home-wrap-review .jpmpp-home-grid-review > * { padding: 0; }

.jpmpp-home-wrap-review .jpmpp-home-grid-review > * > * { display: flex; }

.jpmpp-home-wrap-review .jpmpp-home-grid-review > * > * > * { display: flex; flex-direction: column; }

.jpmpp-home-wrap-review .jpmpp-home-grid-review > * > * > * .CMP-CM05-block:first-child { flex-grow: 1; display: flex; }

.jpmpp-home-wrap-review .jpmpp-home-grid-review > * > * > * .CMP-CM05-block:first-child .jpmpp-home-box-review-t { display: flex; align-items: center; }

.jpmpp-home-wrap-review .jpmpp-home-box-review-t { background: #fff; position: relative; border-radius: 16px; padding: 24px 32px; margin-top: 24px; }

.jpmpp-home-wrap-review .jpmpp-home-box-review-t::after { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/common/icon-jpmpp-comment.svg) no-repeat center center; background-size: contain; position: absolute; bottom: 0; bottom: -24px; left: 48px; width: 48px; height: 48px; }

.jpmpp-home-wrap-review .jpmpp-home-box-review-b { margin-top: 32px; min-height: 80px; position: relative; }

.jpmpp-home-wrap-review .jpmpp-home-box-review-b::after { content: ""; position: absolute; top: 0; left: 0; width: 80px; height: 80px; }

.jpmpp-home-wrap-review .jpmpp-home-box-review-b.jpmpp-home-icon-review-01::after { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/home/icon-jpmpp-home-review-01.png) no-repeat center center; background-size: contain; }

.jpmpp-home-wrap-review .jpmpp-home-box-review-b.jpmpp-home-icon-review-02::after { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/home/icon-jpmpp-home-review-02.png) no-repeat center center; background-size: contain; }

.jpmpp-home-wrap-review .jpmpp-home-box-review-b.jpmpp-home-icon-review-03::after { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/home/icon-jpmpp-home-review-03.png) no-repeat center center; background-size: contain; }

.jpmpp-home-wrap-review .jpmpp-home-box-review-b.jpmpp-home-icon-review-04::after { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/home/icon-jpmpp-home-review-04.png) no-repeat center center; background-size: contain; }

.jpmpp-home-wrap-review .CMP-CM10-text .jpmpp-home-txt-review { margin-top: 0; }

.jpmpp-home-wrap-review .jpmpp-home-txt-review > p { color: #413D3C; font-size: 20px; line-height: 1.5; font-weight: 500; font-family: "M PLUS Rounded 1c"; -webkit-transform: rotate(0.05deg); transform: rotate(0.05deg); }

.jpmpp-home-wrap-review .jpmpp-home-txt-review > p > b { color: #14126F; font-weight: 500; }

.jpmpp-home-wrap-review .CMP-CM10-text .jpmpp-home-txt-sub-review { margin-top: 0; }

.jpmpp-home-wrap-review .jpmpp-home-txt-sub-review { padding-left: 120px; }

.jpmpp-home-wrap-review .jpmpp-home-txt-sub-review > p { color: #413D3C; font-size: 16px; line-height: 1.5; font-weight: 500; font-family: "M PLUS Rounded 1c"; }

.jpmpp-home-inner-recommend { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; border-radius: 16px; background: #FECDD3; padding-top: 1px; padding-bottom: 64px; }

.jpmpp-home-wrap-recommend { margin-top: 64px; }

.jpmpp-home-wrap-recommend .jpmpp-home-hdg-lv2-rev { text-align: center; }

.jpmpp-home-wrap-recommend .jpmpp-home-hdg-lv2-rev > * { color: #910010; }

.jpmpp-home-wrap-recommend .jpmpp-home-hdg-lv2-rev > * span { color: #413D3C; }

.jpmpp-home-wrap-recommend .jpmpp-home-hdg-lv2-rev > * b { font-weight: 500; }

.jpmpp-home-wrap-recommend .jpmpp-home-grid-recommend { position: relative; padding-top: 40px; padding-bottom: 190px; }

.jpmpp-home-wrap-recommend .jpmpp-home-grid-recommend::after { content: ""; background: transparent url(/content/dam/sites/www_mamypoko_jp/images/home/icon-jpmpp-home-recommend-01.png) no-repeat center center; background-size: contain; width: 240px; height: 168px; position: absolute; bottom: 0; left: 50%; margin-left: -120px; }

.jpmpp-home-wrap-recommend .jpmpp-home-grid-recommend > * { margin-top: 24px; background: #fff; border-radius: 16px; padding: 24px; align-items: center; }

.jpmpp-home-wrap-recommend .jpmpp-home-txt-recommend { margin-top: 0; }

.jpmpp-home-wrap-recommend .jpmpp-home-txt-recommend > p { color: #413D3C; font-size: 20px; line-height: 1.5; font-weight: 500; font-family: "M PLUS Rounded 1c"; -webkit-transform: rotate(0.05deg); transform: rotate(0.05deg); }

.jpmpp-pdt-wrap-hero { margin-top: 40px; }

.jpmpp-pdt-inner-hero { position: relative; padding: 24px 20px 36px; }

.jpmpp-pdt-inner-hero::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-filter: blur(4px); filter: blur(4px); background: #fff; z-index: 0; border-radius: 16px; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-grid-hero > * { padding: 0; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-hdg-hero { text-align: center; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-hdg-hero > * { font-size: 16px; line-height: 1.5; font-weight: 700; color: #BE0027; font-family: "M PLUS Rounded 1c"; margin-top: 24px; -webkit-transform: rotate(0.05deg); transform: rotate(0.05deg); }

.jpmpp-pdt-inner-hero .jpmpp-pdt-hdg-hero > * b { display: block; font-size: 32px; font-weight: 700; }

.jpmpp-pdt-inner-hero .CMP-CM10-text .jpmpp-pdt-txt-hero { margin-top: 12px; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-txt-hero { text-align: center; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-txt-hero b { font-weight: 700; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-txt-hero > * { font-size: 20px; line-height: 1.5; font-weight: 700; color: #413D3C; font-family: "M PLUS Rounded 1c"; }

.jpmpp-pdt-inner-hero .CMP-CM10-text .jpmpp-pdt-icon-hero { margin-top: 16px; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-icon-hero { text-align: center; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-icon-hero > * { font-size: 14px; font-weight: 500; background: #EEE7E0; border-radius: 14px; display: inline-block; padding: 4px 16px; color: #413D3C; font-family: "Noto Sans JP"; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-tbl-hero { width: 100%; border-collapse: separate; border-spacing: 0; empty-cells: show; border-top: #BE0027 1px solid; border-left: #BE0027 1px solid; margin-top: 16px; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-tbl-hero th { background: #BE0027; vertical-align: middle; border-right: #BE0027 1px solid; border-bottom: #BE0027 1px solid; color: #fff; padding: 8px 16px; font-family: "Noto Sans JP"; font-weight: 500; font-size: 14px; line-height: 1.2; text-align: left; width: 33vw; max-width: 180px; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-tbl-hero td { background: #fff; border-right: #BE0027 1px solid; border-bottom: #BE0027 1px solid; text-align: left; font-family: "M PLUS Rounded 1c"; font-weight: 500; font-size: 18px; line-height: 1.2; color: #413D3C; padding: 8px 16px; }

.jpmpp-pdt-inner-hero .jpmpp-pdt-tbl-hero tr:not(:last-child) th { border-bottom: #fff 1px solid; }

.jpmpp-pdt-inner-hero.jpmpp-pdt-col-night .jpmpp-pdt-hdg-hero > * { color: #14126F; }

.jpmpp-pdt-inner-hero.jpmpp-pdt-col-night .jpmpp-pdt-tbl-hero { border-top: #14126F 1px solid; border-left: #14126F 1px solid; }

.jpmpp-pdt-inner-hero.jpmpp-pdt-col-night .jpmpp-pdt-tbl-hero th { background: #14126F; border-right: #14126F 1px solid; border-bottom: #14126F 1px solid; }

.jpmpp-pdt-inner-hero.jpmpp-pdt-col-night .jpmpp-pdt-tbl-hero td { border-right: #14126F 1px solid; border-bottom: #14126F 1px solid; }

.jpmpp-pdt-inner-hero.jpmpp-pdt-col-night .jpmpp-pdt-tbl-hero tr:not(:last-child) th { border-bottom: #fff 1px solid; }

.jpmpp-pdt-wrap-detail { position: relative; }

.jpmpp-pdt-inner-detail { background: linear-gradient(#BE0027 0%, #910010 100%); margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; border-radius: 16px; padding-top: 36px; padding-bottom: 64px; margin-top: 84px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-logo-detail { position: relative; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-logo-detail > p { position: absolute; width: 120px; top: -88px; left: 50%; margin-left: -60px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-logo-detail > p img { width: 100%; height: auto; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-leadbox-detail { text-align: center; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-leadbox-detail .jpmpp-pdt-lead-detail { margin: 0 -20px; }

.jpmpp-pdt-inner-detail .CMP-CM10-text .jpmpp-pdt-txt-sub-detail { margin-top: 0; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-txt-sub-detail > p { color: #fff; font-size: 12px; font-family: "Noto Sans JP"; line-height: 1.5; margin-bottom: 5px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-detail { list-style-type: none; margin-top: 16px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-detail > li { font-size: 12px; line-height: 1.5; color: #fff; display: flex; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-detail > li > *:first-child { margin-right: 4px; white-space: nowrap; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-grid-detail { margin-top: 48px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-grid-detail > * { padding: 0; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-img-detail { text-align: center; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point > * { padding: 0; }

.jpmpp-pdt-inner-detail .CMP-CM40-grid-advance:has(.jpmpp-pdt-grid-point) + .CMP-CM40-grid-advance .jpmpp-pdt-grid-point { margin-top: 24px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-box-point { position: relative; margin-top: 48px; padding: 40px 24px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-box-point::before { content: ""; background: #FECDD3; border-radius: 12px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-mask-image: url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_square.svg), url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_circle.svg); mask-image: url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_square.svg), url(/content/dam/sites/www_mamypoko_jp/images/common/bg-jpmpp-mask_circle.svg); -webkit-mask-repeat: repeat, no-repeat; mask-repeat: repeat, no-repeat; -webkit-mask-composite: subtract, source-over; mask-composite: subtract, add; -webkit-mask-position: 0 0, -30px -30px; mask-position: 0 0, -30px -30px; -webkit-mask-size: cover, 60px 60px; mask-size: cover, 60px 60px; }

.jpmpp-pdt-inner-detail .CMP-CM10-text .jpmpp-pdt-num-point { margin: 0; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-num-point { position: absolute; top: -30px; left: -3px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-num-point > p { font-size: 36px; font-weight: bold; color: #fff; font-family: "Outfit"; }

.jpmpp-pdt-inner-detail .CMP-CM10-text div.jpmpp-pdt-hdg-point-lead { margin-top: 0; margin-bottom: 16px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-hdg-point-lv3, .jpmpp-pdt-inner-detail .jpmpp-pdt-hdg-point-lead { position: relative; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-hdg-point-lv3 > *, .jpmpp-pdt-inner-detail .jpmpp-pdt-hdg-point-lead > * { margin-top: 0; font-size: 24px; line-height: 1.3; font-weight: 500; font-family: "M PLUS Rounded 1c"; color: #413D3C; text-align: left; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-hdg-point-lv3 > * > b, .jpmpp-pdt-inner-detail .jpmpp-pdt-hdg-point-lead > * > b { font-weight: 500; color: #910010; }

.jpmpp-pdt-inner-detail .CMP-CM10-text .jpmpp-pdt-txt-point { margin-top: 8px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-txt-point { position: relative; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-txt-point > * { font-size: 16px; line-height: 1.7; font-weight: 500; font-family: "Noto Sans JP"; color: #413D3C; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-img-point { text-align: center; width: 50%; margin: 16px auto 0; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-point { position: relative; list-style-type: none; margin-top: 16px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-point > li { font-size: 12px; line-height: 1.5; color: #413D3C; display: flex; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-point > li > *:first-child { margin-right: 4px; white-space: nowrap; }

.jpmpp-pdt-inner-detail .CMP-CM10-text .jpmpp-pdt-txt-point-other { margin: 0px -4px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-txt-point-other { text-align: center; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-txt-point-other > * { font-size: 14px; line-height: 1.5; color: #fff; font-weight: 500; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-img-point-other { margin-top: 8px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point-other { margin-left: -16px; margin-top: 24px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point-other > * { padding: 0; margin-left: 16px; flex: 0 0 calc(33.333333% - 16px); max-width: calc(33.333333% - 16px); }

.jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point-other > * > * { display: flex; justify-content: center; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point-other > * > * > * { display: flex; flex-direction: column; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point-other > * > * > * > .CMP-CM10-text { flex-grow: 1; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-box-design { margin-top: 48px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-hdg-design > * { font-size: 24px; line-height: 1.3; font-weight: 500; font-family: "M PLUS Rounded 1c"; color: #fff; }

.jpmpp-pdt-inner-detail .CMP-CM10-text .jpmpp-pdt-txt-design { margin-top: 24px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-txt-design > p { color: #fff; font-size: 16px; line-height: 1.7; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-img-design { margin-top: 24px; text-align: center; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-design { list-style-type: none; margin-top: 16px; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-design > li { font-size: 12px; line-height: 1.5; color: #fff; display: flex; }

.jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-design > li > *:first-child { margin-right: 4px; white-space: nowrap; }

.jpmpp-pdt-inner-detail.jpmpp-pdt-col-night { background: linear-gradient(#003894 0%, #14126F 100%); }

.jpmpp-pdt-inner-detail.jpmpp-pdt-col-night .jpmpp-pdt-box-point::before { background: #BAE6FE; }

.jpmpp-pdt-inner-detail.jpmpp-pdt-col-night .jpmpp-pdt-hdg-point-lv3 > * > b, .jpmpp-pdt-inner-detail.jpmpp-pdt-col-night .jpmpp-pdt-hdg-point-lead > * > b { color: #14126F; }

.jpmpp-pdt-wrap-lineup { margin-top: 32px; padding-bottom: 96px; }

.jpmpp-pdt-inner-lineup { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; padding-top: 1px; padding-bottom: 64px; }

.jpmpp-pdt-inner-lineup.jpmpp-pdt-inner-lineup-day { background: #BE0027; border-radius: 16px 16px 0 0; }

.jpmpp-pdt-inner-lineup.jpmpp-pdt-inner-lineup-night { background: #003894; border-radius: 0 0 16px 16px; }

.jpmpp-pdt-inner-lineup .jpmpp-pdt-hdg-lv2 { text-align: center; }

.jpmpp-pdt-inner-lineup .jpmpp-pdt-hdg-lv2 > * { font-size: 40px; line-height: 1.5; font-weight: 700; color: #EEE7E0; font-family: "Outfit"; margin-top: 64px; }

.jpmpp-pdt-inner-lineup .jpmpp-pdt-hdg-lv2 > * span { display: block; font-size: 16px; font-weight: 500; font-family: "M PLUS Rounded 1c"; }

.jpmpp-ftr-wrap-bnr .js-brand-banner { padding: 32px 0 0; }

.jpmpp-ftr-wrap-bnr .js-brand-banner .uc-object { margin: 0; }

.jpmpp-ftr-wrap-bnr .js-brand-banner .uc-mod-media-01 img { max-width: 32vh; width: 100%; }

.jpmpp-ftr-wrap-bnr .js-brand-banner .slick-track .slick-slide { padding: 0 5px; }

.jpmpp-ftr-wrap-bnr .js-brand-banner .uc-mod-media-01 { margin: 0; }

@media print, all and (min-width: 769px) { .uc-pc { display: inline; }
  .uc-sp { display: none; }
  .CMP-CM11-image-and-text a img { transition: opacity 0.3s; }
  .CMP-CM11-image-and-text a:hover img { opacity: 0.7; } body::before { background-image: linear-gradient(10deg, transparent 0%, transparent 25%, #CE264A 50%, #CE264A 100%); } body::before { height: 52vw; } .uc-page-body .uc-lyt-row { padding: 0 40px; }
  .uc-page-footer .uc-lyt-row { max-width: 1240px; }
  .uc-page-footer .uc-lyt-col { padding: 0; } .u-ta-l-c { text-align: center !important; }
  .u-ta-l-r { text-align: right !important; }
  .u-ta-c-l { text-align: left !important; }
  .u-ta-c-r { text-align: right !important; }
  .u-ta-r-l { text-align: left !important; }
  .u-ta-r-c { text-align: center !important; }
  .u-disp-i-n { display: none !important; }
  .u-disp-ib-n { display: none !important; }
  .u-disp-b-n { display: none !important; }
  .u-disp-n-i { display: inline !important; }
  .u-disp-n-ib { display: inline-block !important; }
  .u-disp-n-b { display: block !important; }
  .u-br-sp { display: none !important; }
  .u-br-pc { display: inline !important; }
  a img.u-btn { opacity: 1.0; transition: opacity 0.3s; }
  a:hover img.u-btn { opacity: 0.8; }
  img.u-btn { opacity: 0.3; }
  .u-mg0 { margin: 0 !important; }
  .u-mg-auto { margin-left: auto !important; margin-right: auto !important; }
  .u-mgt-xxs { margin-top: 10px !important; }
  .u-mgt-xs { margin-top: 20px !important; }
  .u-mgt-s { margin-top: 30px !important; }
  .u-mgt-m { margin-top: 40px !important; }
  .u-mgt-l { margin-top: 50px !important; }
  .u-mgt-xl { margin-top: 60px !important; }
  .u-mgt-xxl { margin-top: 80px !important; }
  .u-mgb-xxs { margin-bottom: 10px !important; }
  .u-mgb-xs { margin-bottom: 20px !important; }
  .u-mgb-s { margin-bottom: 30px !important; }
  .u-mgb-m { margin-bottom: 40px !important; }
  .u-mgb-l { margin-bottom: 50px !important; }
  .u-mgb-xl { margin-bottom: 60px !important; }
  .u-mgb-xxl { margin-bottom: 80px !important; }
  .u-pd0 { padding: 0 !important; }
  .u-pdt-xxs { padding-top: 10px !important; }
  .u-pdt-xs { padding-top: 20px !important; }
  .u-pdt-s { padding-top: 30px !important; }
  .u-pdt-m { padding-top: 40px !important; }
  .u-pdt-l { padding-top: 50px !important; }
  .u-pdt-xl { padding-top: 60px !important; }
  .u-pdt-xxl { padding-top: 80px !important; }
  .u-pdb-xxs { padding-bottom: 10px !important; }
  .u-pdb-xs { padding-bottom: 20px !important; }
  .u-pdb-s { padding-bottom: 30px !important; }
  .u-pdb-m { padding-bottom: 40px !important; }
  .u-pdb-l { padding-bottom: 50px !important; }
  .u-pdb-xl { padding-bottom: 60px !important; }
  .u-pdb-xxl { padding-bottom: 80px !important; } .jpmpp-hdr-inner .jpmpp-hdr-box .jpmpp-hdr-btn-pt-ec { top: 50%; right: 20px; margin-top: -20px; } .jpmpp-hdr-inner .jpmpp-hdr-box .jpmpp-hdr-btn-pt-ec a { display: flex; justify-content: center; align-items: center; padding: 12px 20px 12px 20px; min-width: 192px; height: 40px; font-size: 12px; border-radius: 30px; transition: opacity .3s; }
  .jpmpp-hdr-inner .jpmpp-hdr-box .jpmpp-hdr-btn-pt-ec a:hover { opacity: 0.6; } .jpmpp-hdr-inner .jpmpp-hdr-box .jpmpp-hdr-btn-pt-ec a text { font-family: "M PLUS Rounded 1c"; font-weight: 500; color: #413D3C; font-size: 16px; } .jpmpp-hdr-inner .jpmpp-hdr-box { max-width: 1280px; position: relative; margin: 0 auto; padding: 32px 0; }
  .jpmpp-hdr-inner .jpmpp-hdr-box .uc-header-language { position: absolute; z-index: 3; top: 50%; margin-top: -20px; right: 250px; font-size: 16px; line-height: 1; font-weight: 700; border: none; font-family: "Kiwi Maru"; }
  .jpmpp-hdr-inner .jpmpp-hdr-box .uc-header-language:lang(en) { font-family: "M PLUS Rounded 1c"; }
  .jpmpp-hdr-inner .jpmpp-hdr-box .uc-header-language .uc-link a { display: block; text-align: center; color: #fff; padding: 12px 0; }
  .jpmpp-hdr-inner .jpmpp-hdr-box .uc-header-language .uc-link a:hover { text-decoration: underline; } .jpmpp-hdr-logo { width: 180px; } .jpmpp-hdr-menu { overflow: visible !important; background: transparent; display: block; position: static; width: auto; top: 0; bottom: 0; left: 0; transition: left 1.2s; overflow-y: auto; padding-top: 0; }
  .jpmpp-hdr-menu .jpmpp-hdr-menu-icon { display: none; }
  .jpmpp-hdr-menu .jpmpp-hdr-logo { display: none; } .jpmpp-hdr-menu .jpmpp-hdr-btn-pt-ec { display: none; } .jpmpp-hdr-menu-icon { display: none; } body.header-fixed .uc-page-body { padding-top: 200px; } body.header-fixed .jpmpp-hdr-inner { display: flex; max-width: none; align-items: flex-end; justify-content: flex-start; padding: 15px 10px 15px 120px; background: #BE0027; position: fixed; top: 0; left: 0; width: 100%; box-shadow: 0px 2px 12px 4px rgba(0, 0, 0, 0.2); z-index: 102; -webkit-animation: a-fadein-hdr 0.5s ease-in backwards; animation: a-fadein-hdr 0.5s ease-in backwards; height: 104px; } body.header-fixed .jpmpp-hdr-inner .jpmpp-hdr-box { padding: 0; position: static; width: 100%; box-shadow: none; -webkit-animation: none; animation: none; } body.header-fixed .jpmpp-hdr-inner .jpmpp-hdr-box .uc-header-language { right: 262px; top: 10px; margin-top: 0; } body.header-fixed .jpmpp-hdr-inner .jpmpp-hdr-box .jpmpp-hdr-btn-pt-ec { right: 40px; top: 10px; margin-top: 0; } body.header-fixed .jpmpp-hdr-menu { padding-top: 0; }
  body.header-fixed .uc-header-gnav .uc-list { margin-top: 0; margin-left: 5px; }
  body.header-fixed .uc-header-gnav .uc-list > li button, body.header-fixed .uc-header-gnav .uc-list > li a { padding: 8px 12px; }
  body.header-fixed .uc-header-gnav .uc-list > li .uc-js-header-nav-child { top: 55px; left: 0; }
  body.header-fixed .uc-header-gnav .uc-list > li .uc-js-header-nav-child::before { left: 42px; }
  body.header-fixed .jpmpp-hdr-logo { width: 80px; margin: 0; position: absolute; top: 23px; left: 40px; } .jpmpp-hdr-menu-overlay { display: none !important; } .uc-header-gnav .uc-list { display: flex; justify-content: center; list-style: none; } .uc-header-gnav .uc-list > li { position: relative; }
  .uc-header-gnav .uc-list > li:last-child > a { display: none; } .uc-header-gnav .uc-list > li button, .uc-header-gnav .uc-list > li a { padding: 8px 24px; text-align: center; font-size: 16px; }
  .uc-header-gnav .uc-list > li button:hover, .uc-header-gnav .uc-list > li a:hover { text-decoration: underline; } .uc-header-gnav .uc-list > li button .uc-title, .uc-header-gnav .uc-list > li a .uc-title { transition: color .3s; }
  .uc-header-gnav .uc-list > li button .uc-title:after, .uc-header-gnav .uc-list > li a .uc-title:after { width: 0; height: 0; border: none; } .uc-header-gnav .uc-list > li .uc-js-header-nav-child { box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2); position: absolute; top: 4em; left: 0; z-index: 103; min-width: 250px; list-style: none; padding: 10px 0; }
  .uc-header-gnav .uc-list > li .uc-js-header-nav-child:before { z-index: 103; content: ""; position: absolute; display: block; margin: 0 auto; left: 42px; top: -10px; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #910000 transparent; } .uc-header-gnav .uc-list > li .uc-js-header-nav-child > li { text-align: left; }
  .uc-header-gnav .uc-list > li .uc-js-header-nav-child > li:after { width: 0; height: 0; border: none; } .uc-header-gnav .uc-list > li .uc-js-header-nav-child > li > a { color: #FFFFFF; text-align: left; font-size: 16px; letter-spacing: 0; padding: 10px 20px; }
  .uc-header-gnav .uc-list > li .uc-js-header-nav-child > li > a:hover { color: #910000; background: #FFFFFF; text-decoration: none; } .jpmpp-ftr-wrap-main { border-radius: 32px 32px 0 0; padding: 100px 0 96px; } .jpmpp-ftr-ttl-buy p { font-size: 48px; } .jpmpp-ftr-ttl-buy p b { display: inline; } .jpmpp-ftr-txt-sns { padding-right: 40px; } .jpmpp-ftr-box-sns .uc-mod-sns-01 li .a2a_svg { transition: opacity .3s; } .jpmpp-ftr-wrap-menu { padding-bottom: 64px; }
  .jpmpp-ftr-wrap-menu .uc-lyt-col { position: relative; }
  .jpmpp-ftr-wrap-menu .uc-lyt-col .jpmpp-ftr-box-sns { position: absolute; right: 0; bottom: 0; } .jpmpp-ftr-menu .uc-lyt-grid-col-flex:first-child { flex: 0 0 40%; max-width: 40%; }
  .jpmpp-ftr-menu .uc-lyt-grid-col-flex:first-child > * > * { display: flex; flex-wrap: wrap; }
  .jpmpp-ftr-menu .uc-lyt-grid-col-flex:first-child > * > * > .CMP-CM10-text { width: 100%; }
  .jpmpp-ftr-menu .uc-lyt-grid-col-flex:first-child > * > * > .CMP-CM30-link-list { width: 50%; }
  .jpmpp-ftr-menu .uc-lyt-grid-col-flex:not(:first-child) { flex: 0 0 20%; max-width: 20%; } .jpmpp-ftr-hdg-menu { margin-top: 55px !important; } .jpmpp-ftr-hdg-menu > p { cursor: default; padding: 0; } .jpmpp-ftr-hdg-menu.jpmpp-ftr-hdg-link > p > a { padding: 0; }
  .jpmpp-ftr-hdg-menu.jpmpp-ftr-hdg-link > p > a:hover { text-decoration: underline; } .jpmpp-ftr-list-menu { display: block; margin-top: 0; } .jpmpp-ftr-list-menu.jpmpp-ftr-list-menu-pdt ul > li:first-child > a { color: #413D3C; } .jpmpp-ftr-list-menu ul { list-style: none; margin-top: 0; background: transparent; padding: 10px 0 0; } .jpmpp-ftr-list-menu ul > li { margin-top: 10px; background: transparent; position: relative; }
  .jpmpp-ftr-list-menu ul > li:after { width: 0; height: 0; border-top: none; border-right: none; } .jpmpp-ftr-list-menu ul > li > a { display: inline-block; color: #003894; font-size: 16px; letter-spacing: 0; font-size: 14px; font-weight: 700; padding: 0; }
  .jpmpp-ftr-list-menu ul > li > a:hover { text-decoration: underline; } .jpmpp-ftr-wrap-breadcrumb { overflow-x: hidden; } .jpmpp-ftr-list-breadcrumb .uc-mod-nav-breadcrumb-01 { overflow: hidden; white-space: normal; } .jpmpp-ftr-wrap-shop-set { margin-bottom: 120px; } .jpmpp-ftr-grid-sdgs > .uc-lyt-grid-col-flex:first-child { flex: 0 0 57.831%; max-width: 57.831%; }
  .jpmpp-ftr-grid-sdgs > .uc-lyt-grid-col-flex:last-child { flex: 0 0 37.650%; max-width: 37.650%; } .jpmpp-ftr-box-sdgs { border-radius: 32px; margin-top: 80px; padding: 48px 8.5%; } .jpmpp-ftr-ttl-sdgs { font-size: 32px; }
  .jpmpp-ftr-ttl-sdgs b { display: block; } .CMP-CM34-rich-text .jpmpp-ftr-txt-sdgs { margin-top: 26px; } .jpmpp-wrap-grid-shop { padding: 8px 0 0; margin-left: -24px; justify-content: center; }
  .jpmpp-wrap-grid-shop.jpmpp-grid-shop-pt2 > .uc-lyt-grid-col-flex:nth-child(1) { margin-left: calc(16.66666% + 24px); }
  .jpmpp-wrap-grid-shop.jpmpp-grid-shop-pt2 > .uc-lyt-grid-col-flex:nth-child(2) { margin-right: 16.66666%; } .jpmpp-wrap-grid-shop > .uc-lyt-grid-col-flex { margin-left: 24px; flex: 0 0 calc(33.333333% - 24px); max-width: calc(33.333333% - 24px); } .jpmpp-wrap-grid-shop a { margin-top: 40px; } .jpmpp-mgt8-16 { margin-top: 16px !important; } .jpmpp-mgt16-32 { margin-top: 32px !important; } .jpmpp-mgt24-32 { margin-top: 32px !important; } .jpmpp-mgt32-48 { margin-top: 48px !important; } .jpmpp-mgt32-64 { margin-top: 64px !important; } .jpmpp-mgt48-64 { margin-top: 64px !important; } .uc-page-body .jpmpp-wrap-st.jpmpp-wrap-end-pt1 .uc-lyt-row { padding-bottom: 120px; } .jpmpp-inner-st { border-radius: 32px; margin-left: 0; margin-right: 0; padding-left: 8.5%; padding-right: 8.5%; padding-bottom: 96px; margin-top: 48px; } .jpmpp-inner-st.jpmpp-pdg-st { padding-top: 80px; } .jpmpp-inner-st.jpmpp-inner-col-pt1 { padding-left: 8.5%; padding-right: 8.5%; } .jpmpp-hdg-lv1-st > * { margin-top: 32px; font-size: 56px; } .jpmpp-hdg-lv2-st > * { margin-top: 120px; font-size: 56px; } .jpmpp-hdg-lv2-pt > * { font-size: 32px; margin-top: 64px; } .jpmpp-img-st a { transition: opacity .3s; }
  .jpmpp-img-st a:hover { opacity: 0.6; } .jpmpp-img-pt1 img { width: 60%; } .jpmpp-img-pc-50p img { width: 50%; } .uc-mod-site-map-grid-01.jpmpp-list-sitemap .uc-mod-link-list-02 > li { margin-top: 64px; font-size: 20px; } .uc-mod-site-map-grid-01.jpmpp-list-sitemap .uc-mod-link-list-01 > li { margin-top: 24px; font-size: 16px; } .jpmpp-qa-wrap-hero { margin-top: 48px; margin-bottom: -64px; } .jpmpp-qa-wrap-hero .jpmpp-att-list-st { bottom: 64px; width: 28vw; } .CMP-CM05-block + .CMP-CM05-block .jpmpp-wrap-qa { margin-top: 48px; } .jpmpp-wrap-qa { border-radius: 16px; } .jpmpp-wrap-qa > .CMP-CM05-block:first-child { padding: 32px; } .jpmpp-wrap-qa > .CMP-CM05-block:last-child { padding: 0 32px 32px; } .jpmpp-wrap-qa .jpmpp-inner-q .jpmpp-txt-01 > p { font-size: 20px; } .jpmpp-wrap-qa .jpmpp-inner-a { padding-top: 32px; padding-right: 0; } .jpmpp-wrap-qa .jpmpp-grid-qa { margin-left: -24px; } .jpmpp-wrap-qa .jpmpp-grid-qa > * { margin-left: 24px; }
  .jpmpp-wrap-qa .jpmpp-grid-qa > *:first-child { flex: 0 0 calc(60% - 24px); max-width: calc(60% - 24px); }
  .jpmpp-wrap-qa .jpmpp-grid-qa > *:last-child { flex: 0 0 calc(40% - 24px); max-width: calc(40% - 24px); } .jpmpp-grid-pdt-icon-pt2::after { width: 230px; height: 230px; bottom: -260px; } .jpmpp-hdg-lv3-pdt > * { margin-top: 64px; font-size: 32px; } .jpmpp-hdg-lv3-pdt.jpmpp-hdg-mgt-pt1 > * { margin-top: 96px; } .jpmpp-hdg-lv4-pdt > * { margin-top: 64px; font-size: 24px; } .jpmpp-hdg-lv4-pdt.jpmpp-hdg-mgt-pt1 > * { margin-top: 96px; } .jpmpp-grid-pdt.jpmpp-grid-col1-2 { margin-left: -32px; padding: 0 6.6%; }
  .jpmpp-grid-pdt.jpmpp-grid-col1-2 > * { margin-left: 32px; flex: 0 0 calc(50% - 32px); max-width: calc(50% - 32px); } .jpmpp-grid-pdt.jpmpp-grid-col2-3 { margin-left: -24px; padding: 0 12.8%; }
  .jpmpp-grid-pdt.jpmpp-grid-col2-3 > * { margin-left: 24px; flex: 0 0 calc(33.333% - 24px); max-width: calc(33.333% - 24px); } .jpmpp-grid-pdt.jpmpp-grid-col2-4 { margin-left: -24px; }
  .jpmpp-grid-pdt.jpmpp-grid-col2-4 > * { margin-left: 24px; flex: 0 0 calc(25% - 24px); max-width: calc(25% - 24px); } .jpmpp-grid-pdt > * { margin-top: 48px; padding: 24px; } .jpmpp-grid-pdt .jpmpp-inner-grid-pdt .jpmpp-btn-01 { margin-top: 16px; } .jpmpp-grid-pdt .jpmpp-inner-grid-pdt .jpmpp-btn-ec { margin-top: 16px; } .jpmpp-grid-pdt .jpmpp-box-fit-pdt { min-height: 308px; } .jpmpp-grid-pdt .jpmpp-box-fit-pdt.jpmpp-box-fit-0 { min-height: 0; } .jpmpp-grid-pdt .jpmpp-size-grid-pdt > p { font-size: 20px; line-height: 1.5; } .jpmpp-grid-pdt .jpmpp-num-grid-pdt { margin-top: 8px; } .jpmpp-grid-pdt .jpmpp-num-grid-pdt > p { font-size: 16px; line-height: 1.5; } .jpmpp-grid-pdt .jpmpp-direction-grid-pdt { margin-top: 4px; } .jpmpp-grid-pdt .jpmpp-direction-grid-pdt > p { font-size: 16px; } .jpmpp-grid-pdt .jpmpp-grid-inner-col2 { padding: 0 16px; } .jpmpp-grid-col3-pt2 { margin-left: -24px; }
  .jpmpp-grid-col3-pt2 > * { margin-left: 24px; flex: 0 0 calc(33.333333% - 24px); max-width: calc(33.333333% - 24px); } .jpmpp-btn-01.jpmpp-btn-wdt-pt1, .jpmpp-btn-02.jpmpp-btn-wdt-pt1 { width: 282px; } .jpmpp-btn-01 button, .jpmpp-btn-01 a, .jpmpp-btn-02 button, .jpmpp-btn-02 a { transition: opacity .3s; }
  .jpmpp-btn-01 button:hover, .jpmpp-btn-01 a:hover, .jpmpp-btn-02 button:hover, .jpmpp-btn-02 a:hover { opacity: 0.6; text-decoration: none; } .jpmpp-btn-01.jpmpp-btn-wdt-full button, .jpmpp-btn-01.jpmpp-btn-wdt-full a, .jpmpp-btn-02.jpmpp-btn-wdt-full button, .jpmpp-btn-02.jpmpp-btn-wdt-full a { width: 100%; } .jpmpp-btn-02 { max-width: 360px; } .jpmpp-btn-ec.jpmpp-btn-wdt-pt1 { max-width: 282px; margin-left: auto; margin-right: auto; }
  .jpmpp-btn-ec.jpmpp-btn-wdt-pt2 { max-width: 234px; margin-left: auto; margin-right: auto; } .jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right button, .jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right a { transition: opacity .3s; }
  .jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right button:hover, .jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right a:hover { opacity: 0.6; } .uc-modal-inline-00 .uc-js-modal-inline-content { padding: 80px 20px 20px 20px; } .uc-modal-inline-00 .uc-mod-modal-btn-close-01 p button { width: auto; min-width: 13.5em; transition: background-color .3s,color .3s; }
  .uc-modal-inline-00 .uc-mod-modal-btn-close-01 p button:hover { background: #E60012; color: #FFFFFF; text-decoration: none; } .uc-modal-inline-00 .uc-mod-link-ec-01 { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; margin: -20px 0 40px -20px; } .uc-modal-inline-00 .uc-mod-link-ec-01 li { width: calc(25% - 20px); margin-left: 20px; margin-top: 20px; padding: 0; } .uc-modal-inline-00 .uc-mod-link-ec-01 li a { padding: 10px 0; }
  .uc-modal-inline-00 .uc-mod-link-ec-01 li a img { transition: opacity 0.3s; }
  .uc-modal-inline-00 .uc-mod-link-ec-01 li a:hover img { opacity: 0.7; } .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num4 li.add-mod-direct:nth-child(1), .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num4 li.add-mod-shop:nth-child(1) { width: calc(100% - 80px); }
  .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num4 li.add-mod-direct:nth-child(1) a, .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num4 li.add-mod-shop:nth-child(1) a { width: 25%; margin: 0 auto; }
  .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num4.add-mod-both li:nth-child(1), .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num4.add-mod-both li:nth-child(2) { width: calc(50% - 40px); }
  .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num4.add-mod-both li:nth-child(1) a, .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num4.add-mod-both li:nth-child(2) a { width: 50%; }
  .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num4.add-mod-both li:nth-child(1) a { margin: 0 0 0 auto; }
  .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num4.add-mod-both li:nth-child(2) a { margin: 0 auto 0 0; }
  .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num3.add-mod-both li:nth-child(1), .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num3.add-mod-both li:nth-child(2) { width: calc(50% - 40px); }
  .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num3.add-mod-both li:nth-child(1) a, .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num3.add-mod-both li:nth-child(2) a { width: 50%; }
  .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num3.add-mod-both li:nth-child(1) a { margin: 0 0 0 auto; }
  .uc-modal-inline-00 .uc-mod-link-ec-01.add-mod-num3.add-mod-both li:nth-child(2) aa { margin: 0 0 0 auto; } .jpmpp-home-wrap-carousel { margin-top: 32px; } .jpmpp-home-wrap-carousel .uc-lyt-row { max-width: none; padding: 0; } .jpmpp-home-carousel.uc-mod-carousel-00 .slick-track .slick-slide { padding: 0 32px; } .jpmpp-home-carousel.uc-mod-carousel-00 .slick-track .slick-slide a img { border-radius: 32px; transition: opacity .3s; } .jpmpp-home-carousel.uc-mod-carousel-00 .slick-track .slick-slide a:hover img { opacity: 0.7; } .jpmpp-home-carousel.uc-mod-carousel-00 .slick-dots { min-height: 80px; max-width: 608px; margin: 0 auto; padding: 30px 30px; min-height: 0; } .jpmpp-home-carousel.uc-mod-carousel-00 .slick-dots button { transition: opacity .3s; }
  .jpmpp-home-carousel.uc-mod-carousel-00 .slick-dots button:hover { opacity: 0.7; } .jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui { position: relative; max-width: 608px; margin: 0 auto; } .jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui button { transition: opacity .3s; }
  .jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui button:hover { opacity: 0.7; } .jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui .uc-next, .jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui .uc-prev { bottom: -40px; } .jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui .uc-prev { left: 160px; bottom: -45px; } .jpmpp-home-carousel.uc-mod-carousel-00 .uc-carousel-ui .uc-next { right: 160px; bottom: -45px; } .jpmpp-home-carousel .uc-carousel-stop-start-ui { position: relative; max-width: 900px; margin: 0 auto; display: block; } .jpmpp-home-carousel .uc-carousel-stop-start-ui ul { right: 190px; bottom: -63px; } .jpmpp-home-carousel .uc-carousel-stop-start-ui ul li button span { transition: opacity .3s; } .jpmpp-home-carousel .uc-carousel-stop-start-ui ul li button:hover span { opacity: 0.7; } .jpmpp-home-wrap-anchor { max-width: 996px; } .jpmpp-home-list-anchor { display: flex; flex-wrap: wrap; margin-left: -4.8%; } .jpmpp-home-list-anchor > li { margin-left: 4.8%; width: calc(50% - 4.8%); } .jpmpp-home-list-anchor > li > a:hover { opacity: 0.6; } .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-04 { margin-top: 32px; } .jpmpp-home-hdg-lv2 > * { font-size: 56px; margin-top: 96px; } .jpmpp-home-hdg-lv2-rev > * { font-size: 56px; margin-top: 96px; } .jpmpp-home-wrap-movie { margin-top: 120px; } .jpmpp-home-wrap-point { padding-top: 130px; margin-top: 82px; } .jpmpp-home-wrap-point .jpmpp-home-inner-point { padding-bottom: 96px; border-radius: 32px; margin-left: 0; margin-right: 0; padding-left: 8.5%; padding-right: 8.5%; } .jpmpp-home-wrap-point .jpmpp-home-logo-point { width: 216px; top: 40px; left: 50%; margin-left: -108px; } .jpmpp-home-wrap-point .jpmpp-home-grid-point { margin-left: -24px; } .jpmpp-home-wrap-point .jpmpp-home-grid-point > * { margin-left: 24px; margin-top: 96px; flex: 0 0 calc(33.333333% - 24px); max-width: calc(33.333333% - 24px); }
  .jpmpp-home-wrap-point .jpmpp-home-grid-point > * > * { display: flex; }
  .jpmpp-home-wrap-point .jpmpp-home-grid-point > * > * > * { display: flex; }
  .jpmpp-home-wrap-point .jpmpp-home-grid-point > * > * > * > * { display: flex; }
  .jpmpp-home-wrap-point .jpmpp-home-grid-point > * > * > * > * > * { display: flex; width: 100%; flex-wrap: wrap; flex-direction: column; position: relative; }
  .jpmpp-home-wrap-point .jpmpp-home-grid-point > * > * > * > * > * > * { width: 100%; }
  .jpmpp-home-wrap-point .jpmpp-home-grid-point > * > * > * > * > * .CMP-CM11-image-and-text { margin-top: auto; } .jpmpp-home-wrap-point.jpmpp-home-point-day .jpmpp-home-grid-point > * { flex: 0 0 calc(50% - 24px); max-width: calc(50% - 24px); }
  .jpmpp-home-wrap-point.jpmpp-home-point-day .jpmpp-home-grid-point > *:first-child { flex: 0 0 calc(100% - 24px); max-width: calc(100% - 24px); } .jpmpp-home-wrap-point.jpmpp-home-point-day .jpmpp-home-hdg-point-lv3 { min-height: 156px; } .jpmpp-home-wrap-point.jpmpp-home-point-day .jpmpp-home-hdgbox-lv2-point .jpmpp-home-hdg-lv2-point img { max-width: 716px; } .jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-grid-point > *:last-child { flex: 0 0 calc(100% - 24px); max-width: calc(100% - 24px); } .jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-hdg-point-lv3 { min-height: 110px; } .jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-hdgbox-lv2-point .jpmpp-home-hdg-lv2-point img { max-width: 540px; } .jpmpp-home-wrap-point.jpmpp-home-point-night .jpmpp-home-hdgbox-lv2-point .jpmpp-home-hdg-txt-point { margin-bottom: -8px; } .jpmpp-home-wrap-point .jpmpp-home-grid-point-column .jpmpp-home-hdg-point-lv3 { margin-left: 16px; } .jpmpp-home-wrap-point .jpmpp-home-grid-point-column .jpmpp-home-txt-point { margin-left: 16px; } .jpmpp-home-wrap-point .jpmpp-home-grid-point-column { display: flex; margin-left: -24px; }
  .jpmpp-home-wrap-point .jpmpp-home-grid-point-column > * { width: calc(50% - 24px); margin-left: 24px; display: flex; } .jpmpp-home-wrap-point .jpmpp-home-hdg-point-lv3-column { display: flex; align-items: center; justify-content: center; } .jpmpp-home-wrap-point .jpmpp-home-hdg-point-lv3-column > * { font-size: 40px; } .jpmpp-home-wrap-point .jpmpp-home-point-column { display: flex; flex-direction: column; flex-wrap: wrap; }
  .jpmpp-home-wrap-point .jpmpp-home-point-column .jpmpp-home-img-point { margin-right: 0; } .jpmpp-home-wrap-point .CMP-CM05-block:has(.jpmpp-home-point-column) + .CMP-CM05-block .jpmpp-home-point-column .jpmpp-home-hdg-point-lv3 > * { margin-top: 32px; } .jpmpp-home-wrap-point .CMP-CM05-block:has(.jpmpp-home-point-column) + .CMP-CM05-block .jpmpp-home-point-column .jpmpp-home-img-point { margin-left: 0; margin-right: -24px; } .jpmpp-home-wrap-point .jpmpp-home-att-list-point-column { display: flex; flex-wrap: wrap; margin-left: 16px; margin-bottom: 32px; } .jpmpp-home-wrap-point .jpmpp-home-att-list-point-column > li { margin-left: 16px; } .jpmpp-home-wrap-point .jpmpp-home-num-point p { font-size: 16px; } .jpmpp-home-wrap-point .jpmpp-home-num-point p b { font-size: 56px; } .jpmpp-home-wrap-point .jpmpp-home-hdg-point-lv3 { display: flex; align-items: center; } .jpmpp-home-wrap-point .jpmpp-home-att-list-st { margin-top: 32px; margin-bottom: -48px; } .jpmpp-home-wrap-point .jpmpp-home-att-list-st > li { justify-content: flex-end; } .jpmpp-home-wrap-point .jpmpp-home-hdgbox-lv2-point { padding-top: 190px; } .jpmpp-home-wrap-point .jpmpp-home-hdgbox-lv2-point::before { width: 160px; height: 160px; margin-left: -80px; } .jpmpp-home-wrap-point .jpmpp-home-hdgbox-lv2-point .jpmpp-home-hdg-lv2-point { margin: 0 0 24px; } .jpmpp-home-wrap-point .jpmpp-home-hdgbox-lv2-point .jpmpp-home-hdg-txt-point { font-size: 24px; } .jpmpp-home-inner-lineup { border-radius: 32px; margin-left: 0; margin-right: 0; padding-left: 8.5%; padding-right: 8.5%; padding-bottom: 96px; } .jpmpp-home-wrap-lineup { margin-top: 48px; } .jpmpp-home-inner-review { border-radius: 32px; margin-left: 0; margin-right: 0; padding-left: 8.5%; padding-right: 8.5%; padding-bottom: 96px; } .jpmpp-home-wrap-review { margin-top: 120px; } .jpmpp-home-wrap-review .jpmpp-home-grid-review { margin-left: -4.8%; }
  .jpmpp-home-wrap-review .jpmpp-home-grid-review > * { margin-left: 4.8%; flex: 0 0 calc(50% - 4.8%); max-width: calc(50% - 4.8%); } .jpmpp-home-inner-recommend { border-radius: 32px; margin-left: 0; margin-right: 0; padding-left: 8.5%; padding-right: 8.5%; padding-bottom: 80px; } .jpmpp-home-wrap-recommend { margin-top: 120px; } .jpmpp-home-wrap-recommend .jpmpp-home-grid-recommend { justify-content: space-between; padding: 16px 0; } .jpmpp-home-wrap-recommend .jpmpp-home-grid-recommend::after { bottom: auto; top: 50%; width: 32.34%; height: 244px; margin-top: -122px; margin-left: -16.17%; } .jpmpp-home-wrap-recommend .jpmpp-home-grid-recommend > * { flex: 0 0 38.5%; max-width: 38.5%; padding: 3.24%; margin-top: 32px; }
  .jpmpp-home-wrap-recommend .jpmpp-home-grid-recommend > *:nth-child(odd) { padding-right: 6.4%; }
  .jpmpp-home-wrap-recommend .jpmpp-home-grid-recommend > *:nth-child(even) { padding-left: 6.4%; } .jpmpp-pdt-wrap-hero { margin-top: 48px; } .jpmpp-pdt-inner-hero { margin: 0 24px; padding: 48px 7% 48px 7%; } .jpmpp-pdt-inner-hero::before { border-radius: 32px; } .jpmpp-pdt-inner-hero .jpmpp-pdt-img-hero { width: 85%; margin-left: auto; } .jpmpp-pdt-inner-hero .jpmpp-pdt-grid-hero { justify-content: space-between; margin-left: -1.8%; }
  .jpmpp-pdt-inner-hero .jpmpp-pdt-grid-hero > * { margin-left: 1%; flex: 0 0 calc(50% - 1.8%); max-width: calc(50% - 1.8%); } .jpmpp-pdt-inner-hero .jpmpp-pdt-hdg-hero > * { font-size: 20px; text-align: left; margin-top: 0; } .jpmpp-pdt-inner-hero .jpmpp-pdt-hdg-hero > * b { font-size: 44px; } .jpmpp-pdt-inner-hero .jpmpp-pdt-txt-hero b { display: block; } .jpmpp-pdt-inner-hero .jpmpp-pdt-txt-hero { text-align: left; } .jpmpp-pdt-inner-hero .jpmpp-pdt-txt-hero > * { font-size: 24px; } .jpmpp-pdt-inner-hero .jpmpp-pdt-icon-hero { text-align: left; } .jpmpp-pdt-inner-hero .jpmpp-pdt-tbl-hero th { width: 180px; } .jpmpp-pdt-inner-hero .jpmpp-pdt-tbl-hero th { padding: 12px 24px; } .jpmpp-pdt-inner-hero .jpmpp-pdt-tbl-hero td { padding: 12px 24px; } .jpmpp-pdt-inner-hero .jpmpp-pdt-btn-hero { width: 282px; } .jpmpp-pdt-att-list-hero { margin: 0 24px; } .jpmpp-pdt-inner-detail { padding-bottom: 96px; border-radius: 32px; margin-left: 0; margin-right: 0; padding-left: 8.5%; padding-right: 8.5%; margin-top: 136px; padding-top: 116px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-set-detail { position: relative; } .jpmpp-pdt-inner-detail .jpmpp-pdt-logo-detail > p { width: 216px; top: -208px; left: 50%; margin-left: -108px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-leadbox-detail .jpmpp-pdt-lead-detail { margin: 0; } .jpmpp-pdt-inner-detail .jpmpp-pdt-leadbox-detail .jpmpp-pdt-lead-detail img { max-width: 716px; width: 100%; } .jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-detail.jpmpp-list-pc-ctr > li { justify-content: center; } .jpmpp-pdt-inner-detail .jpmpp-pdt-grid-detail { margin-top: 16px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-img-detail { margin-top: 32px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point { justify-content: space-between; margin-left: -16px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point > * { margin-left: 16px; }
  .jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point > *:first-child { flex: 0 0 calc(35% - 16px); max-width: calc(35% - 16px); }
  .jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point > *:last-child { flex: 0 0 calc(65% - 16px); max-width: calc(65% - 16px); } .jpmpp-pdt-inner-detail .jpmpp-pdt-box-point { padding: 24px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-hdg-point-lv3 > * > b, .jpmpp-pdt-inner-detail .jpmpp-pdt-hdg-point-lead > * > b { display: block; } .jpmpp-pdt-inner-detail .jpmpp-pdt-img-point { width: auto; margin: 0; } .jpmpp-pdt-inner-detail .CMP-CM10-text .jpmpp-pdt-txt-point-other { margin: 0px -8px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-txt-point-other > * { font-size: 16px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point-other { width: 44%; position: absolute; top: 520px; left: 0; margin-left: -32px; }
  .jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point-other > * { margin-left: 32px; flex: 0 0 calc(33.333333% - 32px); max-width: calc(33.333333% - 32px); } .jpmpp-pdt-inner-detail .jpmpp-pdt-box-design { font-size: 64px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-hdg-design > * { font-size: 32px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-txt-design { text-align: center; } .jpmpp-pdt-inner-detail .jpmpp-pdt-img-design { margin-top: 48px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-design { margin-top: 32px; } .jpmpp-pdt-inner-detail .jpmpp-pdt-att-list-design > li { justify-content: flex-end; } .jpmpp-pdt-inner-detail.jpmpp-pdt-col-night .jpmpp-pdt-leadbox-detail .jpmpp-pdt-lead-detail img { max-width: 540px; } .jpmpp-pdt-inner-detail.jpmpp-pdt-col-night .jpmpp-pdt-grid-point-other { top: 594px; } .jpmpp-pdt-wrap-lineup { margin-top: 120px; padding-bottom: 120px; } .jpmpp-pdt-inner-lineup { margin-left: 0; margin-right: 0; padding-left: 8.5%; padding-right: 8.5%; padding-bottom: 96px; } .jpmpp-pdt-inner-lineup.jpmpp-pdt-inner-lineup-day { border-radius: 32px 32px 0 0; } .jpmpp-pdt-inner-lineup.jpmpp-pdt-inner-lineup-night { border-radius: 0 0 32px 32px; } .jpmpp-pdt-inner-lineup .jpmpp-pdt-hdg-lv2 > * { font-size: 56px; margin-top: 96px; } .jpmpp-ftr-wrap-bnr .js-brand-banner { padding: 80px 0 0; }
  .jpmpp-ftr-wrap-bnr .js-brand-banner .uc-object { margin: 0; }
  .jpmpp-ftr-wrap-bnr .js-brand-banner .uc-mod-media-01 img { width: 100%; }
  .jpmpp-ftr-wrap-bnr .js-brand-banner .uc-mod-media-01 a img { transition: opacity .3s; }
  .jpmpp-ftr-wrap-bnr .js-brand-banner .uc-mod-media-01 a:hover img { opacity: 0.6; }
  .jpmpp-ftr-wrap-bnr .js-brand-banner .slick-track .slick-slide { padding: 0 5px; }
  .jpmpp-ftr-wrap-bnr .js-brand-banner .uc-mod-media-01 { margin: 0; } }

@media print, all and (min-width: 769px) and (max-width: 1200px) { body::before { height: 700px; } .jpmpp-qa-wrap-hero .jpmpp-att-list-st { bottom: 5vw; } }

@media screen and (max-width: 768px) { .jpmpp-hdr-inner .jpmpp-hdr-box.jpmpp-add-hdr-wrap-ec .uc-header-language { display: none; } .jpmpp-hdr-inner .jpmpp-hdr-box .jpmpp-hdr-btn-pt-ec a::before { position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; } .uc-header-gnav { padding-bottom: 36px; } .uc-header-gnav .uc-list > li:last-child { margin-top: 30px; }
  .uc-header-gnav .uc-list > li:last-child a:lang(ja) { font-family: "Outfit"; } .uc-header-gnav .uc-list > li button.uc-js-header-nav-btn::before, .uc-header-gnav .uc-list > li a.uc-js-header-nav-btn::before { position: absolute; content: ""; width: 16px; height: 2px; background: #fff; border-radius: 2px; right: 20px; top: 50%; margin-top: -1px; }
  .uc-header-gnav .uc-list > li button.uc-js-header-nav-btn::after, .uc-header-gnav .uc-list > li a.uc-js-header-nav-btn::after { position: absolute; content: ""; width: 2px; height: 16px; background: #fff; border-radius: 2px; right: 27px; top: 50%; margin-top: -8px; transition: opacity .3s; opacity: 1; }
  .uc-header-gnav .uc-list > li button.uc-js-header-nav-btn.active:after, .uc-header-gnav .uc-list > li a.uc-js-header-nav-btn.active:after { opacity: 0; } .jpmpp-ftr-txt-copy { margin: 10px -8px 0; } .jpmpp-ftr-hdg-menu:not(.jpmpp-ftr-hdg-link) > p::before { position: absolute; content: ""; width: 16px; height: 2px; background: #413D3C; border-radius: 2px; right: 20px; top: 50%; margin-top: -3px; }
  .jpmpp-ftr-hdg-menu:not(.jpmpp-ftr-hdg-link) > p::after { position: absolute; content: ""; width: 2px; height: 16px; background: #413D3C; border-radius: 2px; right: 27px; top: 50%; margin-top: -10px; transition: opacity .3s; opacity: 1; }
  .jpmpp-ftr-hdg-menu:not(.jpmpp-ftr-hdg-link).active > p::after { opacity: 0; } .jpmpp-ftr-img-sdgs { margin-top: 32px; } .jpmpp-inner-st.jpmpp-mgt-pt1 { margin-top: 0; } .uc-mod-site-map-grid-01.jpmpp-list-sitemap .uc-mod-link-list-02 > li > a:hover { text-decoration: none; } .uc-mod-site-map-grid-01.jpmpp-list-sitemap .uc-mod-link-list-01 > li > a:hover { text-decoration: none; } .jpmpp-qa-wrap-hero .jpmpp-att-list-st:lang(en) { width: 60%; bottom: -10px; } .jpmpp-wrap-qa .jpmpp-img-01 { margin-top: 16px; } .jpmpp-wrap-grid-pdt { padding-top: 8px; }
  .jpmpp-wrap-grid-pdt .jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right a::before, .jpmpp-wrap-grid-pdt .jpmpp-btn-ec.uc-mod-btn-ec-02 .uc-mod-cart-right button::before { display: none; width: 0; height: 0; } .jpmpp-hdg-lv3-pdt > * b { display: block; } .jpmpp-hdg-lv4-pdt > * b { display: block; } .jpmpp-home-hdg-lv2-rev > * b { display: block; } .jpmpp-home-wrap-review .jpmpp-home-grid-review > *:nth-child(2n) .jpmpp-home-box-review-t::after { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); left: auto; right: 48px; }
  .jpmpp-home-wrap-review .jpmpp-home-grid-review > *:nth-child(2n) .jpmpp-home-box-review-b::after { left: auto; right: 0; } .jpmpp-home-wrap-recommend .jpmpp-home-hdg-lv2-rev > * b { display: block; } .jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point > *:first-child { order: 2; } .jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point-other { justify-content: center; } }

@media print, all and (min-width: 769px) and (max-width: 850px) { .jpmpp-hdr-inner .jpmpp-hdr-box .uc-header-language { right: 220px; } .jpmpp-hdr-logo { width: 160px; } }

@media print, all and (min-width: 769px) and (max-width: 889px) { .jpmpp-txt-01.jpmpp-txt-ls-pt b { display: block; } }

@media print, all and (min-width: 1000px) { body:lang(en) .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a { padding-left: 150px; } body:lang(en) .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a .jpmpp-home-txt-anchor { font-size: 20px; } .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01 > a, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a { min-height: 93px; padding: 0 10px 0 140px; } .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01 > a::before, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a::before { width: 160px; height: 160px; top: -60px; } .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01 > a img, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a img { height: 50px; margin-top: -54px; } .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-01 > a .jpmpp-home-txt-anchor, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-02 > a .jpmpp-home-txt-anchor { font-size: 24px; margin-top: 4px; } .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-03, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-04 { font-size: 24px; margin-top: 40px; } .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-03 > a, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-04 > a { min-height: 80px; padding: 0 10px 0 130px; } .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-03 > a::before, .jpmpp-home-list-anchor > li.jpmpp-home-list-anchor-04 > a::before { width: 96px; height: 96px; top: -24px; left: 40px; } }

@media print, all and (min-width: 769px) and (max-width: 1279px) { .jpmpp-pdt-inner-hero .jpmpp-pdt-tbl-hero th { width: 16vw; } .jpmpp-pdt-inner-detail .jpmpp-pdt-grid-point-other { top: 45vw; } .jpmpp-pdt-inner-detail.jpmpp-pdt-col-night .jpmpp-pdt-grid-point-other { top: 45vw; } }