/* 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; */
        background: #555;
        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: #000;
        border-radius: 18vw;
        color: #fff;
        display: flex;
        filter: drop-shadow(3px 3px 0px #777);
        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 > .fa-x-twitter:before {
        display: block;
        font-size: 400%;
        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;
      }
      
      #wrapper section#tvo .tw_osafku {
        flex-wrap: wrap;
      }
      
      #wrapper section#tvo .tw_osafku > a {
        margin: 1em auto;
        padding: 2.5vw 4vw 4vw;
      }
      
      #wrapper section#tvo .tw_osafku > a::after {
        filter: unset;
        padding: 0.3em 0 0;
      }
      
      #wrapper section#tvo .tw_osafku > a:nth-of-type(1)::after {
        content: '大阪';
      }
      
      #wrapper section#tvo .tw_osafku > a:nth-of-type(2)::after {
        content: '博多';
      }
              
      #wrapper section#tvo .tw_osa > a::after {
        content: '大阪' !important;
      }
      
      #wrapper section#tvo .tw_fku > a::after {
        content: '博多' !important;
      }

      /* Twitter2 */
        #wrapper section#tvo div.sns_list {
          font-size: 1vw;
        }

        #wrapper section#tvo div.sns_list .tw {
          margin: 0 auto 6vw !important;
        }

        #wrapper section#tvo div.sns_list .tw_info_tokyo {
          background: #bcc9cf;
          color: #000;
        }
        
        #wrapper section#tvo div.sns_list .tw_info_tokyo > span > strong {
          border-bottom: solid 2.5px #000;
        }

        #wrapper section#tvo div.sns_list .tw_info_tokyo > a {
          background: #1da1f2;
          filter: drop-shadow(3px 3px 0px #b7dcf2);
        }
      /* /Twitter2 */
    /* /Twitter */
  /* /new */

  /* info_line */
    #tvo.info_line p {
      font-size: 90%;
      margin: 1em auto;
      text-align: left;
      width: 90%;
    }

    #tvo.info_line h3 {
      background: #06c755;
      color: #fff;
      font-size: 130% !important;
      font-weight: 500;
      margin: 0 auto !important;
      padding: 0.5em 0;
      width: 90% !important;
    }

    #tvo.info_line ul {
      align-items: flex-start;
      background: #fff;
      display: flex;
      flex-direction: column;
      font-size: 90%;
      justify-content: space-between;
      margin: 0 auto 40px;
      padding: 20px;
      width: 90%;
    }

    #tvo.info_line ul > li {
      width: 100%;
    }

    #tvo.info_line ul > li ol {
      list-style: none;
      text-align: left;
    }

    #tvo.info_line ul > li ol li {
      padding: 0 0 2.5em 2em;
      position: relative;
      text-indent: -2em;
    }

    #tvo.info_line ul > li ol li strong {
      color: #06c755;
      font-size: 240%;
      line-height: 1;
      margin: 0 0.2em 0 0;
    }

    #tvo.info_line ul > li ol li:not(:last-child)::after {
      bottom: -0.8em;
      color: #aaa;
      content: '>';
      display: block;
      font-family: 'Poppins', sans-serif;
      font-size: 330%;
      font-weight: 100;
      left: 50%;
      transform: rotate(-270deg) translateX(-50%);
      position: absolute;
    }

    #tvo.info_line ul > li:nth-of-type(2) {
      width: 100%;
    }

    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(1), 
    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(3) {
      background: #000;
      color: #fff;
      padding: 20px;
    }

    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(1) img, 
    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(3) img {
      margin: 20px auto;
      width: 60%;
    }

    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(1) a, 
    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(3) a {
      color: #fff;
    }

    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(2), 
    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(4) {
      background: #eee;
      padding: 10px 10px 20px;
    }

    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(2) p, 
    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(4) p {
      background: transparent;
      color: #f00;
      font-size: 80%;
      padding: 10px 10px 0;
      text-align: left;
      width: 100%;
    }

    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(2) p span, 
    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(4) p span {
      color: #000;
      display: block;
      font-size: 90%;
      font-weight: 400;
      padding: 0 0 0 1em;
      text-indent: -1em;
    }

    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(2) p span a, 
    #tvo.info_line ul > li:nth-of-type(2) div:nth-of-type(4) p span a {
      color: #f00;
      display: inline;
      text-decoration: underline;
    }

    #tvo.info_line ul:nth-of-type(1) {
      background: transparent;
      flex-direction: column;
      margin: 0 auto;
      padding: 0;
    }
    #tvo.info_line ul:nth-of-type(1) li a {
      align-items: center;
      background: #000;
      border-radius: 8vw;
      color: #fff;
      display: flex;
      font-size: 4vw;
      font-weight: 700;
      justify-content: center;
      margin: 0 auto 1em;
      padding: 0.7em 0.5em;
      position: relative;
    }
  /* /info_line */

  /* about */
    #wrapper .about > section .info_link a {
      background: #f00;
      color: #fff !important;
      font-size: 120%;
      margin: 0 0 10px;
      padding: 10px;
      position: relative;
      text-align: center;
      width: 100%;
    }

    #wrapper .about > section .info_link a::after {
      content: '▼';
      font-size: 90%;
      font-weight: 400;
      line-height: 1;
      position: absolute;
      right: 3%;
      top: 40%;
      transform: rotate(30deg) scale(0.5) translateY(-40%);
    }

    #wrapper .about > section p:not(.info_link) a {
      display: inline !important;
    }

    #wrapper .about > section .info_link a strong {
      display: block;
      font-size: 120%;
    }

    #wrapper .about > section > div.shopinfo {
      /* border-top: 1px solid #000000; */
      margin: 0 auto;
      padding: 20px 0 0;
      width:90%;
    }

    #wrapper .about > section > div.shopinfo > h4 {
      display: block;
      font-size: 400%;
      margin: 0 auto 3vw;
      padding: 0;
      text-align: left;
      border-bottom: solid 1px #000;
      width: 100%;
    }
                    
    #wrapper .about > section > div.shopinfo > dl {
      font-size: 300%;
      width:100%;
    }

    #wrapper .about > section > div.shopinfo > dl > dt:not(:nth-of-type(1)) {
      margin: 0.5em 0 0;
    }
    
    #wrapper .about > section > div.shopinfo > dl > dd {
      padding: 0 0 0 1em;
    } 

    #wrapper .about > section > div.shopinfo.otoku > h4 {
      color: #0098d4;
      border-bottom: solid 1px #0098d4;
    }

    #wrapper .about > section > div.shopinfo.otoku > h4 > img {
      width: 35px !important;
      display: inline;
      margin: 0 -5px -10px;
    }

    #wrapper .about > section > div.shopinfo.otoku > ul {
      margin: 0 auto 5%;
    }

    #wrapper .about > section > div.shopinfo.otoku > ul > li > a {
      width: 100% !important;
      display: block;
      margin: 0 auto;
    }

  /* /about */

  /* 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 {
          margin: 0;
          padding: 0;
        }

        #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 > .fa-x-twitter:before {
          display: block;
          font-size: 320%;
          height: 4vw !important;
          width: 4vw !important;
        }

        #wrapper section#tvo .tw > a > span {
          font-size: 70%;
        }

        #wrapper section#tvo .tw_osafku {
          flex-wrap: unset;
        }

        #wrapper section#tvo .tw_osafku > a {
          margin: 0 0.5em 0 0;
          padding: 0.5vw 2vw 3vw 2vw;
        }
              
        #wrapper section#tvo .tw_osafku > a::after {
          filter: unset;
          font-size: 90%;
          padding: 0;
        }
              
        #wrapper section#tvo .tw_osafku > a:nth-of-type(1)::after {
          content: '大阪';
        }
        
        #wrapper section#tvo .tw_osafku > a:nth-of-type(2)::after {
          content: '博多';
        }
              
        #wrapper section#tvo .tw_osa > a::after {
          content: '大阪' !important;
        }
        
        #wrapper section#tvo .tw_fku > a::after {
          content: '博多' !important;
        }

        
        /* Twitter2 */
          #wrapper section#tvo div.sns_list.dn_sp {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin: 0 auto 4vw;
          }
          
          #wrapper section#tvo div.sns_list p.tw {
            justify-content: space-between;
            margin: 0 0 1vw !important;
            width: 100% !important;
          }

          #wrapper section#tvo div.sns_list > p.tw:nth-last-of-type(1), 
          #wrapper section#tvo div.sns_list > p.tw:nth-last-of-type(2) {
            font-size: 110% !important;
            width: 49% !important;
          }

          #wrapper section#tvo div.sns_list > p.tw > span {
            padding: 0;
          }

          #wrapper section#tvo div.sns_list > p.tw > span > strong {
            border-bottom: solid 2px #fff;
          }

          #wrapper section#tvo div.sns_list > p.tw:nth-last-of-type(1) > span > strong, 
          #wrapper section#tvo div.sns_list > p.tw:nth-last-of-type(2) > span > strong {
            border: none;
          }

          #wrapper section#tvo div.sns_list > p.tw > a {
            margin: 0;
          }
        /* /Twitter2 */
      /* /Twitter */
    /* /new */

    /* info_line */
      #tvo.info_line {
        p {
          font-size: 130%;
          text-align: left;
          width: 70%;
        }
        h3 {
          background: #06c755;
          color: #fff;
          font-size: 180% !important;
          font-weight: 700;
          margin: 0 auto !important;
          padding: 0.2em 0;
          width: 70% !important;
        }
        ul {
          align-items: flex-start;
          background: #fff;
          display: flex;
          flex-direction: unset;
          font-size: 120%;
          justify-content: space-between;
          margin: 0 auto 40px;
          padding: 40px;
          width: 70%;
          > li {
            width: 55%;
            ol {
              list-style: none;
              text-align: left;
              li {
                padding: 0 0 3em;
                position: relative;
                text-indent: 0;
                strong {
                  color: #06c755;
                  font-size: 240%;
                  line-height: 1;
                  margin: 0 0.2em 0 0;
                }
              }
              li:not(:last-child)::after {
                bottom: -36%;
                color: #aaa;
                content: '>';
                display: block;
                font-family: 'Poppins', sans-serif;
                font-size: 330%;
                font-weight: 100;
                left: 30%;
                transform: rotate(-270deg) translateX(-50%);
                position: absolute;
              }
            }
          }
          > li:nth-of-type(2) {
            width: 40%;
            div:nth-of-type(1), 
            div:nth-of-type(3) {
              background: #000;
              color: #fff;
              padding: 20px;
              img {
                margin: 20px auto;
                width: 60%;
              }
              a {
                color: #fff;
              }
            }
            div:nth-of-type(2), 
            div:nth-of-type(4) {
              p {
                background: #eee;
                color: #f00;
                font-size: 80%;
                padding: 10px;
                text-align: left;
                width: 100%;
                span {
                  color: #000;
                  display: block;
                  font-size: 90%;
                  font-weight: 400;
                  padding: 0 0 0 1em;
                  text-indent: -1em;
                }
              }
            }
          }
        }
        ul:nth-of-type(1) li {
          width: 45%;
        }
        ul:nth-of-type(1) li a {
          font-size: 130%;
        }
      }
    /* /info_line */

    /* about */
      #wrapper .about > section .info_link a {
        background: #f00;
        color: #fff !important;
        font-size: 120%;
        margin: 0 0 40px;
        padding: 10px;
        text-align: center;
        width: 65%;
      }

      #wrapper .about > section .info_link a strong {
        display: block;
        font-size: 120%;
      }

      #wrapper .about > section > div.shopinfo {
        /* border-top: 1px solid #000000; */
        margin: 20px auto 0;
        padding: 30px 0 0;
        width:100%;
      }

      #wrapper .about > section > div.shopinfo > h4 {
        font-size: 200%;
      }

      #wrapper .about > section > div.shopinfo > dl {
        font-size: 120%;
      }
      
      #wrapper .about > section > div.shopinfo > dl > dt:not(:nth-of-type(1)) {
        margin: 0.5em 0 0;
      }
      
      #wrapper .about > section > div.shopinfo > dl > dd {
        padding: 0 0 0 1em;
      }

      #wrapper .about > section > div.shopinfo.otoku > h4 > img {
        width: 55px !important;
        display: inline;
        margin: 0 -5px -15px;
      }

      #wrapper .about > section > div.shopinfo.otoku > ul {
        margin: 0 auto 3%;
      }

      #wrapper .about > section > div.shopinfo.otoku > ul > li > a {
        width: 65% !important;
        display: block;
        margin: 0;
      }

    /* /about */

    /* 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 */
