@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap");
@media screen and (max-width: 9999px) {
  /* line 25, app/assets/stylesheets/v2/common.scss */
  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    background-image: url("/v2/images/bg.png");
    background-repeat: repeat;
    font-size: 1.0em;
    line-height: 1.5em !important;
    padding: 0;
    margin: 0;
  }
  /* line 34, app/assets/stylesheets/v2/common.scss */
  body .only-pc {
    display: block;
  }
  /* line 38, app/assets/stylesheets/v2/common.scss */
  body .only-sp {
    display: none;
  }
  /* line 43, app/assets/stylesheets/v2/common.scss */
  p {
    margin: 0;
  }
  /* line 46, app/assets/stylesheets/v2/common.scss */
  a {
    color: #214f7b;
  }
  /* line 53, app/assets/stylesheets/v2/common.scss */
  .markdown-content {
    padding: 30px 50px 80px !important;
    max-width: 100% !important;
    background-color: #efefef;
    margin: 50px auto;
    width: 80%;
    z-index: 10;
  }
  /* line 62, app/assets/stylesheets/v2/common.scss */
  .markdown-content code {
    background: white;
    padding: 5px;
    border-radius: 2px;
    box-shadow: inset 0 0 3px 0 rgba(151, 151, 151, 0.5);
  }
  /* line 69, app/assets/stylesheets/v2/common.scss */
  .markdown-content img {
    max-width: 80%;
  }
  /* line 74, app/assets/stylesheets/v2/common.scss */
  .markdown-content table td {
    border: 1px solid #a5a5a5;
    padding: 10px 20px;
  }
  /* line 80, app/assets/stylesheets/v2/common.scss */
  .markdown-content br {
    display: none;
  }
  /* line 84, app/assets/stylesheets/v2/common.scss */
  .markdown-content ol, .markdown-content ul, .markdown-content li {
    margin: 0.5em;
  }
  /* line 90, app/assets/stylesheets/v2/common.scss */
  .banner {
    max-width: 1100px;
    width: 80%;
    margin: 50px auto;
  }
  /* line 95, app/assets/stylesheets/v2/common.scss */
  .banner a {
    display: block;
    width: 100%;
  }
  /* line 99, app/assets/stylesheets/v2/common.scss */
  .banner a img {
    width: 100%;
    height: 100%;
  }
  /* line 106, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 1100px;
    margin: 120px auto -30px;
    width: 80%;
    z-index: 10;
  }
  /* line 114, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-img {
    width: 100%;
  }
  /* line 116, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-img img {
    width: 100%;
  }
  /* line 120, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-name {
    margin: 10px auto;
    width: 69%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    padding: 20px 0;
    border: 3px rgba(0, 0, 0, 0.26) double;
    border-radius: 15px;
    background: white;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 133, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-space {
    margin: 10px auto;
    width: 29%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    white-space: nowrap;
    padding: 20px 0;
    border: 3px rgba(0, 0, 0, 0.26) double;
    border-radius: 15px;
    background: white;
  }
  /* line 147, app/assets/stylesheets/v2/common.scss */
  .content {
    padding: 30px 0 80px;
    max-width: 1100px;
    margin: 50px auto 150px;
    width: 80%;
    z-index: 10;
    background: white;
    border: 3px rgba(0, 0, 0, 0.26) double;
  }
  /* line 157, app/assets/stylesheets/v2/common.scss */
  .content-external {
    margin: 10px auto;
    text-align: center;
  }
  /* line 160, app/assets/stylesheets/v2/common.scss */
  .content-external a {
    font-weight: bold;
  }
  /* line 163, app/assets/stylesheets/v2/common.scss */
  .content-external .button1 {
    width: 25%;
  }
  /* line 169, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link {
    display: flex;
    flex-direction: row;
    width: 80%;
    margin: 50px auto;
  }
  /* line 175, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link .disable a {
    background: linear-gradient(#4c4c4c, #717171) !important;
  }
  /* line 177, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link .disable a:hover {
    cursor: default !important;
    opacity: 1.0 !important;
  }
  /* line 183, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div {
    display: block;
    width: 100%;
    margin: 0 30px;
  }
  /* line 187, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div img {
    display: block;
    margin: auto;
    text-align: center;
  }
  /* line 192, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div a {
    border-radius: 5px;
    text-align: center;
    display: block;
    background: linear-gradient(#ff5252, #ff9442);
    color: white;
    padding: 20px 0;
    font-weight: bold;
    font-size: 1.0em;
    width: 100%;
    text-decoration: none;
  }
  /* line 203, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div a:hover {
    opacity: 0.7;
  }
  /* line 209, app/assets/stylesheets/v2/common.scss */
  .content-markdown iframe {
    display: block;
    width: 640px;
    height: 360px;
    margin: 20px auto;
  }
  /* line 215, app/assets/stylesheets/v2/common.scss */
  .content-markdown h2 {
    text-align: center;
    color: #242424;
    padding: 20px 0;
    margin: 60px auto 30px;
    width: 60%;
    border-top: 3px #242424 double;
    border-bottom: 3px #242424 double;
    font-family: 'RocknRoll One', sans-serif;
    font-size: 2.0em;
    line-height: 1.0em;
  }
  /* line 227, app/assets/stylesheets/v2/common.scss */
  .content-markdown h2 img {
    height: 70px;
  }
  /* line 231, app/assets/stylesheets/v2/common.scss */
  .content-markdown h4 {
    background: transparent !important;
    display: block;
    width: 80%;
    margin: 0.5em auto;
    line-height: 1.5em;
  }
  /* line 238, app/assets/stylesheets/v2/common.scss */
  .content-markdown h5 {
    display: block;
    width: 80%;
    margin: 0.5em auto;
    line-height: 1.5em;
  }
  /* line 244, app/assets/stylesheets/v2/common.scss */
  .content-markdown p {
    display: block;
    width: 80%;
    margin: auto;
    line-height: 1.5em;
  }
  /* line 250, app/assets/stylesheets/v2/common.scss */
  .content-markdown code {
    background: white;
    padding: 5px;
    border-radius: 2px;
    box-shadow: inset 0 0 3px 0 rgba(151, 151, 151, 0.5);
  }
  /* line 257, app/assets/stylesheets/v2/common.scss */
  .content-markdown img {
    display: block;
    max-width: 80%;
    margin: 15px auto;
  }
  /* line 263, app/assets/stylesheets/v2/common.scss */
  .content-markdown table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 80%;
    margin: 15px auto;
  }
  /* line 268, app/assets/stylesheets/v2/common.scss */
  .content-markdown table thead {
    width: 70%;
  }
  /* line 271, app/assets/stylesheets/v2/common.scss */
  .content-markdown table tbody {
    width: 70%;
  }
  /* line 274, app/assets/stylesheets/v2/common.scss */
  .content-markdown table td, .content-markdown table th {
    padding: 0.25em 1.0em;
  }
  /* line 277, app/assets/stylesheets/v2/common.scss */
  .content-markdown table td {
    border-top: 1px solid rgba(0, 0, 0, 0.37);
  }
  /* line 282, app/assets/stylesheets/v2/common.scss */
  .content-markdown ol, .content-markdown ul {
    width: 70%;
    margin: 0.5em auto;
  }
  /* line 283, app/assets/stylesheets/v2/common.scss */
  .content-markdown ol li, .content-markdown ul li {
    margin: 0.75em auto;
    font-weight: bold;
  }
  /* line 292, app/assets/stylesheets/v2/common.scss */
  .content-search {
    margin: 30px auto;
  }
  /* line 293, app/assets/stylesheets/v2/common.scss */
  .content-search form {
    width: 60%;
    margin: auto;
  }
  /* line 298, app/assets/stylesheets/v2/common.scss */
  .content-search .search {
    padding: 10px;
    margin: 0;
    width: 70%;
    border-radius: 10px;
    border: 1px solid #666666;
  }
  /* line 305, app/assets/stylesheets/v2/common.scss */
  .content-search .search-button {
    margin: 0;
    width: 25%;
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#ff5252, #ff9442);
    border: 1px solid white;
  }
  /* line 314, app/assets/stylesheets/v2/common.scss */
  .content-search .search-button:hover {
    opacity: 0.7;
  }
  /* line 319, app/assets/stylesheets/v2/common.scss */
  .content-banner {
    width: 100%;
  }
  /* line 322, app/assets/stylesheets/v2/common.scss */
  .content-banner img {
    width: 100%;
  }
  /* line 327, app/assets/stylesheets/v2/common.scss */
  .content-company {
    width: 80%;
    margin: 30px auto;
  }
  /* line 331, app/assets/stylesheets/v2/common.scss */
  .content-company img {
    width: 100%;
  }
  /* line 336, app/assets/stylesheets/v2/common.scss */
  .content-event {
    display: flex;
    flex-flow: row nowrap;
    width: 80%;
    padding: 30px 0;
    margin: auto;
    justify-items: flex-start;
    justify-content: flex-start;
  }
  /* line 345, app/assets/stylesheets/v2/common.scss */
  .content-event-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
  }
  /* line 352, app/assets/stylesheets/v2/common.scss */
  .content-event-date {
    background-color: #242424;
    text-align: center;
    color: #242424;
    padding: 10px 0;
    width: 90%;
    margin: 15px auto;
  }
  /* line 361, app/assets/stylesheets/v2/common.scss */
  .content-event-card {
    width: 90%;
    background-color: #efefef;
    margin: 15px auto;
    border-radius: 2px;
    filter: drop-shadow(0 0.25em 0.25em rgba(0, 0, 0, 0.24));
  }
  /* line 368, app/assets/stylesheets/v2/common.scss */
  .content-event-card:hover {
    filter: drop-shadow(0 0.25em 0.25em rgba(0, 0, 0, 0.48));
  }
  /* line 372, app/assets/stylesheets/v2/common.scss */
  .content-event-card a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0 0px 0;
    text-decoration: none;
    color: #343434;
  }
  /* line 380, app/assets/stylesheets/v2/common.scss */
  .content-event-card a:visited {
    text-decoration: none;
    color: #343434;
  }
  /* line 386, app/assets/stylesheets/v2/common.scss */
  .content-event-card-img {
    width: 85%;
    margin: 0px auto 30px;
  }
  /* line 390, app/assets/stylesheets/v2/common.scss */
  .content-event-card-img img {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 397, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    margin: 15px auto;
    font-weight: bold;
  }
  /* line 404, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info-title {
    font-size: 1.0em;
  }
  /* line 408, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info-liver {
    font-weight: normal;
  }
  /* line 412, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info-time {
    font-weight: normal;
    font-size: 0.7em;
  }
  /* line 419, app/assets/stylesheets/v2/common.scss */
  .content-event-button {
    width: 80%;
    max-width: 1100px;
    display: flex;
    flex-direction: row;
    margin: 30px auto;
  }
  /* line 426, app/assets/stylesheets/v2/common.scss */
  .content-event-button .button1 a {
    padding: 10px 0;
  }
  /* line 432, app/assets/stylesheets/v2/common.scss */
  .content-event-sticker {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px auto;
    width: 90%;
  }
  /* line 439, app/assets/stylesheets/v2/common.scss */
  .content-event-sticker .content-sticker-card {
    margin: 1%;
    width: 46% !important;
    font-size: 0.8em !important;
  }
  /* line 447, app/assets/stylesheets/v2/common.scss */
  .content-event-under iframe {
    display: block;
    border: none;
    margin: 30px auto;
    width: 90%;
    height: 1000px;
  }
  /* line 457, app/assets/stylesheets/v2/common.scss */
  .content-choice {
    width: 80%;
    margin: auto;
    padding: 30px 0;
  }
  /* line 462, app/assets/stylesheets/v2/common.scss */
  .content-choice img {
    width: 100%;
  }
  /* line 466, app/assets/stylesheets/v2/common.scss */
  .content-choice-link {
    width: 80%;
    margin: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
  }
  /* line 473, app/assets/stylesheets/v2/common.scss */
  .content-choice-link div {
    width: 25%;
    display: flex;
    flex-flow: column;
    margin: 15px auto;
  }
  /* line 480, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button {
    width: 100% !important;
    margin: 15px auto;
    border-radius: 5px;
    overflow: hidden;
    filter: drop-shadow(0 0 0.125em #2a2c5f);
  }
  /* line 487, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button a {
    font-weight: bold;
    text-align: center;
    font-size: 0.8em;
    background: white;
    padding: 15px 0;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #2a2c5f;
  }
  /* line 499, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button a:visited {
    text-decoration: none;
    color: #2a2c5f;
  }
  /* line 505, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button:hover {
    filter: drop-shadow(0 0 0.25em #2a2c5f);
  }
  /* line 512, app/assets/stylesheets/v2/common.scss */
  .content-live {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
  }
  /* line 519, app/assets/stylesheets/v2/common.scss */
  .content-live-movie {
    margin: 15px auto;
    max-width: 100%;
    width: 600px;
  }
  /* line 524, app/assets/stylesheets/v2/common.scss */
  .content-live-movie iframe {
    max-height: 50vh;
    width: 100%;
    height: 300px;
  }
  /* line 530, app/assets/stylesheets/v2/common.scss */
  .content-live-movie img {
    max-height: 50vh;
    width: 100%;
    height: 300px;
  }
  /* line 537, app/assets/stylesheets/v2/common.scss */
  .content-live-info {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: 0 auto 20px;
  }
  /* line 543, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 1.0em;
    font-weight: bold;
    margin: 5px auto;
  }
  /* line 553, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile b {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    justify-items: center;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  /* line 562, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile b a {
    display: block;
    white-space: nowrap;
  }
  /* line 567, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile b img {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    margin: 5px 10px;
  }
  /* line 576, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile p {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 15px;
    white-space: nowrap;
  }
  /* line 584, app/assets/stylesheets/v2/common.scss */
  .content-live-info-platform {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.0em;
    margin: 0 auto;
  }
  /* line 592, app/assets/stylesheets/v2/common.scss */
  .content-live-info-platform a {
    margin: 5px 15px;
  }
  /* line 597, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world {
    text-align: center;
    margin: 30px 20px 0 auto;
  }
  /* line 601, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world a {
    border-radius: 2px;
    background: #242424;
    padding: 5px 10px;
    font-size: 1.2em;
    line-height: 1.2em;
    display: block;
    width: 100%;
    color: #242424;
    text-decoration: none;
  }
  /* line 612, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world a:visited {
    color: #242424;
    text-decoration: none;
  }
  /* line 617, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world a:hover {
    filter: drop-shadow(0 0.25em 0.25em rgba(0, 0, 0, 0.24));
  }
  /* line 625, app/assets/stylesheets/v2/common.scss */
  .content-headline {
    text-align: center;
    color: #242424;
    padding: 20px 0;
    margin: 30px auto 0px;
    width: 60%;
    border-top: 3px #242424 double;
    border-bottom: 3px #242424 double;
    font-family: 'RocknRoll One', sans-serif;
    font-size: 2.0em;
    line-height: 1.0em;
  }
  /* line 636, app/assets/stylesheets/v2/common.scss */
  .content-headline img {
    height: 70px;
  }
  /* line 641, app/assets/stylesheets/v2/common.scss */
  .content-subheadline {
    padding: 0 0;
    margin: 20px auto -15px;
    width: 80%;
  }
  /* line 648, app/assets/stylesheets/v2/common.scss */
  .content-desc-textonly {
    width: 80%;
    margin: auto;
    padding: 30px 0;
  }
  /* line 654, app/assets/stylesheets/v2/common.scss */
  .content-desc-media {
    padding: 30px 0;
    margin: auto;
    width: 80%;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
  }
  /* line 661, app/assets/stylesheets/v2/common.scss */
  .content-desc-media div {
    margin: 30px auto;
    flex: 1;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
  }
  /* line 670, app/assets/stylesheets/v2/common.scss */
  .content-desc-withimg {
    width: 80%;
    margin: auto;
    padding: 30px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
  /* line 679, app/assets/stylesheets/v2/common.scss */
  .content-desc-withimg div {
    margin: 15px 0;
    display: block;
    width: 55%;
  }
  /* line 685, app/assets/stylesheets/v2/common.scss */
  .content-desc-withimg img {
    display: block;
    width: 40%;
    max-height: 200px;
    object-fit: scale-down;
  }
  /* line 693, app/assets/stylesheets/v2/common.scss */
  .content-desc-center {
    padding: 30px 0;
    margin: auto;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 702, app/assets/stylesheets/v2/common.scss */
  .content-desc-center img {
    width: 300px;
  }
  /* line 706, app/assets/stylesheets/v2/common.scss */
  .content-desc-center b {
    white-space: nowrap;
  }
  /* line 711, app/assets/stylesheets/v2/common.scss */
  .content-desc-table {
    margin: auto;
    border-spacing: 0;
    border: solid 1px #000000;
    border-collapse: collapse;
    margin: 14px 0;
  }
  /* line 718, app/assets/stylesheets/v2/common.scss */
  .content-desc-table th {
    background-color: #242424;
    color: #242424;
  }
  /* line 723, app/assets/stylesheets/v2/common.scss */
  .content-desc-table td, .content-desc-table th {
    padding: 8px;
    border: solid 1px #000000;
  }
  /* line 729, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide {
    padding: 30px 0;
    margin: auto;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  /* line 738, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide img {
    width: 70%;
    margin: 15px auto;
  }
  /* line 743, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide p {
    margin: 15px auto;
  }
  /* line 747, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide table {
    margin: 15px auto;
  }
  /* line 751, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide span {
    border-bottom: 1px solid #343434;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
  }
  /* line 760, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide tr td {
    padding: 15px;
    background-color: #242424;
    color: #242424;
    white-space: nowrap;
  }
  /* line 766, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide tr td:nth-child(even) {
    white-space: normal;
    background-color: #efefef;
    color: #343434;
    font-weight: bold;
  }
  /* line 778, app/assets/stylesheets/v2/common.scss */
  .content-index ul {
    display: flex;
    margin: 50px auto;
    flex-wrap: wrap;
    width: 100%;
    justify-content: left;
    align-content: flex-start;
    list-style: none;
  }
  /* line 787, app/assets/stylesheets/v2/common.scss */
  .content-index ul li {
    padding: 0;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0 0 auto;
    width: 100%;
  }
  /* line 795, app/assets/stylesheets/v2/common.scss */
  .content-index ul li a {
    overflow: hidden;
    text-decoration: none;
    background: transparent;
    border: none;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  /* line 808, app/assets/stylesheets/v2/common.scss */
  .content-index ul form {
    padding: 0;
    width: 100%;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 816, app/assets/stylesheets/v2/common.scss */
  .content-index ul form input[type="submit"] {
    color: #5041b4;
    text-decoration: none;
    background: transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    border: none;
    margin: 0;
    text-align: left;
    display: inline;
  }
}

@media screen and (max-width: 1024px) {
  /* line 25, app/assets/stylesheets/v2/common.scss */
  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    background-image: url("/v2/images/bg.png");
    background-repeat: repeat;
    font-size: 1.0em;
    line-height: 1.5em !important;
    padding: 0;
    margin: 0;
  }
  /* line 34, app/assets/stylesheets/v2/common.scss */
  body .only-pc {
    display: block;
  }
  /* line 38, app/assets/stylesheets/v2/common.scss */
  body .only-sp {
    display: none;
  }
  /* line 43, app/assets/stylesheets/v2/common.scss */
  p {
    margin: 0;
  }
  /* line 46, app/assets/stylesheets/v2/common.scss */
  a {
    color: #214f7b;
  }
  /* line 53, app/assets/stylesheets/v2/common.scss */
  .markdown-content {
    padding: 30px 50px 80px !important;
    max-width: 100% !important;
    background-color: #efefef;
    margin: 50px auto;
    width: 80%;
    z-index: 10;
  }
  /* line 62, app/assets/stylesheets/v2/common.scss */
  .markdown-content code {
    background: white;
    padding: 5px;
    border-radius: 2px;
    box-shadow: inset 0 0 3px 0 rgba(151, 151, 151, 0.5);
  }
  /* line 69, app/assets/stylesheets/v2/common.scss */
  .markdown-content img {
    max-width: 80%;
  }
  /* line 74, app/assets/stylesheets/v2/common.scss */
  .markdown-content table td {
    border: 1px solid #a5a5a5;
    padding: 10px 20px;
  }
  /* line 80, app/assets/stylesheets/v2/common.scss */
  .markdown-content br {
    display: none;
  }
  /* line 84, app/assets/stylesheets/v2/common.scss */
  .markdown-content ol, .markdown-content ul, .markdown-content li {
    margin: 0.5em;
  }
  /* line 90, app/assets/stylesheets/v2/common.scss */
  .banner {
    max-width: 1100px;
    width: 80%;
    margin: 50px auto;
  }
  /* line 95, app/assets/stylesheets/v2/common.scss */
  .banner a {
    display: block;
    width: 100%;
  }
  /* line 99, app/assets/stylesheets/v2/common.scss */
  .banner a img {
    width: 100%;
    height: 100%;
  }
  /* line 106, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 1100px;
    margin: 120px auto -30px;
    width: 80%;
    z-index: 10;
  }
  /* line 114, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-img {
    width: 100%;
  }
  /* line 116, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-img img {
    width: 100%;
  }
  /* line 120, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-name {
    margin: 10px auto;
    width: 69%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    padding: 20px 0;
    border: 3px rgba(0, 0, 0, 0.26) double;
    border-radius: 15px;
    background: white;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 133, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-space {
    margin: 10px auto;
    width: 29%;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    white-space: nowrap;
    padding: 20px 0;
    border: 3px rgba(0, 0, 0, 0.26) double;
    border-radius: 15px;
    background: white;
  }
  /* line 147, app/assets/stylesheets/v2/common.scss */
  .content {
    padding: 30px 0 80px;
    max-width: 1100px;
    margin: 50px auto 150px;
    width: 80%;
    z-index: 10;
    background: white;
    border: 3px rgba(0, 0, 0, 0.26) double;
  }
  /* line 157, app/assets/stylesheets/v2/common.scss */
  .content-external {
    margin: 10px auto;
    text-align: center;
  }
  /* line 160, app/assets/stylesheets/v2/common.scss */
  .content-external a {
    font-weight: bold;
  }
  /* line 163, app/assets/stylesheets/v2/common.scss */
  .content-external .button1 {
    width: 25%;
  }
  /* line 169, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link {
    display: flex;
    flex-direction: row;
    width: 80%;
    margin: 50px auto;
  }
  /* line 175, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link .disable a {
    background: linear-gradient(#4c4c4c, #717171) !important;
  }
  /* line 177, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link .disable a:hover {
    cursor: default !important;
    opacity: 1.0 !important;
  }
  /* line 183, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div {
    display: block;
    width: 100%;
    margin: 0 30px;
  }
  /* line 187, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div img {
    display: block;
    margin: auto;
    text-align: center;
  }
  /* line 192, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div a {
    border-radius: 5px;
    text-align: center;
    display: block;
    background: linear-gradient(#ff5252, #ff9442);
    color: white;
    padding: 20px 0;
    font-weight: bold;
    font-size: 1.0em;
    width: 100%;
    text-decoration: none;
  }
  /* line 203, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div a:hover {
    opacity: 0.7;
  }
  /* line 209, app/assets/stylesheets/v2/common.scss */
  .content-markdown iframe {
    display: block;
    width: 640px;
    height: 360px;
    margin: 20px auto;
  }
  /* line 215, app/assets/stylesheets/v2/common.scss */
  .content-markdown h2 {
    text-align: center;
    color: #242424;
    padding: 20px 0;
    margin: 60px auto 30px;
    width: 60%;
    border-top: 3px #242424 double;
    border-bottom: 3px #242424 double;
    font-family: 'RocknRoll One', sans-serif;
    font-size: 2.0em;
    line-height: 1.0em;
  }
  /* line 227, app/assets/stylesheets/v2/common.scss */
  .content-markdown h2 img {
    height: 70px;
  }
  /* line 231, app/assets/stylesheets/v2/common.scss */
  .content-markdown h4 {
    background: transparent !important;
    display: block;
    width: 80%;
    margin: 0.5em auto;
    line-height: 1.5em;
  }
  /* line 238, app/assets/stylesheets/v2/common.scss */
  .content-markdown h5 {
    display: block;
    width: 80%;
    margin: 0.5em auto;
    line-height: 1.5em;
  }
  /* line 244, app/assets/stylesheets/v2/common.scss */
  .content-markdown p {
    display: block;
    width: 80%;
    margin: auto;
    line-height: 1.5em;
  }
  /* line 250, app/assets/stylesheets/v2/common.scss */
  .content-markdown code {
    background: white;
    padding: 5px;
    border-radius: 2px;
    box-shadow: inset 0 0 3px 0 rgba(151, 151, 151, 0.5);
  }
  /* line 257, app/assets/stylesheets/v2/common.scss */
  .content-markdown img {
    display: block;
    max-width: 80%;
    margin: 15px auto;
  }
  /* line 263, app/assets/stylesheets/v2/common.scss */
  .content-markdown table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 80%;
    margin: 15px auto;
  }
  /* line 268, app/assets/stylesheets/v2/common.scss */
  .content-markdown table thead {
    width: 70%;
  }
  /* line 271, app/assets/stylesheets/v2/common.scss */
  .content-markdown table tbody {
    width: 70%;
  }
  /* line 274, app/assets/stylesheets/v2/common.scss */
  .content-markdown table td, .content-markdown table th {
    padding: 0.25em 1.0em;
  }
  /* line 277, app/assets/stylesheets/v2/common.scss */
  .content-markdown table td {
    border-top: 1px solid rgba(0, 0, 0, 0.37);
  }
  /* line 282, app/assets/stylesheets/v2/common.scss */
  .content-markdown ol, .content-markdown ul {
    width: 70%;
    margin: 0.5em auto;
  }
  /* line 283, app/assets/stylesheets/v2/common.scss */
  .content-markdown ol li, .content-markdown ul li {
    margin: 0.75em auto;
    font-weight: bold;
  }
  /* line 292, app/assets/stylesheets/v2/common.scss */
  .content-search {
    margin: 30px auto;
  }
  /* line 293, app/assets/stylesheets/v2/common.scss */
  .content-search form {
    width: 60%;
    margin: auto;
  }
  /* line 298, app/assets/stylesheets/v2/common.scss */
  .content-search .search {
    padding: 10px;
    margin: 0;
    width: 70%;
    border-radius: 10px;
    border: 1px solid #666666;
  }
  /* line 305, app/assets/stylesheets/v2/common.scss */
  .content-search .search-button {
    margin: 0;
    width: 25%;
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#ff5252, #ff9442);
    border: 1px solid white;
  }
  /* line 314, app/assets/stylesheets/v2/common.scss */
  .content-search .search-button:hover {
    opacity: 0.7;
  }
  /* line 319, app/assets/stylesheets/v2/common.scss */
  .content-banner {
    width: 100%;
  }
  /* line 322, app/assets/stylesheets/v2/common.scss */
  .content-banner img {
    width: 100%;
  }
  /* line 327, app/assets/stylesheets/v2/common.scss */
  .content-company {
    width: 80%;
    margin: 30px auto;
  }
  /* line 331, app/assets/stylesheets/v2/common.scss */
  .content-company img {
    width: 100%;
  }
  /* line 336, app/assets/stylesheets/v2/common.scss */
  .content-event {
    display: flex;
    flex-flow: row nowrap;
    width: 80%;
    padding: 30px 0;
    margin: auto;
    justify-items: flex-start;
    justify-content: flex-start;
  }
  /* line 345, app/assets/stylesheets/v2/common.scss */
  .content-event-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
  }
  /* line 352, app/assets/stylesheets/v2/common.scss */
  .content-event-date {
    background-color: #242424;
    text-align: center;
    color: #242424;
    padding: 10px 0;
    width: 90%;
    margin: 15px auto;
  }
  /* line 361, app/assets/stylesheets/v2/common.scss */
  .content-event-card {
    width: 90%;
    background-color: #efefef;
    margin: 15px auto;
    border-radius: 2px;
    filter: drop-shadow(0 0.25em 0.25em rgba(0, 0, 0, 0.24));
  }
  /* line 368, app/assets/stylesheets/v2/common.scss */
  .content-event-card:hover {
    filter: drop-shadow(0 0.25em 0.25em rgba(0, 0, 0, 0.48));
  }
  /* line 372, app/assets/stylesheets/v2/common.scss */
  .content-event-card a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0 0px 0;
    text-decoration: none;
    color: #343434;
  }
  /* line 380, app/assets/stylesheets/v2/common.scss */
  .content-event-card a:visited {
    text-decoration: none;
    color: #343434;
  }
  /* line 386, app/assets/stylesheets/v2/common.scss */
  .content-event-card-img {
    width: 85%;
    margin: 0px auto 30px;
  }
  /* line 390, app/assets/stylesheets/v2/common.scss */
  .content-event-card-img img {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 397, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    margin: 15px auto;
    font-weight: bold;
  }
  /* line 404, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info-title {
    font-size: 1.0em;
  }
  /* line 408, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info-liver {
    font-weight: normal;
  }
  /* line 412, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info-time {
    font-weight: normal;
    font-size: 0.7em;
  }
  /* line 419, app/assets/stylesheets/v2/common.scss */
  .content-event-button {
    width: 80%;
    max-width: 1100px;
    display: flex;
    flex-direction: row;
    margin: 30px auto;
  }
  /* line 426, app/assets/stylesheets/v2/common.scss */
  .content-event-button .button1 a {
    padding: 10px 0;
  }
  /* line 432, app/assets/stylesheets/v2/common.scss */
  .content-event-sticker {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px auto;
    width: 90%;
  }
  /* line 439, app/assets/stylesheets/v2/common.scss */
  .content-event-sticker .content-sticker-card {
    margin: 1%;
    width: 46% !important;
    font-size: 0.8em !important;
  }
  /* line 447, app/assets/stylesheets/v2/common.scss */
  .content-event-under iframe {
    display: block;
    border: none;
    margin: 30px auto;
    width: 90%;
    height: 1000px;
  }
  /* line 457, app/assets/stylesheets/v2/common.scss */
  .content-choice {
    width: 80%;
    margin: auto;
    padding: 30px 0;
  }
  /* line 462, app/assets/stylesheets/v2/common.scss */
  .content-choice img {
    width: 100%;
  }
  /* line 466, app/assets/stylesheets/v2/common.scss */
  .content-choice-link {
    width: 80%;
    margin: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
  }
  /* line 473, app/assets/stylesheets/v2/common.scss */
  .content-choice-link div {
    width: 25%;
    display: flex;
    flex-flow: column;
    margin: 15px auto;
  }
  /* line 480, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button {
    width: 100% !important;
    margin: 15px auto;
    border-radius: 5px;
    overflow: hidden;
    filter: drop-shadow(0 0 0.125em #2a2c5f);
  }
  /* line 487, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button a {
    font-weight: bold;
    text-align: center;
    font-size: 0.8em;
    background: white;
    padding: 15px 0;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #2a2c5f;
  }
  /* line 499, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button a:visited {
    text-decoration: none;
    color: #2a2c5f;
  }
  /* line 505, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button:hover {
    filter: drop-shadow(0 0 0.25em #2a2c5f);
  }
  /* line 512, app/assets/stylesheets/v2/common.scss */
  .content-live {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
  }
  /* line 519, app/assets/stylesheets/v2/common.scss */
  .content-live-movie {
    margin: 15px auto;
    max-width: 100%;
    width: 600px;
  }
  /* line 524, app/assets/stylesheets/v2/common.scss */
  .content-live-movie iframe {
    max-height: 50vh;
    width: 100%;
    height: 300px;
  }
  /* line 530, app/assets/stylesheets/v2/common.scss */
  .content-live-movie img {
    max-height: 50vh;
    width: 100%;
    height: 300px;
  }
  /* line 537, app/assets/stylesheets/v2/common.scss */
  .content-live-info {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: 0 auto 20px;
  }
  /* line 543, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 1.0em;
    font-weight: bold;
    margin: 5px auto;
  }
  /* line 553, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile b {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    justify-items: center;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  /* line 562, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile b a {
    display: block;
    white-space: nowrap;
  }
  /* line 567, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile b img {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    margin: 5px 10px;
  }
  /* line 576, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile p {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 15px;
    white-space: nowrap;
  }
  /* line 584, app/assets/stylesheets/v2/common.scss */
  .content-live-info-platform {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.0em;
    margin: 0 auto;
  }
  /* line 592, app/assets/stylesheets/v2/common.scss */
  .content-live-info-platform a {
    margin: 5px 15px;
  }
  /* line 597, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world {
    text-align: center;
    margin: 30px 20px 0 auto;
  }
  /* line 601, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world a {
    border-radius: 2px;
    background: #242424;
    padding: 5px 10px;
    font-size: 1.2em;
    line-height: 1.2em;
    display: block;
    width: 100%;
    color: #242424;
    text-decoration: none;
  }
  /* line 612, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world a:visited {
    color: #242424;
    text-decoration: none;
  }
  /* line 617, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world a:hover {
    filter: drop-shadow(0 0.25em 0.25em rgba(0, 0, 0, 0.24));
  }
  /* line 625, app/assets/stylesheets/v2/common.scss */
  .content-headline {
    text-align: center;
    color: #242424;
    padding: 20px 0;
    margin: 30px auto 0px;
    width: 60%;
    border-top: 3px #242424 double;
    border-bottom: 3px #242424 double;
    font-family: 'RocknRoll One', sans-serif;
    font-size: 2.0em;
    line-height: 1.0em;
  }
  /* line 636, app/assets/stylesheets/v2/common.scss */
  .content-headline img {
    height: 70px;
  }
  /* line 641, app/assets/stylesheets/v2/common.scss */
  .content-subheadline {
    padding: 0 0;
    margin: 20px auto -15px;
    width: 80%;
  }
  /* line 648, app/assets/stylesheets/v2/common.scss */
  .content-desc-textonly {
    width: 80%;
    margin: auto;
    padding: 30px 0;
  }
  /* line 654, app/assets/stylesheets/v2/common.scss */
  .content-desc-media {
    padding: 30px 0;
    margin: auto;
    width: 80%;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
  }
  /* line 661, app/assets/stylesheets/v2/common.scss */
  .content-desc-media div {
    margin: 30px auto;
    flex: 1;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
  }
  /* line 670, app/assets/stylesheets/v2/common.scss */
  .content-desc-withimg {
    width: 80%;
    margin: auto;
    padding: 30px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
  /* line 679, app/assets/stylesheets/v2/common.scss */
  .content-desc-withimg div {
    margin: 15px 0;
    display: block;
    width: 55%;
  }
  /* line 685, app/assets/stylesheets/v2/common.scss */
  .content-desc-withimg img {
    display: block;
    width: 40%;
    max-height: 200px;
    object-fit: scale-down;
  }
  /* line 693, app/assets/stylesheets/v2/common.scss */
  .content-desc-center {
    padding: 30px 0;
    margin: auto;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 702, app/assets/stylesheets/v2/common.scss */
  .content-desc-center img {
    width: 300px;
  }
  /* line 706, app/assets/stylesheets/v2/common.scss */
  .content-desc-center b {
    white-space: nowrap;
  }
  /* line 711, app/assets/stylesheets/v2/common.scss */
  .content-desc-table {
    margin: auto;
    border-spacing: 0;
    border: solid 1px #000000;
    border-collapse: collapse;
    margin: 14px 0;
  }
  /* line 718, app/assets/stylesheets/v2/common.scss */
  .content-desc-table th {
    background-color: #242424;
    color: #242424;
  }
  /* line 723, app/assets/stylesheets/v2/common.scss */
  .content-desc-table td, .content-desc-table th {
    padding: 8px;
    border: solid 1px #000000;
  }
  /* line 729, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide {
    padding: 30px 0;
    margin: auto;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  /* line 738, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide img {
    width: 70%;
    margin: 15px auto;
  }
  /* line 743, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide p {
    margin: 15px auto;
  }
  /* line 747, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide table {
    margin: 15px auto;
  }
  /* line 751, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide span {
    border-bottom: 1px solid #343434;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
  }
  /* line 760, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide tr td {
    padding: 15px;
    background-color: #242424;
    color: #242424;
    white-space: nowrap;
  }
  /* line 766, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide tr td:nth-child(even) {
    white-space: normal;
    background-color: #efefef;
    color: #343434;
    font-weight: bold;
  }
  /* line 778, app/assets/stylesheets/v2/common.scss */
  .content-index ul {
    display: flex;
    margin: 50px auto;
    flex-wrap: wrap;
    width: 100%;
    justify-content: left;
    align-content: flex-start;
    list-style: none;
  }
  /* line 787, app/assets/stylesheets/v2/common.scss */
  .content-index ul li {
    padding: 0;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0 0 auto;
    width: 100%;
  }
  /* line 795, app/assets/stylesheets/v2/common.scss */
  .content-index ul li a {
    overflow: hidden;
    text-decoration: none;
    background: transparent;
    border: none;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  /* line 808, app/assets/stylesheets/v2/common.scss */
  .content-index ul form {
    padding: 0;
    width: 100%;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 816, app/assets/stylesheets/v2/common.scss */
  .content-index ul form input[type="submit"] {
    color: #5041b4;
    text-decoration: none;
    background: transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    border: none;
    margin: 0;
    text-align: left;
    display: inline;
  }
}

@media screen and (max-width: 769px) {
  /* line 25, app/assets/stylesheets/v2/common.scss */
  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    background-image: url("/v2/images/bg.png");
    background-repeat: repeat;
    font-size: 1.0em;
    line-height: 1.5em !important;
    padding: 0;
    margin: 0;
  }
  /* line 34, app/assets/stylesheets/v2/common.scss */
  body .only-pc {
    display: none;
  }
  /* line 38, app/assets/stylesheets/v2/common.scss */
  body .only-sp {
    display: block;
  }
  /* line 43, app/assets/stylesheets/v2/common.scss */
  p {
    margin: 0;
  }
  /* line 46, app/assets/stylesheets/v2/common.scss */
  a {
    color: #214f7b;
  }
  /* line 53, app/assets/stylesheets/v2/common.scss */
  .markdown-content {
    padding: 30px 50px 80px !important;
    max-width: 100% !important;
    background-color: #efefef;
    margin: 50px auto;
    width: 98%;
    z-index: 10;
  }
  /* line 62, app/assets/stylesheets/v2/common.scss */
  .markdown-content code {
    background: white;
    padding: 5px;
    border-radius: 2px;
    box-shadow: inset 0 0 3px 0 rgba(151, 151, 151, 0.5);
  }
  /* line 69, app/assets/stylesheets/v2/common.scss */
  .markdown-content img {
    max-width: 80%;
  }
  /* line 74, app/assets/stylesheets/v2/common.scss */
  .markdown-content table td {
    border: 1px solid #a5a5a5;
    padding: 10px 20px;
  }
  /* line 80, app/assets/stylesheets/v2/common.scss */
  .markdown-content br {
    display: none;
  }
  /* line 84, app/assets/stylesheets/v2/common.scss */
  .markdown-content ol, .markdown-content ul, .markdown-content li {
    margin: 0.5em;
  }
  /* line 90, app/assets/stylesheets/v2/common.scss */
  .banner {
    max-width: 100%;
    width: 98%;
    margin: 50px auto;
  }
  /* line 95, app/assets/stylesheets/v2/common.scss */
  .banner a {
    display: block;
    width: 100%;
  }
  /* line 99, app/assets/stylesheets/v2/common.scss */
  .banner a img {
    width: 100%;
    height: 100%;
  }
  /* line 106, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 100%;
    margin: 120px auto -30px;
    width: 98%;
    z-index: 10;
  }
  /* line 114, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-img {
    width: 100%;
  }
  /* line 116, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-img img {
    width: 100%;
  }
  /* line 120, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-name {
    margin: 10px auto;
    width: 69%;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    padding: 20px 0;
    border: 3px rgba(0, 0, 0, 0.26) double;
    border-radius: 15px;
    background: white;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 133, app/assets/stylesheets/v2/common.scss */
  .content-catalogpage-header-space {
    margin: 10px auto;
    width: 29%;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    white-space: nowrap;
    padding: 20px 0;
    border: 3px rgba(0, 0, 0, 0.26) double;
    border-radius: 15px;
    background: white;
  }
  /* line 147, app/assets/stylesheets/v2/common.scss */
  .content {
    padding: 30px 0 80px;
    max-width: 100%;
    margin: 50px auto 150px;
    width: 98%;
    z-index: 10;
    background: white;
    border: 3px rgba(0, 0, 0, 0.26) double;
  }
  /* line 157, app/assets/stylesheets/v2/common.scss */
  .content-external {
    margin: 10px auto;
    text-align: center;
  }
  /* line 160, app/assets/stylesheets/v2/common.scss */
  .content-external a {
    font-weight: bold;
  }
  /* line 163, app/assets/stylesheets/v2/common.scss */
  .content-external .button1 {
    width: 50%;
  }
  /* line 169, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 50px auto;
  }
  /* line 175, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link .disable a {
    background: linear-gradient(#4c4c4c, #717171) !important;
  }
  /* line 177, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link .disable a:hover {
    cursor: default !important;
    opacity: 1.0 !important;
  }
  /* line 183, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div {
    display: block;
    width: 100%;
    margin: 0;
  }
  /* line 187, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div img {
    display: block;
    margin: auto;
    text-align: center;
  }
  /* line 192, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div a {
    border-radius: 5px;
    text-align: center;
    display: block;
    background: linear-gradient(#ff5252, #ff9442);
    color: white;
    padding: 20px 0;
    font-weight: bold;
    font-size: 1.0em;
    width: 100%;
    text-decoration: none;
  }
  /* line 203, app/assets/stylesheets/v2/common.scss */
  .content-markdown .link div a:hover {
    opacity: 0.7;
  }
  /* line 209, app/assets/stylesheets/v2/common.scss */
  .content-markdown iframe {
    display: block;
    width: 100%;
    height: 50vw;
    margin: 20px auto;
  }
  /* line 215, app/assets/stylesheets/v2/common.scss */
  .content-markdown h2 {
    text-align: center;
    color: #242424;
    padding: 20px 0;
    margin: 60px auto 30px;
    width: 60%;
    border-top: 3px #242424 double;
    border-bottom: 3px #242424 double;
    font-family: 'RocknRoll One', sans-serif;
    font-size: 2.0em;
    line-height: 1.0em;
  }
  /* line 227, app/assets/stylesheets/v2/common.scss */
  .content-markdown h2 img {
    height: 70px;
  }
  /* line 231, app/assets/stylesheets/v2/common.scss */
  .content-markdown h4 {
    background: transparent !important;
    display: block;
    width: 90%;
    margin: 0.5em auto;
    line-height: 1.5em;
  }
  /* line 238, app/assets/stylesheets/v2/common.scss */
  .content-markdown h5 {
    display: block;
    width: 90%;
    margin: 0.5em auto;
    line-height: 1.5em;
  }
  /* line 244, app/assets/stylesheets/v2/common.scss */
  .content-markdown p {
    display: block;
    width: 90%;
    margin: auto;
    line-height: 1.5em;
  }
  /* line 250, app/assets/stylesheets/v2/common.scss */
  .content-markdown code {
    background: white;
    padding: 5px;
    border-radius: 2px;
    box-shadow: inset 0 0 3px 0 rgba(151, 151, 151, 0.5);
  }
  /* line 257, app/assets/stylesheets/v2/common.scss */
  .content-markdown img {
    display: block;
    max-width: 80%;
    margin: 15px auto;
  }
  /* line 263, app/assets/stylesheets/v2/common.scss */
  .content-markdown table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 80%;
    margin: 15px auto;
  }
  /* line 268, app/assets/stylesheets/v2/common.scss */
  .content-markdown table thead {
    width: 80%;
  }
  /* line 271, app/assets/stylesheets/v2/common.scss */
  .content-markdown table tbody {
    width: 80%;
  }
  /* line 274, app/assets/stylesheets/v2/common.scss */
  .content-markdown table td, .content-markdown table th {
    padding: 0.25em 1.0em;
  }
  /* line 277, app/assets/stylesheets/v2/common.scss */
  .content-markdown table td {
    border-top: 1px solid rgba(0, 0, 0, 0.37);
  }
  /* line 282, app/assets/stylesheets/v2/common.scss */
  .content-markdown ol, .content-markdown ul {
    width: 80%;
    margin: 0.5em auto;
  }
  /* line 283, app/assets/stylesheets/v2/common.scss */
  .content-markdown ol li, .content-markdown ul li {
    margin: 0.75em auto;
    font-weight: bold;
  }
  /* line 292, app/assets/stylesheets/v2/common.scss */
  .content-search {
    margin: 30px auto;
  }
  /* line 293, app/assets/stylesheets/v2/common.scss */
  .content-search form {
    width: 95%;
    margin: auto;
  }
  /* line 298, app/assets/stylesheets/v2/common.scss */
  .content-search .search {
    padding: 10px;
    margin: 0;
    width: 70%;
    border-radius: 10px;
    border: 1px solid #666666;
  }
  /* line 305, app/assets/stylesheets/v2/common.scss */
  .content-search .search-button {
    margin: 0;
    width: 25%;
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#ff5252, #ff9442);
    border: 1px solid white;
  }
  /* line 314, app/assets/stylesheets/v2/common.scss */
  .content-search .search-button:hover {
    opacity: 0.7;
  }
  /* line 319, app/assets/stylesheets/v2/common.scss */
  .content-banner {
    width: 100%;
  }
  /* line 322, app/assets/stylesheets/v2/common.scss */
  .content-banner img {
    width: 100%;
  }
  /* line 327, app/assets/stylesheets/v2/common.scss */
  .content-company {
    width: 80%;
    margin: 30px auto;
  }
  /* line 331, app/assets/stylesheets/v2/common.scss */
  .content-company img {
    width: 100%;
  }
  /* line 336, app/assets/stylesheets/v2/common.scss */
  .content-event {
    display: flex;
    flex-flow: column nowrap;
    width: 90%;
    padding: 30px 0;
    margin: auto;
    justify-items: flex-start;
    justify-content: flex-start;
  }
  /* line 345, app/assets/stylesheets/v2/common.scss */
  .content-event-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
  }
  /* line 352, app/assets/stylesheets/v2/common.scss */
  .content-event-date {
    background-color: #242424;
    text-align: center;
    color: #242424;
    padding: 10px 0;
    width: 90%;
    margin: 15px auto;
  }
  /* line 361, app/assets/stylesheets/v2/common.scss */
  .content-event-card {
    width: 90%;
    background-color: #efefef;
    margin: 15px auto;
    border-radius: 2px;
    filter: drop-shadow(0 0.25em 0.25em rgba(0, 0, 0, 0.24));
  }
  /* line 368, app/assets/stylesheets/v2/common.scss */
  .content-event-card:hover {
    filter: drop-shadow(0 0.25em 0.25em rgba(0, 0, 0, 0.48));
  }
  /* line 372, app/assets/stylesheets/v2/common.scss */
  .content-event-card a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0 0px 0;
    text-decoration: none;
    color: #343434;
  }
  /* line 380, app/assets/stylesheets/v2/common.scss */
  .content-event-card a:visited {
    text-decoration: none;
    color: #343434;
  }
  /* line 386, app/assets/stylesheets/v2/common.scss */
  .content-event-card-img {
    width: 85%;
    margin: 0px auto 30px;
  }
  /* line 390, app/assets/stylesheets/v2/common.scss */
  .content-event-card-img img {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 397, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    margin: 15px auto;
    font-weight: bold;
  }
  /* line 404, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info-title {
    font-size: 1.0em;
  }
  /* line 408, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info-liver {
    font-weight: normal;
  }
  /* line 412, app/assets/stylesheets/v2/common.scss */
  .content-event-card-info-time {
    font-weight: normal;
    font-size: 0.7em;
  }
  /* line 419, app/assets/stylesheets/v2/common.scss */
  .content-event-button {
    width: 98%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    margin: 30px auto;
  }
  /* line 426, app/assets/stylesheets/v2/common.scss */
  .content-event-button .button1 a {
    padding: 10px 0;
  }
  /* line 432, app/assets/stylesheets/v2/common.scss */
  .content-event-sticker {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 30px auto;
    width: 90%;
  }
  /* line 439, app/assets/stylesheets/v2/common.scss */
  .content-event-sticker .content-sticker-card {
    margin: 1%;
    width: 98% !important;
    font-size: 0.8em !important;
  }
  /* line 447, app/assets/stylesheets/v2/common.scss */
  .content-event-under iframe {
    display: block;
    border: none;
    margin: 30px auto;
    width: 90%;
    height: 3000px;
  }
  /* line 457, app/assets/stylesheets/v2/common.scss */
  .content-choice {
    width: 90%;
    margin: auto;
    padding: 30px 0;
  }
  /* line 462, app/assets/stylesheets/v2/common.scss */
  .content-choice img {
    width: 100%;
  }
  /* line 466, app/assets/stylesheets/v2/common.scss */
  .content-choice-link {
    width: 90%;
    margin: auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
  }
  /* line 473, app/assets/stylesheets/v2/common.scss */
  .content-choice-link div {
    width: 80%;
    display: flex;
    flex-flow: column;
    margin: 15px auto;
  }
  /* line 480, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button {
    width: 100% !important;
    margin: 15px auto;
    border-radius: 5px;
    overflow: hidden;
    filter: drop-shadow(0 0 0.125em #2a2c5f);
  }
  /* line 487, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button a {
    font-weight: bold;
    text-align: center;
    font-size: 0.8em;
    background: white;
    padding: 15px 0;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #2a2c5f;
  }
  /* line 499, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button a:visited {
    text-decoration: none;
    color: #2a2c5f;
  }
  /* line 505, app/assets/stylesheets/v2/common.scss */
  .content-choice-link-button:hover {
    filter: drop-shadow(0 0 0.25em #2a2c5f);
  }
  /* line 512, app/assets/stylesheets/v2/common.scss */
  .content-live {
    width: 98%;
    margin: 0 auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
  }
  /* line 519, app/assets/stylesheets/v2/common.scss */
  .content-live-movie {
    margin: 15px auto;
    max-width: 100%;
    width: 600px;
  }
  /* line 524, app/assets/stylesheets/v2/common.scss */
  .content-live-movie iframe {
    max-height: 50vh;
    width: 100%;
    height: 300px;
  }
  /* line 530, app/assets/stylesheets/v2/common.scss */
  .content-live-movie img {
    max-height: 50vh;
    width: 100%;
    height: 300px;
  }
  /* line 537, app/assets/stylesheets/v2/common.scss */
  .content-live-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto 20px;
  }
  /* line 543, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 1.0em;
    font-weight: bold;
    margin: 5px auto;
  }
  /* line 553, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile b {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    justify-items: center;
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  /* line 562, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile b a {
    display: block;
    white-space: nowrap;
  }
  /* line 567, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile b img {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    margin: 5px 10px;
  }
  /* line 576, app/assets/stylesheets/v2/common.scss */
  .content-live-info-profile p {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 15px;
    white-space: nowrap;
  }
  /* line 584, app/assets/stylesheets/v2/common.scss */
  .content-live-info-platform {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 1.0em;
    margin: 0 auto;
  }
  /* line 592, app/assets/stylesheets/v2/common.scss */
  .content-live-info-platform a {
    margin: 5px 15px;
  }
  /* line 597, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world {
    text-align: center;
    margin: 30px 20px 0 auto;
  }
  /* line 601, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world a {
    border-radius: 2px;
    background: #242424;
    padding: 5px 10px;
    font-size: 1.2em;
    line-height: 1.2em;
    display: block;
    width: 100%;
    color: #242424;
    text-decoration: none;
  }
  /* line 612, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world a:visited {
    color: #242424;
    text-decoration: none;
  }
  /* line 617, app/assets/stylesheets/v2/common.scss */
  .content-live-info-world a:hover {
    filter: drop-shadow(0 0.25em 0.25em rgba(0, 0, 0, 0.24));
  }
  /* line 625, app/assets/stylesheets/v2/common.scss */
  .content-headline {
    text-align: center;
    color: #242424;
    padding: 20px 0;
    margin: 30px auto 0px;
    width: 60%;
    border-top: 3px #242424 double;
    border-bottom: 3px #242424 double;
    font-family: 'RocknRoll One', sans-serif;
    font-size: 2.0em;
    line-height: 1.0em;
  }
  /* line 636, app/assets/stylesheets/v2/common.scss */
  .content-headline img {
    height: 70px;
  }
  /* line 641, app/assets/stylesheets/v2/common.scss */
  .content-subheadline {
    padding: 0 0;
    margin: 20px auto -15px;
    width: 90%;
  }
  /* line 648, app/assets/stylesheets/v2/common.scss */
  .content-desc-textonly {
    width: 90%;
    margin: auto;
    padding: 30px 0;
  }
  /* line 654, app/assets/stylesheets/v2/common.scss */
  .content-desc-media {
    padding: 30px 0;
    margin: auto;
    width: 90%;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
  }
  /* line 661, app/assets/stylesheets/v2/common.scss */
  .content-desc-media div {
    margin: 30px auto;
    flex: 1;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
  }
  /* line 670, app/assets/stylesheets/v2/common.scss */
  .content-desc-withimg {
    width: 90%;
    margin: auto;
    padding: 30px 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: center;
  }
  /* line 679, app/assets/stylesheets/v2/common.scss */
  .content-desc-withimg div {
    margin: 15px 0;
    display: block;
    width: 90%;
  }
  /* line 685, app/assets/stylesheets/v2/common.scss */
  .content-desc-withimg img {
    display: block;
    width: 80%;
    max-height: 200px;
    object-fit: scale-down;
  }
  /* line 693, app/assets/stylesheets/v2/common.scss */
  .content-desc-center {
    padding: 30px 0;
    margin: auto;
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 702, app/assets/stylesheets/v2/common.scss */
  .content-desc-center img {
    width: 300px;
  }
  /* line 706, app/assets/stylesheets/v2/common.scss */
  .content-desc-center b {
    white-space: nowrap;
  }
  /* line 711, app/assets/stylesheets/v2/common.scss */
  .content-desc-table {
    margin: auto;
    border-spacing: 0;
    border: solid 1px #000000;
    border-collapse: collapse;
    margin: 14px 0;
  }
  /* line 718, app/assets/stylesheets/v2/common.scss */
  .content-desc-table th {
    background-color: #242424;
    color: #242424;
  }
  /* line 723, app/assets/stylesheets/v2/common.scss */
  .content-desc-table td, .content-desc-table th {
    padding: 8px;
    border: solid 1px #000000;
  }
  /* line 729, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide {
    padding: 30px 0;
    margin: auto;
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  /* line 738, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide img {
    width: 70%;
    margin: 15px auto;
  }
  /* line 743, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide p {
    margin: 15px auto;
  }
  /* line 747, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide table {
    margin: 15px auto;
  }
  /* line 751, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide span {
    border-bottom: 1px solid #343434;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
  }
  /* line 760, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide tr td {
    padding: 15px;
    background-color: #242424;
    color: #242424;
    white-space: nowrap;
  }
  /* line 766, app/assets/stylesheets/v2/common.scss */
  .content-desc-guide tr td:nth-child(even) {
    white-space: normal;
    background-color: #efefef;
    color: #343434;
    font-weight: bold;
  }
  /* line 778, app/assets/stylesheets/v2/common.scss */
  .content-index ul {
    display: flex;
    margin: 50px auto;
    flex-wrap: wrap;
    width: 100%;
    justify-content: left;
    align-content: flex-start;
    list-style: none;
  }
  /* line 787, app/assets/stylesheets/v2/common.scss */
  .content-index ul li {
    padding: 0;
    width: 95%;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 5px 0 0 auto;
    width: 100%;
  }
  /* line 795, app/assets/stylesheets/v2/common.scss */
  .content-index ul li a {
    overflow: hidden;
    text-decoration: none;
    background: transparent;
    border: none;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  /* line 808, app/assets/stylesheets/v2/common.scss */
  .content-index ul form {
    padding: 0;
    width: 100%;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* line 816, app/assets/stylesheets/v2/common.scss */
  .content-index ul form input[type="submit"] {
    color: #5041b4;
    text-decoration: none;
    background: transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    border: none;
    margin: 0;
    text-align: left;
    display: inline;
  }
}

/* line 1, app/assets/stylesheets/v2/part.scss */
.border-button {
  margin-top: 20px;
  text-align: center;
  width: auto;
  padding: 4px 20px;
  border: solid 1px #242424;
}

/* line 8, app/assets/stylesheets/v2/part.scss */
.border-button a {
  color: #242424;
  text-decoration: none;
  margin: 0;
  width: 100%;
  height: 100%;
}

/* line 15, app/assets/stylesheets/v2/part.scss */
.border-button input {
  color: #242424;
  text-decoration: none;
  background: transparent;
  border: none;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
}

/* line 26, app/assets/stylesheets/v2/part.scss */
#origin_video_url {
  display: block;
  width: 0;
  opacity: 0.0;
}

/* line 32, app/assets/stylesheets/v2/part.scss */
.login_key {
  background: #242424;
  color: #242424;
  border-radius: 2px;
}

/* line 36, app/assets/stylesheets/v2/part.scss */
.login_key:hover {
  background: transparent;
  color: #343434;
}

/* line 42, app/assets/stylesheets/v2/part.scss */
.button {
  text-align: center;
  border: solid 1px #242424;
  background: #242424;
  border-radius: 100px;
  font-weight: bold;
  font-size: 1.1em;
  max-width: 100%;
}

/* line 50, app/assets/stylesheets/v2/part.scss */
.button a {
  display: block;
  padding: 30px 50px;
  white-space: nowrap;
  color: #ffffff !important;
  text-decoration: none;
}

/* line 57, app/assets/stylesheets/v2/part.scss */
.button a:visited {
  color: #ffffff !important;
  text-decoration: none;
}

/* line 61, app/assets/stylesheets/v2/part.scss */
.button a:link {
  color: #ffffff !important;
  text-decoration: none;
}

/* line 68, app/assets/stylesheets/v2/part.scss */
.button1 {
  flex: 1;
  margin: 5px 10px;
  background: transparent;
  overflow: hidden;
  border-radius: 50px;
  border: 2px solid white;
  filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.66));
}

