textarea {  
    resize: both;  
}  

#message_box{
	width: 100%;
}

#select_size{
	width: 8.5em;
}

/* 画像部分に余白を持たせる */
label img {
  margin: 3px;
  padding: 2px;
}

/* 選択されたラジオボタンの画像の背景をオレンジ色に変える */
.selection-group input[type="radio"]:checked + label img {
  background: #ff1493;
}

.selection-group input[type="radio"] {
  display: none;
}

/* 自分から */
.from_message{
	color: #adff2f;
	margin: 0.5em 0 0 0;
	padding: 0.5em;
	float: right;
	background: url("../images/tile3.png");
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* 相手から */
.dear_message{
	margin: 0.5em 0 0 0;
	padding: 0.5em;
	background: url("../images/tile3.png");
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.R_date{
	float: right;
}

.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: White;
    background: LightGray;
    margin-right: 5px;
    padding: 3px 12px;
    order:-1;
}
.tab-content {
    width: 100%;
    display: none;
}
.tab-switch:checked+.tab-label {
    background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
    display: block;
}
.tab-switch {
    display: none;
}

.selection-group {
    height: 210px;
    overflow-y: scroll;
}