/*-------------------------------------------------------------------*/
/* creator-Index */
/*-------------------------------------------------------------------*/
.creator-Index{
  max-width: 1620px;
  margin: 76px auto 0;
}
@media screen and (max-width:1024px) {
  .creator-Index{
    margin-top: 13.02vw;
  }
}
.creator-Index .sw-CategorySearch{
  margin-bottom: 114px;
}
@media screen and (max-width:1024px) {
  .creator-Index .sw-CategorySearch{
    margin-bottom: 15.63vw;
  }
}
.creator-Index .wp-pagenavi{
  margin-top: 120px;
}
@media screen and (max-width:1024px) {
  .creator-Index .wp-pagenavi{
    margin-bottom: 13.02vw;
  }
}
.creator-Index .list{
  max-width: 1200px;
  margin: 0 auto;
}
.creator-Index .list + .list{
  margin-top: 114px;
}
@media screen and (max-width:1024px) {
  .creator-Index .list + .list{
    margin-top: 13.02vw;
  }
}
.creator-Index .list ul{
  margin-top: 54px;
  display: grid;
  column-gap: 20px;
  grid-column-gap: 20px;
  row-gap: 40px;
  grid-row-gap: 40px;
}
@media screen and (max-width:1024px) {
  .creator-Index .list ul{
    margin-top: 7.81vw;
    display: grid;
    column-gap: 6.38vw;
    grid-column-gap: 6.38vw;
    row-gap: 6.38vw;
    grid-row-gap: 6.38vw;
  }
}
.creator-Index .list ul li{
  max-width: 100%;
  position: relative;
}
@media screen and (max-width:1024px) {
  .creator-Index .list ul li{
    max-width: none;
  }
}
.creator-Index .list ul li{
  display: block;
}
.creator-Index .list ul li .image{
  width: 100%;
  height: 450px;
  overflow: hidden;
}
@media screen and (max-width:1024px) {
  .creator-Index .list ul li .image{
    height: 42.19vw;
  }
}
.creator-Index .list ul li .image img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.creator-Index .list ul li .title{
  padding: 11px 16px;
  font-size: 2rem;
  line-height: 160%;
  color: #0f0f0f;
  letter-spacing: .04em;
  text-align: center;
  font-weight: 500;
  font-family: 'Jost';
}
@media screen and (max-width:1024px) {
  .creator-Index .list ul li .title{
    padding: 2.34vw 3.26vw;
    font-size: 2.8rem;
  }
}
@media (hover: hover) {
  .creator-Index .list ul li .image img{
    transition: transform .3s;
  }
  .creator-Index .list ul li .title{
    transition: color .3s, background-color .3s;
  }
  .creator-Index .list ul li a:hover .image img{
    transform: scale(1.1);
  }
  .creator-Index .list ul li a:hover .title{
    color: #3CAB8F;
  }
}

