@charset "utf-8";

.modal_content_rireki{
    background: #fff;
    width: 85%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 6vw 0 6vw;
    border-radius: 6vw;
}

.rireki_text{
    font-size: 3.4vw;
    color: #76a2c2;
	font-weight:bold;
    line-height: 4.85vw;
    margin-bottom: 6vw;
}

.rireki_flex{
    display: flex;
    justify-content: space-between;
	margin-top: 3.5vw;
}

.rireki_flex:first-child{
	margin-top: 0vw;
}

.rireki_box{
    width: 47%;
    position: relative;
}

.rireki_imgbox{
	height: 35vw;
    position: relative;
}

.rireki_imgbox img {
    width: 40%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.rireki_name{
    font-size: 3.2vw;
    position: absolute;
    width: max-content;
    color: #f2a900;
	bottom: -5.1vw;
}

.rireki_number, .rireki_number2{
    width: 8vw;
    height: 8vw;
    border-radius: 40px;
    border: 0.2vw solid #76a2c2;
    position: absolute;
}

.rireki_number{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.rireki_number2{
    left: 50%;
    transform: translate(-50%, 10%);
}

.rireki_number p, .rireki_number2 p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: 4vw;
    color: #76a2c2;
	font-weight:bold;
}

.border{
    border: 0.2vw dashed #76a2c2;
    border-radius: 3.7vw;
}

.rireki_height{
    height: 100%;
}

.rireki_scroll{
    padding: 0 10vw;
}

.rireki_button{
    position: absolute;
    top: 5vw;
    right: 5vw;
    width: 8.5vw;
    height: 8.5vw;
    border: 0.4vw solid #ffffff;
    border-radius: 10vw;
}

.rireki_button:before{
    content: '';
    position: absolute;
    width: 4.5vw;
    height: 0.4vw;
    background-color: #ffffff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.rireki_button:after{
    content: '';
    position: absolute;
    width: 4.5vw;
    height: 0.4vw;
    background-color: #ffffff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
}

.rireki_bonus{
    position: absolute;
    top: 21%;
    left: 50%;
    transform: translate(-50%, 0);
    width: fit-content;
}

.rireki_bonus_text{
    font-size: 4.1vw;
	width: max-content;
    color: #76a2c2;
	font-weight:bold;
    line-height: 5.6vw;
}
.rireki_button:active {
	opacity: 0.6;
}







@media screen and (max-width:414px) {
}
@media screen and (max-width:375px) {
}
@media screen and (max-width:360px) {

}