/* line 76, app/assets/stylesheets/v2/part.scss */
.button1 a {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0;
  background: linear-gradient(#ff5252, #ff9442);
  text-decoration: none;
  color: white;
  margin: auto;
  text-align: center;
  justify-items: center;
}

/* line 87, app/assets/stylesheets/v2/part.scss */
.button1 a p {
  font-size: 1.2em;
  filter: drop-shadow(0.1em 0.1em 0.05em rgba(0, 0, 0, 0.66));
  font-family: 'RocknRoll One', sans-serif;
  height: 3.0em;
  padding: 8px 0;
  display: table-cell;
  vertical-align: middle;
}

/* line 96, app/assets/stylesheets/v2/part.scss */
.button1 a .img {
  display: table-cell;
  height: 40px;
  width: 40px;
  vertical-align: middle;
  padding: 10px;
}

/* line 103, app/assets/stylesheets/v2/part.scss */
.button1 a .img img {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 109, app/assets/stylesheets/v2/part.scss */
.button1 a:hover {
  transition: 0.2s;
  background: linear-gradient(#ff7a7a, #ffad6f) !important;
}

/* line 117, app/assets/stylesheets/v2/part.scss */
.button1-closed {
  cursor: default !important;
}

/* line 119, app/assets/stylesheets/v2/part.scss */
.button1-closed a {
  cursor: default !important;
  background: linear-gradient(#4c4c4c, #717171) !important;
}

/* line 122, app/assets/stylesheets/v2/part.scss */
.button1-closed a:hover {
  cursor: default !important;
  background: linear-gradient(#4c4c4c, #717171) !important;
}

/* line 129, app/assets/stylesheets/v2/part.scss */
.button2 {
  flex: 1;
  margin: 0;
  background: transparent;
  overflow: hidden;
  border: 1px solid white;
}

/* line 135, app/assets/stylesheets/v2/part.scss */
.button2 a {
  display: table;
  width: 100%;
  height: 100%;
  padding: 0;
  background: linear-gradient(#ff5252, #ff9442);
  text-decoration: none;
  color: white;
  margin: auto;
  text-align: center;
  justify-items: center;
}

/* line 146, app/assets/stylesheets/v2/part.scss */
.button2 a p {
  font-size: 1.2em;
  filter: drop-shadow(0.1em 0.1em 0.05em rgba(0, 0, 0, 0.66));
  font-family: 'RocknRoll One', sans-serif;
  height: 2.5em;
  padding: 5px 0;
  display: table-cell;
  vertical-align: middle;
}

/* line 155, app/assets/stylesheets/v2/part.scss */
.button2 a:hover {
  transition: 0.2s;
  background: linear-gradient(#ff7a7a, #ffad6f) !important;
}

/* line 163, app/assets/stylesheets/v2/part.scss */
.button2-closed {
  cursor: default !important;
  position: relative;
}

/* line 166, app/assets/stylesheets/v2/part.scss */
.button2-closed a {
  opacity: 0.3;
  cursor: default !important;
  background: linear-gradient(#4c4c4c, #717171) !important;
}

/* line 170, app/assets/stylesheets/v2/part.scss */
.button2-closed a:hover {
  cursor: default !important;
  background: linear-gradient(#4c4c4c, #717171) !important;
}

/* line 175, app/assets/stylesheets/v2/part.scss */
.button2-closed:before {
  content: "COMING SOON";
  color: white;
  font-size: 1.0em;
  font-weight: bold;
  position: absolute;
  top: calc(50% - 0.75em);
  width: 100%;
  text-align: center;
  display: block;
  z-index: 1;
}

/* line 190, app/assets/stylesheets/v2/part.scss */
.rules {
  margin: 30px auto;
  padding: 50px 30px;
  font-size: 0.9em;
  width: 80%;
  height: 300px;
  background: white;
  border: #666666 1px solid;
  overflow: scroll;
}

@media (max-width: 9999px) {
  /* line 11, app/assets/stylesheets/v2/form.scss */
  .form {
    width: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  /* line 18, app/assets/stylesheets/v2/form.scss */
  .form-register {
    width: 60%;
  }
  /* line 22, app/assets/stylesheets/v2/form.scss */
  .form-video {
    margin: auto;
    text-align: center;
  }
  /* line 25, app/assets/stylesheets/v2/form.scss */
  .form-video video {
    display: block;
    margin: auto;
    text-align: center;
    width: 300px;
  }
  /* line 33, app/assets/stylesheets/v2/form.scss */
  .form-icon {
    width: 200px;
    height: 200px;
    border-radius: 100px;
  }
  /* line 38, app/assets/stylesheets/v2/form.scss */
  .form-icon-parent {
    position: relative;
    text-align: center;
  }
  /* line 42, app/assets/stylesheets/v2/form.scss */
  .form-icon-parent p {
    margin: 15px auto;
    text-align: center;
  }
  /* line 47, app/assets/stylesheets/v2/form.scss */
  .form-icon-parent input {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.0;
  }
  /* line 55, app/assets/stylesheets/v2/form.scss */
  .form-icon-photo {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    opacity: 0.7;
    background: #666666;
    position: absolute;
    left: 20%;
    top: 30%;
  }
  /* line 66, app/assets/stylesheets/v2/form.scss */
  .form-icon-photo img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 75, app/assets/stylesheets/v2/form.scss */
  .form-icon-photo:hover {
    opacity: 0.3;
  }
  /* line 80, app/assets/stylesheets/v2/form.scss */
  .form-icon-description {
    color: #666666;
    font-size: 0.8em;
  }
  /* line 86, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail {
    width: 320px;
    height: 180px;
  }
  /* line 90, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-parent {
    position: relative;
  }
  /* line 93, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-parent p {
    margin: 15px auto;
    text-align: center;
  }
  /* line 98, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-parent input {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.0;
  }
  /* line 106, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-photo {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    opacity: 0.7;
    background: #666666;
    position: absolute;
    left: 32%;
    top: 30%;
  }
  /* line 117, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-photo img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 126, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-photo:hover {
    opacity: 0.3;
  }
  /* line 131, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-description {
    color: #666666;
    font-size: 0.8em;
  }
  /* line 137, app/assets/stylesheets/v2/form.scss */
  .form div {
    text-align: left;
    width: auto;
    margin: 10px auto;
  }
  /* line 143, app/assets/stylesheets/v2/form.scss */
  .form-textarea {
    margin: 5px auto;
    width: 500px;
    padding: 8px;
  }
  /* line 149, app/assets/stylesheets/v2/form.scss */
  .form-textbox {
    margin: 5px auto;
    height: 300px;
    width: 500px;
    padding: 8px;
  }
  /* line 156, app/assets/stylesheets/v2/form.scss */
  .form-checkbox {
    text-align: center;
    white-space: nowrap;
  }
  /* line 162, app/assets/stylesheets/v2/form.scss */
  .form-cero-img {
    display: flex;
    flex-direction: row;
  }
  /* line 165, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div {
    margin: 0 10px;
  }
  /* line 167, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div input {
    display: none;
  }
  /* line 170, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div label {
    opacity: 0.5;
  }
  /* line 173, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div input[type=radio]:checked + label {
    opacity: 1.0;
  }
  /* line 177, app/assets/stylesheets/v2/form.scss */
  .form-cero-img img {
    height: 80px;
  }
  /* line 184, app/assets/stylesheets/v2/form.scss */
  .form-toggle {
    position: relative;
    margin: auto;
  }
  /* line 189, app/assets/stylesheets/v2/form.scss */
  .form-toggle p {
    margin: 5px auto;
  }
  /* line 193, app/assets/stylesheets/v2/form.scss */
  .form-toggle input {
    display: none;
  }
  /* line 197, app/assets/stylesheets/v2/form.scss */
  .form-toggle-button {
    line-height: 60px;
    display: block;
    border: 4px solid #242424;
    background: #242424;
    width: 200px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    transition: .2s;
    margin: auto;
  }
  /* line 211, app/assets/stylesheets/v2/form.scss */
  .form-toggle-button span {
    transition: .2s;
    display: block;
    height: 100%;
    width: 50%;
    background: white;
    text-align: center;
  }
  /* line 221, app/assets/stylesheets/v2/form.scss */
  .form-toggle input[type="checkbox"]:checked + label {
    justify-content: flex-end;
  }
  /* line 226, app/assets/stylesheets/v2/form.scss */
  .form-submit {
    margin: 5px auto;
    width: 300px;
    color: white;
    font-size: 0.8em;
    border-radius: 30px !important;
    background: linear-gradient(#ff7a7a, #ffad6f) !important;
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
    font-family: 'RocknRoll One', sans-serif;
    height: 3.0em;
    padding: 8px 0;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    justify-items: center;
    flex: 1;
    background: transparent;
    overflow: hidden;
    border: 2px solid white !important;
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.38));
  }
  /* line 252, app/assets/stylesheets/v2/form.scss */
  .form-submit:disabled {
    color: white;
    background: linear-gradient(#4c4c4c, #717171) !important;
    pointer-events: none;
  }
  /* line 259, app/assets/stylesheets/v2/form.scss */
  .form-submit:hover {
    opacity: 0.7;
  }
  /* line 263, app/assets/stylesheets/v2/form.scss */
  .form-circle {
    text-align: center;
    width: auto !important;
  }
  /* line 267, app/assets/stylesheets/v2/form.scss */
  .form-circle div {
    margin: 30px auto;
  }
  /* line 272, app/assets/stylesheets/v2/form.scss */
  .form-circle-items {
    text-align: center;
    width: auto !important;
  }
  /* line 276, app/assets/stylesheets/v2/form.scss */
  .form-circle-items div {
    margin: 30px auto;
  }
  /* line 280, app/assets/stylesheets/v2/form.scss */
  .form-circle-items .items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto 20px;
  }
  /* line 287, app/assets/stylesheets/v2/form.scss */
  .form-circle-items .item {
    display: inline-flex;
  }
}

@media (max-width: 1024px) {
  /* line 11, app/assets/stylesheets/v2/form.scss */
  .form {
    width: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  /* line 18, app/assets/stylesheets/v2/form.scss */
  .form-register {
    width: 60%;
  }
  /* line 22, app/assets/stylesheets/v2/form.scss */
  .form-video {
    margin: auto;
    text-align: center;
  }
  /* line 25, app/assets/stylesheets/v2/form.scss */
  .form-video video {
    display: block;
    margin: auto;
    text-align: center;
    width: 300px;
  }
  /* line 33, app/assets/stylesheets/v2/form.scss */
  .form-icon {
    width: 200px;
    height: 200px;
    border-radius: 100px;
  }
  /* line 38, app/assets/stylesheets/v2/form.scss */
  .form-icon-parent {
    position: relative;
    text-align: center;
  }
  /* line 42, app/assets/stylesheets/v2/form.scss */
  .form-icon-parent p {
    margin: 15px auto;
    text-align: center;
  }
  /* line 47, app/assets/stylesheets/v2/form.scss */
  .form-icon-parent input {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.0;
  }
  /* line 55, app/assets/stylesheets/v2/form.scss */
  .form-icon-photo {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    opacity: 0.7;
    background: #666666;
    position: absolute;
    left: 20%;
    top: 30%;
  }
  /* line 66, app/assets/stylesheets/v2/form.scss */
  .form-icon-photo img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 75, app/assets/stylesheets/v2/form.scss */
  .form-icon-photo:hover {
    opacity: 0.3;
  }
  /* line 80, app/assets/stylesheets/v2/form.scss */
  .form-icon-description {
    color: #666666;
    font-size: 0.8em;
  }
  /* line 86, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail {
    width: 320px;
    height: 180px;
  }
  /* line 90, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-parent {
    position: relative;
  }
  /* line 93, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-parent p {
    margin: 15px auto;
    text-align: center;
  }
  /* line 98, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-parent input {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.0;
  }
  /* line 106, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-photo {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    opacity: 0.7;
    background: #666666;
    position: absolute;
    left: 32%;
    top: 30%;
  }
  /* line 117, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-photo img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 126, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-photo:hover {
    opacity: 0.3;
  }
  /* line 131, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-description {
    color: #666666;
    font-size: 0.8em;
  }
  /* line 137, app/assets/stylesheets/v2/form.scss */
  .form div {
    text-align: left;
    width: auto;
    margin: 10px auto;
  }
  /* line 143, app/assets/stylesheets/v2/form.scss */
  .form-textarea {
    margin: 5px auto;
    width: 500px;
    padding: 8px;
  }
  /* line 149, app/assets/stylesheets/v2/form.scss */
  .form-textbox {
    margin: 5px auto;
    height: 300px;
    width: 500px;
    padding: 8px;
  }
  /* line 156, app/assets/stylesheets/v2/form.scss */
  .form-checkbox {
    text-align: center;
    white-space: nowrap;
  }
  /* line 162, app/assets/stylesheets/v2/form.scss */
  .form-cero-img {
    display: flex;
    flex-direction: row;
  }
  /* line 165, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div {
    margin: 0 10px;
  }
  /* line 167, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div input {
    display: none;
  }
  /* line 170, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div label {
    opacity: 0.5;
  }
  /* line 173, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div input[type=radio]:checked + label {
    opacity: 1.0;
  }
  /* line 177, app/assets/stylesheets/v2/form.scss */
  .form-cero-img img {
    height: 80px;
  }
  /* line 184, app/assets/stylesheets/v2/form.scss */
  .form-toggle {
    position: relative;
    margin: auto;
  }
  /* line 189, app/assets/stylesheets/v2/form.scss */
  .form-toggle p {
    margin: 5px auto;
  }
  /* line 193, app/assets/stylesheets/v2/form.scss */
  .form-toggle input {
    display: none;
  }
  /* line 197, app/assets/stylesheets/v2/form.scss */
  .form-toggle-button {
    line-height: 60px;
    display: block;
    border: 4px solid #242424;
    background: #242424;
    width: 200px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    transition: .2s;
    margin: auto;
  }
  /* line 211, app/assets/stylesheets/v2/form.scss */
  .form-toggle-button span {
    transition: .2s;
    display: block;
    height: 100%;
    width: 50%;
    background: white;
    text-align: center;
  }
  /* line 221, app/assets/stylesheets/v2/form.scss */
  .form-toggle input[type="checkbox"]:checked + label {
    justify-content: flex-end;
  }
  /* line 226, app/assets/stylesheets/v2/form.scss */
  .form-submit {
    margin: 5px auto;
    width: 300px;
    color: white;
    font-size: 0.8em;
    border-radius: 30px !important;
    background: linear-gradient(#ff7a7a, #ffad6f) !important;
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
    font-family: 'RocknRoll One', sans-serif;
    height: 3.0em;
    padding: 8px 0;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    justify-items: center;
    flex: 1;
    background: transparent;
    overflow: hidden;
    border: 2px solid white !important;
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.38));
  }
  /* line 252, app/assets/stylesheets/v2/form.scss */
  .form-submit:disabled {
    color: white;
    background: linear-gradient(#4c4c4c, #717171) !important;
    pointer-events: none;
  }
  /* line 259, app/assets/stylesheets/v2/form.scss */
  .form-submit:hover {
    opacity: 0.7;
  }
  /* line 263, app/assets/stylesheets/v2/form.scss */
  .form-circle {
    text-align: center;
    width: auto !important;
  }
  /* line 267, app/assets/stylesheets/v2/form.scss */
  .form-circle div {
    margin: 30px auto;
  }
  /* line 272, app/assets/stylesheets/v2/form.scss */
  .form-circle-items {
    text-align: center;
    width: auto !important;
  }
  /* line 276, app/assets/stylesheets/v2/form.scss */
  .form-circle-items div {
    margin: 30px auto;
  }
  /* line 280, app/assets/stylesheets/v2/form.scss */
  .form-circle-items .items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto 20px;
  }
  /* line 287, app/assets/stylesheets/v2/form.scss */
  .form-circle-items .item {
    display: inline-flex;
  }
}

@media (max-width: 769px) {
  /* line 11, app/assets/stylesheets/v2/form.scss */
  .form {
    width: 100%;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  /* line 18, app/assets/stylesheets/v2/form.scss */
  .form-register {
    width: 60%;
  }
  /* line 22, app/assets/stylesheets/v2/form.scss */
  .form-video {
    margin: auto;
    text-align: center;
  }
  /* line 25, app/assets/stylesheets/v2/form.scss */
  .form-video video {
    display: block;
    margin: auto;
    text-align: center;
    width: 300px;
  }
  /* line 33, app/assets/stylesheets/v2/form.scss */
  .form-icon {
    width: 200px;
    height: 200px;
    border-radius: 100px;
  }
  /* line 38, app/assets/stylesheets/v2/form.scss */
  .form-icon-parent {
    position: relative;
    text-align: center;
  }
  /* line 42, app/assets/stylesheets/v2/form.scss */
  .form-icon-parent p {
    margin: 15px auto;
    text-align: center;
  }
  /* line 47, app/assets/stylesheets/v2/form.scss */
  .form-icon-parent input {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.0;
  }
  /* line 55, app/assets/stylesheets/v2/form.scss */
  .form-icon-photo {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    opacity: 0.7;
    background: #666666;
    position: absolute;
    left: 20%;
    top: 30%;
  }
  /* line 66, app/assets/stylesheets/v2/form.scss */
  .form-icon-photo img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 75, app/assets/stylesheets/v2/form.scss */
  .form-icon-photo:hover {
    opacity: 0.3;
  }
  /* line 80, app/assets/stylesheets/v2/form.scss */
  .form-icon-description {
    color: #666666;
    font-size: 0.8em;
  }
  /* line 86, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail {
    width: 256px;
    height: 144px;
  }
  /* line 90, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-parent {
    position: relative;
  }
  /* line 93, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-parent p {
    margin: 15px auto;
    text-align: center;
  }
  /* line 98, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-parent input {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.0;
  }
  /* line 106, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-photo {
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    opacity: 0.7;
    background: #666666;
    position: absolute;
    left: 32%;
    top: 30%;
  }
  /* line 117, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-photo img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 126, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-photo:hover {
    opacity: 0.3;
  }
  /* line 131, app/assets/stylesheets/v2/form.scss */
  .form-thumbnail-description {
    color: #666666;
    font-size: 0.8em;
  }
  /* line 137, app/assets/stylesheets/v2/form.scss */
  .form div {
    text-align: center;
    width: 80%;
    margin: 10px auto;
  }
  /* line 143, app/assets/stylesheets/v2/form.scss */
  .form-textarea {
    margin: 5px auto;
    width: 100%;
    padding: 8px;
  }
  /* line 149, app/assets/stylesheets/v2/form.scss */
  .form-textbox {
    margin: 5px auto;
    height: 300px;
    width: 100%;
    padding: 8px;
  }
  /* line 156, app/assets/stylesheets/v2/form.scss */
  .form-checkbox {
    text-align: center;
    white-space: nowrap;
  }
  /* line 162, app/assets/stylesheets/v2/form.scss */
  .form-cero-img {
    display: flex;
    flex-direction: row;
  }
  /* line 165, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div {
    margin: 0 10px;
  }
  /* line 167, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div input {
    display: none;
  }
  /* line 170, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div label {
    opacity: 0.5;
  }
  /* line 173, app/assets/stylesheets/v2/form.scss */
  .form-cero-img div input[type=radio]:checked + label {
    opacity: 1.0;
  }
  /* line 177, app/assets/stylesheets/v2/form.scss */
  .form-cero-img img {
    height: 80px;
  }
  /* line 184, app/assets/stylesheets/v2/form.scss */
  .form-toggle {
    position: relative;
    margin: auto;
  }
  /* line 189, app/assets/stylesheets/v2/form.scss */
  .form-toggle p {
    margin: 5px auto;
  }
  /* line 193, app/assets/stylesheets/v2/form.scss */
  .form-toggle input {
    display: none;
  }
  /* line 197, app/assets/stylesheets/v2/form.scss */
  .form-toggle-button {
    line-height: 60px;
    display: block;
    border: 4px solid #242424;
    background: #242424;
    width: 200px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    transition: .2s;
    margin: auto;
  }
  /* line 211, app/assets/stylesheets/v2/form.scss */
  .form-toggle-button span {
    transition: .2s;
    display: block;
    height: 100%;
    width: 50%;
    background: white;
    text-align: center;
  }
  /* line 221, app/assets/stylesheets/v2/form.scss */
  .form-toggle input[type="checkbox"]:checked + label {
    justify-content: flex-end;
  }
  /* line 226, app/assets/stylesheets/v2/form.scss */
  .form-submit {
    margin: 5px auto;
    width: 80%;
    color: white;
    font-size: 0.8em;
    border-radius: 30px !important;
    background: linear-gradient(#ff7a7a, #ffad6f) !important;
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
    font-family: 'RocknRoll One', sans-serif;
    height: 3.0em;
    padding: 8px 0;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    justify-items: center;
    flex: 1;
    background: transparent;
    overflow: hidden;
    border: 2px solid white !important;
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.38));
  }
  /* line 252, app/assets/stylesheets/v2/form.scss */
  .form-submit:disabled {
    color: white;
    background: linear-gradient(#4c4c4c, #717171) !important;
    pointer-events: none;
  }
  /* line 259, app/assets/stylesheets/v2/form.scss */
  .form-submit:hover {
    opacity: 0.7;
  }
  /* line 263, app/assets/stylesheets/v2/form.scss */
  .form-circle {
    text-align: center;
    width: auto !important;
  }
  /* line 267, app/assets/stylesheets/v2/form.scss */
  .form-circle div {
    margin: 30px auto;
  }
  /* line 272, app/assets/stylesheets/v2/form.scss */
  .form-circle-items {
    text-align: center;
    width: auto !important;
  }
  /* line 276, app/assets/stylesheets/v2/form.scss */
  .form-circle-items div {
    margin: 30px auto;
  }
  /* line 280, app/assets/stylesheets/v2/form.scss */
  .form-circle-items .items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto 20px;
  }
  /* line 287, app/assets/stylesheets/v2/form.scss */
  .form-circle-items .item {
    display: inline-flex;
  }
}

/* line 1, app/assets/stylesheets/v2/message.scss */
.message-form {
  margin: 10px !important;
}

/* line 5, app/assets/stylesheets/v2/message.scss */
.message {
  margin: 50px 10px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  position: relative;
}

/* line 12, app/assets/stylesheets/v2/message.scss */
.message-icon {
  width: 50px;
}

/* line 15, app/assets/stylesheets/v2/message.scss */
.message-icon img {
  position: absolute;
  top: 0;
  width: 50px;
  border-radius: 25px;
  filter: drop-shadow(0 0 5px #CCCCCC);
  background: white;
}

/* line 25, app/assets/stylesheets/v2/message.scss */
.message-content {
  width: 60%;
  padding: 10px;
  margin: 0 10px;
  background: #eeeeee;
}

/* line 32, app/assets/stylesheets/v2/message.scss */
.message-time {
  font-size: 0.5em;
  color: #666666;
}

/* line 38, app/assets/stylesheets/v2/message.scss */
#admin {
  flex-direction: row-reverse;
}

@media (max-width: 9999px) {
  /* line 13, app/assets/stylesheets/v2/template/header.scss */
  .hamburger {
    border-radius: 0 !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 5px !important;
  }
  /* line 19, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu {
    position: fixed;
    top: 0px;
    transition: all .2s ease;
    padding: 8px;
    transform: translateY(-120%);
    margin-top: 16px;
    display: inline-block;
    border-radius: 4px;
    padding: 8px;
    background: white;
    z-index: -1;
    filter: drop-shadow(0.1em 0.1em 0.05em rgba(0, 0, 0, 0.66));
  }
  /* line 33, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu li {
    white-space: nowrap;
    list-style-type: none;
  }
  /* line 38, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu a {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #343434;
  }
  /* line 44, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu a:hover {
    opacity: 1;
    text-decoration: underline;
  }
  /* line 50, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu .link-underbar {
    border-bottom: solid 1px #343434;
    padding-bottom: 2px;
    margin-bottom: 4px;
  }
  /* line 56, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu .separator {
    padding: 4px;
    border-bottom: solid 1px #343434;
    margin-bottom: 8px;
  }
  /* line 68, app/assets/stylesheets/v2/template/header.scss */
  .user-menu-button {
    background: none;
    border: none;
    border-radius: 50%;
    padding: 0;
    display: inline-flex;
    align-items: center;
    color: #343434;
  }
  /* line 93, app/assets/stylesheets/v2/template/header.scss */
  .opened {
    transform: translateY(60px) !important;
  }
  /* line 101, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu {
    background: black;
    position: sticky;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 11;
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.66));
  }
  /* line 116, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row {
    min-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    margin: 0 auto;
    background: transparent;
  }
  /* line 124, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img {
    width: 50%;
  }
  /* line 126, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img a {
    display: block;
    padding: 0;
    margin: 0;
  }
  /* line 130, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img a img {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  /* line 138, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img-2 {
    width: 100%;
  }
  /* line 140, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img-2 a {
    display: block;
    padding: 0;
    margin: 0;
  }
  /* line 144, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img-2 a img {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  /* line 157, app/assets/stylesheets/v2/template/header.scss */
  header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    color: #343434;
    background: white;
    width: 100%;
    height: 80px;
    padding: 0;
    margin: 0;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.29));
  }
  /* line 172, app/assets/stylesheets/v2/template/header.scss */
  header nav {
    width: 100%;
    max-width: 1024px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    white-space: nowrap;
    justify-items: center;
  }
  /* line 182, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0;
    margin-left: 16px;
    margin-right: auto;
  }
  /* line 190, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo a {
    display: flex;
    height: 100%;
    margin: 0;
    align-items: center;
  }
  /* line 196, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo a img {
    height: 60%;
    display: block;
    margin: 0 20px 0 0;
  }
  /* line 202, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo div {
    display: block;
  }
  /* line 205, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo ul {
    display: block;
  }
  /* line 209, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo-menu-icon {
    display: inline-flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #343434;
  }
  /* line 221, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-officiallink {
    position: relative;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  /* line 228, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-officiallink a {
    display: block;
    height: 2.0em;
    width: 2.0em;
    margin: 0 30px 0 0;
  }
  /* line 233, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-officiallink a img {
    width: 100%;
    height: 100%;
  }
  /* line 239, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-hamburger {
    display: inline-flex;
    align-items: center;
    height: 100%;
    margin: 0 30px;
    font-family: 'RocknRoll One', sans-serif;
    font-weight: bold;
  }
  /* line 246, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-hamburger ul {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: normal;
  }
  /* line 250, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-hamburger:hover {
    color: #ff5252;
  }
  /* line 254, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-locale {
    display: inline-flex;
    align-items: center;
    height: 100%;
    margin: 0 30px;
  }
  /* line 260, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-button {
    position: relative;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    line-height: 1.2em;
    margin-left: 10px;
    margin-right: 16px;
    font-size: 0.75em;
  }
  /* line 271, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-button p {
    height: 1.5em;
    padding: 0.5em 1.0em;
  }
  /* line 278, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login {
    position: relative;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    line-height: 1.2em;
  }
  /* line 286, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login a {
    color: #343434;
    font-size: 1.0em;
    padding: 0.6em 1.0em;
    z-index: 5;
    display: inline-block;
    text-decoration: none;
  }
  /* line 295, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login img {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    object-fit: cover;
  }
  /* line 301, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login-menu {
    border: solid 1px #343434;
    line-height: 1.5em;
    white-space: nowrap;
    padding: 0;
  }
  /* line 308, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-menu {
    position: relative;
    right: 0;
    height: 100%;
    display: none;
    align-items: center;
    flex-direction: row;
    line-height: 1.2em;
    margin: 0 16px;
  }
  /* line 317, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-menu img {
    width: 2.0em;
    height: 2.0em;
  }
  /* line 327, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp {
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s linear;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px);
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#ff5252, #ff9442);
    font-weight: 100;
    color: white;
    font-weight: bold;
  }
  /* line 348, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp img {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 2.0em;
    height: 2.0em;
  }
  /* line 356, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp a {
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 0.5em 0;
  }
  /* line 365, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp a:visited {
    color: white;
  }
  /* line 370, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp-back {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
  }
  /* line 377, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp .questionnaire_sp {
    z-index: 10;
    margin: 0 auto;
    height: 100px;
  }
  /* line 382, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp .questionnaire_sp a {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 387, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp .questionnaire_sp a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 396, app/assets/stylesheets/v2/template/header.scss */
  header .menu-item {
    font-size: 1.5em;
    color: white;
    line-height: 1.5em;
  }
  /* line 402, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp.is-active {
    pointer-events: auto;
    opacity: 1;
  }
  /* line 408, app/assets/stylesheets/v2/template/header.scss */
  .hover-menu-back {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
    z-index: 14;
  }
}

@media (max-width: 1024px) {
  /* line 13, app/assets/stylesheets/v2/template/header.scss */
  .hamburger {
    border-radius: 0 !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 5px !important;
  }
  /* line 19, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu {
    position: fixed;
    top: 0px;
    transition: all .2s ease;
    padding: 8px;
    transform: translateY(-120%);
    margin-top: 16px;
    display: inline-block;
    border-radius: 4px;
    padding: 8px;
    background: white;
    z-index: -1;
    filter: drop-shadow(0.1em 0.1em 0.05em rgba(0, 0, 0, 0.66));
  }
  /* line 33, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu li {
    white-space: nowrap;
    list-style-type: none;
  }
  /* line 38, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu a {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #343434;
  }
  /* line 44, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu a:hover {
    opacity: 1;
    text-decoration: underline;
  }
  /* line 50, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu .link-underbar {
    border-bottom: solid 1px #343434;
    padding-bottom: 2px;
    margin-bottom: 4px;
  }
  /* line 56, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu .separator {
    padding: 4px;
    border-bottom: solid 1px #343434;
    margin-bottom: 8px;
  }
  /* line 68, app/assets/stylesheets/v2/template/header.scss */
  .user-menu-button {
    background: none;
    border: none;
    border-radius: 50%;
    padding: 0;
    display: inline-flex;
    align-items: center;
    color: #343434;
  }
  /* line 93, app/assets/stylesheets/v2/template/header.scss */
  .opened {
    transform: translateY(60px) !important;
  }
  /* line 101, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu {
    background: black;
    position: sticky;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 11;
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.66));
  }
  /* line 116, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row {
    min-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    margin: 0 auto;
    background: transparent;
  }
  /* line 124, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img {
    width: 50%;
  }
  /* line 126, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img a {
    display: block;
    padding: 0;
    margin: 0;
  }
  /* line 130, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img a img {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  /* line 138, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img-2 {
    width: 100%;
  }
  /* line 140, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img-2 a {
    display: block;
    padding: 0;
    margin: 0;
  }
  /* line 144, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img-2 a img {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  /* line 157, app/assets/stylesheets/v2/template/header.scss */
  header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    color: #343434;
    background: white;
    width: 100%;
    height: 80px;
    padding: 0;
    margin: 0;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.29));
  }
  /* line 172, app/assets/stylesheets/v2/template/header.scss */
  header nav {
    width: 100%;
    max-width: 1024px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    white-space: nowrap;
    justify-items: center;
  }
  /* line 182, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0;
    margin-left: 16px;
    margin-right: auto;
  }
  /* line 190, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo a {
    display: flex;
    height: 100%;
    margin: 0;
    align-items: center;
  }
  /* line 196, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo a img {
    height: 60%;
    display: block;
    margin: 0 20px 0 0;
  }
  /* line 202, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo div {
    display: block;
  }
  /* line 205, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo ul {
    display: block;
  }
  /* line 209, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo-menu-icon {
    display: inline-flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #343434;
  }
  /* line 221, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-officiallink {
    position: relative;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  /* line 228, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-officiallink a {
    display: block;
    height: 2.0em;
    width: 2.0em;
    margin: 0 30px 0 0;
  }
  /* line 233, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-officiallink a img {
    width: 100%;
    height: 100%;
  }
  /* line 239, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-hamburger {
    display: inline-flex;
    align-items: center;
    height: 100%;
    margin: 0 30px;
    font-family: 'RocknRoll One', sans-serif;
    font-weight: bold;
  }
  /* line 246, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-hamburger ul {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: normal;
  }
  /* line 250, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-hamburger:hover {
    color: #ff5252;
  }
  /* line 254, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-locale {
    display: inline-flex;
    align-items: center;
    height: 100%;
    margin: 0 30px;
  }
  /* line 260, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-button {
    position: relative;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    line-height: 1.2em;
    margin-left: 10px;
    margin-right: 16px;
    font-size: 0.75em;
  }
  /* line 271, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-button p {
    height: 1.5em;
    padding: 0.5em 1.0em;
  }
  /* line 278, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login {
    position: relative;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    line-height: 1.2em;
  }
  /* line 286, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login a {
    color: #343434;
    font-size: 1.0em;
    padding: 0.6em 1.0em;
    z-index: 5;
    display: inline-block;
    text-decoration: none;
  }
  /* line 295, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login img {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    object-fit: cover;
  }
  /* line 301, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login-menu {
    border: solid 1px #343434;
    line-height: 1.5em;
    white-space: nowrap;
    padding: 0;
  }
  /* line 308, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-menu {
    position: relative;
    right: 0;
    height: 100%;
    display: none;
    align-items: center;
    flex-direction: row;
    line-height: 1.2em;
    margin: 0 16px;
  }
  /* line 317, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-menu img {
    width: 2.0em;
    height: 2.0em;
  }
  /* line 327, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp {
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s linear;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px);
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#ff5252, #ff9442);
    font-weight: 100;
    color: white;
    font-weight: bold;
  }
  /* line 348, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp img {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 2.0em;
    height: 2.0em;
  }
  /* line 356, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp a {
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 0.5em 0;
  }
  /* line 365, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp a:visited {
    color: white;
  }
  /* line 370, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp-back {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
  }
  /* line 377, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp .questionnaire_sp {
    z-index: 10;
    margin: 0 auto;
    height: 100px;
  }
  /* line 382, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp .questionnaire_sp a {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 387, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp .questionnaire_sp a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 396, app/assets/stylesheets/v2/template/header.scss */
  header .menu-item {
    font-size: 1.5em;
    color: white;
    line-height: 1.5em;
  }
  /* line 402, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp.is-active {
    pointer-events: auto;
    opacity: 1;
  }
  /* line 408, app/assets/stylesheets/v2/template/header.scss */
  .hover-menu-back {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
    z-index: 14;
  }
}

@media (max-width: 769px) {
  /* line 13, app/assets/stylesheets/v2/template/header.scss */
  .hamburger {
    border-radius: 0 !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 5px !important;
  }
  /* line 19, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu {
    position: fixed;
    top: 0px;
    transition: all .2s ease;
    padding: 8px;
    transform: translateY(-120%);
    margin-top: 16px;
    display: inline-block;
    border-radius: 4px;
    padding: 8px;
    background: white;
    z-index: -1;
    filter: drop-shadow(0.1em 0.1em 0.05em rgba(0, 0, 0, 0.66));
  }
  /* line 33, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu li {
    white-space: nowrap;
    list-style-type: none;
  }
  /* line 38, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu a {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #343434;
  }
  /* line 44, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu a:hover {
    opacity: 1;
    text-decoration: underline;
  }
  /* line 50, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu .link-underbar {
    border-bottom: solid 1px #343434;
    padding-bottom: 2px;
    margin-bottom: 4px;
  }
  /* line 56, app/assets/stylesheets/v2/template/header.scss */
  .slide-menu .separator {
    padding: 4px;
    border-bottom: solid 1px #343434;
    margin-bottom: 8px;
  }
  /* line 68, app/assets/stylesheets/v2/template/header.scss */
  .user-menu-button {
    background: none;
    border: none;
    border-radius: 50%;
    padding: 0;
    display: inline-flex;
    align-items: center;
    color: #343434;
  }
  /* line 93, app/assets/stylesheets/v2/template/header.scss */
  .opened {
    transform: translateY(60px) !important;
  }
  /* line 101, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu {
    background: black;
    position: sticky;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 11;
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.66));
  }
  /* line 116, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row {
    min-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    margin: 0 auto;
    background: transparent;
  }
  /* line 124, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img {
    width: 50%;
  }
  /* line 126, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img a {
    display: block;
    padding: 0;
    margin: 0;
  }
  /* line 130, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img a img {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  /* line 138, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img-2 {
    width: 100%;
  }
  /* line 140, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img-2 a {
    display: block;
    padding: 0;
    margin: 0;
  }
  /* line 144, app/assets/stylesheets/v2/template/header.scss */
  .fixed-menu-row-img-2 a img {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  /* line 157, app/assets/stylesheets/v2/template/header.scss */
  header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    color: #343434;
    background: white;
    width: 100%;
    height: 80px;
    padding: 0;
    margin: 0;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.29));
  }
  /* line 172, app/assets/stylesheets/v2/template/header.scss */
  header nav {
    width: 100%;
    max-width: 1024px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    white-space: nowrap;
    justify-items: center;
  }
  /* line 182, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0;
    margin-left: 16px;
    margin-right: auto;
  }
  /* line 190, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo a {
    display: none;
    height: 100%;
    margin: 0;
    align-items: center;
  }
  /* line 196, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo a img {
    height: 60%;
    display: block;
    margin: 0 20px 0 0;
  }
  /* line 202, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo div {
    display: none;
  }
  /* line 205, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo ul {
    display: none;
  }
  /* line 209, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-logo-menu-icon {
    display: inline-flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #343434;
  }
  /* line 221, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-officiallink {
    position: relative;
    right: 0;
    height: 100%;
    display: none;
    align-items: center;
    flex-direction: row;
  }
  /* line 228, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-officiallink a {
    display: block;
    height: 2.0em;
    width: 2.0em;
    margin: 0 30px 0 0;
  }
  /* line 233, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-officiallink a img {
    width: 100%;
    height: 100%;
  }
  /* line 239, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-hamburger {
    display: none;
    align-items: center;
    height: 100%;
    margin: 0 30px;
    font-family: 'RocknRoll One', sans-serif;
    font-weight: bold;
  }
  /* line 246, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-hamburger ul {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: normal;
  }
  /* line 250, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-hamburger:hover {
    color: #ff5252;
  }
  /* line 254, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-locale {
    display: inline-flex;
    align-items: center;
    height: 100%;
    margin: 0 30px;
  }
  /* line 260, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-button {
    position: relative;
    right: 0;
    height: 100%;
    display: none;
    align-items: center;
    flex-direction: row;
    line-height: 1.2em;
    margin-left: 10px;
    margin-right: 16px;
    font-size: 0.75em;
  }
  /* line 271, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-button p {
    height: 1.5em;
    padding: 0.5em 1.0em;
  }
  /* line 278, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login {
    position: relative;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    line-height: 1.2em;
  }
  /* line 286, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login a {
    color: #343434;
    font-size: 1.0em;
    padding: 0.6em 1.0em;
    z-index: 5;
    display: inline-block;
    text-decoration: none;
  }
  /* line 295, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login img {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    object-fit: cover;
  }
  /* line 301, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-login-menu {
    border: solid 1px #343434;
    line-height: 1.5em;
    white-space: nowrap;
    padding: 0;
  }
  /* line 308, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-menu {
    position: relative;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    line-height: 1.2em;
    margin: 0 16px;
  }
  /* line 317, app/assets/stylesheets/v2/template/header.scss */
  header nav .header-menu img {
    width: 2.0em;
    height: 2.0em;
  }
  /* line 327, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp {
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s linear;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    -webkit-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px);
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#ff5252, #ff9442);
    font-weight: 100;
    color: white;
    font-weight: bold;
  }
  /* line 348, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp img {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 2.0em;
    height: 2.0em;
  }
  /* line 356, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp a {
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 0.5em 0;
  }
  /* line 365, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp a:visited {
    color: white;
  }
  /* line 370, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp-back {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
  }
  /* line 377, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp .questionnaire_sp {
    z-index: 10;
    margin: 0 auto;
    height: 100px;
  }
  /* line 382, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp .questionnaire_sp a {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 387, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp .questionnaire_sp a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 396, app/assets/stylesheets/v2/template/header.scss */
  header .menu-item {
    font-size: 1.5em;
    color: white;
    line-height: 1.5em;
  }
  /* line 402, app/assets/stylesheets/v2/template/header.scss */
  header .menu-sp.is-active {
    pointer-events: auto;
    opacity: 1;
  }
  /* line 408, app/assets/stylesheets/v2/template/header.scss */
  .hover-menu-back {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: none;
    z-index: 14;
  }
}

@media (max-width: 9999px) {
  /* line 6, app/assets/stylesheets/v2/template/footer.scss */
  footer {
    position: relative;
    background-color: #efefef;
    overflow: hidden;
    color: #343434;
    width: 100%;
    padding-top: 12px;
    z-index: 12;
  }
  /* line 15, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap {
    max-width: 1000px;
    display: flex;
    margin: auto;
    font-size: 12px;
    justify-content: center;
    flex-wrap: wrap;
  }
  /* line 22, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content {
    width: 150px;
    margin: 8px 16px;
    line-height: 20px;
  }
  /* line 26, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content-title {
    border-bottom: solid 1px #343434;
    margin-bottom: 6px;
    padding-bottom: 4px;
    font-weight: 900;
    font-size: 15px;
    font-family: "Noto sans jp", sans-serif;
  }
  /* line 34, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content a {
    display: block;
    text-decoration: none;
    line-height: 2.4em;
    color: #343434;
  }
  /* line 39, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content a:hover {
    text-decoration: underline;
  }
  /* line 46, app/assets/stylesheets/v2/template/footer.scss */
  footer .copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: flex-start;
    height: 48px;
    font-size: 11px;
    margin-top: 12px;
    background-color: #242424;
    position: relative;
    color: white;
    padding-top: 100px;
  }
  /* line 60, app/assets/stylesheets/v2/template/footer.scss */
  footer .hikky-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 48px;
  }
  /* line 67, app/assets/stylesheets/v2/template/footer.scss */
  footer #partner {
    position: absolute;
    bottom: 50px;
    right: 0;
    height: 48px;
  }
}

