@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins&family=Shippori+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
.zooming,
.fade,
.fadein,
.fadein-top,
.fadein-left,
.fadein-right,
.opening {
  opacity: 0;
  transition: all 0.575s cubic-bezier(0.66, 0.01, 0.38, 1); }

.zoomingrev {
  opacity: 0;
  transform: translate(0, 50px) scale(0.1);
  transition: opacity 0.875s ease-in-out, transform 0.875s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform, opacity; }

.zooming {
  opacity: 0;
  transform: scale(2) translateY(50px);
  transition: none; }

.fade {
  transform: translate(0, 0); }

.fadein {
  transform: translate(0, 100px); }

.fadein-top {
  transform: translate(0, -100px); }

.fadein-left {
  transform: translate(-100px, 0); }

.fadein-right {
  transform: translate(100px, 0); }

.zoomingrev.scrollin,
.fade.scrollin,
.fadein.scrollin,
.fadein-top.scrollin,
.fadein-left.scrollin,
.fadein-right.scrollin,
.opening.active {
  opacity: 1;
  transform: translate(0, 0); }

.zooming.scrollin {
  animation: bounceIn 1.2s cubic-bezier(0.25, 1.25, 0.5, 1) forwards; }

.zoomingrev.scrollin {
  opacity: 1;
  transform: translate(0, 0) scale(1); }

#pagetop {
  width: 34px;
  height: 34px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 200; }

.font-poppins {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal; }

.pc {
  display: block; }

.sp {
  display: none; }

.l-main {
  overflow: hidden; }

.p-breadcrumb {
  margin-bottom: 0; }

.l-footer {
  position: relative;
  z-index: 20; }

.app-ai-chat-window {
  z-index: 100; }

/* overlay animate in */
.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-bg.mfp-removing {
  opacity: 0; }

.mfp-bg {
  background-color: rgba(86, 58, 44, 0.95);
  z-index: 7001; }

.mfp-wrap {
  z-index: 7002; }

