/* 画像 */
.pic_box>img{
      max-width:100%;
      max-height:100%;}

.pic_box{
      position: relative;}

/* 画像と回答の重なってる部分 */
#answer{ 
  /* ★応答文字のデフォルト色  */
      color:white;
  /* ★応答文字の位置揃え */
      text-align:left;
  /* ★応答文字の表示領域 */
      padding: 5%;
  /* ★レイヤー色(RGB値,透明度) */
      background-color: rgba(0, 0, 0, 0.6);
  /* ★枠の幅 */
      width:100%;
  /* ★画像に対する枠の高さ範囲 */
  /*    height:55%; */
      height:300px;
      position: absolute; 
  /* ★画像四辺のどこにレイヤーを添わせるか */
  /*    bottom:8px; */
/*      bottom:-150px; */
      bottom:-200px;
      left:0px;
      overflow:scroll;
      box-sizing: border-box;
      }
    a {color: skyblue;
  text-decoration: none;
  }

/*フォーム周り*/
.bottom{
      text-align:center;
      width:100%;
    /*  padding-top:10px;
      padding-bottom:10px;  */
       padding-top:215px;
      padding-bottom:10px;  
      }

/*フォーム*/
form{display:inline-flex;}

input#input-text{
      height : 30px;
      width:300px;
      border:1px solid black;
      border-radius:5px; 
      margin-left:10px;
      }

/* フォームボタン */
input#submit_button{
      -webkit-appearance  : none;
/* ★送信ボタンの色 */
      color:black;
/* ★送信ボタンの背景色 */
      background-color:silver;
      border:1px solid black;
      width: 60px;
      height: 35px;
      margin-left:10px;
      border-radius:5px;
      }

/* 名前～話した言葉ブロック */
.balloon-middle{
      text-align:center;
      padding:20px 0px 0px 0px;
      border-radius:0px; 
      margin:5px 0px;
      }

/* 画面切り替え・セーブデータブロック */
.balloon-bottom{
      text-align:center;
      padding:5px;
      margin:0px 0px;
      }
/* いいねボタン */
#like_button_area{
      padding-top:15px;}

/* 話した言葉ブロック */
.speaked{
      padding:20px 0px 10px 0px;
      margin-top:20px;}

/* 画面切り替えアイコン */
.fa-window-restore{
      padding-right:10px;}

/* 間のスラッシュ */
.center{
      margin:10px;
      display:inline-block;}

/* セーブデータアイコン */
.fa-database{
      padding-right:8px;}
      
/* ベイビー育成者用コンテンツブロック */
.admin-wrapper{
      padding:15px 10px;
/* ★育成者用コンテンツの背景色 */
      background-color:gray;}