@charset "UTF-8";
/* 模様１ */
/* 模様２ */
/* 模様３ */
/* 模様４ */
/* ゴミ？ */
/* ゴミ？ */
/* 指定した行以降省略 */
/** video用パターン **/
/* タイトル用 */
/* エリア用 */
/* 日付タイトル用 */
@media screen and (min-width: 0px) and (max-width: 500px) {
  :root {
    --areaWidth: 92vw;
    --space: 4vw;
    --nameWidth: 80vw;
    --nameHeight: calc(var(--nameWidth) / 3);
    --imgAreaWidth: 100%;
    --imgWidth: 92vw;
    --imgHeith: calc(var(--imgWidth) * 18 / 13);
    --linkAreaWidth: calc(var(--areaWidth));
    --contSWidth: calc((var(--areaWidth) - (var(--space) * 12)) / 3);
    --contSHeight: calc(var(--contSWidth));
    --contSMarginLeft: 0;
    --vtamagoMemberLinkSAreaTopSpace: 0px;
    --contMWidth: calc(
        (var(--contSWidth) * 2) +
        (var(--space) * 2) +
        (var(--contSWidth) / 2) -
        (var(--space) / 2)
    );
    --contMHeight: calc(var(--contSHeight));
    --contMGridHeight: calc(var(--contSHeight));
    --contMMarginLeft: 0;
    --justify-content: space-around;
    --contLWidth: calc(var(--areaWidth) - (var(--space) * 2));
    --contLHeight: calc(var(--contLWidth) * 9 / 16);
    --linkSRow: calc(var(--contSHeight));
    --linkMRow: calc(var(--contSHeight));
    --linkLWidth: calc(var(--areaWidth) - (var(--space) * 2));
    --linkLRow: calc(var(--contLWidth) * 9 / 16);
  }
}
@media screen and (min-width: 500px) and (max-width: 1300px) {
  :root {
    --areaWidth: 80vw;
    --space: 1vw;
    --nameWidth: 25vw;
    --nameHeight: calc(var(--nameWidth) / 3);
    --imgAreaWidth: 50%;
    --imgWidth: 26vw;
    --imgHeith: 36vw;
    --linkAreaWidth: 50%;
    --contSWidth: 5vw;
    --contSHeight: calc(var(--contSWidth));
    --contSMarginLeft: calc(var(--space));
    --vtamagoMemberLinkSAreaTopSpace: calc(var(--space) * 3);
    --contMWidth: calc(
        (var(--contSWidth) * 2) +
        (var(--space) * 2) +
        (var(--contSWidth) / 2) -
        (var(--space) / 2)
    );
    --contMHeight: calc(var(--contSHeight));
    --contMGridHeight: calc(var(--contSHeight));
    --contMMarginLeft: calc(var(--space));
    --justify-content: left;
    --contLWidth: calc(var(--contMWidth) * 2 + var(--space));
    --contLHeight: calc(var(--contLWidth) * 9 / 16);
    --linkSRow: calc(var(--contSHeight));
    --linkMRow: calc(var(--contSHeight));
    --linkLWidth: calc(var(--contMWidth) * 2 + var(--space));
    --linkLRow: calc(var(--contLWidth) * 9 / 16);
  }
}
@media screen and (min-width: 1300px) and (max-width: 9999px) {
  :root {
    --areaWidth: 60vw;
    --space: 1vw;
    --nameWidth: 25vw;
    --nameHeight: calc(var(--nameWidth) / 3);
    --imgAreaWidth: 50%;
    --imgWidth: 26vw;
    --imgHeith: 36vw;
    --linkAreaWidth: 50%;
    --contSWidth: 4vw;
    --contSHeight: calc(var(--contSWidth));
    --contSMarginLeft: calc(var(--space));
    --vtamagoMemberLinkSAreaTopSpace: calc(var(--space) * 3);
    --contMWidth: calc(
        (var(--contSWidth) * 2) +
        (var(--space) * 2) +
        (var(--contSWidth) / 2) -
        (var(--space) / 2)
    );
    --contMHeight: calc(var(--contSHeight));
    --contMGridHeight: calc(var(--contSHeight));
    --contMMarginLeft: calc(var(--space));
    --justify-content: left;
    --contLWidth: calc(var(--contMWidth) * 2 + var(--space));
    --contLHeight: calc(var(--contLWidth) * 9 / 16);
    --linkSRow: calc(var(--contSHeight));
    --linkMRow: calc(var(--contSHeight));
    --linkLWidth: calc(var(--contMWidth) * 2 + var(--space));
    --linkLRow: calc(var(--contLWidth) * 9 / 16);
  }
}
main {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  /* PCタブレット用アニメーション */
  /* スマホ用アニメーション */
}
main vtamago-member-contents:not(:last-of-type) {
  margin-bottom: var(--space);
}
@media screen and (min-width: 500px) and (max-width: 9999px) {
  main .vtamago-member-anim vtamago-member-name-area vtamago-member-name-contents vtamago-member-name-shutter {
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: nameAnimation;
  }
  @keyframes nameAnimation {
    0% {
      height: 0;
      width: 0;
      border-top: 1px dashed black;
      border-bottom: 0px dashed black;
      opacity: 1;
    }
    50% {
      height: 0;
      width: var(--nameWidth);
    }
    55% {
      border-top: 1px dashed black;
      border-bottom: 0px solid black;
      height: 0;
      width: var(--nameWidth);
    }
    56% {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
    100% {
      border-top: 0 solid red;
      border-bottom: 0 solid red;
      height: var(--nameHeight);
      opacity: 1;
    }
  }
  main .vtamago-member-anim vtamago-member-image-area vtamago-member-image-contents vtamago-member-image-shutter {
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: imgAnimation;
  }
  @keyframes imgAnimation {
    0% {
      height: 0;
      width: 0;
      border-top: 1px dashed black;
      border-bottom: 0px dashed black;
      opacity: 1;
    }
    50% {
      height: 0;
      width: var(--imgWidth);
    }
    55% {
      border-top: 1px dashed black;
      border-bottom: 0px solid black;
      height: 0;
      width: var(--imgWidth);
    }
    56% {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
    100% {
      border-top: 0 solid red;
      border-bottom: 0 solid red;
      height: var(--imgHeith);
      opacity: 1;
    }
  }
  main .vtamago-member-anim vtamago-member-links-area vtamago-member-link-s-area vtamago-member-link-s-contents vtamago-member-link-s-shutter {
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: contSAnimation1;
  }
  @keyframes contSAnimation1 {
    0% {
      height: 0;
      width: 0;
      border-top: 1px dashed black;
      border-bottom: 0px dashed black;
      opacity: 1;
    }
    50% {
      height: 0;
      width: var(--contSWidth);
    }
    55% {
      border-top: 1px dashed black;
      border-bottom: 0px solid black;
      height: 0;
      width: var(--contSWidth);
    }
    56% {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
    100% {
      border-top: 0 solid red;
      border-bottom: 0 solid red;
      height: var(--contSHeight);
      opacity: 1;
    }
  }
  main .vtamago-member-anim vtamago-member-links-area vtamago-member-link-m-area vtamago-member-link-m-contents vtamago-member-link-m-shutter {
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: contMAnimation1;
  }
  @keyframes contMAnimation1 {
    0% {
      height: 0;
      width: 0;
      border-top: 1px dashed black;
      border-bottom: 0px dashed black;
      opacity: 1;
    }
    50% {
      height: 0;
      width: var(--contMWidth);
    }
    55% {
      border-top: 1px dashed black;
      border-bottom: 0px solid black;
      height: 0;
      width: var(--contMWidth);
    }
    56% {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
    100% {
      border-top: 0 solid red;
      border-bottom: 0 solid red;
      height: var(--contMHeight);
      opacity: 1;
    }
  }
  main .vtamago-member-anim vtamago-member-links-area vtamago-member-link-l-area vtamago-member-link-l-contents vtamago-member-link-l-shutter {
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: contlAnimation1;
  }
  @keyframes contlAnimation1 {
    0% {
      height: 0;
      width: 0;
      border-top: 1px dashed black;
      border-bottom: 0px dashed black;
      opacity: 1;
    }
    50% {
      height: 0;
      width: var(--contLWidth);
    }
    55% {
      border-top: 1px dashed black;
      border-bottom: 0px solid black;
      height: 0;
      width: var(--contLWidth);
    }
    56% {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
    100% {
      border-top: 0 solid red;
      border-bottom: 0 solid red;
      height: var(--contLHeight);
      opacity: 1;
    }
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) {
  main .vtamago-member-anim vtamago-member-name-area vtamago-member-name-contents .vtamago-member-anim {
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: nameAnimation;
  }
  @keyframes nameAnimation {
    0% {
      height: 0;
      width: 0;
      border-top: 1px dashed black;
      border-bottom: 0px dashed black;
      opacity: 1;
    }
    50% {
      height: 0;
      width: var(--nameWidth);
    }
    55% {
      border-top: 1px dashed black;
      border-bottom: 0px solid black;
      height: 0;
      width: var(--nameWidth);
    }
    56% {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
    100% {
      border-top: 0 solid red;
      border-bottom: 0 solid red;
      height: var(--nameHeight);
      opacity: 1;
    }
  }
  main .vtamago-member-anim vtamago-member-image-area vtamago-member-image-contents .vtamago-member-anim {
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: imgAnimation;
  }
  @keyframes imgAnimation {
    0% {
      height: 0;
      width: 0;
      border-top: 1px dashed black;
      border-bottom: 0px dashed black;
      opacity: 1;
    }
    50% {
      height: 0;
      width: var(--imgWidth);
    }
    55% {
      border-top: 1px dashed black;
      border-bottom: 0px solid black;
      height: 0;
      width: var(--imgWidth);
    }
    56% {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
    100% {
      border-top: 0 solid red;
      border-bottom: 0 solid red;
      height: var(--imgHeith);
      opacity: 1;
    }
  }
  main .vtamago-member-anim vtamago-member-links-area vtamago-member-link-s-area vtamago-member-link-s-contents:nth-of-type(1) .vtamago-member-anim {
    animation-delay: 0s;
  }
  main .vtamago-member-anim vtamago-member-links-area vtamago-member-link-s-area vtamago-member-link-s-contents:nth-of-type(2) .vtamago-member-anim {
    animation-delay: 0.5s;
  }
  main .vtamago-member-anim vtamago-member-links-area vtamago-member-link-s-area vtamago-member-link-s-contents:nth-of-type(3) .vtamago-member-anim {
    animation-delay: 1s;
  }
  main .vtamago-member-anim vtamago-member-links-area vtamago-member-link-s-area vtamago-member-link-s-contents .vtamago-member-anim {
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: contSAnimation1;
  }
  @keyframes contSAnimation1 {
    0% {
      height: 0;
      width: 0;
      border-top: 1px dashed black;
      border-bottom: 0px dashed black;
      opacity: 1;
    }
    50% {
      height: 0;
      width: var(--contSWidth);
    }
    55% {
      border-top: 1px dashed black;
      border-bottom: 0px solid black;
      height: 0;
      width: var(--contSWidth);
    }
    56% {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
    100% {
      border-top: 0 solid red;
      border-bottom: 0 solid red;
      height: var(--contSHeight);
      opacity: 1;
    }
  }
  main .vtamago-member-anim vtamago-member-links-area vtamago-member-link-m-area vtamago-member-link-m-contents:nth-of-type(1) .vtamago-member-anim {
    animation-delay: 0s;
  }
  main .vtamago-member-anim vtamago-member-links-area vtamago-member-link-m-area vtamago-member-link-m-contents:nth-of-type(2) .vtamago-member-anim {
    animation-delay: 0.5s;
  }
  main .vtamago-member-anim vtamago-member-links-area vtamago-member-link-m-area vtamago-member-link-m-contents .vtamago-member-anim {
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: contMAnimation1;
  }
  @keyframes contMAnimation1 {
    0% {
      height: 0;
      width: 0;
      border-top: 1px dashed black;
      border-bottom: 0px dashed black;
      opacity: 1;
    }
    50% {
      height: 0;
      width: var(--contMWidth);
    }
    55% {
      border-top: 1px dashed black;
      border-bottom: 0px solid black;
      height: 0;
      width: var(--contMWidth);
    }
    56% {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
    100% {
      border-top: 0 solid red;
      border-bottom: 0 solid red;
      height: var(--contMHeight);
      opacity: 1;
    }
  }
  main .vtamago-member-anim vtamago-member-links-area vtamago-member-link-l-area vtamago-member-link-l-contents .vtamago-member-anim {
    animation-fill-mode: forwards;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-direction: normal;
    animation-name: contlAnimation1;
  }
  @keyframes contlAnimation1 {
    0% {
      height: 0;
      width: 0;
      border-top: 1px dashed black;
      border-bottom: 0px dashed black;
      opacity: 1;
    }
    50% {
      height: 0;
      width: var(--contLWidth);
    }
    55% {
      border-top: 1px dashed black;
      border-bottom: 0px solid black;
      height: 0;
      width: var(--contLWidth);
    }
    56% {
      border-top: 1px solid black;
      border-bottom: 1px solid black;
    }
    100% {
      border-top: 0 solid red;
      border-bottom: 0 solid red;
      height: var(--contLHeight);
      opacity: 1;
    }
  }
}
main vtamago-member-contents {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: var(--areaWidth);
  background-color: rgba(135, 206, 235, 0.1);
  border-radius: 5px;
  border: 1px solid pink;
  box-sizing: border-box;
  overflow: hidden;
}
main vtamago-member-contents vtamago-member-name-area {
  width: 100%;
  height: var(--nameHeight);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--space);
}
main vtamago-member-contents vtamago-member-name-area vtamago-member-name-contents {
  width: var(--nameWidth);
  height: var(--nameHeight);
  display: flex;
  justify-content: center;
  align-items: center;
}
main vtamago-member-contents vtamago-member-name-area vtamago-member-name-contents vtamago-member-name-shutter {
  display: block;
  width: var(--nameWidth);
  height: var(--nameHeight);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
main vtamago-member-contents vtamago-member-name-area vtamago-member-name-contents vtamago-member-name-shutter vtamago-member-name {
  display: block;
  width: var(--nameWidth);
  height: var(--nameHeight);
}
main vtamago-member-contents vtamago-member-name-area vtamago-member-name-contents vtamago-member-name-shutter vtamago-member-name img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main vtamago-member-contents vtamago-member-image-area::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/img/samune2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-blend-mode: lighten;
  z-index: 0;
  opacity: 0.1;
}
main vtamago-member-contents .meyu::before {
  width: 105%;
  height: 105%;
  background-image: url(https://vtamago.com/img/img_containter/8odAP);
}
main vtamago-member-contents .secret::before {
  background-image: url(https://vtamago.com/img/img_containter/9eYgs);
}
main vtamago-member-contents vtamago-member-image-area {
  position: relative;
  width: var(--imgAreaWidth);
  display: flex;
  justify-content: center;
  align-items: center;
}
main vtamago-member-contents vtamago-member-image-area vtamago-member-image-contents {
  position: relative;
  z-index: 1;
  width: var(--imgWidth);
  height: var(--imgHeith);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--space);
  margin-bottom: var(--space);
}
main vtamago-member-contents vtamago-member-image-area vtamago-member-image-contents vtamago-member-image-shutter {
  display: block;
  width: var(--imgWidth);
  height: var(--imgHeith);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
main vtamago-member-contents vtamago-member-image-area vtamago-member-image-contents vtamago-member-image-shutter vtamago-member-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--imgWidth);
  height: var(--imgHeith);
}
main vtamago-member-contents vtamago-member-image-area vtamago-member-image-contents vtamago-member-image-shutter vtamago-member-image img {
  width: 80%;
  height: 80%;
  object-fit: contain;
}
main vtamago-member-contents vtamago-member-image-area vtamago-member-image-contents vtamago-member-image-shutter vtamago-member-image .meyu {
  width: 90%;
  height: 90%;
}
main vtamago-member-contents vtamago-member-links-area {
  width: var(--linkAreaWidth);
  display: grid;
  grid-template-rows: calc(var(--vtamagoMemberLinkSAreaTopSpace)) calc(var(--contSHeight)) calc(var(--space)) calc(var(--contMGridHeight)) calc(var(--space)) auto calc(var(--space));
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-s-area {
  display: flex;
  width: 100%;
  grid-row: 2;
  align-items: center;
  justify-content: var(--justify-content);
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-s-area vtamago-member-link-s-contents {
  display: block;
  width: var(--contSWidth);
  height: var(--contSHeight);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: var(--contSMarginLeft);
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-s-area vtamago-member-link-s-contents vtamago-member-link-s-shutter {
  display: block;
  width: var(--contSWidth);
  height: var(--contSHeight);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  opacity: 0;
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-s-area vtamago-member-link-s-contents vtamago-member-link-s-shutter .vtamago-member-link-s {
  display: block;
  width: var(--contSWidth);
  height: var(--contSHeight);
  display: flex;
  justify-content: center;
  align-items: center;
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-s-area vtamago-member-link-s-contents vtamago-member-link-s-shutter .vtamago-member-link-s img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-m-area {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  grid-row: 4;
  justify-content: var(--justify-content);
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-m-area vtamago-member-link-m-contents {
  width: var(--contMWidth);
  height: var(--contMHeight);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: var(--contMMarginLeft);
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-m-area vtamago-member-link-m-contents vtamago-member-link-m-shutter {
  width: var(--contMWidth);
  height: var(--contMHeight);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  opacity: 0;
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-m-area vtamago-member-link-m-contents vtamago-member-link-m-shutter .vtamago-member-link-m {
  background-color: red;
  width: var(--contMWidth);
  height: var(--contMHeight);
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-m-area vtamago-member-link-m-contents vtamago-member-link-m-shutter .vtamago-member-link-m img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-m-area vtamago-member-link-m-contents vtamago-member-link-m-shutter .vtamago-member-link-m vtamago-member-link-m-hos {
  color: orange;
  font-family: "Noto Sans JP", sans-serif;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid orange;
  border-radius: 5px;
  font-size: calc(var(--contMWidth) / 9);
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-l-area {
  width: 100%;
  height: 100%;
  grid-row: 6;
  display: flex;
  align-items: center;
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-l-area vtamago-member-link-l-contents {
  width: var(--contLWidth);
  height: var(--contLHeight);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: var(--space);
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-l-area vtamago-member-link-l-contents vtamago-member-link-l-shutter {
  width: var(--contLWidth);
  height: var(--contLHeight);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  opacity: 0;
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-l-area vtamago-member-link-l-contents vtamago-member-link-l-shutter vtamago-member-link-l {
  width: var(--contLWidth);
  height: var(--contLHeight);
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
main vtamago-member-contents vtamago-member-links-area vtamago-member-link-l-area vtamago-member-link-l-contents vtamago-member-link-l-shutter vtamago-member-link-l iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 5px;
}

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