/* content at start */
.mfp-wrap .modal-content,
.mfp-wrap .mfp-content {
  transform: translateY(-30px);
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

/* content animate it */
.mfp-wrap.mfp-ready .modal-content,
.mfp-wrap.mfp-ready .mfp-content {
  transform: translateY(0);
  opacity: 1; }

/* content animate out */
.mfp-wrap.mfp-removing .modal-content,
.mfp-wrap.mfp-removing .mfp-content {
  transform: translateY(30px);
  opacity: 0; }

/* mfp-close none*/
.mfp-close {
  display: none !important; }

img {
  width: 100%;
  max-width: 100%;
  height: auto; }

.pandac {
  position: relative;
  overflow: hidden; }
  .pandac:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    background: rgba(255, 240, 0, 0.9);
    top: 0;
    left: 0;
    z-index: -2; }
  .pandac .kv {
    position: relative; }
    .pandac .kv .kvcp {
      position: relative;
      z-index: 2; }
      .pandac .kv .kvcp strong {
        display: block;
        width: 35.8711566618vw;
        margin: 0 auto;
        position: relative;
        top: -2.4890190337vw;
        margin-bottom: -2.4890190337vw;
        left: -0.5856515373vw; }
      .pandac .kv .kvcp span {
        display: block;
        width: 23.1332357247vw;
        margin: 0 auto; }
      .pandac .kv .kvcp small {
        display: block;
        width: 39.5314787701vw;
        margin: 0 auto;
        position: relative;
        top: -2.196193265vw; }
    .pandac .kv--back {
      width: 100%;
      position: absolute;
      left: 0;
      z-index: 1;
      top: 0; }
      .pandac .kv--back .back {
        position: absolute;
        width: 102.8550512445vw;
        left: -1.4641288433vw;
        top: 0.5856515373vw;
        z-index: 1; }
      .pandac .kv--back .panda_img {
        position: absolute;
        width: 100vw;
        top: -8.78477306vw;
        z-index: 1; }
      .pandac .kv--back .lenght {
        position: absolute;
        width: 36.1639824305vw;
        top: 19.7657393851vw;
        right: 0;
        z-index: 1; }
  .pandac .contents {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 400;
    position: relative; }
    .pandac .contents:after {
      position: absolute;
      content: "";
      width: 106.8081991215vw;
      height: 63.1039531479vw;
      background: url("/assets/images/cp_event/cp/panda_dakimakura/mizutama_2_pc.svg") no-repeat top center/cover;
      top: -5.8565153734vw;
      left: -2.9282576867vw;
      z-index: -1; }
    .pandac .contents h3.lead {
      font-weight: 700;
      font-style: normal;
      font-size: 2.5622254758vw;
      text-align: center; }
    .pandac .contents--top {
      position: relative;
      z-index: 1;
      margin-top: 3.6603221083vw; }
      .pandac .contents--top:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 1.4641288433vw solid transparent;
        border-left: 1.4641288433vw solid transparent;
        border-top: 1.4641288433vw solid #e50013;
        border-bottom: 0;
        bottom: -1.4641288433vw;
        left: 50%;
        margin-left: -1.4641288433vw; }
      .pandac .contents--top h3.lead {
        padding-bottom: 0.7320644217vw;
        position: relative; }
        .pandac .contents--top h3.lead:after {
          position: absolute;
          content: "";
          width: 12.2254758419vw;
          height: 12.2254758419vw;
          border-radius: 6.2957540264vw;
          background: rgba(255, 255, 255, 0.7);
          left: 50%;
          margin-left: -6.1127379209vw;
          top: 0vw;
          z-index: -1; }
      .pandac .contents--top--inner {
        width: 82.7232796486vw;
        margin: 0 auto;
        background: #fff;
        border-radius: 1.0980966325vw;
        padding: 1.8301610542vw 2.9282576867vw;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
        z-index: 2; }
        .pandac .contents--top--inner h4 {
          width: 27.0863836018vw;
          font-size: 3.513909224vw;
          line-height: 1.4;
          color: #e50013; }
          .pandac .contents--top--inner h4 small {
            display: block;
            font-size: 1.5373352855vw;
            position: relative;
            left: -0.7320644217vw; }
        .pandac .contents--top--inner figure {
          width: 42.8989751098vw; }
        .pandac .contents--top--inner .cationtest {
          width: 100%;
          font-size: 0.9516837482vw;
          margin-top: 0.7320644217vw;
          position: relative;
          padding-left: 1.0980966325vw; }
          .pandac .contents--top--inner .cationtest:before {
            position: absolute;
            content: "※";
            left: 0;
            top: 0; }
    .pandac .contents--search {
      width: 82.7232796486vw;
      margin: 0 auto;
      margin-top: 3.6603221083vw;
      background: #fff;
      border-radius: 1.0980966325vw;
      padding: 0vw 2.9282576867vw 4.39238653vw;
      position: relative; }
      .pandac .contents--search .captop {
        position: absolute;
        top: 1.0980966325vw;
        left: 1.4641288433vw;
        font-size: 1.0248901903vw; }
      .pandac .contents--search h3.lead {
        position: relative;
        top: -0.7320644217vw; }
        .pandac .contents--search h3.lead:after {
          position: absolute;
          content: "";
          width: 24.3777452416vw;
          height: 4.9780380673vw;
          background: url("/assets/images/cp_event/cp/panda_dakimakura/ttlback.svg") no-repeat top center/cover;
          left: 50%;
          margin-left: -12.1888726208vw;
          top: 0vw;
          z-index: -1; }
      .pandac .contents--search--inner .txtlead {
        font-size: 1.317715959vw;
        padding: 1.4641288433vw 0 1.4641288433vw;
        text-align: center; }
      .pandac .contents--search--inner figure {
        width: 15.6661786237vw;
        margin: 0 auto; }
      .pandac .contents--search--inner .search-group {
        display: flex;
        justify-content: center;
        margin-top: 2.9282576867vw; }
        .pandac .contents--search--inner .search-group .search-submit {
          width: 13.9092240117vw;
          margin: 0 1.0980966325vw; }
        .pandac .contents--search--inner .search-group input {
          text-align: center;
          height: 5.270863836vw;
          width: 23.4260614934vw;
          border-radius: 0.7320644217vw;
          font-size: 2.196193265vw;
          box-shadow: 0px 0px 0px 0.0732064422vw #f2f2f2, 0px 0px 0px 0.2196193265vw #ccc; }
      .pandac .contents--search--inner .search-alert {
        display: none; }
        .pandac .contents--search--inner .search-alert .success, .pandac .contents--search--inner .search-alert .error {
          text-align: center;
          font-size: 1.9033674963vw;
          font-weight: 700;
          width: 57.8330893119vw;
          margin: 0 auto;
          margin-top: 3.6603221083vw;
          background: #fffab2;
          border: 0.2928257687vw solid #fff000;
          padding: 2.196193265vw; }
        .pandac .contents--search--inner .search-alert .success {
          display: none; }
        .pandac .contents--search--inner .search-alert .error {
          display: none; }
        .pandac .contents--search--inner .search-alert .success-title, .pandac .contents--search--inner .search-alert .error-title {
          font-size: 1.756954612vw;
          font-weight: 400; }
        .pandac .contents--search--inner .search-alert .success-content, .pandac .contents--search--inner .search-alert .error-content {
          color: #e50013; }
    .pandac .contents--under {
      width: 100%;
      margin-top: 6.588579795vw;
      padding-bottom: 8.4187408492vw;
      background: url("/assets/images/cp_event/cp/panda_dakimakura/back.jpg") repeat top center; }
      .pandac .contents--under h3.lead {
        padding-bottom: 1.4641288433vw;
        position: relative;
        padding-top: 5.8565153734vw; }
        .pandac .contents--under h3.lead:after {
          position: absolute;
          content: "";
          width: 12.2254758419vw;
          height: 12.2254758419vw;
          border-radius: 6.2957540264vw;
          background: #fff000;
          left: 50%;
          margin-left: -6.1127379209vw;
          top: 5.8565153734vw;
          z-index: -1; }
      .pandac .contents--under--inner {
        width: 82.7232796486vw;
        margin: 0 auto;
        padding: 2.9282576867vw 3.6603221083vw;
        background: #fff;
        border-radius: 1.0980966325vw;
        position: relative;
        z-index: 2; }
        .pandac .contents--under--inner--box .lead {
          background: #fff000;
          font-weight: 700;
          font-size: 1.317715959vw;
          padding: 0.7320644217vw 0;
          border-radius: 2.9282576867vw;
          text-align: center; }
        .pandac .contents--under--inner--box .txts {
          font-weight: 700;
          font-size: 1.6105417277vw;
          text-align: center;
          padding: 1.4641288433vw 0; }
          .pandac .contents--under--inner--box .txts small {
            font-size: 1.4641288433vw; }
          .pandac .contents--under--inner--box .txts.last {
            font-size: 1.317715959vw; }
        .pandac .contents--under--inner--box .cap {
          font-weight: 400;
          font-size: 0.9516837482vw;
          text-align: center;
          padding-bottom: 1.4641288433vw; }
          .pandac .contents--under--inner--box .cap.last {
            padding-top: 1.4641288433vw;
            font-size: 1.0980966325vw; }
        .pandac .contents--under--inner--box .entrys {
          display: flex;
          justify-content: center;
          padding-bottom: 2.196193265vw;
          gap: 0 2.196193265vw; }
          .pandac .contents--under--inner--box .entrys li {
            width: 35.8711566618vw; }
    .pandac .contents--contact {
      width: 82.7232796486vw;
      margin: 0 auto;
      margin-top: 5.1244509517vw;
      padding-bottom: 5.1244509517vw; }
      .pandac .contents--contact .lead {
        background: #e50013;
        color: #fff;
        font-size: 1.6105417277vw;
        font-weight: 700;
        border-radius: 2.9282576867vw;
        text-align: center;
        padding: 1.0980966325vw 0; }
        .pandac .contents--contact .lead span {
          display: inline-block;
          width: 6.588579795vw;
          position: relative;
          margin-left: 2.9282576867vw;
          top: 0vw;
          margin-top: -2.9282576867vw;
          margin-right: -6.588579795vw; }
      .pandac .contents--contact .tel {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        font-weight: 700;
        padding: 1.4641288433vw 0 0.7320644217vw; }
        .pandac .contents--contact .tel dt {
          font-size: 1.3909224012vw; }
        .pandac .contents--contact .tel dd {
          font-size: 2.9282576867vw;
          line-height: 1.2; }
      .pandac .contents--contact .txts {
        text-align: center;
        font-size: 1.4641288433vw;
        font-weight: 700; }

.bottomArea {
  width: 17.5695461201vw;
  margin: 1.4641288433vw auto 0; }

.copyright {
  text-align: center; }

@media screen and (max-width: 767px) {
  .pc {
    display: none; }

  .sp {
    display: block; }

  img {
    width: 100%; }

  .p-breadcrumb {
    display: block; }

  .l-footer {
    margin-top: 16vw; }

  .l-footer-pagetop {
    margin-bottom: 15px; }

  .p-breadcrumb {
    position: relative;
    z-index: 3; }

  .pandac:after {
    height: 70%; }
  .pandac .kv {
    position: relative; }
    .pandac .kv .kvcp {
      position: relative;
      z-index: 2; }
      .pandac .kv .kvcp strong {
        display: block;
        width: 66.6666666667vw;
        margin: 0 auto;
        position: relative;
        top: -4.5333333333vw;
        margin-bottom: -4.5333333333vw;
        left: -0.5856515373vw; }
      .pandac .kv .kvcp span {
        display: block;
        width: 45.3333333333vw;
        margin: 0 auto; }
      .pandac .kv .kvcp small {
        display: block;
        width: 80vw;
        margin: 0 auto;
        position: relative;
        top: -6.6666666667vw; }
    .pandac .kv--back {
      width: 100%;
      position: absolute;
      left: 0;
      z-index: 1;
      top: 0; }
      .pandac .kv--back .back {
        position: absolute;
        width: 100vw;
        left: 0vw;
        top: 0vw;
        z-index: 1; }
      .pandac .kv--back .panda_img {
        position: absolute;
        width: 100vw;
        top: -14.6666666667vw;
        z-index: 1; }
      .pandac .kv--back .lenght {
        position: absolute;
        width: 26.2666666667vw;
        top: 42.6666666667vw;
        right: 0;
        z-index: 1; }
  .pandac .contents:after {
    position: absolute;
    content: "";
    width: 100vw;
    height: 118vw;
    background: url("/assets/images/cp_event/cp/panda_dakimakura/mizutama_2_sp.svg") no-repeat top center/cover;
    top: -10.6666666667vw;
    left: 0vw;
    z-index: -1; }
  .pandac .contents h3.lead {
    font-weight: 700;
    font-style: normal;
    font-size: 7vw;
    text-align: center; }
  .pandac .contents--top {
    position: relative;
    z-index: 1;
    margin-top: 0vw; }
    .pandac .contents--top:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 4vw solid transparent;
      border-left: 4vw solid transparent;
      border-top: 4vw solid #e50013;
      border-bottom: 0;
      bottom: -4vw;
      left: 50%;
      margin-left: -4vw; }
    .pandac .contents--top h3.lead {
      padding-bottom: 1.3333333333vw;
      position: relative; }
      .pandac .contents--top h3.lead:after {
        position: absolute;
        content: "";
        width: 22.2666666667vw;
        height: 22.2666666667vw;
        border-radius: 11.4666666667vw;
        background: rgba(255, 255, 255, 0.7);
        left: 50%;
        margin-left: -11.1333333333vw;
        top: 0vw;
        z-index: -1; }
    .pandac .contents--top--inner {
      width: 93.3333333333vw;
      margin: 0 auto;
      background: #fff;
      border-radius: 2vw;
      padding: 3.3333333333vw 5.3333333333vw;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      position: relative;
      z-index: 2; }
      .pandac .contents--top--inner h4 {
        width: 86.6666666667vw;
        font-size: 9.6vw;
        line-height: 1.4;
        color: #e50013;
        text-align: center;
        padding-bottom: 4vw; }
        .pandac .contents--top--inner h4 small {
          display: block;
          font-size: 4vw;
          position: relative;
          left: -0.7320644217vw; }
      .pandac .contents--top--inner figure {
        width: 86.6666666667vw; }
      .pandac .contents--top--inner .cationtest {
        width: 100%;
        font-size: 3.2vw;
        margin-top: 2.6666666667vw;
        position: relative;
        padding-left: 4vw;
        text-align: justify; }
        .pandac .contents--top--inner .cationtest:before {
          position: absolute;
          content: "※";
          left: 0;
          top: 0; }
  .pandac .contents--search {
    width: 93.3333333333vw;
    margin: 0 auto;
    margin-top: 6.6666666667vw;
    background: #fff;
    border-radius: 2vw;
    padding: 0vw 5.3333333333vw 8vw;
    position: relative; }
    .pandac .contents--search .captop {
      position: absolute;
      top: 14.6666666667vw;
      left: 0vw;
      font-size: 3.2vw;
      width: 100%;
      text-align: center; }
    .pandac .contents--search h3.lead {
      position: relative;
      top: -0.7320644217vw; }
      .pandac .contents--search h3.lead:after {
        position: absolute;
        content: "";
        width: 66.6vw;
        height: 13.6vw;
        background: url("/assets/images/cp_event/cp/panda_dakimakura/ttlback.svg") no-repeat top center/cover;
        left: 50%;
        margin-left: -33.3vw;
        top: 0vw;
        z-index: -1; }
    .pandac .contents--search--inner .txtlead {
      font-size: 3.6vw;
      padding: 12vw 0 4vw;
      text-align: center; }
    .pandac .contents--search--inner figure {
      width: 42.8vw;
      margin: 0 auto; }
    .pandac .contents--search--inner .search-group {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 8vw; }
      .pandac .contents--search--inner .search-group .search-submit {
        width: 38vw;
        margin: 0 auto;
        margin-top: 4vw; }
      .pandac .contents--search--inner .search-group input {
        text-align: center;
        height: 14.4vw;
        width: 64vw;
        border-radius: 2vw;
        font-size: 6vw;
        box-shadow: 0px 0px 0px 0.1333333333vw #f2f2f2, 0px 0px 0px 0.4vw #ccc; }
    .pandac .contents--search--inner .search-alert {
      display: none; }
      .pandac .contents--search--inner .search-alert .success, .pandac .contents--search--inner .search-alert .error {
        text-align: center;
        font-size: 4.8vw;
        font-weight: 700;
        width: 80vw;
        margin: 0 auto;
        margin-top: 10vw;
        background: #fffab2;
        border: 0.5333333333vw solid #fff000;
        padding: 4vw; }
      .pandac .contents--search--inner .search-alert .success {
        display: none; }
      .pandac .contents--search--inner .search-alert .error {
        display: none; }
      .pandac .contents--search--inner .search-alert .success-title, .pandac .contents--search--inner .search-alert .error-title {
        font-size: 4.8vw;
        font-weight: 400; }
      .pandac .contents--search--inner .search-alert .success-content, .pandac .contents--search--inner .search-alert .error-content {
        color: #e50013; }
  .pandac .contents--under {
    width: 100%;
    margin-top: 12vw;
    padding-bottom: 15.3333333333vw;
    background: url("/assets/images/cp_event/cp/panda_dakimakura/back.jpg") repeat top center; }
    .pandac .contents--under h3.lead {
      padding-bottom: 2.6666666667vw;
      position: relative;
      padding-top: 10.6666666667vw; }
      .pandac .contents--under h3.lead:after {
        position: absolute;
        content: "";
        width: 33.4vw;
        height: 33.4vw;
        border-radius: 17.2vw;
        background: #fff000;
        left: 50%;
        margin-left: -16.7vw;
        top: 10.6666666667vw;
        z-index: -1; }
    .pandac .contents--under--inner {
      width: 93.3333333333vw;
      margin: 0 auto;
      padding: 5.3333333333vw 5.3333333333vw;
      background: #fff;
      border-radius: 2vw;
      position: relative;
      z-index: 2; }
      .pandac .contents--under--inner--box .lead {
        background: #fff000;
        font-weight: 700;
        font-size: 3.6vw;
        padding: 2vw 0;
        border-radius: 8vw;
        text-align: center; }
      .pandac .contents--under--inner--box .txts {
        font-weight: 700;
        font-size: 4.4vw;
        text-align: center;
        padding: 4vw 0; }
        .pandac .contents--under--inner--box .txts small {
          font-size: 4vw; }
        .pandac .contents--under--inner--box .txts.last {
          font-size: 3.6vw; }
      .pandac .contents--under--inner--box .cap {
        font-weight: 400;
        font-size: 3.2vw;
        text-align: center;
        padding-bottom: 4vw;
        text-align: left; }
        .pandac .contents--under--inner--box .cap.last {
          padding-top: 4vw;
          font-size: 3vw; }
      .pandac .contents--under--inner--box .entrys {
        display: flex;
        justify-content: center;
        padding-bottom: 6vw;
        flex-wrap: wrap;
        gap: 4vw; }
        .pandac .contents--under--inner--box .entrys li {
          width: 100%; }
  .pandac .contents--contact {
    width: 93.3333333333vw;
    margin: 0 auto;
    margin-top: 14vw;
    padding-bottom: 14vw; }
    .pandac .contents--contact .lead {
      background: #e50013;
      color: #fff;
      font-size: 4.4vw;
      font-weight: 700;
      border-radius: 5.3333333333vw;
      text-align: center;
      padding: 2vw 0;
      position: relative; }
      .pandac .contents--contact .lead span {
        position: absolute;
        display: inherit;
        width: 18vw;
        margin-left: auto;
        top: -4vw;
        right: 0;
        margin-top: 0vw;
        margin-right: 0vw; }
    .pandac .contents--contact .tel {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      font-weight: 700;
      padding: 2.6666666667vw 0 1.3333333333vw; }
      .pandac .contents--contact .tel dt {
        font-size: 3.8vw; }
      .pandac .contents--contact .tel dd {
        font-size: 8vw;
        line-height: 1.2; }
    .pandac .contents--contact .txts {
      text-align: center;
      font-size: 4vw;
      font-weight: 700; }

  .bottomArea {
    width: 17.5695461201vw;
    margin: 1.4641288433vw auto 0; }

  .copyright {
    text-align: center; } }

    /* 追加分 */
    .appInfoLink {
      text-decoration: underline;
    }
    .appInfoLink:hover {
      text-decoration: none;
    }