@charset "UTF-8";
/* @font-face {
    font-family: 'rounded-x-mplus-2p';
    src: url(../public/fonts/rounded-x-mplus-2p-medium.ttf) format('truetype');
} */


[v-cloak] {
    display: none;
  }

/* モーダル全体 */
.overlay {
    /* 要素を重ねた時の順番 */
    z-index: 1;
    /* 画面全体を覆う設定 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* 画面の中央に要素を表示させる設定 */
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-family: 'rounded-x-mplus-2p'; */
}

/* モーダル本体 */
.content {
    z-index: 2;
    width: 86.574vw;
    height: 109.351vw;
    padding: 27.777vw 9.259vw 12.185vw;
    background: url(../images/common/main/popup.png) no-repeat center/contain;
    text-align: center;
    font-size: 4.629vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content2 {
    z-index: 2;
    width: 93vw;
    height: 130vw;
    padding: 22vw 1.2vw 0vw 2.5vw;
    text-align: center;
    font-size: 4.629vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.content3 {
    z-index: 2;
    width: 86.574vw;
    height: 109.351vw;
    background: url(../images/common/main/popup.png) no-repeat center/contain;
    text-align: center;
    font-size: 4.629vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* モーダル内テキスト */
.modal-text {
    white-space: pre-wrap;
    font-size: 3.703vw;
    width: 100%;
    height: 93%;
}

.modal-text .big_private {
    font-size: 4vw;
    margin: 0 -5%;
    margin-top: -5%;
}

.modal-text .big {
    font-size: 5vw;
    margin-top: -5%;
}

/* モーダル内ボタン */
.modal-button-yes-no {
    display: flex;
    gap: 15%;
}

.modal-button-yes-no-img {
    width: 100%;
}

/* 開催期間外 */
.modal-button-close img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-left: 0;
    margin: 0 auto;
}

/* ポケモン図鑑リンク */

/* クリア確認 */

/* TODO: 獲得画面モーダル 現在不使用 */
.content-get {
    z-index: 2;
    width: 90%;
    height: auto;
    padding: 1em;
    background: transparent;
}

.modal-button-get button {
    width: 20%;
    padding: 10px;
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: initial !important;
}