#roanna_bot {
  /* width:320px; 初期設定*/
  /* height:40px; 初期設定*/
  width: 320px;
  height: 60px;
  margin:0;
  padding:0;
  position:fixed;
  bottom:0;
  /* left:calc(100% - 370px); 初期設定*/
  right: 0;
  z-index:99999;
}
#roanna_bot img{
  margin:0;
  padding:0;
  bottom:0;
}
@media only screen and (max-width:640px) {
  #roanna_bot {
    left:calc(50% - 320px/2);
  }
}
#roanna_space{
  /* width:320px; */
  /* height:265px; */
  width:320px;
  height:265px;

  margin:0;
  padding:0;
  background:#fff;
  border:#3D8BCC solid 2px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  box-sizing: border-box;
}
#af_object{
  width:100%;
  height:254px;
  margin:0;
  padding:0;
  border: none;
  overflow: hidden;
  box-sizing:border-box;
}
.ran_btn{
  /* width:320px; */
  /* height:40px; */
  width:320px;
  height:60px;
  margin:0;
  padding:0;
  vertical-align: bottom;
  cursor:pointer;
}
@media screen and (min-width:1024px) {
  #roanna_bot {
    width: 640px;
    height: 120px;
  }
  #roanna_space{
    width:640px;
    height:265px;
  }
  .ran_btn{
    width:640px;
    height:120px;
  }
}




/*確認用*/
p#copy{
  height: 75px;
  border-top: 0;
}
@media screen and (min-width:768px){
  p#copy{
    text-align: left;
    height: 25px;
    padding-left: 30px;
  }
}
@media screen and (min-width:1024px){
  p#copy{
    padding:35px 0 35px 30px;
  }
}
@media screen and (min-width:1374px){
  p#copy{
    padding: 5px 35px;
  }
}