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

body {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    background-image: url(../images/common/main/bingo_bg.png);
    background-repeat: repeat;
    /* font-family: 'rounded-x-mplus-2p'; */
}

main {
    flex: 1;
    justify-content: center;
}

.content_private {
    display: initial !important;
    padding: 6.777vw 9.259vw 16.185vw !important;
}

.text_of_privatemode{
    width: 100%;
    height: 83%;
    overflow-y: scroll;
    white-space: pre-line;
    margin-top: -5%;
    text-align: left;
}

.modal-button-close-privatelink {
    width: 100%;
    /* justify-content: center; */
    justify-content: flex-end;
    display: flex;
    /* margin-top: 5%; */
}

.modal-button-close-privatelink button {
    position: initial;
    /* height: 10vh; */
    margin-top: 1px;
    padding: 0px;
    right: auto;
    /* width: 35vw; */
    display: inline-block;
    font-size: 23px;
    width: 10%;
    /* padding-top:3%; */
}

.border_around{
    border: 2px solid #b6b6b6;
}

.space_margin{
    margin-bottom: 3%;
}


.content_rule {
    display: initial !important;
    padding: 6.777vw 9.259vw 16.185vw !important;
}

.privatemode_link {
    width: 100%;
    white-space: break-spaces;
    /* margin-top: -5%; */
    text-align: left;
    color: red;
}

.agree_of_rule {
    width: 100%;
    height: 74%;
    overflow-y: scroll;
    white-space: break-spaces;
    margin-top: -5%;
    text-align: left;
}

#agree_check {
    margin: 5% 2% 6%;
    position: relative;
    top: 2px;
}

#top-page main {
    text-align: center;
}

#top-page main h1 {
    font-size: 5.6vw;
    margin: 2.777vw 0 0;
    color: rgb(236, 89, 114);
    font-weight: 600;
    line-height: 1.5;
    text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}

#top-page main .venue {
    font-size: 4.3vw;
    font-weight: normal;
    margin-bottom: 1.851vw;
}

#top-page main .term {
    font-size: 4.3vw;
    margin-bottom: 1.851vw;
}

#top-page main h2 {
    font-size: 4.3vw;
    margin-bottom: 3.703vw;
    margin-top: -1.7vw;
    font-weight: 600;
}

#top-page main .desc {
    font-size: 3.7vw;
    margin: 5% 3% 20%;
}

.sizuku {
    animation: sizuku 0.5s linear 0s;
    border-radius: 50%;
    border: 4px solid #f88441;
    position: absolute;
    z-index: 1000;
}

@keyframes sizuku {
    0% {
        height: 0;
        opacity: 1;
        transform: translate(0, 0);
        width: 0;
    }
    100% {
        height: 100px;
        /*蜀��鬮倥＆蟷��譛€螟ｧ蛟､*/
        opacity: 0;
        transform: translate(-50px, -50px);
        /*鬮倥＆縺ｮ蜊雁�縺ｮ蛟､縺ｫ縺吶ｋ*/
        width: 100px;
        /*蝓ｺ譛ｬ鬮倥＆縺ｨ蜷医ｏ縺帙ｋ*/
    }
}

.desc {
    padding: 0 10%;
}

hr {
    border: none;
    border-top: 1px solid rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    margin: 10px;
}

button:focus {
    outline: initial !important; 
    outline: none !important; 
}