@charset "UTF-8";
/* CSS Document */
/* -----------------------------------
R E S E T
------------------------------------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  max-height: 999999px;
  scroll-behavior: smooth; }

html, body, div, p, a, span, img, dl, dt, dd, ol, ul, li, form, h1, h2, h3, h4, h5, h6, table, tr, th, td, address, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight: normal;
  text-decoration: none;
  -webkit-padding-start: 0;
  -webkit-overflow-scrolling: touch; }

ol, ul {
  list-style: none; }

p {
  text-overflow: ellipsis; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  background: #fff; }

body {
  position: relative;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.3;
  color: #333;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: 'Noto Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 400;
  animation: bodyFadeIn 2s ease 0s 1 normal;
  -webkit-animation: bodyFadeIn 2s ease 0s 1 normal; }

menu {
  position: absolute;
  z-index: 888; }

main {
  padding-top: 0; }

.lsf {
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  font-size: 18px; }

@keyframes bodyFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes bodyFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
p {
  font-feature-settings: "palt"; }

img {
  vertical-align: bottom; }

.clear:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

a {
  color: #fff;
  text-decoration: none; }

a img:hover {
  opacity: 0.8;
  transition: 1s; }

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box; }

input, textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  max-width: 100%;
  border-radius: 0; }

input[type="radio"] {
  border: none;
  display: none; }

input[type="checkbox"] {
  border: none;
  display: none; }

input[type="text"], input[type="password"] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: #fff; }

input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer; }

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
  display: none; }

input[type="submit"]::focus, input[type="button"]::focus {
  outline-offset: -2px; }

input[type="text"]:focus, input[type="tel"]:focus, input[type="mail"]:focus, textarea:focus {
  box-shadow: 0 0 7px #ff0;
  border: 1px solid #ff0; }

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #F6FCC7 inset; }

*:focus {
  outline: none; }

.pc {
  display: block; }

.sp {
  display: none; }

/*op_animation*/
.shutter {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #ffffff;
  z-index: 2003;
  -webkit-animation: byeShutter 3.4s forwards;
  animation: byeShutter 3.4s forwards;
  pointer-events: none; }

.logo {
  position: absolute;
  width: 500px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: logo 0.7s forwards;
  animation: logo 0.7s forwards;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  pointer-events: none; }

.luxy {
  width: 100%;
  height: 100%;
  pointer-events: none; }

@-webkit-keyframes byeShutter {
  70% {
    opacity: 1; }
  100% {
    display: none;
    opacity: 0;
    z-index: -1; } }
