.social-icons {
  display: flex;
  justify-content: center;
}
.social-icons ul {
  max-width: 400px;
  width: 100%;
  list-style: none;
  display:flex;
  margin: 0;
  padding: 0;
}
.social-icons ul li {
  width: 100%;
  padding: 5px;
}
.social-icons ul li:first-child {
  padding-left: 0px;
}
.social-icons ul li:last-child {
  padding-right: 0px;
}

footer {
  background-color: #ff008c;
  color: white;
}
div.footer {
  padding: 42px 16px 32px 16px;
}
footer a {
  color: white;
  text-decoration:none;
}
footer a:hover {
  color: white;
}
footer a.selected {
  text-decoration: underline;
  color: white;
}

footer nav ul {
  display: block;
  margin-bottom: 64px;
  padding: 0;
}
footer nav ul li {
  display: block;
  font-family: 'robotobold';
  padding: 0;
  font-size: 13px;
}
body.ja footer nav ul li {
  font-family: 'noto_sans_jpbold', 'robotobold';
}
footer nav ul li a {
  display: block;
  width: 100%;
  padding: 1px 0;
}
footer nav ul li ul {
  display: block;
  margin: 6px 0 32px 0;
  padding: 0;
}
footer nav ul li ul li {
  display: block;
  font-family: 'robotoregular';
  margin-right: 0;
}
body.ja footer nav ul li ul li {
  font-family: 'noto_sans_jpbregular', 'robotoregular';
}

footer figure {
  margin-bottom: 32px;
}

footer p {
  font-size: 13px;
}

footer p a {
  font-family: 'robotobold';
}
body.ja footer p a {
  font-family: 'noto_sans_jpbold', 'robotobold';
}

footer p a.selected {
  color: white;
}

footer a.privacywire-show-options {
  cursor: pointer;
}
footer a.privacywire-show-options:hover {
  text-decoration: underline;
}

.privacywire.privacywire-options,
.privacywire.privacywire-banner {
  background-color: white;
  color: #010101;
  border-top: 1px solid #A5A5AF;
  text-align:center;
}
.privacywire-page-links {
  margin: 16px 0;
}
.privacywire-page-links a {
  color: #010101;
}

.privacywire-text ul {
  list-style-type: none;
  /* margin-left:0; */
  padding-left:0;
  width: 160px;
  margin: 0 auto 16px auto;
}
.privacywire-text ul li {
  text-align: left;
}
.privacywire-text label input {
  margin-right: 8px;
}

.privacywire-ask-consent {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.privacywire-buttons button,
button.privacywire-consent-button {
  background-color: #ff008c;
  border: 1px solid #ff008c;
  color: #ffffff;
  padding: 8px 12px 4px 12px;
  margin: 0 0 8px 12px;
  text-decoration: none;
  font-family: 'nippon_connectionbold';
  border-radius: 5px;
}
.privacywire-buttons button:hover,
button.privacywire-consent-button:hover {
  background-color: #f8f8fb !important;
  border: 1px solid #ff008c !important;
  color: #ff008c !important;
}
.privacywire-buttons .toggle {
  display: none;
}

/* yii cookie consent */
.cookie-consent-popup {
  animation-duration: 0s !important;
  background-color: white;
  color: #010101;
  border-top: 1px solid #A5A5AF;
  text-align:center;
  display: none;
}

.cookie-consent-popup.open {
  animation-duration: 0s !important;
  display: flex !important;
  flex-direction: column !important;
}

.cookie-consent-popup button {
  background-color: #ff008c;
  border: 1px solid #ff008c;
  color: #ffffff;
  padding: 8px 12px 4px 12px;
  margin: 0 0 8px 12px;
  text-decoration: none;
  font-family: 'nippon_connectionbold';
  border-radius: 5px;
  font-size: 16px;
}

.cookie-consent-popup button:hover {
  background-color: #f8f8fb;
  border: 1px solid #ff008c;
  color: #ff008c;
}

.cookie-consent-controls {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 60px;
  max-height: 600px !important;
}

.cookie-consent-control, .cookie-consent-save {
  margin: 6px 0 !important;
}

.cookie-consent-save {
  margin: 12px 0 0 0 !important;
}

.cookie-consent-popup.open .cookie-consent-link {
  display: block;
  position: absolute;
  bottom: 24px;
  width: 100%;
}

.cookie-consent-details {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

.cookie-consent-top-wrapper {
  margin-top: 16px;
}

.cookie-consent-details-toggle,
.cookie-consent-controls-toggle,
.cookie-consent-accept-all {
  display: none;
}

.cookie-consent-details-open {
  cursor: pointer;
}

a.cookie-consent-details-open:hover {
  text-decoration: underline !important;
}

.cookie-replace {
  background-color: #ebebef;
  padding: 64px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cookie-replace button:hover {
  text-decoration: none;
}

@media (min-width: 576px) {
  .social-icons ul li {
    padding: 10px;
  }
  footer nav ul {
    display: flex;
    justify-content: flex-start;
  }
  footer nav ul li {
    display: inline-block;
    flex: 1 1 0px;
    margin: 0 24px 0 0;
  }
  footer nav ul li:last-child {
    margin: 0;
  }
}

@media (min-width: 992px) {
  .social-icons ul li {
    padding: 15px;
  }
  div.footer {
    padding: 42px 16px 8px 42px;
  }
}