.romyajirushi {
  box-shadow: none !important; }

@media screen and (min-width: 600px) {
  .sp {
    display: none !important; } }

@media screen and (max-width: 600px) {
  .pc {
    display: none !important; } }

#parallax {
  position: relative;
  background-position: center;
  overflow: hidden;
  background-image: url("/static/pic/para.png");
  background-position: bottom; }
  @media screen and (min-width: 600px) {
    #parallax {
      background-size: 100% 300%; } }
  @media screen and (max-width: 600px) {
    #parallax {
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto 300%; } }

@media screen and (min-width: 600px) {
  div.rmblock {
    height: 5vh;
    width: 100vw;
    background: black;
    mix-blend-mode: normal; } }

#rom_urllist2 {
  max-height: 800px;
  background-color: rgba(0, 0, 0, 0.7);
  font-family: DotGothic16;
  position: relative;
  text-align: right;
  overflow: hidden;
  display: flex !important;
  align-items: stretch;
  justify-content: center;
  border-top: double rgba(252, 252, 252, 0.9) 6px;
  border-bottom: double rgba(252, 252, 252, 0.9) 6px; }
  @media screen and (max-width: 600px) {
    #rom_urllist2 {
      height: 600px;
      padding-left: 0vw;
      padding-right: 1vw;
      border-bottom: white solid 5px;
      border-top: white solid 5px;
      padding-top: 2vh;
      padding-bottom: 200px; } }
  @media screen and (min-width: 600px) {
    #rom_urllist2 {
      padding-left: 7vw;
      padding-right: 7vw;
      padding-top: 10vh;
      padding-bottom: 100px; } }
  #rom_urllist2 > .next {
    position: absolute;
    right: 0em;
    bottom: 0;
    font-size: 2em;
    opacity: 0.7; }
  #rom_urllist2 > div.rmset {
    padding: 10px;
    box-sizing: border-box; }
    @media screen and (max-width: 600px) {
      #rom_urllist2 > div.rmset {
        height: 700px;
        width: 8%;
        background-color: rgba(225, 220, 220, 0.8);
        background-image: none !important;
        position: relative; }
        #rom_urllist2 > div.rmset::before {
          content: "";
          overflow: hidden;
          color: white;
          width: 0;
          height: 0;
          top: 50%;
          left: 0;
          transform: rotate(90deg);
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 7px solid rgba(0, 0, 0, 0.4);
          position: absolute; } }
    @media screen and (min-width: 600px) {
      #rom_urllist2 > div.rmset {
        width: 310px !important;
        margin-right: 0.5vw;
        background-color: #fbf8f1;
        background-image: radial-gradient(rgba(0, 0, 0, 0.1) 1px, transparent 1px), radial-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px);
        background-size: 3px 3px, 6px 6px; } }
  #rom_urllist2 a {
    font-size: 1.5em;
    display: inline-block;
    text-decoration: none;
    color: white;
    white-space: nowrap;
    padding-top: 0.1em; }
    @media screen and (min-width: 0px) {
      #rom_urllist2 a {
        margin-left: 0.25em; } }
    @media screen and (min-width: 600px) {
      #rom_urllist2 a {
        margin-left: 3em; } }
    #rom_urllist2 a:visited {
      color: white; }
  #rom_urllist2 div.wrapper {
    border-left: 2px solid white;
    text-align: left;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(3, 300px);
    grid-auto-rows: 300px;
    grid-gap: 25px; }
    @media screen and (min-width: 600px) {
      #rom_urllist2 div.wrapper {
        padding: 30px 10px;
        justify-content: start;
        align-content: start;
        width: 60vw;
        overflow-x: scroll;
        overflow-y: hidden; } }
    @media screen and (max-width: 600px) {
      #rom_urllist2 div.wrapper {
        margin-left: 0.25em;
        width: 1200px;
        overflow-x: scroll;
        overflow-y: hidden;
        height: 700px;
        padding-right: 70vw; }
        #rom_urllist2 div.wrapper::-webkit-scrollbar {
          display: none; }
        #rom_urllist2 div.wrapperhtml {
          scrollbar-width: none; } }
    #rom_urllist2 div.wrapper a.rmlinksimg {
      width: 300px;
      height: 300px;
      background-color: white;
      margin: 5px;
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 25% 25%;
      overflow: hidden;
      z-index: 9;
      background-size: 100%;
      transition: background-size 0.3s ease;
      font-size: 1.5em;
      display: inline-block;
      text-decoration: none;
      color: white;
      white-space: nowrap;
      padding-top: 0.1em; }
      #rom_urllist2 div.wrapper a.rmlinksimg:hover div.title {
        animation: slide 10s infinite linear; }
@keyframes slide {
  0% {
    transform: translate(0%, 0%); }
  50% {
    transform: translate(-25%, 0%); }
  100% {
    transform: translate(-50%, 0%); } }
      #rom_urllist2 div.wrapper a.rmlinksimg > div.title {
        position: absolute;
        bottom: 0px; }
      #rom_urllist2 div.wrapper a.rmlinksimg > div .rmlinktitle {
        vertical-align: top;
        position: relative;
        bottom: 0px;
        color: black;
        display: inline-block;
        text-align: center;
        min-width: 300px;
        font-size: 1.1em;
        font-weight: bold;
        padding: 0.3em;
        box-sizing: border-box;
        overflow: hidden; }
      #rom_urllist2 div.wrapper a.rmlinksimg > div.rmlinkdate {
        background-color: rgba(222, 222, 222, 0.8);
        color: black !important;
        font-size: 1em !important;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0.3em; }
      #rom_urllist2 div.wrapper a.rmlinksimg:hover {
        background-size: 110%;
        z-index: 10 !important; }
      #rom_urllist2 div.wrapper a.rmlinksimg:visited {
        color: white; }

#romMidashi {
  font-family: DotGothic16;
  background-color: rgba(0, 0, 0, 0.9);
  font-size: 2.5em;
  color: white;
  height: 4em;
  position: relative;
  display: block !important; }
  #romMidashi div {
    padding-right: 0.6em;
    padding-bottom: 0.2em;
    position: absolute;
    right: 0px;
    bottom: 0; }

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