/* commonstyle */
  /* SP  */
    /* reset */
    html {overflow-y: scroll;}
    body { overflow: hidden; }
    body,div,table,tr,th,td,p,ul,ol,dl,dt,dd,img,a,form,h1,h2,h3,h4,h5,h6,hr,figure {display: block;margin:0;padding:0;border:0;font-style: normal;}
    ul{list-style-type: none;}
    input:focus {border:none;outline:none;}

    /* __header */
      .__header {
        background: #fafafa;
        font-family: 'M PLUS 1p', sans-serif;
        height:auto;
        margin:0;
        padding: 15px 10px;
        position: relative;
      }

      .__header{
      }

      .__header > h1 > a {
        margin: 0 auto;
        width: 55%;
      }

      .__header > h1 > a > img {
        width: 100%;
      }

      .__header > p {
        position: absolute;
        left: 4vw;
        top: 5vw;
      }

      .__header > p > a {
        color: #fff;
        text-align: center;
        text-decoration: none;
      }

      .__header > p > a > svg {
        color: #c62020;
        font-size: 5vw;
      }

      .__header > p > a > span {
        color: #000;
        display: block;
        font-size: 3vw;
        font-weight: 700;
        line-height: 1;
      }

      .__header > p > a > svg {
      }

      .__header:after {content:".";display: block;height:0px;clear:both;visibility:hidden;}

      .__header > ul {
        align-items: center;
        display: flex;
        justify-content: flex-end;
        padding: 0 100px 0 0;
      }

      .__header.fixed {
        position:fixed;
        top: 0;
        z-index: 99997;
      }
    /* /__header */

    /* __footer */
      .__footer {align-items: flex-start;display: flex;justify-content: center;padding: 20px 0;clear:both;background:#000;color: #fff;text-align:center;position:relative;z-index:888;margin:0;width:101%;font-family: 'M PLUS 1p', sans-serif;font-size: 12px;}

      .__footer span {
        font-size: 14px;
      }

      .__footer ul li,.__footer ul li a {display:inline-block;font-size:12px;text-decoration:none;color:#666; }
      .__footer ul li {border-right:1px solid #ccc; padding:0px 20px;margin:5px 0px;}
      .__footer ul li:first-child{ border-left: 1px solid #ccc; }
      .__footer .__footer_copy{ background: #eee; color: #666; padding: 10px 0px; font-size: 12px; }
      .__footer {margin:0;padding: 1vw 0;}
      .__footer ul li:first-child{ border-left: 0px; }
      .__footer ul li,.__footer ul li a { display: block;font-size: 90%; text-decoration: none; color: #666; border: 0px; text-align: left; }
      .__footer ul li { border-right:0;border-bottom: 1px solid #ccc; padding: 5px 10px;margin:0;}
      .__footer ul li a{ position: relative; }
      .__footer ul li a:after{ content: '\25B6'; position: absolute; top: 1px; right: 0px; color: #ccc; font-size: 10px; }
      .__footer .__footer_copy{background: #eee; color: #666;padding: 5px 0px; }
    /* /__footer */

    /* drawer */
      .menu.fixed {
        position: fixed;
      }

      .drawer-open{
        overflow:hidden!important;
        position: relative;
      }
      
      .drawer-nav{
        position:fixed;
        top:0;
        overflow:hidden;
        width:40%;
        height:100%;
        background-color:rgba(256,256,256,1.0);
        /* overflow-y: scroll; */
        -webkit-overflow-scrolling:touch;
        z-index:99998;
      }
      
      .drawer-menu {
        /* align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; */
        margin: 60px auto 0;
        padding: 0 0 20vw;
        width: 100%;
      }

      .drawer-menu li {
        border-bottom: solid 1px #000;
        color: #fff;
        margin: 0 1em 0.5em;
        padding: 0 1em 0.5em;
        text-align: center;
      }

      .drawer-menu li > a {
        color: #000;
        font-size: 120%;
        font-weight: 700;
        text-decoration: none;
      }

      .drawer-menu li > a:hover {
        opacity: 0.7;
      }

      .fixed .drawer-menu{margin:70px auto 0;}
      .drawer-menu-item{font-size:130%;display:block;margin:0 5px;padding:10px 0;text-decoration:none;color:#fff;text-align:center;font-weight:normal;font-family: 'M PLUS 1p', sans-serif;letter-spacing:0.05em;}
      .drawer-menu-item:hover{text-decoration:none;color:#fff;background-color:transparent;}
      .drawer-overlay{position:fixed;top:0;right:0;display:none;width:100%;height:100%;background-color:rgba(000,000,000,0.0);}
      .drawer-open .drawer-overlay{display:block;}
      .drawer--top .drawer-nav{top:-100%;right:0;width:100%;height:100%;max-height:100%;/* -webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1); */}

      .drawer-hamburger{
        border: 0;
        box-sizing: content-box;
        display: block;
        /* height: 50px; */
        outline: 0;
        padding: 0;
        right: 7vw !important;
        top: 9vw;
        /* -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
        transition: all .6s cubic-bezier(.19,1,.22,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0); */
        width: 4vw;
        z-index: 99999;
      }

      .drawer-open .drawer-hamburger {
        align-items: center;
        border-radius: 10vw;
        /* background: #fff; */
        display: flex;
        height: 4vw;
        justify-content: center;
        padding: 0;
        text-align: center;
        top: 7vw !important;
        width: 4vw;
      }

      .drawer-hamburger:hover{cursor:pointer;/* background-color:rgba(0, 0, 0, 0.8); */}
      .drawer-hamburger-icon{position:relative;display:block;margin-top:0;}
      .drawer-hamburger-icon, 
      .drawer-hamburger-icon:after, 
      .drawer-hamburger-icon:before{
        background-color: #000;
        height: 4px;
        right: 0;
        /* -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
        transition: all .6s cubic-bezier(.19,1,.22,1); */
        width: 7vw;
      }

      .drawer-hamburger-icon:hover {
        /* opacity: 0.6; */
      }

      .drawer-hamburger-icon:after,
      .drawer-hamburger-icon:before{
        content:" ";
        position:absolute;
        right:0;
        top: 3vw;
      }

      .drawer-hamburger-icon:before {
        top: -3vw;
      }

      .drawer-open .drawer-hamburger-icon: {background-color: transparent;}
      .drawer-open .drawer-hamburger-icon::after,.drawer-open .drawer-hamburger-icon::before {background-color: #000;}

      .drawer-open .drawer-hamburger-icon:after, 
      .drawer-open .drawer-hamburger-icon:before {
        background-color: #000;
      }

      .drawer-menu-item.share{ width:800px;margin:0 auto -60px;color:#ff0;font-size:32px;font-weight:bold;text-align:center;letter-spacing:0.1em; }
      .drawer-menu-item.share:hover{text-decoration:none;}
      .drawer-menu-item.off-link{ width:400px;margin:-30px auto;padding:20px 0;color:#ff0;font-size:32px;font-weight:bold;text-align:center;line-height:110%;font-family: "Raleway","Noto Sans JP", sans-serif,cursive; }
      .drawer-menu-item.off-link img{ width:50%;margin:10px auto; }
      .drawer-menu-item.off-link a{ color:#ffffff; }

      /* drawer-hamburger-fix */
        .fixed .drawer-hamburger-icon, 
        .fixed .drawer-hamburger-icon:after, 
        .fixed .drawer-hamburger-icon:before {
          background-color: #000;
        }

        .drawer-open .fixed .drawer-hamburger-icon {
          background-color: transparent;
        }

        .fixed .drawer-hamburger {position:fixed;top: 9vw;}
      /* /drawer-hamburger-fix */

      .clear { clear:both; }

      button.drawer-toggle {
        opacity: 0;
        animation: fin 0.5s ease-in-out 1s 1 normal forwards;
      }

        @keyframes fin {
        0% {
          opacity: 0;
        }
        100% {
          opacity: 1;
        }
      }

      .drawer--top.drawer-open .drawer-nav {
        top: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
      }

      .drawer--left.drawer-open .drawer-nav,
      .drawer--left .drawer-hamburger,
      .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
        left: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
      }

      .drawer--right.drawer-open .drawer-nav,
      .drawer--right .drawer-hamburger,
      .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
        right: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
      }

      .drawer-nav > ul > div > li > aside.sns {
        color: #000;
        padding: 15vw 0 5vw;
      }

      .drawer-nav > ul > div > li > aside.sns h3 {
        align-items: center;
        display: flex;
        font-size: 120%;
        font-weight: 900;
        justify-content: center;
        padding: 2vw 0 1vw;
        position: relative;
        text-align: center;
      }

      .drawer-nav > ul > div > li > aside.sns h3:after, 
      .drawer-nav > ul > div > li > aside.sns h3:before {
        background: #000;
        content: '';
        display: block;
        height: 1px;
        padding: 0 1em;
        width: 0.1%;
      }

      .drawer-nav > ul > div > li > aside.sns > h3:after {
        transform: rotate(-60deg) translate(-5px, -10px);
        width: 0.1%;
      }

      .drawer-nav > ul > div > li > aside.sns > h3:before {
        transform: rotate(60deg) translate(5px, -10px);
        width: 0.1%;
      }

      .drawer-nav > ul > div > li > aside.sns > h3 > span > small {
        display: block;
        font-size: 50%;
        font-weight: 400;
        line-height: 1;
      }

      .drawer-nav > ul > div > li > aside.sns > ul {
        align-items: center;
        border: 0;
        display: flex;
        justify-content: center;
      }

      .drawer-nav > ul > div > li > aside.sns > ul > li {
        border: 0;
        margin: 0;
        padding: 0;
      }

      .drawer-nav > ul > div:nth-of-type(2) > li:last-child {
        border: 0;
      }

      .drawer-nav > ul > div > li > aside.sns > ul > li > a > svg {
        color: #000;
        font-size: 300%;
        margin: 0 2vw;
      }

      .drawer-nav > ul > div > li > aside.sns > ul > li > a > .fa-x-twitter:before {
        color: #000;
        font-size: 300%;
        margin: 0 2vw;
      }
    /* /drawer */

    /* slick */
      .itemSlider {
        position: relative;
      }

      .itemSlider li {
        border-radius: 5vw;
        margin: 0 2vw;
        overflow: hidden;
        position: relative;
      }

      .itemSlider li a {
        width: 100%;
      }

      .slick-list {
        padding: 0 45% 0 0!important;
      }

     .slick-slider {
        /* margin: 0 auto !important; */
        margin: 0 0 0 4vw !important;
      }
      
      .slick-track {
        align-items: center;
        display: flex;
      }

      .slick-slide {
        align-items: center;
        background: #aaa;
        display: flex !important;
        float: none;
        height: 68.5vw;
        text-align: center;
      }

      .slick-slide a > span {
        border-bottom: solid 0.5vw #333;
        font-size: 400%;
        left: 50%;
        position: absolute;
        top: 0.5vw;
        transform: translateX(-50%);
        width: 85%;
      }

      .slick-slide a span span {
        font-size: 130%;
        font-weight: 500;
      }

      .slick-slide a span small {
        display: block;
        font-weight: 400;
      }

      .slick-slide img {
        margin: 0 auto;
        /* opacity: 0.5 !important;
        width: 95% !important; */
      }

      .release_slider .slick-slide img {
        opacity: 1 !important;
      }

      .slick-current {
        /* background: transparent; */
        opacity: 1 !important;
      }

      .slick-current img {
        opacity: 1 !important;
      }

      button.slick-next, button.slick-prev {
        height: auto;
        position: absolute;
        top: 45%;
        width: auto;
      }

      button.slick-next {
        right: 22vw;
      }

      button.slick-prev {
        left: 22vw;
      }
       
      .release_slider button.slick-next {
        right: 0.5vw;
      }

      .release_slider button.slick-prev {
        left: 0.5vw;
      }
       
      button.slick-next::before, 
      button.slick-prev::before {
        color: #aaa;
        font-family: 'Poppins', sans-serif;
        font-size: 8vw;
        font-weight: 100;
      }

      button.slick-next::before {
        content: '>';
      }

      button.slick-prev::before {
        content: '<';
      }

      button.slick-arrow {
        z-index: 10;
      }

      .dotPaging {
        display: flex;
        justify-content: center;
        padding: 4vw 0 1.5vw;
        width: auto !important;
      }

      .dotPaging li {
        height: 2vw;
        margin: 0 !important;
        padding: 1vw 0 5vw;
        text-align: center;
        width: auto !important;
      }

      .dotPaging button {
        background: transparent;
        border: none;
        font-size: 0;
        position: relative;
      } 

      .dotPaging button:hover {
        cursor: pointer;
      }

      .dotPaging button::before {
        align-items: center;
        background: #999;
        border-radius: 8vw;
        content: '';
        display: flex;
        font-family: 'Poppins', sans-serif;
        height: 3vw;
        justify-content: center;
        line-height: 0;
        margin: 0 2.5vw;
        width: 3vw;
      }

      .slick-dotted.slick-slider {
        margin: 0;
      }

      .slick-active button::before {
        background: #d57d16;
      }

      button.slick-next, button.slick-prev {
        height: auto;
        position: absolute;
        top: 45%;
        width: auto;
      }

      button.slick-next {
        right: 2vw;
      }

      button.slick-prev {
        left: -2vw;
      }
       
      button.slick-next::before, 
      button.slick-prev::before {
        color: #aaa;
        font-family: 'Poppins', sans-serif;
        font-size: 15vw;
        font-weight: 200;
      }

      button.slick-next::before {
        content: '>';
      }

      button.slick-prev::before {
        content: '<';
      }

      button.slick-arrow {
        z-index: 10;
      }
    /* /slick */

    /* modal */
      #modal {
        background: #fff;
        display: none;
        left: 50%;
        padding: 2vw;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100vw;
        z-index: 100001;
      }

      #modal img {
        width: 100%;
      }

      #over {
        background: rgba(0, 0, 0, 0.6);
        display: none;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 100000;
      }

      .close {
        font-size: 6vw;
        position: absolute;
        right: 0%;
        top: 6%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1002;
      }

      .close:hover, 
      .modalimg:hover {
        cursor: pointer;
        opacity: 0.8;
      }
   /* modal */

    /* general */
      #main-contents {
        background: #fafafa;
      }
      
      #wrapper, 
      #wrapper * {
        box-sizing: border-box;
      }

      #wrapper {
        background: #fff;
        background-position-y: 31vw;
        color: #000;
        font-family: 'M PLUS 1p', sans-serif;
        font-size: 1vw;
        font-weight: 400;
        margin: 0 auto;
        min-width:100%;
        overflow: hidden;
        padding: 0px;
        position: relative;
        text-align: center;
        width: 100vw;
      }        

      #wrapper img {
        width: 100%;
      }

      #wrapper a {
        color: #000;
        text-decoration: none;
      }

      #wrapper a:hover { opacity: 0.8; }
      #wrapper a:focus, #wrapper *:focus { outline:none; }

      #wrapper a.btn {
        align-items: center;
        background: #000;
        border-radius: 8vw;
        color: #fff;
        display: flex;
        font-size: 320%;
        font-weight: 700;
        justify-content: center;
        margin: 6vw auto 1vw;
        padding: 0.7em 0.5em;
        position: relative;
        width: 50%;
      }

      #wrapper a.btn::after {
        content: '▼';
        /* font-family: 'Poppins', sans-serif; */
        font-size: 120%;
        font-weight: 400;
        line-height: 1;
        position: absolute;
        right: 5%;
        top: 40%;
        transform: rotate(30deg) scale(0.5) translateY(-40%);
      }

      #wrapper button::-moz-focus-inner{
        border :0px;
      }

      #wrapper .svg-inline--fa {
        height: 1em;
      }

      #wrapper .login .svg-inline--fa {
        color: #000;
        height: 1em;
      }

      #wrapper .svg-inline--fa.fa-w-16 {
        width: 1em;
      }
      
      #wrapper .login .svg-inline--fa.fa-w-16 {
        width: 1em;
      }
      
      #wrapper .sns .svg-inline--fa.fa-w-16 {
        width: 1em;
      }

      #wrapper.fixed {
        margin: 18vw auto 0;
      }

      /* 表示非表示 */
        #wrapper .hide { display: none !important; }
        #wrapper .flex { display: flex !important; }
        #wrapper .show { display: block !important; }
        #wrapper br.pc { display: block; }
        #wrapper br.sp { display: none; }
        #wrapper .caution { color: #f00; }
      /* /表示非表示 */

      /* txt */
        #wrapper .txt_c { text-align: center; !important; }
        #wrapper .txt_l { text-align: left; !important; }
        #wrapper .txt_r { text-align: right; !important; }
      /* txt */

      /* notice */
        ul.notice li, 
        p.notice {
          margin: 0 0 0 1em;
          text-indent: -1em;
        }
      /* /notice */

      /* pagetop */
        #pagetop {
          border-radius: 50px;
          bottom: 2%;
          box-sizing: content-box !important;
          font-size: 60%;
          height: 50px;
          padding: 5px 0;
          position: fixed;
          right: 2%;
          width: 60px;
          z-index: 990;
        }

        #pagetop a {
          color: #aaa;
          line-height: 1;
          padding: 0;
          text-decoration: none;
        }

        #pagetop a .svg-inline--fa {
          color: #000;
          font-size: 30px;
        }
      /* /pagetop */

      /* crossfade */
        .fadein {
          animation: fdi 4s ease-in-out -0.5s infinite normal forwards;
          left: 0;
          position: absolute;
          top: 0;
        }

        .fadeout {
          animation: fdo 4s ease-in-out -0.5s infinite normal forwards;
          left: 0;
          /* position: absolute; */
          top: 0;
        }

        .fadein2 {
          animation: fdi2 20s ease-in-out 0s infinite normal forwards;
          left: 0;
          position: absolute;
          top: 0;
        }

        .fadein22 {
          animation: fdi22 20s ease-in-out 0s infinite normal forwards;
          left: 0;
          position: absolute;
          top: 0;
        }

        .fadeout2 {
          animation: fdo2 20s ease-in-out 0s infinite normal forwards;
          left: 0;
          /* position: absolute; */
          top: 0;
          z-index: 11111;
        }

        .fadein3 {
          animation: fdi3 28s ease-in-out -0.5s infinite normal forwards;
          left: 0;
          position: absolute;
          top: 0;
        }

        .fadein32 {
          animation: fdi32 28s ease-in-out -0.5s infinite normal forwards;
          left: 0;
          position: absolute;
          top: 0;
        }

        .fadein33 {
          animation: fdi33 28s ease-in-out -0.5s infinite normal forwards;
          left: 0;
          position: absolute;
          top: 0;
        }

        .fadeout3 {
          animation: fdo3 28s ease-in-out -0.5s infinite normal forwards;
          left: 0;
          /* position: absolute; */
          top: 0;
        }


        @keyframes fdo {
          0% { opacity: 1; }
          49% { opacity: 1; }
          50% { opacity: 0; }
          100% { opacity: 0; }
        }


        @keyframes fdi {
          0% { opacity: 0; }
          49% { opacity: 0; }
          50% { opacity: 1; }
          100% { opacity: 1; }
        }

        /* @keyframes fdo2 {
          0% { opacity: 1; }
          16% { opacity: 1; }
          33% { opacity: 1; }
          49% { opacity: 0; }
          66% { opacity: 0; }
          83% { opacity: 1; }
          100% { opacity: 1; }
        }

        @keyframes fdi2 {
          0% { opacity: 0; }
          16% { opacity: 0; }
          33% { opacity: 1; }
          49% { opacity: 1; }
          66% { opacity: 0; }
          83% { opacity: 0; }
          100% { opacity: 0; }
        }

        @keyframes fdi22 {
          0% { opacity: 0; }
          16% { opacity: 0; }
          33% { opacity: 0; }
          49% { opacity: 0; }
          66% { opacity: 1; }
          83% { opacity: 1; }
          100% { opacity: 0; }
        } */

        @keyframes fdo2 {
          0% { opacity: 1; }
            16.5% { opacity: 1; }
          33% { opacity: 0; }
            49.5% { opacity: 0; }
          66% { opacity: 0; }
            82.5% { opacity: 0; }
          100% { opacity: 1; }
        }

        @keyframes fdi2 {
          0% { opacity: 0; }
            16.5% { opacity: 0; }
          33% { opacity: 1; }
            49.5% { opacity: 1; }
          66% { opacity: 0; }
            82.5% { opacity: 0; }
          100% { opacity: 0; }
        }

        @keyframes fdi22 {
          0% { opacity: 0; }
            16.5% { opacity: 0; }
          33% { opacity: 0; }
            49.5% { opacity: 0; }
          66% { opacity: 1; }
            82.5% { opacity: 1; }
          100% { opacity: 0; }
        }

        /* @keyframes fdo3 {
          0% { opacity: 1; }
          24% { opacity: 1; }
          25% { opacity: 0; }
          100% { opacity: 0; }
        }

        @keyframes fdi3 {
          0% { opacity: 0; }
          24% { opacity: 0; }
          25% { opacity: 1; }
          49% { opacity: 1; }
          50% { opacity: 0; }
          100% { opacity: 0; }
        }

        @keyframes fdi32 {
          0% { opacity: 0; }
          49% { opacity: 0; }
          50% { opacity: 1; }
          74% { opacity: 1; }
          75% { opacity: 0; }
          100% { opacity: 0; }
        }

        @keyframes fdi33 {
          0% { opacity: 0; }
          74% { opacity: 0; }
          75% { opacity: 1; }
          100% { opacity: 1; }
        } */

        @keyframes fdo3 {
          0% { opacity: 1; }
            12.5% { opacity: 1; }
          25% { opacity: 0; }
            37.5% { opacity: 0; }
          50% { opacity: 0; }
            62.5% { opacity: 0; }
          75% { opacity: 0; }
            87.5% { opacity: 0; }
          100% { opacity: 1; }
        }

        @keyframes fdi3 {
          0% { opacity: 0; }
            12.5% { opacity: 0; }
          25% { opacity: 1; }
            37.5% { opacity: 1; }
          50% { opacity: 0; }
            62.5% { opacity: 0; }
          75% { opacity: 0; }
            87.5% { opacity: 0; }
          100% { opacity: 0; }
        }

        @keyframes fdi32 {
          0% { opacity: 0; }
            12.5% { opacity: 0; }
          25% { opacity: 0; }
            37.5% { opacity: 0; }
          50% { opacity: 1; }
            62.5% { opacity: 1; }
          75% { opacity: 0; }
            87.5% { opacity: 0; }
          100% { opacity: 0; }
        }

        @keyframes fdi33 {
          0% { opacity: 0; }
            12.5% { opacity: 0; }
          25% { opacity: 0; }
            37.5% { opacity: 0; }
          50% { opacity: 0; }
            62.5% { opacity: 0; }
          75% { opacity: 1; }
            87.5% { opacity: 1; }
          100% { opacity: 0; }
        }
      /* /crossfade */

      /* scroll in */
        #wrapper .scrl, 
        #wrapper .scrl2, 
        #wrapper .scrl3 {
          opacity : 0;
          transform : translate(0px, 30px);
          transition : all 500ms 0s ease-out;
        }

        #wrapper .scrl4 {
          transform : translate(0px, 0px);
          transition : all 500ms 0s ease-out;
        }

        #wrapper .sldin {
          opacity : 1;
          transform : translate(0, 0);
          transition : all 500ms ease 0s;
        }

        #wrapper .fdin {
          opacity : 1 !important;
          transition : all 500ms ease 0s !important;
        }
      /* /scroll in */

      /* accordion */
        #wrapper .acd {
          position: relative;
        }

        #wrapper .acd:hover {
          cursor: pointer;
        }

        #wrapper .acd::before, 
        #wrapper .acd::after {
          background: #fff;
          content: '';
          display: block;
          height: 2px;
          position: absolute;
          right: 1vw;
          top: 50%;
          transform: translateY(-50%);
          width: 3vw;
        }

        #wrapper .acd::after {
          transform: translateY(-50%) rotate(90deg);
          transition: 0.5s;
        }

        #wrapper .acd.open::after {
          transform: rotate(0);
          transition: 0.5s;
          top: 50%;
        }

        #wrapper .acd_list {
          display: none;
        }
      /* /accordion */
    /* /general */



    /* link-style */
    .img-link a:hover img {opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )"; }
    /* 画像保存防止設定 */
    .fb-box .fbItemMain img,
    .campaign .cpImg img,
    .release ul li img{pointer-events:none;}
    header .tourLogo img,
    #pagetop img,
    .thumbWrap img,
    .pickupTxt .thumb img,
    ul.itemList li .th img,
    .fb-box .fbItemMain img,
    .fb-box ul li img,
    .campaign .cpImg img,
    .release ul li img{-webkit-touch-callout:none;}

    /* br */
    .br-sp { display:none; }
    .br-pc { display:none; }
    /* img */
    .img-sp { display:none;}
    .img-pc { display:none;}
    /* disnon */
    .disnonPc { display:none;}
    .disnonSp { display:none;}
    /* display none */
    .dn_pc { display: block;}
    .dn_sp { display: none;}
    
    .snsWrap {margin:0;height:auto;}
    ul.sns {width:214px;margin:0 auto;}
    ul.sns li {margin:0 20px;font-size:32px;}
    ul.sns li.line {width:30px;}

  /* /SP */
































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

      /* __header  */
        .__header {
          margin: 0 auto;
          width: 100%;
        }

        .__header > h1 > a {
          width: 25%;
        }

        .__header > p {
          top: 2.5vw;
        }

        .__header > p > a > svg {
          font-size: 2.5vw;
        }

        .__header > p > a > span {
          font-size: 1vw;
         }
      /* /__header  */

      /* drawer  */
        .drawer-hamburger {
          right: 3vw !important;
          top: 4vw !important;
        }

        .drawer-hamburger-icon, .drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
          height: 0.4vw;
          width: 3.5vw;
        }

        .drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
          top: 1.2vw;
        }

        .drawer-hamburger-icon::before {
          top: -1.2vw;
        }

        .fixed .drawer-hamburger {
          top: 4vw;
        }

        .drawer-menu {
          align-items: flex-start;
          display: flex;
          justify-content: center;
          margin: 6vw auto 0;
          padding: 0 0 2vw;
          width: 70%;
        }

        .drawer-menu + aside.sns {
          font-size: 150%;
        }

        .drawer-menu li {
          /* margin: 0 10vw 0.5em; */
          margin: 0 3vw 1.5em;
          text-align: left;
        }

        .drawer-menu li > a {
          font-size: 180%;
        }

        .drawer-open .drawer-hamburger {
          top: 2.2vw !important;
          right: 3.3vw !important;
        }

        .drawer-nav > ul > div > li > aside.sns {
          padding: 0 0 5vw;
        }

        .drawer-nav > ul > div > li > aside.sns h3 {
          font-size: 180%;
          padding: 0 0 0.5vw;
        }

        .drawer-nav > ul > div > li > aside.sns > ul > li > a > svg {
          font-size: 240%;
        }

        .drawer-nav > ul > div > li > aside.sns > ul > li > a > .fa-x-twitter::before {
          font-size: 240%;
        }
      /* /drawer  */

      /* slick */
        .itemSlider {
          /* margin: 0 0 0 1vw !important; */
          margin: 0 1vw !important;
        }

        .itemSlider .slick-list {
          /* padding: 0 21% 0 0 !important;
          padding: 0 !important; */
          padding: 0 50% 0 0 !important;
        }
        
        .itemSlider li {
          border-radius: 1.5vw;
          margin: 0 1vw;
        }

        .slick-slide {
          /* height: 31vw; */
          height: 36vw;
          width: 100% !important;
        }

        button.slick-next {
          right: -2vw;
        }

        button.slick-next::before, 
        button.slick-prev::before {
          font-size: 6vw;
        }

        .dotPaging {
          padding: 2vw 0 0;
        }

        .dotPaging li {
          padding: 1vw 0 2vw;
        }

        .dotPaging button::before {
          height: 1vw;
          margin: 0 1vw;
          width: 1vw;
        }
      /* /slick */

      /* modal */
        #modal {
          display: none;
          height: 70vh;
          left: 50%;
          margin: 0 auto;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          /* width: 50vw; */
          width: auto;
          z-index: 100001;
        }

        #modal img {
          height: 70vh;
          width: auto;
        }

        #over {
          background: rgba(0, 0, 0, 0.6);
          display: none;
          height: 100vh;
          left: 0;
          position: fixed;
          top: 0;
          width: 100vw;
          z-index: 100000;
        }

        .close {
          font-size: 4vw;
          position: absolute;
          right: -2%;
          top: 5%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 3vw !important;
          z-index: 1002;
        }
      /* modal */

      /* general  */      
        #wrapper.fixed {
          margin: 10vw auto 0;
        }

        /* pagetop  */
          #pagetop {
            bottom: 5%;
            right: 3%;
          }

          #pagetop a .svg-inline--fa {
            font-size: 5vw;
          }
        /* /pagetop  */

        /* btn  */
          #wrapper a.btn {
            font-size: 270%;
            margin: 3vw auto 0;
            padding: 0.5em;
            width: 36%;
          }

          #wrapper a.btn::after {
            font-size: 90%;
            right: 3%;
          }
        /* btn  */

        /* accordion */
          #wrapper .acd::before, 
          #wrapper .acd::after {
            width: 1vw;
          }
        /* /accordion */

        /* display none */
          .dn_sp { display: block;}
          .dn_pc { display: none;}
        /* /display none */
      /* /general  */







    }
  /* /PC */
/* /commonstyle */