@charset "UTF-8";
.header .band {
  background-color: #5dbae5;
  color: #fff; }

.pageContents {
  color: #5a4a3c; }

@media (min-width: 768px) {
  .container {
    width: 1030px;
    max-width: 1030px; }

  #make {
    padding-top: 52px;
    margin-top: -52px; } }
@media (max-width: 767.98px) {
  .container {
    width: 100%; }

  .anchor_link {
    padding-bottom: 100px;
    margin-top: -100px; }

  .nayami_outer {
    padding: 0 0 150px 0; }

  #make {
    padding-top: 84px;
    margin-top: -84px; }

  footer {
    margin: 60px 0 0 0 !important; } }
@keyframes rotateAnimation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@keyframes peron {
  0% {
    clip-path: inset(0 100% 0 0); }
  100% {
    clip-path: inset(0 0 0 0); } }
@keyframes fair_info_btn_shine {
  0% {
    transform: translateX(-120%);
    opacity: 0; }
  10% {
    transform: translateX(100%);
    opacity: 1; }
  20% {
    transform: translateX(150%);
    opacity: 0; }
  100% {
    transform: translateX(-120%);
    opacity: 0; } }
@media (min-width: 768px) {
  .awa_container3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3; }
    .awa_container3 > .left, .awa_container3 > .right {
      width: 208px;
      position: absolute;
      top: 0;
      height: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center; }
    .awa_container3 > .left {
      right: calc(50% - 300px); }
      .awa_container3 > .left .awa04 {
        width: 74px;
        height: 227px;
        position: relative; }
        .awa_container3 > .left .awa04 > span {
          position: absolute;
          background-image: url("../images/etc/awa.svg"); }
          .awa_container3 > .left .awa04 > span:nth-child(1) {
            left: -17px;
            top: 82px;
            width: 16px;
            height: 16px; }
          .awa_container3 > .left .awa04 > span:nth-child(2) {
            right: 17px;
            top: 42px;
            width: 20px;
            height: 20px; }
          .awa_container3 > .left .awa04 > span:nth-child(3) {
            right: 48px;
            top: 42px;
            width: 28px;
            height: 28px; }
    .awa_container3 > .right {
      left: calc(50% + 300px); }
      .awa_container3 > .right .awa04 {
        width: 74px;
        height: 227px;
        position: relative; }
        .awa_container3 > .right .awa04 > span {
          position: absolute;
          background-image: url("../images/etc/awa.svg"); }
          .awa_container3 > .right .awa04 > span:nth-child(1) {
            left: 25px;
            top: 107px;
            width: 16px;
            height: 16px; }
          .awa_container3 > .right .awa04 > span:nth-child(2) {
            right: 28px;
            top: 135px;
            width: 27px;
            height: 27px; }
          .awa_container3 > .right .awa04 > span:nth-child(3) {
            right: 56px;
            top: 161px;
            width: 18px;
            height: 18px; }

  .awa_container2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .awa_container2 > .left, .awa_container2 > .right {
      width: 208px;
      position: absolute;
      top: 0;
      height: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center; }
    .awa_container2 > .left {
      right: calc(50% + 500px); }
    .awa_container2 > .right {
      left: calc(50% + 500px); }

  .awa_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .awa_container > .left, .awa_container > .right {
      width: 208px;
      position: absolute;
      top: 0;
      height: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center; }
    .awa_container > .left {
      right: calc(50% + 500px); }
    .awa_container > .right {
      left: calc(50% + 500px); }

  .awa00 {
    width: 74px;
    height: 227px;
    position: relative; }
    .awa00 > span {
      position: absolute;
      background-image: url("../images/etc/awa.svg"); }
      .awa00 > span:nth-child(1) {
        left: 27px;
        top: 0;
        width: 17px;
        height: 17px;
        background-image: url("../images/etc/awa2.png");
        background-size: contain; }
      .awa00 > span:nth-child(2) {
        right: 0px;
        top: 39px;
        width: 18px;
        height: 18px;
        background-image: url("../images/etc/awa3.png");
        background-size: contain; }
      .awa00 > span:nth-child(3) {
        right: 5px;
        top: 85px;
        width: 24px;
        height: 24px;
        background-image: url("../images/etc/awa2.png");
        background-size: contain; }
      .awa00 > span:nth-child(4) {
        left: 2px;
        top: 143px;
        width: 36px;
        height: 36px; }
      .awa00 > span:nth-child(5) {
        left: 0px;
        top: 195px;
        width: 18px;
        height: 18px;
        background-image: url("../images/etc/awa2.png");
        background-size: contain; }
      .awa00 > span:nth-child(6) {
        left: 20px;
        bottom: -20px;
        width: 16px;
        height: 16px;
        background-image: url("../images/etc/awa3.png");
        background-size: contain; }
    .awa00.blue span {
      border-color: #7caff2;
      background-image: none;
      border: 2px solid #7caff2;
      border-radius: 50%; }
      .awa00.blue span:nth-child(1), .awa00.blue span:nth-child(2), .awa00.blue span:nth-child(5) {
        background-color: #7caff2; } }
@media (max-width: 767.98px) {
  .awa_container3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
    .awa_container3 > .left, .awa_container3 > .right {
      width: 208px;
      position: absolute;
      top: 0;
      height: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center; }
    .awa_container3 > .left {
      right: calc(50% - 300px); }
      .awa_container3 > .left .awa04 {
        width: 74px;
        height: 227px;
        position: relative; }
        .awa_container3 > .left .awa04 > span {
          position: absolute;
          background-image: url("../images/etc/awa.svg");
          background-size: contain; }
          .awa_container3 > .left .awa04 > span:nth-child(1) {
            left: 33px;
            top: 67px;
            width: 16px;
            height: 16px;
            background-image: url("../images/etc/awa2.png"); }
          .awa_container3 > .left .awa04 > span:nth-child(2) {
            right: 45px;
            top: 33px;
            width: 20px;
            height: 20px;
            background-image: url("../images/etc/awa3.png"); }
          .awa_container3 > .left .awa04 > span:nth-child(3) {
            right: 14px;
            top: -4px;
            width: 28px;
            height: 28px; }
    .awa_container3 > .right {
      right: 5% !important;
      left: auto;
      transform: none !important; }
      .awa_container3 > .right .awa04 {
        width: 74px;
        height: 227px;
        position: relative; }
        .awa_container3 > .right .awa04 > span {
          position: absolute;
          background-image: url("../images/etc/awa.svg");
          background-size: contain; }
          .awa_container3 > .right .awa04 > span:nth-child(1) {
            left: 48px;
            top: 50px;
            width: 16px;
            height: 16px;
            background-image: url("../images/etc/awa3.png"); }
          .awa_container3 > .right .awa04 > span:nth-child(2) {
            right: 22px;
            top: 13px;
            width: 27px;
            height: 27px; }
          .awa_container3 > .right .awa04 > span:nth-child(3) {
            right: 34px;
            top: 72px;
            width: 18px;
            height: 18px;
            background-image: url("../images/etc/awa2.png"); }

  .awa_container, .awa_container2 {
    display: none; } }
.awa01 {
  position: absolute;
  width: 24px;
  height: 64px; }
  .awa01 > span {
    position: absolute;
    border: 2px solid #7caff2;
    border-radius: 50%; }
    .awa01 > span:nth-child(1) {
      right: 0;
      top: 0;
      background-color: #7caff2;
      width: 9px;
      height: 9px; }
    .awa01 > span:nth-child(2) {
      left: 0;
      top: 19px;
      background-color: #7caff2;
      width: 9px;
      height: 9px; }
    .awa01 > span:nth-child(3) {
      left: 1px;
      bottom: 0;
      width: 21px;
      height: 21px; }

.awa02 {
  position: absolute;
  width: 64px;
  height: 82px; }
  .awa02 > span {
    position: absolute;
    border: 2px solid #7caff2;
    border-radius: 50%; }
    .awa02 > span:nth-child(1) {
      right: 12px;
      top: 0;
      width: 16px;
      height: 16px; }
    .awa02 > span:nth-child(2) {
      right: 0;
      top: 25px;
      background-color: #7caff2;
      width: 9px;
      height: 9px; }
    .awa02 > span:nth-child(3) {
      left: 0px;
      bottom: 0;
      width: 42px;
      height: 42px; }

@keyframes yuraawa {
  0% {
    opacity: 0;
    transform: translateY(10px) translateX(0px); }
  20% {
    opacity: 1;
    transform: translateY(5px) translateX(-3px); }
  40% {
    opacity: 1;
    transform: translateY(0px) translateX(0px); }
  60% {
    opacity: 1;
    transform: translateY(-5px) translateX(3px); }
  80% {
    opacity: 0;
    transform: translateY(-10px) translateX(0px); }
  100% {
    opacity: 0;
    transform: translateY(10px) translateX(0px); } }
.awa00 > span, .awa01 > span, .awa02 > span, .awa04 > span {
  animation: yuraawa 3s linear both infinite; }
  .awa00 > span:nth-last-child(2), .awa01 > span:nth-last-child(2), .awa02 > span:nth-last-child(2), .awa04 > span:nth-last-child(2) {
    animation-delay: .3s; }
  .awa00 > span:nth-last-child(3), .awa01 > span:nth-last-child(3), .awa02 > span:nth-last-child(3), .awa04 > span:nth-last-child(3) {
    animation-delay: .6s; }
  .awa00 > span:nth-last-child(4), .awa01 > span:nth-last-child(4), .awa02 > span:nth-last-child(4), .awa04 > span:nth-last-child(4) {
    animation-delay: .9s; }
  .awa00 > span:nth-last-child(5), .awa01 > span:nth-last-child(5), .awa02 > span:nth-last-child(5), .awa04 > span:nth-last-child(5) {
    animation-delay: 1.2s; }
  .awa00 > span:nth-last-child(6), .awa01 > span:nth-last-child(6), .awa02 > span:nth-last-child(6), .awa04 > span:nth-last-child(6) {
    animation-delay: 1.5s; }

.awa03 {
  animation: yuraawa 3s linear both infinite;
  animation-delay: .1s; }

.sengan_main {
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: center top;
  position: relative; }
  .sengan_main > h1 {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2; }
    .sengan_main > h1 > span {
      clip-path: inset(0 100% 0 0);
      /* 初期状態で右側を隠す */
      animation: sengan_main_slide-in 1s .3s forwards; }
@keyframes sengan_main_slide-in {
  0% {
    clip-path: inset(0 100% 0 0);
    /* 右側を全て隠す */ }
  100% {
    clip-path: inset(0);
    /* マスクを解除して全て表示 */ } }
    .sengan_main > h1 > img {
      display: block; }
  .sengan_main > .main_btn {
    position: absolute;
    bottom: 125px;
    left: calc(50% - 157px);
    z-index: 4; }
    .sengan_main > .main_btn a {
      display: inline-block;
      padding: 15px 37px 15px 20px;
      font-weight: bold;
      color: #fff;
      text-decoration: none;
      border-radius: 9999px;
      border: 3px solid transparent;
      background: linear-gradient(#ffbf2a, #ffa837) padding-box, linear-gradient(90deg, #fec94e, #fea939) border-box;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      font-size: 18px;
      position: relative; }
      .sengan_main > .main_btn a::before {
        content: "";
        background-image: url("../images/item/deco/yajirushi.png");
        background-size: 12px 9px;
        width: 12px;
        height: 9px;
        position: absolute;
        right: 15px;
        top: 20px; }
  .sengan_main > .deco01 .awning {
    background: url("../images/main/deco/awning.png") repeat-x center center;
    width: 100%;
    height: 45px;
    background-size: contain; }
  .sengan_main > .deco02 {
    position: absolute; }
    .sengan_main > .deco02 > picture {
      mix-blend-mode: multiply;
      display: block; }
    .sengan_main > .deco02 > div {
      position: relative; }
      .sengan_main > .deco02 > div > img {
        display: block;
        position: absolute; }
  .sengan_main > .deco03 {
    position: absolute;
    text-align: center;
    z-index: 3; }
    .sengan_main > .deco03 > figure {
      position: absolute;
      transition: transform .8s .8s ease-out, opacity .8s .8s;
      transform: translateY(20px);
      opacity: 0; }
      .sengan_main > .deco03 > figure.inview-once {
        opacity: 1;
        transform: translateY(0); }
      .sengan_main > .deco03 > figure > img {
        position: relative; }
      .sengan_main > .deco03 > figure > figcaption {
        position: absolute;
        background: url(../images/main/bar.svg) no-repeat left center/auto 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white; }
  .sengan_main > .deco06 {
    background-color: white;
    position: absolute;
    text-align: center;
    z-index: 3; }
    .sengan_main > .deco06 > .fair > dl > dt {
      position: relative; }
    .sengan_main > .deco06 > .fair > dl > dd {
      background-color: #e5efff;
      color: #5a4a3c; }
      .sengan_main > .deco06 > .fair > dl > dd > strong {
        color: #f76e86; }
    .sengan_main > .deco06 > .fair > .present > img {
      display: block;
      clip-path: inset(0 100% 0 0);
      /* 初期状態で右側を隠す */
      animation: sengan_main_slide-in 1s 1.5s forwards; }
@keyframes sengan_main_slide-in {
  0% {
    clip-path: inset(0 100% 0 0);
    /* 右側を全て隠す */ }
  100% {
    clip-path: inset(0);
    /* マスクを解除して全て表示 */ } }
    .sengan_main > .deco06 > .fair > .present > div {
      border-radius: 50%;
      margin: 0 auto; }
      .sengan_main > .deco06 > .fair > .present > div > div {
        width: 100%;
        height: 100%; }
        .sengan_main > .deco06 > .fair > .present > div > div > img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
    .sengan_main > .deco06 > .fair > .info > a {
      border: #004ea2 solid 1px;
      background-color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
      z-index: 3;
      transition: background-color 0.3s ease; }
      .sengan_main > .deco06 > .fair > .info > a span {
        position: static; }
      .sengan_main > .deco06 > .fair > .info > a::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: linear-gradient(45deg, rgba(255, 255, 255, 0.5), rgba(255, 240, 188, 0.85));
        opacity: 0;
        transition: opacity 0.3s ease;
        animation: fair_info_btn_shine 4s infinite; }
@keyframes fair_info_btn_shine {
  0% {
    transform: translateX(-100%); }
  10% {
    transform: translateX(100%);
    opacity: 1; }
  11% {
    opacity: 0; }
  12% {
    transform: translateX(-100%);
    opacity: 0; }
  22% {
    transform: translateX(100%);
    opacity: 1; }
  23% {
    opacity: 0; }
  100% {
    transform: translateX(-100%); } }
    .sengan_main > .deco06 > .fair > .info > p {
      color: #808080; }
  @media (min-width: 768px) {
    .sengan_main {
      background-image: url(../images/main/pc/back.avif); }
      .sengan_main > h1 {
        padding: 100px 0 210px;
        display: flex;
        flex-direction: column; }
        .sengan_main > h1 .logo {
          width: 420px;
          margin: -70px 0 0 0; }
        .sengan_main > h1 .logo_ribbon {
          width: 524px;
          position: absolute;
          bottom: 37%;
          right: calc(50% - 262px);
          clip-path: inset(0 100% 0 0);
          animation: peron 2.5s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards; }
      .sengan_main > .deco01 {
        position: relative;
        z-index: 3; }
      .sengan_main > .deco02 {
        right: calc(50% + 290px);
        bottom: 120px;
        opacity: 0.54;
        mix-blend-mode: multiply; }
        .sengan_main > .deco02 > img {
          width: 206px; }
      .sengan_main > .deco03 {
        width: 755px;
        left: calc(50% - 377.5px);
        top: 555px;
        height: 245px;
        border-radius: 45px; }
        .sengan_main > .deco03 > figure {
          width: 228px;
          bottom: calc(100% + -31px);
          right: -118px; }
          .sengan_main > .deco03 > figure > img {
            z-index: 2; }
          .sengan_main > .deco03 > figure > figcaption {
            width: 222px;
            height: 55px;
            font-size: 15px;
            right: 100px;
            bottom: 100px;
            padding-right: 50px; }
      .sengan_main > .deco04 > .flower_right {
        position: absolute;
        width: 169px;
        height: auto;
        top: 12px;
        right: calc(50% - 530px);
        z-index: 2; }
      .sengan_main > .deco04 > .flower_left {
        position: absolute;
        width: 169px;
        height: auto;
        top: 15px;
        left: calc(50% - 500px);
        z-index: 2; }
      .sengan_main > .deco04 > .awa_right {
        position: absolute;
        width: 110px;
        height: auto;
        top: 200px;
        right: calc(50% - 620px);
        z-index: 2; }
      .sengan_main > .deco04 > .awa_left {
        position: absolute;
        width: 114px;
        height: auto;
        top: 200px;
        left: calc(50% - 620px);
        z-index: 2; }
      .sengan_main > .deco05 > .dish {
        /*&.dish1{ position: absolute; top: 100px; left: calc(50% - 300px);
        	img{ width: 45px;}
        	::before{ content: ""; background-image: url("../images/main/dish/dish1.png"); width: 87px;}
        }
        &.dish2{ position: absolute; top: 150px; left: calc(50% - 400px);
        	img{ width: 55px;}
        	::before{ content: ""; background-image: url("../images/main/dish/dish2.png"); width: 87px;}
        }
        &.dish3{ position: absolute; top: 210px; left: calc(50% - 320px);
        	img{ width: 85px;}
        	::before{ content: ""; background-image: url("../images/main/dish/dish3.png"); width: 87px;}
        }
        &.dish4{ position: absolute; top: 100px; right: calc(50% - 300px);
        	img{ width: 39px;}
        	::before{ content: ""; background-image: url("../images/main/dish/dish4.png"); width: 87px;}
        }*/ }
        .sengan_main > .deco05 > .dish.dish1 {
          z-index: 3; }
          .sengan_main > .deco05 > .dish.dish1 .item {
            width: 57px;
            position: absolute;
            top: 93px;
            left: calc(50% - 288px);
            z-index: 4; }
          .sengan_main > .deco05 > .dish.dish1 .shadow_box {
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 4px 4px 10px rgba(87, 130, 193, 0.7);
            position: absolute;
            top: 122px;
            left: calc(50% - 310px); }
            .sengan_main > .deco05 > .dish.dish1 .shadow_box .dish {
              width: 87px; }
        .sengan_main > .deco05 > .dish.dish2 {
          z-index: 3; }
          .sengan_main > .deco05 > .dish.dish2 .item {
            width: 66px;
            position: absolute;
            top: 180px;
            left: calc(50% - 440px);
            z-index: 4; }
          .sengan_main > .deco05 > .dish.dish2 .shadow_box {
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 4px 4px 10px rgba(87, 130, 193, 0.7);
            position: absolute;
            top: 200px;
            left: calc(50% - 448px); }
            .sengan_main > .deco05 > .dish.dish2 .shadow_box .dish {
              width: 87px; }
        .sengan_main > .deco05 > .dish.dish3 {
          z-index: 3; }
          .sengan_main > .deco05 > .dish.dish3 .item {
            width: 90px;
            position: absolute;
            top: 260px;
            left: calc(50% - 350px);
            z-index: 4; }
          .sengan_main > .deco05 > .dish.dish3 .shadow_box {
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 4px 4px 10px rgba(87, 130, 193, 0.7);
            position: absolute;
            top: 270px;
            left: calc(50% - 360px); }
            .sengan_main > .deco05 > .dish.dish3 .shadow_box .dish {
              width: 87px; }
        .sengan_main > .deco05 > .dish.dish4 {
          z-index: 3; }
          .sengan_main > .deco05 > .dish.dish4 .item {
            width: 55px;
            position: absolute;
            top: 100px;
            right: calc(50% - 320px);
            z-index: 4; }
          .sengan_main > .deco05 > .dish.dish4 .shadow_box {
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 4px 4px 10px rgba(87, 130, 193, 0.7);
            position: absolute;
            top: 130px;
            right: calc(50% - 335px); }
            .sengan_main > .deco05 > .dish.dish4 .shadow_box .dish {
              width: 87px; }
      .sengan_main > .deco06 {
        width: 836px;
        left: calc(50% - 418px);
        top: 595px;
        height: 285px;
        border-radius: 45px; }
        .sengan_main > .deco06::before {
          content: "";
          position: absolute;
          background: url(../images/main/fair/fukidashi.svg) no-repeat center top;
          background-size: contain;
          width: 100px;
          height: 48px;
          top: -30px;
          right: 100px; }
        .sengan_main > .deco06 > .fair {
          padding-top: 30px;
          position: relative;
          height: 285px;
          overflow: hidden;
          border-radius: 45px; }
          .sengan_main > .deco06 > .fair > dl {
            position: relative; }
            .sengan_main > .deco06 > .fair > dl::before {
              content: "";
              position: absolute;
              background: url(../images/main/fair/back2.png) no-repeat center top;
              background-size: contain;
              width: 108px;
              height: 87px;
              bottom: -89px;
              right: -20px; }
            .sengan_main > .deco06 > .fair > dl > dt {
              font-size: 22px;
              height: 54px;
              width: calc(100% - 190px);
              margin: 0 0 -31px; }
              .sengan_main > .deco06 > .fair > dl > dt img {
                width: 218px; }
            .sengan_main > .deco06 > .fair > dl > dd {
              font-size: 15px;
              padding: 30px 190px 25px 0; }
              .sengan_main > .deco06 > .fair > dl > dd > strong > span {
                font-size: 15px;
                font-weight: 500; }
              .sengan_main > .deco06 > .fair > dl > dd .fair_point {
                background: linear-gradient(90deg, #ffab3b 0%, #fec132 100%);
                color: #fff;
                border-radius: 50px;
                font-size: 13px;
                width: 75px;
                height: 28px;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                margin: 0 5px 5px; }
          .sengan_main > .deco06 > .fair > .present {
            width: 212px;
            position: absolute;
            right: 33px;
            top: 39%;
            transform: translateY(-50%);
            z-index: 2; }
            .sengan_main > .deco06 > .fair > .present > img {
              margin: 0 auto;
              width: 117px;
              height: auto;
              position: relative;
              left: 10px;
              top: 4px; }
            .sengan_main > .deco06 > .fair > .present > div {
              width: 212px;
              height: 121px; }
          .sengan_main > .deco06 > .fair > .info {
            padding-right: 200px;
            padding-left: 15px;
            font-weight: 500; }
            .sengan_main > .deco06 > .fair > .info > a {
              width: 170px;
              height: 25px;
              border-radius: 13px;
              margin: -12.5px auto 10px;
              font-size: 13px; }
            .sengan_main > .deco06 > .fair > .info > p {
              font-size: 12px; }
      .sengan_main .deco07 > span {
        position: absolute;
        background-image: url("../images/etc/awa.svg");
        animation: yuraawa 3s linear both infinite; }
        .sengan_main .deco07 > span:nth-child(1) {
          left: calc(50% - 570px);
          top: 22%;
          width: 23px;
          height: 23px;
          animation-delay: 1.2s; }
        .sengan_main .deco07 > span:nth-child(2) {
          left: calc(50% - 580px);
          top: 39%;
          width: 24px;
          height: 24px;
          animation-delay: .9s; }
        .sengan_main .deco07 > span:nth-child(3) {
          left: calc(50% - 630px);
          top: 46%;
          width: 23px;
          height: 23px;
          animation-delay: .6s; }
        .sengan_main .deco07 > span:nth-child(4) {
          left: calc(50% - 590px);
          top: 63%;
          width: 41px;
          height: 41px;
          animation-delay: .3s; }
        .sengan_main .deco07 > span:nth-child(5) {
          left: calc(50% - 400px);
          top: 12%;
          width: 28px;
          height: 28px;
          animation-delay: 1.5s; }
        .sengan_main .deco07 > span:nth-child(6) {
          left: calc(50% - 414px);
          top: 19%;
          width: 11px;
          height: 11px;
          animation-delay: 1.0s;
          background-image: url("../images/etc/awa2.png");
          background-size: contain; }
        .sengan_main .deco07 > span:nth-child(7) {
          left: calc(50% - 430px);
          top: 29%;
          width: 28px;
          height: 28px;
          animation-delay: .8s; }
        .sengan_main .deco07 > span:nth-child(8) {
          left: calc(50% - 422px);
          top: 65%;
          width: 13px;
          height: 13px;
          animation-delay: .5s;
          background-image: url("../images/etc/awa2.png");
          background-size: contain; }
        .sengan_main .deco07 > span:nth-child(9) {
          left: calc(50% - 376px);
          top: 67%;
          width: 28px;
          height: 28px;
          animation-delay: .2s; }
        .sengan_main .deco07 > span:nth-child(10) {
          left: calc(50% - 238px);
          top: 11%;
          width: 23px;
          height: 23px;
          animation-delay: 1.2s; }
        .sengan_main .deco07 > span:nth-child(11) {
          left: calc(50% - 203px);
          top: 22%;
          width: 27px;
          height: 27px;
          animation-delay: .9s; }
        .sengan_main .deco07 > span:nth-child(12) {
          left: calc(50% - 284px);
          top: 37%;
          width: 16px;
          height: 16px;
          animation-delay: .6s; }
        .sengan_main .deco07 > span:nth-child(13) {
          left: calc(50% - 283px);
          top: 64%;
          width: 16px;
          height: 16px;
          animation-delay: .3s; }
        .sengan_main .deco07 > span:nth-child(14) {
          right: calc(50% - 262px);
          top: 10%;
          width: 23px;
          height: 23px;
          animation-delay: .9s; }
        .sengan_main .deco07 > span:nth-child(15) {
          right: calc(50% - 237px);
          top: 26%;
          width: 28px;
          height: 28px;
          animation-delay: .6s; }
        .sengan_main .deco07 > span:nth-child(16) {
          right: calc(50% - 275px);
          top: 39%;
          width: 17px;
          height: 17px;
          animation-delay: .3s; }
        .sengan_main .deco07 > span:nth-child(17) {
          right: calc(50% - 386px);
          top: 12%;
          width: 29px;
          height: 29px;
          animation-delay: .8s; }
        .sengan_main .deco07 > span:nth-child(18) {
          right: calc(50% - 402px);
          top: 20%;
          width: 11px;
          height: 11px;
          animation-delay: .5s;
          background-image: url("../images/etc/awa2.png");
          background-size: contain; }
        .sengan_main .deco07 > span:nth-child(19) {
          right: calc(50% - 428px);
          top: 28%;
          width: 28px;
          height: 28px;
          animation-delay: .2s; }
        .sengan_main .deco07 > span:nth-child(20) {
          right: calc(50% - 580px);
          top: 23%;
          width: 23px;
          height: 23px;
          animation-delay: 1.2s; }
        .sengan_main .deco07 > span:nth-child(21) {
          right: calc(50% - 597px);
          top: 42%;
          width: 23px;
          height: 23px;
          animation-delay: .9s; }
        .sengan_main .deco07 > span:nth-child(22) {
          right: calc(50% - 638px);
          top: 52%;
          width: 23px;
          height: 23px;
          animation-delay: .6s; }
        .sengan_main .deco07 > span:nth-child(23) {
          right: calc(50% - 581px);
          top: 60%;
          width: 41px;
          height: 41px;
          animation-delay: .3s; } }
  @media (max-width: 767.98px) {
    .sengan_main {
      background-image: url(../images/main/sp/back.avif);
      background-size: cover;
      /*.awa00{ width: 100%; height: calc(100vw * 200 / 390); position: relative;
          >span{ position: absolute; border: 2px solid white; border-radius: 50%;
              &:nth-child(1),&:nth-child(2),&:nth-child(5){ background-color: white;}
              &:nth-child(1){ left: 27px; top: 0; width: 10px; height: 10px;}
              &:nth-child(2){ right: 0px; top: 17.18%; width: 13px; height: 13px;}
              &:nth-child(3){ right: 5px; top: 37.44%; width: 21px; height: 21px;}
              &:nth-child(4){ left: 2px; top: 62.99%; width: 27px; height: 27px;}
              &:nth-child(5){ left: 0px; top: 83.7%; width: 13px; height: 13px;}
              &:nth-child(6){ left: 20px; bottom: 0px; width: 12px; height: 12px;}
          }
      }*/ }
      .sengan_main > h1 {
        padding: 20px 0 364px;
        width: 100%;
        max-width: 375px;
        margin: 0 auto;
        display: flex;
        flex-direction: column; }
        .sengan_main > h1 > img {
          width: 73%;
          margin: 0; }
        .sengan_main > h1 > .logo_ribbon {
          width: 90%;
          position: relative;
          top: -80px;
          clip-path: inset(0 100% 0 0);
          animation: peron 2.5s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards; }
      .sengan_main > .main_btn {
        bottom: 155px; }
      .sengan_main > .deco01 {
        position: relative;
        z-index: 3; }
      .sengan_main > .deco02 {
        width: 129px;
        right: calc(50% + 50px);
        top: 410px; }
        .sengan_main > .deco02 > picture:first-child {
          margin-bottom: 10px; }
        .sengan_main > .deco02 > div {
          height: 21px;
          background-color: #004ea2;
          border-radius: 11px;
          margin-top: 45px; }
          .sengan_main > .deco02 > div > img {
            width: 116px;
            bottom: 10px;
            right: 24px; }
      .sengan_main > .deco03 {
        width: 100%;
        left: 0;
        top: 496px;
        border-radius: 90px 0 0 90px; }
        .sengan_main > .deco03::before {
          content: "";
          position: absolute;
          right: 0;
          bottom: -96px;
          width: 90px;
          height: 90px;
          display: block;
          background: url(../images/main/fair/deco.svg) no-repeat center/cover; }
        .sengan_main > .deco03 > figure {
          width: 100%;
          top: -233px;
          left: 0; }
          .sengan_main > .deco03 > figure > img {
            transform: rotate(2deg);
            width: 56%;
            max-width: 220px;
            z-index: 3;
            height: 280px;
            object-fit: cover;
            object-position: top;
            position: relative;
            left: -8px; }
          .sengan_main > .deco03 > figure > figcaption {
            z-index: 2;
            max-width: 176px;
            width: 120px;
            height: 44px;
            font-size: 13px;
            right: 0;
            bottom: 70px;
            justify-content: flex-start;
            padding-left: 20px; }
      .sengan_main > .deco04 > .flower_right {
        position: absolute;
        width: 119px;
        height: auto;
        top: 50px;
        right: -60px;
        z-index: 2; }
      .sengan_main > .deco04 > .flower_left {
        position: absolute;
        width: 119px;
        height: auto;
        top: 50px;
        left: -60px;
        z-index: 2; }
      .sengan_main > .deco04 > .awa_right {
        display: none; }
      .sengan_main > .deco04 > .awa_left {
        display: none; }
      .sengan_main > .deco05 > .dish.dish1 {
        z-index: 3; }
        .sengan_main > .deco05 > .dish.dish1 .item {
          width: 40px;
          position: absolute;
          top: 260px;
          left: calc(50% - 160px);
          z-index: 4; }
        .sengan_main > .deco05 > .dish.dish1 .dish {
          width: 56px;
          position: absolute;
          top: 287px;
          left: calc(50% - 174px); }
      .sengan_main > .deco05 > .dish.dish2 {
        z-index: 3; }
        .sengan_main > .deco05 > .dish.dish2 .item {
          width: 50px;
          position: absolute;
          top: 345px;
          left: calc(50% - 160px);
          z-index: 4; }
        .sengan_main > .deco05 > .dish.dish2 .dish {
          width: 56px;
          position: absolute;
          top: 368px;
          left: calc(50% - 161px); }
      .sengan_main > .deco05 > .dish.dish3 {
        z-index: 3; }
        .sengan_main > .deco05 > .dish.dish3 .item {
          width: 50px;
          position: absolute;
          top: 340px;
          right: calc(50% - 160px);
          z-index: 4; }
        .sengan_main > .deco05 > .dish.dish3 .dish {
          width: 56px;
          position: absolute;
          top: 350px;
          right: calc(50% - 160px); }
      .sengan_main > .deco05 > .dish.dish4 {
        z-index: 3; }
        .sengan_main > .deco05 > .dish.dish4 .item {
          width: 35px;
          position: absolute;
          top: 260px;
          right: calc(50% - 160px);
          z-index: 4; }
        .sengan_main > .deco05 > .dish.dish4 .dish {
          width: 56px;
          position: absolute;
          top: 280px;
          right: calc(50% - 169px); }
      .sengan_main > .deco06 {
        width: 100%;
        left: 0;
        top: 592px;
        border-radius: 90px 0 0 90px; }
        .sengan_main > .deco06 > .fair {
          padding: 70px 0 55px;
          position: relative; }
          .sengan_main > .deco06 > .fair::before {
            content: "";
            background-image: url("../images/main/deco/deco_r1.png");
            background-size: 118px 80px;
            width: 118px;
            height: 80px;
            display: block;
            position: absolute;
            right: -30px;
            top: 20px; }
          .sengan_main > .deco06 > .fair > .present {
            width: 216px;
            margin: 0 auto;
            position: relative;
            top: -32px; }
            .sengan_main > .deco06 > .fair > .present > img {
              margin: 0 auto -25px;
              width: 121px;
              position: relative;
              top: -20px; }
            .sengan_main > .deco06 > .fair > .present > div {
              width: 216px;
              height: 123px;
              padding: 2px; }
          .sengan_main > .deco06 > .fair > dl > dt {
            font-size: 22px;
            height: 52px;
            margin: -30px 0 -31px; }
            .sengan_main > .deco06 > .fair > dl > dt img {
              width: 218px; }
          .sengan_main > .deco06 > .fair > dl > dd {
            font-weight: 500;
            font-size: 15px;
            padding: 38px 0 30px 0;
            background-image: url("../images/main/fair/back3.png");
            background-color: transparent;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center; }
            .sengan_main > .deco06 > .fair > dl > dd > strong > span {
              font-size: 15px;
              font-weight: 500; }
            .sengan_main > .deco06 > .fair > dl > dd .fair_point {
              background: linear-gradient(90deg, #ffab3b 0%, #fec132 100%);
              color: #fff;
              border-radius: 50px;
              font-size: 13px;
              width: 75px;
              height: 28px;
              display: inline-flex;
              justify-content: center;
              align-items: center;
              margin: 0 5px 5px; }
          .sengan_main > .deco06 > .fair > .info > a {
            width: 170px;
            height: 25px;
            border-radius: 13px;
            margin: -12.5px auto 10px;
            font-size: 13px; }
          .sengan_main > .deco06 > .fair > .info > p {
            font-size: 12px; }
        .sengan_main > .deco06::after {
          content: "";
          position: absolute;
          right: 0;
          top: 100%;
          width: 90px;
          height: 90px;
          display: block;
          background: url(../images/main/fair/deco.svg) no-repeat center/cover;
          transform: rotate(-90deg); }
      .sengan_main .deco07 > span {
        position: absolute;
        background-image: url("../images/etc/awa.svg");
        animation: yuraawa 3s linear both infinite; }
        .sengan_main .deco07 > span:nth-child(1) {
          left: calc(50% - 120px);
          top: 10%;
          width: 21px;
          height: 21px;
          animation-delay: .9s; }
        .sengan_main .deco07 > span:nth-child(2) {
          left: calc(50% - 140px);
          top: 16%;
          width: 11px;
          height: 11px;
          animation-delay: .6s;
          background-image: url("../images/etc/awa2.png");
          background-size: contain; }
        .sengan_main .deco07 > span:nth-child(3) {
          left: calc(50% - 170px);
          top: 20%;
          width: 33px;
          height: 33px;
          animation-delay: .3s; }
        .sengan_main .deco07 > span:nth-child(4) {
          left: calc(50% - 160px);
          top: 63%;
          width: 12px;
          height: 12px;
          animation-delay: .5s;
          background-image: url("../images/etc/awa2.png");
          background-size: contain; }
        .sengan_main .deco07 > span:nth-child(5) {
          left: calc(50% - 130px);
          top: 65%;
          width: 27px;
          height: 27px;
          animation-delay: .2s; }
        .sengan_main .deco07 > span:nth-child(6) {
          right: calc(50% - 120px);
          top: 10%;
          width: 16px;
          height: 16px;
          animation-delay: .9s; }
        .sengan_main .deco07 > span:nth-child(7) {
          right: calc(50% - 168px);
          top: 14%;
          width: 33px;
          height: 33px;
          animation-delay: .6s; }
        .sengan_main .deco07 > span:nth-child(8) {
          right: calc(50% - 107px);
          top: 43%;
          width: 22px;
          height: 22px;
          animation-delay: .5s; }
        .sengan_main .deco07 > span:nth-child(9) {
          right: calc(50% - 97px);
          top: 48%;
          width: 12px;
          height: 12px;
          animation-delay: .2s;
          background-image: url("../images/etc/awa2.png");
          background-size: contain; }
        .sengan_main .deco07 > span:nth-child(n+10):nth-child(-n+23) {
          display: none; }
      .sengan_main .awa_container3 {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: calc(100vw * 345 / 390); }
        .sengan_main .awa_container3 > .left, .sengan_main .awa_container3 > .right {
          width: 16vw;
          position: absolute;
          top: 0;
          height: 100%;
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: flex-end; }
        .sengan_main .awa_container3 > .left {
          left: 5%; }
        .sengan_main .awa_container3 > .right {
          right: 10%;
          transform: scale(0.5) translate3d(-20px, -60px, 0px); }
      .sengan_main .awa_container2 {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: calc(100vw * 345 / 390); }
        .sengan_main .awa_container2 > .left, .sengan_main .awa_container2 > .right {
          width: 16vw;
          position: absolute;
          top: 0;
          height: 100%;
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: flex-end; }
        .sengan_main .awa_container2 > .left {
          left: 5%; }
        .sengan_main .awa_container2 > .right {
          right: 10%;
          transform: scale(0.5) translate3d(-20px, -60px, 0px); }
      .sengan_main .awa_container {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: calc(100vw * 345 / 390); }
        .sengan_main .awa_container > .left, .sengan_main .awa_container > .right {
          width: 16vw;
          position: absolute;
          top: 0;
          height: 100%;
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: flex-end; }
        .sengan_main .awa_container > .left {
          left: 5%; }
        .sengan_main .awa_container > .right {
          right: 10%;
          transform: scale(0.5) translate3d(-20px, -60px, 0px); }
      .sengan_main .awa00 {
        width: 100%;
        height: calc(100vw * 200 / 390);
        position: relative; }
        .sengan_main .awa00 > span {
          position: absolute;
          background-image: url("../images/etc/awa.svg"); }
          .sengan_main .awa00 > span:nth-child(1), .sengan_main .awa00 > span:nth-child(2), .sengan_main .awa00 > span:nth-child(5) {
            background-color: white; }
          .sengan_main .awa00 > span:nth-child(1) {
            left: 27px;
            top: 0;
            width: 17px;
            height: 17px; }
          .sengan_main .awa00 > span:nth-child(2) {
            right: 0px;
            top: 17.18%;
            width: 18px;
            height: 18px; }
          .sengan_main .awa00 > span:nth-child(3) {
            right: 5px;
            top: 37.44%;
            width: 24px;
            height: 24px; }
          .sengan_main .awa00 > span:nth-child(4) {
            left: 2px;
            top: 62.99%;
            width: 36px;
            height: 36px; }
          .sengan_main .awa00 > span:nth-child(5) {
            left: 0px;
            top: 83.7%;
            width: 18px;
            height: 18px; }
          .sengan_main .awa00 > span:nth-child(6) {
            left: 20px;
            bottom: 0px;
            width: 16px;
            height: 16px; } }

.sengan_nayami {
  background: url(../images/q/back.avif) repeat center;
  text-align: center;
  position: relative;
  overflow: hidden; }
  .sengan_nayami > .nayami_set > p {
    letter-spacing: .04em;
    color: #5a4a3c; }
  .sengan_nayami > .nayami_set > img {
    position: absolute;
    	/*transition: transform .8s ease-in-out;
    	transform: rotate(0deg) translateY(250px);
    	&.inview {
       		transform: rotate(0deg) translateY(0);
    	}*/ }
  .sengan_nayami > .deco {
    position: absolute;
    left: -1px;
    bottom: -1px;
    width: calc(100% + 2px);
    display: block; }
  @media (min-width: 768px) {
    .sengan_nayami {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      padding: 240px 0 190px; }
      .sengan_nayami > h2 {
        width: 350px; }
        .sengan_nayami > h2 picture {
          display: inline-block;
          opacity: 0;
          transform: scale(0.8);
          transform-origin: 0% 100%;
          transition: transform .8s ease-in-out, opacity .8s; }
        .sengan_nayami > h2.inview picture,
        .sengan_nayami > h2.inview img[src*="sp_00.svg"],
        .sengan_nayami > h2.inview img[src*="sp_01.svg"] {
          opacity: 1;
          transform: scale(1); }
      .sengan_nayami > .nayami_set > p {
        font-size: 15px;
        position: relative;
        left: -30px; }
      .sengan_nayami > .nayami_set > img {
        width: 218px;
        left: calc(50% - 350px);
        bottom: -344px; }
      .sengan_nayami > .deco {
        background: url(../images/q/deco/pc.svg) no-repeat center bottom/100% auto;
        height: 250px; } }
  @media (max-width: 767.98px) {
    .sengan_nayami {
      background-size: 41px 38px;
      padding: 309px 0 320px;
      margin: 0 -15px; }
      .sengan_nayami > h2 {
        max-width: 350px;
        width: calc(100% - 25px);
        margin: 0 auto 5px;
        position: relative;
        top: 90px; }
        .sengan_nayami > h2 picture {
          display: inline-block;
          opacity: 0;
          transform: scale(0.8);
          transform-origin: 100% 100%;
          transition: transform .8s ease-in-out, opacity .8s; }
        .sengan_nayami > h2 img[src*="sp_00.svg"],
        .sengan_nayami > h2 img[src*="sp_01.svg"] {
          width: 300px;
          position: absolute;
          top: 0;
          left: calc(50% - 150px);
          opacity: 0;
          transform: scale(0.8);
          transform-origin: 100% 100%;
          transition: transform .8s ease-in-out, opacity .8s; }
        .sengan_nayami > h2 img[src*="sp_00.svg"] {
          transition-delay: .4s; }
        .sengan_nayami > h2 img[src*="sp_01.svg"] {
          transition-delay: .2s; }
        .sengan_nayami > h2.inview picture,
        .sengan_nayami > h2.inview img[src*="sp_00.svg"],
        .sengan_nayami > h2.inview img[src*="sp_01.svg"] {
          opacity: 1;
          transform: scale(1); }
      .sengan_nayami > .nayami_set {
        position: relative;
        bottom: -320px; }
        .sengan_nayami > .nayami_set > p {
          font-size: 14px;
          width: 60%;
          position: absolute;
          right: 5px;
          bottom: 110px; }
        .sengan_nayami > .nayami_set > img {
          width: 157px;
          right: calc(50% + 20px);
          bottom: -15px; }
      .sengan_nayami > .deco {
        background: url(../images/q/deco/sp.svg) no-repeat center bottom/auto 101%;
        height: 56px; }
        .sengan_nayami > .deco::before, .sengan_nayami > .deco::after {
          content: "";
          background: url(../images/main/fair/deco.svg) no-repeat center;
          width: 50px;
          height: 50px;
          position: absolute;
          bottom: 100%; }
        .sengan_nayami > .deco::before {
          left: 0;
          transform: rotate(90deg); }
        .sengan_nayami > .deco::after {
          right: 0; }
        .sengan_nayami > .deco > div {
          height: 3px;
          position: absolute;
          left: 0;
          bottom: -1px;
          width: 100%;
          background-color: white;
          z-index: 4; } }

.nayami_sentaku {
  text-align: center; }
  .nayami_sentaku > h3 {
    position: relative;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.1em; }
  .nayami_sentaku .tsukuru_btn {
    border: none;
    outline: none;
    transition: filter .6s;
    aspect-ratio: 700/224;
    box-shadow: 0px 6px 6px rgba(0, 78, 162, 0.4);
    border-radius: 20px; }
    .nayami_sentaku .tsukuru_btn[disabled] {
      opacity: 0.66;
      filter: grayscale(100%);
      cursor: not-allowed;
      box-shadow: none; }
  .nayami_sentaku .checkbox_container {
    display: flex;
    flex-wrap: wrap;
    /* デフォルトのチェックボックスを非表示 */
    /* ラベルの基本スタイル */
    /* チェックされた時のラベルスタイル */ }
    .nayami_sentaku .checkbox_container input[type="checkbox"] {
      display: none; }
    .nayami_sentaku .checkbox_container label {
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fdf4ed;
      background: linear-gradient(0deg, #fff8f1 0%, #f0e1cf 100%);
      color: #5a4a3c;
      box-shadow: 0 4px 4px rgba(162, 114, 0, 0.5); }
    .nayami_sentaku .checkbox_container input[type="checkbox"]:checked + label {
      color: white;
      background: #5DBAE5;
      background: linear-gradient(90deg, #5dbae5 0%, #3f6fcf 100%);
      box-shadow: none;
      background-image: url("../images/nayami/check_back.png");
      background-size: cover; }
  @media (min-width: 768px) {
    .nayami_sentaku {
      padding-bottom: 60px; }
      .nayami_sentaku > h3 {
        width: fit-content;
        margin: 20px auto 30px;
        font-size: 23px;
        padding: 0 10px 0 20px; }
        .nayami_sentaku > h3 img {
          width: 406px; }
        .nayami_sentaku > h3 .en {
          font-size: 40px;
          font-family: "the-seasons", sans-serif; }
        .nayami_sentaku > h3::before {
          content: '';
          background-color: #c9d7f0;
          height: 8px;
          border-radius: 20px;
          position: absolute;
          bottom: -2px;
          left: 0;
          z-index: -1;
          transition: width .8s ease-out;
          width: 0%; }
        .nayami_sentaku > h3.inview::before {
          width: 100%; }
      .nayami_sentaku > .text {
        font-size: 15px;
        font-weight: 500; }
      .nayami_sentaku .img_02 {
        width: 194px;
        margin: 50px auto 20px; }
      .nayami_sentaku .tsukuru_btn {
        width: 375px;
        /*box-shadow: 0 4px 4px rgba(0, 78, 162, 0.5);*/ }
      .nayami_sentaku .checkbox_container {
        width: 800px;
        margin: 40px auto 0;
        justify-content: center; }
        .nayami_sentaku .checkbox_container label {
          margin: 12px;
          width: 150px;
          height: 34px;
          border-radius: 17px;
          font-size: 16px; }
        .nayami_sentaku .checkbox_container label:hover {
          color: white;
          background: #5DBAE5;
          background: linear-gradient(90deg, #5dbae5 0%, #3f6fcf 100%);
          background-image: url("../images/nayami/check_back.png"); } }
  @media (max-width: 767.98px) {
    .nayami_sentaku {
      padding-bottom: 0; }
      .nayami_sentaku > h3 {
        margin: 20px auto 25px;
        font-size: 23px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px; }
        .nayami_sentaku > h3 .text1 {
          width: 213px; }
        .nayami_sentaku > h3 .text2 {
          width: 187px; }
        .nayami_sentaku > h3 .en {
          font-size: 40px;
          font-family: "the-seasons", sans-serif; }
        .nayami_sentaku > h3 > span {
          position: relative;
          width: fit-content;
          padding: 0 5px; }
          .nayami_sentaku > h3 > span::before {
            content: '';
            background-color: #c9d7f0;
            width: 100%;
            height: 8px;
            border-radius: 20px;
            position: absolute;
            bottom: -2px;
            left: 0;
            z-index: -1;
            transition: width .8s ease-out;
            width: 0%; }
          .nayami_sentaku > h3 > span:nth-child(1)::before {
            transition-delay: .2s; }
          .nayami_sentaku > h3 > span:nth-child(2)::before {
            transition-delay: .6s; }
        .nayami_sentaku > h3.inview > span::before {
          width: 100%; }
      .nayami_sentaku > .text {
        font-size: 15px;
        font-weight: 500; }
      .nayami_sentaku .img_02 {
        width: 192px;
        margin: 20px auto 10px; }
      .nayami_sentaku .submitBox {
        margin: 0;
        z-index: 3;
        position: absolute;
        left: calc(50% - 175px);
        width: 350px; }
      .nayami_sentaku .tsukuru_btn {
        width: 100%; }
      .nayami_sentaku .checkbox_container {
        width: 100%;
        margin: 12px auto 0;
        justify-content: flex-start; }
        .nayami_sentaku .checkbox_container label {
          margin: 12.5px;
          width: calc(50% - 25px);
          height: 34px;
          border-radius: 17px;
          font-size: 16px; } }

@media (min-width: 768px) {
  .nayami_outer {
    position: relative; }
    .nayami_outer > .container {
      position: relative;
      z-index: 2; }
    .nayami_outer > .awa_container3 > div {
      justify-content: flex-start;
      padding-top: 110px; }
      .nayami_outer > .awa_container3 > div > img {
        width: 90px;
        transform: scale(-1, 1);
        margin-top: 50px; }
    .nayami_outer > .awa_container2 > div {
      justify-content: flex-start;
      padding-top: 110px; }
      .nayami_outer > .awa_container2 > div > img {
        width: 90px;
        transform: scale(-1, 1);
        margin-top: 50px; }
    .nayami_outer > .awa_container > div {
      justify-content: flex-end;
      padding-bottom: 180px; }
      .nayami_outer > .awa_container > div > img {
        width: 90px;
        transform: scale(-1, 1);
        margin-top: 50px; } }
@keyframes hand_pc {
  0% {
    transform: translateX(-286px); }
  60% {
    transform: translateX(0px); }
  80% {
    transform: translateX(0px); }
  100% {
    transform: translateX(-286px); } }
.cocktail_container {
  background: url(../images/cocktail/back.png) repeat center;
  text-align: center;
  position: relative; }
  .cocktail_container > .container {
    position: relative;
    z-index: 2; }
    .cocktail_container > .container > .pittari {
      color: #5a4a3c; }
      .cocktail_container > .container > .pittari > span {
        color: #4a71b6; }
    .cocktail_container > .container > .cocktail_detail > .img {
      position: relative; }
      .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle {
        border: solid #4a71b6 2px;
        overflow: hidden;
        border-radius: 50%;
        position: relative;
        margin: 0 auto; }
        .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle::before {
          content: "";
          display: block;
          background-color: #eed7b5;
          padding: 0 0 30%;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          z-index: 1; }
        .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle > img {
          position: relative;
          z-index: 2;
          right: 100%;
          transition: 1.2s;
          transition-timing-function: linear; }
        .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle::after {
          content: "";
          position: absolute;
          z-index: 3;
          display: block;
          position: absolute;
          width: 50%;
          left: 0;
          bottom: 25%;
          padding: 0 0 33%;
          background: url(../images/cocktail/hand.avif) no-repeat left center;
          background-size: contain; }
        .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle.inview > img {
          right: 0; }
        .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle.inview::after {
          animation-duration: 2s;
          animation-timing-function: linear;
          animation-fill-mode: both; }
      .cocktail_container > .container > .cocktail_detail > .img > p {
        position: relative;
        z-index: 2; }
        .cocktail_container > .container > .cocktail_detail > .img > p .sub_name {
          width: 352px;
          max-width: none;
          height: auto;
          position: absolute;
          bottom: -38px;
          left: calc(50% - 176px);
          z-index: 2; }
      .cocktail_container > .container > .cocktail_detail > .img > .awa01 {
        right: calc(50% + 126px);
        top: -22px; }
      .cocktail_container > .container > .cocktail_detail > .img > .awa02 {
        left: calc(50% + 98px);
        top: 7px; }
  .cocktail_container > .bunny {
    position: absolute; }
  .cocktail_container > .lead {
    transition: transform .5s .5s ease-in-out;
    transform: translateY(-100%); }
    .cocktail_container > .lead.inview {
      transform: translateY(0); }
  @media (min-width: 768px) {
    .cocktail_container {
      background-size: 150px 200px;
      padding: 74px 0 310px; }
      .cocktail_container > .container > .pittari {
        font-size: 30px;
        margin: 0 auto 44px;
        letter-spacing: 2px; }
      .cocktail_container > .container > .cocktail_detail {
        display: flex;
        justify-content: center;
        margin: 0 0 70px 0; }
        .cocktail_container > .container > .cocktail_detail > .img {
          width: 420px; }
          .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle {
            width: 286px;
            height: 286px;
            background-image: url("../images/cocktail/circle_back.avif");
            background-size: 102%;
            background-position: top -2px left -2px; }
            .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle::after {
              transform: translateX(-286px); }
            .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle.inview::after {
              animation-name: hand_pc; }
          .cocktail_container > .container > .cocktail_detail > .img > p {
            width: 284px;
            height: 90px;
            font-size: 23px;
            margin: -15px auto 0; }
            .cocktail_container > .container > .cocktail_detail > .img > p > strong {
              color: #5a4a3c;
              letter-spacing: .06em;
              padding-left: .06em;
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
              width: 100%;
              height: 100%;
              position: absolute;
              z-index: 2;
              background-image: url("../images/cocktail/name_back.png");
              background-size: cover;
              line-height: 1.1; }
            .cocktail_container > .container > .cocktail_detail > .img > p.font_sm > strong {
              font-size: 18px; }
            .cocktail_container > .container > .cocktail_detail > .img > p.font_sm2 > strong {
              font-size: 21px; }
            .cocktail_container > .container > .cocktail_detail > .img > p.font_sm3 > strong {
              font-size: 17px; }
        .cocktail_container > .container > .cocktail_detail .text_box .text_box_white {
          width: 405px;
          margin: 0 auto;
          font-size: 15px; }
          .cocktail_container > .container > .cocktail_detail .text_box .text_box_white::before {
            content: "";
            background: url(../images/cocktail/text/box_top.png) top no-repeat;
            width: 405px;
            height: 24px;
            display: block; }
          .cocktail_container > .container > .cocktail_detail .text_box .text_box_white::after {
            content: "";
            background: url(../images/cocktail/text/box_bottom.png) bottom no-repeat;
            width: 405px;
            height: 24px;
            display: block; }
          .cocktail_container > .container > .cocktail_detail .text_box .text_box_white .text {
            background: url(../images/cocktail/text/box_middle.png) repeat-y;
            line-height: 1.8;
            padding: 12px 0;
            letter-spacing: -1px; }
            .cocktail_container > .container > .cocktail_detail .text_box .text_box_white .text .awa_line {
              width: 320px;
              height: auto;
              display: block;
              margin: 15px auto; }
            .cocktail_container > .container > .cocktail_detail .text_box .text_box_white .text > strong {
              background: #fff4d4;
              display: inline;
              padding: 0 2px; }
            .cocktail_container > .container > .cocktail_detail .text_box .text_box_white .text > span {
              color: #4a71b6; }
        .cocktail_container > .container > .cocktail_detail .text_box .text_box_memo {
          font-size: 12px;
          margin: 20px 0 0 0; }
      .cocktail_container > .bunny {
        width: 158px;
        left: calc(50% - 79px);
        bottom: -157px; }
      .cocktail_container > .awa01 {
        right: calc(50% + 250px);
        bottom: 200px; }
      .cocktail_container > .awa02 {
        left: calc(50% + 250px);
        bottom: 200px; }
      .cocktail_container > .awa_container > div > img {
        width: 111px;
        margin-top: 50px; }
      .cocktail_container > .desk_box {
        position: absolute;
        left: calc(50% - 217px); }
        .cocktail_container > .desk_box .desk {
          width: 434px; }
        .cocktail_container > .desk_box .menu {
          width: 144px;
          position: absolute;
          left: calc(50% - 72px);
          top: -10px; }
        .cocktail_container > .desk_box .menu04 {
          width: 186px;
          position: absolute;
          left: calc(50% - 73px);
          top: -7px; }
        .cocktail_container > .desk_box .menu06 {
          width: 120px;
          position: absolute;
          left: calc(50% - 53px);
          top: -14px; }
        .cocktail_container > .desk_box .menu07 {
          width: 120px;
          position: absolute;
          left: calc(50% - 53px);
          top: -47px; }
        .cocktail_container > .desk_box > p {
          color: #5a4a3c;
          font-weight: bold;
          margin: 0;
          line-height: 1.8;
          position: absolute;
          top: 100px;
          left: calc(50% - 180px);
          width: 360px;
          font-size: 15px; }
          .cocktail_container > .desk_box > p > span {
            background-color: #ffd1e5;
            padding: 0 2px; }
      .cocktail_container > .lead {
        width: 1000px;
        margin: 0 auto;
        background: url("../images/q/deco/pc.svg") no-repeat center top/1000px auto;
        height: 182px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 72px;
        position: absolute;
        bottom: -183px;
        left: calc(50% - 500px);
        z-index: 2; }
        .cocktail_container > .lead > p {
          font-size: 15px; }
          .cocktail_container > .lead > p > span {
            padding-top: 2px; }
          .cocktail_container > .lead > p > strong {
            width: 340px;
            font-size: 17px;
            height: 24px;
            margin: 0 10px;
            padding-top: 1px; }
        .cocktail_container > .lead::before {
          content: "";
          background-color: #fff;
          width: 100vw;
          height: 182px;
          display: block;
          position: absolute;
          left: 999px;
          bottom: 0; }
        .cocktail_container > .lead::after {
          content: "";
          background-color: #fff;
          width: 100vw;
          height: 182px;
          display: block;
          position: absolute;
          right: 1000px;
          bottom: 0; } }
  @media (max-width: 767.98px) {
    .cocktail_container {
      background-size: 150px 200px;
      padding-bottom: 290px; }
      .cocktail_container > .sp_deco {
        background-color: white;
        width: calc(100% - 90px);
        height: 90px;
        position: relative;
        top: 0;
        margin-bottom: 65px; }
        .cocktail_container > .sp_deco::before, .cocktail_container > .sp_deco::after {
          content: "";
          display: block;
          position: absolute;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          width: 90px;
          height: 90px; }
        .cocktail_container > .sp_deco::before {
          left: 100%;
          top: 0;
          background-image: url(../images/cocktail/deco.svg); }
        .cocktail_container > .sp_deco::after {
          top: 100%;
          left: 0;
          background-image: url(../images/main/fair/deco.svg);
          transform: rotate(180deg); }
      .cocktail_container > .container {
        padding: 0; }
        .cocktail_container > .container > .pittari {
          font-size: 25px;
          margin: 30px auto 25px;
          letter-spacing: 2px; }
        .cocktail_container > .container > .cocktail_detail > .img {
          margin: 0 0 25px; }
          .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle {
            width: 286px;
            height: 286px;
            background-image: url("../images/cocktail/circle_back.avif");
            background-size: 102%;
            background-position: top -2px left -2px; }
            .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle::after {
              transform: translateX(-286px); }
            .cocktail_container > .container > .cocktail_detail > .img > .cocktail_circle.inview::after {
              animation-name: hand_pc; }
          .cocktail_container > .container > .cocktail_detail > .img > p {
            width: 276px;
            height: 84px;
            font-size: 23px;
            margin: -15px auto 0; }
            .cocktail_container > .container > .cocktail_detail > .img > p > strong {
              color: #5a4a3c;
              letter-spacing: .06em;
              padding-left: .06em;
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
              width: 100%;
              height: 100%;
              position: absolute;
              z-index: 2;
              background-image: url("../images/cocktail/name_back_sp.png");
              background-size: cover;
              font-size: 22px;
              line-height: 1.1;
              padding: 0 0 4px 0; }
            .cocktail_container > .container > .cocktail_detail > .img > p.font_sm > strong {
              font-size: 18px; }
            .cocktail_container > .container > .cocktail_detail > .img > p.font_sm2 > strong {
              font-size: 20px; }
            .cocktail_container > .container > .cocktail_detail > .img > p.font_sm3 > strong {
              font-size: 17px; }
        .cocktail_container > .container > .cocktail_detail .text_box {
          margin: 0 0 60px 0; }
          .cocktail_container > .container > .cocktail_detail .text_box .text_box_white {
            width: 100%;
            margin: 50px auto 10px;
            font-size: 15px; }
            .cocktail_container > .container > .cocktail_detail .text_box .text_box_white .text {
              line-height: 1.8;
              padding: 10px 0; }
              .cocktail_container > .container > .cocktail_detail .text_box .text_box_white .text .awa_line {
                width: 320px;
                height: auto;
                display: block;
                margin: 20px auto; }
              .cocktail_container > .container > .cocktail_detail .text_box .text_box_white .text > strong {
                background: #fff4d4;
                padding: 0 2px; }
              .cocktail_container > .container > .cocktail_detail .text_box .text_box_white .text > span {
                color: #4a71b6; }
          .cocktail_container > .container > .cocktail_detail .text_box .text_box_memo {
            font-size: 12px; }
      .cocktail_container > .bunny {
        width: 156px;
        left: calc(50% - 78px);
        bottom: -157px; }
      .cocktail_container > .awa01 {
        right: calc(50% + 136px);
        z-index: 3; }
      .cocktail_container > .awa02 {
        left: calc(50% + 118px);
        z-index: 3; }
        .cocktail_container > .awa02 > span:nth-child(3) {
          width: 32px;
          height: 32px; }
      .cocktail_container > .desk_box {
        position: absolute;
        left: calc(50% - 218px); }
        .cocktail_container > .desk_box .desk {
          width: 437px;
          max-width: none;
          height: 280px;
          object-fit: cover;
          object-position: top; }
        .cocktail_container > .desk_box .menu {
          width: 144px;
          position: absolute;
          left: calc(50% - 72px);
          top: -15px; }
        .cocktail_container > .desk_box .menu04 {
          width: 186px;
          position: absolute;
          left: calc(50% - 73px);
          top: -7px; }
        .cocktail_container > .desk_box .menu06 {
          width: 120px;
          position: absolute;
          left: calc(50% - 53px);
          top: -14px; }
        .cocktail_container > .desk_box .menu07 {
          width: 120px;
          position: absolute;
          left: calc(50% - 53px);
          top: -47px; }
        .cocktail_container > .desk_box > p {
          color: #5a4a3c;
          font-weight: bold;
          margin: 0;
          line-height: 1.8;
          position: absolute;
          top: 100px;
          left: calc(50% - 180px);
          width: 360px;
          font-size: 15px; }
          .cocktail_container > .desk_box > p > span {
            background-color: #ffd1e5; }
      .cocktail_container > .lead {
        margin: 0 auto;
        position: absolute;
        bottom: -55px;
        left: 0;
        z-index: 2;
        width: 100%;
        /*>.sp_deco{ display: flex; justify-content: space-between;
            >div{ width: calc(50% - 55px); height: 55px; position: relative; background-color: #dcf0ff;
                &::before,&::after{ content: ""; position: absolute; width: 55px; height: 55px; display: block; background-size: cover; background-repeat: no-repeat; background-position: center;}
                &::before{ bottom: 100%; background: url(../images/item/deco/02.svg);}
                &::after{ bottom: 0; background: url(../images/item/deco/01.svg);}
                &:nth-child(1){
                    &::before{ left: 0; transform: rotate(90deg);}
                    &::after{ left: 100%; transform: rotate(-90deg);}
                }
                &:nth-child(2){
                    &::before{ right: 0;}
                    &::after{ right: 100%; transform: rotate(180deg);}
                }
            }
        }
		
		>.sp_deco{ background-color: white; width: calc(100% - 90px); height: 90px; position: relative; margin-bottom: 65px;
       		&::before,&::after{ content: ""; display: block; position: absolute; background-repeat: no-repeat; background-position: center; background-size: cover; width: 90px; height: 90px;}
        	&::before{ left: 100%; top: 0; background-image: url(../images/cocktail/deco.svg);}
        	&::after{ top: 100%; left: 0; background-image: url(../images/main/fair/deco.svg); transform: rotate(180deg);}
    	}*/ }
        .cocktail_container > .lead > p {
          font-size: 15px;
          flex-direction: column;
          align-items: center;
          padding: 15px 0; }
          .cocktail_container > .lead > p > span {
            padding-top: 2px; }
          .cocktail_container > .lead > p > strong {
            width: 340px;
            font-size: 17px;
            height: 24px;
            margin: 0 10px;
            padding-top: 1px; }
        .cocktail_container > .lead > .sp_deco {
          background: url(../images/q/deco/sp.svg) no-repeat center bottom/auto 101%;
          height: 56px; }
          .cocktail_container > .lead > .sp_deco::before, .cocktail_container > .lead > .sp_deco::after {
            content: "";
            background: url(../images/main/fair/deco.svg) no-repeat center;
            width: 50px;
            height: 50px;
            position: absolute;
            bottom: 100%; }
          .cocktail_container > .lead > .sp_deco::before {
            left: 0;
            transform: rotate(90deg); }
          .cocktail_container > .lead > .sp_deco::after {
            right: 0; }
          .cocktail_container > .lead > .sp_deco > div {
            height: 3px;
            position: absolute;
            left: 0;
            bottom: -1px;
            width: 100%;
            background-color: white;
            z-index: 4; } }

.item_container {
  background-color: #fff; }
  .item_container > .container > .sentaku_text {
    display: flex;
    justify-content: center;
    align-items: center; }
    .item_container > .container > .sentaku_text > strong {
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      background-image: url("../images/nayami/check_back.png");
      margin: 0 7px; }
  .item_container > .container > .sentaku_text2 {
    text-align: center;
    font-size: 30px;
    margin: 10px 0 0 0;
    letter-spacing: 2px; }
    .item_container > .container > .sentaku_text2 span {
      color: #4a71b6; }
  .item_container > .container > .otameshi {
    color: #004ea2;
    font-weight: bold;
    font-size: 30px;
    text-align: center; }
    .item_container > .container > .otameshi > span {
      display: block;
      font-size: 18px;
      color: #f76e86; }
      .item_container > .container > .otameshi > span > span {
        display: inline-flex;
        align-items: center;
        position: relative;
        height: 2.1em; }
        .item_container > .container > .otameshi > span > span::before, .item_container > .container > .otameshi > span > span::after {
          height: 100%;
          content: "";
          display: block;
          width: 2px;
          background-color: #f76e86; }
        .item_container > .container > .otameshi > span > span::before {
          margin-right: .8em;
          transform: rotate(-30deg); }
        .item_container > .container > .otameshi > span > span::after {
          margin-left: .8em;
          transform: rotate(30deg); }
  .item_container > .container > .item_detail > .img {
    position: relative; }
    .item_container > .container > .item_detail > .img > picture {
      position: absolute;
      z-index: 1; }
    .item_container > .container > .item_detail > .img > .gentei {
      position: absolute;
      display: block;
      z-index: 3; }
    .item_container > .container > .item_detail > .img > .photo {
      width: 100%;
      height: 100%;
      display: block;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 2; }
  .item_container > .container > .item_detail > .text {
    color: #004ea2;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .item_container > .container > .item_detail > .text > .name {
      text-align: center; }
    .item_container > .container > .item_detail > .text > .info {
      font-weight: normal; }
    .item_container > .container > .item_detail > .text > .price > small {
      font-weight: bold; }
    .item_container > .container > .item_detail > .text > .kome {
      font-weight: normal;
      background-color: white;
      padding: .25em 1em; }
  .item_container > .container > .item_info {
    font-weight: normal;
    line-height: 1.9em;
    color: #666666; }
    .item_container > .container > .item_info > strong {
      color: #f76e86;
      font-weight: normal; }
    .item_container > .container > .item_info .sup_st {
      font-size: 11px;
      vertical-align: baseline; }
  .item_container > .container > .kounyu_btn {
    background: url(../images/item/btn/back.png) repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: relative;
    box-shadow: 0 4px 4px rgba(0, 78, 162, 0.5);
    height: 70px;
    font-size: 20px;
    border-radius: 35px;
    margin: 0 auto; }
    .item_container > .container > .kounyu_btn::after {
      content: "";
      display: block;
      background: url(../images/item/btn/arrow.svg) no-repeat center;
      background-size: contain;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 25px;
      top: calc(50% - 10px); }
  .item_container > .container > .btn_bottom_text {
    text-align: center;
    font-weight: bold;
    color: #004ea2;
    margin: .75em auto 0; }
  .item_container > .container > .item_box {
    filter: drop-shadow(0px 10px 10px rgba(55, 77, 99, 0.32)); }
    .item_container > .container > .item_box > a {
      overflow: hidden; }
  @media (min-width: 768px) {
    .item_container {
      padding-bottom: 100px;
      position: relative; }
      .item_container > .container {
        position: relative;
        z-index: 2; }
        .item_container > .container > .sentaku_text {
          flex-wrap: wrap;
          width: 500px;
          margin: 0 auto; }
          .item_container > .container > .sentaku_text > strong {
            width: 150px;
            height: 34px;
            border-radius: 17px;
            font-size: 16px;
            margin-bottom: 15px; }
          .item_container > .container > .sentaku_text > img {
            width: 15px;
            margin: 0 5px; }
        .item_container > .container > .otameshi {
          margin: 20px 0 50px; }
        .item_container > .container > .item_detail {
          display: flex;
          align-items: center;
          justify-content: center; }
          .item_container > .container > .item_detail > .img {
            width: 352px;
            height: 344px; }
            .item_container > .container > .item_detail > .img > picture {
              width: 70px;
              height: 378px;
              right: calc(100% - 10px);
              top: 50%;
              transform: translateY(-50%); }
            .item_container > .container > .item_detail > .img > .gentei {
              width: 57px;
              height: 57px;
              right: 14px;
              top: 61px; }
          .item_container > .container > .item_detail > .text {
            width: 350px; }
            .item_container > .container > .item_detail > .text > .name {
              font-size: 20px; }
            .item_container > .container > .item_detail > .text > .info {
              font-size: 13px; }
              .item_container > .container > .item_detail > .text > .info span {
                border: 1px solid #004ea2;
                padding: 1px 18px 2px;
                font-size: 12px;
                text-align: center;
                margin: 0 10px 0 0; }
            .item_container > .container > .item_detail > .text > .price {
              margin: 20px 0 10px; }
              .item_container > .container > .item_detail > .text > .price > strong {
                font-size: 26px; }
              .item_container > .container > .item_detail > .text > .price > small {
                font-size: 12px; }
            .item_container > .container > .item_detail > .text > .kome {
              font-size: 12px; }
        .item_container > .container > .item_info {
          text-align: center;
          margin: 40px 0; }
          .item_container > .container > .item_info .item_small_box {
            line-height: 1.4;
            display: block; }
          .item_container > .container > .item_info small {
            font-size: 13px;
            display: inline-block;
            line-height: 1.4; }
        .item_container > .container > .kounyu_btn {
          background-size: 41px 32px;
          width: 350px; }
        .item_container > .container > .btn_bottom_text {
          font-size: 15px; }
        .item_container > .container > .item_box {
          width: 550px;
          margin: 44px auto 0;
          position: relative; }
          .item_container > .container > .item_box > .item_box_fukidashi {
            background-image: url("../images/item/deco/fukidashi.png");
            background-repeat: no-repeat;
            background-size: contain;
            font-size: 13px;
            position: absolute;
            right: 15px;
            top: -45px;
            width: 124px;
            height: 119px;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 0 12px 0;
            text-align: center; }
          .item_container > .container > .item_box > .fukidashi07 {
            top: -40px; }
          .item_container > .container > .item_box > .item_box_flex {
            display: flex;
            border-radius: 20px 20px 0 0;
            background-color: #f9f5f1;
            margin: 0 0 -20px 0; }
            .item_container > .container > .item_box > .item_box_flex > .item_box_flex_img {
              width: 154px;
              padding: 0 0 0 30px; }
              .item_container > .container > .item_box > .item_box_flex > .item_box_flex_img img {
                width: 103px;
                position: relative;
                top: -20px; }
              .item_container > .container > .item_box > .item_box_flex > .item_box_flex_img .photo01 {
                width: 100px;
                left: 20px; }
              .item_container > .container > .item_box > .item_box_flex > .item_box_flex_img .photo03 {
                width: 120px; }
            .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text {
              width: calc(100% - 154px);
              padding: 40px 40px 30px 40px;
              position: relative;
              overflow: hidden; }
              .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text span {
                background-color: #ffb033;
                color: #fff;
                border-radius: 50px;
                font-size: 14px;
                width: 87px;
                height: 22px;
                display: flex;
                justify-content: center;
                align-items: center; }
              .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text h3 {
                color: #ea7400;
                font-size: 24px;
                font-weight: bold;
                margin: 10px 0 0 0; }
                .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text h3 small {
                  font-size: 18px; }
              .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text p {
                font-size: 14px;
                font-weight: 500;
                margin: 10px 0 0 0; }
              .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text::before {
                content: "";
                background-image: url("../images/item/deco/deco1.png");
                position: absolute;
                left: 0;
                top: -10px;
                width: 64px;
                height: 53px;
                background-size: 64px 53px; }
              .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text::after {
                content: "";
                background-image: url("../images/item/deco/deco2.png");
                position: absolute;
                right: -5px;
                bottom: 5px;
                width: 65px;
                height: 52px;
                background-size: 65px 52px; }
              .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text.no_gentei {
                padding: 30px 40px 30px 40px; }
          .item_container > .container > .item_box a {
            border-radius: 0 0 20px 20px;
            background: linear-gradient(0deg, #ffaa36 0%, #ffbf2a 100%);
            width: 100%;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 22px;
            position: relative;
            padding: 0 0 0 20px;
            text-shadow: 0 0 2px rgba(236, 136, 0, 0.5), 0 0 4px rgba(236, 136, 0, 0.2); }
            .item_container > .container > .item_box a::after {
              content: '';
              position: absolute;
              top: 0%;
              left: -50%;
              width: 200%;
              height: 200%;
              background: linear-gradient(45deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.85));
              opacity: 0;
              transition: opacity 0.3s ease;
              animation: fair_info_btn_shine 6s ease-in-out infinite; }
          .item_container > .container > .item_box::before {
            content: "";
            background-image: url("../images/item/deco/btn.png");
            position: absolute;
            left: 118px;
            bottom: 0;
            width: 70px;
            height: 65px;
            background-size: 70px 65px;
            z-index: 1; }
        .item_container > .container .item_box_memo {
          text-align: center;
          font-size: 12px;
          color: #808080;
          margin: 10px 0 0 0; }
      .item_container > .awa_container {
        top: -140px;
        height: 200%;
        z-index: 0; }
        .item_container > .awa_container > div > .awa00:nth-child(1) {
          position: relative;
          top: -100px; }
        .item_container > .awa_container > div > .awa00:nth-child(2) {
          position: relative;
          top: 0; }
        .item_container > .awa_container > div > .awa00:nth-child(3) {
          position: relative;
          top: 100px; } }
  @media (max-width: 767.98px) {
    .item_container {
      padding-bottom: 80px;
      z-index: 3;
      position: relative; }
      .item_container > .container > .sentaku_text {
        margin: 10px 0 0 0;
        flex-wrap: wrap; }
        .item_container > .container > .sentaku_text > strong {
          width: 105px;
          height: 33px;
          border-radius: 17px;
          font-size: 16px;
          margin: 0 5px 10px; }
        .item_container > .container > .sentaku_text > img {
          width: 15px;
          margin: 0 5px; }
      .item_container > .container > .sentaku_text2 {
        text-align: center;
        font-size: 25px;
        margin: 10px 0 0 0;
        letter-spacing: 2px; }
      .item_container > .container > .item_detail {
        margin: 50px -15px 25px; }
        .item_container > .container > .item_detail > .img {
          height: 344px;
          width: 100%;
          max-width: 400px;
          margin: 0 auto; }
          .item_container > .container > .item_detail > .img > picture {
            width: 100%;
            height: 69px;
            left: 0;
            bottom: calc(100% - 40px);
            text-align: center;
            overflow: hidden;
            transition: transform .3s .2s ease-in-out;
            transform: translateX(-100%); }
            .item_container > .container > .item_detail > .img > picture > img {
              width: auto;
              height: 100%; }
            .item_container > .container > .item_detail > .img > picture.inview {
              transform: translateX(0); }
          .item_container > .container > .item_detail > .img > .gentei {
            width: 57px;
            height: 57px;
            right: 14px;
            top: 61px; }
          .item_container > .container > .item_detail > .img > .photo {
            width: 350px;
            margin: 0 auto; }
        .item_container > .container > .item_detail > .text {
          margin: 25px 0; }
          .item_container > .container > .item_detail > .text > .name {
            font-size: 20px; }
          .item_container > .container > .item_detail > .text > .info {
            font-size: 13px; }
            .item_container > .container > .item_detail > .text > .info span {
              border: 1px solid #004ea2;
              padding: 1px 18px 2px;
              font-size: 12px;
              text-align: center;
              margin: 0 10px 0 0; }
          .item_container > .container > .item_detail > .text > .price {
            margin: 20px 0 0; }
            .item_container > .container > .item_detail > .text > .price > strong {
              font-size: 26px; }
            .item_container > .container > .item_detail > .text > .price > small {
              font-size: 12px; }
          .item_container > .container > .item_detail > .text > .kome {
            font-size: 12px;
            margin: 10px 0 0 0; }
      .item_container > .container > .item_info {
        padding: 0 10px;
        margin: 20px 0 30px;
        font-size: 15px; }
        .item_container > .container > .item_info .item_small_box {
          line-height: 1.0;
          display: block;
          margin: 11px 0 0 0; }
          .item_container > .container > .item_info .item_small_box small {
            padding-left: 2em;
            text-indent: -2em; }
        .item_container > .container > .item_info .one_sm {
          margin: 10px 0 0 0; }
        .item_container > .container > .item_info small {
          font-size: 13px;
          display: block;
          padding-left: 1em;
          text-indent: -1em;
          line-height: 1.2; }
      .item_container > .container > .kounyu_btn {
        background-size: 20.5px 16px;
        width: 100%; }
      .item_container > .container > .btn_bottom_text {
        font-size: 15px; }
      .item_container > .container > .item_box {
        width: calc(100% - 10px);
        margin: 35px auto 10px;
        position: relative; }
        .item_container > .container > .item_box > .item_box_fukidashi {
          background-image: url("../images/item/deco/fukidashi.png");
          background-repeat: no-repeat;
          background-size: contain;
          font-size: 12px;
          position: absolute;
          right: -10px;
          top: -30px;
          width: 102px;
          height: 98px;
          color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 0 10px 0;
          letter-spacing: -1px; }
        .item_container > .container > .item_box > .item_box_flex {
          display: flex;
          border-radius: 20px 20px 0 0;
          background-color: #f9f5f1; }
          .item_container > .container > .item_box > .item_box_flex > .item_box_flex_img {
            width: 100px;
            text-align: center;
            padding: 20px 0px 0 15px;
            z-index: 2; }
            .item_container > .container > .item_box > .item_box_flex > .item_box_flex_img img {
              width: 90px;
              max-width: none;
              position: relative; }
          .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text {
            width: calc(100% - 100px);
            padding: 30px 22px 30px 0; }
            .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text span {
              background-color: #ffb033;
              color: #fff;
              border-radius: 50px;
              font-size: 14px;
              width: 87px;
              height: 22px;
              display: flex;
              justify-content: center;
              align-items: center;
              z-index: 2;
              position: relative; }
            .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text h3 {
              color: #ea7400;
              font-size: 23px;
              font-weight: bold;
              margin: 10px 0 0 0; }
              .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text h3 small {
                font-size: 19px; }
            .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text p {
              font-size: 14px;
              font-weight: 500;
              margin: 10px 10px 0 0; }
            .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text::before {
              content: "";
              background-image: url("../images/item/deco/deco1.png");
              position: absolute;
              top: 0;
              left: 70px;
              width: 64px;
              height: 53px;
              background-size: 64px 53px; }
            .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text::after {
              content: "";
              background-image: url("../images/item/deco/deco2.png");
              position: absolute;
              right: 5px;
              bottom: 38px;
              width: 65px;
              height: 52px;
              background-size: 65px 52px; }
            .item_container > .container > .item_box > .item_box_flex > .item_box_flex_text.no_gentei {
              padding: 55px 22px 30px 0; }
        .item_container > .container > .item_box a {
          border-radius: 0 0 20px 20px;
          background: linear-gradient(0deg, #ffaa36 0%, #ffbf2a 100%);
          width: 100%;
          height: 36px;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          font-size: 18px;
          position: relative;
          top: -5px; }
          .item_container > .container > .item_box a::after {
            content: '';
            position: absolute;
            top: 0%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(45deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.85));
            opacity: 0;
            transition: opacity 0.3s ease;
            animation: fair_info_btn_shine 6s ease-in-out infinite; }
        .item_container > .container > .item_box::before {
          content: "";
          background-image: url("../images/item/deco/btn.png");
          position: absolute;
          left: 16px;
          bottom: 5px;
          width: 70px;
          height: 65px;
          background-size: 70px 65px;
          z-index: 1; }
      .item_container > .container .item_box_memo {
        text-align: center;
        font-size: 12px;
        color: #808080;
        font-weight: 500; } }

.item_bottom_fair_container {
  position: relative; }
  .item_bottom_fair_container > .warukeru {
    position: absolute; }
  @media (min-width: 768px) {
    .item_bottom_fair_container {
      margin: 0; }
      .item_bottom_fair_container > .warukeru {
        width: 80px;
        left: calc(50% + 440px);
        top: 60px;
        animation: warukeru_slideIn 9s ease-in-out infinite;
        z-index: 2; }
    @keyframes warukeru_slideInOut {
      0% {
        transform: translateX(0); }
      20% {
        transform: translateX(-200px); }
      40% {
        transform: translateX(0); }
      100% {
        transform: translateX(0); } }
    @keyframes warukeru_slideIn {
      0% {
        transform: translateX(0) scale(1, 1); }
      10% {
        transform: translateX(0) scale(1, 1); }
      40% {
        transform: translateX(-1000px); }
      50% {
        transform: translateX(-1000px) scale(-1, 1); }
      60% {
        transform: translateX(-1000px) scale(-1, 1); }
      90% {
        transform: translateX(0) scale(-1, 1); }
      100% {
        transform: translateX(0) scale(1, 1); } } }
  @media (max-width: 767.98px) {
    .item_bottom_fair_container .warukeru {
      width: 100%;
      padding: 0 20px;
      height: 110px;
      right: 0;
      top: 70px;
      z-index: 0;
      position: absolute; }
      .item_bottom_fair_container .warukeru > img {
        width: 65px;
        position: absolute;
        left: calc(50% + 100px);
        top: -13px;
        animation: warukeru_slideIn 9s ease-in-out infinite; }
    @keyframes warukeru_slideInOut {
      0% {
        transform: translateX(0); }
      20% {
        transform: translateX(150px); }
      40% {
        transform: translateX(0); }
      100% {
        transform: translateX(0); } }
    @keyframes warukeru_slideIn {
      0% {
        transform: translateX(0) scale(1, 1); }
      10% {
        transform: translateX(0) scale(1, 1); }
      40% {
        transform: translateX(-275px); }
      50% {
        transform: translateX(-275px) scale(-1, 1); }
      60% {
        transform: translateX(-275px) scale(-1, 1); }
      90% {
        transform: translateX(0) scale(-1, 1); }
      100% {
        transform: translateX(0) scale(1, 1); } } }

.item_bottom_fair {
  position: relative;
  text-align: center;
  z-index: 3; }
  .item_bottom_fair > .fair > dl > dt {
    position: relative; }
  .item_bottom_fair > .fair > dl > dd {
    background-color: #fff;
    color: #5a4a3c; }
    .item_bottom_fair > .fair > dl > dd > strong {
      color: #f76e86; }
  .item_bottom_fair > .fair > .present > img {
    display: block; }
  .item_bottom_fair > .fair > .present > div {
    border-radius: 50%;
    margin: 0 auto; }
    .item_bottom_fair > .fair > .present > div > div {
      width: 100%;
      height: 100%; }
      .item_bottom_fair > .fair > .present > div > div > img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
  .item_bottom_fair > .fair > .info > a {
    border: #004ea2 solid 1px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    position: relative; }
  .item_bottom_fair > .fair > .info > p {
    color: #808080; }
  @media (min-width: 768px) {
    .item_bottom_fair {
      width: 836px;
      height: 285px;
      border-radius: 45px;
      margin: 0 auto 70px;
      background-color: #fbf2ea; }
      .item_bottom_fair > .fair {
        padding-top: 30px;
        position: relative;
        height: 285px;
        overflow: hidden;
        border-radius: 45px; }
        .item_bottom_fair > .fair::before {
          content: "";
          position: absolute;
          background: url(../images/different/fukidashi.svg) no-repeat center top;
          background-size: contain;
          width: 100px;
          height: 48px;
          top: -30px;
          right: 78px; }
        .item_bottom_fair > .fair > dl {
          position: relative; }
          .item_bottom_fair > .fair > dl::before {
            content: "";
            position: absolute;
            background: url(../images/main/fair/back2.png) no-repeat center top;
            background-size: contain;
            width: 108px;
            height: 87px;
            bottom: -89px;
            right: -20px; }
          .item_bottom_fair > .fair > dl > dt {
            font-size: 22px;
            height: 54px;
            width: calc(100% - 190px);
            margin: 0 0 -31px; }
            .item_bottom_fair > .fair > dl > dt img {
              width: 218px; }
          .item_bottom_fair > .fair > dl > dd {
            font-size: 15px;
            padding: 30px 190px 30px 0;
            font-weight: 500; }
            .item_bottom_fair > .fair > dl > dd > strong > span {
              font-size: 15px;
              font-weight: 500; }
            .item_bottom_fair > .fair > dl > dd .fair_point {
              background: linear-gradient(90deg, #ffab3b 0%, #fec132 100%);
              color: #fff;
              border-radius: 50px;
              font-size: 13px;
              width: 75px;
              height: 28px;
              display: inline-flex;
              justify-content: center;
              align-items: center;
              margin: 0 5px 5px; }
        .item_bottom_fair > .fair > .present {
          width: 212px;
          position: absolute;
          right: 33px;
          top: 39%;
          transform: translateY(-50%);
          z-index: 2; }
          .item_bottom_fair > .fair > .present > img {
            margin: 0 auto;
            width: 117px;
            height: auto;
            position: relative;
            left: 10px;
            top: 4px; }
          .item_bottom_fair > .fair > .present > div {
            width: 212px;
            height: 121px; }
        .item_bottom_fair > .fair > .info {
          padding-right: 200px;
          padding-left: 15px;
          font-weight: 500;
          position: relative; }
          .item_bottom_fair > .fair > .info > a {
            width: 170px;
            height: 25px;
            border-radius: 13px;
            margin: -12.5px auto 10px;
            font-size: 13px; }
          .item_bottom_fair > .fair > .info > p {
            font-size: 12px;
            font-weight: 500; }
        .item_bottom_fair > .fair > .awa_container3 {
          height: 100%; }
          .item_bottom_fair > .fair > .awa_container3 > .left {
            right: calc(50% - 300px);
            left: auto;
            top: -30px; }
          .item_bottom_fair > .fair > .awa_container3 > .right {
            width: 200px;
            transform: none;
            top: -20px; } }
  @media (max-width: 767.98px) {
    .item_bottom_fair {
      width: 100%;
      border-radius: 90px 0 0 90px;
      background-color: #fbf2ea; }
      .item_bottom_fair::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 100%;
        width: 90px;
        height: 90px;
        display: block;
        background: url(../images/main/fair/deco2.svg) no-repeat center/cover; }
      .item_bottom_fair > .fair {
        padding: 70px 0 55px;
        position: relative; }
        .item_bottom_fair > .fair::before {
          content: "";
          background-image: url("../images/main/deco/deco_r1.png");
          background-size: 118px 80px;
          width: 118px;
          height: 80px;
          display: block;
          position: absolute;
          right: -30px;
          top: 20px; }
        .item_bottom_fair > .fair > .present {
          width: 216px;
          margin: 0 auto;
          position: relative;
          z-index: 5;
          top: -32px; }
          .item_bottom_fair > .fair > .present > img {
            margin: 0 auto -25px;
            width: 121px;
            position: relative;
            top: -20px; }
          .item_bottom_fair > .fair > .present > div {
            width: 216px;
            height: 123px;
            padding: 2px; }
        .item_bottom_fair > .fair > dl > dt {
          font-size: 22px;
          height: 52px;
          margin: -30px 0 -31px;
          z-index: 10;
          position: relative; }
          .item_bottom_fair > .fair > dl > dt img {
            width: 218px; }
        .item_bottom_fair > .fair > dl > dd {
          font-weight: 500;
          font-size: 15px;
          padding: 38px 0 30px 0;
          background-image: url("../images/main/fair/back4.png"); }
          .item_bottom_fair > .fair > dl > dd > strong > span {
            font-size: 15px; }
          .item_bottom_fair > .fair > dl > dd .fair_point {
            background: linear-gradient(90deg, #ffab3b 0%, #fec132 100%);
            color: #fff;
            border-radius: 50px;
            font-size: 13px;
            width: 75px;
            height: 28px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin: 0 5px 5px; }
        .item_bottom_fair > .fair > .info {
          border-radius: 0 0 0 90px; }
          .item_bottom_fair > .fair > .info > a {
            width: 170px;
            height: 25px;
            border-radius: 13px;
            margin: -12.5px auto 10px;
            font-size: 13px; }
          .item_bottom_fair > .fair > .info > p {
            font-size: 12px; }
      .item_bottom_fair::after {
        content: "";
        position: absolute;
        right: 0;
        top: 100%;
        width: 90px;
        height: 90px;
        display: block;
        background: url(../images/main/fair/deco2.svg) no-repeat center/cover;
        transform: rotate(-90deg); } }
  .item_bottom_fair .awa_container3 {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100vw * 345 / 390); }
    .item_bottom_fair .awa_container3 > .left, .item_bottom_fair .awa_container3 > .right {
      width: 16vw;
      position: absolute;
      top: 0;
      height: 100%;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: flex-end; }
    .item_bottom_fair .awa_container3 > .left {
      left: 5%; }
    .item_bottom_fair .awa_container3 > .right {
      right: 10%;
      transform: scale(0.5) translate3d(-20px, -60px, 0px); }

.different_container {
  text-align: center;
  position: relative; }
  .different_container > a {
    display: block;
    margin: 0 auto;
    aspect-ratio: 700/224;
    box-shadow: 0px 6px 6px rgba(0, 78, 162, 0.4);
    border-radius: 20px; }
  @media (min-width: 768px) {
    .different_container {
      background: url(../images/different/back.png) repeat center;
      background-size: 150px 200px;
      padding: 40px 0 60px; }
      .different_container > a {
        width: 356px; } }
  @media (max-width: 767.98px) {
    .different_container {
      background-size: 41px 38px;
      padding: 150px 15px 60px;
      margin-top: -100px; } }

.etc_container {
  background: url(../images/etc/back.png) repeat left top;
  background-size: 43px 30px;
  position: relative;
  animation: nami 2s ease-in-out infinite alternate; }
  .etc_container > .container > .etc_div {
    display: flex;
    align-items: center; }
  .etc_container::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: calc(100% - .5px);
    width: 100%;
    height: 20px;
    background: url(../images/etc/back.png) repeat left bottom;
    background-size: 43px 30px;
    mask-image: url("../images/etc/mask.svg");
    -webkit-mask-image: url("../images/etc/mask.svg");
    mask-mode: alpha;
    mask-repeat: repeat-x;
    mask-size: 1000px auto; }
@keyframes nami {
  0% {
    background-position: calc(50% - 10px) 0;
    /* 左に移動 */ }
  50% {
    background-position: calc(50% + 10px) 0;
    /* 右に移動 */ }
  75% {
    background-position: calc(50% - 0px) 0;
    /* 元に戻る */ }
  100% {
    background-position: calc(50% - 0px) 0;
    /* 元に戻る */ } }
  @media (min-width: 768px) {
    .etc_container {
      padding: 30px 0 40px; }
      .etc_container > .container > .etc_div {
        justify-content: center;
        justify-content: center; }
        .etc_container > .container > .etc_div > p {
          width: 270px;
          margin: 0 50px 0 0; }
        .etc_container > .container > .etc_div > a {
          width: 436px; } }
  @media (max-width: 767.98px) {
    .etc_container {
      padding: 30px 0;
      margin: 100px 0 0 0; }
      .etc_container > .container > .etc_div {
        flex-direction: column; }
        .etc_container > .container > .etc_div > p {
          width: 250px;
          margin: 0 auto 15px; }
        .etc_container > .container > .etc_div > a {
          width: 300px; } }

.inview-fade-up {
  transition: transform .8s ease-in-out, opacity .8s;
  transform: translateY(10px);
  opacity: 0; }
  .inview-fade-up.inview {
    transform: translateY(0);
    opacity: 1; }