@charset "UTF-8";
.top__h1 {
  width: clamp(276px, 70.2290076336vw, 414px);
}

.top__h2 {
  width: 100%;
}

.top__h2.concept img {
  width: clamp(184px, 46.8193384224vw, 276px);
}

.top__h2.profile img {
  width: clamp(144px, 36.641221374vw, 216px);
}

.top__h2.update img {
  width: clamp(160px, 40.7124681934vw, 240px);
}

.top__h2.category img {
  width: clamp(199px, 50.6361323155vw, 298.5px);
}

.top__h2.tag img {
  width: clamp(97px, 24.6819338422vw, 145.5px);
}

.top__h2.instagram img {
  width: clamp(231px, 58.7786259542vw, 346.5px);
}

.top__h2.wide {
  padding: 0 3.1%;
}

.top__h3 {
  width: 100%;
}

.top__h3.diary img {
  width: clamp(96px, 24.427480916vw, 192px);
}

.top__h3.item img {
  width: clamp(98px, 24.9363867684vw, 196px);
}

.top__h3.travel img {
  width: clamp(107px, 27.2264631043vw, 214px);
}

.top__h3.learning img {
  width: clamp(155px, 39.4402035623vw, 310px);
}

.top__h3.friends img {
  width: clamp(129px, 32.8244274809vw, 258px);
}

.top__text {
  width: 100%;
  font-size: clamp(15px, 3.8167938931vw, 16.5px);
  line-height: 2;
  text-align: left;
}

.top-header {
  width: 100%;
  padding: clamp(55px, 13.9949109415vw, 110px) 3.1% 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  transition: all 0.3s;
  opacity: 0;
  transform: translate(0, -200px);
}
@media screen and (min-width: 767px) {
  .top-header {
    padding-top: 28px;
  }
}

.top-header.is-show {
  opacity: 1;
  transform: translate(0, 0);
}

.top-header__text {
  width: clamp(276px, 70.2290076336vw, 414px);
  margin-top: clamp(12px, 3.0534351145vw, 24px);
}

.top-mv__wrapper {
  width: 100%;
  height: 3800px;
}

.top-mv__visuals {
  width: 100%;
  height: 100svh;
  position: sticky;
  top: 0;
  z-index: 1;
}