@media (max-width: 1024px) {
  /* line 6, app/assets/stylesheets/v2/template/footer.scss */
  footer {
    position: relative;
    background-color: #efefef;
    overflow: hidden;
    color: #343434;
    width: 100%;
    padding-top: 12px;
    z-index: 12;
  }
  /* line 15, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap {
    max-width: 1000px;
    display: flex;
    margin: auto;
    font-size: 12px;
    justify-content: center;
    flex-wrap: wrap;
  }
  /* line 22, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content {
    width: 150px;
    margin: 8px 16px;
    line-height: 20px;
  }
  /* line 26, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content-title {
    border-bottom: solid 1px #343434;
    margin-bottom: 6px;
    padding-bottom: 4px;
    font-weight: 900;
    font-size: 15px;
    font-family: "Noto sans jp", sans-serif;
  }
  /* line 34, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content a {
    display: block;
    text-decoration: none;
    line-height: 2.4em;
    color: #343434;
  }
  /* line 39, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content a:hover {
    text-decoration: underline;
  }
  /* line 46, app/assets/stylesheets/v2/template/footer.scss */
  footer .copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: flex-start;
    height: 48px;
    font-size: 11px;
    margin-top: 12px;
    background-color: #242424;
    position: relative;
    color: white;
    padding-top: 100px;
  }
  /* line 60, app/assets/stylesheets/v2/template/footer.scss */
  footer .hikky-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 48px;
  }
  /* line 67, app/assets/stylesheets/v2/template/footer.scss */
  footer #partner {
    position: absolute;
    bottom: 50px;
    right: 0;
    height: 48px;
  }
}