@keyframes byeShutter {
  70% {
    opacity: 1; }
  100% {
    display: none;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes logo {
  0% {
    opacity: 1; }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
@keyframes logo {
  0% {
    opacity: 1; }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }
a:hover img {
  opacity: 1; }

.anchor {
  display: block;
  padding-top: 10px;
  margin-top: -10px;
  pointer-events: none; }

@font-face {
  font-family: "harenosora";
  src: url("../../font/harenosora.otf") format("opentype"), url("../../font/harenosora.woff") format("woff"), url("../../font/harenosora.woff2") format("woff2"); }
/* -----------------------------------
M A I N
------------------------------------- */
html {
  width: 100%; }
  html body {
    width: 100%;
    font-family: "harenosora", Arial, Helvetica, "sans-serif", sans-serif;
    /*header*/
    /*common*/
    /*topBlock*/
    /*bannerBlock*/
    /*gameLinkBlock*/
    /*introBlock*/
    /*cast_staffBlock*/
    /*soundBlock*/
    /*attentionBlock*/
    /*voiceBlock*/
    /*contactBlock*/
    /*footerBlock*/
    /*sakuraBlock*/ }
    html body header {
      width: 100%;
      margin-bottom: 34px;
      position: relative;
      z-index: 100; }
      html body header .toplogo {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 395px;
        transition: 1s; }
        html body header .toplogo img {
          text-align: center;
          transition: 1s; }
      html body header .toplogo:hover {
        opacity: 0.8; }
        html body header .toplogo:hover img {
          opacity: 0.8; }
      html body header .innerWrap {
        width: 100%;
        border-top: 1px solid #232323;
        border-bottom: 1px solid #232323;
        border-image: linear-gradient(to right, #232323 0%, #8B56DF 100%);
        border-image-slice: 1;
        position: relative; }
        html body header .innerWrap .menuNav {
          width: 100%;
          max-width: 1000px;
          margin: 0 auto;
          display: flex;
          justify-content: center; }
          html body header .innerWrap .menuNav li {
            display: block; }
            html body header .innerWrap .menuNav li svg {
              width: 25px;
              display: inline-block;
              vertical-align: top;
              margin-right: 5px; }
            html body header .innerWrap .menuNav li .cls-1 {
              fill: #AD9ADB; }
            html body header .innerWrap .menuNav li a {
              color: #232323;
              position: relative;
              padding: 10px;
              display: block;
              margin-left: 60px;
              transition: 1s; }
            html body header .innerWrap .menuNav li a::after {
              content: "";
              width: 90%;
              transition: 1s;
              border-bottom: 1px solid #232323;
              border-image: linear-gradient(to right, #232323 0%, #8B56DF 100%);
              border-image-slice: 1;
              bottom: -4px;
              height: 1px;
              position: absolute;
              bottom: 5px;
              left: 50%;
              transform: translate(-50%);
              opacity: 0; }
            html body header .innerWrap .menuNav li a:hover {
              color: #3E2968; }
            html body header .innerWrap .menuNav li a:hover::after {
              opacity: 1; }
          html body header .innerWrap .menuNav li.now .cls-1 {
            fill: #8B56DF; }
      html body header .innerWrap::before {
        content: "";
        width: 100%;
        border-top: 1px solid #232323;
        border-image: linear-gradient(to right, #232323 0%, #8B56DF 100%);
        border-image-slice: 1;
        top: -4px;
        height: 2px;
        position: absolute; }
      html body header .innerWrap::after {
        content: "";
        width: 100%;
        border-bottom: 1px solid #232323;
        border-image: linear-gradient(to right, #232323 0%, #8B56DF 100%);
        border-image-slice: 1;
        bottom: -4px;
        height: 2px;
        position: absolute; }
    html body .topBlock {
      position: relative;
      z-index: 100; }
      html body .topBlock .innerWrap {
        width: 80%;
        max-width: 1000px;
        margin: 0 auto;
        border-bottom: 2px solid #232323;
        border-image: linear-gradient(to right, #232323 0%, #8B56DF 100%);
        border-image-slice: 1; }
        html body .topBlock .innerWrap .mainImg {
          display: block;
          margin: 0 auto;
          width: 100%;
          position: relative; }
          html body .topBlock .innerWrap .mainImg img {
            width: 100%;
            height: auto; }
        html body .topBlock .innerWrap .mainImg::after {
          content: "";
          width: 100%;
          height: 5px;
          position: absolute;
          bottom: 0;
          z-index: 2;
          background: linear-gradient(to right, #232323 0%, #8B56DF 100%);
          left: 0; }
        html body .topBlock .innerWrap .h1ttl {
          text-align: center;
          padding: 20px; }
        html body .topBlock .innerWrap .open00 {
          display: block;
          margin: 0 auto 20px;
          padding: 20px;
          text-align: center; }
          html body .topBlock .innerWrap .open00 img {
            width: 100%;
            height: auto;
            max-width: 660px; }
        html body .topBlock .innerWrap .open02 {
          display: block;
          margin: 0 auto 20px;
          padding: 20px;
          text-align: center; }
          html body .topBlock .innerWrap .open02 img {
            width: 100%;
            height: auto;
            max-width: 660px; }
    html body .bannerBlock {
      position: relative;
      z-index: 100; }
      html body .bannerBlock .innerWrap {
        width: 80%;
        max-width: 1000px;
        margin: 0 auto;
        padding-bottom: 30px;
        position: relative; }
        html body .bannerBlock .innerWrap details {
          margin-bottom: 30px; }
          html body .bannerBlock .innerWrap details summary {
            text-align: center;
            padding: 20px;
            cursor: pointer; }
          html body .bannerBlock .innerWrap details summary::before {
            content: "↓"; }
          html body .bannerBlock .innerWrap details summary::after {
            content: "↓"; }
          html body .bannerBlock .innerWrap details .detailDiv {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            html body .bannerBlock .innerWrap details .detailDiv li {
              display: block;
              width: 32%; }
              html body .bannerBlock .innerWrap details .detailDiv li a {
                display: block;
                color: #232323;
                transition: 1s; }
                html body .bannerBlock .innerWrap details .detailDiv li a picture {
                  width: 100%;
                  height: auto;
                  display: block; }
                  html body .bannerBlock .innerWrap details .detailDiv li a picture img {
                    width: 100%;
                    height: auto;
                    transition: 1s; }
                html body .bannerBlock .innerWrap details .detailDiv li a .linkTtl {
                  text-align: center;
                  padding: 10px;
                  position: relative; }
                  html body .bannerBlock .innerWrap details .detailDiv li a .linkTtl .mini {
                    color: #8B56DF;
                    font-size: 0.7em; }
                  html body .bannerBlock .innerWrap details .detailDiv li a .linkTtl .gameTtl {
                    display: inline; }
                html body .bannerBlock .innerWrap details .detailDiv li a svg {
                  fill: #ffffff;
                  width: 10px;
                  height: 12px;
                  position: absolute;
                  z-index: 40;
                  top: 2px;
                  right: -20px; }
                html body .bannerBlock .innerWrap details .detailDiv li a .svgImg {
                  display: inline;
                  position: relative; }
                html body .bannerBlock .innerWrap details .detailDiv li a .svgImg::after {
                  content: "";
                  width: 5px;
                  height: 5px;
                  padding: 10px;
                  border-radius: 60px;
                  position: absolute;
                  right: -27px;
                  top: -4px;
                  transition: 1s;
                  z-index: 33; }
              html body .bannerBlock .innerWrap details .detailDiv li a:hover picture img {
                opacity: 0.8; }
              html body .bannerBlock .innerWrap details .detailDiv li a:hover .linkTtl svg::after {
                color: #3E2968; }
              html body .bannerBlock .innerWrap details .detailDiv li a:hover .linkTtl svg::after {
                opacity: 1; }
            html body .bannerBlock .innerWrap details .detailDiv li.now {
              border-bottom: 2px solid #232323;
              border-image: linear-gradient(to right, #232323 0%, #8B56DF 100%);
              border-image-slice: 1; }
            html body .bannerBlock .innerWrap details .detailDiv li:first-child a .linkTtl .svgImg::after {
              background: #01C289; }
            html body .bannerBlock .innerWrap details .detailDiv li:nth-child(2) a .linkTtl .svgImg::after {
              background: #0070F7; }
        html body .bannerBlock .innerWrap details summary {
          list-style: none; }
        html body .bannerBlock .innerWrap details summary::-webkit-details-marker {
          display: none; }
      html body .bannerBlock .innerWrap::after {
        content: url("../img/shuen/line_p.svg");
        width: 100%;
        height: auto;
        display: block; }
    html body .gameLinkBlock {
      position: relative;
      z-index: 100; }
      html body .gameLinkBlock .innerWrap {
        width: 80%;
        max-width: 1000px;
        margin: 0 auto;
        padding-bottom: 30px;
        position: relative; }
        html body .gameLinkBlock .innerWrap .subTtl {
          text-align: center;
          margin-bottom: 30px;
          font-size: 2em;
          letter-spacing: 0.1em; }
          html body .gameLinkBlock .innerWrap .subTtl span {
            display: block;
            font-size: 0.5em; }
          html body .gameLinkBlock .innerWrap .subTtl span::before {
            content: "-"; }
          html body .gameLinkBlock .innerWrap .subTtl span::after {
            content: "-"; }
        html body .gameLinkBlock .innerWrap .h2Ttl {
          text-align: center;
          font-weight: bold;
          color: #232323;
          font-size: 1.2em;
          padding: 10px;
          margin-top: 30px; }
        html body .gameLinkBlock .innerWrap .text {
          text-align: center;
          color: #232323;
          margin-bottom: 20px; }
        html body .gameLinkBlock .innerWrap .flexWrap {
          display: flex;
          margin-top: 30px;
          margin-bottom: 60px; }
          html body .gameLinkBlock .innerWrap .flexWrap .leftBox {
            width: 50%; }
            html body .gameLinkBlock .innerWrap .flexWrap .leftBox img {
              display: block;
              margin: 0 auto;
              text-align: center; }
          html body .gameLinkBlock .innerWrap .flexWrap .rightBox {
            width: 50%; }
            html body .gameLinkBlock .innerWrap .flexWrap .rightBox img {
              display: block;
              margin: 0 auto;
              text-align: center; }
          html body .gameLinkBlock .innerWrap .flexWrap .dlBtn {
            background: #FF4984;
            text-align: center;
            width: 80%;
            max-width: 320px;
            height: 48px;
            margin: 10px auto;
            border-radius: 30px;
            box-sizing: border-box;
            padding-top: 8px;
            color: #ffffff;
            font-size: 20px;
            font-weight: bold;
            display: block;
            cursor: pointer; }
      html body .gameLinkBlock .innerWrap::after {
        content: url("../img/shuen/line_p.svg");
        width: 100%;
        height: auto;
        display: block; }
    html body .introBlock {
      position: relative;
      z-index: 100; }
      html body .introBlock .innerWrap {
        width: 80%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative; }
        html body .introBlock .innerWrap .subTtl {
          text-align: center;
          margin-bottom: 30px;
          font-size: 2em;
          letter-spacing: 0.1em; }
          html body .introBlock .innerWrap .subTtl span {
            display: block;
            font-size: 0.5em; }
          html body .introBlock .innerWrap .subTtl span::before {
            content: "-"; }
          html body .introBlock .innerWrap .subTtl span::after {
            content: "-"; }
      html body .introBlock .introWrap {
        background: url("../../assets/img/shuen/intro_bg.png");
        background-repeat: no-repeat;
        background-size: cover;
        padding: 30px;
        margin-bottom: 60px; }
        html body .introBlock .introWrap .whiteWrap {
          background: rgba(255, 255, 255, 0.8);
          text-align: center;
          padding: 30px;
          width: 80%;
          margin: 0 auto; }
          html body .introBlock .introWrap .whiteWrap .h4Ttl {
            font-weight: bold;
            font-size: 1.2em;
            margin-bottom: 30px; }
          html body .introBlock .introWrap .whiteWrap .text {
            text-align: center;
            line-height: 2em; }
            html body .introBlock .introWrap .whiteWrap .text .pink {
              color: #FF4984;
              padding: 10px;
              display: block;
              font-weight: bold; }
            html body .introBlock .introWrap .whiteWrap .text .purple {
              color: #8B56DF;
              padding: 10px;
              display: block;
              font-weight: bold; }
      html body .introBlock .innerWrap::after {
        content: url("../img/shuen/line_p.svg");
        width: 100%;
        height: auto;
        display: block; }
    html body .cast_staffBlock {
      position: relative;
      z-index: 100; }
      html body .cast_staffBlock .innerWrap {
        width: 80%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative; }
        html body .cast_staffBlock .innerWrap .subTtl {
          text-align: center;
          margin-bottom: 30px;
          font-size: 2em;
          letter-spacing: 0.1em; }
          html body .cast_staffBlock .innerWrap .subTtl span {
            display: block;
            font-size: 0.5em; }
          html body .cast_staffBlock .innerWrap .subTtl span::before {
            content: "-"; }
          html body .cast_staffBlock .innerWrap .subTtl span::after {
            content: "-"; }
        html body .cast_staffBlock .innerWrap .h2Ttl {
          text-align: center;
          font-size: 1.2em;
          font-weight: bold;
          margin-bottom: 20px; }
        html body .cast_staffBlock .innerWrap .flexBox {
          padding: 10px;
          text-align: center;
          display: flex;
          flex-wrap: wrap; }
          html body .cast_staffBlock .innerWrap .flexBox .text {
            line-height: 1.8em;
            display: block;
            width: 50%; }
            html body .cast_staffBlock .innerWrap .flexBox .text .mini {
              color: #8B56DF;
              font-weight: bold; }
            html body .cast_staffBlock .innerWrap .flexBox .text .mini::after {
              color: #232323;
              content: "　……　"; }
        html body .cast_staffBlock .innerWrap .flexBox:last-child {
          padding-bottom: 60px; }
        html body .cast_staffBlock .innerWrap .short {
          width: 100px;
          color: #8B56DF;
          margin: 30px auto;
          border: none;
          border-bottom: 1px solid #8B56DF; }
      html body .cast_staffBlock .innerWrap::after {
        content: url("../img/shuen/line_p.svg");
        width: 100%;
        height: auto;
        display: block; }
    html body .soundBlock {
      position: relative;
      z-index: 100; }
      html body .soundBlock .innerWrap {
        width: 80%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative; }
        html body .soundBlock .innerWrap .subTtl {
          text-align: center;
          margin-bottom: 30px;
          font-size: 2em;
          letter-spacing: 0.1em; }
          html body .soundBlock .innerWrap .subTtl span {
            display: block;
            font-size: 0.5em; }
          html body .soundBlock .innerWrap .subTtl span::before {
            content: "-"; }
          html body .soundBlock .innerWrap .subTtl span::after {
            content: "-"; }
        html body .soundBlock .innerWrap .flexBox {
          display: flex;
          flex-wrap: wrap;
          margin-bottom: 60px; }
          html body .soundBlock .innerWrap .flexBox .box {
            width: 50%;
            margin-bottom: 30px; }
            html body .soundBlock .innerWrap .flexBox .box .h3Ttl {
              border: 1px solid #FF4984;
              margin: 10px;
              padding: 10px;
              font-weight: bold;
              color: #FF4984;
              text-align: center;
              font-size: 1.2em; }
            html body .soundBlock .innerWrap .flexBox .box .text {
              text-align: left;
              line-height: 1.5em;
              margin: 10px; }
      html body .soundBlock .innerWrap::after {
        content: url("../img/shuen/line_p.svg");
        width: 100%;
        height: auto;
        display: block; }
    html body .attentionBlock {
      position: relative;
      z-index: 100; }
      html body .attentionBlock .innerWrap {
        width: 80%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative; }
        html body .attentionBlock .innerWrap .subTtl {
          text-align: center;
          margin-bottom: 30px;
          font-size: 2em;
          letter-spacing: 0.1em; }
          html body .attentionBlock .innerWrap .subTtl span {
            display: block;
            font-size: 0.5em; }
          html body .attentionBlock .innerWrap .subTtl span::before {
            content: "-"; }
          html body .attentionBlock .innerWrap .subTtl span::after {
            content: "-"; }
        html body .attentionBlock .innerWrap .block00 {
          margin-bottom: 60px; }
          html body .attentionBlock .innerWrap .block00 .main_heroine {
            text-align: center;
            display: block;
            margin: 0 auto 30px;
            padding: 20px 0;
            border-top: 10px #D1C8ED solid;
            border-bottom: 10px #D1C8ED solid; }
          html body .attentionBlock .innerWrap .block00 .main_heroine + .text {
            text-align: center;
            margin-bottom: 30px;
            line-height: 1.5em; }
          html body .attentionBlock .innerWrap .block00 .flexWrap .leftBox img {
            width: 100%;
            height: auto; }
          html body .attentionBlock .innerWrap .block00 .flexWrap .rightBox img {
            width: 100%;
            height: auto; }
        html body .attentionBlock .innerWrap .block01 {
          margin-bottom: 60px; }
          html body .attentionBlock .innerWrap .block01 .new_character {
            text-align: center;
            display: block;
            margin: 0 auto 30px;
            padding: 20px 0;
            border-top: 10px #D1C8ED solid;
            border-bottom: 10px #D1C8ED solid; }
          html body .attentionBlock .innerWrap .block01 .new_character + .text {
            text-align: center;
            margin-bottom: 30px;
            line-height: 1.5em; }
          html body .attentionBlock .innerWrap .block01 .vtuber01 {
            margin-bottom: 40px;
            padding-bottom: 40px;
            border-bottom: 1px solid #D1C8ED; }
          html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap, html body .attentionBlock .innerWrap .block01 .ideasamaWrap {
            position: relative; }
            html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .saotomeyoiImg, html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .ideasamaImg, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .saotomeyoiImg, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .ideasamaImg {
              margin-bottom: 30px;
              position: relative; }
            html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_saotomeyoi, html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_ideasama, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_saotomeyoi, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_ideasama {
              display: block; }
              html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_saotomeyoi img, html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_ideasama img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_saotomeyoi img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_ideasama img {
                width: 100%;
                height: auto;
                display: block; }
            html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_saotomeyoi_sp, html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_sp_idea, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_saotomeyoi_sp, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_sp_idea {
              display: none; }
              html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_saotomeyoi_sp img, html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_sp_idea img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_saotomeyoi_sp img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_sp_idea img {
                display: none; }
            html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList {
              position: absolute;
              display: flex;
              right: 5%;
              top: calc(50% - 27px); }
              html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList .voiceBtn, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList .voiceBtn {
                transition: 1s;
                margin: 5px; }
                html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList .voiceBtn .voice, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList .voiceBtn .voice {
                  display: block;
                  cursor: pointer; }
                  html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList .voiceBtn .voice img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList .voiceBtn .voice img {
                    width: 30px;
                    height: auto; }
                html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList .voiceBtn .stop, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList .voiceBtn .stop {
                  opacity: 0;
                  pointer-events: none;
                  width: 100%;
                  height: 0;
                  display: none; }
                  html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList .voiceBtn .stop img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList .voiceBtn .stop img {
                    width: 30px;
                    height: auto; }
              html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList .voiceBtn:hover, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList .voiceBtn:hover {
                opacity: 0.6; }
              html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList .voiceBtn.on .voice, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList .voiceBtn.on .voice {
                opacity: 0;
                pointer-events: none;
                width: 100%;
                height: 0;
                display: none; }
              html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList .voiceBtn.on .stop, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList .voiceBtn.on .stop {
                opacity: 100;
                pointer-events: all;
                width: 100%;
                height: auto;
                display: block; }
            html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .leftBox, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .leftBox {
              width: 60%; }
              html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .leftBox .nameTtl + .text, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .leftBox .nameTtl + .text {
                line-height: 1.8em;
                margin-bottom: 20px; }
              html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .leftBox .youtubeLink, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .leftBox .youtubeLink {
                border: 1px solid #232323;
                padding: 10px 30px;
                width: 80%; }
            html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .rightBox.vtuberImg, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .rightBox.vtuberImg {
              width: 40%;
              position: relative; }
              html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .youtubeChLink, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .youtubeChLink {
                position: absolute;
                right: 30px;
                top: 330px; }
              html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .twitterProfLink, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .twitterProfLink {
                position: absolute;
                right: 30px;
                top: 300px; }
              html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .vtuber_saotomeyoi, html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .vtuber_idea, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .vtuber_saotomeyoi, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .vtuber_idea {
                width: 100%;
                height: auto; }
                html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .vtuber_saotomeyoi img, html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .vtuber_idea img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .vtuber_saotomeyoi img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .vtuber_idea img {
                  width: 100%;
                  height: auto; }
          html body .attentionBlock .innerWrap .block01 .ideasamaWrap {
            margin-top: 60px; }
            html body .attentionBlock .innerWrap .block01 .ideasamaWrap .vtuberVoiceWrap {
              border: 2px solid #232323;
              border-image: linear-gradient(to right, #232323 0%, #8B56DF 100%);
              border-image-slice: 1;
              margin-top: 30px;
              padding: 20px;
              padding-left: 170px;
              position: relative;
              text-align: left; }
              html body .attentionBlock .innerWrap .block01 .ideasamaWrap .vtuberVoiceWrap .sd_idea {
                position: absolute;
                left: 10px;
                top: 50%;
                transform: translateY(-50%); }
              html body .attentionBlock .innerWrap .block01 .ideasamaWrap .vtuberVoiceWrap .ttl {
                font-size: 1.5em;
                margin-bottom: 10px; }
          html body .attentionBlock .innerWrap .block01 .coming_coming .coming .leftBox img {
            width: 100%;
            height: auto; }
          html body .attentionBlock .innerWrap .block01 .coming_coming .coming .rightBox img {
            width: 100%;
            height: auto; }
          html body .attentionBlock .innerWrap .block01 a {
            display: block;
            color: #232323;
            transition: 1s; }
            html body .attentionBlock .innerWrap .block01 a picture {
              width: 100%;
              height: auto;
              display: block; }
              html body .attentionBlock .innerWrap .block01 a picture img {
                width: 100%;
                height: auto;
                transition: 1s; }
            html body .attentionBlock .innerWrap .block01 a .linkTtl {
              text-align: center;
              padding: 10px;
              position: relative; }
              html body .attentionBlock .innerWrap .block01 a .linkTtl .mini {
                color: #8B56DF;
                font-size: 0.7em; }
              html body .attentionBlock .innerWrap .block01 a .linkTtl .gameTtl {
                display: inline; }
            html body .attentionBlock .innerWrap .block01 a svg {
              fill: #ffffff;
              width: 10px;
              height: 12px;
              position: absolute;
              z-index: 40;
              top: 2px;
              right: -20px; }
            html body .attentionBlock .innerWrap .block01 a .svgImg {
              display: inline;
              position: relative; }
            html body .attentionBlock .innerWrap .block01 a .svgImg::after {
              content: "";
              width: 5px;
              height: 5px;
              padding: 10px;
              border-radius: 60px;
              position: absolute;
              right: -27px;
              top: -4px;
              transition: 1s;
              z-index: 33;
              background: #c4302b; }
          html body .attentionBlock .innerWrap .block01 .twitterProfLink .svgImg::after {
            background: #1d9bf0; }
          html body .attentionBlock .innerWrap .block01 a:hover picture img {
            opacity: 0.8; }
          html body .attentionBlock .innerWrap .block01 a:hover .linkTtl svg::after {
            color: #3E2968; }
          html body .attentionBlock .innerWrap .block01 a:hover .linkTtl svg::after {
            opacity: 1; }
        html body .attentionBlock .innerWrap .block02 {
          margin-bottom: 60px; }
          html body .attentionBlock .innerWrap .block02 .dating_event {
            text-align: center;
            display: block;
            margin: 0 auto 30px;
            padding: 20px 0;
            border-top: 10px #D1C8ED solid;
            border-bottom: 10px #D1C8ED solid; }
          html body .attentionBlock .innerWrap .block02 .dating_event + .text {
            text-align: center;
            margin-bottom: 30px;
            line-height: 1.5em; }
        html body .attentionBlock .innerWrap .flexWrap {
          display: flex;
          flex-wrap: wrap; }
          html body .attentionBlock .innerWrap .flexWrap .nameTtl {
            font-size: 2em;
            margin-bottom: 20px; }
            html body .attentionBlock .innerWrap .flexWrap .nameTtl .ruby {
              display: block;
              font-size: 0.5em; }
          html body .attentionBlock .innerWrap .flexWrap .leftBox {
            width: 50%; }
          html body .attentionBlock .innerWrap .flexWrap .rightBox {
            width: 50%; }
          html body .attentionBlock .innerWrap .flexWrap .dush {
            display: inline-block;
            border-bottom: none;
            border-right: none;
            border-left: none;
            border-top: 1px solid #232323;
            width: 40px;
            padding-bottom: 5px; }
        html body .attentionBlock .innerWrap .flexWrap.leftBox.oonojo .leftBox, html body .attentionBlock .innerWrap .flexWrap.leftBox.vtuber .leftBox {
          padding-right: 10px; }
        html body .attentionBlock .innerWrap .flexWrap.tenjin, html body .attentionBlock .innerWrap .flexWrap.coming:nth-of-type(1) {
          margin-bottom: 8px; }
        html body .attentionBlock .innerWrap .flexWrap.tenjin .leftBox, html body .attentionBlock .innerWrap .flexWrap.nougata .leftBox, html body .attentionBlock .innerWrap .flexWrap.coming .leftBox {
          padding-right: 10px; }
        html body .attentionBlock .innerWrap .datingImg {
          display: block;
          margin: 0 auto 30px;
          width: 100%;
          position: relative; }
          html body .attentionBlock .innerWrap .datingImg img {
            width: 100%;
            height: auto; }
        html body .attentionBlock .innerWrap .attention {
          background: #AD9ADB;
          border-radius: 60px;
          padding: 10px;
          text-align: center;
          width: 80%;
          margin: 0 auto 30px;
          color: #ffffff; }
      html body .attentionBlock .innerWrap::after {
        content: url("../img/shuen/line_p.svg");
        width: 100%;
        height: auto;
        display: block; }
    html body .voiceBlock {
      position: relative;
      z-index: 100; }
      html body .voiceBlock .innerWrap {
        width: 80%;
        max-width: 1000px;
        margin: 0 auto;
        position: relative; }
        html body .voiceBlock .innerWrap .logo_big {
          display: block;
          margin: 0 auto;
          text-align: center;
          width: 520px;
          height: 600px;
          margin-top: -30px; }
          html body .voiceBlock .innerWrap .logo_big img {
            text-align: center; }
        html body .voiceBlock .innerWrap .dush {
          display: inline-block;
          border-bottom: none;
          border-right: none;
          border-left: none;
          border-top: 1px solid #3E2968;
          width: 60px;
          padding-bottom: 10px; }
        html body .voiceBlock .innerWrap .voiceText {
          position: absolute;
          color: #3E2968; }
@keyframes fadein-voice {
  0% {
    opacity: 0.5; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.5; } }
        html body .voiceBlock .innerWrap .voiceText00 {
          top: 270px;
          left: calc(50% - 466px);
          font-size: 1.8em;
          animation: fadein-voice 5s linear infinite; }
        html body .voiceBlock .innerWrap .voiceText01 {
          top: 333px;
          left: calc(50% - 365px);
          font-size: 0.8em;
          animation: fadein-voice 10s linear infinite; }
        html body .voiceBlock .innerWrap .voiceText02 {
          top: 339px;
          left: calc(50% - -45px);
          font-size: 1.5em;
          min-width: 420px;
          animation: fadein-voice 15s linear infinite; }
        html body .voiceBlock .innerWrap .voiceText03 {
          top: 394px;
          left: 0;
          font-size: 1.6em;
          animation: fadein-voice 20s linear infinite; }
        html body .voiceBlock .innerWrap .voiceText04 {
          top: 446px;
          left: auto;
          right: 0;
          text-align: right;
          font-size: 0.9em;
          animation: fadein-voice 30s linear infinite; }
        html body .voiceBlock .innerWrap .voiceText05 {
          top: 480px;
          left: calc(50% - 135px);
          font-size: 1.4em;
          animation: fadein-voice 25s linear infinite; }
        html body .voiceBlock .innerWrap .open01 {
          display: block;
          margin: 0 auto 30px;
          text-align: center; }
        html body .voiceBlock .innerWrap .open03 {
          display: block;
          margin: 0 auto 30px;
          text-align: center; }
        html body .voiceBlock .innerWrap .attention {
          background: #AD9ADB;
          border-radius: 60px;
          padding: 10px;
          text-align: center;
          width: 60%;
          margin: 0 auto 60px;
          color: #ffffff;
          max-width: 350px; }
      html body .voiceBlock .innerWrap::after {
        content: url("../img/shuen/line_p.svg");
        width: 100%;
        height: auto;
        display: block; }
    html body .contactBlock {
      position: relative;
      z-index: 100; }
      html body .contactBlock .innerWrap {
        width: 80%;
        max-width: 1000px;
        margin: 0 auto;
        border-bottom: 1px solid #FF4984;
        padding: 60px 0; }
        html body .contactBlock .innerWrap .subTtl {
          text-align: center;
          margin-bottom: 30px;
          font-size: 2em;
          letter-spacing: 0.1em; }
          html body .contactBlock .innerWrap .subTtl span {
            display: block;
            font-size: 0.5em; }
          html body .contactBlock .innerWrap .subTtl span::before {
            content: "-"; }
          html body .contactBlock .innerWrap .subTtl span::after {
            content: "-"; }
        html body .contactBlock .innerWrap .text {
          text-align: center; }
        html body .contactBlock .innerWrap .contactWrap {
          width: 60%;
          margin: 40px auto;
          padding: 20px 30px;
          border: 2px solid #232323;
          border-image: linear-gradient(to right, #232323 0%, #8B56DF 100%);
          border-image-slice: 1; }
          html body .contactBlock .innerWrap .contactWrap .text {
            text-align: center; }
            html body .contactBlock .innerWrap .contactWrap .text a {
              color: #8B56DF; }
        html body .contactBlock .innerWrap .twitterWrap {
          width: 500px;
          margin: 0 auto 60px;
          height: 600px; }
          html body .contactBlock .innerWrap .twitterWrap .flexBox {
            position: relative;
            display: flex;
            height: 140px;
            overflow: hidden; }
            html body .contactBlock .innerWrap .twitterWrap .flexBox .oonojo_icon {
              display: block; }
            html body .contactBlock .innerWrap .twitterWrap .flexBox .logo_c {
              display: block;
              position: absolute;
              top: -30px;
              left: 87px;
              width: 300px; }
              html body .contactBlock .innerWrap .twitterWrap .flexBox .logo_c img {
                width: 100%;
                height: auto; }
            html body .contactBlock .innerWrap .twitterWrap .flexBox .twitterText {
              position: absolute;
              top: 90px;
              right: 0;
              font-size: 1.6em; }
          html body .contactBlock .innerWrap .twitterWrap .twitterWrapIframe {
            overflow: scroll;
            height: 460px; }
    html body .footerBlock {
      position: relative;
      z-index: 100; }
      html body .footerBlock .innerWrap {
        width: 80%;
        max-width: 1000px;
        margin: 0 auto; }
        html body .footerBlock .innerWrap .flexBox {
          display: flex;
          justify-content: space-between; }
          html body .footerBlock .innerWrap .flexBox a {
            width: 32%;
            display: block; }
            html body .footerBlock .innerWrap .flexBox a img {
              width: 100%;
              height: auto; }
            html body .footerBlock .innerWrap .flexBox a .logo_h {
              margin-top: 32px;
              display: block; }
            html body .footerBlock .innerWrap .flexBox a .logo_z {
              margin-top: 32px;
              display: block; }
        html body .footerBlock .innerWrap .linkList {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          line-height: 2em;
          margin-bottom: 30px; }
          html body .footerBlock .innerWrap .linkList li {
            color: #232323; }
            html body .footerBlock .innerWrap .linkList li a {
              padding: 10px;
              color: #232323; }
          html body .footerBlock .innerWrap .linkList li + li::before {
            content: "/"; }
        html body .footerBlock .innerWrap .sns {
          width: 190px;
          margin: 20px auto 20px; }
          html body .footerBlock .innerWrap .sns a {
            display: inline-block;
            text-align: center;
            width: 50px;
            color: #232323; }
          html body .footerBlock .innerWrap .sns a:first-child::after {
            content: "Twitter"; }
          html body .footerBlock .innerWrap .sns a:nth-child(2)::after {
            content: "LINE"; }
          html body .footerBlock .innerWrap .sns a:last-child::after {
            content: "FB"; }
        html body .footerBlock .innerWrap .text {
          text-align: center;
          font-size: 0.6em;
          margin-bottom: 30px; }
      html body .footerBlock h6 {
        background: #8B56DF;
        text-align: center;
        width: 100%;
        padding: 10px;
        color: #ffffff;
        font-size: 0.8em; }
    html body .sakuraBlock .sakura {
      position: fixed;
      z-index: 1;
      opacity: 1; }
    html body .sakuraBlock .sakura00 {
      top: 50px;
      left: calc(50% - 330px);
      animation: fadein-anim 15s linear infinite; }
    html body .sakuraBlock .sakura01 {
      top: 200px;
      right: calc(50% - 280px);
      animation: fadein-anim 50s linear infinite; }
    html body .sakuraBlock .sakura02 {
      top: 300px;
      left: calc(50% - 370px);
      animation: fadein-anim 50s linear infinite; }
    html body .sakuraBlock .sakura03 {
      top: 270px;
      left: calc(50% - 420px);
      animation: fadein-anim 25s linear infinite; }
    html body .sakuraBlock .sakura04 {
      top: 550px;
      right: 150px;
      animation: fadein-anim 30s linear infinite; }
    html body .sakuraBlock .sakura05 {
      top: 310px;
      left: 210px;
      animation: fadein-anim 40s linear infinite; }
    html body .sakuraBlock .sakura06 {
      top: 800px;
      left: calc(50% - 310px);
      animation: fadein-anim 35s linear infinite; }
    html body .sakuraBlock .sakura07 {
      top: 1000px;
      right: calc(50% - 460px);
      animation: fadein-anim 55s linear infinite; }
    html body .sakuraBlock .sakura08 {
      top: 1100px;
      left: calc(50% - 560px);
      animation: fadein-anim 75s linear infinite; }
    html body .sakuraBlock .sakura09 {
      top: 1200px;
      left: 160px;
      animation: fadein-anim 20s linear infinite; }
    html body .sakuraBlock .sakura10 {
      top: 980px;
      right: calc(50% - 550px);
      animation: fadein-anim 20s linear infinite; }
@keyframes fadein-anim {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: rotate(180deg) translateY(100px); }
  100% {
    opacity: 1; } }
@media screen and (max-width: 960px) {
  html {
    width: 960px; }
    html body {
      width: 960px; }
      html body .pc {
        display: none; }
      html body .sp {
        display: block; }
      html body header .innerWrap .menuNav {
        width: 80%;
        flex-wrap: wrap; }
        html body header .innerWrap .menuNav li {
          width: 50%;
          font-size: 1.5em; }
      html body .topBlock .innerWrap {
        width: 95%; }
        html body .topBlock .innerWrap .h1ttl {
          font-size: 1.5em; }
      html body .bannerBlock .innerWrap {
        width: 95%; }
        html body .bannerBlock .innerWrap .subTtl {
          font-size: 3em; }
      html body .gameLinkBlock .innerWrap {
        width: 95%; }
      html body .cast_staffBlock .innerWrap {
        width: 95%; }
        html body .cast_staffBlock .innerWrap .flexBox .text {
          width: 100%;
          font-size: 1.5em; }
      html body .introBlock .innerWrap {
        width: 95%; }
        html body .introBlock .innerWrap .whiteWrap {
          width: 90%; }
        html body .introBlock .innerWrap .text {
          font-size: 1.5em; }
      html body .soundBlock .innerWrap {
        width: 95%; }
        html body .soundBlock .innerWrap .text {
          font-size: 1.5em; }
      html body .attentionBlock .innerWrap {
        width: 95%; }
        html body .attentionBlock .innerWrap .flexBox .dush {
          padding-bottom: 8px; }
        html body .attentionBlock .innerWrap .flexWrap.leftBox.oonojo, html body .attentionBlock .innerWrap .flexWrap.leftBox.vtuber {
          width: 100%;
          margin-bottom: 60px; }
          html body .attentionBlock .innerWrap .flexWrap.leftBox.oonojo .nameTtl, html body .attentionBlock .innerWrap .flexWrap.leftBox.vtuber .nameTtl {
            font-size: 3em; }
          html body .attentionBlock .innerWrap .flexWrap.leftBox.oonojo .text, html body .attentionBlock .innerWrap .flexWrap.leftBox.vtuber .text {
            font-size: 1.5em; }
          html body .attentionBlock .innerWrap .flexWrap.leftBox.oonojo .leftBox, html body .attentionBlock .innerWrap .flexWrap.leftBox.vtuber .leftBox {
            width: 250px;
            padding-right: 30px; }
        html body .attentionBlock .innerWrap .rightBox.tenjin_nougata, html body .attentionBlock .innerWrap .rightBox.coming_coming {
          width: 100%; }
        html body .attentionBlock .innerWrap .flexWrap.tenjin, html body .attentionBlock .innerWrap .flexWrap.coming:nth-of-type(1) {
          margin-bottom: 60px; }
        html body .attentionBlock .innerWrap .flexWrap.tenjin, html body .attentionBlock .innerWrap .flexWrap.nougata, html body .attentionBlock .innerWrap .flexWrap.coming {
          width: 100%; }
          html body .attentionBlock .innerWrap .flexWrap.tenjin .leftBox, html body .attentionBlock .innerWrap .flexWrap.nougata .leftBox, html body .attentionBlock .innerWrap .flexWrap.coming .leftBox {
            width: 250px;
            padding-right: 30px; }
          html body .attentionBlock .innerWrap .flexWrap.tenjin .rightBox .nameTtl, html body .attentionBlock .innerWrap .flexWrap.nougata .rightBox .nameTtl, html body .attentionBlock .innerWrap .flexWrap.coming .rightBox .nameTtl {
            font-size: 3em; }
          html body .attentionBlock .innerWrap .flexWrap.tenjin .rightBox .text, html body .attentionBlock .innerWrap .flexWrap.nougata .rightBox .text, html body .attentionBlock .innerWrap .flexWrap.coming .rightBox .text {
            font-size: 1.5em; }
        html body .attentionBlock .innerWrap .attention {
          font-size: 1.5em;
          width: 100%; }
        html body .attentionBlock .innerWrap .block00 .main_heroine + .text {
          font-size: 1.5em;
          text-align: left; }
        html body .attentionBlock .innerWrap .block01 a svg {
          width: 15px;
          height: 30px;
          top: 1px;
          right: -24px; }
        html body .attentionBlock .innerWrap .block01 a .svgImg::after {
          width: 25px;
          height: 25px;
          right: -37px;
          top: -7px; }
        html body .attentionBlock .innerWrap .block01 .new_character + .text {
          font-size: 1.5em;
          text-align: left; }
        html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_saotomeyoi, html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_ideasama, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_saotomeyoi, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_ideasama {
          display: none; }
          html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_saotomeyoi img, html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_ideasama img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_saotomeyoi img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_ideasama img {
            display: none; }
        html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_saotomeyoi_sp, html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_sp_idea, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_saotomeyoi_sp, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_sp_idea {
          display: block; }
          html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_saotomeyoi_sp img, html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .chara_sp_idea img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_saotomeyoi_sp img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .chara_sp_idea img {
            width: 100%;
            height: auto;
            display: block; }
        html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList {
          right: 13%;
          top: 970px; }
          html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList .voiceBtn .voice img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList .voiceBtn .voice img {
            width: 60px;
            margin-right: 30px; }
          html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .voiceList .voiceBtn .stop img, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .voiceList .voiceBtn .stop img {
            width: 60px;
            margin-right: 30px; }
        html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap {
          display: block; }
          html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .leftBox, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .leftBox {
            width: 100%; }
            html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .leftBox .nameTtl, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .leftBox .nameTtl {
              font-size: 3em; }
            html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .leftBox .nameTtl + .text, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .leftBox .nameTtl + .text {
              font-size: 1.5em; }
            html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .leftBox .youtubeLink, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .leftBox .youtubeLink {
              font-size: 1.5em;
              margin: 0 auto 30px;
              padding: 20px 30px; }
          html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .rightBox.vtuberImg, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .rightBox.vtuberImg {
            width: 100%; }
            html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .twitterProfLink, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .twitterProfLink {
              top: auto;
              bottom: 60px;
              font-size: 1.5em; }
            html body .attentionBlock .innerWrap .block01 .saotomeyoiWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .youtubeChLink, html body .attentionBlock .innerWrap .block01 .ideasamaWrap .flexWrap.vtuberWrap .rightBox.vtuberImg .youtubeChLink {
              top: auto;
              bottom: 0;
              font-size: 1.5em; }
        html body .attentionBlock .innerWrap .block02 .dating_event + .text {
          font-size: 1.5em;
          text-align: left; }
      html body .voiceBlock .innerWrap {
        width: 95%; }
        html body .voiceBlock .innerWrap .logo_big {
          height: 700px; }
        html body .voiceBlock .innerWrap .voiceText00 {
          left: 50%;
          width: 100%;
          text-align: center;
          transform: translate(-50%);
          font-size: 2.4em; }
        html body .voiceBlock .innerWrap .voiceText01 {
          top: 353px;
          font-size: 1.4em; }
        html body .voiceBlock .innerWrap .voiceText02 {
          top: 399px;
          left: auto;
          right: 0;
          text-align: right;
          font-size: 1.8em;
          width: 100%; }
        html body .voiceBlock .innerWrap .voiceText03 {
          top: 464px;
          font-size: 1.8em; }
        html body .voiceBlock .innerWrap .voiceText04 {
          top: 536px;
          font-size: 1.4em; }
        html body .voiceBlock .innerWrap .voiceText05 {
          top: 590px;
          left: calc(50% - 315px);
          font-size: 2em; }
        html body .voiceBlock .innerWrap .attention {
          font-size: 1.5em;
          width: 100%;
          max-width: 510px; }
      html body .contactBlock .innerWrap {
        width: 95%; }
        html body .contactBlock .innerWrap .subTtl {
          font-size: 3em; }
  @keyframes fadein-anim {
    0% {
      opacity: 1; }
    50% {
      opacity: 0; }
    100% {
      opacity: 1; } } }