.top-mv__inner {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.top-mv__inner .top-mv__visual {
  position: absolute;
  opacity: 0;
}
.top-mv__inner .visual01 {
  width: clamp(208px, 52.9262086514vw, 312px);
  z-index: 5;
  left: 0;
  right: 0;
  margin: auto;
  top: 30dvh;
  transition: all 0.1s;
}
.top-mv__inner .visual02 {
  width: clamp(596px, 151.6539440204vw, 894px);
  z-index: 3;
  top: 30dvh;
  left: 50%;
  transform: translate(-50%, 0);
  transition: all 0.2s;
}
.top-mv__inner .visual03 {
  width: clamp(378px, 96.1832061069vw, 567px);
  z-index: 4;
  left: clamp(-80px, -20.3562340967vw, -160px);
  right: 0;
  margin: auto;
  top: 5dvh;
  transform: translate(0, -200px);
  transition: all 0.2s;
}
.top-mv__inner .visual03.is-show {
  transform: translate(0, 0);
}
.top-mv__inner .visual04 {
  width: clamp(482px, 122.6463104326vw, 964px);
  z-index: 9;
  top: 70dvh;
  left: 50%;
  transform: translate(-50%, 0);
  transition: all 0.2s;
}
.top-mv__inner .visual05 {
  width: clamp(143px, 36.3867684478vw, 214.5px);
  z-index: 6;
  top: 50dvh;
  right: clamp(-30px, -7.6335877863vw, -60px);
  transform: translate(50px, 50px);
  transition: all 0.2s;
}
.top-mv__inner .visual05.is-show {
  transform: translate(0, 0);
}
.top-mv__inner .visual06 {
  width: clamp(103px, 26.2086513995vw, 154.5px);
  z-index: 7;
  top: 60dvh;
  right: clamp(-10px, -2.5445292621vw, -20px);
  transform: translate(70px, 50px);
  transition: all 0.22s;
}
.top-mv__inner .visual06.is-show {
  transform: translate(0, 0);
}
.top-mv__inner .visual07 {
  width: clamp(128px, 32.5699745547vw, 192px);
  z-index: 8;
  top: 50dvh;
  left: clamp(-30px, -7.6335877863vw, -60px);
  transform: translate(-70px, 50px);
  transition: all 0.22s;
}
.top-mv__inner .visual07.is-show {
  transform: translate(0, 0);
}
.top-mv__inner .visual08 {
  width: clamp(146px, 37.1501272265vw, 219px);
  z-index: 10;
  left: 0;
  right: 0;
  margin: auto;
  top: 45dvh;
  transform: scale(0.9);
  transition: all 0.2s;
}
.top-mv__inner .visual08.is-show {
  transform: scale(1);
}
.top-mv__inner .visual09 {
  width: clamp(211px, 53.68956743vw, 316.5px);
  z-index: 11;
  left: 0;
  right: 0;
  margin: auto;
  top: 40dvh;
  transform: scale(0.9);
  transition: all 0.2s;
}
.top-mv__inner .visual09.is-show {
  transform: scale(1);
}
.top-mv__inner .visual10 {
  width: clamp(307px, 78.1170483461vw, 460.5px);
  z-index: 12;
  left: 0;
  right: 0;
  margin: auto;
  top: 30dvh;
  transform: scale(0.9);
  transition: all 0.2s;
}
.top-mv__inner .visual10.is-show {
  transform: scale(1);
}
.top-mv__inner .visual11 {
  width: clamp(486px, 123.6641221374vw, 729px);
  z-index: 13;
  left: 50%;
  transform: translate(-50%, 0) scale(0.9);
  top: 20dvh;
  transition: all 0.2s;
}
.top-mv__inner .visual11.is-show {
  transform: translate(-50%, 0) scale(1);
}
.top-mv__inner .top-mv__visual.is-show {
  opacity: 1;
}
.top-mv__inner img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.top-mv__credit {
  font-size: 12px;
  margin-top: 8px;
  text-align: right;
}

@media screen and (min-width: 1387px) {
  .top-mv__credit {
    font-size: 14px;
  }
}
.top-concept__bg {
  position: absolute;
  z-index: -1;
  width: clamp(360px, 91.6030534351vw, 450px);
  right: -50px;
  top: 0;
}
@media screen and (min-width: 767px) {
  .top-concept__bg {
    right: 0;
  }
}
.top-concept__bg img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-profile__block--visuals {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-right: clamp(44px, 11.1959287532vw, 88px);
}
.top-profile__block--visuals .top-profile__block--flower {
  position: absolute;
  opacity: 0;
}
.top-profile__block--visuals img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-profile__block--visuals .visual01 {
  width: clamp(86px, 21.8829516539vw, 172px);
  height: clamp(91px, 23.155216285vw, 182px);
  left: 0;
  top: 0;
}
.top-profile__block--visuals .visual02 {
  width: clamp(80px, 20.3562340967vw, 160px);
  height: clamp(81px, 20.6106870229vw, 162px);
  left: clamp(46px, 11.7048346056vw, 92px);
  top: clamp(106px, 26.9720101781vw, 212px);
}
.top-profile__block--visuals .visual03 {
  width: clamp(32px, 8.1424936387vw, 64px);
  height: clamp(33px, 8.3969465649vw, 66px);
  left: clamp(131px, 33.3333333333vw, 262px);
  top: clamp(78px, 19.8473282443vw, 156px);
}
.top-profile__block--visuals .visual04 {
  width: clamp(40px, 10.1781170483vw, 80px);
  height: clamp(40px, 10.1781170483vw, 80px);
  left: clamp(156px, 39.6946564885vw, 312px);
  top: clamp(19px, 4.834605598vw, 38px);
}
.top-profile__block--visuals .visual05 {
  width: clamp(28px, 7.1246819338vw, 56px);
  height: clamp(27px, 6.8702290076vw, 54px);
  left: clamp(142px, 36.1323155216vw, 284px);
  top: clamp(145px, 36.8956743003vw, 290px);
}
.top-profile__block--visuals .visual07 {
  width: clamp(44px, 11.1959287532vw, 88px);
  height: clamp(44px, 11.1959287532vw, 88px);
  right: clamp(9px, 2.2900763359vw, 18px);
  top: clamp(63px, 16.0305343511vw, 126px);
}
.top-profile__block--visuals .visual08 {
  width: clamp(17px, 4.3256997455vw, 34px);
  height: clamp(17px, 4.3256997455vw, 34px);
  right: clamp(11px, 2.7989821883vw, 22px);
  top: clamp(155px, 39.4402035623vw, 310px);
}
.top-profile__block--visuals .top-profile__block--rita {
  width: clamp(170px, 43.2569974555vw, 340px);
  height: clamp(234px, 59.5419847328vw, 468px);
  opacity: 0;
}

.top-update__list {
  width: 100%;
  height: clamp(580px, 147.582697201vw, 1160px);
  overflow: scroll;
  display: flex;
  flex-direction: column;
  row-gap: clamp(44px, 11.1959287532vw, 88px);
  padding: 0 clamp(8px, 2.0356234097vw, 16px);
  margin-bottom: clamp(36px, 9.1603053435vw, 72px);
}

.top-update__item {
  width: 100%;
  position: relative;
}
.top-update__item::after {
  content: "";
  background-color: #333;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: clamp(-22px, -5.5979643766vw, -44px);
  position: absolute;
}
.top-update__item a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.top-update__date {
  display: block;
  width: 50%;
  font-size: clamp(14px, 3.5623409669vw, 17.5px);
  line-height: 2;
}

.top-update__cat {
  width: clamp(100px, 25.4452926209vw, 150px);
  height: clamp(28px, 7.1246819338vw, 42px);
  border-radius: clamp(4px, 1.0178117048vw, 6px);
  padding-left: clamp(8px, 2.0356234097vw, 12px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #56BED0;
  position: relative;
}
.top-update__cat .top-update__icon {
  display: block;
  height: clamp(12px, 3.0534351145vw, 18px);
  line-height: initial;
  position: absolute;
  left: clamp(8px, 2.0356234097vw, 12px);
}
.top-update__cat .top-update__icon img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
  line-height: initial;
  font-size: clamp(12px, 3.0534351145vw, 18px);
}
.top-update__cat .top-update__label {
  display: block;
  font-size: clamp(12px, 3.0534351145vw, 15px);
  line-height: 1;
  color: #FBFEFF;
}

.top-update__text {
  display: block;
  width: 100%;
  font-size: clamp(14px, 3.5623409669vw, 16.8px);
  line-height: 2;
}

/*-----------------------
マップ部分 */
.top-cat__clickable {
  width: 100%;
  height: 85vh;
  display: flex;
  justify-content: space-between;
  background-image: url("../img/map_15-1.webp");
  background-size: cover;
  background-position: 65% center;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media screen and (min-width: 767px) {
  .top-cat__clickable {
    height: 110vh;
    background-size: cover;
    justify-content: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
    padding-top: 4vh;
  }
}

.top-cat__list.left {
  width: 44%;
}
@media screen and (min-width: 767px) {
  .top-cat__list.left {
    width: 49%;
  }
}

.top-cat__list.right {
  width: 52%;
}
@media screen and (min-width: 767px) {
  .top-cat__list.right {
    width: 47%;
  }
}

.top-cat__circle-note {
  width: clamp(100px, 25.4452926209vw, 200px);
  position: absolute;
  top: clamp(80px, 20.3562340967vw, 160px);
  right: clamp(20px, 5.0890585242vw, 40px);
  transform: rotate(15deg);
}
.top-cat__circle-note img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.top-cat__list {
  height: 100%;
}
.top-cat__list .top-cat__item-click {
  width: 100%;
  height: 27vh;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  cursor: pointer;
  position: relative;
  z-index: 0;
}
.top-cat__list .top-cat__box-tag {
  width: clamp(100px, 25.4452926209vw, 200px);
}
.top-cat__list .top-cat__box-tag img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-cat__list .item01 {
  padding-left: 30px;
  padding-bottom: 1.2vh;
  height: 34vh;
}
@media screen and (min-width: 767px) {
  .top-cat__list .item01 {
    height: 41vh;
  }
}
.top-cat__list .item02 {
  margin-top: 1.2vh;
  padding-left: 48px;
  padding-bottom: 2vh;
  height: 25vh;
}
@media screen and (min-width: 767px) {
  .top-cat__list .item02 {
    height: 32vh;
  }
}
.top-cat__list .item03 {
  margin-top: 1.2vh;
  padding-left: 30px;
  padding-bottom: 3vh;
  height: 23.5vh;
}
@media screen and (min-width: 767px) {
  .top-cat__list .item03 {
    height: 24.5vh;
  }
}
.top-cat__list .item04 {
  margin-top: 21vh;
  padding-left: 5px;
  padding-bottom: 2vh;
  height: 24vh;
}
@media screen and (min-width: 767px) {
  .top-cat__list .item04 {
    height: 35vh;
  }
}
.top-cat__list .item05 {
  margin-top: 2vh;
  padding-left: 15px;
  padding-bottom: 2.5vh;
  height: 21vh;
}
@media screen and (min-width: 767px) {
  .top-cat__list .item05 {
    height: 25vh;
  }
}

/*-----------------------
パネル部分 */
.top-cat__list--parent {
  width: 100%;
  margin-top: clamp(14px, 3.5623409669vw, 28px);
  padding: 0 3.1%;
}

.top-cat__item--parent {
  width: 100%;
  display: none;
  flex-direction: column;
  row-gap: clamp(24px, 6.106870229vw, 48px);
}

.top-cat__item--parent.is-show {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: clamp(24px, 6.106870229vw, 48px);
}

.top-cat__list--child {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: clamp(18px, 4.5801526718vw, 36px);
}

.top-cat__item--child {
  width: 100%;
}
.top-cat__item--child a {
  display: flex;
  justify-content: space-between;
}

.top-cat__item--child.rev a {
  flex-direction: row-reverse;
}

.top-cat__visual {
  width: clamp(178px, 45.2926208651vw, 356px);
  height: clamp(178px, 45.2926208651vw, 356px);
  border-radius: 4px;
}
.top-cat__visual img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}

.top-cat__block-text {
  width: 47%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.top-cat__date {
  font-size: clamp(14px, 3.5623409669vw, 16.8px);
  line-height: 1.5;
}

.top-cat__title {
  font-size: clamp(16px, 4.0712468193vw, 24px);
  line-height: 1.8;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.top-cat__text {
  font-size: clamp(14px, 3.5623409669vw, 16.8px);
  line-height: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (min-width: 767px) {
  .top-cat__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
}

.top-cat__link {
  font-size: clamp(14px, 3.5623409669vw, 16.8px);
  line-height: 2;
  text-decoration: underline;
  text-align: right;
}

.top-tags__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(12px, 3.0534351145vw, 24px);
}

.top-deco__list {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-right: clamp(6px, 1.5267175573vw, 12px);
  z-index: 1;
}
.top-deco__list .top-deco__item {
  position: absolute;
}
.top-deco__list img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-deco__list .rita {
  position: static;
  width: clamp(206px, 52.417302799vw, 412px);
  z-index: 2;
}
.top-deco__list .bird01 {
  width: clamp(30px, 7.6335877863vw, 60px);
  transform: rotate(-10deg);
  top: 0;
  left: clamp(8px, 2.0356234097vw, 16px);
  transform: translate(1000px, 0);
  z-index: 3;
}
.top-deco__list .bird02 {
  width: clamp(33px, 8.3969465649vw, 66px);
  top: clamp(16px, 4.0712468193vw, 32px);
  left: clamp(60px, 15.2671755725vw, 120px);
  transform: translate(1000px, 0) rotate(-130deg);
  z-index: 3;
}
.top-deco__list .bird03 {
  width: clamp(21px, 5.3435114504vw, 42px);
  top: clamp(49px, 12.4681933842vw, 98px);
  left: clamp(45px, 11.4503816794vw, 90px);
  transform: translate(1000px, 0) rotate(-10deg);
  z-index: 3;
}
.top-deco__list .flower01 {
  width: clamp(17px, 4.3256997455vw, 34px);
  top: clamp(125px, 31.8066157761vw, 250px);
  left: clamp(103px, 26.2086513995vw, 206px);
  opacity: 0;
}
.top-deco__list .flower02 {
  width: clamp(15px, 3.8167938931vw, 30px);
  top: clamp(140px, 35.6234096692vw, 280px);
  left: clamp(118px, 30.0254452926vw, 236px);
  opacity: 0;
}
.top-deco__list .flower03 {
  width: clamp(45px, 11.4503816794vw, 90px);
  top: clamp(134px, 34.096692112vw, 268px);
  left: clamp(135px, 34.3511450382vw, 270px);
  opacity: 0;
}
.top-deco__list .flower04 {
  width: clamp(32px, 8.1424936387vw, 64px);
  top: clamp(150px, 38.1679389313vw, 300px);
  left: clamp(180px, 45.8015267176vw, 360px);
  opacity: 0;
}
.top-deco__list .flower05 {
  width: clamp(44px, 11.1959287532vw, 88px);
  top: clamp(155px, 39.4402035623vw, 310px);
  left: clamp(220px, 55.9796437659vw, 440px);
  opacity: 0;
}
.top-deco__list .flower06 {
  width: clamp(13px, 3.3078880407vw, 26px);
  top: clamp(140px, 35.6234096692vw, 280px);
  left: clamp(205px, 52.1628498728vw, 410px);
  opacity: 0;
}
.top-deco__list .flower07 {
  width: clamp(44px, 11.1959287532vw, 88px);
  top: clamp(165px, 41.9847328244vw, 330px);
  left: clamp(265px, 67.4300254453vw, 530px);
  opacity: 0;
}
.top-deco__list .flower08 {
  width: clamp(28px, 7.1246819338vw, 56px);
  top: clamp(165px, 41.9847328244vw, 330px);
  left: clamp(310px, 78.8804071247vw, 620px);
  opacity: 0;
}

.top-insta__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 3%;
       column-gap: 3%;
  row-gap: clamp(12px, 3.0534351145vw, 24px);
}

.top-insta__item {
  width: 48.5%;
  border-radius: clamp(4px, 1.0178117048vw, 8px);
}
.top-insta__item img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: clamp(4px, 1.0178117048vw, 8px);
}

#sbi_load {
  display: flex;
  justify-content: center;
  margin-top: clamp(30px, 7.6335877863vw, 60px);
}
@media screen and (min-width: 1387px) {
  #sbi_load {
    flex-direction: row;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}

#sb_instagram svg:not(:root).svg-inline--fa {
  display: none;
}

#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(181px, 46.0559796438vw, 271.5px);
  height: clamp(44px, 11.1959287532vw, 66px);
  background-color: #56BED0;
  color: #000;
  font-weight: 400;
  font-size: clamp(16px, 4.0712468193vw, 24px);
  line-height: 2;
  border-radius: clamp(22px, 5.5979643766vw, 33px);
  margin: 0;
}/*# sourceMappingURL=top.css.map */