/* スライダー */
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
  width:95%;
   margin:0 auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/


/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
   position: absolute;/*絶対配置にする*/
   top: 45%;
   cursor: pointer;/*マウスカーソルを指マークに*/
   outline: none;/*クリックをしたら出てくる枠線を消す*/
   border-top: 2px solid #666;/*矢印の色*/
   border-right: 2px solid #666;/*矢印の色*/
   height: 15px;
   width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
   left: 1.5%;
   transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
   right: 1.5%;
   transform: rotate(45deg);
}


/* メニューのタクソノミーのターム名に応じた色分け */
.ranking-cont .japanese {
   background-color: #E1B43E;
}
.ranking-cont .western {
   background-color: #4AE13E;
}
.ranking-cont .chinese {
   background-color: #FD3C2F;
}

/* ページトップリンク
-ページの指定の高さを超えたら下から出現- */
/* トップへ戻るボタン */

#go-to-top a {
   transition:all 0.3s;
}

#go-to-top a:hover {
   transform:scale(1.1);
}

#go-to-top {
   z-index: 200;
   opacity: 0;
   transform: translateY(150px);
}


/*　上に上がる動き　*/
#go-to-top.UpMove{
   animation: UpAnimeGtt 0.5s forwards;
}

@keyframes UpAnimeGtt{
from {
   opacity: 0;
   transform: translateY(150px);
}
to {
   opacity: 1;
   transform: translateY(0);
}
}


/*　下に下がる動き　*/

#go-to-top.DownMove{
   animation: DownAnimeGtt 0.5s forwards;
}
@keyframes DownAnimeGtt{
from {
   opacity: 1;
   transform: translateY(0);
}
to {
   opacity: 1;
   transform: translateY(150px);
}

}