<@charset "UTF-8";>

.topimg{
	margin-left:auto;
	margin-right:auto;
	width:500px;
}
.dai{
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	width:1000px;
	border-radius: 50px;
	padding:30;
}
.newer{
	background-color:#c52f2f;
	font-color:#ffffff;
	width:96%;
	padding:3 10;
	font-weight:bold;
}
.scene{
	background-color:#848cdd;
	color:#ffffff;
	width:96%;
	padding:8 10;
	font-weight:bold;
}
.jouken{
	background-color:#8b0000;
	width:96%;
	padding:3 10;
	font-weight:bold;
        font-size:1.5em;
        color:#fff;
}
.nextscene{
	background-color:#8b0000;
	width:40%;
	padding:3 10;
	font-weight:bold;
        font-size:1.5em;
        color:#fff;
}
.newer{
	background-color:#8b0000;
	padding:3 10;
        color:#fff;
}
a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #fff; }
a:active { color: #fff; }



/*吹き出し*/ 
.balloon5 {
  width: 100%;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 60px;
  font-size: 14px;
  font-weight:bold;
  line-height:normal;
  text-align: center;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 1px #000;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 80px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #ffffff;
  border: solid 1px #000000;
}

.says:before {
  content: "";
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #000000;
}
.says:after {
  content: "";
  position: absolute;
  top: 17px; 
  left: -24px;
  border: 13px solid transparent;
  border-right: 13px solid #ffffff;
}
.says{
	font-size:1rem;
}



/*吹き出し*/