@charset "UTF-8";

ul {
  list-style: none;
  }

  img {
    width: 100%;
  }
  
  a {
  text-decoration: none;
  color: #333;
  }
  
  h1,h2,h3,h4,h5,h6,p,div{
    color: #333;
    font-family: Satoshi variable,sans-serif;
    }

  .header{
    position: fixed; /* ヘッダーを固定する */
top: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
width: 100%; /* ヘッダーの横幅を指定する */
height: 55px; /* ヘッダーの高さを指定する */
display: flex;
justify-content: space-between;
background-color: #fff;
z-index: 9999;
  }
  
  .header_logo>img{
    width: 125px;
    height: auto;
    margin-left: 6.5vw;
  }

  .header>ul{
    display: flex;
  align-items: center;
  margin-right:8.5vw;
  line-height:1.5;
  }

  .header_menu{
    font-size: 1.2rem;
    font-variation-settings:"wght" 700;
    margin: 0px 4px;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #000;
    font-weight: 900;
    
  }
  
  .item {
    background: #E3DED8;
    border-radius: 15px;
    overflow: hidden;
  }
  
  .container {
    width: 85%;
    margin: 65px auto 3.5vw;
    display: grid;
    grid-column-gap:3.5vw;
    grid-row-gap:3.5vw;
    grid-template-columns: 40vw 40vw;
    grid-template-rows: repeat(25,40vw);
    overflow: hidden; /* 追加: 親要素をはみ出た部分を非表示にする */
    grid-template-areas:
    "title title"
    "title title"
    "introduction concept"
    "partner news"
    "firsttime_title firsttime_title"
    "firsttime_photoone firsttime_goldpartner"
    "firsttime_silverpartner firsttime_bronzepartner"
    "secondtime_title secondtime_title"
    "secondtime_photoone secondtime_phototwo"
    "secondtime_goldpartner secondtime_goldpartner"
    "secondtime_silverpartner secondtime_photothree"
    "secondtime_photofour secondtime_bronzepartner"
    "thirdtime_title thirdtime_title"
    "thirdtime_photoone thirdtime_phototwo"
    "thirdtime_goldpartner thirdtime_goldpartner"
    "thirdtime_photothree thirdtime_silverpartner"
    "thirdtime_bronzepartner thirdtime_photofour"
    "fourthtime_title fourthtime_title"
    "fourthtime_photoone fourthtime_phototwo"
    "fourthtime_goldpartner fourthtime_goldpartner"
    "fourthtime_photothree fourthtime_photofour"
    "fourthtime_silverpartner fourthtime_silverpartner"
    "fourthtime_photofive fourthtime_photofive"
    "fourthtime_bronzepartner fourthtime_bronzepartner"
    "fourthtime_individualpartner fourthtime_providing"
    ;
  }
  
    .footer{
      text-align: center;
      color: #fff;
      background-color: #333;
      padding: .75em;
      line-height: 1.5em;
    }

    .title{
      grid-area: title;
      padding: 25px;
    }

    .title>img{
      width: 70vw;
      position: absolute;
      top: 65vw;
      left: auto;
      right: auto;
      z-index: 1000;
      filter: drop-shadow(3px 4px 0px rgba(255,255,255,0.6));    }
    
      .introduction{
      grid-area: introduction;
      background-color: #000;
  }

  @keyframes gradationAnim {
      0% { background-position: 0% 50% }
      50% { background-position: 100% 50% }
      100% { background-position: 0% 50% }
  }

    .concept{
      grid-area: concept;
    }

    .partner{
      grid-area: partner;
      position: relative;
    }

    .news{
      grid-area: news;
      padding-top: 35%;
    }

    .firsttime_title{
      grid-area: firsttime_title;
    }

    .firsttime_title>img,
    .secondtime_title>img,
    .thirdtime_title>img,
    .fourthtime_title>img{
      width: 80%;
      margin: auto;
      display: block;
      padding-top: 15px;
    }

    .firsttime_goldpartner{
      grid-area: firsttime_goldpartner;
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
    }

      .goldgradation{
        font-size: larger;
        background: linear-gradient(125deg, #DAAF08 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #DAAF08 90% 100%);
        background-size: 800% 400%;
        animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .silvergradation{
      font-size: larger;
      background: linear-gradient(180deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
      background-size: 800% 400%;
      animation: gradient 6s infinite cubic-bezier(.62, .28, .23, .99) both;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    @keyframes gradient {
      0% {
        background-position: 0% 50%;
      }
    
      50% {
        background-position: 100% 50%;
      }
    
      100% {
        background-position: 0% 50%;
      }
  }

  .bronzegradation{
    font-size: larger;
    background: linear-gradient(45deg, #b18f7b 0%, #be9074 45%, #f3cfb8 70%, #a57e65 85%, #a57e65 90% 100%);
    background-size: 800% 400%;
    animation: gradient 4s infinite cubic-bezier(.62, .28, .23, .99) both;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


    .firsttime_goldpartner>a>img,
    .firsttime_silverpartner>a>img,
    .firsttime_bronzepartner>a>img{
      height: 20vw;
      width: auto;
    }

    .firsttime_silverpartner{
      grid-area: firsttime_silverpartner;
      text-align: center;
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
    }

    .firsttime_bronzepartner{
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
      grid-area: firsttime_bronzepartner;
      text-align: center;

    }

    .firsttime_photoone{
      grid-area: firsttime_photoone;
      text-align: center;
      font-size: 18px;
      font-weight: 900;
      padding-top: 17vw;
      background-color: rgba(29,29,29,0.3);
    }

    .secondtime_title{
      grid-area: secondtime_title;
    overflow: hidden;
    }

    .secondtime_goldpartner{
      grid-area: secondtime_goldpartner;
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
    }

    .secondtime_silverpartner{
      grid-area: secondtime_silverpartner;
      text-align: center;
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
    }

    .secondtime_bronzepartner{
      grid-area: secondtime_bronzepartner;
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
    }

    .secondtime_photoone{
      grid-area: secondtime_photoone;
    }

    .secondtime_phototwo{
      grid-area: secondtime_phototwo;
    }

    .secondtime_photothree{
      grid-area: secondtime_photothree;
    }

    .secondtime_photofour{
      grid-area: secondtime_photofour;
    }

    .thirdtime_title{
      grid-area: thirdtime_title;
    }

    .thirdtime_goldpartner{
      grid-area: thirdtime_goldpartner;
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
    }

    .thirdtime_silverpartner{
      grid-area: thirdtime_silverpartner;
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
    }

    .thirdtime_bronzepartner{
      grid-area: thirdtime_bronzepartner;
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
    }

    .thirdtime_photoone{
      grid-area: thirdtime_photoone;
    }

    .thirdtime_phototwo{
      grid-area: thirdtime_phototwo;
    }

    .thirdtime_photothree{
      grid-area: thirdtime_photothree;
    }

    .thirdtime_photofour{
      grid-area: thirdtime_photofour;
    }

    .fourthtime_title{
      grid-area: fourthtime_title;
    }

    .fourthtime_goldpartner{
      grid-area: fourthtime_goldpartner;
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
    }

    .fourthtime_silverpartner{
      grid-area: fourthtime_silverpartner;
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
    }

    .fourthtime_bronzepartner{
      grid-area: fourthtime_bronzepartner;
      display: inline-block;
      text-align: center;
      font-weight: 1000;
      font-size: 28px;
      letter-spacing: -0.05em;
      padding-top: 10px;
      -webkit-text-stroke-width: 0.9px;
      -webkit-text-stroke-color: #1d1d1d;
    }

    .fourthtime_photoone{
      grid-area: fourthtime_photoone;
    }

    .fourthtime_phototwo{
      grid-area: fourthtime_phototwo;
    }

    .fourthtime_photothree{
      grid-area: fourthtime_photothree;
    }

    .fourthtime_photofour{
      grid-area: fourthtime_photofour;
    }

    .fourthtime_individualpartner{
      grid-area: fourthtime_individualpartner;
      font-size: 32px;
      text-align: center;
      padding-top: 15px;
      font-weight: 900;
    }

    .fourthtime_individualpartner ul{
      flex-wrap: wrap;
      display: flex;
      justify-content: center;
      font-size: 8px;
    }
    .fourthtime_individualpartner ul li{
      width: 19vw;
      margin-top: 13px;
    }

    .fourthtime_providing{
      grid-area: fourthtime_providing;
  text-align: center;
  font-size: 32px;
  font-weight: 900;
  padding-top: 15px;
    }

    .fourthtime_photofive{
      grid-area: fourthtime_photofive;
    }

    .title_background{
      z-index: 99;
      height: 80%;
      width: 100%;
      position: relative;
      margin-top: 5%;
    }

    .image {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      opacity: 0;
      background-size: cover;
      background-position: center center;
      animation: image-switch-animation 8s infinite;
    }

    @keyframes image-switch-animation {
      0%{ opacity: 0;}
      1%{ opacity: 1;}
      29%{ opacity: 1;}
      30%{ opacity: 0;}
      100%{ opacity: 0;}
    }

    .src1 {
      background-image: url(../Photo/kidsfesta/title_photo1.JPG);
    }
    .src2 {
      background-image: url(../Photo/kidsfesta/title_photo3.jpg);
    }
    .src3 {
      background-image: url(../Photo/kidsfesta/title_photo4.jpg);
    }
    .src4 {
      background-image: url(../Photo/kidsfesta/title_photo2.jpg);
    }
    .src5 {
      background-image: url(../Photo/kidsfesta/title_photo6.jpg);
    }
    .image:nth-of-type(1) {
      animation-delay: 0s;
    }
    .image:nth-of-type(2) {
      animation-delay: 1.5s;
    }
    .image:nth-of-type(3) {
      animation-delay: 3s;
    }
    .image:nth-of-type(4) {
      animation-delay: 4.5s;
    }
    .image:nth-of-type(5) {
      animation-delay: 6s;
    }

.bbs{
  align-items: center;
  color: #666;
  display: flex;
  height: 40px;
  line-height: 40px;
  overflow:hidden;
  width: 43vw;
  white-space:nowrap;
  z-index: 1;
  transform: skew(10deg, -10deg);
  letter-spacing: -0.05em;
  padding-top: 10px;
  -webkit-text-stroke-width: 0.3px;
  -webkit-text-stroke-color: #1d1d1d;
}

.bbs ul {
  animation: flowing 180s linear infinite both;
  font-size: 20px;
  transform:translateX(100%);
    margin: 0;
  padding: 0;
  white-space: nowrap;
}

.bbs ul li{
  display: inline-block;
  padding-right: 1px;
  font-weight: 900;
  letter-spacing: -0.1em;
}
@keyframes flowing {
  0% { transform:translateX(0); }
  100% { transform:translateX(-100%); }
}

.reverse{
  font-weight: 900;
  letter-spacing: -0.1em;
  margin-top: calc(13vw + 10px);
}

.reverse ul{
    animation: reverseflowing 100s linear infinite;
    font-size: 20px;
    margin: 0;
    padding: 0;   
    transform:translateX(5%);
}
  .text{
    position: absolute;
    top: 10vw;
    left: -12vw;
    width: 60vw;
    color: #444;
    margin-left: 2vw;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: -0.05em;
    transform: skew(10deg, -10deg);
    text-align: center;
    letter-spacing: -0.05em;
    padding: 10px;
    -webkit-text-stroke-width: 0.4px;
    -webkit-text-stroke-color: #1d1d1d;
} 

@keyframes reverseflowing {
  0% { transform:translateX(-95%); }
  100% { transform:translateX(0); }
}

#brick1,
#brick2,
#brick3,
#brick4,
#brick5,
#brick6,
#brick7,
#brick8,
#brick9 {  
  text-align:center;
  line-height:40px;
  letter-spacing: -0.01em;
  color: #ccc;
  font-weight: 900;
  width: 110px;
  height: 40px;
  background: #1D1D1D;
  position: relative;
  cursor: pointer;
  margin: 0.8px;
  white-space: nowrap; /* 追加: テキストが折り返されないようにする */
  transform: translateY(-330%); /* 追加: 最初は画面外に配置 */
}

#brick4,
#brick5,
#brick6{
  position: relative;
  left: -85px; 
}

#brick7,
#brick8,
#brick9{
  position: relative;
  left: -60px; 
}


.concept > a > div > div {
  display: flex;
  width: 360px;
}

.diamond{
  border: 1px solid #ff4800;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1;
}

.text_introduction{
  filter: drop-shadow(0px 0px 10px rgba(29,29,29,1));
  text-align:center;
  color: #ccc;
  font-weight: 900;
  font-size: 20px;
  z-index: 5;
  width: 200px;
  position: absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}

.introduction>a,
.concept>a,
.partner>a,
.news>a{
  display: block;
  min-width: 100%;
min-height: 100%;
}

.diamond1{
  animation-name:diamond1;
  animation-duration:2s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}

@keyframes diamond1 {
  0%{
    width: 25px;
    height: 25px;
    }
  
  100%{
    width: 0px;
    height: 0px;
    }
  }

.diamond2{
  animation-name:diamond2;
  animation-duration:2s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}

@keyframes diamond2 {
  0%{
    width: 50px;
    height: 50px;
    }
  
  100%{
    width: 25px;
    height: 25px;
    }
  }

.diamond3{
  animation-name:diamond3;
  animation-duration:2s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}

@keyframes diamond3 {
  0%{
    width: 100px;
    height: 100px;
    }
  
  100%{
    width: 50px;
    height: 50px;
    }
  }

.diamond4{
  animation-name:diamond4;
  animation-duration:2s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}

@keyframes diamond4 {
  0%{
    width: 150px;
    height: 150px;
    }
  
  100%{
    width: 100px;
    height: 100px;
    }
  }

.diamond5{
  animation-name:diamond5;
  animation-duration:2s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}

@keyframes diamond5 {
  0%{
    width: 280px;
    height: 280px;
    }
  
  100%{
    width: 150px;
    height: 150px;
    }
  }

  .introduction{
    position: relative;
    z-index: -2;
  }

  .news>a>p{
    color: #ff4800 ;
    font-weight: 900;
    text-align: center;
    animation-fill-mode:backwards;
    animation-iteration-count:infinite;
    animation-duration:4s;
    animation-timing-function:ease-out;
    text-shadow: 3px 3px 0px rgba(255, 255, 255,1);
    animation-name: newstext; 
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #1d1d1d;
    font-size: 22px;
  }
  @keyframes newstext {
    0%,24%,67%,100%{
      transform: translate3d(0, 0, 0) scale3d(1,1,1) rotate3d(0, 0, 0, 0);
      }

    25%{
      transform: translate3d(0, 0, 0) scale3d(1.1,1.1,1.1) rotate3d(0, 0, -1, 15deg);
    }

    26%,66%{
      transform: translate3d(0, 0, 0) scale3d(1.1,1.1,1.1) rotate3d(0, 0, -1, 12.5deg);
    }
    }
 
    .slider img {
      width:85%;/*スライダー内の画像を横幅100%に*/
      height:auto;
  }
  
    .slider{
      height: 30vw;
      margin-top: 4vw;
    }

    .slider-8 .slick-slide {
      width: 40vw;
      height: auto;
      position: relative;
      overflow: hidden;
      margin: 2.5px 5px;
    }
    .slider-8 .slick-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  .plate{
    width:80%;
    border-radius:10px;
    border:4px solid rgba(225,225,225,0);
    position:relative;
    margin: auto;
    margin-top: 15px;
}

.cork{
    background:url(https://peonyqueen.files.wordpress.com/2015/10/cork02.jpg);
    box-shadow: inset 0 0 0 3px rgba(85,46,12,0.7), 0px 5px 5px rgba(0, 0, 0, 0.5);
}

.plate span{
  padding:10px;
  display:block;
  text-align:center;
  font-size:0.8rem;
}

.cork span{
  padding:15px 5px;
  font-weight: 800;
  font-family: 'Limelight', cursive;
  color: rgba(85,46,12,0.8);
  text-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.5);
}

.plate:before,
.plate:after{
    content:"";
    width:4px;
    height: 30px;
    position:absolute;
    top:-30px;
    box-shadow:inset 0px -1px 1px rgba(0, 0, 0, 0.5),0 0 5px rgba(0, 0, 0, 0.5);
}

.plate:before{
    left:13px;
}

.plate:after{
    right:13px;
}

.cork:before,
.cork:after{
    background:#DBA560;
    background-image:-webkit-linear-gradient(left top, #DBA560, #DBA560 45%,#AA7430 50% , #AA7430 55% , #DBA560 60% , #DBA560 100% );
    background-image:linear-gradient(left top, #DBA560, #DBA560 45%,#AA7430 50% , #AA7430 55% , #DBA560 60% , #DBA560 100% );
    background-size:10px 10px;
}

.plate span:before,
.plate span:after{
    content:"";
    border-radius:50%;
    position:absolute;
    top:-1px;
    box-shadow:inset 0px -1px 2px rgba(0, 0, 0, 0.5),inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.cork span:before,
.cork span:after{
    width: 12px;
    height:12px;
    background:#86431C;
    background-image:-webkit-linear-gradient(top, #A26937, #A26937 50%, #57311C 55% , #57311C 65% , #A26937 85% , #A26937 100% );
    background-image:linear-gradient(top, #A26937, #A26937 50%, #57311C 55% , #57311C 65% , #A26937 85% , #A26937 100% );
    background-size:10px;
    box-shadow:inset 0px -1px 2px rgba(0, 0, 0, 0.5),inset 0px 1px 1px rgba(0, 0, 0, 0.2);
    z-index:1;  
}
.cork span:before{
    left:9px;
}

.cork span:after{
    right:9px;
}

.times{
  width: 2.5em;
  position: relative;
  top: -24vw;
  left: 6vw;
  font-size: 32px;
  font-weight: 1000;
  letter-spacing: -0.1em;
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #1d1d1d;
  transform-origin:bottom right;
}

.is-animated {
  animation:timesanime 0.7s ease-in forwards;
}


@keyframes timesanime {
  0% {
      transform:rotate(0deg);
  }

  65% {
    transform:rotate(-15deg);
}

  70% {
    transform:rotate(-10deg);
}

  80% {
    transform:rotate(-15deg);
}

  95% {
    transform:rotate(-12.5deg);
}

  100% {  
    transform:rotate(-15deg);
  }
}


.flash {
  position: absolute;
  width: 92%;
  height: 39vw;
  background-color: #fff;
  z-index: 10;
  opacity: 0;
  border-radius: 15px;
}
  
.flash-animation.animated{
  animation: flash 0.5s ease-out forwards;
}

@keyframes flash {
  0% ,56% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.times.animated{
  animation: appear 0.35s linear forwards;
}

@keyframes appear {
  0% ,95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.secondtime_title > .times,
.thirdtime_title > .times,
.fourthtime_title > .times{
opacity: 0;
  transform:rotate(-15deg);
}

.box{
  padding-top: 12vw;
  text-align: center;
  font-size: 34px;
  font-weight: 1000;
  letter-spacing: -0.05em;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #1d1d1d;
  transform-origin:bottom right;
}

#slider2-2,#slider3-2,#slider4-2,
#slider2-3,#slider3-3,#slider4-3,
#slider2-4,#slider3-4,#slider4-4,
#slider4-5
{
  width: 100%;
  height: 100%;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

.list,
.list_medium,
.list_providing{
  display: flex;
  justify-content: center;
  margin-top: 4vw;
}


.list_small{
  display: flex;
  justify-content: left;
  margin-top: 4vw;
}

.list>li>a>img{
width: 25vw;
height: 25vw; 
object-fit: cover;
}


.list_medium>li>a>img{
  width: 30vw;
  height: auto;
}

.list_small>li>a>img{
  width: 19vw;
  height: 15vw;
  object-fit: cover; 
}

.list_providing{
  width: 40vw;
  height: 40vw;
  object-fit: cover; 
  margin: 20px auto;
}

.list_providing>li{
  width: 23vw;
}

.fourthtime_individualpartner>p{
  text-align: end;
  font-size:8px;
  margin:5px 5vw 0;
}

.slick-slider div { transition: none; }

  @media screen and (min-width: 520px) {
    /* tablet style */
    
}

@media screen and (min-width:960px) {
/* PC style */
body
{
  display: none;
}
}