@charset "UTF-8";
/* tickets */
/* /tickets */
/* tickets */
/* /tickets */
/* $color-bg-29: #3e3a39; */
/* tickets */
/* /tickets */
/*$breakS: "screen and (min-width: 0px) and (max-width: 736px)";*/
@font-face {
  font-family: 'MPlus 1p';
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/mplus/mplus-1p-bold-sub.eot");
  /* IE9 Compat Modes */
  src: url("/assets/fonts/mplus/mplus-1p-bold-sub.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/mplus/mplus-1p-bold-sub.woff") format("woff"), url("/assets/fonts/mplus/mplus-1p-bold-sub.ttf") format("truetype");
  /* Safari, Android, iOS */ }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Thin.eot");
  /* IE9 Compat Modes */
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notosans/NotoSansCJKjp-Thin.woff") format("woff"), url("/assets/fonts/notosans/NotoSansCJKjp-Thin.ttf") format("truetype");
  /* Safari, Android, iOS */ }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Light.eot");
  /* IE9 Compat Modes */
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notosans/NotoSansCJKjp-Light.woff") format("woff"), url("/assets/fonts/notosans/NotoSansCJKjp-Light.ttf") format("truetype");
  /* Safari, Android, iOS */ }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/notosans/NotoSansCJKjp-DemiLight-subset.eot");
  /* IE9 Compat Modes */
  src: url("/assets/fonts/notosans/NotoSansCJKjp-DemiLight-subset.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notosans/NotoSansCJKjp-DemiLight-subset.woff") format("woff"), url("/assets/fonts/notosans/NotoSansCJKjp-DemiLight-subset.ttf") format("truetype");
  /* Safari, Android, iOS */ }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 400;
  font-style: normal;
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Regular.eot");
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notosans/NotoSansCJKjp-Regular.woff") format("woff"), url("/assets/fonts/notosans/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 600;
  font-style: normal;
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Medium.eot");
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notosans/NotoSansCJKjp-Medium.woff") format("woff"), url("/assets/fonts/notosans/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 800;
  font-style: normal;
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Bold-subset.eot");
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Bold-subset.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notosans/NotoSansCJKjp-Bold-subset.woff") format("woff"), url("/assets/fonts/notosans/NotoSansCJKjp-Bold-subset.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese Black';
  font-weight: 800;
  font-style: normal;
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Black-subset.eot");
  src: url("/assets/fonts/notosans/NotoSansCJKjp-Black-subset.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/notosans/NotoSansCJKjp-Black-subset.woff") format("woff"), url("/assets/fonts/notosans/NotoSansCJKjp-Black-subset.ttf") format("truetype"); }

