@charset "utf-8";
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.x-navigation {
  background: #333 !important;
}
.login-container .login-box .login-logo {
  background-image: url(/img/logo-login.png) !important;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100px;
  margin-bottom: 20px;
}
.x-navigation > li.xn-logo > a:first-child {
  text-indent: -10000px;
  background-image: url(/img/logo.png);
  background-size: auto 80%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #e8e9e8;
}
.pc-only {
  display: block;
}
@media only screen and (max-width: 640px) {
  .pc-only {
    display: none;
  }
}
.sp-only {
  display: none;
}
@media only screen and (max-width: 640px) {
  .sp-only {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .mb-control .sp-only {
    display: inline-block;
  }
}
img {
  max-width: 100%;
}
.mb30 {
  margin-bottom: 30px !important;
}
.w30 {
  width: 30px !important;
}
.w50 {
  width: 50px !important;
}
.w80 {
  width: 80px !important;
}
.w100 {
  width: 100px !important;
}
table th.min,
table td.min {
  white-space: nowrap;
  width: 1%;
}
@media only screen and (max-width: 640px) {
  .panel-body a.btn {
    display: block;
    margin-bottom: 15px;
  }
  table th,
  table td {
    display: block;
  }
  table th.min,
  table td.min {
    white-space: normal;
    width: auto;
  }
  table th a.btn,
  table td a.btn {
    margin-bottom: 0 !important;
  }
  table th a.btn + a.btn,
  table td a.btn + a.btn {
    margin-top: 15px;
  }
}
html,
body {
  font-size: 13px;
}
form .required label:after {
  color: #e32;
  content: "*";
  display: inline;
}
form .error-message {
  color: #e32;
  font-weight: 800;
  line-height: 2;
}
@media only screen and (max-width: 640px) {
  form .form-inline label {
    display: block;
  }
  form .form-inline .form-control {
    width: auto;
    display: inline;
  }
}
.comments .comment-item img {
  width: 50px;
  height: 50px;
}
.stamp-list,
.emotion-list {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  border: 1px solid #eee;
}
.stamp-list .item,
.emotion-list .item {
  cursor: pointer;
  padding: 10px;
  width: 20%;
}
.stamp-list .item img,
.emotion-list .item img {
  transition: 0.5s;
}
.stamp-list {
  border-width: 5px;
}
.stamp-list .item {
  width: 15%;
}
.stamp-list .item img:hover {
  transform: scale(1.2);
}