body {
    /*margin-top: 60px;*/
}
@media (max-width: 768px) {
    body {
        /*margin-top: 50px;*/
    }
}

.paradeiser {
    display           : table;
    position          : fixed;
    top               : 0;
    left              : 0;
    z-index           : 999;
    width             : 100%;
    height            : 50px;
    background        : rgba(255, 255, 255, 0.95);
    box-shadow        : 0 2px 2px 0 rgba(0, 0, 0, 0.02), 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: top 0.4s ease;
    transition        : top 0.4s ease;
    -webkit-backdrop-filter: blur(10px) saturate(100%);
    backdrop-filter: blur(10px) saturate(100%);
}

.paradeiser.headroom--pinned {
    top: 0;
}

.paradeiser.headroom--unpinned {
    top: -50px;
}
@media (min-width: 768px) {
    .paradeiser.headroom--unpinned {
        top: -60px;
    }
}
@media (min-width: 768px) {
    .paradeiser {
        height : 60px;
        display: none;
        /*追加*/
    }
}

.paradeiser .paradeiser_dropdown,
.paradeiser a {
    display        : table-cell;
    vertical-align : middle;
    /*position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;*/
    margin         : 0;
    padding        : 0;
    color          : #9b9b9b;
    text-align     : center;
    text-decoration: none;
    font-weight    : 400;
    font-size      : 10px;
    font-family    : -apple-system, -apple-system-body, "Roboto", "Helvetica Neue", "Segoe UI", "Arial", sans-serif;
    cursor         : pointer;
}
@media (min-width: 768px) {
    .paradeiser .paradeiser_dropdown,
    .paradeiser a {
        font-size: 13px;
    }
}

.paradeiser .paradeiser_dropdown.active,
.paradeiser .paradeiser_dropdown:hover,
.paradeiser a.active,
.paradeiser a:hover {
    background: #eaf6fa;
}

.paradeiser .paradeiser_icon_canvas {
    display       : table-cell;
    vertical-align: middle;
}

.paradeiser .paradeiser_icon_canvas img {
    display  : block;
    margin   : 0;
    max-width: 20px;
    width    : 100%;
    height   : auto;
}

.paradeiser span {
    color      : #666;
    font-weight: bold;
    margin-top : -20px;
    font-size  : 11px;
}
@media (min-width: 768px) {
    .paradeiser span {
        font-size: 13px;
    }
}

.paradeiser span.paradeiser_dropdown {
    margin-top: 0;
}

.paradeiser span.paradeiser_dropdown > a {
    width: 100%;
}
/*.paradeiser .paradeiser_logo {
  max-width: 30%;
  width: 100%;
}*/
.paradeiser ul {
    position          : fixed;
    top               : 50px;
    bottom            : 0;
    left              : 0;
    z-index           : 998;
    visibility        : hidden;
    margin            : 0;
    padding           : 0;
    width             : 100%;
    height            : auto;
    text-align        : center;
    opacity           : 0;
    -webkit-transition: opacity 0.4s;
    transition        : opacity 0.4s;
    pointer-events    : none;
}
@media (min-width: 768px) {
    .paradeiser ul {
        top: 60px;
    }
}

.paradeiser ul.open,
.paradeiser ul:target {
    visibility        : visible;
    opacity           : 1;
    -webkit-transition: opacity 0.4s;
    transition        : opacity 0.4s;
    pointer-events    : auto;
}

.paradeiser ul li {
    display   : inline-block;
    width     : 100%;
    background: #fff;
    /* #4a4a4a */
    text-align: center;
}

.paradeiser ul li a {
    display  : inline-block;
    padding  : 30px 0;
    width    : 100%;
    color    : #9b9b9b;
    font-size: 15px;
}

.paradeiser ul li a:hover,
.paradeiser ul li span:hover {
    background: #f4f4f4;
    /* #575757 */
}

.paradeiser ul li:last-child {
    height    : 100%;
    background: transparent;
}

.paradeiser ul li:last-child a {
    display   : block;
    height    : 100%;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px) saturate(100%);
}
@media (max-width: 767px) {
    .paradeiser-hidden-phone {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 1025px) {
    .paradeiser-hidden-tablet {
        display: none !important;
    }
}
@media (min-width: 1026px) {
    .paradeiser-hidden-desktop {
        display: none !important;
    }
}