@charset "UTF-8";
/* 模様１ */
/* 模様２ */
/* 模様３ */
/* 模様４ */
/* ゴミ？ */
/* ゴミ？ */
/* 指定した行以降省略 */
/** video用パターン **/
/* タイトル用 */
/* エリア用 */
/* 日付タイトル用 */
html {
  scroll-behavior: smooth;
}

/* 最初に表示されるやつ */
.vtamago {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  z-index: 99;
  width: 100%;
  height: 100%;
  font-family: "DotGothic16", sans-serif;
  -webkit-text-stroke: 5px #313277;
  animation-name: open;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 1s;
  animation-direction: normal;
  background-color: white;
}
@keyframes open {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    z-index: 0;
    font-size: 60px;
  }
}
.vtamago .lineArea {
  width: 100%;
  text-align: center;
}
.vtamago .lineArea .upLineArea,
.vtamago .lineArea .downLineArea {
  width: 100%;
}
.vtamago .lineArea .upLineArea .upLine,
.vtamago .lineArea .upLineArea .downLine,
.vtamago .lineArea .downLineArea .upLine,
.vtamago .lineArea .downLineArea .downLine {
  width: 100%;
  height: 1vw;
  opacity: 0;
}
.vtamago .lineArea .upLineArea .upLine,
.vtamago .lineArea .downLineArea .upLine {
  transform: translateX(-100%);
  animation-name: lineAnimation;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0.5s;
  animation-direction: normal;
  animation-delay: 0.05s;
}
@keyframes lineAnimation {
  100% {
    transform: translateX(100%);
    background-color: skyblue;
    opacity: 1;
  }
}
.vtamago .lineArea .upLineArea .downLine,
.vtamago .lineArea .downLineArea .downLine {
  transform: translateX(100%);
  animation-name: lineAnimation2;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 0.5s;
  animation-direction: normal;
  animation-delay: 0;
}
@keyframes lineAnimation2 {
  100% {
    transform: translateX(-100%);
    background-color: skyblue;
    opacity: 1;
  }
}

@media screen and (max-width: 1400px) {
  .tSpace {
    height: 5vw;
  }
}
@media screen and (min-width: 1400px) {
  .tSpace {
    height: 3vw;
  }
}

/* 模様１ */
/* 模様２ */
/* 模様３ */
/* 模様４ */
/* ゴミ？ */
/* ゴミ？ */
/* 指定した行以降省略 */
/** video用パターン **/
/* タイトル用 */
/* エリア用 */
/* 日付タイトル用 */
.fadeArea .videosPattern {
  background: radial-gradient(circle, transparent 20%, white 20%, white 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, white 20%, white 80%, transparent 80%, transparent) 50px 50px, linear-gradient(pink 4px, transparent 4px) 0 -2px, linear-gradient(90deg, skyblue 4px, white 4px) -2px 0;
  background-size: 100px 100px, 100px 100px, 50px 50px, 50px 50px;
}

:root {
  --title-height: 10vw;
  --title-width: 100vw;
  --title-space: 5vw;
  --title-font-size: 5vw;
  --title-bg-size: 1;
  --space: 1vw;
  --sAreaWidth: 80vw;
  --itemCount: 5;
  --sWidth_: ((var(--sAreaWidth) - (var(--space) * var(--itemCount))) / var(--itemCount));
  --sWidth: calc(
      var(--sWidth_) -
      (var(--sWidth_) / 3 / (var(--itemCount) - 1))
  );
  /* 天才的な計算処理を考えた（小コンテンツの横幅計算処理） */
  /* 条件：幅に指定した個数+一個の三分の一が入るようにしたい */
  /* 幅73のスペース1だったら  :: 1 30 1 30 1 10 ::  */
  --sWidth_1: calc(var(--sAreaWidth) / var(--itemCount));
  --sWidth_2: calc(var(--sWidth_1) - var(--space));
  --sWidth_3: calc(var(--sWidth_2) - (var(--space) / var(--itemCount)));
  --sWidth_4: calc(var(--sWidth_3) / 3 / var(--itemCount));
  --sWidth_5: calc(var(--sWidth_3) - var(--sWidth_4));
  --sWidth: calc(
      var(--sWidth_5)
  );
  --hSpace: calc(var(--space) / 2);
  /* Videoのコンテンツの設定値 */
  --topContVideoWidth: calc(var(--sWidth) - (var(--hSpace) * 3));
  --topContVideoGridCalc1: var(--hSpace);
  --topContVideoGridCalc2: calc(var(--topContVideoWidth) / 5 * 1);
  --topContVideoGridCalc3: var(--hSpace);
  --topContVideoGridCalc4: calc(var(--topContVideoWidth) / 5 * 4);
  --topContVideoGridCalc5: var(--hSpace);
  --topContVideoFontSize: calc(var(--topContVideoGridCalc4) / 12);
  --topContVideoGridRow1: calc(var(--sWidth) * 9 / 16);
  --topContVideoGridRow2: var(--hSpace);
  --topContVideoGridRow3: calc(var(--topContVideoFontSize) * 3.6);
  --topContVideoGridRow4: var(--hSpace);
  --topContVideoGridRow5: var(--topContVideoFontSize);
  --topContVideoGridRow6: var(--hSpace);
}

