/* WEB限定CPスタイル */

/* ================== 汎用スタイル ================== */
.margin-top-50 {
  margin-top: 50px;
}

.items_wrap a {
  color: #026c8d;
}

/* ================== 冒頭エリア（pages_title_wrap） ================== */
#campaign_guide .pages_title_wrap {
  padding: 60px 2em 0;
}

#campaign_guide .pages_title_wrap h2 {
  color: #FF0000;
  text-align: center;
  font-size: 34px;
  margin-bottom: 26px;
}

#campaign_guide .pages_title_wrap h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

#campaign_guide .pages_title_wrap p {
  margin: 10px 0;
}

/* ================== CP紹介エリア（items_title_wrap） ================== */
#campaign_guide .items_title_wrap .cp_catch {
  color: #FF0000;
}

#campaign_guide .items_title_wrap .cp_date {
  color: #FF0000;
  margin: 5px 0;
}

#campaign_guide .items_title_wrap h3 {
  text-align: left;
  margin: 15px 0;
  font-size: 26px;
}

#campaign_guide .items_title_wrap h4 {
  text-align: left;
  margin: 10px 0;
  font-size: 20px;
  opacity: 0.7;
}

#campaign_guide .items_title_wrap p {
  margin: 10px 0;
}

#campaign_guide .items_title_wrap .note {
  font-size: 14px;
  margin: 5px 0;
}

/* ================== CP紹介エリア アコーディオン ================== */
.accordion {
  width: 100%;
  margin: 0 auto 10px;
  text-align: center;
}

.accordion.is-open .accordion_text {
  height: auto;
  -webkit-mask-image: none;
  mask-image: none;
}

.accordion.is-open .accordion_toggle::before {
  -webkit-transform: translateY(-20%) rotate(225deg);
  transform: translateY(-20%) rotate(225deg);
}

.accordion_text {
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  height: 4.8em;
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #000), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
  mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #000), to(transparent));
  mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
}

.accordion_toggle {
  margin: 16px 0 0;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  display: inline-block;
  font-size: 14px;
}

.accordion_toggle::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  -webkit-transform: translateY(-40%) rotate(45deg);
  transform: translateY(-40%) rotate(45deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

#campaign_guide .items_title_wrap .accordion_text p {
  margin-top: 0;
  margin-bottom: 10px;
}

/* ================== エンドテキストエリア（end_text_wrap） ================== */
.end_text_wrap {
  padding: 0 2em 30px;
}

.end_text_wrap p {
  text-align: center;
  font-size: 22px;
}