/*-------------------------------------------------------------------*/
/* creator-Single */
/*-------------------------------------------------------------------*/
.creator-Single{
  margin-top: 125px;
}
@media screen and (max-width:1024px) {
  .creator-Single{
    margin-top: 7.81vw;
  }
}
.creator-Single .article{
  max-width: 1200px;
  margin: 0 auto;
  border-top: 4px solid #0f0f0f;
  border-bottom: 4px solid #0f0f0f;
}
.creator-Single .profile{
  padding: 50px;
  display: flex;
}
@media screen and (max-width:1024px) {
  .creator-Single .profile{
    padding: 9.11vw 5.21vw;
    display: block;
    position: relative;
  }
  .creator-Single .profile::before{
    content: "";
    width: 9.38vw;
    height: 55.08vw;
    position: absolute;
    top: 8.2vw;
    right: 0;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2273%22%20height%3D%22424%22%20fill%3D%22none%22%20viewBox%3D%220%200%2073%20424%22%3E%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M.68%200h9.76v44.48H.68V0zm1%2043.48V1h7.76v42.48H1.68zM71%2056.42v20.44c0%204.84-.76%208.966-2.33%2012.334-1.512%203.413-3.718%206.03-6.63%207.8-2.906%201.767-6.374%202.626-10.36%202.626-3.885%200-7.32-.862-10.272-2.621l-.007-.004c-2.912-1.77-5.144-4.386-6.71-7.798l-.003-.007c-1.514-3.366-2.248-7.489-2.248-12.33v-4.92H13V56.42h58zM33.44%2070.94v5.92c0%204.747.72%208.72%202.16%2011.92%201.494%203.253%203.6%205.707%206.32%207.36%202.774%201.653%206.027%202.48%209.76%202.48%203.84%200%207.12-.827%209.84-2.48%202.72-1.653%204.8-4.107%206.24-7.36%201.494-3.2%202.24-7.173%202.24-11.92V57.42H14v13.52h19.44zm25.44%200H44.56v5.92c0%202.72.614%204.853%201.84%206.4%201.227%201.547%202.987%202.32%205.28%202.32%202.347%200%204.134-.773%205.36-2.32%201.227-1.547%201.84-3.68%201.84-6.4v-5.92zm-13.32%201v4.92c0%202.579.582%204.465%201.624%205.779%201.005%201.267%202.453%201.941%204.496%201.941%202.106%200%203.577-.68%204.577-1.941%201.042-1.314%201.623-3.2%201.623-5.779v-4.92H45.56zm-1.64%2056.844v5.92c0%201.813.267%203.36.8%204.64.587%201.333%201.414%202.346%202.48%203.04%201.12.693%202.454%201.04%204%201.04%201.547%200%202.854-.347%203.92-1.04%201.12-.694%201.974-1.707%202.56-3.04.587-1.28.88-2.827.88-4.64v-5.92H43.92zm-8.405%2018.352a19.92%2019.92%200%2001-.39-.946L14%20160.784v-15.84l19.44-12.02v-4.14H14v-13.52h56v20.4c0%204.8-.773%208.8-2.32%2012-1.546%203.2-3.706%205.626-6.48%207.28-2.72%201.653-5.893%202.48-9.52%202.48-3.573%200-6.746-.827-9.52-2.48-2.72-1.654-4.853-4.08-6.4-7.28-.084-.174-.165-.35-.245-.528zm26.201%208.665c-2.897%201.759-6.254%202.623-10.036%202.623-3.734%200-7.087-.866-10.032-2.621l-.007-.005c-2.904-1.765-5.16-4.346-6.781-7.699a17.58%2017.58%200%2001-.181-.386L13%20162.69v-18.304l19.44-12.019v-2.583H13v-15.52h58v21.4c0%204.9-.788%209.06-2.42%2012.435-1.622%203.356-3.907%205.938-6.864%207.702zm-4.156-26.017H44.92v4.92c0%201.715.252%203.121.72%204.246.517%201.173%201.222%202.019%202.096%202.59.935.575%202.076.884%203.464.884%201.395%200%202.503-.312%203.375-.879l.01-.006.009-.006c.93-.575%201.657-1.423%202.171-2.592l.003-.007.003-.007c.512-1.117.79-2.514.79-4.223v-4.92zm-6.84%2086.077c2.56-1.28%204.56-3.094%206-5.44%201.44-2.347%202.16-5.147%202.16-8.4%200-3.2-.72-6-2.16-8.4-1.44-2.347-3.44-4.187-6-5.52-2.506-1.28-5.413-1.92-8.72-1.92-3.306%200-6.24.64-8.8%201.92-2.506%201.333-4.48%203.173-5.92%205.52-1.44%202.4-2.16%205.2-2.16%208.4%200%203.146.72%205.893%202.16%208.24%201.44%202.4%203.414%204.24%205.92%205.52%202.56%201.333%205.494%202%208.8%202%203.307%200%206.214-.64%208.72-1.92zM28.135%20194.14c-1.332%202.222-2.015%204.838-2.015%207.881%200%202.989.682%205.549%202.013%207.717l.005.008c1.343%202.239%203.176%203.949%205.517%205.144l.007.004c2.398%201.249%205.169%201.887%208.338%201.887%203.176%200%205.922-.614%208.266-1.811l.007-.004c2.4-1.2%204.257-2.887%205.595-5.068%201.327-2.163%202.012-4.775%202.012-7.877%200-3.043-.682-5.659-2.014-7.881-1.34-2.182-3.2-3.898-5.604-5.151-2.342-1.195-5.087-1.808-8.262-1.808-3.17%200-5.943.612-8.341%201.808-2.348%201.252-4.183%202.966-5.524%205.151zm1.564-21.044l.012-.005c3.756-1.491%207.856-2.23%2012.29-2.23%204.436%200%208.516.767%2012.225%202.317l.011.005c3.692%201.598%206.896%203.806%209.604%206.625%202.71%202.82%204.78%206.135%206.213%209.934%201.487%203.803%202.226%207.899%202.226%2012.279%200%204.429-.738%208.527-2.227%2012.281-1.432%203.797-3.502%207.112-6.212%209.931-2.71%202.822-5.919%205.006-9.615%206.55-3.709%201.55-7.789%202.318-12.226%202.318-4.435%200-8.538-.767-12.295-2.314-3.749-1.489-7.01-3.644-9.775-6.462-2.764-2.766-4.916-6.052-6.456-9.848l-.005-.012c-1.49-3.808-2.229-7.96-2.229-12.444%200-4.537.738-8.716%202.229-12.525l.005-.011c1.54-3.796%203.69-7.107%206.452-9.924l.007-.008c2.764-2.763%206.023-4.916%209.767-6.457zm-9.059%2050.525c2.667%202.72%205.814%204.8%209.44%206.24%203.627%201.493%207.6%202.24%2011.92%202.24s8.267-.747%2011.84-2.24c3.574-1.494%206.667-3.6%209.28-6.32%202.614-2.72%204.614-5.92%206-9.6%201.44-3.627%202.16-7.6%202.16-11.92%200-4.267-.72-8.24-2.16-11.92-1.386-3.68-3.386-6.88-6-9.6-2.613-2.72-5.706-4.854-9.28-6.4-3.573-1.494-7.52-2.24-11.84-2.24s-8.293.72-11.92%202.16c-3.626%201.493-6.773%203.573-9.44%206.24-2.666%202.72-4.746%205.92-6.24%209.6-1.44%203.68-2.16%207.733-2.16%2012.16%200%204.373.72%208.4%202.16%2012.08%201.494%203.68%203.574%206.853%206.24%209.52zM14%20248.764v12.96h22.48v20.24h10.88v-20.24H58.4v21.04H70v-34H14zm57-1H13v14.96h22.48v20.24h12.88v-20.24h9.04v21.04H71v-36zm0%2052.219v15.759H13v-15.759h58zm-57%201h56v13.759H14v-13.759zm57%2032.625v15.52H26.6v22.48H13v-38h58zm-45.4%2037H14v-36h56v13.52H25.6v22.48zM14%20422.073h11.12v-24.24H38v22.64h10.88v-22.64h10v24.24H70v-37.2H14v37.2zm57-38.2H13v39.2h13.12v-24.24H37v22.64h12.88v-22.64h8v24.24H71v-39.2z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') 0 0 / contain no-repeat;
  }
}
.creator-Single .profile .image{
  width: 300px;
  flex-shrink: 0;
}
@media screen and (max-width:1024px) {
  .creator-Single .profile .image{
    width: 65.1vw;
  }
}
.creator-Single .profile .image img{
  width: 100%;
  height: auto;
}
.creator-Single .profile .text{
  max-width: 690px;
  margin-left: 100px;
}
@media screen and (max-width:1024px) {
  .creator-Single .profile .text{
    max-width: none;
    margin: 9.11vw 0 0;
  }
}
.creator-Single .profile .text .name{
  font-weight: 700;
  font-size: 4.0rem;
  line-height: 140%;
  color: #0f0f0f;
  letter-spacing: .04em;
  font-family: 'Jost';
}
@media screen and (max-width:1024px) {
  .creator-Single .profile .text .name{
    font-size: 6.0rem;
  }
}
.creator-Single .profile .text .introduction{
  margin-top: 30px;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 160%;
  color: #0f0f0f;
}
@media screen and (max-width:1024px) {
  .creator-Single .profile .text .introduction{
    margin-top: 5.21vw;
    font-size: 2.6rem;
  }
}
.creator-Single .profile .text .introduction p + p{
  margin-top: 1em;
}
.creator-Single .profile .text .introduction a{
  color: #0073aa;
  text-decoration: underline;
}
.creator-Single .profile .text .introduction a:hover{
  color: #0096dd;
}
.creator-Single .portfolio{
  padding: 80px 0;
  border-top: 4px solid #0f0f0f;
  column-count: 3;
  column-gap: 18px;
}
@media screen and (max-width:1024px) {
  .creator-Single .portfolio{
    padding: 13.02vw 0 4.95vw;
    column-count: 1;
    column-gap: 0;
  }
}
.creator-Single .portfolio .item{
  max-width: 388px;
  margin-bottom: 18px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
@media screen and (max-width:1024px) {
  .creator-Single .portfolio .item{
    max-width: none;
    margin-bottom: 4.17vw;
  }
}
.creator-Single .portfolio .item img{
  max-width: 100%;
  height: auto;
}
@media screen and (max-width:1024px) {
  .creator-Single .portfolio .item img{
    width: 100%;
    max-width: none;
  }
}

/*-------------------------------------------------------------------*/
/* creator-Bnr */
/*-------------------------------------------------------------------*/
.creator-Bnr{
  margin: 120px 0 50px;
}
@media screen and (max-width:1024px) {
  .creator-Bnr{
    margin: 15.63vw 0 5.21vw;
  }
}
.creator-Bnr a{
  display: block;
  transition: opacity .3s;
}
.creator-Bnr a img{
  width: 100%;
  height: auto;
}
@media (hover: hover) {
  .creator-Bnr a:hover{
    opacity: .6;
  }
}
