/* SP */
  /* contents */
    #wrapper {
      font-size: 100%;
    }

    #wrapper section#tvo {
      background: #efece7;
      overflow: hidden;
      padding: 0 0 4vw;
    }

    #wrapper section#tvo > article {
      margin: 0 auto;
      overflow: hidden;
      text-align: left;
    }

    #wrapper section#tvo > h2 {
      border-left: solid 1.5vw #000;
      font-size: 110%;
      font-weight: 700;
      margin: 4vw 2vw 2vw 5.5vw;
      padding: 1vw 2vw;
      text-align: left;
    }

    #wrapper section#tvo > article > h3 {
      border-bottom: solid 1px #000;
      font-size: 110%;
      margin: 0 auto 5vw;
      text-align: left;
      width: 90%;
    }

    #wrapper section#tvo > article > h4, 
    #wrapper section#tvo > article > h5, 
    #wrapper section#tvo > article > h6 {
      margin: 0 auto;
      width: 90%;
    }

    #wrapper section#tvo > article > div {
      margin: 6vw auto !important;
      width: 90% !important;
    }

    #wrapper section#tvo > article > p {
      margin: 0 auto !important;
      width: 90% !important;
    }

    #wrapper section#tvo > article > ul, 
    #wrapper section#tvo > article > dl {
      margin: 2vw auto;
      width: 90% !important;
    }

    #wrapper section#tvo > article img {
      height: auto;
    }


    #wrapper section#tvo > article > img {
      width: 90%;
    }

    #wrapper section#tvo > a.btn {
      font-size: 90%;
      margin: 5vw auto 1vw;
      padding: 0.3em 0.5em;
      width: 40%;
    }

    .endtxt {
      color: #f00;
      display: block;
      margin: 0 auto;
      padding: 0 0 4vw;
      text-align: left;
      width: 90vw;
    }

    a.txt_lnk {
      display: inline;
      text-decoration: underline !important;
    }
  /* /contents */


  /* new */
    /* new contents */
      #wrapper section#tvo > article > div.new {
        font-size: 1vw;
        margin: 0 auto !important;
        width: 100% !important;
      }

      #wrapper section#tvo > article > div.new h3 {
        border-bottom: solid 1px #000;
        font-size: 400%;
        font-weight: 500;
        margin: 0 auto 5vw;
        text-align: left;
        width: 90%;
      }

      #wrapper section#tvo > article > div.new figure, 
      #wrapper section#tvo > article > div.new p {
        margin: 0 auto 5vw;
        width: 90%;
      }

      #wrapper section#tvo > article > div.new p {
        font-size: 280%;
        margin: 0 auto 1em;
        text-align: left;
      }

      #wrapper section#tvo > article > div.new img {
        width: 100%;
      }

      #wrapper section#tvo > article > div.new p.caution {
        text-align: center;
      }

      #wrapper section#tvo > article > div.new p.notice {
        padding: 0 0 0 1em;
      }

      #wrapper section#tvo > article > div.new ul.notice {
        margin: 0 auto 3vw;
        text-align: left;
        width: 90%;
      }

      #wrapper section#tvo > article > div.new ul.notice > li {
        padding: 0 0 2em;
      }

      #wrapper section#tvo > article > div.new > aside {
        background: #fff;
        margin: 0 auto 8vw;
        padding: 2vw 0;
        width: 90%;
      }

      #wrapper section#tvo > article > div.new > aside > h4 {
        font-size: 400%;
        margin: 2vw auto;
        text-align: center;
        width: 90%;
      }

      #wrapper section#tvo > article > div.new > aside > p.caution {
        font-size: 320%;
      }

      #wrapper section#tvo > article > div.new > aside > p:nth-of-type(1) > a {
        align-items: flex-start;
        background: #1b95e0;
        border-radius: 1vw;
        color: #fff;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 1vw;
      }

      #wrapper section#tvo > article > div.new > aside > p:nth-of-type(1) > a > span:nth-of-type(1) {
        display: block;
        font-size: 90%;
        text-align: center;
        width: 100%;
      }

      #wrapper section#tvo > article > div.new > aside > p:nth-of-type(1) > a > svg {
        font-size: 320%;
        margin: 0 1vw;
      }

      #wrapper section#tvo > article > div.new > aside > p:nth-of-type(1) > a > span > strong {
        display: block;
        font-size: 120%;
      }

      #wrapper section#tvo > article > div.new > aside > p.txt_c {
        text-align: center;
      }

      #wrapper section#tvo > article > div.new > aside > p.txt_c > a.btn {
        display: inline-block;
        font-size: 110%;
        font-weight: 700;
        justify-content: center;
        margin: 6vw auto 4vw;
        padding: 1em 2em;
        width: auto;
      }

      #wrapper section#tvo > article > div.new > aside > p.txt_c > a.btn::after {
        right: 3%;
      }

      #wrapper section#tvo > article > div.new > section {
        background: #fff;
        padding: 3vw 0;
        text-align: center;
      }

      #wrapper section#tvo > article > div.new > section > aside {
        background: #efece7;
        padding: 4vw 0 2vw;
      }

      #wrapper section#tvo > article > div.new > section > aside > h4 {
        font-size: 310%;
        margin: 0 auto 3vw;
        width: 90%;
      }

      #wrapper section#tvo > article > div.new:last-child > section > h3 {
        display: inline-block;
        font-size: 320%;
        margin: 0 auto 5vw;
        padding: 0 2vw;
        text-align: center;
        width: auto;
      }

      #wrapper section#tvo > article > div.new:last-child > section > dl {
        font-size: 300%;
        margin: 0 auto;
        text-align: left;
        width: 90%;
      }

      #wrapper section#tvo > article > div.new:last-child > section > dl > dd {
        align-items: flex-start;
        display: flex;
        justify-content: flex-start;
        margin: 0 0 2vw;
      }

      #wrapper section#tvo > article > div.new:last-child > section > dl > dd > span:nth-of-type(1) {
        width: 20%;
      }

      #wrapper section#tvo > article > div.new:last-child > section > p.notice {
        /* width: 84%; */
      }

      #wrapper section#tvo .btn_online a.btn {
        font-size: 120%;
        width: 60%;
      }
    /* /new contents */

    /* Twitter */
      #wrapper section#tvo .tw {
        align-items: center;
        background: #7dc8ee;
        color: #fff;
        display: flex;
        font-size: 270% !important;
        margin: 0 auto 8vw !important;
        padding: 0.5em;
        width: 90% !important;
      }

      #wrapper section#tvo .tw > span {
        padding: 0 0.5em 0 0;
      }

      #wrapper section#tvo .tw > span > strong {
        border-bottom: solid 2px #fff;
        display: block;
        font-size: 140%;
        margin: 0 0 0.5em;
        padding: 0 0 0.5em;
      }

      #wrapper section#tvo .tw > a {
        align-items: center;
        background: #1b95e0;
        border-radius: 18vw;
        color: #fff;
        display: flex;
        filter: drop-shadow(3px 3px 0px #92d0f7);
        flex-wrap: wrap;
        font-size: 100%;
        height: 27vw;
        justify-content: center;
        margin: 0 auto;
        padding: 2vw 4vw 4vw;
        width: 27vw;
      }

      #wrapper section#tvo .tw > a > svg {
        height: 10vw !important;
        width: 10vw !important;
      }

      #wrapper section#tvo .tw > a > span {
        text-align: center;
      }

      #wrapper section#tvo .tw > a > span > strong {
        display: block;
        font-size: 150%;
        line-height: 1;
      }
    /* /Twitter */
  /* /new */

  /* instoreevent */
    #wrapper section.ise > h3 {
      font-size: 90%;
      line-height: 1.3;
      margin: 0 auto 3vw;
      padding: 0 0 0 1em;
      text-align: left;
      text-indent: -1em;
      width: 90%;
    }

    #wrapper section.ise > article > div > p:nth-last-of-type(1) {
      border: solid 2px #000;
      margin: 0 0 1em 5% !important;
      padding: 0.5em;
      text-align: center !important;
      width: 60% !important;
    }

    #wrapper section.ise > article > div > dl {
      border-top: solid 2px #000;
      font-size: 330%;
      line-height: 1.5;
      margin: 0 auto 3vw;
      padding: 0.5em 0;
      width: 90%;
    }

    #wrapper section.ise > article > div > dl dt {
      font-weight: 700;
    }

    #wrapper section.ise > p > a.btn {
      font-size: 80%;
      margin: 6vw auto;
      width: 60%;
    }
  /* /instoreevent */

  /* js */
  /* /js */
