/* line 3, index.scss */
.topimage {
  position: relative;
  width: 100vw;
  margin: -18px calc(50% - 50vw) 40px; }
  @media screen and (max-width: 800px) {
    /* line 3, index.scss */
    .topimage {
      margin: 15px calc(50% - 50vw) 0; } }
  /* line 11, index.scss */
  .topimage figure img {
    width: 100%; }

@media screen and (max-width: 800px) {
  /* line 19, index.scss */
  .homeabout {
    margin-bottom: 45px; } }
/* line 23, index.scss */
.homeabout .homeabout-img {
  width: 100%;
  max-width: 1159px;
  margin: 0 auto; }
  @media screen and (max-width: 800px) {
    /* line 23, index.scss */
    .homeabout .homeabout-img {
      margin-top: -45px; } }
  /* line 30, index.scss */
  .homeabout .homeabout-img img {
    width: 100%; }

/* line 38, index.scss */
.homediary {
  margin-top: -60px; }
  @media screen and (max-width: 800px) {
    /* line 38, index.scss */
    .homediary {
      margin-top: 0; } }
  /* line 43, index.scss */
  .homediary h2 {
    max-width: 215px;
    margin: 0 auto 68px; }
    @media screen and (max-width: 800px) {
      /* line 43, index.scss */
      .homediary h2 {
        width: 44%;
        max-width: inherit;
        min-width: 145px;
        margin: 0 auto 50px; } }

/* line 55, index.scss */
#diary-thumbnail {
  margin-bottom: 60px; }
  @media screen and (max-width: 800px) {
    /* line 55, index.scss */
    #diary-thumbnail {
      margin-bottom: 35px; } }
  /* line 60, index.scss */
  #diary-thumbnail .splide__track {
    overflow: visible; }
    /* line 62, index.scss */
    #diary-thumbnail .splide__track .splide__list {
      gap: 20px;
      flex-wrap: wrap;
      justify-content: center; }
      @media screen and (max-width: 800px) {
        /* line 62, index.scss */
        #diary-thumbnail .splide__track .splide__list {
          gap: 40px 20px; } }
      /* line 69, index.scss */
      #diary-thumbnail .splide__track .splide__list .splide__slide {
        position: relative;
        width: 103px !important;
        border: none !important;
        margin: 0;
        padding: 0; }
        @media screen and (max-width: 800px) {
          /* line 69, index.scss */
          #diary-thumbnail .splide__track .splide__list .splide__slide {
            width: 84px !important; } }
        /* line 79, index.scss */
        #diary-thumbnail .splide__track .splide__list .splide__slide.new::before {
          position: absolute;
          left: 0;
          top: -28px;
          width: 37px;
          height: 37px;
          content: "";
          background-image: url("../img/newmark.svg");
          background-repeat: no-repeat;
          background-position: left top;
          background-size: cover; }
          @media screen and (max-width: 800px) {
            /* line 79, index.scss */
            #diary-thumbnail .splide__track .splide__list .splide__slide.new::before {
              top: -34px;
              left: -10px; } }
        /* line 96, index.scss */
        #diary-thumbnail .splide__track .splide__list .splide__slide.noclick {
          pointer-events: none; }

@media screen and (max-width: 800px) {
  /* line 104, index.scss */
  #diary-slide {
    margin-bottom: 45px; } }