@media (max-width: 769px) {
  /* line 6, app/assets/stylesheets/v2/template/footer.scss */
  footer {
    position: relative;
    background-color: #efefef;
    overflow: hidden;
    color: #343434;
    width: 100%;
    padding-top: 12px;
    z-index: 12;
  }
  /* line 15, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap {
    max-width: 100%;
    display: flex;
    margin: auto;
    font-size: 12px;
    justify-content: center;
    flex-wrap: wrap;
  }
  /* line 22, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content {
    width: 40%;
    margin: 8px 16px;
    line-height: 20px;
  }
  /* line 26, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content-title {
    border-bottom: solid 1px #343434;
    margin-bottom: 6px;
    padding-bottom: 4px;
    font-weight: 900;
    font-size: 15px;
    font-family: "Noto sans jp", sans-serif;
  }
  /* line 34, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content a {
    display: block;
    text-decoration: none;
    line-height: 2.4em;
    color: #343434;
  }
  /* line 39, app/assets/stylesheets/v2/template/footer.scss */
  footer .sitemap-content a:hover {
    text-decoration: underline;
  }
  /* line 46, app/assets/stylesheets/v2/template/footer.scss */
  footer .copyright {
    display: flex;
    align-items: center;
    justify-content: space-around;
    justify-items: flex-start;
    height: 48px;
    font-size: 11px;
    margin-top: 12px;
    background-color: #242424;
    position: relative;
    color: white;
    padding-top: 100px;
  }
  /* line 60, app/assets/stylesheets/v2/template/footer.scss */
  footer .hikky-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 48px;
  }
  /* line 67, app/assets/stylesheets/v2/template/footer.scss */
  footer #partner {
    position: absolute;
    bottom: 50px;
    right: 0;
    height: 48px;
  }
}

