@charset "UTF-8";

body {
}
h1 {
  padding:15px;
  margin:auto auto;
  text-align:center;
}
.sidebar h2 {
  font-size:20px;
  line-height:20px;
  margin:10px 0;
  color:#FFCB3A;
}
.sidebar .nav-tabs.nav-stacked li a {
  border-left:0px none;
}
.sidebar a {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  width:auto;;
}
.sidebar a .data {
  margin-left:1ex;
  margin-right:1ex;
  color:#999;
}
.sidebar a:hover .data {
  color:#666;
}
.input-data-form {
  margin:10px 0 20px;
}

.input-data {
  width:90%;
  height:3em;
  margin:10px 0 10px 0;
}
.input-charset {
  font-size:14px;
  height:20px;
  line-height:20px;
  padding:1px;
  margin:0;
}
.label-charset {
  margin-left:15px;
}
.main > .content {
  margin-right:15px;
}
.main h2 {
  font-size:24px;
  color:#FFCB3A;
}
.main h3 {
  font-size:20px;
  line-height:20px;
}
.main pre {
}
.encode-results {
  margin-top:30px;
}
.main-catch {
  margin-top:15px;
}


footer {
  margin:15px 15px 0;
  padding-top:15px;
  border-top:1px solid #eec;
  text-align:center;
  color:#999;
}
.submit-btn {
}

.result .copy-btn {
  visibility:hidden;
}
.result:hover .copy-btn {
  visibility:visible;
}
.copy-btn {
  padding:2px 4px;
  border-radius:3px;
}
.copy-btn img {
  width:16px;
  height:16px;
}

.copied:after {
  content: " コピーしました";
}