/* line 108, index.scss */
#diary-slide .diary-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 54px; }
  @media screen and (max-width: 800px) {
    /* line 108, index.scss */
    #diary-slide .diary-content {
      flex-direction: column;
      gap: 33.3vw 0;
      margin-bottom: 45px; } }
  /* line 118, index.scss */
  #diary-slide .diary-content .l-diary {
    width: calc(100% - 424px);
    margin-left: 15px; }
    @media screen and (max-width: 800px) {
      /* line 118, index.scss */
      #diary-slide .diary-content .l-diary {
        width: 100%;
        margin: 0; } }
    /* line 125, index.scss */
    #diary-slide .diary-content .l-diary h3 {
      display: flex;
      align-items: center;
      margin-bottom: 40px; }
      @media screen and (max-width: 800px) {
        /* line 125, index.scss */
        #diary-slide .diary-content .l-diary h3 {
          margin-bottom: 20px; } }
      /* line 132, index.scss */
      #diary-slide .diary-content .l-diary h3 span {
        display: inline-block; }
        /* line 134, index.scss */
        #diary-slide .diary-content .l-diary h3 span.bag {
          width: 26.9%;
          margin-right: 10px; }
          @media screen and (max-width: 800px) {
            /* line 134, index.scss */
            #diary-slide .diary-content .l-diary h3 span.bag {
              width: 34.4%;
              margin: 0 10px; } }
        /* line 142, index.scss */
        #diary-slide .diary-content .l-diary h3 span.d-title {
          width: auto; }
          @media screen and (max-width: 800px) {
            /* line 144, index.scss */
            #diary-slide .diary-content .l-diary h3 span.d-title.dt01 {
              width: 46.5%; } }
          @media screen and (max-width: 800px) {
            /* line 149, index.scss */
            #diary-slide .diary-content .l-diary h3 span.d-title.dt02 {
              width: 38%; } }
          @media screen and (max-width: 800px) {
            /* line 154, index.scss */
            #diary-slide .diary-content .l-diary h3 span.d-title.dt03 {
              width: 32.4%; } }
          @media screen and (max-width: 800px) {
            /* line 159, index.scss */
            #diary-slide .diary-content .l-diary h3 span.d-title.dt04 {
              width: 65.3%; } }
          @media screen and (max-width: 800px) {
            /* line 164, index.scss */
            #diary-slide .diary-content .l-diary h3 span.d-title.dt05 {
              width: 38.3%; } }
          @media screen and (max-width: 800px) {
            /* line 169, index.scss */
            #diary-slide .diary-content .l-diary h3 span.d-title.dt06 {
              width: 29.9%; } }
          @media screen and (max-width: 800px) {
            /* line 174, index.scss */
            #diary-slide .diary-content .l-diary h3 span.d-title.dt07 {
              width: 34.9%; } }
    /* line 182, index.scss */
    #diary-slide .diary-content .l-diary .diary-movie {
      position: relative;
      display: flex;
      align-items: center;
      align-content: center;
      justify-content: center;
      width: 100%;
      background-image: url("../img/bg_diary.svg");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: contain;
      padding: 24px; }
      @media screen and (max-width: 800px) {
        /* line 182, index.scss */
        #diary-slide .diary-content .l-diary .diary-movie {
          width: 85.3%;
          background-image: url("../img/bg_diary_sp.svg");
          padding: 3vw;
          margin: 0 auto; } }
  /* line 202, index.scss */
  #diary-slide .diary-content .r-diary {
    width: 369px;
    margin-top: 100px; }
    @media screen and (max-width: 800px) {
      /* line 202, index.scss */
      #diary-slide .diary-content .r-diary {
        width: 100%;
        margin-top: 0; } }
    /* line 209, index.scss */
    #diary-slide .diary-content .r-diary h4 {
      text-align: center;
      background-image: url("../img/diary_line.svg");
      background-repeat: no-repeat;
      background-position: center bottom;
      margin-bottom: 30px;
      padding-bottom: 30px; }
      @media screen and (max-width: 800px) {
        /* line 209, index.scss */
        #diary-slide .diary-content .r-diary h4 {
          width: 78%;
          text-align: center;
          background-size: 100% auto;
          margin: 0 auto 20px;
          padding-bottom: 25px; } }
      /* line 223, index.scss */
      #diary-slide .diary-content .r-diary h4 img {
        text-align: center;
        margin: 0 auto; }
        @media screen and (max-width: 800px) {
          /* line 223, index.scss */
          #diary-slide .diary-content .r-diary h4 img {
            width: 86%; } }
      @media screen and (max-width: 800px) {
        /* line 231, index.scss */
        #diary-slide .diary-content .r-diary h4.d04_sub img {
          width: 50.9%; } }
      @media screen and (max-width: 800px) {
        /* line 238, index.scss */
        #diary-slide .diary-content .r-diary h4.d05_sub img {
          width: 47.3%; } }
      @media screen and (max-width: 800px) {
        /* line 245, index.scss */
        #diary-slide .diary-content .r-diary h4.d06_sub img {
          width: 94.6%; } }
      @media screen and (max-width: 800px) {
        /* line 252, index.scss */
        #diary-slide .diary-content .r-diary h4.d07_sub img {
          width: 71.1%; } }
      /* line 258, index.scss */
      #diary-slide .diary-content .r-diary h4::before {
        position: absolute;
        top: -45px;
        left: -120px;
        width: 147px;
        height: 91px;
        rotate: -14deg;
        content: "";
        background-image: url("../img/camera.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: cover;
        z-index: 0; }
        @media screen and (max-width: 800px) {
          /* line 258, index.scss */
          #diary-slide .diary-content .r-diary h4::before {
            top: -23.1vw;
            left: 50%;
            translate: -50% 0;
            width: 30vw;
            height: 18.2vw; } }
    /* line 281, index.scss */
    #diary-slide .diary-content .r-diary figure {
      width: 100%; }
      @media screen and (max-width: 800px) {
        /* line 281, index.scss */
        #diary-slide .diary-content .r-diary figure {
          width: 85.3%;
          margin: 0 auto; } }
      /* line 287, index.scss */
      #diary-slide .diary-content .r-diary figure img {
        width: 100%; }