@font-face {
  font-family: 'Lobster';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/lobster/Lobster-Regular.eot");
  src: url("/assets/fonts/lobster/Lobster-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/lobster/Lobster-Regular.woff") format("woff"), url("/assets/fonts/lobster/Lobster-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'DIN';
  font-weight: 600;
  font-style: normal;
  src: url("/assets/fonts/din/DIN-Medium.eot");
  src: url("/assets/fonts/din/DIN-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/din/DIN-Medium.woff") format("woff"), url("/assets/fonts/din/DIN-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/font-awesome/fontawesome-webfont.eot");
  src: url("/assets/fonts/font-awesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/font-awesome/fontawesome-webfont.woff") format("woff"), url("/assets/fonts/font-awesome/fontawesome-webfont.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome-Brands';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/font-awesome/fa-brands-400.eot");
  src: url("/assets/fonts/font-awesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/font-awesome/fa-brands-400.woff") format("woff"), url("/assets/fonts/font-awesome/fa-brands-400.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome-Brands-6.4.2';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/font-awesome/6.4.2/fa-brands-400.eot");
  src: url("/assets/fonts/font-awesome/6.4.2/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/font-awesome/6.4.2/fa-brands-400.woff") format("woff"), url("/assets/fonts/font-awesome/6.4.2/fa-brands-400.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome-Regular-6.4.2';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/font-awesome/6.4.2/fa-regular-400.eot");
  src: url("/assets/fonts/font-awesome/6.4.2/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/font-awesome/6.4.2/fa-regular-400.woff") format("woff"), url("/assets/fonts/font-awesome/6.4.2/fa-regular-400.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome-Solid-6.4.2';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/font-awesome/6.4.2/fa-solid-900.eot");
  src: url("/assets/fonts/font-awesome/6.4.2/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/font-awesome/6.4.2/fa-solid-900.woff") format("woff"), url("/assets/fonts/font-awesome/6.4.2/fa-solid-900.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome-Solid';
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/font-awesome/fa-solid-900.eot");
  src: url("/assets/fonts/font-awesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/font-awesome/fa-solid-900.woff") format("woff"), url("/assets/fonts/font-awesome/fa-solid-900.ttf") format("truetype"); }

@font-face {
  font-family: 'Banana-Slip-Plus';
  font-weight: 100 1000;
  font-stretch: 0% 200%;
  font-style: normal;
  src: url("/assets/fonts/bananaslipplus/YDWbananaslipplus.eot");
  src: url("/assets/fonts/bananaslipplus/YDWbananaslipplus.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bananaslipplus/YDWbananaslipplus.woff") format("woff"), url("/assets/fonts/bananaslipplus/YDWbananaslipplus.ttf") format("truetype"); }

::-webkit-scrollbar {
  width: 6px;
  background: transparent; }

::-webkit-scrollbar-thumb {
  background: #393812;
  -webkit-border-radius: 7px; }

::-webkit-scrollbar-corner {
  background: transparent; }

/*@import "compass";
@import "compass/utilities";
@import "compass/css3/";*/
#article-my-coupon {
  /* print */
  /* layout */
  /* typography */
  /* ver. 3 */
  /* boxes */
  /* coupon issuance page */
  /* previous design of the coupon issuance */
  /* coupon issuance */
  /* lists */ }
  @media print {
    #article-my-coupon {
      /* display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
        align-content: flex-start; */
      /* white-space: nowrap; */
      /* word-wrap: none;
        word-break: keep-all; */
      transform: scale(0.8);
      /* zoom: 80%; */
      transform-origin: 50% 0;
      /* .box-terms-categories
        {
            white-space: normal;
        }

        .section-inner.pattern-05, .section-inner.pattern-06
        {
            white-space: normal;
        } */
      /* .section-inner { white-space: normal; } */
      /* position: relative; */
      /* .l-content:last-of-type
        {
            margin: 0 auto;
            position: absolute;
            bottom: rem-calc(-105px);
            left: 0;
            right: 0;
        } */ } }
  @media print {
    #article-my-coupon > .l-content {
      /* break-inside: always; */ } }
  #article-my-coupon > .l-content > .l-content-section {
    max-width: 56.25rem;
    padding: 0 5rem;
    box-sizing: border-box; }
    @media print {
      #article-my-coupon > .l-content > .l-content-section {
        max-width: none;
        padding: 0; } }
    #article-my-coupon > .l-content > .l-content-section > .section-inner {
      padding-top: 0.75rem;
      padding-bottom: 6.25rem;
      box-sizing: border-box;
      /* previous version of the coupon issuance page */
      /* coupon issuance page */
      /* coupon issuance page */
      /* coupon issuance page ver. 3 */
      /* coupon issuance page ~ 2018-11 */ }
      #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-02 {
        padding-top: 2.25rem; }
      #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-03, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-06, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-07, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-08, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-09, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-10, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-11, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-12 {
        margin-top: 2.25rem;
        /* ver. 2 */
        /* margin-bottom: rem-calc(10px); */
        /* ver. 3 */
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        background-color: #c5e0de; }
      #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-04 {
        margin: 0;
        padding: 0; }
      #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-05 {
        margin-top: 0;
        margin-bottom: 0.625rem;
        padding-top: 0;
        padding-bottom: 0;
        background-color: #ffffc8; }
      #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-06 {
        background-image: repeating-linear-gradient(-64.56deg, #B2E2F6, #B2E2F6 5px, #90d6f2 5px, #90d6f2 10px); }
      #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-07 {
        background-color: #fed09e; }
      #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-08 {
        background-color: #cfbddc; }
      #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-09 {
        background-color: #FCC6D5; }
      #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-10 {
        background-color: #C3E3C6; }
      #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-11 {
        background-color: #FDCFAF; }
      #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-12 {
        background-color: #C0E8FB; }
    @media screen and (min-width: 0px) and (max-width: 736px) {
      #article-my-coupon > .l-content > .l-content-section {
        padding: 0 5%; }
        #article-my-coupon > .l-content > .l-content-section > .section-inner {
          padding: 1.25rem 0; } }
    @media screen and (min-width: 737px) and (max-width: 1024px) {
      #article-my-coupon > .l-content > .l-content-section {
        padding: 0 5%; }
        #article-my-coupon > .l-content > .l-content-section > .pattern-03, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-06, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-07, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-08, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-09, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-10, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-11, #article-my-coupon > .l-content > .l-content-section > .section-inner.pattern-12 {
          padding: 0; } }
  #article-my-coupon .l-split {
    /* coupon issuance page */ }
    #article-my-coupon .l-split.split-btn-checkout {
      padding: 0 1.25rem;
      box-sizing: border-box;
      /* margin-bottom: rem-calc(65px); */
      margin-bottom: 1.25rem; }
      #article-my-coupon .l-split.split-btn-checkout:after {
        content: '';
        display: block;
        clear: both; }
      #article-my-coupon .l-split.split-btn-checkout > .btn.btn-my-coupon-checkout:first-child {
        float: left; }
      #article-my-coupon .l-split.split-btn-checkout > .btn.btn-my-coupon-checkout:last-child {
        float: right; }
    @media screen and (min-width: 0px) and (max-width: 736px) {
      #article-my-coupon .l-split.split-btn-checkout {
        padding: 0;
        margin-bottom: 1.875rem; }
        #article-my-coupon .l-split.split-btn-checkout > .btn.btn-my-coupon-checkout {
          margin-bottom: 0.9375rem; }
          #article-my-coupon .l-split.split-btn-checkout > .btn.btn-my-coupon-checkout:first-child, #article-my-coupon .l-split.split-btn-checkout > .btn.btn-my-coupon-checkout:last-child {
            float: none; } }
    #article-my-coupon .l-split.split-issuance-data {
      /* margin-bottom: rem-calc(30px); */ }
      #article-my-coupon .l-split.split-issuance-data > .left {
        /* ver. 2
                width: 39%; */
        /* ver. 3 */
        width: 82%; }
      #article-my-coupon .l-split.split-issuance-data > .right {
        /* ver. 2 
                width: 56%; */
        /* ver. 3 */
        width: 18%;
        text-align: right; }
      @media screen and (min-width: 0px) and (max-width: 736px) {
        #article-my-coupon .l-split.split-issuance-data > .left, #article-my-coupon .l-split.split-issuance-data > .right {
          width: 100%;
          text-align: left;
          float: none; } }
  #article-my-coupon p.button-wrapper {
    text-align: center; }
    #article-my-coupon p.button-wrapper.pattern-01 {
      padding-bottom: 1.875rem;
      box-sizing: border-box; }
  #article-my-coupon p.link-dm-wrapper {
    margin-bottom: 1.375rem;
    padding: 0 1.25rem;
    box-sizing: border-box;
    text-align: right;
    font-size: 16px;
    font-size: 1rem; }
  #article-my-coupon p.head-sub {
    display: block;
    padding: 0 0.625rem 0.625rem 0.625rem;
    box-sizing: border-box;
    font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
    /* @include font-size(16px); */
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
    border-left: 0.0625rem solid #90d6f2;
    border-right: 0.0625rem solid #90d6f2;
    background-color: white; }
    #article-my-coupon p.head-sub.pattern-02 {
      border-left: 0.0625rem solid #fed09e;
      border-right: 0.0625rem solid #fed09e; }
    #article-my-coupon p.head-sub.pattern-03, #article-my-coupon > .l-content > .l-content-section > p.head-sub.section-inner.pattern-06, #article-my-coupon > .l-content > .l-content-section > p.head-sub.section-inner.pattern-07, #article-my-coupon > .l-content > .l-content-section > p.head-sub.section-inner.pattern-08, #article-my-coupon > .l-content > .l-content-section > p.head-sub.section-inner.pattern-09, #article-my-coupon > .l-content > .l-content-section > p.head-sub.section-inner.pattern-10, #article-my-coupon > .l-content > .l-content-section > p.head-sub.section-inner.pattern-11, #article-my-coupon > .l-content > .l-content-section > p.head-sub.section-inner.pattern-12 {
      border-left: 0.0625rem solid #cfbddc;
      border-right: 0.0625rem solid #cfbddc; }
    @media screen and (min-width: 0px) and (max-width: 736px) {
      #article-my-coupon p.head-sub {
        font-size: 12px;
        font-size: 0.75rem; } }
  #article-my-coupon .coupon-issuance-head {
    display: block;
    font-size: 0; }
    #article-my-coupon .coupon-issuance-head > object {
      display: block;
      width: 100%;
      padding: 0;
      margin: 0; }
      #article-my-coupon .coupon-issuance-head > object > img {
        width: 100%; }
    #article-my-coupon .coupon-issuance-head > img {
      display: none; }
    @media print {
      #article-my-coupon .coupon-issuance-head > object {
        display: none; }
      #article-my-coupon .coupon-issuance-head > img {
        display: block;
        width: 100%; } }
    #article-my-coupon .coupon-issuance-head.pattern-02 {
      border-left: 0.0625rem solid #90d6f2;
      border-right: 0.0625rem solid #90d6f2;
      border-top: 0.0625rem solid #90d6f2; }
    #article-my-coupon .coupon-issuance-head.pattern-03, #article-my-coupon > .l-content > .l-content-section > .coupon-issuance-head.section-inner.pattern-06, #article-my-coupon > .l-content > .l-content-section > .coupon-issuance-head.section-inner.pattern-07, #article-my-coupon > .l-content > .l-content-section > .coupon-issuance-head.section-inner.pattern-08, #article-my-coupon > .l-content > .l-content-section > .coupon-issuance-head.section-inner.pattern-09, #article-my-coupon > .l-content > .l-content-section > .coupon-issuance-head.section-inner.pattern-10, #article-my-coupon > .l-content > .l-content-section > .coupon-issuance-head.section-inner.pattern-11, #article-my-coupon > .l-content > .l-content-section > .coupon-issuance-head.section-inner.pattern-12 {
      border-left: 0.0625rem solid #fed09e;
      border-right: 0.0625rem solid #fed09e;
      border-top: 0.0625rem solid #fed09e; }
    #article-my-coupon .coupon-issuance-head.pattern-04 {
      border-left: 0.0625rem solid #cfbddc;
      border-right: 0.0625rem solid #cfbddc;
      border-top: 0.0625rem solid #cfbddc;
      background-color: white; }
  #article-my-coupon h1.coupon-issuer-identifier {
    display: block;
    margin-bottom: 1.75rem;
    text-align: center; }
    #article-my-coupon h1.coupon-issuer-identifier > object {
      display: block;
      width: 12.625rem;
      height: 10.9375rem;
      margin: 0 auto 1.25rem auto; }
      #article-my-coupon h1.coupon-issuer-identifier > object > img {
        display: block;
        width: 12.625rem;
        margin-bottom: 1.25rem;
        margin-left: auto;
        margin-right: auto; }
    #article-my-coupon h1.coupon-issuer-identifier > span {
      display: block;
      font-weight: 600;
      margin-bottom: 0.5625rem;
      margin-left: auto;
      margin-right: auto; }
      #article-my-coupon h1.coupon-issuer-identifier > span:first-of-type {
        font-size: 18px;
        font-size: 1.125rem; }
      #article-my-coupon h1.coupon-issuer-identifier > span:last-child {
        margin-bottom: 0;
        font-size: 21px;
        font-size: 1.3125rem; }
  @media screen and (min-width: 0px) and (max-width: 736px) {
    #article-my-coupon h1.coupon-issuer-identifier > span:first-of-type {
      font-size: 14px;
      font-size: 0.875rem; }
    #article-my-coupon h1.coupon-issuer-identifier > span:last-child {
      font-size: 18px;
      font-size: 1.125rem; } }
  #article-my-coupon .box-attention {
    width: 35.625rem;
    margin: 0 auto 3.1875rem auto; }
    #article-my-coupon .box-attention:last-child {
      margin-bottom: 0; }
    @media screen and (min-width: 0px) and (max-width: 736px) {
      #article-my-coupon .box-attention {
        width: 100%;
        margin-bottom: 1.875rem; } }
  #article-my-coupon .box-issuance-data {
    display: block;
    padding: 1rem 1.5625rem 1.375rem 1.5625rem;
    box-sizing: border-box;
    font-size: 0px;
    font-size: 0rem; }
    @media screen and (min-width: 0px) and (max-width: 736px) {
      #article-my-coupon .box-issuance-data {
        padding-left: 5%;
        padding-right: 5%; } }
  #article-my-coupon .box-issuance-notes {
    display: block;
    max-width: 56.25rem;
    margin: 0 auto;
    padding: 1.0625rem 5rem 5.0625rem 5rem;
    box-sizing: border-box;
    background-color: white; }
    #article-my-coupon .box-issuance-notes p, #article-my-coupon .box-issuance-notes span {
      font-size: 10px;
      font-size: 0.625rem;
      font-weight: 300;
      line-height: normal;
      text-align: left; }
    @media screen and (min-width: 0px) and (max-width: 736px) {
      #article-my-coupon .box-issuance-notes {
        padding: 1.25rem 5%; } }
  #article-my-coupon dl.box-issuance-notes-pattern-02 {
    display: block;
    width: 100%;
    padding: 2.1875rem 3.125rem;
    box-sizing: border-box; }
    #article-my-coupon dl.box-issuance-notes-pattern-02 > dt, #article-my-coupon dl.box-issuance-notes-pattern-02 > dd {
      display: block;
      line-height: normal;
      text-align: left; }
    #article-my-coupon dl.box-issuance-notes-pattern-02 > dt {
      margin-bottom: 1.25rem;
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: 800;
      color: #ff8200; }
    #article-my-coupon dl.box-issuance-notes-pattern-02 > dd {
      font-size: 12px;
      font-size: 0.75rem; }
    @media screen and (min-width: 0px) and (max-width: 736px) {
      #article-my-coupon dl.box-issuance-notes-pattern-02 {
        padding: 1.25rem 5%; }
        #article-my-coupon dl.box-issuance-notes-pattern-02 > dt {
          margin-bottom: 0.625rem;
          font-size: 16px;
          font-size: 1rem; }
        #article-my-coupon dl.box-issuance-notes-pattern-02 > dd {
          font-size: 10px;
          font-size: 0.625rem; } }
  #article-my-coupon ul.list-issued-coupons {
    display: block;
    list-style-type: none;
    word-break: break-all;
    white-space: normal; }
    #article-my-coupon ul.list-issued-coupons > li {
      display: block;
      margin-bottom: 0.75rem;
      font-size: 0;
      line-height: normal;
      word-break: break-all; }
      #article-my-coupon ul.list-issued-coupons > li > span {
        vertical-align: initial; }
        #article-my-coupon ul.list-issued-coupons > li > span.lbl {
          line-height: 1; }
        #article-my-coupon ul.list-issued-coupons > li > span.coupon-title {
          font-size: 15px;
          font-size: 0.9375rem; }
          @media screen and (min-width: 0px) and (max-width: 736px) {
            #article-my-coupon ul.list-issued-coupons > li > span.coupon-title {
              display: block; } }
        #article-my-coupon ul.list-issued-coupons > li > span.price-original {
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: 300;
          text-decoration: line-through; }
        #article-my-coupon ul.list-issued-coupons > li > span.price-coupon, #article-my-coupon ul.list-issued-coupons > li > span.coupon-amount {
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: 600; }
          #article-my-coupon ul.list-issued-coupons > li > span.price-coupon:after, #article-my-coupon ul.list-issued-coupons > li > span.coupon-amount:after {
            content: '／';
            display: inline; }
        #article-my-coupon ul.list-issued-coupons > li > span.coupon-amount:after {
          content: none; }
        #article-my-coupon ul.list-issued-coupons > li > span.general {
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: 400; }
    #article-my-coupon ul.list-issued-coupons.issued-coupons-pattern-02 > li {
      display: block;
      margin-bottom: 0.3125rem;
      padding: 0.3125rem 0.5rem;
      box-sizing: border-box;
      font-size: 0;
      line-height: normal;
      word-break: break-all;
      background-color: white;
      border: 0.0625rem solid #9d9e9e; }
      #article-my-coupon ul.list-issued-coupons.issued-coupons-pattern-02 > li:last-child {
        margin-bottom: 0; }
      #article-my-coupon ul.list-issued-coupons.issued-coupons-pattern-02 > li:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      #article-my-coupon ul.list-issued-coupons.issued-coupons-pattern-02 > li:after {
        content: '';
        display: block;
        clear: both; }
      #article-my-coupon ul.list-issued-coupons.issued-coupons-pattern-02 > li > span {
        vertical-align: middle; }
        #article-my-coupon ul.list-issued-coupons.issued-coupons-pattern-02 > li > span.coupon-title {
          display: inline-block;
          max-width: 88%;
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: normal;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          position: relative;
          top: 0.1875rem; }
          @media screen and (min-width: 0px) and (max-width: 736px) {
            #article-my-coupon ul.list-issued-coupons.issued-coupons-pattern-02 > li > span.coupon-title {
              display: block; } }
        #article-my-coupon ul.list-issued-coupons.issued-coupons-pattern-02 > li > span.coupon-amount {
          padding-left: 1.125rem;
          padding-right: 1.4375rem;
          box-sizing: border-box;
          font-size: 17px;
          font-size: 1.0625rem;
          font-weight: 600;
          float: right;
          position: relative; }
          #article-my-coupon ul.list-issued-coupons.issued-coupons-pattern-02 > li > span.coupon-amount:after {
            content: '\679A';
            display: inline;
            font-size: 9px;
            font-size: 0.5625rem;
            font-weight: 600;
            position: absolute;
            right: 0.4375rem;
            bottom: 0.0625rem; }
        #article-my-coupon ul.list-issued-coupons.issued-coupons-pattern-02 > li > span.general {
          font-size: 12px;
          font-size: 0.75rem;
          font-weight: 400; }
    @media screen and (min-width: 0px) and (max-width: 736px) {
      #article-my-coupon ul.list-issued-coupons.issued-coupons-pattern-02 > li > span.coupon-title {
        width: 100%;
        max-width: 100%;
        white-space: normal; } }
  @media screen and (min-width: 0px) and (max-width: 736px) {
    #article-my-coupon .l-split.split-issuance-01:after {
      content: none; }
    #article-my-coupon .l-split.split-issuance-01 > .right, #article-my-coupon .l-split.split-issuance-01 > .left {
      float: none; } }