@charset "utf-8";

/*
 * Utility - hidden -
 */
.ps-none {
  display: none !important;
}

/*
 * Utility - show/hidden -
 * ※下記クラスは複数設定しないこと
 * × class="normal-block ext-block"
 * ⚪︎ class="ps-block"
 */
.ps-block {
  display: block;
}

.ps-none {
  display: none;
}

.normal-block,
.ext-block {
  display: none;
}

.normal-none,
.ext-none {
  display: block;
}


/*
 * Other
 */
@media (min-width: 1080px) {
  .home .marqueeRightLeft {
    margin: 90px auto 40px;
  }
}

.campaign-list-title {
  width: auto;
  height: auto;
  display: block;
  box-sizing: border-box;
  min-height: auto;
  background: none;
  position: relative;
  margin-bottom: 20px;
  color: var(--color-gray);
  background: #fff;
  font-size: 1.7rem;
  line-height: 1.5;
  letter-spacing: 0.3rem;
  border-radius: 4px;
  padding: 12px;
  border: solid 2px var(--color-blue);
  border-left: solid 5rem var(--color-blue);
  font-weight: bold;
}

.campaign-list-title span {
  display: inline;
  font-weight: bold;
}

.campaign-list-title:before {
  position: absolute;
  font-family: icomoon;
  content: "\e921";
  left: -3.5rem;
  top: 48%;
  padding: 0;
  color: #fff;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 2rem;
}

@media (min-width: 1080px) {
  .campaign-list-title {
    color: var(--color-gray);
    background: none;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 1.7;
    padding: 40px 180px 40px 60px;
    margin-bottom: 40px;
    letter-spacing: 0.25rem;
    padding: 26px 30px;
    border: solid 5px var(--color-blue);
    border-left: solid 10rem var(--color-blue);

  }

  .campaign-list-title span {
    font-weight: normal;
  }

  .campaign-list-title:before {
    left: -6.5rem;
    font-size: 3.2rem;
  }
}