/* line 293, index.scss */
#diary-slide .visit-content {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 800px) {
    /* line 293, index.scss */
    #diary-slide .visit-content {
      flex-direction: column; } }
  /* line 299, index.scss */
  #diary-slide .visit-content .l-visit {
    width: 55.1%;
    margin-left: 20px; }
    @media screen and (max-width: 800px) {
      /* line 299, index.scss */
      #diary-slide .visit-content .l-visit {
        width: 100%;
        margin-left: 0; } }
    /* line 306, index.scss */
    #diary-slide .visit-content .l-visit h5 {
      margin-bottom: 24px; }
      @media screen and (max-width: 800px) {
        /* line 306, index.scss */
        #diary-slide .visit-content .l-visit h5 {
          width: 63.2%;
          margin-left: 22px; } }
      @media screen and (max-width: 800px) {
        /* line 312, index.scss */
        #diary-slide .visit-content .l-visit h5 img {
          width: 100%; } }
    /* line 318, index.scss */
    #diary-slide .visit-content .l-visit .d-visit {
      margin-left: 50px; }
      @media screen and (max-width: 800px) {
        /* line 318, index.scss */
        #diary-slide .visit-content .l-visit .d-visit {
          margin-left: 32px; } }
      @media screen and (max-width: 800px) {
        /* line 323, index.scss */
        #diary-slide .visit-content .l-visit .d-visit.d01-visit {
          width: 78.8%; } }
      @media screen and (max-width: 800px) {
        /* line 328, index.scss */
        #diary-slide .visit-content .l-visit .d-visit.d02-visit {
          width: 81.7%; } }
      @media screen and (max-width: 800px) {
        /* line 333, index.scss */
        #diary-slide .visit-content .l-visit .d-visit.d03-visit {
          width: 71.5%; } }
      @media screen and (max-width: 800px) {
        /* line 338, index.scss */
        #diary-slide .visit-content .l-visit .d-visit.d04-visit {
          width: 81.7%; } }
      /* line 343, index.scss */
      #diary-slide .visit-content .l-visit .d-visit.d05-visit {
        width: 67.5%; }
        @media screen and (max-width: 800px) {
          /* line 343, index.scss */
          #diary-slide .visit-content .l-visit .d-visit.d05-visit {
            width: 70.4%; } }
      @media screen and (max-width: 800px) {
        /* line 349, index.scss */
        #diary-slide .visit-content .l-visit .d-visit.d06-visit {
          width: 49.3%; } }
      @media screen and (max-width: 800px) {
        /* line 354, index.scss */
        #diary-slide .visit-content .l-visit .d-visit.d07-visit {
          width: 45.4%; } }
      @media screen and (max-width: 800px) {
        /* line 359, index.scss */
        #diary-slide .visit-content .l-visit .d-visit img {
          width: 100%; } }
  /* line 366, index.scss */
  #diary-slide .visit-content .r-visit {
    display: flex;
    justify-content: space-between;
    width: 37.3%;
    margin-top: 35px; }
    @media screen and (max-width: 800px) {
      /* line 366, index.scss */
      #diary-slide .visit-content .r-visit {
        width: 100%;
        flex-direction: column; } }
    /* line 375, index.scss */
    #diary-slide .visit-content .r-visit .fukidashi {
      width: 58.4%; }
      @media screen and (max-width: 800px) {
        /* line 375, index.scss */
        #diary-slide .visit-content .r-visit .fukidashi {
          width: 63.2%;
          margin: 0 auto; } }
      @media screen and (max-width: 800px) {
        /* line 381, index.scss */
        #diary-slide .visit-content .r-visit .fukidashi img {
          width: 100%; } }
    /* line 387, index.scss */
    #diary-slide .visit-content .r-visit .next-img {
      width: 41.8%; }
      @media screen and (max-width: 800px) {
        /* line 387, index.scss */
        #diary-slide .visit-content .r-visit .next-img {
          width: 44.7%;
          margin: 0 auto; } }
      @media screen and (max-width: 800px) {
        /* line 393, index.scss */
        #diary-slide .visit-content .r-visit .next-img img {
          width: 100%; } }