/* /SP */




































/* PC */
  @media screen and (min-width:813px) {

    /* contents */
      #wrapper section#tvo {
        font-size: 1vw;
      }

      #wrapper section#tvo h2 {
        border-left: solid 0.8vw #000;
        font-size: 250%;
        font-weight: 700;
        margin: 2vw auto 1vw;
        padding: 0.3vw 1vw;
        width: 70vw;
      }

      #wrapper section#tvo h3 {
        font-size: 540%;
        margin: 0 auto 3vw;
        width: 96%;
      }

      #wrapper section#tvo > article {
        width: 70vw;
      }

      #wrapper section#tvo > article > h4, 
      #wrapper section#tvo > article > h5, 
      #wrapper section#tvo > article > h6 {
        font-size: 120%;
        margin: 1em auto;
        width: 70vw;
      }

      #wrapper section#tvo > article > p, 
      #wrapper section#tvo > article > ul {
        font-size: 120%;
      }

      #wrapper section#tvo > article > div {
        font-size: 120%;
        margin: 2vw auto !important;
      }

      #wrapper section#tvo > article > p, 
      #wrapper section#tvo > article > ul, 
      #wrapper section#tvo > article > div {
        width: 70vw !important;
      }

      #wrapper section#tvo > a.btn {
        font-size: 200%;
        width: 20%;
      }

      .endtxt {
        font-size: 180%;
        padding: 0 0 4vw;
        width: 70vw;
      }
    /* /contents */


    /* new */
      /* new contents */
        #wrapper section#tvo > article {
          width: 100%;
        }

        #wrapper section#tvo > article > div.new > aside > h4 {
          font-size: 180%;
          line-height: 1.3;
        }

        #wrapper section#tvo > article > div.new_01 {
          width: 70vw !important;
        }

        #wrapper section#tvo > article > div.new_01 > section {
          background: #efece7;
          padding: 0;
        }

        #wrapper section#tvo > article > div.new_02 {
          background: #fff;
          width: 100% !important;
        }

        #wrapper section#tvo > article > div.new_02 > section {
          margin: 0 auto !important;
          width: 70vw !important;
        }

        #wrapper section#tvo > article > div.new h3 {
          font-size: 180%;
          width: 100%;
        }

        #wrapper section#tvo > article > div.new > section:last-child > h3 {
          display: block;
          font-size: 200%;
          margin: 0 auto 3vw;
          padding: 0;
          text-align: left;
        }

        #wrapper section#tvo > article > div.new figure {
          margin: 0 auto 3vw;
          width: 100%;
        }

        #wrapper section#tvo > article > div.new p {
          font-size: 120%;
          margin: 0 auto 1em;
          width: 100%;
        }

        #wrapper section#tvo > article > div.new ul.notice {
          margin: 0 0 3vw;
          text-align: left;
          width: 100%;
        }

        #wrapper section#tvo > article > div.new ul.notice > li {
          padding: 0 0 0.5em;
        }

        #wrapper section#tvo > article > div.new ul.notice > li > a {
          display: inline-block;
        }

        #wrapper section#tvo > article > div.new > aside {
          margin: 0 auto 5vw;
          padding: 0.5vw 0;
        }

        #wrapper section#tvo > article > div.new > aside > p {
          padding: 0 2vw;
        }

        #wrapper section#tvo > article > div.new > aside > p.txt_c > a.btn {
          font-size: 130%;
          margin: 2vw auto 0vw;
        }

        #wrapper section#tvo > article > div.new > section > aside > h4 {
          font-size: 180%;
          margin: 0vw auto 1vw;
        }

        #wrapper section#tvo > article > div.new > aside > p.caution {
          font-size: 160%;
        }

        #wrapper section#tvo > article > div.new > aside > p:nth-of-type(1) > a {
          font-size: 150%;
          margin: 0 auto;
          width: 65%;
        }

        #wrapper section#tvo > article > div.new > aside > p:nth-of-type(1) > a > span:nth-of-type(1) {
          font-size: 80%;
        }

        #wrapper section#tvo > article > div.new > aside > p:nth-of-type(1) > a > svg {
          margin: 0;
        }

        #wrapper section#tvo > article > div.new > section:last-child > dl {
          font-size: 120%;
          width: 100%;
        }

        #wrapper section#tvo > article > div.new > section:last-child > dl > dd > span:nth-of-type(1) {
          width: 12%;
        }

        #wrapper section#tvo > article > div.new_02 > figure {
          background: #000;
          width: 100% !important;
        }

        /* #wrapper section#tvo > article > div.new > section:last-child > p.notice, 
        #wrapper section#tvo > article > div.new > section:last-child > aside > p.notice {
          width: 96%;
        } */

        #wrapper section#tvo .btn_online a.btn {
          font-size: 140%;
          width: 40%;
        }
      /* /new contents */

      /* Twitter */
        #wrapper section#tvo .tw {
          font-size: 120% !important;
          margin: 0 auto 5vw !important;
          padding: 1vw !important;
          width: 90% !important;
        }

        #wrapper section#tvo .tw > span {
          line-height: 1.6;
          padding: 0 1em 0 0;
        }

        #wrapper section#tvo .tw > span > strong {
        }

        #wrapper section#tvo .tw > a {
          height: 9vw;
          padding: 1vw 2vw 2vw 2vw;
          width: 9vw;
        }

        #wrapper section#tvo .tw > a > svg {
          height: 4vw !important;
          width: 4vw !important;
        }

        #wrapper section#tvo .tw > a > span {
          font-size: 70%;
        }

        #wrapper section#tvo .tw > a > span > strong {
        }
      /* /Twitter */

    /* /new */

    /* instoreevent */
      #wrapper section.ise > h3 {
        font-size: 180% !important;
        margin: 3vw auto !important;
        width: 70vw !important;
      }

      #wrapper section.ise > article > div > p {
        font-size: 160% !important;
      }

      #wrapper section.ise > article > div > p:nth-last-of-type(1) {
        border: solid 3px #000;
        margin: 0 0 1em !important;
        padding: 0.2em 0.5em;
        width: 50% !important;
      }

      #wrapper section.ise > article > div > dl {
        font-size: 180%;
        margin: 2vw auto;
        width: 100%;
      }

      #wrapper section.ise > p > a.btn {
        font-size: 240%;
        margin: 6vw auto 4vw;
        width: 40%;
      }
    /* /instoreevent */

    /* js */
      /* general */
        .hide { display: none !important; }
        .flex { display: flex !important; }
        .show { display: block !important; }
      /* /general */
    /* /js */

  }
/* /PC */