@charset "UTF-8";
/* OaksHeart×マツダケン　コラボ手提げ先着プレゼントキャンペーン
   ========================================================================== */
#main-column:has(.collab-tesage) .header_area, #main-column:has(.collab-tesage) h2 {
  display: none; }
#main-column:has(.collab-tesage) article, #main-column:has(.collab-tesage) .journal-cont {
  margin: 0 !important; }
@media screen and (max-width: 768px) {
  #main-column:has(.collab-tesage) #Journal {
    padding: 0 !important; } }

.collab-tesage > section {
  margin-top: 120px; }
  .collab-tesage > section .wrap {
    padding: 0 40px; }
.collab-tesage p {
  color: #000 !important;
  line-height: 1.8; }
.collab-tesage figure img {
  display: block;
  margin: 0 auto; }
.collab-tesage figure figcaption {
  color: #000 !important; }
.collab-tesage img {
  max-width: 100%;
  height: auto; }
.collab-tesage ul li {
  list-style: none !important;
  color: #000 !important; }
@media screen and (max-width: 768px) {
  .collab-tesage > section {
    margin-top: 40px; }
    .collab-tesage > section .wrap {
      padding: 0 20px; } }

/* メインイメージ
   =================================== */
.collab-tesage__title .image {
  position: relative;
  width: 100%; }
  .collab-tesage__title .image picture img {
    display: block;
    width: 100%;
    height: auto; }

/* 概要
   =================================== */
.collab-tesage__summary {
  margin-top: 0 !important;
  background: #ffebe5; }
  .collab-tesage__summary .wrap {
    padding: 60px !important; }
    .collab-tesage__summary .wrap section {
      background: #fff5f2;
      padding: 40px;
      margin-top: 40px;
      border-radius: 20px; }
      .collab-tesage__summary .wrap section:first-of-type {
        margin-top: 0; }
      .collab-tesage__summary .wrap section h3 {
        font-size: 28px;
        color: #b20527;
        font-weight: bold; }
      .collab-tesage__summary .wrap section p {
        font-size: 20px;
        margin-top: 1em; }
        .collab-tesage__summary .wrap section p span {
          font-weight: bold;
          margin-right: .5em; }
      .collab-tesage__summary .wrap section table {
        width: fit-content;
        margin-top: .5em; }
        .collab-tesage__summary .wrap section table tr th, .collab-tesage__summary .wrap section table tr td {
          font-size: 20px;
          vertical-align: top;
          padding-top: 1em; }
        .collab-tesage__summary .wrap section table tr span {
          font-weight: bold;
          margin-right: .5em;
          white-space: nowrap; }
      .collab-tesage__summary .wrap section.item ul {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        gap: 120px;
        margin-top: 20px !important; }
        .collab-tesage__summary .wrap section.item ul li figure {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .collab-tesage__summary .wrap section.item ul li figure img {
            max-width: 308px; }
          .collab-tesage__summary .wrap section.item ul li figure figcaption {
            font-size: 20px;
            margin-top: 2em; }
            .collab-tesage__summary .wrap section.item ul li figure figcaption span {
              display: inline-block;
              font-weight: bold !important;
              margin-right: .5em; }
      .collab-tesage__summary .wrap section.notice {
        background: #fff; }
        .collab-tesage__summary .wrap section.notice h3 {
          text-align: center; }
        .collab-tesage__summary .wrap section.notice ul {
          width: 100%;
          margin-left: 0 !important;
          padding-left: 0;
          margin-top: 40px !important; }
          .collab-tesage__summary .wrap section.notice ul li {
            position: relative;
            font-size: 18px;
            line-height: 1.8;
            text-align: justify;
            text-justify: inter-ideograph;
            line-break: strict;
            padding-left: 1em !important; }
            .collab-tesage__summary .wrap section.notice ul li::before {
              position: absolute;
              content: "";
              left: 2px;
              top: .7em;
              width: 2px;
              height: 2px;
              border-radius: 50%;
              background: #000; }
            .collab-tesage__summary .wrap section.notice ul li span {
              color: #f00;
              font-weight: bold; }
  @media screen and (max-width: 768px) {
    .collab-tesage__summary .wrap {
      padding: 20px 20px 30px 20px !important; }
      .collab-tesage__summary .wrap section {
        padding: 20px;
        margin-top: 20px;
        border-radius: 14px; }
        .collab-tesage__summary .wrap section h3 {
          font-size: 18px; }
        .collab-tesage__summary .wrap section p {
          font-size: 14px; }
        .collab-tesage__summary .wrap section table tr th, .collab-tesage__summary .wrap section table tr td {
          font-size: 14px; }
        .collab-tesage__summary .wrap section.item ul {
          gap: 20px;
          margin-top: 14px !important; }
          .collab-tesage__summary .wrap section.item ul li figure img {
            width: 80%; }
          .collab-tesage__summary .wrap section.item ul li figure figcaption {
            font-size: 14px;
            margin-top: 1.5em; }
            .collab-tesage__summary .wrap section.item ul li figure figcaption span {
              margin-right: .5em; }
        .collab-tesage__summary .wrap section.notice ul {
          margin-top: 1em !important; }
          .collab-tesage__summary .wrap section.notice ul li {
            font-size: 14px;
            line-height: 1.6; } }