@charset "UTF-8";
/* ----------------------------------------------------------
/* index
---------------------------------------------------------- */
/*メニューバー*/
.hh{
  margin:0 0 0 0;
  padding:10px 0px 10px 0px;
  font-size: 20px;
  text-align:center;
  z-index:10000;
  background: #c4d700;
  /*display:flex;flex-wrap:wrap; /*横一列に*/
  justify-content: space-between; align-items: center;}

 .box{
  width:80%;
  text-align:center;
  z-index:10000;
     background: #ffee7d;
     box-shadow: 0px 0px 0px 5px rgba(100, 99, 95, 0.2);
     border: dashed 3px white;/*点線*/
     padding: 2em;
     margin: 90px 10% 0px 10%;}/*（上右下左）*/
 .box p {margin: 0; padding: 0;}

 
 header{width: 100%; height: 100px;}
/* footer{width: 100%; height: 40px; 
        bottom: 0; text-align: center;
        background-color:#c4d700; color:#ffffff;
    }*/
 
a:link {color: #ffee7d; text-decoration: none;}/*現在リンク*/
a:visited {color: #ffffff; text-decoration: none;}
a:hover {color: #f49c2d;/*カーソル乗った時*/
        position: relative;
        top: 1px;
        left: 1px;
        text-decoration: none;}
 
 a.link:hover {position: relative;
               top: 0px;
               left: 0px;}

/*メニューバー終わり*/



body{/*中心を保つのとポインタを画像に変更する*/
  margin:auto;
  padding:auto; 
  background-color: #f49c2d;
  cursor:url(../image/icon2.png) 30 30,auto;}

.photo{
  margin: 0 0 0 0;
  padding:auto; 
  text-align:center;}
.photo img{
  width:auto;
  height:500px;
  margin:50px 60px 50px;}/*上 左右 下間隔*/

/* ----------------------------------------------------------
/* トップページリンク
---------------------------------------------------------- */
/*リンクの形状*/
#pagetop{
    position:fixed;
    right:10px;
    bottom:0px;
    cursor:pointer;
    z-index: 10;}
/*#page-top a:hover{background: rgb(96, 128, 77);}
/*リンクを右下に固定*/
#page-top {
    position: fixed;
    right: 10px;
    bottom:10px;
    z-index: 2;
/*はじめは非表示*/
    opacity: 0;
    transform: translateY(100px);}
/*　上に上がる動き　*/
#page-top.UpMove{
    animation: UpAnime 0.5s forwards;}
  @keyframes UpAnime{
    from {
      opacity: 0;
    transform: translateY(100px);}
    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(100px);}}