/* ボタン全体 */
.flowbtn1{
    border-radius:50%;
    position:relative;
    display:inline-block;
    width:40px;
    height:40px;
    font-size:20px;
    color:#fff!important;
    text-decoration:none;
    transition:.5s;
  }
  
  .flowbtn1 i{
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
  }
  
  ul.sns-list{
    padding:0!important;
    list-style:none!important;
  }
  
  .sns-list{
    display:flex;
    flex-flow:row wrap;
  }
  
  .sns-list li{
    text-align:center !important;
    margin:10px;
  }
  
  /*
  .flowbtn1:hover{
    transform: scale(1.3);
  transition-duration: 0.3s;
  background:linear-gradient(135deg, #13f1fc 0%,#1DA1F2 100%);
  }*/
  
  /* Twitter */
  .twitter:hover{
    transform: scale(1.3);
    transition-duration: 0.3s;
    background:linear-gradient(135deg, #ffffff 0%,#3f3f3f 100%);
  }

  .twitter:hover i {
    color: #000000;
  }

  /* Facebook */
  .facebook:hover{
    transform: scale(1.3);
    transition-duration: 0.3s;
    background: linear-gradient(135deg, #6699ff 0%,#3b5998 100%);
  }
  /* instagram */
  .instagram:hover{
    transform: scale(1.3);
    transition-duration: 0.3s;
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  }
  
  .instagram:before{
    background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
    background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
  
  }
  /* youtube */
  .youtube:hover{
    transform: scale(1.3);
    transition-duration: 0.3s;
    background: #cd201f;
  }
  
  /*livedoor*/
  .livedoor:hover{
    transform: scale(1.3);
    transition-duration: 0.3s;
    background: linear-gradient(135deg, #6699ff 0%,#3b5998 100%);
  }

  /***追従するトップへ戻るボタン***/
  .top_button:hover {
    opacity:1.4;
    text-decoration:underline;
    color : #ff7043;
  }
  .under:hover{
    opacity:1.4;
    text-decoration:underline;
    color : #ff7043;
  }
  .cp_link{
    position: relative;
    display: inline-block;
    transition: .3s;
    color:white;
    text-decoration: none;
    font-size:14px;
  }

  
  .cp_link:hover{
    width: 100%;
    color:white;
    
  }