/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
@media print, screen and (min-width: 768px) {
  #l-footer .footer-follownav {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 90;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: none;
  }
  #l-footer .footer-follownav .follownav-link .link-item > a {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    height: auto;
    width: 50px;
    color: #fff;
    font-weight: 400;
    font-size: 1.3rem;
    padding: 20px 5px;
    min-height: 130px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    vertical-align: bottom;
    letter-spacing: 0.05em;
    transition: background-color 0.3s ease-out;
    background-color: #E60115;
    position: relative;
    border-radius: 7px 0 0 7px;
  }
  #l-footer .footer-follownav .follownav-link .link-item > a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 17px 22px 0;
    border-color: transparent #AD0110 transparent transparent;
    top: 0;
    right: 0;
  }
  [data-whatinput="keyboard"] #l-footer .footer-follownav .follownav-link .link-item > a:focus {
    background-color: #AD0110;
  }
}

@media print, screen and (min-width: 768px) and (min-width: 1025px) {
  #l-footer .footer-follownav .follownav-link .link-item > a:hover {
    background-color: #AD0110;
  }
}

@media print, screen and (min-width: 768px) {
  #l-footer .footer-follownav .follownav-link .link-item:nth-child(n+2) {
    margin-top: 10px;
  }
  #l-footer .footer-follownav .follownav-link.default {
    width: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #l-footer .footer-follownav .follownav-link.default .link-item.tsusin, #l-footer .footer-follownav .follownav-link.default .link-item.entrance {
    display: none;
  }
  #l-footer .footer-follownav .follownav-link.examinee {
    width: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  #l-footer .footer-follownav .follownav-link.examinee .link-item.application, #l-footer .footer-follownav .follownav-link.examinee .link-item.entrance {
    display: none;
  }
  #l-footer .footer-follownav .follownav-link.examinee .link-item.magazine {
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 0;
  }
  #l-footer .footer-follownav .follownav-link.examinee .link-item.contact {
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 10px;
  }
  #l-footer .footer-follownav .follownav-link.examinee .link-item.oc {
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 10px;
  }
}
