@charset "UTF-8";
@media screen and (max-width: 750px) { html.notIE main img { display: block; width: 100%; height: auto; } }

.u-btn_beige { background-color: #dfd4bd; }
.u-btn_beige span { color: #000; }
.u-btn_beige::after { background-image: url(/elixir/club/shared/img/arw_blk.svg); }
.u-btn_beige:disabled span { color: #fff; }

.area_title { background-color: #f7f7f7; }

.area_cont2 { background-color: #f7f7f7; }

@media screen and (min-width: 751px) { html.notIE .area_title { padding: 50px 0; }
  html.notIE .area_title h1 { text-align: center; font-size: 30px; line-height: 60px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; letter-spacing: 0.075em; }
  html.notIE .area_title h1 em { font-style: normal; font-size: 1.5em; }
  html.notIE .area_cont1, html.notIE .area_cont2 { padding: 40px 0 60px; text-align: center; } }

html.msie .area_title { padding: 50px 0; }
html.msie .area_title h1 { text-align: center; font-size: 30px; line-height: 60px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; letter-spacing: 0.075em; }
html.msie .area_title h1 em { font-style: normal; font-size: 1.5em; }
html.msie .area_cont1, html.msie .area_cont2 { padding: 40px 0 60px; text-align: center; }

@media screen and (max-width: 750px) { html.notIE .area_title { padding: calc(50 / 750 * 100vw) 0 calc(40 / 750 * 100vw); }
  html.notIE .area_title .title_inner { background: url(/elixir/club/shared/img/campaign/19/title_img.png) no-repeat right calc(50 / 750 * 100vw) center; background-size: calc(48 / 750 * 100vw); }
  html.notIE .area_title h1 { text-align: center; font-size: 16px; line-height: calc(56 / 32); letter-spacing: 0; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .area_title h1 em { font-style: normal; font-size: 1.5em; }
  html.notIE .area_cont1, html.notIE .area_cont2 { padding: calc(50 / 750 * 100vw) 0 calc(100 / 750 * 100vw); } }

.u-btn_beige:disabled { background-color: #999; }

@media screen and (min-width: 751px) { html.notIE .cp19_title_limited { text-align: center; font-size: 20px; line-height: calc(40 / 20); font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 10px; }
  html.notIE .cp19_main { margin-bottom: 80px; }
  html.notIE .cp19_main_term { margin-bottom: 40px; text-align: center; padding: 40px 0; position: relative; }
  html.notIE .cp19_main_term::after { content: "本キャンペーンは終了いたしました"; display: flex; justify-content: center; align-items: center; position: absolute; font-size: 24px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; width: 100%; max-width: 1200px; top: 0; left: 50%; bottom: 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; transform: translateX(-50%); }
  html.notIE .cp19_main_term dt { font-size: 21px; line-height: 1; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 20px; }
  html.notIE .cp19_main_term_text { letter-spacing: normal; font-size: 20px; line-height: 1.6; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .cp19_main_term_text em { font-style: normal; font-size: 25px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .cp19_kv { max-width: 1200px; margin: 0 auto; background: url(/elixir/club/shared/img/campaign/19/kv.jpg) no-repeat center top; }
  html.notIE .cp19_kv_inner { width: 960px; height: 616px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; margin: 0 auto; padding-left: calc(960px - 441px); }
  html.notIE .cp19_kv_date { position: absolute; top: 86px; right: 50%; margin-right: -2px; }
  html.notIE .cp19_kv_logo { position: absolute; bottom: 118px; }
  html.notIE .cp19_kv_logo figcaption img { width: 325px; display: block; margin: 0 auto; }
  html.notIE .cp19_kv_logo img { width: 183px; height: auto; display: block; margin: 10px auto 0; }
  html.notIE .cp19_kv_note { position: absolute; font-size: 10px; right: 0; bottom: 15px; }
  html.notIE .cp19_anchor { margin: 80px 0; }
  html.notIE .cp19_intro { width: 640px; margin: 80px auto 100px; text-align: center; }
  html.notIE .cp19_intro_text { font-size: 26px; line-height: calc(40 / 26); letter-spacing: .06em; margin-bottom: 30px; }
  html.notIE .cp19_intro_ingredient1 { display: flex; flex-wrap: wrap; width: 100%; }
  html.notIE .cp19_intro_ingredient1 dt { background-color: #dfd4bd; flex-basis: 100%; flex-shrink: 0; font-size: 22px; line-height: 55px; }
  html.notIE .cp19_intro_ingredient2 { margin-top: 40px; display: flex; justify-content: space-between; }
  html.notIE .cp19_intro_ingredient2_circle { width: 190px; height: 190px; display: flex; align-items: center; justify-content: center; background-color: #dfd4bd; border-radius: 50%; overflow: hidden; margin-bottom: 10px; }
  html.notIE .cp19_intro_ingredient2_circle span { font-size: 25px; line-height: calc(30 / 25); font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .cp19_intro_ingredient2_note { font-size: 10px; line-height: calc(22 / 18); letter-spacing: .01em; }
  html.notIE .cp19_intro_ingredient2_text { font-size: 22px; line-height: calc(26 / 22); letter-spacing: .05em; }
  html.notIE .cp19_intro_h2 { margin-top: 80px; border-bottom: solid 2px #ceb888; color: #ceb888; font-size: 28px; line-height: calc(40 / 28); margin-bottom: 30px; }
  html.notIE .cp19_intro_sizzle { text-align: left; background: url(/elixir/club/shared/img/campaign/19/sizzle.jpg) no-repeat right top; }
  html.notIE .cp19_intro_sizzle p { font-size: 18px; line-height: calc(32 / 18); letter-spacing: .06em; }
  html.notIE .cp19_intro_sizzle p + p { margin-top: 1em; }
  html.notIE .cp19_intro_image { display: flex; justify-content: space-between; background: url(/elixir/club/shared/img/campaign/19/cross.svg) no-repeat center center; }
  html.notIE .cp19_intro_matome { margin-top: 20px; font-size: 22px; line-height: calc(33 / 22); }
  html.notIE .cp19_sample { background-color: #f5f2eb; text-align: center; padding: 70px 0 55px; }
  html.notIE .cp19_sample_amount { margin-bottom: 10px; font-size: 22px; line-height: calc(37 / 22); font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .cp19_sample_amount > span { display: inline-block; position: relative; font-style: normal; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 35px; line-height: calc(37 / 34); font-weight: normal; }
  html.notIE .cp19_sample_amount > span em { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 1.4em; }
  html.notIE .cp19_sample_amount > span::before, html.notIE .cp19_sample_amount > span::after { content: ''; display: block; height: 60px; width: 1px; background-color: #000; position: absolute; bottom: 0; transform-origin: center bottom; transform: rotate(-30deg); }
  html.notIE .cp19_sample_amount > span::before { left: 0; }
  html.notIE .cp19_sample_amount > span::after { right: 0; transform: rotate(30deg); }
  html.notIE .cp19_sample_title { font-size: 35px; letter-spacing: .02em; margin-bottom: 30px; }
  html.notIE .cp19_sample_title span { display: inline-block; background-color: #e8e0cf; font-size: 30px; line-height: calc(45 / 30); padding: 0 2px; }
  html.notIE .cp19_sample_title span em { font-style: normal; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; letter-spacing: .04em; }
  html.notIE .cp19_sample_notes { max-width: 800px; display: inline-block; margin: 40px 0; text-align: left; font-size: 10px; line-height: calc(16 / 10); }
  html.notIE .cp19_sample_notes li { text-indent: -1em; padding-left: 1em; }
  html.notIE .cp19_kiyaku { margin: 40px auto 0; width: 800px; text-align: left; }
  html.notIE .cp19_kiyaku .agreement { border-top: solid 1px #000; border-bottom: solid 1px #000; }
  html.notIE .cp19_kiyaku .agreement dt { font-size: 16px; line-height: 1; padding: 28px 0; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; position: relative; } }
@media screen and (min-width: 751px) and (min-width: 751px) { html.notIE .cp19_kiyaku .agreement dt { cursor: pointer; opacity: 1; transition: opacity .2s ease 0s; }
  html.notIE .cp19_kiyaku .agreement dt:hover { opacity: .7; } }
@media screen and (min-width: 751px) { html.notIE .cp19_kiyaku .agreement dt::after { content: ""; display: block; width: 23px; height: 23px; border-radius: 50%; background: #ccc url(/elixir/club/shared/img/icn_plus_wht.svg) no-repeat center center; background-size: 9px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
  html.notIE .cp19_kiyaku .agreement.m-opened dt::after { background-image: url(/elixir/club/shared/img/icn_minus_wht.svg); }
  html.notIE .cp19_kiyaku .agreement dd { padding-bottom: 28px; }
  html.notIE .cp19_kiyaku .agreement dd h2 { font-size: 18px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 40px; }
  html.notIE .cp19_kiyaku .agreement dd h3 { font-size: 16px; margin: 40px 0 20px; }
  html.notIE .cp19_kiyaku .agreement dd h4 { margin: 20px 0 10px; font-size: 14px; }
  html.notIE .cp19_kiyaku .agreement dd p { margin-top: 10px; font-size: 12px; }
  html.notIE .cp19_kiyaku .agreement dd ul { margin-top: 10px; }
  html.notIE .cp19_kiyaku .agreement dd ul li { font-size: 12px; }
  html.notIE .cp19_kiyaku .agreement dd ul li + li { margin-top: 5px; }
  html.notIE .cp19_kiyaku .agreement dd ul.normal-indent > li { text-indent: -0.5em; padding-left: 0.5em; }
  html.notIE .cp19_kiyaku .agreement dd ul.large-indent > li { text-indent: -1.5em; padding-left: 1.5em; }
  html.notIE .cp19_kiyaku_agree_check { margin-top: 25px; text-align: center; margin-bottom: 20px; }
  html.notIE .cp19_kiyaku_apply_btn { margin-top: 25px; } }

html.msie .cp19_title_limited { text-align: center; font-size: 20px; line-height: calc(40 / 20); font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 10px; }
html.msie .cp19_main { margin-bottom: 80px; }
html.msie .cp19_main_term { margin-bottom: 40px; text-align: center; padding: 40px 0; position: relative; }
html.msie .cp19_main_term::after { content: "本キャンペーンは終了いたしました"; display: flex; justify-content: center; align-items: center; position: absolute; font-size: 24px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; width: 100%; max-width: 1200px; top: 0; left: 50%; bottom: 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; transform: translateX(-50%); }
html.msie .cp19_main_term dt { font-size: 21px; line-height: 1; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 20px; }
html.msie .cp19_main_term_text { letter-spacing: normal; font-size: 20px; line-height: 1.6; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
html.msie .cp19_main_term_text em { font-style: normal; font-size: 25px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
html.msie .cp19_kv { max-width: 1200px; margin: 0 auto; background: url(/elixir/club/shared/img/campaign/19/kv.jpg) no-repeat center top; }
html.msie .cp19_kv_inner { width: 960px; height: 616px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; margin: 0 auto; padding-left: calc(960px - 441px); }
html.msie .cp19_kv_date { position: absolute; top: 86px; right: 50%; margin-right: -2px; }
html.msie .cp19_kv_logo { position: absolute; bottom: 118px; }
html.msie .cp19_kv_logo figcaption img { width: 325px; display: block; margin: 0 auto; }
html.msie .cp19_kv_logo img { width: 183px; height: auto; display: block; margin: 10px auto 0; }
html.msie .cp19_kv_note { position: absolute; font-size: 10px; right: 0; bottom: 15px; }
html.msie .cp19_anchor { margin: 80px 0; }
html.msie .cp19_intro { width: 640px; margin: 80px auto 100px; text-align: center; }
html.msie .cp19_intro_text { font-size: 26px; line-height: calc(40 / 26); letter-spacing: .06em; margin-bottom: 30px; }
html.msie .cp19_intro_ingredient1 { display: flex; flex-wrap: wrap; width: 100%; }
html.msie .cp19_intro_ingredient1 dt { background-color: #dfd4bd; flex-basis: 100%; flex-shrink: 0; font-size: 22px; line-height: 55px; }
html.msie .cp19_intro_ingredient2 { margin-top: 40px; display: flex; justify-content: space-between; }
html.msie .cp19_intro_ingredient2_circle { width: 190px; height: 190px; display: flex; align-items: center; justify-content: center; background-color: #dfd4bd; border-radius: 50%; overflow: hidden; margin-bottom: 10px; }
html.msie .cp19_intro_ingredient2_circle span { font-size: 25px; line-height: calc(30 / 25); font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
html.msie .cp19_intro_ingredient2_note { font-size: 10px; line-height: calc(22 / 18); letter-spacing: .01em; }
html.msie .cp19_intro_ingredient2_text { font-size: 22px; line-height: calc(26 / 22); letter-spacing: .05em; }
html.msie .cp19_intro_h2 { margin-top: 80px; border-bottom: solid 2px #ceb888; color: #ceb888; font-size: 28px; line-height: calc(40 / 28); margin-bottom: 30px; }
html.msie .cp19_intro_sizzle { text-align: left; background: url(/elixir/club/shared/img/campaign/19/sizzle.jpg) no-repeat right top; }
html.msie .cp19_intro_sizzle p { font-size: 18px; line-height: calc(32 / 18); letter-spacing: .06em; }
html.msie .cp19_intro_sizzle p + p { margin-top: 1em; }
html.msie .cp19_intro_image { display: flex; justify-content: space-between; background: url(/elixir/club/shared/img/campaign/19/cross.svg) no-repeat center center; }
html.msie .cp19_intro_matome { margin-top: 20px; font-size: 22px; line-height: calc(33 / 22); }
html.msie .cp19_sample { background-color: #f5f2eb; text-align: center; padding: 70px 0 55px; }
html.msie .cp19_sample_amount { margin-bottom: 10px; font-size: 22px; line-height: calc(37 / 22); font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
html.msie .cp19_sample_amount > span { display: inline-block; position: relative; font-style: normal; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 35px; line-height: calc(37 / 34); font-weight: normal; }
html.msie .cp19_sample_amount > span em { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 1.4em; }
html.msie .cp19_sample_amount > span::before, html.msie .cp19_sample_amount > span::after { content: ''; display: block; height: 60px; width: 1px; background-color: #000; position: absolute; bottom: 0; transform-origin: center bottom; transform: rotate(-30deg); }
html.msie .cp19_sample_amount > span::before { left: 0; }
html.msie .cp19_sample_amount > span::after { right: 0; transform: rotate(30deg); }
html.msie .cp19_sample_title { font-size: 35px; letter-spacing: .02em; margin-bottom: 30px; }
html.msie .cp19_sample_title span { display: inline-block; background-color: #e8e0cf; font-size: 30px; line-height: calc(45 / 30); padding: 0 2px; }
html.msie .cp19_sample_title span em { font-style: normal; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; letter-spacing: .04em; }
html.msie .cp19_sample_notes { max-width: 800px; display: inline-block; margin: 40px 0; text-align: left; font-size: 10px; line-height: calc(16 / 10); }
html.msie .cp19_sample_notes li { text-indent: -1em; padding-left: 1em; }
html.msie .cp19_kiyaku { margin: 40px auto 0; width: 800px; text-align: left; }
html.msie .cp19_kiyaku .agreement { border-top: solid 1px #000; border-bottom: solid 1px #000; }
html.msie .cp19_kiyaku .agreement dt { font-size: 16px; line-height: 1; padding: 28px 0; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; position: relative; }
@media screen and (min-width: 751px) { html.msie .cp19_kiyaku .agreement dt { cursor: pointer; opacity: 1; transition: opacity .2s ease 0s; }
  html.msie .cp19_kiyaku .agreement dt:hover { opacity: .7; } }
html.msie .cp19_kiyaku .agreement dt::after { content: ""; display: block; width: 23px; height: 23px; border-radius: 50%; background: #ccc url(/elixir/club/shared/img/icn_plus_wht.svg) no-repeat center center; background-size: 9px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
html.msie .cp19_kiyaku .agreement.m-opened dt::after { background-image: url(/elixir/club/shared/img/icn_minus_wht.svg); }
html.msie .cp19_kiyaku .agreement dd { padding-bottom: 28px; }
html.msie .cp19_kiyaku .agreement dd h2 { font-size: 18px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 40px; }
html.msie .cp19_kiyaku .agreement dd h3 { font-size: 16px; margin: 40px 0 20px; }
html.msie .cp19_kiyaku .agreement dd h4 { margin: 20px 0 10px; font-size: 14px; }
html.msie .cp19_kiyaku .agreement dd p { margin-top: 10px; font-size: 12px; }
html.msie .cp19_kiyaku .agreement dd ul { margin-top: 10px; }
html.msie .cp19_kiyaku .agreement dd ul li { font-size: 12px; }
html.msie .cp19_kiyaku .agreement dd ul li + li { margin-top: 5px; }
html.msie .cp19_kiyaku .agreement dd ul.normal-indent > li { text-indent: -0.5em; padding-left: 0.5em; }
html.msie .cp19_kiyaku .agreement dd ul.large-indent > li { text-indent: -1.5em; padding-left: 1.5em; }
html.msie .cp19_kiyaku_agree_check { margin-top: 25px; text-align: center; margin-bottom: 20px; }
html.msie .cp19_kiyaku_apply_btn { margin-top: 25px; }

@media screen and (max-width: 750px) { html.notIE .cp19_title_limited { text-align: center; font-size: 12px; line-height: calc(40 / 24); letter-spacing: .075em; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: calc(20 / 750 * 100vw); }
  html.notIE .cp19_main { margin-bottom: calc(80 / 750 * 100vw); }
  html.notIE .cp19_main_term { margin-bottom: calc(40 / 750 * 100vw); text-align: center; padding: calc(40 / 750 * 100vw) 0; position: relative; }
  html.notIE .cp19_main_term::after { content: "本キャンペーンは終了いたしました"; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); color: #fff; }
  html.notIE .cp19_main_term dt { font-size: 13px; line-height: 1; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: calc(30 / 750 * 100vw); }
  html.notIE .cp19_main_term_text { letter-spacing: normal; font-size: 13px; line-height: 23px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .cp19_main_term_text em { font-style: normal; font-size: 16px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .cp19_kv { background: url(/elixir/club/shared/img/campaign/19/kv_sp.jpg) no-repeat center top; background-size: cover; }
  html.notIE .cp19_kv_inner { position: relative; height: calc(1125 / 750 * 100vw); display: flex; width: 100%; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: calc(40 / 750 * 100vw); }
  html.notIE .cp19_kv_date { position: absolute; width: calc(231 / 750 * 100vw); height: calc(229 / 750 * 100vw); top: calc(20 / 750 * 100vw); right: calc(20 / 750 * 100vw); }
  html.notIE .cp19_kv_catch { width: calc(629 / 750 * 100vw); }
  html.notIE .cp19_kv_logo { margin-top: calc(50 / 750 * 100vw); }
  html.notIE .cp19_kv_logo figcaption img { width: calc(452 / 750 * 100vw); display: block; margin: 0 auto; }
  html.notIE .cp19_kv_logo img { width: calc(255 / 750 * 100vw); height: auto; display: block; margin: calc(20 / 750 * 100vw) auto 0; }
  html.notIE .cp19_kv_note { font-size: calc(14 / 750 * 100vw); margin-top: calc(40 / 750 * 100vw); }
  html.notIE .cp19_anchor { width: calc(590 / 750 * 100vw); margin: calc(100 / 750 * 100vw) auto; }
  html.notIE .cp19_intro { width: calc(640 / 750 * 100vw); margin: calc(100 / 750 * 100vw) auto 0; text-align: center; }
  html.notIE .cp19_intro_text { font-size: 15px; line-height: calc(50 / 30); letter-spacing: .06em; margin-bottom: calc(30 / 750 * 100vw); }
  html.notIE .cp19_intro_ingredient1 { display: flex; flex-wrap: wrap; width: 100%; }
  html.notIE .cp19_intro_ingredient1 dt { background-color: #dfd4bd; flex-basis: 100%; flex-shrink: 0; font-size: 12px; line-height: calc(60 / 750 * 100vw); letter-spacing: 0; }
  html.notIE .cp19_intro_ingredient1 dd { flex-basis: 50%; flex-grow: 0; flex-shrink: 0; }
  html.notIE .cp19_intro_ingredient2 { margin-top: calc(40 / 750 * 100vw); display: flex; justify-content: space-between; }
  html.notIE .cp19_intro_ingredient2_circle { width: calc(190 / 750 * 100vw); height: calc(190 / 750 * 100vw); display: flex; align-items: center; justify-content: center; background-color: #dfd4bd; border-radius: 50%; overflow: hidden; margin-bottom: calc(20 / 750 * 100vw); }
  html.notIE .cp19_intro_ingredient2_circle span { font-size: calc(25 / 750 * 100vw); line-height: calc(30 / 25); font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; }
  html.notIE .cp19_intro_ingredient2_note { font-size: 9px; line-height: calc(22 / 18); letter-spacing: .01em; }
  html.notIE .cp19_intro_ingredient2_text { font-size: 11px; line-height: calc(26 / 22); letter-spacing: .05em; }
  html.notIE .cp19_intro_h2 { margin-top: calc(80 / 750 * 100vw); border-bottom: solid 1px #ceb888; color: #ceb888; font-size: 20px; line-height: calc(40 / 28); margin-bottom: calc(26 / 750 * 100vw); }
  html.notIE .cp19_intro_sizzle { text-align: left; background: url(/elixir/club/shared/img/campaign/19/sizzle_sp.jpg) no-repeat right top; background-size: calc(148 / 750 * 100vw) auto; }
  html.notIE .cp19_intro_sizzle p { font-size: 12px; line-height: calc(40 / 24); letter-spacing: .06em; }
  html.notIE .cp19_intro_sizzle p + p { margin-top: 1em; }
  html.notIE .cp19_intro_image { display: flex; justify-content: space-between; background: url(/elixir/club/shared/img/campaign/19/cross.svg) no-repeat center center; background-size: calc(22 / 750 * 100vw); }
  html.notIE .cp19_intro_image li { flex-basis: calc(298 / 750 * 100vw); }
  html.notIE .cp19_intro_matome { margin-top: calc(30 / 750 * 100vw); font-size: 16px; line-height: calc(33 / 22); letter-spacing: 0; }
  html.notIE .cp19_sample { margin-top: calc(100 / 750 * 100vw); background-color: #f5f2eb; text-align: center; padding: calc(70 / 750 * 100vw) 0 calc(55 / 750 * 100vw); }
  html.notIE .cp19_sample_amount { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 14px; }
  html.notIE .cp19_sample_amount > span { display: inline-block; position: relative; font-style: normal; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 23px; line-height: calc(37 / 34); font-weight: normal; }
  html.notIE .cp19_sample_amount > span em { font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; font-size: 1.4em; }
  html.notIE .cp19_sample_amount > span::before, html.notIE .cp19_sample_amount > span::after { content: ''; display: block; height: 36px; width: 1px; background-color: #000; position: absolute; bottom: 0; transform-origin: center bottom; transform: rotate(-30deg); }
  html.notIE .cp19_sample_amount > span::before { left: 0; }
  html.notIE .cp19_sample_amount > span::after { right: 0; transform: rotate(30deg); }
  html.notIE .cp19_sample_title { font-size: 21px; letter-spacing: .02em; line-height: 1.6; margin-bottom: calc(40 / 750 * 100vw); }
  html.notIE .cp19_sample_title span { display: inline-block; background-color: #e8e0cf; font-size: 21px; line-height: 1; padding: 4px 3px 2px; }
  html.notIE .cp19_sample_title span em { font-style: normal; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; letter-spacing: .04em; }
  html.notIE .cp19_sample_img { display: block; width: calc(600 / 750 * 100vw); margin: 0 auto; }
  html.notIE .cp19_sample_notes { display: block; margin: calc(30 / 750 * 100vw) calc(50 / 750 * 100vw); text-align: left; font-size: 10px; line-height: calc(16 / 10); }
  html.notIE .cp19_sample_notes li { text-indent: -1em; padding-left: 1em; }
  html.notIE .cp19_kiyaku { margin: 0 calc(50 / 750 * 100vw); }
  html.notIE .cp19_kiyaku .agreement { border-top: solid 1px #000; border-bottom: solid 1px #000; }
  html.notIE .cp19_kiyaku .agreement dt { font-size: 15px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; line-height: 1; padding: calc(58 / 750 * 100vw) 0; position: relative; }
  html.notIE .cp19_kiyaku .agreement dt::after { content: ""; display: block; width: calc(45 / 750 * 100vw); height: calc(45 / 750 * 100vw); border-radius: 50%; background: #ccc url(/elixir/club/shared/img/icn_plus_wht.svg) no-repeat center center; background-size: calc(20 / 750 * 100vw); position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
  html.notIE .cp19_kiyaku .agreement.m-opened dt::after { background-image: url(/elixir/club/shared/img/icn_minus_wht.svg); }
  html.notIE .cp19_kiyaku .agreement dd { padding-bottom: calc(58 / 750 * 100vw); }
  html.notIE .cp19_kiyaku .agreement dd h2 { font-size: 18px; font-style: normal; font-family: "Yu Gothic", "游ゴシック", YuGothic Pr6, "游ゴシック体 Pr6", YuGothic, "游ゴシック体", 'Noto Sans JP', sans-serif; font-weight: 700; margin-bottom: 30px; }
  html.notIE .cp19_kiyaku .agreement dd h3 { font-size: 16px; margin: 30px 0 20px; }
  html.notIE .cp19_kiyaku .agreement dd h4 { margin: 20px 0 10px; font-size: 14px; }
  html.notIE .cp19_kiyaku .agreement dd p { margin-top: 10px; font-size: 12px; }
  html.notIE .cp19_kiyaku .agreement dd > ul { margin-top: 10px; }
  html.notIE .cp19_kiyaku .agreement dd > ul > li { font-size: 12px; }
  html.notIE .cp19_kiyaku .agreement dd > ul > li + li { margin-top: 5px; }
  html.notIE .cp19_kiyaku .agreement dd > ul.normal-indent > li { text-indent: -0.7em; padding-left: 0.7em; }
  html.notIE .cp19_kiyaku .agreement dd > ul.large-indent > li { text-indent: -1.5em; padding-left: 1.5em; }
  html.notIE .cp19_kiyaku_agree_check { margin: calc(40 / 750 * 100vw) 0; text-align: center; }
  html.notIE .cp19_kiyaku_apply_btn { margin-top: calc(40 / 750 * 100vw); } }