@media (max-width: 9999px) {
  /* line 32, app/assets/stylesheets/v2/home/top.scss */
  .comv3 {
    position: fixed;
    background: rgba(0, 0, 0, 0.58);
    width: 100vw;
    height: 100vh;
    z-index: 100;
    top: 0;
  }
  /* line 39, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner {
    position: absolute;
    width: 80%;
    max-width: 640px;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: row-reverse;
    transform: translate(-50%, -50%);
  }
  /* line 48, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-close {
    width: 32px;
    height: 32px;
    cursor: pointer;
  }
  /* line 52, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-close img {
    width: 100%;
    height: 100%;
  }
  /* line 58, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-link-img {
    width: 100%;
    height: 100%;
  }
  /* line 61, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-link-img img {
    width: 100%;
  }
  /* line 69, app/assets/stylesheets/v2/home/top.scss */
  .top {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px);
    margin-top: -5px;
  }
  /* line 79, app/assets/stylesheets/v2/home/top.scss */
  .top .kv {
    margin: 75px 0 0 0;
    z-index: 0;
    position: relative;
  }
  /* line 84, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-pc {
    display: block;
  }
  /* line 87, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-sp {
    display: none;
  }
  /* line 91, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-banner {
    position: absolute;
    bottom: 0;
    background: rgba(255, 119, 0, 0.87);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    height: 128px;
  }
  /* line 102, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-banner-text {
    display: block;
    color: white;
    font-size: 16px;
    font-weight: bold;
    height: fit-content;
    transform: translate(0%, 50%);
    margin: 16px 0 16px 0;
  }
  /* line 112, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-banner-link {
    margin: 16px 0;
    padding: 0 32px;
    display: block;
    width: 600px;
    height: fit-content;
  }
  /* line 124, app/assets/stylesheets/v2/home/top.scss */
  .top .kv img {
    width: 100%;
  }
  /* line 130, app/assets/stylesheets/v2/home/top.scss */
  .top .information {
    overflow: hidden;
    white-space: nowrap;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin-left: 0;
    margin-top: -10px;
    background-color: black;
    margin-bottom: 0;
    flex-wrap: wrap;
  }
  /* line 145, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date {
    color: white;
    display: flex;
    align-items: center;
    font-size: 14pt;
    font-weight: bold;
    flex-wrap: wrap;
  }
  /* line 152, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date div {
    margin: 10px auto;
    padding: 10px;
  }
  /* line 157, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date .ceremony {
    display: flex;
    flex-direction: column;
    margin: 3px auto;
    padding: 10px;
    white-space: nowrap;
  }
  /* line 164, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date .ceremony p {
    white-space: nowrap;
    font-weight: normal !important;
  }
  /* line 171, app/assets/stylesheets/v2/home/top.scss */
  .top .information .platfoom {
    display: flex;
    color: white;
    font-size: 1.5em;
    line-height: 75px;
    align-items: center;
  }
  /* line 178, app/assets/stylesheets/v2/home/top.scss */
  .top .information .platfoom img {
    display: block;
    vertical-align: middle;
    height: 3.0em;
    width: auto;
    margin: 0;
  }
  /* line 187, app/assets/stylesheets/v2/home/top.scss */
  .top .information img {
    width: 80%;
    object-fit: contain;
  }
  /* line 193, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content {
    padding: 0px 0px;
    background: white;
    border: 3px rgba(0, 0, 0, 0.26) double;
    max-width: 100vw;
    margin: 0 auto 150px;
    overflow: hidden;
  }
  /* line 201, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .sp {
    width: 75%;
    max-width: 75%;
    margin: 0px auto 20px;
  }
  /* line 205, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .sp img {
    display: block;
    margin: 0;
    width: 100%;
  }
  /* line 212, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .about {
    position: relative;
    text-align: center;
    font-size: 18pt;
    line-height: 1.2em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    max-width: 90%;
    margin: auto;
    padding: 0;
    font-weight: bold;
  }
  /* line 224, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .about .blur1 {
    display: block;
    width: 100%;
    position: absolute;
    color: red;
    top: 2px;
    left: 1px;
    text-decoration: underline;
    z-index: -1;
  }
  /* line 235, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .about .blur2 {
    display: block;
    width: 100%;
    position: absolute;
    color: blue;
    top: -1px;
    left: -2px;
    text-decoration: underline;
    z-index: -1;
  }
  /* line 247, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu {
    margin: 50px auto 100px;
    width: 75%;
    max-width: 75%;
    display: flex;
    justify-content: space-around;
    flex-flow: row nowrap;
  }
  /* line 255, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu div {
    flex: 0.6 !important;
  }
  /* line 259, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu div a p {
    padding: 15px 0;
  }
  /* line 264, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu img {
    display: block;
    width: 100%;
  }
  /* line 270, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .movie {
    margin: 50px auto 100px;
    width: 640px;
    height: 360px;
    overflow: hidden;
  }
  /* line 276, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .movie iframe {
    width: 100%;
    height: 100%;
  }
  /* line 282, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-title {
    text-align: center;
    font-family: 'RocknRoll One', sans-serif;
    font-size: 2.0em;
    margin: 0 auto;
  }
  /* line 289, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 80%;
    max-width: 1100px;
    margin: auto;
  }
  /* line 297, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images-button {
    width: 23%;
    margin: 30px auto;
  }
  /* line 300, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images-button a {
    display: block;
    width: 100%;
  }
  /* line 303, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images-button a img {
    display: block;
    width: 100%;
  }
  /* line 311, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news {
    display: flex;
    margin: 30px auto 50px;
    width: 80%;
    max-width: 1100px;
    flex-flow: column;
  }
  /* line 319, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row {
    display: flex;
    flex-flow: column;
    background: white;
    width: 100%;
    padding: 30px 0px;
    color: #343434;
    margin: 10px auto;
    min-height: 100px;
    font-size: 1.0em;
    filter: drop-shadow(0em 0em 0.25em rgba(0, 0, 0, 0.18));
  }
  /* line 331, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row a {
    color: #242424;
  }
  /* line 335, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row .news-date {
    padding-left: 10px;
    white-space: nowrap;
    font-size: 0.8em;
    color: #7b7b7b;
  }
  /* line 342, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row .news-title {
    margin: 20px;
    font-size: 1.0em;
    font-weight: bold;
    text-align: left;
    font-family: "Noto Sans JP", sans-serif;
  }
  /* line 353, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .link {
    padding: 30px 0;
    width: 80%;
    max-width: 1100px;
    border-top: #343434 1px solid;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    justify-items: center;
    align-items: flex-start;
    margin: 50px auto;
  }
  /* line 365, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .link iframe {
    display: block;
    margin: 30px auto !important;
  }
  /* line 372, app/assets/stylesheets/v2/home/top.scss */
  .top .share-title {
    font-family: 'Dela Gothic One', cursive;
  }
  /* line 376, app/assets/stylesheets/v2/home/top.scss */
  .top .share {
    display: flex;
    justify-content: center;
    margin: 0px auto 100px;
  }
  /* line 382, app/assets/stylesheets/v2/home/top.scss */
  .top .share a {
    text-align: center;
  }
  /* line 385, app/assets/stylesheets/v2/home/top.scss */
  .top .share a img {
    width: 75px;
  }
  /* line 390, app/assets/stylesheets/v2/home/top.scss */
  .top .share a {
    margin-left: 15px;
    margin-right: 15px;
  }
  /* line 395, app/assets/stylesheets/v2/home/top.scss */
  .top .share-title {
    text-align: center;
    font-size: 1.5em;
    color: #343434;
  }
  /* line 404, app/assets/stylesheets/v2/home/top.scss */
  .questionnaire {
    display: block;
    position: sticky;
    bottom: 15px;
    right: 15px;
    z-index: 10;
    width: 320px;
    margin: 0 15px -85px auto;
  }
  /* line 413, app/assets/stylesheets/v2/home/top.scss */
  .questionnaire a {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 418, app/assets/stylesheets/v2/home/top.scss */
  .questionnaire a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 426, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud {
    display: block;
    position: absolute;
    width: 500px;
    z-index: 11;
    bottom: 15px;
    right: 15px;
  }
  /* line 434, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud:hover {
    filter: brightness(0.5) invert(0);
  }
  /* line 439, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud-sp {
    display: none;
    width: 100%;
  }
  /* line 443, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud-sp a {
    width: 100%;
  }
  /* line 446, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud-sp a img {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  /* line 32, app/assets/stylesheets/v2/home/top.scss */
  .comv3 {
    position: fixed;
    background: rgba(0, 0, 0, 0.58);
    width: 100vw;
    height: 100vh;
    z-index: 100;
    top: 0;
  }
  /* line 39, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner {
    position: absolute;
    width: 80%;
    max-width: 640px;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: row-reverse;
    transform: translate(-50%, -50%);
  }
  /* line 48, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-close {
    width: 32px;
    height: 32px;
    cursor: pointer;
  }
  /* line 52, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-close img {
    width: 100%;
    height: 100%;
  }
  /* line 58, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-link-img {
    width: 100%;
    height: 100%;
  }
  /* line 61, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-link-img img {
    width: 100%;
  }
  /* line 69, app/assets/stylesheets/v2/home/top.scss */
  .top {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px);
    margin-top: -5px;
  }
  /* line 79, app/assets/stylesheets/v2/home/top.scss */
  .top .kv {
    margin: 75px 0 0 0;
    z-index: 0;
    position: relative;
  }
  /* line 84, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-pc {
    display: block;
  }
  /* line 87, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-sp {
    display: none;
  }
  /* line 91, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-banner {
    position: absolute;
    bottom: 0;
    background: rgba(255, 119, 0, 0.87);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    height: 128px;
  }
  /* line 102, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-banner-text {
    display: block;
    color: white;
    font-size: 16px;
    font-weight: bold;
    height: fit-content;
    transform: translate(0%, 50%);
    margin: 16px 0 16px 0;
  }
  /* line 112, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-banner-link {
    margin: 16px 0;
    padding: 0 32px;
    display: block;
    width: 600px;
    height: fit-content;
  }
  /* line 124, app/assets/stylesheets/v2/home/top.scss */
  .top .kv img {
    width: 100%;
  }
  /* line 130, app/assets/stylesheets/v2/home/top.scss */
  .top .information {
    overflow: hidden;
    white-space: nowrap;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin-left: 0;
    margin-top: -10px;
    background-color: black;
    margin-bottom: 0;
    flex-wrap: wrap;
  }
  /* line 145, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date {
    color: white;
    display: flex;
    align-items: center;
    font-size: 14pt;
    font-weight: bold;
    flex-wrap: wrap;
  }
  /* line 152, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date div {
    margin: 10px auto;
    padding: 10px;
  }
  /* line 157, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date .ceremony {
    display: flex;
    flex-direction: column;
    margin: 3px auto;
    padding: 10px;
    white-space: nowrap;
  }
  /* line 164, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date .ceremony p {
    white-space: nowrap;
    font-weight: normal !important;
  }
  /* line 171, app/assets/stylesheets/v2/home/top.scss */
  .top .information .platfoom {
    display: flex;
    color: white;
    font-size: 1.5em;
    line-height: 75px;
    align-items: center;
  }
  /* line 178, app/assets/stylesheets/v2/home/top.scss */
  .top .information .platfoom img {
    display: block;
    vertical-align: middle;
    height: 3.0em;
    width: auto;
    margin: 0;
  }
  /* line 187, app/assets/stylesheets/v2/home/top.scss */
  .top .information img {
    width: 80%;
    object-fit: contain;
  }
  /* line 193, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content {
    padding: 0px 0px;
    background: white;
    border: 3px rgba(0, 0, 0, 0.26) double;
    max-width: 100vw;
    margin: 0 auto 150px;
    overflow: hidden;
  }
  /* line 201, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .sp {
    width: 75%;
    max-width: 75%;
    margin: 0px auto 20px;
  }
  /* line 205, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .sp img {
    display: block;
    margin: 0;
    width: 100%;
  }
  /* line 212, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .about {
    position: relative;
    text-align: center;
    font-size: 18pt;
    line-height: 1.2em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    max-width: 90%;
    margin: auto;
    padding: 0;
    font-weight: bold;
  }
  /* line 224, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .about .blur1 {
    display: block;
    width: 100%;
    position: absolute;
    color: red;
    top: 2px;
    left: 1px;
    text-decoration: underline;
    z-index: -1;
  }
  /* line 235, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .about .blur2 {
    display: block;
    width: 100%;
    position: absolute;
    color: blue;
    top: -1px;
    left: -2px;
    text-decoration: underline;
    z-index: -1;
  }
  /* line 247, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu {
    margin: 50px auto 100px;
    width: 75%;
    max-width: 75%;
    display: flex;
    justify-content: space-around;
    flex-flow: row nowrap;
  }
  /* line 255, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu div {
    flex: 0.6 !important;
  }
  /* line 259, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu div a p {
    padding: 15px 0;
  }
  /* line 264, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu img {
    display: block;
    width: 100%;
  }
  /* line 270, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .movie {
    margin: 50px auto 100px;
    width: 640px;
    height: 360px;
    overflow: hidden;
  }
  /* line 276, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .movie iframe {
    width: 100%;
    height: 100%;
  }
  /* line 282, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-title {
    text-align: center;
    font-family: 'RocknRoll One', sans-serif;
    font-size: 2.0em;
    margin: 0 auto;
  }
  /* line 289, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 80%;
    max-width: 1100px;
    margin: auto;
  }
  /* line 297, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images-button {
    width: 23%;
    margin: 30px auto;
  }
  /* line 300, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images-button a {
    display: block;
    width: 100%;
  }
  /* line 303, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images-button a img {
    display: block;
    width: 100%;
  }
  /* line 311, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news {
    display: flex;
    margin: 30px auto 50px;
    width: 80%;
    max-width: 1100px;
    flex-flow: column;
  }
  /* line 319, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row {
    display: flex;
    flex-flow: column;
    background: white;
    width: 100%;
    padding: 30px 0px;
    color: #343434;
    margin: 10px auto;
    min-height: 100px;
    font-size: 1.0em;
    filter: drop-shadow(0em 0em 0.25em rgba(0, 0, 0, 0.18));
  }
  /* line 331, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row a {
    color: #242424;
  }
  /* line 335, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row .news-date {
    padding-left: 10px;
    white-space: nowrap;
    font-size: 0.8em;
    color: #7b7b7b;
  }
  /* line 342, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row .news-title {
    margin: 20px;
    font-size: 1.0em;
    font-weight: bold;
    text-align: left;
    font-family: "Noto Sans JP", sans-serif;
  }
  /* line 353, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .link {
    padding: 30px 0;
    width: 80%;
    max-width: 1100px;
    border-top: #343434 1px solid;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    justify-items: center;
    align-items: flex-start;
    margin: 50px auto;
  }
  /* line 365, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .link iframe {
    display: block;
    margin: 30px auto !important;
  }
  /* line 372, app/assets/stylesheets/v2/home/top.scss */
  .top .share-title {
    font-family: 'Dela Gothic One', cursive;
  }
  /* line 376, app/assets/stylesheets/v2/home/top.scss */
  .top .share {
    display: flex;
    justify-content: center;
    margin: 0px auto 100px;
  }
  /* line 382, app/assets/stylesheets/v2/home/top.scss */
  .top .share a {
    text-align: center;
  }
  /* line 385, app/assets/stylesheets/v2/home/top.scss */
  .top .share a img {
    width: 75px;
  }
  /* line 390, app/assets/stylesheets/v2/home/top.scss */
  .top .share a {
    margin-left: 15px;
    margin-right: 15px;
  }
  /* line 395, app/assets/stylesheets/v2/home/top.scss */
  .top .share-title {
    text-align: center;
    font-size: 1.5em;
    color: #343434;
  }
  /* line 404, app/assets/stylesheets/v2/home/top.scss */
  .questionnaire {
    display: block;
    position: sticky;
    bottom: 15px;
    right: 15px;
    z-index: 10;
    width: 320px;
    margin: 0 15px -85px auto;
  }
  /* line 413, app/assets/stylesheets/v2/home/top.scss */
  .questionnaire a {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 418, app/assets/stylesheets/v2/home/top.scss */
  .questionnaire a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 426, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud {
    display: block;
    position: absolute;
    width: 500px;
    z-index: 11;
    bottom: 15px;
    right: 15px;
  }
  /* line 434, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud:hover {
    filter: brightness(0.5) invert(0);
  }
  /* line 439, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud-sp {
    display: none;
    width: 100%;
  }
  /* line 443, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud-sp a {
    width: 100%;
  }
  /* line 446, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud-sp a img {
    width: 100%;
  }
}

@media (max-width: 769px) {
  /* line 32, app/assets/stylesheets/v2/home/top.scss */
  .comv3 {
    position: fixed;
    background: rgba(0, 0, 0, 0.58);
    width: 100vw;
    height: 100vh;
    z-index: 100;
    top: 0;
  }
  /* line 39, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner {
    position: absolute;
    width: 80%;
    max-width: 640px;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: row-reverse;
    transform: translate(-50%, -50%);
  }
  /* line 48, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-close {
    width: 32px;
    height: 32px;
    cursor: pointer;
  }
  /* line 52, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-close img {
    width: 100%;
    height: 100%;
  }
  /* line 58, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-link-img {
    width: 100%;
    height: 100%;
  }
  /* line 61, app/assets/stylesheets/v2/home/top.scss */
  .comv3-banner-link-img img {
    width: 100%;
  }
  /* line 69, app/assets/stylesheets/v2/home/top.scss */
  .top {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px);
    margin-top: -5px;
  }
  /* line 79, app/assets/stylesheets/v2/home/top.scss */
  .top .kv {
    margin: 75px 0 0 0;
    z-index: 0;
    position: relative;
  }
  /* line 84, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-pc {
    display: none;
  }
  /* line 87, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-sp {
    display: block;
  }
  /* line 91, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-banner {
    position: absolute;
    bottom: 0;
    background: rgba(255, 119, 0, 0.87);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    height: 180px;
  }
  /* line 102, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-banner-text {
    display: block;
    color: white;
    font-size: 16px;
    font-weight: bold;
    height: fit-content;
    transform: translate(0%, 50%);
    margin: 16px 0 16px 0;
  }
  /* line 112, app/assets/stylesheets/v2/home/top.scss */
  .top .kv-banner-link {
    margin: 16px 0;
    padding: 0 32px;
    display: block;
    width: 600px;
    height: fit-content;
  }
  /* line 124, app/assets/stylesheets/v2/home/top.scss */
  .top .kv img {
    width: 100%;
  }
  /* line 130, app/assets/stylesheets/v2/home/top.scss */
  .top .information {
    overflow: hidden;
    white-space: nowrap;
    color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin-left: 0;
    margin-top: -10px;
    background-color: black;
    margin-bottom: 0px;
    flex-wrap: wrap;
  }
  /* line 145, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date {
    color: white;
    display: flex;
    align-items: center;
    font-size: 14pt;
    font-weight: bold;
    flex-wrap: wrap;
  }
  /* line 152, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date div {
    margin: 10px auto;
    padding: 10px;
  }
  /* line 157, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date .ceremony {
    display: flex;
    flex-direction: column;
    margin: 3px auto;
    padding: 10px;
    white-space: nowrap;
  }
  /* line 164, app/assets/stylesheets/v2/home/top.scss */
  .top .information .date .ceremony p {
    white-space: nowrap;
    font-weight: normal !important;
  }
  /* line 171, app/assets/stylesheets/v2/home/top.scss */
  .top .information .platfoom {
    display: flex;
    color: white;
    font-size: 1.5em;
    line-height: 75px;
    align-items: center;
  }
  /* line 178, app/assets/stylesheets/v2/home/top.scss */
  .top .information .platfoom img {
    display: block;
    vertical-align: middle;
    height: 3.0em;
    width: auto;
    margin: 0;
  }
  /* line 187, app/assets/stylesheets/v2/home/top.scss */
  .top .information img {
    width: 80%;
    object-fit: contain;
  }
  /* line 193, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content {
    padding: 0px 0px;
    background: white;
    border: 3px rgba(0, 0, 0, 0.26) double;
    max-width: 100vw;
    margin: 0 auto 150px;
    overflow: hidden;
  }
  /* line 201, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .sp {
    width: 100%;
    max-width: 100%;
    margin: 0px auto 20px;
  }
  /* line 205, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .sp img {
    display: block;
    margin: 0;
    width: 100%;
  }
  /* line 212, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .about {
    position: relative;
    text-align: center;
    font-size: 18pt;
    line-height: 1.5em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    max-width: 90%;
    margin: auto;
    padding: 0;
    font-weight: bold;
  }
  /* line 224, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .about .blur1 {
    display: block;
    width: 100%;
    position: absolute;
    color: red;
    top: 2px;
    left: 1px;
    text-decoration: underline;
    z-index: -1;
  }
  /* line 235, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .about .blur2 {
    display: block;
    width: 100%;
    position: absolute;
    color: blue;
    top: -1px;
    left: -2px;
    text-decoration: underline;
    z-index: -1;
  }
  /* line 247, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu {
    margin: 50px auto 100px;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-around;
    flex-flow: column nowrap;
  }
  /* line 255, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu div {
    flex: 0.6 !important;
  }
  /* line 259, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu div a p {
    padding: 15px 0;
  }
  /* line 264, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .menu img {
    display: block;
    width: 100%;
  }
  /* line 270, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .movie {
    margin: 50px auto 100px;
    width: 100%;
    height: 50vw;
    overflow: hidden;
  }
  /* line 276, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .movie iframe {
    width: 100%;
    height: 100%;
  }
  /* line 282, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-title {
    text-align: center;
    font-family: 'RocknRoll One', sans-serif;
    font-size: 2.0em;
    margin: 0 auto;
  }
  /* line 289, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    max-width: 1100px;
    margin: auto;
  }
  /* line 297, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images-button {
    width: 90%;
    margin: 30px auto;
  }
  /* line 300, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images-button a {
    display: block;
    width: 100%;
  }
  /* line 303, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .images-button a img {
    display: block;
    width: 100%;
  }
  /* line 311, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news {
    display: flex;
    margin: 30px auto 50px;
    width: 100%;
    max-width: 1100px;
    flex-flow: column;
  }
  /* line 319, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row {
    display: flex;
    flex-flow: column;
    background: white;
    width: 100%;
    padding: 30px 0px;
    color: #343434;
    margin: 10px auto;
    min-height: 100px;
    font-size: 1.0em;
    filter: drop-shadow(0em 0em 0.25em rgba(0, 0, 0, 0.18));
  }
  /* line 331, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row a {
    color: #242424;
  }
  /* line 335, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row .news-date {
    padding-left: 10px;
    white-space: nowrap;
    font-size: 0.8em;
    color: #7b7b7b;
  }
  /* line 342, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .news-row .news-title {
    margin: 20px;
    font-size: 1.0em;
    font-weight: bold;
    text-align: left;
    font-family: "Noto Sans JP", sans-serif;
  }
  /* line 353, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .link {
    padding: 30px 0;
    width: 100%;
    max-width: 100%;
    border-top: #343434 1px solid;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    justify-items: center;
    align-items: flex-start;
    margin: 50px auto;
  }
  /* line 365, app/assets/stylesheets/v2/home/top.scss */
  .top .top-content .link iframe {
    display: block;
    margin: 30px auto !important;
  }
  /* line 372, app/assets/stylesheets/v2/home/top.scss */
  .top .share-title {
    font-family: 'Dela Gothic One', cursive;
  }
  /* line 376, app/assets/stylesheets/v2/home/top.scss */
  .top .share {
    display: flex;
    justify-content: center;
    margin: 0px auto 100px;
  }
  /* line 382, app/assets/stylesheets/v2/home/top.scss */
  .top .share a {
    text-align: center;
  }
  /* line 385, app/assets/stylesheets/v2/home/top.scss */
  .top .share a img {
    width: 75px;
  }
  /* line 390, app/assets/stylesheets/v2/home/top.scss */
  .top .share a {
    margin-left: 15px;
    margin-right: 15px;
  }
  /* line 395, app/assets/stylesheets/v2/home/top.scss */
  .top .share-title {
    text-align: center;
    font-size: 1.5em;
    color: #343434;
  }
  /* line 404, app/assets/stylesheets/v2/home/top.scss */
  .questionnaire {
    display: none;
    position: sticky;
    bottom: 15px;
    right: 15px;
    z-index: 10;
    width: 320px;
    margin: 0 15px -85px auto;
  }
  /* line 413, app/assets/stylesheets/v2/home/top.scss */
  .questionnaire a {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 418, app/assets/stylesheets/v2/home/top.scss */
  .questionnaire a img {
    display: block;
    width: 100%;
    height: 100%;
  }
  /* line 426, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud {
    display: none;
    position: absolute;
    width: 500px;
    z-index: 11;
    bottom: 15px;
    right: 15px;
  }
  /* line 434, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud:hover {
    filter: brightness(0.5) invert(0);
  }
  /* line 439, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud-sp {
    display: block;
    width: 100%;
  }
  /* line 443, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud-sp a {
    width: 100%;
  }
  /* line 446, app/assets/stylesheets/v2/home/top.scss */
  .vketcloud-sp a img {
    width: 100%;
  }
}

