@charset "utf-8";
/*-------- 全ページのスタイルcss --------*/

body{
	padding:0;
  margin:0;
}

figure{
  margin: 1em auto;
  text-align: center;
}

/*----------------------------------------------------------------------
 コンテンツ 表示アニメーション
----------------------------------------------------------------------*/
.zoomin {
	animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}
@keyframes zoomIn {
  0% {
	transform: scale(0.8);
	opacity: 0;
}
  100% {
	opacity: 1;
	transform: scale(1);
}
}

/*----------------------------------------------------------------------
ページトップへ
----------------------------------------------------------------------*/
/*リンクを右下に固定*/
#page-top {
	display:none;
}
/*　上に上がる動き　*/
#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
  @keyframes UpAnime{
    from {
    opacity: 0;
    transform: translateY(150px);
  }
    to {
    opacity: 1;
    transform: translateY(0);
  }
  }

/*　下に下がる動き　*/
#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
  @keyframes DownAnime{
    from {
    opacity: 1;
    transform: translateY(0);
  }
    to {
    opacity: 1;
    transform: translateY(150px);
  }
  }

/*----------------------------------------------------------------------
スマホのみ隠す
----------------------------------------------------------------------*/
@media screen and (max-width: 980px) {
.spNone{
	display:none;
}
.spBr{
	display: block;
}
}


/* タブレットレイアウト : 980 px～。モバイルレイアウトからスタイルを継承。 */
@media print, screen and (min-width: 981px) {

/*----------------------------------------------------------------------
ページトップへ
----------------------------------------------------------------------*/
/*リンクを右下に固定*/
#page-top {
  display:block;
  margin:1%;
  position: fixed;
  right: 10px;
  bottom:10px;
  z-index: 2;
  opacity: 0;/*はじめは非表示*/
  transform: translateY(150px);
}
/*リンクの形状*/
#page-top a img{
  opacity:1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#page-top a:hover img{
  opacity:0.6;
}

/*----------------------------------------------------------------------
PCのみ隠す
----------------------------------------------------------------------*/
.pcNone{
  display:none;
}

}