@charset "UTF-8";
html {
  scroll-behavior: smooth; }

/* ２段目のパンくずを無効化（現在キャンペーンを無効化） */
#bread-crumb-listTop li:nth-of-type(2) a {
  pointer-events: none; }

.midsummer_cp {
  width: 100%;
  max-width: 750px;
  margin: 0 auto; }
  .midsummer_cp * {
    padding: 0;
    margin: 0; }
  .midsummer_cp img {
    display: block;
    width: 100%;
    height: auto; }
  .midsummer_cp .pr {
    position: relative; }
  .midsummer_cp-alink {
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .midsummer_cp-alink:hover {
      opacity: 0.3; }
  .midsummer_cp-anchor {
    position: relative; }
    .midsummer_cp-anchor a {
      display: block;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      .midsummer_cp-anchor a:hover {
        background-color: rgba(255, 255, 255, 0.3); }
    .midsummer_cp-anchor1 {
      position: absolute;
      top: 7%;
      width: 100%; }
      .midsummer_cp-anchor1 .group1 {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        list-style-type: none;
        margin-bottom: 15.9% !important; }
        .midsummer_cp-anchor1 .group1 li {
          margin-bottom: 9% !important; }
      .midsummer_cp-anchor1 .group2 {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        list-style-type: none; }
        .midsummer_cp-anchor1 .group2 li {
          margin-bottom: 11% !important; }
      .midsummer_cp-anchor1 a {
        aspect-ratio: 521 / 120; }
    .midsummer_cp-anchor2 {
      position: absolute;
      bottom: 0;
      width: 100%;
      list-style-type: none;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 0 1fr;
      grid-template-columns: repeat(2, 1fr);
      gap: 0; }
      .midsummer_cp-anchor2 li:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 1 / 1 / 2 / 3; }
        .midsummer_cp-anchor2 li:nth-child(1) a {
          aspect-ratio: 521/82; }
      .midsummer_cp-anchor2 li:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: 2 / 1 / 3 / 2; }
      .midsummer_cp-anchor2 li:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-area: 2 / 2 / 3 / 3; }
      .midsummer_cp-anchor2 li:nth-child(4) {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: 3 / 1 / 4 / 2; }
      .midsummer_cp-anchor2 li:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-area: 3 / 2 / 4 / 3; }
      .midsummer_cp-anchor2 a {
        aspect-ratio: 521/130; }
    .midsummer_cp-anchor3 {
      position: absolute;
      bottom: 0;
      width: 100%;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      list-style-type: none; }
      .midsummer_cp-anchor3 > :first-child {
        grid-column: 1/-1; }
        .midsummer_cp-anchor3 > :first-child a {
          aspect-ratio: 180 / 30; }
      .midsummer_cp-anchor3 a {
        aspect-ratio: 180 / 49; }
  .midsummer_cp-cv {
    position: relative; }
    .midsummer_cp-cv a {
      display: block;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      aspect-ratio: 166 / 40; }
      .midsummer_cp-cv a:hover {
        background-color: rgba(255, 255, 255, 0.15);
        -webkit-box-shadow: 0 0 0px 4px rgba(255, 255, 255, 0.15);
                box-shadow: 0 0 0px 4px rgba(255, 255, 255, 0.15); }
    .midsummer_cp-cv ul {
      position: absolute;
      width: 22%;
      list-style-type: none;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
      bottom: 0;
      right: 11%; }
      .midsummer_cp-cv ul li {
        margin-top: 12% !important; }
    .midsummer_cp-cv02 ul {
      right: 12%; }
      .midsummer_cp-cv02 ul li {
        margin-top: 16% !important; }
    .midsummer_cp-cv03 ul {
      right: 20%; }
      .midsummer_cp-cv03 ul li {
        margin-top: 12.1% !important; }
    .midsummer_cp-cv04 ul {
      right: 15.5%; }
      .midsummer_cp-cv04 ul li {
        margin-top: 12.1% !important; }
    .midsummer_cp-cv05 ul {
      right: 15.5%; }
      .midsummer_cp-cv05 ul li {
        margin-top: 9.2% !important; }
    .midsummer_cp-cv06 ul {
      right: 15.5%; }
      .midsummer_cp-cv06 ul li {
        margin-top: 11.7% !important; }
    .midsummer_cp-cv07 ul {
      right: 17.6%; }
      .midsummer_cp-cv07 ul li {
        margin-top: 11.7% !important; }
    .midsummer_cp-cv08 ul {
      right: 5.4%; }
      .midsummer_cp-cv08 ul li {
        margin-top: 11.7% !important; }
    .midsummer_cp-cv09 ul {
      right: 14.7%; }
      .midsummer_cp-cv09 ul li {
        margin-top: 11.7% !important; }
    .midsummer_cp-cv10 ul {
      right: 18%; }
      .midsummer_cp-cv10 ul li {
        margin-top: 10% !important; }
    .midsummer_cp-cv11 ul {
      right: 9.7%; }
      .midsummer_cp-cv11 ul li {
        margin-top: 10% !important; }