/* line 401, index.scss */
#diary-slide .splide__arrows {
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -320%;
  width: 100%;
  height: 47px;
  max-width: 1200px;
  z-index: 10; }
  @media screen and (max-width: 800px) {
    /* line 401, index.scss */
    #diary-slide .splide__arrows {
      top: 48.2vw;
      translate: 0 0; } }
/* line 416, index.scss */
#diary-slide .splide__arrow {
  width: 54px;
  height: 47px;
  background: none;
  border-radius: 0;
  background-image: url("../img/arrow.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  opacity: 1; }
  @media screen and (min-width: 800px) {
    /* line 427, index.scss */
    #diary-slide .splide__arrow:hover {
      background-image: url("../img/arrow_on.svg"); } }
  @media screen and (max-width: 1330px) {
    /* line 416, index.scss */
    #diary-slide .splide__arrow {
      width: 27px;
      height: 24px; } }
  /* line 435, index.scss */
  #diary-slide .splide__arrow.splide__arrow--prev {
    left: -65px; }
    @media screen and (max-width: 1330px) {
      /* line 435, index.scss */
      #diary-slide .splide__arrow.splide__arrow--prev {
        left: -9px; } }
    @media screen and (max-width: 800px) {
      /* line 435, index.scss */
      #diary-slide .splide__arrow.splide__arrow--prev {
        left: -4px; } }
  /* line 444, index.scss */
  #diary-slide .splide__arrow.splide__arrow--next {
    right: -65px;
    scale: -1 1; }
    @media screen and (max-width: 1330px) {
      /* line 444, index.scss */
      #diary-slide .splide__arrow.splide__arrow--next {
        right: -9px; } }
    @media screen and (max-width: 800px) {
      /* line 444, index.scss */
      #diary-slide .splide__arrow.splide__arrow--next {
        right: -4px; } }
  /* line 454, index.scss */
  #diary-slide .splide__arrow svg {
    display: none; }

/* line 465, index.scss */
.homeepisode {
  width: 100%;
  margin-bottom: 120px; }
  @media screen and (max-width: 800px) {
    /* line 465, index.scss */
    .homeepisode {
      margin-bottom: 70px; } }
  /* line 471, index.scss */
  .homeepisode h3 {
    max-width: 176px;
    margin: 0 auto 40px; }
    @media screen and (max-width: 800px) {
      /* line 471, index.scss */
      .homeepisode h3 {
        width: 42.6%;
        max-width: inherit;
        margin: 0 auto 30px; } }
    @media screen and (max-width: 800px) {
      /* line 479, index.scss */
      .homeepisode h3 img {
        width: 100%; } }
  /* line 485, index.scss */
  .homeepisode .episodelist {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 2.3%;
    width: 100%;
    max-width: 1143px;
    margin: 0 auto;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 485, index.scss */
      .homeepisode .episodelist {
        flex-direction: column;
        gap: 20px 0; } }
    /* line 497, index.scss */
    .homeepisode .episodelist li {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 31.8%;
      height: 19.5vw;
      max-height: 224px;
      background-image: url("../img/bg_episode.svg");
      background-repeat: no-repeat;
      background-position: center top;
      background-size: contain;
      margin: 0;
      padding: 0 12px; }
      @media screen and (max-width: 800px) {
        /* line 497, index.scss */
        .homeepisode .episodelist li {
          width: 85.3%;
          height: 48.9vw;
          max-height: inherit;
          margin: 0 auto;
          padding: 0 2.8vw; } }
      @media screen and (max-width: 800px) {
        /* line 517, index.scss */
        .homeepisode .episodelist li .episode-img {
          display: block;
          width: 39.8%; } }
      /* line 522, index.scss */
      .homeepisode .episodelist li .episode-img.especial {
        width: 28.3%; }
      /* line 525, index.scss */
      .homeepisode .episodelist li .episode-img.emaking {
        width: 38.3%; }
      @media screen and (max-width: 800px) {
        /* line 528, index.scss */
        .homeepisode .episodelist li .episode-img img {
          width: 100%; } }

/* line 540, index.scss */
.homecontact {
  width: 100%;
  max-width: 894px;
  margin: 0 auto;
  background-image: url("../img/bg_contact.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  border-radius: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
  @media screen and (max-width: 800px) {
    /* line 540, index.scss */
    .homecontact {
      max-width: inherit;
      width: calc(100% - 48px);
      margin: 0 auto; } }
  /* line 555, index.scss */
  .homecontact iframe {
    height: 2140px;
    width: 100%; }
    @media screen and (max-width: 800px) {
      /* line 555, index.scss */
      .homecontact iframe {
        height: 2280px; } }

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