/**************************************************************************************************/
/** タイトルバーサイズ調整 **/
/**************************************************************************************************/
@media screen and (min-width: 0px) and (max-width: 300px) {
  :root {
    --title-width: 125vw;
    --title-font-size: 11vw;
    --title-height: 17vw;
    --title-stroke: 0px;
    --title-bg-size: 0.5;
  }
}
@media screen and (min-width: 300px) and (max-width: 500px) {
  :root {
    --title-width: 120vw;
    --title-font-size: 10vw;
    --title-height: 16vw;
    --title-stroke: 1px;
    --title-bg-size: 0.6;
  }
}
@media screen and (min-width: 500px) and (max-width: 700px) {
  :root {
    --title-width: 115vw;
    --title-font-size: 9vw;
    --title-height: 15vw;
    --title-stroke: 2px;
    --title-bg-size: 0.7;
  }
}
@media screen and (min-width: 700px) and (max-width: 900px) {
  :root {
    --title-width: 110vw;
    --title-font-size: 8vw;
    --title-height: 14vw;
    --title-stroke: 3px;
    --title-bg-size: 0.8;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  :root {
    --title-width: 105vw;
    --title-font-size: 7vw;
    --title-height: 13vw;
    --title-stroke: 4px;
    --title-bg-size: 0.9;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
  :root {
    --title-width: 105vw;
    --title-font-size: 7vw;
    --title-height: 12vw;
    --title-stroke: 4px;
    --title-bg-size: 0.9;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
  :root {
    --title-width: 100vw;
    --title-font-size: 6vw;
    --title-height: 11vw;
    --title-stroke: 5px;
    --title-bg-size: 1;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1700px) {
  :root {
    --title-width: 100vw;
    --title-font-size: 6vw;
    --title-height: 10vw;
    --title-stroke: 5px;
    --title-bg-size: 1;
  }
}
@media screen and (min-width: 1700px) and (max-width: 9999px) {
  :root {
    --title-width: 100vw;
    --title-font-size: 5vw;
    --title-height: 10vw;
    --title-stroke: 5px;
    --title-bg-size: 1;
  }
}

/**************************************************************************************************/
/** 小コンテンツのサイズ調整 **/
/**************************************************************************************************/
@media screen and (min-width: 0px) and (max-width: 300px) {
  :root {
    --sAreaWidth: 90vw;
    --itemCount: 1;
    --space: 5vw;
    --font-size: 1vw;
  }
}
@media screen and (min-width: 300px) and (max-width: 500px) {
  :root {
    --sAreaWidth: 88vw;
    --itemCount: 1;
    --space: 4vw;
    --font-size: 1vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 700px) {
  :root {
    --sAreaWidth: 87vw;
    --itemCount: 2;
    --space: 3.5vw;
    --font-size: 1vw;
  }
}
@media screen and (min-width: 700px) and (max-width: 900px) {
  :root {
    --sAreaWidth: 86vw;
    --itemCount: 3;
    --space: 3vw;
    --font-size: 1vw;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  :root {
    --sAreaWidth: 85vw;
    --itemCount: 4;
    --space: 2.5vw;
    --font-size: 1vw;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
  :root {
    --sAreaWidth: 84vw;
    --itemCount: 5;
    --space: 2vw;
    --font-size: 1vw;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
  :root {
    --sAreaWidth: 83vw;
    --itemCount: 5;
    --space: 1.5vw;
    --font-size: 1vw;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1700px) {
  :root {
    --sAreaWidth: 80vw;
    --itemCount: 6;
    --space: 1vw;
    --font-size: 1vw;
  }
}

vtamago-top-cont-area {
  display: block;
  width: calc(var(--title-width));
  overflow: hidden;
}

vtamago-top-cont-title-area {
  position: relative;
  display: flex;
  width: calc(var(--title-width));
  height: calc(var(--title-height));
  translate: calc(var(--title-width) / -3) 0;
  overflow: hidden;
  translate: 100vw 0;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-direction: normal;
  animation-duration: 2s;
  animation-delay: 2s;
}
vtamago-top-cont-title-area vtamago-top-cont-title {
  position: absolute;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  translate: 60vw 0;
  height: 100%;
  font-size: var(--title-font-size);
  font-family: "DotGothic16", sans-serif;
  -webkit-text-stroke: var(--title-stroke) #313277;
  color: #313277;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-direction: normal;
  animation-duration: 2s;
  animation-delay: 2s;
}
@keyframes sTitleArea-TitleAnimation {
  0% {
    translate: -80vw 0;
    transform: skew(0deg);
    opacity: 0;
  }
  50% {
    translate: calc(var(--title-width) / 3 + 20vw) 0;
    transform: skew(0deg);
    opacity: 0;
  }
  55% {
    translate: calc(var(--title-width) / 3 + 20vw) 0;
    transform: skew(0deg);
    opacity: 0;
  }
  100% {
    translate: calc(var(--title-width) / 3 + 10vw) 0;
    transform: skew(-45deg);
    opacity: 1;
  }
}
vtamago-top-cont-title-area vtamago-top-cont-title-back-ground {
  opacity: 0.3;
  z-index: 1;
  display: flex;
  width: calc(var(--title-width));
  height: calc(var(--title-height));
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-direction: normal;
  animation-duration: 2s;
  animation-delay: 2s;
}
@keyframes titleAreaAnimation2 {
  0% {
    translate: -100vw 0;
    transform: skew(0deg);
  }
  50% {
    translate: calc(var(--title-width) / 3) 0;
    transform: skew(0deg);
  }
  55% {
    translate: calc(var(--title-width) / 3) 0;
    transform: skew(0deg);
  }
  100% {
    translate: calc(var(--title-width) / 3) 0;
    transform: skew(-45deg);
  }
}
vtamago-top-cont-title-area vtamago-top-cont-title-back-ground vtamago-top-cont-title-back-img {
  display: block;
  background-image: url(/img/4.png);
  width: 100%;
  height: 100%;
  background-size: 40%;
  background-position: 0vw center;
  background-repeat: no-repeat;
}
@keyframes titleAreaAnimation {
  0% {
    translate: 100vw 0;
    transform: skew(0deg);
    border-top: 1px solid skyblue;
    border-right: 1px solid skyblue;
  }
  50% {
    translate: calc(var(--title-width) / -3) 0;
    transform: skew(0deg);
  }
  55% {
    translate: calc(var(--title-width) / -3) 0;
    transform: skew(0deg);
  }
  100% {
    translate: calc(var(--title-width) / -3) 0;
    transform: skew(45deg);
    border-top: 1px solid skyblue;
    border-right: 1px solid skyblue;
  }
}

vtamago-top-cont-item-s-rrArea {
  opacity: 0;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-delay: 3s;
  animation-direction: normal;
}
@keyframes vtamago-top-cont-item-s-rrArea {
  0% {
    translate: 0 0;
    opacity: 0;
  }
  100% {
    translate: calc((100vw - var(--sAreaWidth)) / 2) 0;
    opacity: 1;
  }
}

vtamago-top-cont-item-s-rrArea {
  position: relative;
  display: flex;
  width: var(--sAreaWidth);
  translate: calc((100vw - var(--sAreaWidth)) / 2) 0;
  align-items: center;
  margin-bottom: calc(var(--space) * 5);
  --tryanglePos: calc(var(--topContVideoFontSize) * 5 / 3 * 2 * -1);
  --tryanglePos-hover: calc(var(--topContVideoFontSize) * 5 / 5 * 4 * -1);
}
vtamago-top-cont-item-s-rrArea vtamago-top-cont-back,
vtamago-top-cont-item-s-rrArea vtamago-top-cont-next {
  font-size: calc(var(--topContVideoFontSize) * 5);
  font-family: "M PLUS Rounded 1c", sans-serif;
  position: absolute;
  z-index: 3;
  color: #313277;
  transition: all 0.2s;
  user-select: none;
}
vtamago-top-cont-item-s-rrArea vtamago-top-cont-back {
  left: var(--tryanglePos);
  rotate: -90deg;
  opacity: 0;
}
vtamago-top-cont-item-s-rrArea vtamago-top-cont-back:hover {
  left: var(--tryanglePos-hover);
  color: pink;
  scale: 1 1.1;
}
vtamago-top-cont-item-s-rrArea vtamago-top-cont-next {
  right: var(--tryanglePos);
  rotate: 90deg;
}
vtamago-top-cont-item-s-rrArea vtamago-top-cont-next:hover {
  right: var(--tryanglePos-hover);
  color: pink;
  scale: 1 1.1;
}

vtamago-top-cont-item-s-rArea {
  position: relative;
  display: flex;
  width: var(--sAreaWidth);
  border: 1px solid skyblue;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
}

vtamago-top-cont-item-s-area {
  position: relative;
  display: flex;
  width: var(--sAreaWidth);
  display: flex;
  align-items: center;
  border-radius: 5px;
  transition: translate 0.2s;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s:last-child {
  margin-right: var(--space);
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s {
  margin-top: var(--space);
  margin-left: var(--space);
  margin-bottom: var(--space);
  display: block;
  position: relative;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s a {
  width: var(--sWidth);
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-video-link {
  display: block;
  display: grid;
  grid-template-columns: var(--topContVideoGridCalc1) var(--topContVideoGridCalc2) var(--topContVideoGridCalc3) var(--topContVideoGridCalc4) var(--topContVideoGridCalc5);
  grid-template-rows: var(--topContVideoGridRow1) var(--topContVideoGridRow2) var(--topContVideoGridRow3) var(--topContVideoGridRow4) var(--topContVideoGridRow5) var(--topContVideoGridRow6);
  border-radius: 5px;
  overflow: hidden;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-video-link vtamago-top-cont-img {
  grid-column: 1/6;
  grid-row: 1;
  overflow: hidden;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-video-link vtamago-top-cont-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-video-link vtamago-top-cont-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  grid-column: 2;
  grid-row: 3;
  z-index: 1;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-video-link vtamago-top-cont-icon object a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-video-link vtamago-top-cont-icon object a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 100%;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-video-link vtamago-top-cont-title {
  grid-column: 4;
  grid-row: 3;
  font-size: var(--topContVideoFontSize);
  line-height: calc(var(--topContVideoFontSize) * 1.17);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-video-link vtamago-top-cont-date {
  grid-column: 2/5;
  grid-row: 5;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: calc(var(--topContVideoFontSize) * 0.9);
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-video-link vtamago-top-cont-bg-img {
  grid-column: 2/6;
  grid-row: 2/7;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-video-link vtamago-top-cont-bg-img img {
  width: 140%;
  height: 140%;
  object-fit: contain;
  opacity: 0.1;
  z-index: 0;
}

/*****************************************/
/*                ニュース                */
/*****************************************/
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-news-link {
  --topContNewsGridCalc1: var(--hSpace);
  --topContNewsGridCalc2: calc(var(--sWidth) - var(--space));
  --topContNewsGridCalc3: var(--hSpace);
  --topContNewsFontSize: calc(var(--topContNewsGridCalc2) / 14);
  --topContNewsGridRow1: calc(var(--sWidth));
  --topContNewsGridRow2: var(--hSpace);
  --topContNewsGridRow3: calc(var(--topContNewsFontSize) * 3.6);
  --topContNewsGridRow4: var(--hSpace);
  display: block;
  display: grid;
  grid-template-columns: var(--topContNewsGridCalc1) var(--topContNewsGridCalc2) var(--topContNewsGridCalc3);
  grid-template-rows: var(--topContNewsGridRow1) var(--topContNewsGridRow2) var(--topContNewsGridRow3) var(--topContNewsGridRow4);
  border-radius: 5px;
  overflow: hidden;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-news-link vtamago-top-cont-img {
  grid-column: 1/6;
  grid-row: 1;
  overflow: hidden;
  border-radius: 5px;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-news-link vtamago-top-cont-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-news-link vtamago-top-cont-title {
  grid-column: 2;
  grid-row: 3;
  font-size: var(--topContNewsFontSize);
  line-height: calc(var(--topContNewsFontSize) * 1.17);
  overflow: hidden;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-news-link vtamago-top-cont-bg-img {
  grid-column: 2/6;
  grid-row: 2/7;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-news-link vtamago-top-cont-bg-img img {
  width: 140%;
  height: 140%;
  object-fit: cover;
  opacity: 0.1;
  z-index: 0;
}

/* スマホで横幅がバグるの無理やり回避するんだ！ */
main {
  width: 100vw;
  overflow: hidden;
  transition: all 0s;
}

vtamago-top-cont-title-area .video {
  background: radial-gradient(circle, transparent 20%, white 20%, white 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, white 20%, white 80%, transparent 80%, transparent) calc(var(--title-bg-size) * 50px) calc(var(--title-bg-size) * 50px), linear-gradient(pink calc(var(--title-bg-size) * 4px), transparent calc(var(--title-bg-size) * 4px)) 0 calc(var(--title-bg-size) * -2px), linear-gradient(90deg, skyblue calc(var(--title-bg-size) * 4px), white calc(var(--title-bg-size) * 4px)) calc(var(--title-bg-size) * -2px) 0;
  background-size: calc(var(--title-bg-size) * 100px) calc(var(--title-bg-size) * 100px), calc(var(--title-bg-size) * 100px) calc(var(--title-bg-size) * 100px), calc(var(--title-bg-size) * 50px) calc(var(--title-bg-size) * 50px), calc(var(--title-bg-size) * 50px) calc(var(--title-bg-size) * 50px);
}
vtamago-top-cont-title-area .video vtamago-top-cont-title-back-img {
  display: block;
  background-image: url(/img/4.png);
  width: 100%;
  height: 100%;
  background-size: 40%;
  background-position: 0vw center;
  background-repeat: no-repeat;
}
vtamago-top-cont-title-area .news {
  background: radial-gradient(circle, transparent 20%, rgb(202, 230, 229) 20%, rgb(202, 230, 229) 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, rgb(202, 230, 229) 20%, rgb(202, 230, 229) 80%, transparent 80%, transparent) calc(var(--title-bg-size) * 50px) calc(var(--title-bg-size) * 50px), linear-gradient(gray calc(var(--title-bg-size) * 4px), transparent calc(var(--title-bg-size) * 4px)) 0 calc(var(--title-bg-size) * -2px), linear-gradient(90deg, gray calc(var(--title-bg-size) * 4px), rgb(202, 230, 229) calc(var(--title-bg-size) * 4px)) calc(var(--title-bg-size) * -2px) 0;
  background-size: calc(var(--title-bg-size) * 100px) calc(var(--title-bg-size) * 100px), calc(var(--title-bg-size) * 100px) calc(var(--title-bg-size) * 100px), calc(var(--title-bg-size) * 50px) calc(var(--title-bg-size) * 50px), calc(var(--title-bg-size) * 50px) calc(var(--title-bg-size) * 50px);
}
vtamago-top-cont-title-area .news vtamago-top-cont-title-back-img {
  display: block;
  background-image: url(/img/2.png);
  background-size: 80%;
  background-position: var(--x-pos) var(--y-pos);
  background-repeat: no-repeat;
}
@media screen and (min-width: 0px) and (max-width: 300px) {
  vtamago-top-cont-title-area .news vtamago-top-cont-title-back-img {
    --x-pos: -20vw;
    --y-pos: -27vw;
  }
}
@media screen and (min-width: 300px) and (max-width: 500px) {
  vtamago-top-cont-title-area .news vtamago-top-cont-title-back-img {
    --x-pos: -20vw;
    --y-pos: -27vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 700px) {
  vtamago-top-cont-title-area .news vtamago-top-cont-title-back-img {
    --x-pos: -20vw;
    --y-pos: -27vw;
  }
}
@media screen and (min-width: 700px) and (max-width: 900px) {
  vtamago-top-cont-title-area .news vtamago-top-cont-title-back-img {
    --x-pos: -20vw;
    --y-pos: -27vw;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  vtamago-top-cont-title-area .news vtamago-top-cont-title-back-img {
    --x-pos: -20vw;
    --y-pos: -27vw;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
  vtamago-top-cont-title-area .news vtamago-top-cont-title-back-img {
    --x-pos: -20vw;
    --y-pos: -27vw;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
  vtamago-top-cont-title-area .news vtamago-top-cont-title-back-img {
    --x-pos: -20vw;
    --y-pos: -27vw;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1700px) {
  vtamago-top-cont-title-area .news vtamago-top-cont-title-back-img {
    --x-pos: -20vw;
    --y-pos: -27vw;
  }
}
@media screen and (min-width: 1700px) and (max-width: 9999px) {
  vtamago-top-cont-title-area .news vtamago-top-cont-title-back-img {
    --x-pos: -20vw;
    --y-pos: -27vw;
  }
}
vtamago-top-cont-title-area .goods {
  background: radial-gradient(circle, transparent 20%, rgb(254, 232, 222) 20%, rgb(254, 232, 222) 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, rgb(254, 232, 222) 20%, rgb(254, 232, 222) 80%, transparent 80%, transparent) calc(var(--title-bg-size) * 50px) calc(var(--title-bg-size) * 50px), linear-gradient(rgb(0, 255, 8) calc(var(--title-bg-size) * 4px), transparent calc(var(--title-bg-size) * 4px)) 0 calc(var(--title-bg-size) * -2px), linear-gradient(90deg, rgb(0, 255, 8) calc(var(--title-bg-size) * 4px), rgb(254, 232, 222) calc(var(--title-bg-size) * 4px)) calc(var(--title-bg-size) * -2px) 0;
  background-size: calc(var(--title-bg-size) * 100px) calc(var(--title-bg-size) * 100px), calc(var(--title-bg-size) * 100px) calc(var(--title-bg-size) * 100px), calc(var(--title-bg-size) * 50px) calc(var(--title-bg-size) * 50px), calc(var(--title-bg-size) * 50px) calc(var(--title-bg-size) * 50px);
}
vtamago-top-cont-title-area .goods vtamago-top-cont-title-back-img {
  display: block;
  background-image: url(/img/wahu2_Cut.png);
  background-size: 60%;
  background-position: var(--x-pos) var(--y-pos);
  background-repeat: no-repeat;
}
@media screen and (min-width: 0px) and (max-width: 300px) {
  vtamago-top-cont-title-area .goods vtamago-top-cont-title-back-img {
    --x-pos: 5vw;
    --y-pos: -17vw;
  }
}
@media screen and (min-width: 300px) and (max-width: 500px) {
  vtamago-top-cont-title-area .goods vtamago-top-cont-title-back-img {
    --x-pos: 5vw;
    --y-pos: -17vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 700px) {
  vtamago-top-cont-title-area .goods vtamago-top-cont-title-back-img {
    --x-pos: 5vw;
    --y-pos: -17vw;
  }
}
@media screen and (min-width: 700px) and (max-width: 900px) {
  vtamago-top-cont-title-area .goods vtamago-top-cont-title-back-img {
    --x-pos: 5vw;
    --y-pos: -17vw;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  vtamago-top-cont-title-area .goods vtamago-top-cont-title-back-img {
    --x-pos: 5vw;
    --y-pos: -17vw;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
  vtamago-top-cont-title-area .goods vtamago-top-cont-title-back-img {
    --x-pos: 5vw;
    --y-pos: -17vw;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
  vtamago-top-cont-title-area .goods vtamago-top-cont-title-back-img {
    --x-pos: 5vw;
    --y-pos: -17vw;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1700px) {
  vtamago-top-cont-title-area .goods vtamago-top-cont-title-back-img {
    --x-pos: 5vw;
    --y-pos: -17vw;
  }
}
@media screen and (min-width: 1700px) and (max-width: 9999px) {
  vtamago-top-cont-title-area .goods vtamago-top-cont-title-back-img {
    --x-pos: 5vw;
    --y-pos: -17vw;
  }
}

/**************************************************************************************************/
/** メンバーのやつ **/
/**************************************************************************************************/
main {
  /****************************************/
  /** メンバーのタイトル **/
  /****************************************/
  /****************************************/
  /** メンバーの項目 **/
  /****************************************/
  /****************************************/
  /** メンバーの項目_サイズ調整とか **/
  /****************************************/
}
main vtamago-top-membar-cont-title-area {
  margin-top: calc(var(--space) * 4);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--sAreaWidth);
  translate: calc((100vw - var(--sAreaWidth)) / 2) 0;
  height: calc(var(--title-height));
  font-size: 10vw;
  font-family: "DotGothic16", sans-serif;
  color: #313277;
  font-size: var(--title-font-size);
  font-family: "DotGothic16", sans-serif;
  -webkit-text-stroke: var(--title-stroke) #313277;
  color: #313277;
}
main vtamago-top-membar-cont-title-area vtamago-top-member-cont-title-sent {
  opacity: 0;
}
main vtamago-top-membar-cont-item-area {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: var(--sAreaWidth);
  translate: calc((100vw - var(--sAreaWidth)) / 2) 0;
  font-size: 10vw;
  --vtamago-top-member-item-width: 10vw;
  --vtamago-top-member-item-height: 16vw;
  padding-top: var(--space);
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--space);
  --dummySize: 100px;
  --dummyColor: rgba(0,0,0,.0);
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a {
  background-color: red;
  width: var(--vtamago-top-member-item-width);
  height: var(--vtamago-top-member-item-height);
  background-color: white;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid skyblue;
  border-radius: 5px;
  box-sizing: border-box;
  scale: 0;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-timing-function: ease;
  animation-direction: normal;
}
@keyframes vtamago-top-membar-cont-item {
  from {
    scale: 0;
    rotate: 360deg;
  }
  to {
    scale: 1;
    rotate: 0deg;
  }
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.2s;
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a .mainImg, main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a .mainImg_yume {
  opacity: 0;
  scale: 0;
  transition-delay: 0.5s;
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a .nameImg {
  opacity: 0;
  scale: 0;
  translate: 0 calc(var(--vtamago-top-member-item-height) / 5);
  transition: all 0.5s;
  transition-delay: 0s;
  rotate: 360deg;
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a .miniImg {
  opacity: 1;
  scale: 1;
  transition-delay: 0.5s;
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a:hover .mainImg {
  opacity: 1;
  scale: 1;
  width: 120%;
  height: 120%;
  transition-delay: 0s;
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a:hover .mainImg_yume {
  opacity: 1;
  scale: 1.2;
  width: 120%;
  height: 120%;
  transition-delay: 0s;
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a:hover .nameImg {
  opacity: 1;
  scale: 1;
  width: 120%;
  height: 120%;
  transition-delay: 0.2s;
  rotate: 0deg;
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a:hover .miniImg {
  opacity: 0;
  scale: 0;
  transition-delay: 0s;
}
@media screen and (min-width: 0px) and (max-width: 300px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area {
    --dummySize: 0px;
  }
}
@media screen and (min-width: 300px) and (max-width: 500px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area {
    --dummySize: 0px;
  }
}
@media screen and (min-width: 500px) and (max-width: 700px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area {
    --dummySize: 0px;
  }
}
@media screen and (min-width: 700px) and (max-width: 900px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area {
    --dummySize: 0px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area {
    --dummySize: 60px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area {
    --dummySize: 70px;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area {
    --dummySize: 80px;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1700px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area {
    --dummySize: 90px;
  }
}
@media screen and (min-width: 1700px) and (max-width: 9999px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area {
    --dummySize: 100px;
  }
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area vtamago-dummy {
  background-color: var(--dummyColor);
  position: absolute;
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area vtamago-dummy:nth-of-type(1) {
  width: calc(var(--vtamago-top-member-item-width) + var(--dummySize) * 2);
  height: var(--dummySize);
  top: calc(var(--dummySize) * -1);
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area vtamago-dummy:nth-of-type(2) {
  width: calc(var(--vtamago-top-member-item-width) + var(--dummySize) * 2);
  height: var(--dummySize);
  bottom: calc(var(--dummySize) * -1);
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area vtamago-dummy:nth-of-type(3) {
  width: var(--dummySize);
  height: calc(var(--vtamago-top-member-item-height) + var(--dummySize) * 2);
  right: calc(var(--dummySize) * -1);
}
main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area vtamago-dummy:nth-of-type(4) {
  width: var(--dummySize);
  height: calc(var(--vtamago-top-member-item-height) + var(--dummySize) * 2);
  left: calc(var(--dummySize) * -1);
}
@media screen and (min-width: 0px) and (max-width: 900px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a .mainImg {
    opacity: 1;
    scale: 1;
    width: 120%;
    height: 120%;
  }
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a .nameImg {
    opacity: 1;
    scale: 1;
    width: 120%;
    height: 120%;
  }
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a .miniImg {
    display: none;
  }
}
@media screen and (min-width: 0px) and (max-width: 300px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a {
    --vtamago-top-member-item-width: 26vw;
    --vtamago-top-member-item-height: 41.6vw;
  }
}
@media screen and (min-width: 300px) and (max-width: 500px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a {
    --vtamago-top-member-item-width: 24vw;
    --vtamago-top-member-item-height: 38.4vw;
  }
}
@media screen and (min-width: 500px) and (max-width: 700px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a {
    --vtamago-top-member-item-width: 22vw;
    --vtamago-top-member-item-height: 35.2vw;
  }
}
@media screen and (min-width: 700px) and (max-width: 900px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a {
    --vtamago-top-member-item-width: 20vw;
    --vtamago-top-member-item-height: 32vw;
  }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a {
    --vtamago-top-member-item-width: 18vw;
    --vtamago-top-member-item-height: 28.8vw;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a {
    --vtamago-top-member-item-width: 16vw;
    --vtamago-top-member-item-height: 25.6vw;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a {
    --vtamago-top-member-item-width: 14vw;
    --vtamago-top-member-item-height: 22.4vw;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1700px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a {
    --vtamago-top-member-item-width: 12vw;
    --vtamago-top-member-item-height: 19.2vw;
  }
}
@media screen and (min-width: 1700px) and (max-width: 9999px) {
  main vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area a {
    --vtamago-top-member-item-width: 10vw;
    --vtamago-top-member-item-height: 16vw;
  }
}

/****************************************/
/** 概要 **/
/****************************************/
vtamago-top-overview-area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: calc(100dvh - 15vh);
}
vtamago-top-overview-area vtamago-top-overview {
  position: relative;
  width: var(--sAreaWidth);
  display: flex;
  border-radius: 5px;
  border: 1px solid skyblue;
}
vtamago-top-overview-area vtamago-top-overview vtamago-top-overview-sent {
  position: relative;
  font-size: var(--h1);
  font-family: "M PLUS Rounded 1c", sans-serif;
  z-index: 2;
  margin: var(--h1);
  color: #313277;
  line-height: calc(var(--h1) * 1.25);
  box-sizing: border-box;
}
vtamago-top-overview-area vtamago-top-overview vtamago-top-overview-sent vtamago-emoji-egg-area-area {
  position: relative;
  display: inline-block;
  opacity: 1;
}
vtamago-top-overview-area vtamago-top-overview vtamago-top-overview-sent vtamago-emoji-egg-area-area vtamago-emoji-egg-area {
  display: block;
  width: var(--h1);
  height: var(--h1);
  translate: 0 calc(var(--h1) * 1.25 / 10);
}
vtamago-top-overview-area vtamago-top-overview vtamago-top-overview-sent vtamago-emoji-egg-area-area vtamago-emoji-egg-area vtamago-emoji-egg {
  position: relative;
  display: block;
  width: var(--h1);
  height: var(--h1);
  overflow: hidden;
}
vtamago-top-overview-area vtamago-top-overview vtamago-top-overview-sent vtamago-emoji-egg-area-area vtamago-emoji-egg-area vtamago-emoji-egg img {
  position: absolute;
  display: inline-flexbox;
  opacity: 1;
  width: calc(var(--h1) / 10 * 12);
  height: calc(var(--h1) / 10 * 12);
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
vtamago-top-overview-area vtamago-top-overview vtamago-top-overview-sent vtamago-emoji-egg-area-area vtamago-emoji-egg-area vtamago-emoji-egg .meyu {
  width: calc(var(--h1) / 10 * 16);
  height: calc(var(--h1) / 10 * 16);
  background-color: transparent;
}
vtamago-top-overview-area vtamago-top-overview vtamago-top-overview-bg-area {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
vtamago-top-overview-area vtamago-top-overview vtamago-top-overview-bg-area img, vtamago-top-overview-area vtamago-top-overview vtamago-top-overview-bg-area .yume {
  position: absolute;
  z-index: 1;
  opacity: 0.1;
  width: 200%;
  height: 200%;
  object-fit: contain;
  left: -20%;
  top: -10%;
}
vtamago-top-overview-area vtamago-top-overview vtamago-top-overview-bg-area .meyu {
  width: 290%;
  height: 290%;
  opacity: 0.1;
  left: auto;
  right: -60%;
  top: -30%;
}
vtamago-top-overview-area .meyu {
  box-sizing: border-box;
  border: 2px solid rgb(212, 134, 196);
  background-color: rgba(168, 217, 249, 0.3);
}

/****************************************/
/** タブレット以下の時に横スクロールに変える **/
/****************************************/
@media screen and (min-width: 0px) and (max-width: 900px) {
  vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-back,
vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-next {
    display: none;
  }
  vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-item-s-rArea vtamago-top-cont-item-s-area {
    overflow-x: scroll;
  }
}
/****************************************/
/** アニメーションの移植（jsで操作出来るように。アニメーション名だけでいい） **/
/****************************************/
.anim_vtamago-top-cont-item-s-rrArea vtamago-top-cont-item-s-rrArea {
  animation-delay: 1s;
  animation-duration: 1s;
  animation-name: vtamago-top-cont-item-s-rrArea;
}
.anim_vtamago-top-cont-item-s-rrArea vtamago-top-cont-title-area {
  animation-delay: 0s;
  animation-duration: 2s;
  animation-name: titleAreaAnimation;
}
.anim_vtamago-top-cont-item-s-rrArea vtamago-top-cont-title-area vtamago-top-cont-title {
  animation-delay: 0s;
  animation-duration: 2s;
  animation-name: sTitleArea-TitleAnimation;
}
.anim_vtamago-top-cont-item-s-rrArea vtamago-top-cont-title-area vtamago-top-cont-title-back-ground {
  animation-delay: 0s;
  animation-duration: 2s;
  animation-name: titleAreaAnimation2;
}

.amin_vtamago-top-member-area vtamago-top-membar-cont-title-area vtamago-top-member-cont-title-sent:nth-of-type(1) {
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-direction: normal;
  animation-duration: 1.4s;
  animation-delay: 0s;
  animation-name: memberContTitleAnim1;
}
@keyframes memberContTitleAnim1 {
  0% {
    translate: 80vw 0;
    opacity: 0;
  }
  100% {
    translate: 0 0;
    opacity: 1;
  }
}
.amin_vtamago-top-member-area vtamago-top-membar-cont-title-area vtamago-top-member-cont-title-sent:nth-of-type(2) {
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-direction: normal;
  animation-duration: 1.2s;
  animation-delay: 0s;
  animation-name: memberContTitleAnim2;
}
@keyframes memberContTitleAnim2 {
  0% {
    translate: 70vw 0;
    opacity: 0;
  }
  100% {
    translate: 0 0;
    opacity: 1;
  }
}
.amin_vtamago-top-member-area vtamago-top-membar-cont-title-area vtamago-top-member-cont-title-sent:nth-of-type(3) {
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-direction: normal;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-name: memberContTitleAnim3;
}
@keyframes memberContTitleAnim3 {
  0% {
    translate: 60vw 0;
    opacity: 0;
  }
  100% {
    translate: 0 0;
    opacity: 1;
  }
}
.amin_vtamago-top-member-area vtamago-top-membar-cont-title-area vtamago-top-member-cont-title-sent:nth-of-type(4) {
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-direction: normal;
  animation-duration: 0.8s;
  animation-delay: 0s;
  animation-name: memberContTitleAnim4;
}
@keyframes memberContTitleAnim4 {
  0% {
    translate: 50vw 0;
    opacity: 0;
  }
  100% {
    translate: 0 0;
    opacity: 1;
  }
}
.amin_vtamago-top-member-area vtamago-top-membar-cont-title-area vtamago-top-member-cont-title-sent:nth-of-type(5) {
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-direction: normal;
  animation-duration: 0.6s;
  animation-delay: 0s;
  animation-name: memberContTitleAnim5;
}
@keyframes memberContTitleAnim5 {
  0% {
    translate: 40vw 0;
    opacity: 0;
  }
  100% {
    translate: 0 0;
    opacity: 1;
  }
}
.amin_vtamago-top-member-area vtamago-top-membar-cont-title-area vtamago-top-member-cont-title-sent:nth-of-type(6) {
  animation-fill-mode: forwards;
  animation-timing-function: ease;
  animation-direction: normal;
  animation-duration: 0.4s;
  animation-delay: 0s;
  animation-name: memberContTitleAnim6;
}
@keyframes memberContTitleAnim6 {
  0% {
    translate: 30vw 0;
    opacity: 0;
  }
  100% {
    translate: 0 0;
    opacity: 1;
  }
}
.amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(1) a {
  animation-name: vtamago-top-membar-cont-item;
  animation-delay: 1s;
}
.amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(1) a img {
  animation-delay: 1.5s;
}
@media screen and (min-width: 0px) and (max-width: 900px) {
  .amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(1) a .mainImg {
    opacity: 0;
    width: 120%;
    height: 120%;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: vtamago-top-membar-cont-item_img_mainImg;
  }
  @keyframes vtamago-top-membar-cont-item_img_mainImg {
    from {
      width: 0%;
      height: 0%;
      rotate: 360deg;
    }
    to {
      width: 120%;
      height: 120%;
      rotate: 0deg;
      opacity: 1;
    }
  }
  .amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(1) a .nameImg {
    opacity: 0;
    width: 120%;
    height: 120%;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: vtamago-top-membar-cont-item_img_nameImg;
  }
  @keyframes vtamago-top-membar-cont-item_img_nameImg {
    from {
      width: 0%;
      height: 0%;
      rotate: 360deg;
    }
    to {
      width: 120%;
      height: 120%;
      rotate: 0deg;
      opacity: 1;
    }
  }
}
@media screen and (min-width: 900px) and (max-width: 9999px) {
  .amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(1) a .miniImg {
    opacity: 0;
    width: 120%;
    height: 120%;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: vtamago-top-membar-cont-item_img_miniImg;
  }
  @keyframes vtamago-top-membar-cont-item_img_miniImg {
    from {
      width: 0%;
      height: 0%;
      rotate: 360deg;
    }
    to {
      width: 120%;
      height: 120%;
      rotate: 0deg;
      opacity: 1;
    }
  }
}
.amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(2) a {
  animation-name: vtamago-top-membar-cont-item;
  animation-delay: 1.2s;
}
.amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(2) a img {
  animation-delay: 1.7s;
}
@media screen and (min-width: 0px) and (max-width: 900px) {
  .amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(2) a .mainImg {
    opacity: 0;
    width: 120%;
    height: 120%;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: vtamago-top-membar-cont-item_img_mainImg;
  }
  @keyframes vtamago-top-membar-cont-item_img_mainImg {
    from {
      width: 0%;
      height: 0%;
      rotate: 360deg;
    }
    to {
      width: 120%;
      height: 120%;
      rotate: 0deg;
      opacity: 1;
    }
  }
  .amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(2) a .nameImg {
    opacity: 0;
    width: 120%;
    height: 120%;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: vtamago-top-membar-cont-item_img_nameImg;
  }
  @keyframes vtamago-top-membar-cont-item_img_nameImg {
    from {
      width: 0%;
      height: 0%;
      rotate: 360deg;
    }
    to {
      width: 120%;
      height: 120%;
      rotate: 0deg;
      opacity: 1;
    }
  }
}
@media screen and (min-width: 900px) and (max-width: 9999px) {
  .amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(2) a .miniImg {
    opacity: 0;
    width: 120%;
    height: 120%;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: vtamago-top-membar-cont-item_img_miniImg;
  }
  @keyframes vtamago-top-membar-cont-item_img_miniImg {
    from {
      width: 0%;
      height: 0%;
      rotate: 360deg;
    }
    to {
      width: 120%;
      height: 120%;
      rotate: 0deg;
      opacity: 1;
    }
  }
}
.amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(3) a {
  animation-name: vtamago-top-membar-cont-item;
  animation-delay: 1.4s;
}
.amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(3) a img {
  animation-delay: 1.9s;
}
@media screen and (min-width: 0px) and (max-width: 900px) {
  .amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(3) a .mainImg {
    opacity: 0;
    width: 120%;
    height: 120%;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: vtamago-top-membar-cont-item_img_mainImg;
  }
  @keyframes vtamago-top-membar-cont-item_img_mainImg {
    from {
      width: 0%;
      height: 0%;
      rotate: 360deg;
    }
    to {
      width: 120%;
      height: 120%;
      rotate: 0deg;
      opacity: 1;
    }
  }
  .amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(3) a .nameImg {
    opacity: 0;
    width: 120%;
    height: 120%;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: vtamago-top-membar-cont-item_img_nameImg;
  }
  @keyframes vtamago-top-membar-cont-item_img_nameImg {
    from {
      width: 0%;
      height: 0%;
      rotate: 360deg;
    }
    to {
      width: 120%;
      height: 120%;
      rotate: 0deg;
      opacity: 1;
    }
  }
}
@media screen and (min-width: 900px) and (max-width: 9999px) {
  .amin_vtamago-top-member-area vtamago-top-membar-cont-item-area vtamago-top-membar-cont-item-s-area:nth-of-type(3) a .miniImg {
    opacity: 0;
    width: 120%;
    height: 120%;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: vtamago-top-membar-cont-item_img_miniImg;
  }
  @keyframes vtamago-top-membar-cont-item_img_miniImg {
    from {
      width: 0%;
      height: 0%;
      rotate: 360deg;
    }
    to {
      width: 120%;
      height: 120%;
      rotate: 0deg;
      opacity: 1;
    }
  }
}

/****************************************/
/** 売り切れのやつ **/
/****************************************/
body main vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-item-s-rArea vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-goods-link {
  --topContGoodsGridCalc1: var(--hSpace);
  --topContGoodsGridCalc2: calc(var(--sWidth) - var(--space));
  --topContGoodsGridCalc3: var(--hSpace);
  --topContGoodsFontSize: calc(var(--topContGoodsGridCalc2) / 14);
  --topContGoodsGridRow1: calc(var(--sWidth) * 5 / 8);
  --topContGoodsGridRow2: var(--hSpace);
  --topContGoodsGridRow3: calc(var(--topContGoodsFontSize) * 3.6);
  --topContGoodsGridRow4: var(--hSpace);
  display: block;
  display: grid;
  grid-template-columns: var(--topContGoodsGridCalc1) var(--topContGoodsGridCalc2) var(--topContGoodsGridCalc3);
  grid-template-rows: var(--topContGoodsGridRow1) var(--topContGoodsGridRow2) var(--topContGoodsGridRow3) var(--topContGoodsGridRow4);
  border-radius: 5px;
  overflow: hidden;
}
body main vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-item-s-rArea vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-goods-link vtamago-top-cont-img {
  grid-column: 1/4;
  grid-row: 1;
  overflow: hidden;
  border-radius: 5px;
}
body main vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-item-s-rArea vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-goods-link vtamago-top-cont-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
body main vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-item-s-rArea vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-goods-link vtamago-top-cont-title {
  grid-column: 2;
  grid-row: 3;
  font-size: var(--topContGoodsFontSize);
  line-height: calc(var(--topContGoodsFontSize) * 1.17);
  overflow: hidden;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: "M PLUS Rounded 1c", sans-serif;
}
body main vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-item-s-rArea vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-goods-link vtamago-top-cont-bg-img {
  grid-column: 2/6;
  grid-row: 2/7;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
body main vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-item-s-rArea vtamago-top-cont-item-s-area vtamago-top-cont-item-s .vtamago-top-cont-item-s-goods-link vtamago-top-cont-bg-img img {
  width: 140%;
  height: 140%;
  object-fit: cover;
  opacity: 0.1;
  z-index: 0;
}
body main vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-item-s-rArea vtamago-top-cont-item-s-area vtamago-top-cont-item-s a {
  position: relative;
}
body main vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-item-s-rArea vtamago-top-cont-item-s-area vtamago-top-cont-item-s a vtamago-top-cont-goods-sold-out {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
body main vtamago-top-cont-area vtamago-top-cont-item-s-rrArea vtamago-top-cont-item-s-rArea vtamago-top-cont-item-s-area vtamago-top-cont-item-s a vtamago-top-cont-goods-sold-out::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "SOLD OUT";
  color: red;
  font-size: calc(var(--sWidth) / 6);
  rotate: 40deg;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
}

/****************************************/
/** 応募ボタン **/
/****************************************/
.vtamago-top-apply-area {
  --v-t-a-width: 85vw;
  --v-t-a-height: calc(var(--v-t-a-width) / 8);
  --v-t-a-i-size: calc(var(--v-t-a-width) / 5);
  --v-t-a-gb-color: rgb(138, 255, 255);
  display: flex;
  width: calc(var(--v-t-a-width) + var(--v-t-a-i-size) * 2);
  translate: calc((100vw - (var(--v-t-a-width) + var(--v-t-a-i-size) * 2)) / 2) 0;
  position: relative;
  align-items: center;
  justify-content: center;
  height: var(--v-t-a-height);
}
.vtamago-top-apply-area vtamago-top-apply-left-egg,
.vtamago-top-apply-area vtamago-top-apply-right-egg {
  position: absolute;
  z-index: 5;
}
.vtamago-top-apply-area vtamago-top-apply-left-egg img,
.vtamago-top-apply-area vtamago-top-apply-right-egg img {
  width: var(--v-t-a-i-size);
}
.vtamago-top-apply-area vtamago-top-apply-left-egg {
  left: calc(var(--v-t-a-i-size) / 2 * -1);
  animation-name: vtamago-top-apply-left-egg;
  animation-fill-mode: forwards;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-direction: normal;
}
.vtamago-top-apply-area vtamago-top-apply-center-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1vw;
  width: 0;
  background-color: skyblue;
  z-index: 1;
  width: 0;
  width: calc(100vw + var(--v-t-a-i-size) * 2);
  height: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}
.vtamago-top-apply-area vtamago-top-apply-center-area vtamago-top-apply-bef-color-area {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  overflow: hidden;
}
.vtamago-top-apply-area vtamago-top-apply-center-area vtamago-top-apply-bef-color {
  position: relative;
  display: block;
  background-color: pink;
  width: calc(var(--v-t-a-width) + var(--v-t-a-width) / 5 * 2);
  height: 100%;
  translate: -calc(var(--v-t-a-width)/5) 0;
  opacity: 0.2;
  transition: all 1s;
}
.vtamago-top-apply-area vtamago-top-apply-center-area vtamago-top-apply-text-area {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-size: calc(var(--v-t-a-width) / 13);
  font-family: "DotGothic16", sans-serif;
  color: yellow;
  background: linear-gradient(135deg, yellow 0%, #fa505e 100%);
  background: -webkit-linear-gradient(-45deg, yellow 0%, #fa505e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 6;
  transition: all 0.2s;
}
.vtamago-top-apply-area vtamago-top-apply-center-area vtamago-top-apply-bg-area {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
}
.vtamago-top-apply-area vtamago-top-apply-center-area vtamago-top-apply-bg-area vtamago-top-apply-bg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--v-t-a-width);
  height: var(--v-t-a-height);
  z-index: 2;
  transition: scale 0.3s;
}
.vtamago-top-apply-area vtamago-top-apply-center-area vtamago-top-apply-bg-area vtamago-top-apply-bg img {
  width: var(--v-t-a-width);
  translate: 0 calc(var(--v-t-a-height) * 3.7);
  opacity: 0.1;
}
.vtamago-top-apply-area vtamago-top-apply-right-egg {
  right: calc(var(--v-t-a-i-size) / 2 * -1);
  animation-name: vtamago-top-apply-right-egg;
  animation-fill-mode: forwards;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-direction: normal;
}
.vtamago-top-apply-area vtamago-top-apply-center-area:hover vtamago-top-apply-text-area {
  scale: 1.1;
}
.vtamago-top-apply-area vtamago-top-apply-center-area:hover vtamago-top-apply-bg {
  scale: 0.9;
}
.vtamago-top-apply-area vtamago-top-apply-center-area:hover vtamago-top-apply-bef-color {
  width: 0;
}

.vtamago-top-apply-area-animation vtamago-top-apply-center-area {
  animation-name: vtamago-top-apply-center-area;
  animation-fill-mode: forwards;
  animation-duration: 2.5s;
  animation-timing-function: ease;
  animation-direction: normal;
}
@keyframes vtamago-top-apply-center-area {
  0% {
    width: calc(100vw + var(--v-t-a-i-size) * 2);
  }
  30% {
    width: 0vw;
    height: 0;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }
  31% {
    width: 0vw;
    height: 0;
    border: 1px dashed black;
    background-color: var(--v-t-a-gb-color);
    border-radius: 0;
  }
  60% {
    width: var(--v-t-a-width);
    height: 0;
    border: 1px dashed black;
    background-color: var(--v-t-a-gb-color);
    border-radius: 0;
  }
  61% {
    width: var(--v-t-a-width);
    height: 0;
    border: 1px dashed black;
    background-color: var(--v-t-a-gb-color);
    border-radius: 10px;
  }
  100% {
    width: var(--v-t-a-width);
    height: var(--v-t-a-height);
    border: 0;
    background-color: var(--v-t-a-gb-color);
    border-radius: 10px;
  }
}

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