@charset "UTF-8";

.pane-globalnav {
  background: #fefcff;
  border-left: 1px solid rgb(204, 204, 204);
  display: block;
  position: absolute;  /* 固定するなら */
  position: fixed;  /* stickyぽくするなら */
  top: 0;
  right: 0;
  width: 83px;
  min-height: 100vh; /* mod later */
  height: 100%;
  z-index: 1000;
}

@media (max-width: 768px) {
  .pane-globalnav {
    display: none;
  }
}

.pane-globalnav .container {
  position: relative;
  height: 100%;
}

/* snsナビ */
.pane-globalnav .block-social-media-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  position: absolute;
  bottom: 50%;
  left: 0;
  transform: translate3d(0, 50%, 0);
  width: 82px;
}

.pane-globalnav .block-social-media-nav--heading {
  display: block;
  font-size: 14px;
  position: relative;
  margin: 0;
}

.pane-globalnav .block-social-media-nav--heading__inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 82px;
  padding: 0 8px;
  white-space: nowrap;
  transform-origin: top left;
  transform: rotate3d(0, 0, 1, 90deg) translate3d(0, -100%, 0);
}

.pane-globalnav .block-social-media-nav--icon-list > li > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 16px;
  width: 82px;
}

.pane-globalnav .block-social-media-nav--icon-list > li:last-child {
  padding-bottom: 8px;
}

/* icon */
.pane-globalnav .block-social-media-nav--icon {
  display: block;
  width: 32px;
  height: 32px;
}

.pane-globalnav .block-social-media-nav--icon__youtube {
  height: 22.5px;
}