@media (max-width: 9999px) {
  /* line 29, app/assets/stylesheets/v2/home/catalog.scss */
  .pagination {
    margin: 30px auto;
    text-align: center;
  }
  /* line 37, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc {
    margin: 30px auto 30px;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
  }
  /* line 43, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc-map {
    width: 45%;
    margin: 0 auto;
  }
  /* line 46, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc-map img {
    width: 100%;
  }
  /* line 50, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc-text {
    width: 45%;
    margin: 0 auto;
  }
  /* line 55, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link {
    flex-direction: row;
    display: flex;
    width: 100%;
    justify-content: space-around;
  }
  /* line 61, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button {
    background: #242424 !important;
    color: white !important;
    width: 18%;
    text-align: center;
    border-radius: 5px;
    margin: 5px auto;
    white-space: nowrap;
    font-size: 1.2em;
  }
  /* line 71, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 15px 0px;
    color: white;
    text-decoration: none;
  }
  /* line 80, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button a:visited {
    color: white;
    text-decoration: none;
  }
  /* line 86, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button-note {
    font-weight: bold;
    background: #40c9b7 !important;
  }
  /* line 90, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button-note a {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 2px 0px 4px;
    color: white;
    text-decoration: none;
  }
  /* line 101, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button-note a img {
    display: block;
    object-fit: cover;
    width: 80%;
    text-align: center;
    margin: auto;
    object-position: 50% 50%;
    height: 2.0em;
  }
  /* line 114, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item {
    margin: 20px auto;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  /* line 120, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card {
    width: 22%;
    margin: 10px auto;
  }
  /* line 123, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card a {
    color: #2a2a2a;
    text-decoration: none;
  }
  /* line 126, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card a:visited {
    color: #2a2a2a;
    text-decoration: none;
  }
  /* line 132, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-img img {
    width: 100%;
  }
  /* line 136, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-text {
    width: 100%;
    font-weight: bold;
    font-size: 0.8em;
    display: flex;
    justify-content: space-between;
  }
  /* line 142, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-text-left {
    width: 50%;
    text-align: left;
  }
  /* line 146, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-text-right {
    width: 50%;
    text-align: right;
  }
  /* line 153, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-move {
    margin: 30px auto;
    display: flex;
    text-align: center;
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }
  /* line 160, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-move a {
    margin: 0 10px;
    display: block;
    width: 2.0em;
  }
  /* line 164, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-move a img {
    display: block;
    width: 100%;
  }
  /* line 173, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-map {
    padding: 30px 0;
    margin: auto;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 182, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-map img {
    width: 100%;
  }
  /* line 187, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world {
    list-style: none;
    text-align: center;
    margin: 0 auto 50px auto;
  }
  /* line 192, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world ul {
    display: flex;
  }
  /* line 196, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world li {
    display: inline-block;
    margin: 5px;
    opacity: 0.2;
    border-radius: 5px;
    background: #ff9442;
  }
  /* line 204, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world form {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  /* line 210, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world input {
    width: 150px !important;
    padding: 15px 0;
    border: none;
    background: transparent;
    color: white;
    font-weight: bold;
  }
  /* line 219, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world-submit {
    opacity: 1.0 !important;
  }
  /* line 224, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-circles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 231, app/assets/stylesheets/v2/home/catalog.scss */
  .card {
    width: 250px;
    height: 300px;
    font-size: 1em;
    margin: 10px;
    overflow: hidden;
    position: relative;
  }
  /* line 239, app/assets/stylesheets/v2/home/catalog.scss */
  .card-parent {
    text-decoration: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  /* line 249, app/assets/stylesheets/v2/home/catalog.scss */
  .card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: flex-start;
  }
  /* line 256, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up {
    display: block;
    width: 100%;
    height: 140px;
    position: relative;
  }
  /* line 262, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-space {
    background: white;
    color: black !important;
    font-weight: bold;
    font-size: 1.0em;
    padding: 5px 10px;
    position: absolute;
    border-radius: 5px;
    top: 5px;
    right: 5px;
  }
  /* line 274, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-background {
    position: relative;
    height: 100%;
  }
  /* line 277, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-background img {
    width: 100%;
    height: 100%;
  }
  /* line 283, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-background:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #00000055;
  }
  /* line 295, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: auto;
    position: absolute;
    top: 58%;
  }
  /* line 305, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-button {
    background: #242424 !important;
    color: white !important;
    width: 45%;
    text-align: center;
    border-radius: 5px;
    margin: 5px auto;
    white-space: nowrap;
  }
  /* line 313, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-button a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 5px 0px;
    color: white;
    text-decoration: none;
  }
  /* line 321, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-button a:visited {
    color: white;
    text-decoration: none;
  }
  /* line 329, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-icon {
    width: 80px;
    height: 80px;
    margin: 20px auto;
    border-radius: 40px;
    overflow: hidden;
  }
  /* line 336, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-icon img {
    width: 100%;
    height: 100%;
  }
  /* line 342, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-no {
    margin: 0px auto;
    text-align: center;
    font-weight: bold;
  }
  /* line 348, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-space {
    margin: 0px auto;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    white-space: nowrap;
  }
  /* line 359, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: auto;
  }
  /* line 367, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button {
    background: #40c9b7 !important;
    color: white !important;
    width: 94%;
    text-align: center;
    border-radius: 5px;
    margin: 5px auto;
    white-space: nowrap;
    font-weight: bold;
  }
  /* line 377, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button a {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 2px 0px 4px;
    color: white;
    text-decoration: none;
    height: 2.0em;
  }
  /* line 388, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button a:visited {
    color: white;
    text-decoration: none;
  }
  /* line 392, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button a img {
    display: block;
    object-fit: cover;
    width: 60%;
    text-align: center;
    margin: auto;
    object-position: 50% 50%;
    height: 2.0em;
  }
  /* line 405, app/assets/stylesheets/v2/home/catalog.scss */
  .card-center {
    width: 100%;
    color: black;
    text-align: center;
    margin: 5px auto;
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.1em;
    justify-items: center;
    justify-content: center;
    display: table;
  }
  /* line 416, app/assets/stylesheets/v2/home/catalog.scss */
  .card-center p {
    height: 2.0em;
    display: table-cell;
    vertical-align: middle;
  }
  /* line 427, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage {
    width: 95%;
    margin: 0 auto;
    padding: 0;
  }
  /* line 432, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: #343434 5px double;
  }
  /* line 442, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header-left {
    font-size: 1.5em;
    font-weight: bold;
    margin: 5px auto 5px 0;
  }
  /* line 447, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header-right {
    display: flex;
    justify-content: space-between;
    margin: 5px 0 5px auto;
  }
  /* line 451, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header-right div {
    margin: 0 5px;
  }
  /* line 457, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center {
    display: flex;
    margin: 30px 0;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
  }
  /* line 463, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-slick {
    width: 70%;
    border: 1px solid #d9e0ec;
  }
  /* line 467, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-slick-child video {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
  }
  /* line 474, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-slick-child img {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
  }
  /* line 483, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link {
    width: 25%;
    background: #d9e0ec;
    border: 1px solid #39393d;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
  }
  /* line 490, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link .buttons {
    width: 90%;
    margin: 15px auto;
    padding: 10px 0 15px;
    background: #efefef;
    border: 1px solid #39393d;
    display: flex;
    border-radius: 3px;
    align-items: center;
    flex-direction: column;
    text-align: center;
    color: #39393d;
    flex-wrap: wrap;
  }
  /* line 503, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link .buttons .price {
    font-size: 1.2em;
    font-weight: bold;
    color: #ff2828;
  }
  /* line 509, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link-button {
    margin: 7px auto;
    width: 85%;
    border-radius: 3px;
  }
  /* line 513, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link-button a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 1.0em;
  }
  /* line 523, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link-button a:visited {
    text-decoration: none;
    color: white;
  }
  /* line 529, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #vrc {
    display: block;
    background-color: #7d7d7d;
    box-shadow: 4px 5px 0px 2px rgba(0, 0, 0, 0.6);
  }
  /* line 534, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #trial {
    background-color: #7aef43;
    box-shadow: 4px 5px 0px 2px rgba(90, 158, 20, 0.85);
  }
  /* line 538, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #cloud {
    background-color: #45d5ee;
    box-shadow: 4px 5px 0px 2px rgba(26, 121, 212, 0.6);
  }
  /* line 542, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #sale {
    background-color: #ff2e31;
    box-shadow: 4px 5px 0px 2px rgba(146, 1, 4, 0.85);
  }
  /* line 550, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info {
    width: 95%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-flow: column;
  }
  /* line 557, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-catchphrase {
    width: 100%;
    margin: 15px auto;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
  }
  /* line 564, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-desc {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #39393d;
  }
  /* line 570, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  /* line 574, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-table tr th {
    font-weight: normal;
    text-align: left;
    width: 30%;
    padding: 15px;
    border-bottom: 1px solid #39393d;
  }
  /* line 581, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-table tr td {
    text-align: left;
    width: 70%;
    padding: 15px 0;
    border-bottom: 1px solid #39393d;
  }
  /* line 591, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-description {
    margin: 10px 5px 100px 5px;
    text-align: left;
  }
  /* line 596, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-product {
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
  }
  /* line 605, app/assets/stylesheets/v2/home/catalog.scss */
  .product {
    position: relative;
    background: white;
    display: block;
    width: 200px;
    height: 285px;
    margin: 10px;
    padding: 10px;
    text-decoration: none;
    color: black;
  }
  /* line 616, app/assets/stylesheets/v2/home/catalog.scss */
  .product-image {
    width: 200px;
    height: 200px;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  /* line 623, app/assets/stylesheets/v2/home/catalog.scss */
  .product-image img {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
  }
  /* line 630, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info {
    margin: 5px;
  }
  /* line 633, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  /* line 639, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-shop {
    line-height: 30px;
    height: 30px;
    font-size: 0.8em;
  }
  /* line 644, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-shop img {
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }
  /* line 652, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-price {
    position: absolute;
    right: 5px;
    bottom: 10px;
    text-align: right;
    color: #fe5a0a;
  }
  /* line 661, app/assets/stylesheets/v2/home/catalog.scss */
  .product:hover {
    box-shadow: 0px 0px 5px 3px #cecece;
  }
  /* line 666, app/assets/stylesheets/v2/home/catalog.scss */
  #orange {
    background: orange;
  }
  /* line 670, app/assets/stylesheets/v2/home/catalog.scss */
  #melon {
    background: #339441;
  }
  /* line 674, app/assets/stylesheets/v2/home/catalog.scss */
  #beta {
    background: #fe00ba;
  }
  /* line 678, app/assets/stylesheets/v2/home/catalog.scss */
  #fromagee {
    background: #6acbc4;
  }
}

