html, body, .main {
  width: 100%; }

.clear {
  clear: both; }

.lister {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.flexer {
  display: flex; }

.floater-left {
  float: left; }

.floater-right {
  float: right; }

.norep {
  background-repeat: no-repeat; }

.contain {
  background-size: contain; }

.cover {
  background-size: cover; }

.center {
  background-position: center; }

.bold {
  font-weight: bold; }

.nodeco {
  text-decoration: none; }

.reversed {
  transform: rotate(180deg); }

body.public-mode-p header {
  height: 11.5vw; }
  body.public-mode-p header .head-foot-foreground .header-logo {
    margin: 3.6vw 0 0 4.5vw; }

::placeholder {
  color: #fff;
  /* Firefox */
  opacity: 1; }

:-ms-input-placeholder {
  color: #fff; }

::-ms-input-placeholder {
  color: #fff; }