@charset "UTF-8";
/* ==========================================================================
   initialize
   ========================================================================== */
#header.c {
  padding-bottom: 0;
  height: auto; }
  #header.c #topimage {
    position: relative;
    /*
    #emp {
      position: absolute;
      width: 50%;
      height: calc(100% - 100px);
      bottom: 10px;
      right: 0;
      border: solid 1px red;
      ul {
        display: flex;
        li {
          color: #fff;
          width: calc((100 / 3 * 1%) - (2 / 3 * 1rem));
          font-weight: 700;
        }
      }
      em {
        display: block;
        color: $pink;
        font-weight: 700;
        font-style: normal;
        text-align: center;
        line-height: 1.3;
text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
      }
    }
    }
*/ }
    #header.c #topimage img {
      position: static;
      top: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    #header.c #topimage:after {
      content: "";
      position: absolute;
      width: 40%;
      height: calc(100% - 100px);
      bottom: 0;
      right: 1rem;
      background-image: url(../img/card/emp.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: right; }

/* ４つのポイント */
#point .lo-4 {
  margin-top: 2rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  #point .lo-4 li {
    padding: 10px;
    background-color: #f7f7f7;
    font-size: .95rem; }
    #point .lo-4 li:before {
      content: none; }
    #point .lo-4 li b {
      color: #FF5C79;
      font-size: 2rem;
      display: block;
      margin-bottom: 5px;
      font-weight: 500;
      text-align: center; }

/* 特典 */
#gift {
  padding-top: 0; }
  #gift .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem;
    /*
    & > div {
      display: flex;
      &:before {
        content: "";
        display: block;
        width: 50%;
        max-width: 100px;
        min-height: 1px;
        border: solid 1px #000;
      }
      dl {
        flex-shrink: 0;
      }
    }
*/
    /*
    & > * {
      //width: calc((100 / 3 * 1%) - (2 / 3 * 1rem));
      max-width: 400px;
    }
    & > hgroup {
      display: inline-block;
      order: 1;
      align-self: center;
      width: auto;
      //margin-left: auto;
      flex-grow: 0;
    }
    & > dl {
      order: 3;
      width: auto;
    }
    & > .img {
      width: calc((100 / 3 * 1%) - (2 / 3 * 1rem));
      max-width: 274px;
      order: 2;
      display: flex;
      align-items: center;
      &:before,
      &:after {
        content: "";
        display: block;
        width: 50%;
        height: 0;
        padding-bottom: 50%;
        background-size: cover;
      }
      &:before {
        background-image: url(../img/card/2.png);
      }
      &:after {
        background-image: url(../img/card/3.png);
      }
    }
  */ }
    #gift .detail > hgroup {
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    #gift .detail > div img {
      max-width: 100%; }
    #gift .detail > dl {
      margin-bottom: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }

/* 申込方法 */
#app {
  padding-top: 0; }
  #app #how_to {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #app #how_to li {
      width: calc((100 / 2 * 1%) - (1 / 2 * 1rem));
      color: #fff;
      background-color: #BC8DBE;
      text-align: center;
      padding: .5rem;
      border-radius: .25rem;
      max-width: 520px; }
      #app #how_to li em {
        font-style: normal;
        display: inline-block;
        text-align: left; }
      #app #how_to li span {
        display: inline-block;
        text-align: left; }
    #app #how_to li + li {
      margin-left: auto; }
  #app #to_apply {
    margin-top: 3rem;
    text-align: center; }
    #app #to_apply dt, #app #to_apply dd, #app #to_apply p {
      margin-bottom: 1rem; }
    #app #to_apply .btn {
      border-radius: .25rem;
      font-size: 1.5rem;
      line-height: 1; }
    #app #to_apply .btn.a {
      width: 520px;
      max-width: 100%;
      color: #fff;
      border-color: #FF5C79;
      background-color: #FF5C79; }
      #app #to_apply .btn.a:hover {
        color: #FF5C79;
        background-color: #fff; }
    #app #to_apply .btn.t {
      width: 400px;
      max-width: 100%;
      color: lightgray;
      border-color: lightgray; }
      #app #to_apply .btn.t:hover {
        color: #fff;
        background-color: lightgray; }

/* 規約 */
#terms {
  max-width: 960px; }
  #terms dl dt {
    border-bottom: solid 1px;
    padding-bottom: .25rem; }
  #terms dl dd li {
    text-indent: -1em;
    padding-left: 1em; }
    #terms dl dd li:before {
      text-indent: 0; }
  #terms dl dd > ul > li:before {
    content: '◎'; }
  #terms dl dd > ol > li:nth-child(1):before {
    content: "\0278a"; }
  #terms dl dd > ol > li:nth-child(2):before {
    content: "\0278b"; }
  #terms dl dd > ol > li:nth-child(3):before {
    content: "\0278c"; }
  #terms dl dd > ol > li:nth-child(4):before {
    content: "\0278d"; }
  #terms dl dd > ol > li:nth-child(5):before {
    content: "\0278e"; }
  #terms dl dd > ol > li:nth-child(6):before {
    content: "\0278f"; }
  #terms dl dd > ol > li:nth-child(7):before {
    content: "\02790"; }
  #terms dl dd > ol > li:nth-child(8):before {
    content: "\02791"; }
  #terms dl dd > ol > li:nth-child(9):before {
    content: "\02792"; }
  #terms dl dd > ol > li:nth-child(10):before {
    content: "\02793"; }
  #terms dl + dl {
    margin-top: 2rem; }