@media (max-width: 1024px) {
  /* line 29, app/assets/stylesheets/v2/home/catalog.scss */
  .pagination {
    margin: 30px auto;
    text-align: center;
  }
  /* line 37, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc {
    margin: 30px auto 30px;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
  }
  /* line 43, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc-map {
    width: 45%;
    margin: 0 auto;
  }
  /* line 46, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc-map img {
    width: 100%;
  }
  /* line 50, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc-text {
    width: 45%;
    margin: 0 auto;
  }
  /* line 55, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link {
    flex-direction: row;
    display: flex;
    width: 100%;
    justify-content: space-around;
  }
  /* line 61, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button {
    background: #242424 !important;
    color: white !important;
    width: 18%;
    text-align: center;
    border-radius: 5px;
    margin: 5px auto;
    white-space: nowrap;
    font-size: 1.2em;
  }
  /* line 71, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 15px 0px;
    color: white;
    text-decoration: none;
  }
  /* line 80, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button a:visited {
    color: white;
    text-decoration: none;
  }
  /* line 86, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button-note {
    font-weight: bold;
    background: #40c9b7 !important;
  }
  /* line 90, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button-note a {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 2px 0px 4px;
    color: white;
    text-decoration: none;
  }
  /* line 101, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button-note a img {
    display: block;
    object-fit: cover;
    width: 80%;
    text-align: center;
    margin: auto;
    object-position: 50% 50%;
    height: 2.0em;
  }
  /* line 114, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item {
    margin: 20px auto;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  /* line 120, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card {
    width: 22%;
    margin: 10px auto;
  }
  /* line 123, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card a {
    color: #2a2a2a;
    text-decoration: none;
  }
  /* line 126, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card a:visited {
    color: #2a2a2a;
    text-decoration: none;
  }
  /* line 132, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-img img {
    width: 100%;
  }
  /* line 136, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-text {
    width: 100%;
    font-weight: bold;
    font-size: 0.8em;
    display: flex;
    justify-content: space-between;
  }
  /* line 142, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-text-left {
    width: 50%;
    text-align: left;
  }
  /* line 146, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-text-right {
    width: 50%;
    text-align: right;
  }
  /* line 153, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-move {
    margin: 30px auto;
    display: flex;
    text-align: center;
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }
  /* line 160, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-move a {
    margin: 0 10px;
    display: block;
    width: 2.0em;
  }
  /* line 164, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-move a img {
    display: block;
    width: 100%;
  }
  /* line 173, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-map {
    padding: 30px 0;
    margin: auto;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 182, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-map img {
    width: 100%;
  }
  /* line 187, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world {
    list-style: none;
    text-align: center;
    margin: 0 auto 50px auto;
  }
  /* line 192, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world ul {
    display: flex;
  }
  /* line 196, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world li {
    display: inline-block;
    margin: 5px;
    opacity: 0.2;
    border-radius: 5px;
    background: #ff9442;
  }
  /* line 204, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world form {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  /* line 210, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world input {
    width: 150px !important;
    padding: 15px 0;
    border: none;
    background: transparent;
    color: white;
    font-weight: bold;
  }
  /* line 219, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world-submit {
    opacity: 1.0 !important;
  }
  /* line 224, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-circles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 231, app/assets/stylesheets/v2/home/catalog.scss */
  .card {
    width: 250px;
    height: 300px;
    font-size: 1em;
    margin: 10px;
    overflow: hidden;
    position: relative;
  }
  /* line 239, app/assets/stylesheets/v2/home/catalog.scss */
  .card-parent {
    text-decoration: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  /* line 249, app/assets/stylesheets/v2/home/catalog.scss */
  .card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: flex-start;
  }
  /* line 256, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up {
    display: block;
    width: 100%;
    height: 140px;
    position: relative;
  }
  /* line 262, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-space {
    background: white;
    color: black !important;
    font-weight: bold;
    font-size: 1.0em;
    padding: 5px 10px;
    position: absolute;
    border-radius: 5px;
    top: 5px;
    right: 5px;
  }
  /* line 274, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-background {
    position: relative;
    height: 100%;
  }
  /* line 277, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-background img {
    width: 100%;
    height: 100%;
  }
  /* line 283, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-background:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #00000055;
  }
  /* line 295, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: auto;
    position: absolute;
    top: 58%;
  }
  /* line 305, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-button {
    background: #242424 !important;
    color: white !important;
    width: 45%;
    text-align: center;
    border-radius: 5px;
    margin: 5px auto;
    white-space: nowrap;
  }
  /* line 313, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-button a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 5px 0px;
    color: white;
    text-decoration: none;
  }
  /* line 321, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-button a:visited {
    color: white;
    text-decoration: none;
  }
  /* line 329, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-icon {
    width: 80px;
    height: 80px;
    margin: 20px auto;
    border-radius: 40px;
    overflow: hidden;
  }
  /* line 336, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-icon img {
    width: 100%;
    height: 100%;
  }
  /* line 342, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-no {
    margin: 0px auto;
    text-align: center;
    font-weight: bold;
  }
  /* line 348, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-space {
    margin: 0px auto;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    white-space: nowrap;
  }
  /* line 359, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: auto;
  }
  /* line 367, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button {
    background: #40c9b7 !important;
    color: white !important;
    width: 94%;
    text-align: center;
    border-radius: 5px;
    margin: 5px auto;
    white-space: nowrap;
    font-weight: bold;
  }
  /* line 377, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button a {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 2px 0px 4px;
    color: white;
    text-decoration: none;
    height: 2.0em;
  }
  /* line 388, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button a:visited {
    color: white;
    text-decoration: none;
  }
  /* line 392, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button a img {
    display: block;
    object-fit: cover;
    width: 60%;
    text-align: center;
    margin: auto;
    object-position: 50% 50%;
    height: 2.0em;
  }
  /* line 405, app/assets/stylesheets/v2/home/catalog.scss */
  .card-center {
    width: 100%;
    color: black;
    text-align: center;
    margin: 5px auto;
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.1em;
    justify-items: center;
    justify-content: center;
    display: table;
  }
  /* line 416, app/assets/stylesheets/v2/home/catalog.scss */
  .card-center p {
    height: 2.0em;
    display: table-cell;
    vertical-align: middle;
  }
  /* line 427, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage {
    width: 95%;
    margin: 0 auto;
    padding: 0;
  }
  /* line 432, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: #343434 5px double;
  }
  /* line 442, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header-left {
    font-size: 1.5em;
    font-weight: bold;
    margin: 5px auto 5px 0;
  }
  /* line 447, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header-right {
    display: flex;
    justify-content: space-between;
    margin: 5px 0 5px auto;
  }
  /* line 451, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header-right div {
    margin: 0 5px;
  }
  /* line 457, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center {
    display: flex;
    margin: 30px 0;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
  }
  /* line 463, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-slick {
    width: 70%;
    border: 1px solid #d9e0ec;
  }
  /* line 467, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-slick-child video {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
  }
  /* line 474, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-slick-child img {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
  }
  /* line 483, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link {
    width: 25%;
    background: #d9e0ec;
    border: 1px solid #39393d;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
  }
  /* line 490, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link .buttons {
    width: 90%;
    margin: 15px auto;
    padding: 10px 0 15px;
    background: #efefef;
    border: 1px solid #39393d;
    display: flex;
    border-radius: 3px;
    align-items: center;
    flex-direction: column;
    text-align: center;
    color: #39393d;
    flex-wrap: wrap;
  }
  /* line 503, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link .buttons .price {
    font-size: 1.2em;
    font-weight: bold;
    color: #ff2828;
  }
  /* line 509, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link-button {
    margin: 7px auto;
    width: 85%;
    border-radius: 3px;
  }
  /* line 513, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link-button a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 1.0em;
  }
  /* line 523, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link-button a:visited {
    text-decoration: none;
    color: white;
  }
  /* line 529, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #vrc {
    display: block;
    background-color: #7d7d7d;
    box-shadow: 4px 5px 0px 2px rgba(0, 0, 0, 0.6);
  }
  /* line 534, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #trial {
    background-color: #7aef43;
    box-shadow: 4px 5px 0px 2px rgba(90, 158, 20, 0.85);
  }
  /* line 538, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #cloud {
    background-color: #45d5ee;
    box-shadow: 4px 5px 0px 2px rgba(26, 121, 212, 0.6);
  }
  /* line 542, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #sale {
    background-color: #ff2e31;
    box-shadow: 4px 5px 0px 2px rgba(146, 1, 4, 0.85);
  }
  /* line 550, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info {
    width: 95%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-flow: column;
  }
  /* line 557, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-catchphrase {
    width: 100%;
    margin: 15px auto;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
  }
  /* line 564, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-desc {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #39393d;
  }
  /* line 570, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  /* line 574, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-table tr th {
    font-weight: normal;
    text-align: left;
    width: 30%;
    padding: 15px;
    border-bottom: 1px solid #39393d;
  }
  /* line 581, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-table tr td {
    text-align: left;
    width: 70%;
    padding: 15px 0;
    border-bottom: 1px solid #39393d;
  }
  /* line 591, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-description {
    margin: 10px 5px 100px 5px;
    text-align: left;
  }
  /* line 596, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-product {
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
  }
  /* line 605, app/assets/stylesheets/v2/home/catalog.scss */
  .product {
    position: relative;
    background: white;
    display: block;
    width: 200px;
    height: 285px;
    margin: 10px;
    padding: 10px;
    text-decoration: none;
    color: black;
  }
  /* line 616, app/assets/stylesheets/v2/home/catalog.scss */
  .product-image {
    width: 200px;
    height: 200px;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  /* line 623, app/assets/stylesheets/v2/home/catalog.scss */
  .product-image img {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
  }
  /* line 630, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info {
    margin: 5px;
  }
  /* line 633, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  /* line 639, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-shop {
    line-height: 30px;
    height: 30px;
    font-size: 0.8em;
  }
  /* line 644, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-shop img {
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }
  /* line 652, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-price {
    position: absolute;
    right: 5px;
    bottom: 10px;
    text-align: right;
    color: #fe5a0a;
  }
  /* line 661, app/assets/stylesheets/v2/home/catalog.scss */
  .product:hover {
    box-shadow: 0px 0px 5px 3px #cecece;
  }
  /* line 666, app/assets/stylesheets/v2/home/catalog.scss */
  #orange {
    background: orange;
  }
  /* line 670, app/assets/stylesheets/v2/home/catalog.scss */
  #melon {
    background: #339441;
  }
  /* line 674, app/assets/stylesheets/v2/home/catalog.scss */
  #beta {
    background: #fe00ba;
  }
  /* line 678, app/assets/stylesheets/v2/home/catalog.scss */
  #fromagee {
    background: #6acbc4;
  }
}

@media (max-width: 769px) {
  /* line 29, app/assets/stylesheets/v2/home/catalog.scss */
  .pagination {
    margin: 30px auto;
    text-align: center;
  }
  /* line 37, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc {
    margin: 30px auto 30px;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: column;
  }
  /* line 43, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc-map {
    width: 90%;
    margin: 0 auto;
  }
  /* line 46, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc-map img {
    width: 100%;
  }
  /* line 50, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-desc-text {
    width: 90%;
    margin: 0 auto;
  }
  /* line 55, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link {
    flex-direction: column;
    display: flex;
    width: 100%;
    justify-content: space-around;
  }
  /* line 61, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button {
    background: #242424 !important;
    color: white !important;
    width: 90%;
    text-align: center;
    border-radius: 5px;
    margin: 5px auto;
    white-space: nowrap;
    font-size: 1.2em;
  }
  /* line 71, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 15px 0px;
    color: white;
    text-decoration: none;
  }
  /* line 80, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button a:visited {
    color: white;
    text-decoration: none;
  }
  /* line 86, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button-note {
    font-weight: bold;
    background: #40c9b7 !important;
  }
  /* line 90, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button-note a {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 2px 0px 4px;
    color: white;
    text-decoration: none;
  }
  /* line 101, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-link-button-note a img {
    display: block;
    object-fit: cover;
    width: 80%;
    text-align: center;
    margin: auto;
    object-position: 50% 50%;
    height: 2.0em;
  }
  /* line 114, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item {
    margin: 20px auto;
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  /* line 120, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card {
    width: 48%;
    margin: 10px auto;
  }
  /* line 123, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card a {
    color: #2a2a2a;
    text-decoration: none;
  }
  /* line 126, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card a:visited {
    color: #2a2a2a;
    text-decoration: none;
  }
  /* line 132, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-img img {
    width: 100%;
  }
  /* line 136, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-text {
    width: 100%;
    font-weight: bold;
    font-size: 0.8em;
    display: flex;
    justify-content: space-between;
  }
  /* line 142, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-text-left {
    width: 50%;
    text-align: left;
  }
  /* line 146, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-item-card-text-right {
    width: 50%;
    text-align: right;
  }
  /* line 153, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-move {
    margin: 30px auto;
    display: flex;
    text-align: center;
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }
  /* line 160, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-move a {
    margin: 0 10px;
    display: block;
    width: 2.0em;
  }
  /* line 164, app/assets/stylesheets/v2/home/catalog.scss */
  .content-catalogpage-move a img {
    display: block;
    width: 100%;
  }
  /* line 173, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-map {
    padding: 30px 0;
    margin: auto;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 182, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-map img {
    width: 100%;
  }
  /* line 187, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world {
    list-style: none;
    text-align: center;
    margin: 0 auto 50px auto;
  }
  /* line 192, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world ul {
    display: flex;
  }
  /* line 196, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world li {
    display: inline-block;
    margin: 5px;
    opacity: 0.2;
    border-radius: 5px;
    background: #ff9442;
  }
  /* line 204, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world form {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  /* line 210, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world input {
    width: 100px !important;
    padding: 15px 0;
    border: none;
    background: transparent;
    color: white;
    font-weight: bold;
  }
  /* line 219, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-world-submit {
    opacity: 1.0 !important;
  }
  /* line 224, app/assets/stylesheets/v2/home/catalog.scss */
  .content-desc-circles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  /* line 231, app/assets/stylesheets/v2/home/catalog.scss */
  .card {
    width: 80%;
    height: 300px;
    font-size: 0.8em;
    margin: 10px;
    overflow: hidden;
    position: relative;
  }
  /* line 239, app/assets/stylesheets/v2/home/catalog.scss */
  .card-parent {
    text-decoration: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  /* line 249, app/assets/stylesheets/v2/home/catalog.scss */
  .card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: flex-start;
  }
  /* line 256, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up {
    display: block;
    width: 100%;
    height: 140px;
    position: relative;
  }
  /* line 262, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-space {
    background: white;
    color: black !important;
    font-weight: bold;
    font-size: 1.0em;
    padding: 5px 10px;
    position: absolute;
    border-radius: 5px;
    top: 5px;
    right: 5px;
  }
  /* line 274, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-background {
    position: relative;
    height: 100%;
  }
  /* line 277, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-background img {
    width: 100%;
    height: 100%;
  }
  /* line 283, app/assets/stylesheets/v2/home/catalog.scss */
  .card-up-background:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #00000055;
  }
  /* line 295, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: auto;
    position: absolute;
    top: 58%;
  }
  /* line 305, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-button {
    background: #242424 !important;
    color: white !important;
    width: 45%;
    text-align: center;
    border-radius: 5px;
    margin: 5px auto;
    white-space: nowrap;
  }
  /* line 313, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-button a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 5px 0px;
    color: white;
    text-decoration: none;
  }
  /* line 321, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-button a:visited {
    color: white;
    text-decoration: none;
  }
  /* line 329, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-icon {
    width: 60px;
    height: 60px;
    margin: 10px auto;
    border-radius: 40px;
    overflow: hidden;
  }
  /* line 336, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-icon img {
    width: 100%;
    height: 100%;
  }
  /* line 342, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-no {
    margin: 0px auto;
    text-align: center;
    font-weight: bold;
  }
  /* line 348, app/assets/stylesheets/v2/home/catalog.scss */
  .card-down-space {
    margin: 0px auto;
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    white-space: nowrap;
  }
  /* line 359, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    height: auto;
  }
  /* line 367, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button {
    background: #40c9b7 !important;
    color: white !important;
    width: 94%;
    text-align: center;
    border-radius: 5px;
    margin: 5px auto;
    white-space: nowrap;
    font-weight: bold;
  }
  /* line 377, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button a {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 2px 0px 4px;
    color: white;
    text-decoration: none;
    height: 2.0em;
  }
  /* line 388, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button a:visited {
    color: white;
    text-decoration: none;
  }
  /* line 392, app/assets/stylesheets/v2/home/catalog.scss */
  .card-note-button a img {
    display: block;
    object-fit: cover;
    width: 60%;
    text-align: center;
    margin: auto;
    object-position: 50% 50%;
    height: 2.0em;
  }
  /* line 405, app/assets/stylesheets/v2/home/catalog.scss */
  .card-center {
    width: 100%;
    color: black;
    text-align: center;
    margin: 5px auto;
    font-weight: bold;
    font-size: 1.0em;
    line-height: 1.1em;
    justify-items: center;
    justify-content: center;
    display: table;
  }
  /* line 416, app/assets/stylesheets/v2/home/catalog.scss */
  .card-center p {
    height: 2.0em;
    display: table-cell;
    vertical-align: middle;
  }
  /* line 427, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage {
    width: 95%;
    margin: 0 auto;
    padding: 0;
  }
  /* line 432, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: #343434 5px double;
  }
  /* line 442, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header-left {
    font-size: 1.5em;
    font-weight: bold;
    margin: 5px auto 5px 0;
  }
  /* line 447, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header-right {
    display: flex;
    justify-content: space-between;
    margin: 5px 0 5px auto;
  }
  /* line 451, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-header-right div {
    margin: 0 5px;
  }
  /* line 457, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center {
    display: flex;
    margin: 30px 0;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
  }
  /* line 463, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-slick {
    width: 100%;
    border: 1px solid #d9e0ec;
  }
  /* line 467, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-slick-child video {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
  }
  /* line 474, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-slick-child img {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
  }
  /* line 483, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link {
    width: 100%;
    background: #d9e0ec;
    border: 1px solid #39393d;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
  }
  /* line 490, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link .buttons {
    width: 90%;
    margin: 15px auto;
    padding: 10px 0 15px;
    background: #efefef;
    border: 1px solid #39393d;
    display: flex;
    border-radius: 3px;
    align-items: center;
    flex-direction: column;
    text-align: center;
    color: #39393d;
    flex-wrap: wrap;
  }
  /* line 503, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link .buttons .price {
    font-size: 1.2em;
    font-weight: bold;
    color: #ff2828;
  }
  /* line 509, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link-button {
    margin: 7px auto;
    width: 85%;
    border-radius: 3px;
  }
  /* line 513, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link-button a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 1.0em;
  }
  /* line 523, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link-button a:visited {
    text-decoration: none;
    color: white;
  }
  /* line 529, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #vrc {
    display: none;
    background-color: #7d7d7d;
    box-shadow: 4px 5px 0px 2px rgba(0, 0, 0, 0.6);
  }
  /* line 534, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #trial {
    background-color: #7aef43;
    box-shadow: 4px 5px 0px 2px rgba(90, 158, 20, 0.85);
  }
  /* line 538, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #cloud {
    background-color: #45d5ee;
    box-shadow: 4px 5px 0px 2px rgba(26, 121, 212, 0.6);
  }
  /* line 542, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-center-link #sale {
    background-color: #ff2e31;
    box-shadow: 4px 5px 0px 2px rgba(146, 1, 4, 0.85);
  }
  /* line 550, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info {
    width: 95%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-flow: column;
  }
  /* line 557, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-catchphrase {
    width: 100%;
    margin: 15px auto;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
  }
  /* line 564, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-desc {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #39393d;
  }
  /* line 570, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  /* line 574, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-table tr th {
    font-weight: normal;
    text-align: left;
    width: 30%;
    padding: 15px;
    border-bottom: 1px solid #39393d;
  }
  /* line 581, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-info-table tr td {
    text-align: left;
    width: 70%;
    padding: 15px 0;
    border-bottom: 1px solid #39393d;
  }
  /* line 591, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-description {
    margin: 10px 5px 100px 5px;
    text-align: left;
  }
  /* line 596, app/assets/stylesheets/v2/home/catalog.scss */
  .circlepage-product {
    display: flex;
    padding: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
  }
  /* line 605, app/assets/stylesheets/v2/home/catalog.scss */
  .product {
    position: relative;
    background: white;
    display: block;
    width: 200px;
    height: 285px;
    margin: 10px;
    padding: 10px;
    text-decoration: none;
    color: black;
  }
  /* line 616, app/assets/stylesheets/v2/home/catalog.scss */
  .product-image {
    width: 200px;
    height: 200px;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  /* line 623, app/assets/stylesheets/v2/home/catalog.scss */
  .product-image img {
    max-width: 100%;
    max-height: 100%;
    text-align: center;
  }
  /* line 630, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info {
    margin: 5px;
  }
  /* line 633, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  /* line 639, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-shop {
    line-height: 30px;
    height: 30px;
    font-size: 0.8em;
  }
  /* line 644, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-shop img {
    height: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
  }
  /* line 652, app/assets/stylesheets/v2/home/catalog.scss */
  .product-info-price {
    position: absolute;
    right: 5px;
    bottom: 10px;
    text-align: right;
    color: #fe5a0a;
  }
  /* line 661, app/assets/stylesheets/v2/home/catalog.scss */
  .product:hover {
    box-shadow: 0px 0px 5px 3px #cecece;
  }
  /* line 666, app/assets/stylesheets/v2/home/catalog.scss */
  #orange {
    background: orange;
  }
  /* line 670, app/assets/stylesheets/v2/home/catalog.scss */
  #melon {
    background: #339441;
  }
  /* line 674, app/assets/stylesheets/v2/home/catalog.scss */
  #beta {
    background: #fe00ba;
  }
  /* line 678, app/assets/stylesheets/v2/home/catalog.scss */
  #fromagee {
    background: #6acbc4;
  }
}

@media (max-width: 9999px) {
  /* line 4, app/assets/stylesheets/v2/home/member.scss */
  .staff {
    max-width: 80%;
    margin: auto;
    padding: 0 30px 20px;
  }
  /* line 9, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
  }
  /* line 15, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member {
    width: 250px;
    height: 130px;
    margin: 20px 8px;
    border-radius: 10px;
    overflow: hidden;
    background: black;
    position: relative;
  }
  /* line 24, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.6;
  }
  /* line 31, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.76);
  }
  /* line 35, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-name {
    position: absolute;
    color: #ffffff;
    top: 3%;
    left: 10%;
    font-weight: bold;
  }
  /* line 41, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-name p {
    font-weight: normal;
    font-size: 0.8em;
  }
  /* line 47, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-job {
    position: absolute;
    color: #ffffff;
    bottom: 3%;
    left: 10%;
    font-weight: bold;
  }
  /* line 53, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-job p {
    font-weight: normal;
    font-size: 0.8em;
  }
  /* line 60, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .staff-name {
    text-align: center;
    font-size: 12px;
    margin-top: 4px;
  }
}

@media (max-width: 1024px) {
  /* line 4, app/assets/stylesheets/v2/home/member.scss */
  .staff {
    max-width: 80%;
    margin: auto;
    padding: 0 30px 20px;
  }
  /* line 9, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
  }
  /* line 15, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member {
    width: 250px;
    height: 130px;
    margin: 20px 8px;
    border-radius: 10px;
    overflow: hidden;
    background: black;
    position: relative;
  }
  /* line 24, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.6;
  }
  /* line 31, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.76);
  }
  /* line 35, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-name {
    position: absolute;
    color: #ffffff;
    top: 3%;
    left: 10%;
    font-weight: bold;
  }
  /* line 41, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-name p {
    font-weight: normal;
    font-size: 0.8em;
  }
  /* line 47, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-job {
    position: absolute;
    color: #ffffff;
    bottom: 3%;
    left: 10%;
    font-weight: bold;
  }
  /* line 53, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-job p {
    font-weight: normal;
    font-size: 0.8em;
  }
  /* line 60, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .staff-name {
    text-align: center;
    font-size: 12px;
    margin-top: 4px;
  }
}

@media (max-width: 769px) {
  /* line 4, app/assets/stylesheets/v2/home/member.scss */
  .staff {
    max-width: 80%;
    margin: auto;
    padding: 0 30px 20px;
  }
  /* line 9, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
  }
  /* line 15, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member {
    width: 250px;
    height: 130px;
    margin: 20px 8px;
    border-radius: 10px;
    overflow: hidden;
    background: black;
    position: relative;
  }
  /* line 24, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.6;
  }
  /* line 31, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.76);
  }
  /* line 35, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-name {
    position: absolute;
    color: #ffffff;
    top: 3%;
    left: 10%;
    font-weight: bold;
  }
  /* line 41, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-name p {
    font-weight: normal;
    font-size: 0.8em;
  }
  /* line 47, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-job {
    position: absolute;
    color: #ffffff;
    bottom: 3%;
    left: 10%;
    font-weight: bold;
  }
  /* line 53, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .member-job p {
    font-weight: normal;
    font-size: 0.8em;
  }
  /* line 60, app/assets/stylesheets/v2/home/member.scss */
  .staff .staff-row .staff-name {
    text-align: center;
    font-size: 12px;
    margin-top: 4px;
  }
}

