@charset "UTF-8";
.special-content {
  max-width: 1140px;
  margin: auto;
  padding-bottom: 40px; }
  .special-content a:hover img {
    opacity: 0.8; }
  .special-content img {
    width: 100%; }
  .special-content .container .row > div {
    padding-right: 5px;
    padding-left: 5px; }
  .special-content .special-header {
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px; }
    .special-content .special-header .blogo img {
      max-width: 200px; }
      @media (max-width: 768px) {
        .special-content .special-header .blogo img {
          max-width: 160px; } }
    .special-content .special-header .tit img {
      width: 320px; }
      @media (max-width: 768px) {
        .special-content .special-header .tit img {
          width: 260px;
          margin-top: -10px; } }
    .special-content .special-header .tit h1 {
      font-family: sans-serif;
      font-size: 1rem;
      letter-spacing: 1px;
      font-weight: bold;
      display: block;
      background: #000;
      color: #fff;
      width: 320px;
      margin: auto;
      padding: 2px; }
      @media (max-width: 768px) {
        .special-content .special-header .tit h1 {
          width: 260px;
          font-size: 0.8rem; } }
    .special-content .special-header p {
      margin: 4rem auto 2rem;
      font-size: 1rem;
      line-height: 2; }
      @media (max-width: 768px) {
        .special-content .special-header p {
          margin-top: 2.5rem;
          font-size: 0.9rem;
          text-align: left; } }
    .special-content .special-header .container {
      margin-top: 50px; }
      @media (max-width: 768px) {
        .special-content .special-header .container {
          max-width: 500px;
          margin: auto; } }
  .special-content section.theme {
    border-top: 1px solid #000;
    margin-top: 3rem;
    padding-top: 4rem;
    padding-bottom: 1rem; }
    @media (max-width: 576px) {
      .special-content section.theme {
        margin-top: 1rem;
        padding-top: 3rem; } }
    .special-content section.theme p {
      margin-top: 20px; }
    .special-content section.theme .theme-header {
      margin: auto; }
      .special-content section.theme .theme-header h2 {
        text-align: center;
        margin-bottom: 3rem; }
        .special-content section.theme .theme-header h2 img {
          max-width: 320px; }
          @media (max-width: 576px) {
            .special-content section.theme .theme-header h2 img {
              max-width: 240px; } }
      .special-content section.theme .theme-header p {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 5px; }
      @media (max-width: 576px) {
        .special-content section.theme .theme-header .fig {
          margin-right: -20px;
          margin-left: -20px; } }
      .special-content section.theme .theme-header .theme-desc {
        display: flex;
        align-items: center; }
        @media (max-width: 768px) {
          .special-content section.theme .theme-header .theme-desc {
            display: block; } }
        .special-content section.theme .theme-header .theme-desc .txt {
          width: 55%; }
          @media (max-width: 768px) {
            .special-content section.theme .theme-header .theme-desc .txt {
              width: 100%; } }
          .special-content section.theme .theme-header .theme-desc .txt p {
            line-height: 2; }
        .special-content section.theme .theme-header .theme-desc .image {
          width: 45%; }
          @media (max-width: 768px) {
            .special-content section.theme .theme-header .theme-desc .image {
              width: 100%; } }
    .special-content section.theme .look-content {
      margin-top: 4rem;
      padding-right: 20px;
      padding-left: 20px; }
      .special-content section.theme .look-content .tit {
        margin-top: 90px;
        margin-bottom: 30px; }
        @media (max-width: 768px) {
          .special-content section.theme .look-content .tit {
            margin-top: 30px;
            margin-bottom: 0px; } }
        .special-content section.theme .look-content .tit h3 {
          font-family: sans-serif;
          letter-spacing: 1px;
          font-weight: bold;
          display: flex;
          align-items: center;
          /* 垂直中心 */
          justify-content: center;
          /* 水平中心 */ }
        .special-content section.theme .look-content .tit h3:before, .special-content section.theme .look-content .tit h3:after {
          border-top: 2px solid;
          content: "";
          width: 25rem;
          /* 線の長さ */ }
          @media (max-width: 768px) {
            .special-content section.theme .look-content .tit h3:before, .special-content section.theme .look-content .tit h3:after {
              width: 7rem;
              /* 線の長さ */ } }
        .special-content section.theme .look-content .tit h3:before {
          margin-right: 2em;
          /* 文字の右隣 */ }
          @media (max-width: 576px) {
            .special-content section.theme .look-content .tit h3:before {
              margin-right: 1em; } }
        .special-content section.theme .look-content .tit h3:after {
          margin-left: 2em;
          /* 文字の左隣 */ }
          @media (max-width: 576px) {
            .special-content section.theme .look-content .tit h3:after {
              margin-left: 1em; } }
      .special-content section.theme .look-content .note {
        text-align: center;
        font-size: 0.7rem;
        line-height: 1.2; }
      .special-content section.theme .look-content .container .row > div {
        padding-right: 40px;
        padding-left: 40px; }
        @media (max-width: 576px) {
          .special-content section.theme .look-content .container .row > div {
            padding-right: 10px;
            padding-left: 10px; } }
        .special-content section.theme .look-content .container .row > div p {
          margin-bottom: 5apx; }
      .special-content section.theme .look-content .item-link {
        text-align: center;
        margin-bottom: 3rem; }
        .special-content section.theme .look-content .item-link span {
          font-weight: bold;
          display: inline-block;
          border-bottom: 2px solid #000;
          letter-spacing: 1px; }

/*# sourceMappingURL=bonton23ss.css.map */