/*フォント*/
/*@font-face {
   font-family: 'hannari';
   src: url('font/Hannari.otf') ;
}
*/

/*Yasashii*/

body{
  background-size: cover; /*背景画像*/

  /*フォント設定*/
  /*font-size: 1.3em;*/
  /*font-family: 'hannari', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;*/
}

/*狭めのcontainerにする*/
.container{
  max-width:900px;
}

#only_once{
  /*height:150px;*/

}

/*説明文の吹き出し*/
.balloon {
  background-color: white;
  border: solid 3px #777;
}

.balloon:before {
  content: '';
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.balloon:after {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #777;
  z-index: 1;
}




/*新しいメモボタンを茶色に*/
.btn-dark{ 
  background-color: #563a40;
  border-color: #563a40;
}
.btn-dark:hover{ 
  background-color: #452930;
  border-color: #452930;
}


/*ブロック*/
section{
  position: relative;
  opacity: 1;
  height: 200px;
}

/*入力欄*/
.textbox{
  height:100%;
}

/*火のマーク*/
.trash{ 
  color:red;
  position: absolute;
  right:0; 
  bottom:0;
}

/*マイクのマーク*/
.mic{ 
  color:gray;
  position: absolute;
  right:30; 
  bottom:0;
}

/*炎の為のキャンバス*/
canvas{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  opacity: 0.8;
  background-color: black;
  /*transition: all 1s;*/

}

/*スッと消える*/
.feedout{
  opacity: 0;
  transition: all 1s;
} 

/*スムーズに高さがなくなる*/
/*.smooth-up{
  transition: 0.7s;
  height:0;
}
*/