@media (max-width: 9999px) {
  /* line 5, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit {
    width: 50%;
    margin: 30px auto;
  }
  /* line 8, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-parent {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: auto;
  }
  /* line 16, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-title {
    font-size: 1.2em;
    text-align: center;
    margin: auto;
    font-weight: bold;
  }
  /* line 22, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-img {
    text-align: center;
    margin: 10px auto;
    height: 200px;
  }
  /* line 26, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-img img {
    margin: auto;
    display: block;
    height: 100%;
  }
  /* line 32, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-links {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: auto;
  }
  /* line 37, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-links a {
    font-size: 0.8em;
    display: block;
  }
}

@media (max-width: 1024px) {
  /* line 5, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit {
    width: 50%;
    margin: 30px auto;
  }
  /* line 8, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-parent {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: auto;
  }
  /* line 16, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-title {
    font-size: 1.2em;
    text-align: center;
    margin: auto;
    font-weight: bold;
  }
  /* line 22, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-img {
    text-align: center;
    margin: 10px auto;
    height: 200px;
  }
  /* line 26, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-img img {
    margin: auto;
    display: block;
    height: 100%;
  }
  /* line 32, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-links {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: auto;
  }
  /* line 37, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-links a {
    font-size: 0.8em;
    display: block;
  }
}

@media (max-width: 769px) {
  /* line 5, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit {
    width: 100%;
    margin: 30px auto;
  }
  /* line 8, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-parent {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: auto;
  }
  /* line 16, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-title {
    font-size: 1.2em;
    text-align: center;
    margin: auto;
    font-weight: bold;
  }
  /* line 22, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-img {
    text-align: center;
    margin: 10px auto;
    height: 150px;
  }
  /* line 26, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-img img {
    margin: auto;
    display: block;
    height: 100%;
  }
  /* line 32, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-links {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: auto;
  }
  /* line 37, app/assets/stylesheets/v2/home/fankit.scss */
  .fankit-links a {
    font-size: 0.8em;
    display: block;
  }
}

@media (max-width: 9999px) {
  /* line 15, app/assets/stylesheets/v2/mypage.scss */
  #selected input {
    background: #ffebe6;
  }
  /* line 20, app/assets/stylesheets/v2/mypage.scss */
  .change-page {
    width: 100%;
  }
  /* line 25, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column {
    margin: 15px auto;
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  /* line 30, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left {
    margin: 0 auto;
    width: 20%;
  }
  /* line 33, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul {
    margin: 0;
    padding: 0 0 0 30px;
    list-style: none;
  }
  /* line 37, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul li {
    margin: 5px 0;
  }
  /* line 39, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul li form {
    width: auto;
    height: 40px;
    margin: 0;
  }
  /* line 43, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul li form input {
    border: none;
    background: white;
    border-radius: 5px;
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.34));
    height: 100%;
    margin: 0;
    font-family: 'RocknRoll One', sans-serif;
  }
  /* line 57, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right {
    margin: 0 auto;
    width: 77.5%;
    background: rgba(255, 255, 255, 0.89);
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.11));
  }
  /* line 63, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content {
    margin: 30px;
  }
  /* line 66, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-headline {
    padding: 5px 15px;
    border-bottom: #666666 solid 1px;
  }
  /* line 73, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-desc-status table th, .mypage-column-right .mypage-content-desc-status table td {
    min-width: 200px;
    max-width: 100%;
    text-align: left;
    vertical-align: middle;
    display: flex;
    align-items: center;
    padding: 10px 10px;
    justify-content: space-between;
  }
  /* line 82, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-desc-status table th img, .mypage-column-right .mypage-content-desc-status table td img {
    display: block;
    width: 100%;
  }
  /* line 89, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-desc-center {
    padding: 30px 0;
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 100, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row {
    display: flex;
    justify-content: center;
    margin: 0 auto 50px auto;
  }
  /* line 105, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row .desc-image {
    width: 45%;
  }
  /* line 108, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row .desc-image img {
    width: 100%;
  }
  /* line 112, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row .mypage-desc {
    width: 53%;
    margin: 0 5px;
  }
  /* line 117, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content h4 {
    background-color: #242424;
    text-align: center;
    color: #242424;
    padding: 10px;
    margin: 10px auto;
  }
  /* line 125, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .desc {
    margin: 30px auto;
  }
  /* line 127, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .desc img {
    display: block;
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 300px;
    margin: 30px auto 30px 30px;
  }
  /* line 136, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content a {
    color: #5041b4;
    background: transparent;
  }
  /* line 139, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content a:hover {
    opacity: 0.5;
  }
  /* line 143, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-info {
    margin: 30px 10px;
  }
  /* line 149, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items .button-default {
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 0.5rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #343434;
    background: #ff9442;
    border-radius: 0.5rem;
  }
  /* line 170, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items .button-default:hover {
    color: #fff;
    background: #ff5252;
  }
  /* line 177, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .thumbnail-image {
    width: 160px;
    height: 160px;
  }
  /* line 183, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items dl dt {
    text-align: left;
  }
  /* line 186, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items dl dd {
    text-align: left;
  }
  /* line 191, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .button-close {
    font-size: 100%;
    /*ボタンの大きさ*/
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #999;
    color: #999;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 1.3em;
    line-height: 1.3em;
    cursor: pointer;
    transition: .2s;
  }
  /* line 206, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .button-close:hover {
    background: #E33;
    border-color: #333;
    color: #FFF;
  }
  /* line 215, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share {
    display: flex;
    justify-content: center;
    margin: 1.0em auto;
    width: 100%;
  }
  /* line 220, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a {
    margin: 0 1.0em;
    display: block;
    text-align: center;
    width: 50%;
    text-decoration: none !important;
    color: #343434 !important;
    text-underline: none !important;
  }
  /* line 228, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a:link {
    text-decoration: none !important;
    color: #343434 !important;
    text-underline: none !important;
  }
  /* line 233, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a:visited {
    text-decoration: none !important;
    color: #343434 !important;
    text-underline: none !important;
  }
  /* line 238, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a p {
    display: block;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
  }
  /* line 245, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a img {
    width: 60%;
    display: block;
    margin: 0 auto;
  }
  /* line 254, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker {
    width: 80%;
    margin: auto;
  }
  /* line 257, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker form {
    margin: 30px auto;
  }
  /* line 260, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-desc {
    margin: 30px auto;
  }
  /* line 263, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form {
    margin: 10px 0;
  }
  /* line 265, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form select {
    padding: 5px;
  }
  /* line 268, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form input {
    padding: 5px;
  }
  /* line 271, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form input[type="text"] {
    width: 60%;
  }
  /* line 275, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button {
    display: flex;
    width: 100%;
  }
  /* line 278, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button div {
    width: 20%;
    margin: 0 10px;
  }
  /* line 283, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-submit input {
    display: block;
    margin: 0;
    width: 100%;
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#ff5252, #ff9442);
    border: 1px solid white;
    font-size: 1.0em;
  }
  /* line 294, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-submit input:hover {
    opacity: 0.7;
  }
  /* line 299, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-change {
    width: 25% !important;
  }
  /* line 301, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-change input {
    display: block;
    margin: 0;
    width: 100%;
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#2cc634, #29dcbe);
    border: 1px solid white;
    font-size: 1.0em;
  }
  /* line 312, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-change input:hover {
    opacity: 0.7;
  }
  /* line 318, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-delete a {
    text-align: center;
    display: block;
    margin: 0;
    width: 100%;
    color: white !important;
    text-decoration: none !important;
    padding: 10px 0px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#ad0d0d, #d04343) !important;
    border: 1px solid white;
    font-size: 1.0em;
  }
  /* line 331, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-delete a:hover {
    opacity: 0.7;
  }
  /* line 337, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-line {
    content: "";
    margin: 40px 0;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.55);
  }
  /* line 343, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card {
    width: 100%;
    margin: 20px auto;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);
    display: flex;
    border: 1px solid #ff9442;
    position: relative;
    flex-direction: row;
    align-items: center;
    padding: 0 0;
  }
  /* line 354, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-left {
    display: flex;
    margin: 3%;
    width: 25%;
    height: 0;
    padding-top: 25%;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
  }
  /* line 363, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 372, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right {
    margin: 3%;
    width: 63%;
  }
  /* line 376, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-circle {
    color: #ff5252 !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.0em !important;
  }
  /* line 381, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-circle a {
    color: #ff5252 !important;
  }
  /* line 383, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-circle a:visited {
    color: #ff5252 !important;
  }
  /* line 388, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-text {
    font-size: 0.8em;
    font-weight: bold;
    display: flex;
    flex-direction: row;
  }
  /* line 393, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-text p {
    margin: 3px 5px;
    display: block;
  }
  /* line 399, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-share {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
  }
  /* line 405, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-share a img {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  /* line 15, app/assets/stylesheets/v2/mypage.scss */
  #selected input {
    background: #ffebe6;
  }
  /* line 20, app/assets/stylesheets/v2/mypage.scss */
  .change-page {
    width: 100%;
  }
  /* line 25, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column {
    margin: 15px auto;
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  /* line 30, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left {
    margin: 0 auto;
    width: 20%;
  }
  /* line 33, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul {
    margin: 0;
    padding: 0 0 0 30px;
    list-style: none;
  }
  /* line 37, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul li {
    margin: 5px 0;
  }
  /* line 39, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul li form {
    width: auto;
    height: 40px;
    margin: 0;
  }
  /* line 43, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul li form input {
    border: none;
    background: white;
    border-radius: 5px;
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.34));
    height: 100%;
    margin: 0;
    font-family: 'RocknRoll One', sans-serif;
  }
  /* line 57, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right {
    margin: 0 auto;
    width: 77.5%;
    background: rgba(255, 255, 255, 0.89);
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.11));
  }
  /* line 63, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content {
    margin: 30px;
  }
  /* line 66, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-headline {
    padding: 5px 15px;
    border-bottom: #666666 solid 1px;
  }
  /* line 73, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-desc-status table th, .mypage-column-right .mypage-content-desc-status table td {
    min-width: 200px;
    max-width: 100%;
    text-align: left;
    vertical-align: middle;
    display: flex;
    align-items: center;
    padding: 10px 10px;
    justify-content: space-between;
  }
  /* line 82, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-desc-status table th img, .mypage-column-right .mypage-content-desc-status table td img {
    display: block;
    width: 100%;
  }
  /* line 89, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-desc-center {
    padding: 30px 0;
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 100, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row {
    display: flex;
    justify-content: center;
    margin: 0 auto 50px auto;
  }
  /* line 105, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row .desc-image {
    width: 45%;
  }
  /* line 108, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row .desc-image img {
    width: 100%;
  }
  /* line 112, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row .mypage-desc {
    width: 53%;
    margin: 0 5px;
  }
  /* line 117, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content h4 {
    background-color: #242424;
    text-align: center;
    color: #242424;
    padding: 10px;
    margin: 10px auto;
  }
  /* line 125, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .desc {
    margin: 30px auto;
  }
  /* line 127, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .desc img {
    display: block;
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 300px;
    margin: 30px auto 30px 30px;
  }
  /* line 136, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content a {
    color: #5041b4;
    background: transparent;
  }
  /* line 139, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content a:hover {
    opacity: 0.5;
  }
  /* line 143, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-info {
    margin: 30px 10px;
  }
  /* line 149, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items .button-default {
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 0.5rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #343434;
    background: #ff9442;
    border-radius: 0.5rem;
  }
  /* line 170, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items .button-default:hover {
    color: #fff;
    background: #ff5252;
  }
  /* line 177, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .thumbnail-image {
    width: 160px;
    height: 160px;
  }
  /* line 183, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items dl dt {
    text-align: left;
  }
  /* line 186, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items dl dd {
    text-align: left;
  }
  /* line 191, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .button-close {
    font-size: 100%;
    /*ボタンの大きさ*/
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #999;
    color: #999;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 1.3em;
    line-height: 1.3em;
    cursor: pointer;
    transition: .2s;
  }
  /* line 206, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .button-close:hover {
    background: #E33;
    border-color: #333;
    color: #FFF;
  }
  /* line 215, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share {
    display: flex;
    justify-content: center;
    margin: 1.0em auto;
    width: 100%;
  }
  /* line 220, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a {
    margin: 0 1.0em;
    display: block;
    text-align: center;
    width: 50%;
    text-decoration: none !important;
    color: #343434 !important;
    text-underline: none !important;
  }
  /* line 228, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a:link {
    text-decoration: none !important;
    color: #343434 !important;
    text-underline: none !important;
  }
  /* line 233, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a:visited {
    text-decoration: none !important;
    color: #343434 !important;
    text-underline: none !important;
  }
  /* line 238, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a p {
    display: block;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
  }
  /* line 245, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a img {
    width: 60%;
    display: block;
    margin: 0 auto;
  }
  /* line 254, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker {
    width: 80%;
    margin: auto;
  }
  /* line 257, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker form {
    margin: 30px auto;
  }
  /* line 260, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-desc {
    margin: 30px auto;
  }
  /* line 263, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form {
    margin: 10px 0;
  }
  /* line 265, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form select {
    padding: 5px;
  }
  /* line 268, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form input {
    padding: 5px;
  }
  /* line 271, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form input[type="text"] {
    width: 60%;
  }
  /* line 275, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button {
    display: flex;
    width: 100%;
  }
  /* line 278, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button div {
    width: 20%;
    margin: 0 10px;
  }
  /* line 283, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-submit input {
    display: block;
    margin: 0;
    width: 100%;
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#ff5252, #ff9442);
    border: 1px solid white;
    font-size: 1.0em;
  }
  /* line 294, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-submit input:hover {
    opacity: 0.7;
  }
  /* line 299, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-change {
    width: 25% !important;
  }
  /* line 301, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-change input {
    display: block;
    margin: 0;
    width: 100%;
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#2cc634, #29dcbe);
    border: 1px solid white;
    font-size: 1.0em;
  }
  /* line 312, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-change input:hover {
    opacity: 0.7;
  }
  /* line 318, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-delete a {
    text-align: center;
    display: block;
    margin: 0;
    width: 100%;
    color: white !important;
    text-decoration: none !important;
    padding: 10px 0px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#ad0d0d, #d04343) !important;
    border: 1px solid white;
    font-size: 1.0em;
  }
  /* line 331, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-delete a:hover {
    opacity: 0.7;
  }
  /* line 337, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-line {
    content: "";
    margin: 40px 0;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.55);
  }
  /* line 343, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card {
    width: 100%;
    margin: 20px auto;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);
    display: flex;
    border: 1px solid #ff9442;
    position: relative;
    flex-direction: row;
    align-items: center;
    padding: 0 0;
  }
  /* line 354, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-left {
    display: flex;
    margin: 3%;
    width: 25%;
    height: 0;
    padding-top: 25%;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
  }
  /* line 363, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 372, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right {
    margin: 3%;
    width: 63%;
  }
  /* line 376, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-circle {
    color: #ff5252 !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.0em !important;
  }
  /* line 381, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-circle a {
    color: #ff5252 !important;
  }
  /* line 383, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-circle a:visited {
    color: #ff5252 !important;
  }
  /* line 388, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-text {
    font-size: 0.8em;
    font-weight: bold;
    display: flex;
    flex-direction: row;
  }
  /* line 393, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-text p {
    margin: 3px 5px;
    display: block;
  }
  /* line 399, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-share {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
  }
  /* line 405, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-share a img {
    width: 100%;
  }
}

@media (max-width: 769px) {
  /* line 15, app/assets/stylesheets/v2/mypage.scss */
  #selected input {
    background: #ffebe6;
  }
  /* line 20, app/assets/stylesheets/v2/mypage.scss */
  .change-page {
    width: 100%;
  }
  /* line 25, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column {
    margin: 15px auto;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  /* line 30, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left {
    margin: 0 auto;
    width: 90%;
  }
  /* line 33, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul {
    margin: 0;
    padding: 0 0 0 0;
    list-style: none;
  }
  /* line 37, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul li {
    margin: 5px 0;
  }
  /* line 39, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul li form {
    width: auto;
    height: 40px;
    margin: 0;
  }
  /* line 43, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-left ul li form input {
    border: none;
    background: white;
    border-radius: 5px;
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.34));
    height: 100%;
    margin: 0;
    font-family: 'RocknRoll One', sans-serif;
  }
  /* line 57, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right {
    margin: 0 auto;
    width: 90%;
    background: rgba(255, 255, 255, 0.89);
    filter: drop-shadow(0em 0em 0.2em rgba(0, 0, 0, 0.11));
  }
  /* line 63, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content {
    margin: 0;
  }
  /* line 66, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-headline {
    padding: 5px 15px;
    border-bottom: #666666 solid 1px;
  }
  /* line 73, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-desc-status table th, .mypage-column-right .mypage-content-desc-status table td {
    min-width: 0;
    max-width: 100%;
    text-align: left;
    vertical-align: middle;
    display: flex;
    align-items: center;
    padding: 10px 10px;
    justify-content: space-between;
  }
  /* line 82, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-desc-status table th img, .mypage-column-right .mypage-content-desc-status table td img {
    display: block;
    width: 100%;
  }
  /* line 89, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-desc-center {
    padding: 30px 0;
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 100, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row {
    display: flex;
    justify-content: center;
    margin: 0 auto 50px auto;
  }
  /* line 105, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row .desc-image {
    width: 45%;
  }
  /* line 108, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row .desc-image img {
    width: 100%;
  }
  /* line 112, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .mypage-row .mypage-desc {
    width: 53%;
    margin: 0 5px;
  }
  /* line 117, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content h4 {
    background-color: #242424;
    text-align: center;
    color: #242424;
    padding: 10px;
    margin: 10px auto;
  }
  /* line 125, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .desc {
    margin: 0 auto;
  }
  /* line 127, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content .desc img {
    display: block;
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 300px;
    margin: 30px auto 30px 30px;
  }
  /* line 136, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content a {
    color: #5041b4;
    background: transparent;
  }
  /* line 139, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content a:hover {
    opacity: 0.5;
  }
  /* line 143, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .mypage-content-info {
    margin: 0 10px;
  }
  /* line 149, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items .button-default {
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 0.5rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #343434;
    background: #ff9442;
    border-radius: 0.5rem;
  }
  /* line 170, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items .button-default:hover {
    color: #fff;
    background: #ff5252;
  }
  /* line 177, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .thumbnail-image {
    width: 160px;
    height: 160px;
  }
  /* line 183, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items dl dt {
    text-align: left;
  }
  /* line 186, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .form-circle-items dl dd {
    text-align: left;
  }
  /* line 191, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .button-close {
    font-size: 100%;
    /*ボタンの大きさ*/
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #999;
    color: #999;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 1.3em;
    line-height: 1.3em;
    cursor: pointer;
    transition: .2s;
  }
  /* line 206, app/assets/stylesheets/v2/mypage.scss */
  .mypage-column-right .button-close:hover {
    background: #E33;
    border-color: #333;
    color: #FFF;
  }
  /* line 215, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share {
    display: flex;
    justify-content: center;
    margin: 1.0em auto;
    width: 100%;
  }
  /* line 220, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a {
    margin: 0 1.0em;
    display: block;
    text-align: center;
    width: 50%;
    text-decoration: none !important;
    color: #343434 !important;
    text-underline: none !important;
  }
  /* line 228, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a:link {
    text-decoration: none !important;
    color: #343434 !important;
    text-underline: none !important;
  }
  /* line 233, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a:visited {
    text-decoration: none !important;
    color: #343434 !important;
    text-underline: none !important;
  }
  /* line 238, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a p {
    display: block;
    margin: 0 auto;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
  }
  /* line 245, app/assets/stylesheets/v2/mypage.scss */
  .mypage-share a img {
    width: 60%;
    display: block;
    margin: 0 auto;
  }
  /* line 254, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker {
    width: 80%;
    margin: auto;
  }
  /* line 257, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker form {
    margin: 30px auto;
  }
  /* line 260, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-desc {
    margin: 30px auto;
  }
  /* line 263, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form {
    margin: 10px 0;
  }
  /* line 265, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form select {
    padding: 5px;
  }
  /* line 268, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form input {
    padding: 5px;
  }
  /* line 271, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-form input[type="text"] {
    width: 60%;
  }
  /* line 275, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button {
    display: flex;
    width: 100%;
  }
  /* line 278, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button div {
    width: 20%;
    margin: 0 10px;
  }
  /* line 283, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-submit input {
    display: block;
    margin: 0;
    width: 100%;
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#ff5252, #ff9442);
    border: 1px solid white;
    font-size: 1.0em;
  }
  /* line 294, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-submit input:hover {
    opacity: 0.7;
  }
  /* line 299, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-change {
    width: 25% !important;
  }
  /* line 301, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-change input {
    display: block;
    margin: 0;
    width: 100%;
    color: white;
    padding: 10px 10px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#2cc634, #29dcbe);
    border: 1px solid white;
    font-size: 1.0em;
  }
  /* line 312, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-change input:hover {
    opacity: 0.7;
  }
  /* line 318, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-delete a {
    text-align: center;
    display: block;
    margin: 0;
    width: 100%;
    color: white !important;
    text-decoration: none !important;
    padding: 10px 0px;
    border-radius: 10px;
    font-weight: bold;
    background: linear-gradient(#ad0d0d, #d04343) !important;
    border: 1px solid white;
    font-size: 1.0em;
  }
  /* line 331, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-button-delete a:hover {
    opacity: 0.7;
  }
  /* line 337, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-line {
    content: "";
    margin: 40px 0;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.55);
  }
  /* line 343, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card {
    width: 100%;
    margin: 20px auto;
    background: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.42);
    display: flex;
    border: 1px solid #ff9442;
    position: relative;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
  }
  /* line 354, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-left {
    display: flex;
    margin: 3%;
    width: 60%;
    height: 0;
    padding-top: 60%;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
  }
  /* line 363, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 372, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right {
    margin: 3%;
    width: 60%;
  }
  /* line 376, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-circle {
    color: #ff5252 !important;
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.0em !important;
  }
  /* line 381, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-circle a {
    color: #ff5252 !important;
  }
  /* line 383, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-circle a:visited {
    color: #ff5252 !important;
  }
  /* line 388, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-text {
    font-size: 0.8em;
    font-weight: bold;
    display: flex;
    flex-direction: row;
  }
  /* line 393, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-right-text p {
    margin: 3px 5px;
    display: block;
  }
  /* line 399, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-share {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
  }
  /* line 405, app/assets/stylesheets/v2/mypage.scss */
  .content-sticker-card-share a img {
    width: 100%;
  }
}

/* line 2, app/assets/stylesheets/v2/management.scss */
.user-icon {
  text-align: center;
}

/* line 4, app/assets/stylesheets/v2/management.scss */
.user-icon img {
  margin: auto;
  width: 200px;
}

/* line 9, app/assets/stylesheets/v2/management.scss */
.user-content {
  border: #2E2F30 1px solid;
  border-radius: 10px;
  overflow: hidden;
  margin: 10px auto;
  width: 90%;
  text-align: center;
}

/* line 16, app/assets/stylesheets/v2/management.scss */
.user-content-first {
  background: #242424;
  color: white;
}

/* line 20, app/assets/stylesheets/v2/management.scss */
.user-content div {
  padding: 10px;
}