@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* https://cloudcasting.jp//profile/●●
   https://cloudcasting.jp//profile/●●/skill
   https://cloudcasting.jp//profile/●●/photo
   https://cloudcasting.jp//profile/●●/limited */

.pubprof-headertab {
  padding: 0 0 10px 0; }
  .pubprof-headertab__list {
    max-width: 800px;
    margin: 0 auto;
    padding: 2.125rem .625rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1;
    text-align: center; }
    .pubprof-headertab__list span {
      display: inline-block; }
    .pubprof-headertab__list__item {
      width: 20%; }
      .pubprof-headertab__list__item a {
        padding: 0.875rem;
        display: block;
        line-height: 15px;
        position: relative; }
        .pubprof-headertab__list__item a:hover {
          color: #32bbb7; }
          .pubprof-headertab__list__item a:hover::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 4px;
            background-color: #32bbb7; }
      .pubprof-headertab__list__item.active {
        color: #32bbb7; }
        .pubprof-headertab__list__item.active a::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 4px;
          background-color: #32bbb7; }
      .pubprof-headertab__list__item.disabled {
        color: #ccc;
        pointer-events: none; }
      .pubprof-headertab__list__item.lock span {
        padding-left: 1.25rem;
        background: url("/images/client/pubprof/icon_lock_open_gray.png") no-repeat left center/12px auto; }
      .pubprof-headertab__list__item.lock.disabled span {
        background-image: url("/images/client/pubprof/icon_lock_close.png"); }
      .pubprof-headertab__list__item.lock.active span, .pubprof-headertab__list__item.lock a:hover span {
        background-image: url("/images/client/pubprof/icon_lock_open_green.png"); }

@media screen and (min-width: 769px) {
  .sp {display: none !important; }

}

@media screen and (max-width: 768px) {
  .pc {display: none !important; }

  .pubprof-headertab {
    padding-bottom: 1rem; }
    .pubprof-headertab__list {
      padding: 0; }
      .pubprof-headertab__list__item a {
        padding-left: 0;
        padding-right: 0; }
        .pubprof-headertab__list__item a:hover {
          color: inherit; }
          .pubprof-headertab__list__item a:hover::before {
            display: none; }
      .pubprof-headertab__list__item span {
        padding-top: 1.375rem; }
      .pubprof-headertab__list__item.lock span {
        padding-left: 0;
        background-position: center top; }

}