/*==================================================

** designer
==================================================*/
#designerList .designerlist {
  gap: 32px 0; }
  #designerList .designerlist-li {
    width: 48.9%;
    padding: 32px 2.9%;
    border: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  #designerList .designerlist .phtbox {
    width: 33%; }
    #designerList .designerlist .phtbox .pht {
      aspect-ratio: 1; }
      #designerList .designerlist .phtbox .pht-img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  #designerList .designerlist .txtbox {
    width: 61%; }
    #designerList .designerlist .txtbox .ttl {
      font-size: 2.0rem; }
      #designerList .designerlist .txtbox .ttl a:hover {
        color: #a1d6dc; }
    #designerList .designerlist .txtbox .excerpt {
      margin-top: 24px;
      line-height: 2;
      max-height: 8em;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4; }

@media screen and (max-width: 767px) {
  #designerList .designerlist-li {
    width: 100%; }
  #designerList .designerlist .phtbox {
    width: 100%; }
    #designerList .designerlist .phtbox .pht {
      width: 160px;
      margin-inline: auto; }
  #designerList .designerlist .txtbox {
    width: 100%; }
    #designerList .designerlist .txtbox .ttl {
      margin-top: 16px;
      text-align: center; } }