/*body { text-align: center; }*/
@charset "utf-8";

body>img{height: 0;display: none;}
img{
	width: 100%;
	height: auto;
	border:none;
	vertical-align:bottom;
}


#wrap {
	margin: 0px auto;
	max-width: 640px;
}

#wrap img {
	margin: 0px auto;
	max-width: 100%;
	vertical-align: bottom;
}

.rel{
  position: relative;
}

.rel .btn_01 {
  position: absolute;
  bottom: 13%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
.rel .btn_02 {
  position: absolute;
  bottom: 6%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}

.rel .btn_01:hover,
.rel .btn_02:hover {
  opacity: 0.8;
}

.btn_01.btn-none a,
.btn_02.btn-none a {
    pointer-events: none;
    opacity: 1 !important;
}

.btn_01.btn-none a img:hover,
.btn_02.btn-none a img:hover {
    opacity: 1;
}

.btn_01.btn-none:hover,
.btn_02.btn-none:hover {
    opacity: 1 !important;
}
.btn_01.btn-none::before,
.btn_02.btn-none::before {
    content: '';
    width: 310px;
    height: 130px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../img/soldout.png)no-repeat;
    background-size: contain;
    background-position: center center;
}

/* =============================================================================
   component
   ========================================================================== */


/* =============================================================================
   common module
   ========================================================================== */
.cm-notarget { display: none; }
.lt-ie9 .cm-notarget { display: table; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background-color: #fff; }
.lt-ie9 .cm-notarget-inner { display: table-cell; vertical-align: middle; }
.lt-ie9 .cm-notargetTitle { font-size: 20px; font-weight: bold; }
.lt-ie9 .cm-notargetTxt { margin: 25px 0 40px; font-size: 18px; line-height: 1.8; }
.lt-ie9 .cm-notargetBrowserItem { display: inline; zoom: 1; margin: 0 10px; }
.lt-ie9 .cm-notargetBrowserItem a { font-size: 16px; }

/* =============================================================================
   page
   ========================================================================== */

#l-wrapper { max-width: 750px; width: 100%; margin: 0 auto; position: relative; }


.cta__body { position: relative; }
.cta__bodyImg { position: relative; z-index: 0; }
.cta__bodyBtn { position: absolute; top: 0; left: 50%; width: calc(684/750*100%); margin: calc(110/750*100%) 0 0 calc(-342/750*100%); z-index: 1; }

.gif01 { position: relative; }
.gif01__img { position: relative; z-index: 0; }
.gif01__body { position: absolute; top: 0; left: 50%; width: calc(640/750*100%); margin: 0 0 0 calc(-320/750*100%); z-index: 1; }

.gif02 { position: relative; }
.gif02__img { position: relative; z-index: 0; }
.gif02__body { position: absolute; top: 0; left: 50%; width: calc(640/750*100%); margin: calc(10/750*100%) 0 0 calc(-320/750*100%); z-index: 1; }
.gif02__circle { position: absolute; top: 0; right: calc(33/750*100%); width: calc(218/750*100%); z-index: 2; }






        /***** ~~~~~~~~~~~~~~~~~~~~~FOOTER *****/
        /* footer */
        .clearfix:after {
          content: "";
          display: block;
          height: 0;
          clear: both;
          visibility: hidden;
        }

        .toggleBox p, .toggleBox dl {

        }

        .footer_sammaryinner {
          padding: calc(20em/14) calc(15em/14) calc(20em/14);
          text-align: left;
          background: #ebe8e4;
          line-height: 1.5;
        }

        .footer_sammaryinner_main {
    font-size: calc(24em/14);
          margin: 0 auto;
        }


        .footer_sammaryinner_main h3 {
          margin-bottom: calc(8em/24);
          padding: calc(5em/24) calc(12em/24) calc(4em/24) calc(12em/24);
          color: #fff;
          font-size: calc(30em/24);
          font-weight: normal;
          background-color: #333;
          display: block;
          position: relative;

        }

        .footer_sammaryinner_main h3::before {
          position: absolute;
          top: 0;
          bottom: 0;
          right: calc(14em/30);
          margin: auto;
          content: "";
          vertical-align: middle;
          box-sizing: border-box;
          width: calc(22em/30);
          height: calc(22em/30);
          border: calc(2em/30) solid #fff;
          -webkit-border-radius: 50%;
          border-radius: 50%;
        }

        .footer_sammaryinner_main h3::after {
          position: absolute;
          top: 0;
          bottom: 0;
          right: calc(16em/30);
          margin: auto;
          content: "";
          vertical-align: middle;
          box-sizing: border-box;
          width: calc(8em/30);
          height: calc(8em/30);
          border: calc(5em/30) solid transparent;
          border-left: calc(5em/30) solid #fff;
        }

        .footer_sammaryinner_main h3.on::after {
          top: calc(7em/30);
          bottom: 0;
          right: calc(20em/30);
          transform: rotate(90deg);
        }

        .footer_sammaryinner_main .toggleBox {
          display: none;
        }

        .footer_sammaryinner_main dt {

        }

        .card_summary {
          padding: calc(15em/24);
          background: #d6ccbf;
        }
        .card_summary img {
          width: calc(37em/24);
        }

        .color01 {
          color: #980202;
        }

        .footer_sammaryinner_main ol {
          margin-bottom: calc(30em/24);
        }

        .footer_sammaryinner_main ol li {
          margin-left: 1.2em;
          text-indent: -1.2em;
          list-style: decimal inside;
        }

        .fl {
          float: left;
        }

        .mr10 {
          margin-right: 10px;
        }

        .mb20 {
          margin-bottom: 20px;
        }
        @media only screen and (max-width: 750px) {
          .mr10 {
            margin-right: calc(10/780*100vw);
          }

          .mb20 {
            margin-right: calc(20/780*100vw);
          }
            .btn_01.btn-none::before, .btn_02.btn-none::before {
                max-width: 190px;
            }
        }

        .footer_copyinner {
          text-align: center;
        }

        .footer_sammaryinner_main ol {
          margin-bottom: calc(30em/24);
        }

        .footer_sammaryinner_main ol li {
          margin-left: 1.2em;
          text-indent: -1.2em;
          list-style: decimal inside;
        }

        .footer_copyinner {
          background: #4B3D34;
          width: 100%;
        }

        .footer_copyinner_main {
          margin: 0 auto 0;
          padding: calc(20em/24) calc(10em/24) calc(40em/24);
          position: relative;
        }

        .footer_copyinner_main img {
          max-width: 478px;
          width: 100%;
          margin: 0 auto;
        }

        .footer_copyinner .copy {
          margin-top: 5%;
          color: #fff;

        }

        .footer_copyinner_main .attent {
          color: #dcdcdc;
        }