/* ボタン全体の外枠指定 */
.snsbtniti {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  max-width: 350px;/* ボタンを設置する場所の最大横幅 */
}

/* ulタグの内側余白なしと箇条書きの黒丸削除 */
ul.snsbtniti {
  padding: 0!important;
  list-style-type: none!important;
}
/* ボタン同士の余白調整 */
.snsbtniti li {
  text-align: center!important;
}
/* ボタン内テキスト調整 */
.flowbtn div {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
}
/* ボタンマウスホバー時少し浮き上がる */
.flowbtn:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  text-decoration: none;
  cursor: pointer;
}



/* Instagram紫グラデ背景 */
.my_instagram1 {
 background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
}

/* LINE背景 */
.my_line1 {
  background: #00b900;
}
.inst-icon{
  padding-right: 20px;
}
/* ボタン全体 */
/* SNS パソコン表記 */
@media screen and (min-width: 1280px){
  .flowbtn {
  font-family: 'Noto Sans Japaneses', sans-serif; /* フォント指定 */
  position: relative;
  display: inline-block;
  width: 65px; /* 背景横幅 */
  height: 55px;/* 背景高さ */
  font-size: 40px;/* アイコンサイズ */
  border-radius: 4px;
  color: #fff!important;/* ボタン内カラー */
  transition: .5s;
  text-decoration: none;
  box-shadow: 0 1px 2px #999;
  margin-bottom:10px;/* ボタン下余白 */  
}
/* インスタ・Amazonのアイコンを少し大きく */
.flowbtn i.fa-brands.fa-instagram,.flowbtn i.fa-brands.fa-amazon {
  font-size: 50px;
}
/* アイコンの位置を少し下げる */
.flowbtn i {
  position: relative;
  top: 5px;
}
}
/* SNS タブレット */
@media screen and (min-width: 768px){
  .flowbtn {
  font-family: 'Noto Sans Japaneses', sans-serif; /* フォント指定 */
  position: relative;
  display: inline-block;
  width: 40px; /* 背景横幅 */
  height: 35px;/* 背景高さ */
  font-size: 25px;/* アイコンサイズ */
  border-radius: 4px;
  color: #fff!important;/* ボタン内カラー */
  transition: .5s;
  text-decoration: none;
  box-shadow: 0 1px 2px #999;
  margin-bottom:10px;/* ボタン下余白 */
}
/* インスタ・Amazonのアイコンを少し大きく */
.flowbtn i.fa-brands.fa-instagram,.flowbtn i.fa-brands.fa-amazon {
  font-size: 30px;
}
.flowbtn i {
  position: relative;
  top: 4px;
}
}
/* SNS スマーフォン */
@media screen and (max-width: 767px){
  .flowbtn {
  font-family: 'Noto Sans Japaneses', sans-serif; /* フォント指定 */
  position: relative;
  display: inline-block;
  width: 40px; /* 背景横幅 */
  height: 35px;/* 背景高さ */
  font-size: 25px;/* アイコンサイズ */
  border-radius: 4px;
  color: #fff!important;/* ボタン内カラー */
  transition: .5s;
  text-decoration: none;
  box-shadow: 0 1px 2px #999;
  margin-bottom:10px;/* ボタン下余白 */
}
/* インスタ・Amazonのアイコンを少し大きく */
.flowbtn i.fa-brands.fa-instagram,.flowbtn i.fa-brands.fa-amazon {
  font-size: 30px;
}
.flowbtn i {
  position: relative;
  top: 4px;
}
}