/* TWINS v0.2.99 — unified relation buttons + private calendar memo */

/* 会う / 食事 / SEX の枠線は同一。 */
.relation-event-record-btn,
.relation-event-record-btn.is-meet,
.relation-event-record-btn.is-meal,
.relation-event-record-btn.is-sex{
  border-color:rgba(255,255,255,.085)!important;
}

/* 「関係を解消」はカード最下部の右寄せ。 */
.relation-end-form-v098{
  width:100%!important;
  display:flex!important;
  justify-content:flex-end!important;
  margin:1px 0 0!important;
  padding:0 10px!important;
}
.relation-end-form-v098 button{
  width:auto!important;
  margin-left:auto!important;
  padding:5px 1px!important;
  text-align:right!important;
}

/* カレンダー登録の任意メモ。 */
.relation-event-panel form{
  grid-template-columns:minmax(0,1fr) 92px!important;
}
.relation-event-note-field{grid-column:1 / -1}
.relation-event-note-field>small{
  display:inline;
  margin-left:4px;
  color:#68616c;
  font-size:7px;
}
.relation-event-note-field textarea{
  width:100%;
  min-height:74px;
  resize:vertical;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:8px;
  outline:0;
  background:#0b090d;
  color:#eee8f0;
  font:inherit;
  font-size:10px;
  line-height:1.55;
}
.relation-event-note-field textarea:focus{
  border-color:rgba(236,69,174,.26);
}
.relation-event-panel form>button{grid-column:2}
.relation-event-note{
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:#938b98;
  font-size:7.5px;
  font-style:normal;
  line-height:1.5;
  white-space:normal;
}
@media(max-width:520px){
  .relation-event-panel form{grid-template-columns:1fr!important}
  .relation-event-note-field,
  .relation-event-panel form>button{grid-column:1!important}
}