/* フッター設定*/
footer{
  position: absolute;
  bottom: 0; 
  background: rgba(235, 235, 235, 0.5);
  color: #7777b9;
  height: 370px;
  width: 100%;
  font-size: 16px;
 }

 #footer-list{
  margin-top: 33px;
  margin-right: 100px;
  list-style: none;}
 


  #footer-list section{
  max-width: 1200px;margin: 0px auto; 
  }

  #c1{
  width: unset;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative;
  }


  #c1 li{
    padding: 5px 0px;
  }

  .footer-img{
  width: 64px;
  height:64px;
  }

  .footer-img-2{
    width: 177px;
    height: auto;
  }

  #c1 address{
  text-align: center;
  font-size: 10px;
  }

  #c1 span {
  position: absolute;
  height: 50px;
  line-height: 55px;
  padding: 5px 10px;
  text-decoration: none;
  } 
  #c1 span:hover{
  color: #ffffff;} 

  #footer-list ul,#end ul{
  display: block;
  list-style: none;
  padding-inline-start: 0;
  }

  #footer-list li a ,#end li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
  }
  #footer-list li a::after ,#end li a::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #E86AA3 0%, #6AE89C 100%);
    transform: scale(0, 1);
    transform-origin: left;
    transition: transform .3s;
  }
  #footer-list li a:hover::after ,#end li a:hover::after{
    transform: scale(1, 1);
  }

  #end li{
  display: inline-block;
  }

  #end ul a{
    padding: 0 24px 4px 0;
    text-decoration: none;
    }

    #end ul a:hover{
      text-decoration: underline;}

      .footer-pageTop {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        border-radius: 4px;
        padding: 4px;
        background: rgb(51, 51, 51);
        border: thin dotted  #E86AA1;
        color: #fff;
        }
      /*フッター設定画面小さいのぉぉ...@media only screen and (max-width: 750px)///*/
      @media only screen and (max-width: 640px){
        #page-wrap  {
          padding-bottom:800px
      }
      .text {
        text-align: center;
        font-size: 17px;
        background-size: cover;
        height:auto;
      }

        footer{
          position: absolute;
          bottom: 0; 
          height:800px;
          width: 100%;
       }
      
      
       #footer-list{
        margin-top: 33px;
        margin-right:0;
        font-size: 20px;
        list-style: none;
      }
       
      
      
        #footer-list section{
        max-width: 100%;margin: 0px auto; 
        }
      
        #c1{
        width: unset;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-pack: justify; 
        -webkit-box-pack: justify; 
        -webkit-justify-content: space-between; 
        display: inline;
        -ms-flex-wrap: unset;
        flex-wrap: unset;
        -ms-flex-pack: unset;
        justify-content: space-around;
        position: relative;
        }
      
        #c1 address{
          text-align: center;
          font-size: 15px;
          }
      
        #footer-list ul{
          text-align: center;
        display: block;
        list-style: none;
        padding-inline-start: 0;
        }
        #c1 .s{
          margin-right:200px;
          } 
          .footer-img-2{
            width: auto;
            height:70px;
            margin-right:-165px;
          }


}/*フッター設定終わり*/