.displayMain{
    width: 100%;

}
.eventTitle{
    display: flex;
    width: 100%;
    height: 25vh;
    align-items: center;
    background-color: #b8b8b8;
}
.eventTitle div{
    width: 50%;
    margin: auto;
}
.eventTitle div h2{
    font-size: 2.7rem;
}
.eventTitle div h3{
    font-size: 1.4rem;
}
.mainItem{
    width: 50%;
    margin: auto;
}
.mainItem .category{
    display: inline-flex;
    min-width: 80px;
    height: 30px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    background-color: #333;
    color: #fff;
}
.mainItem .category p{
    padding-left: 20px;
    padding-right: 20px;
}
.mainItem .mainItem_title{
    width: 100%;
}
.mainItem .mainItem_title h2{
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 1.8rem;
}
.mainItem .image{
    width: 100%;
    margin: auto;
}
.mainItem .image img{
    width: 100%;
    height: "";
    object-fit: cover;
    margin: auto;
    cursor: pointer;
}
.topDate{
    padding-top: 15px;
}
.mainContent.heading{
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #222;
    font-size: 1.5rem;
}
.mainContent.text{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}
.mainContent.image{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: auto;
}
.mainContent.image img{
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}
.mainItem .eventInformation{
    width: 100%;
    height: "";
    margin-top: 30px;
    background-color: #d9d9d9;
}
.mainItem .eventInformation .space{
    padding: 20px;
}
.mainItem .eventInformation .space p{
    padding-top: 2px;
    padding-bottom: 3px;
}
.registerBut{
    width: 250px;
    height: 55px;
    margin: auto;
    margin-top: 30px;
    background-color: rgb(0, 79, 0);
    transition: all 0.3s;
}
.registerBut:hover{
    background-color: rgb(8, 57, 8);
}
.registerBut a{
    display: block;
    width: 100%;
    height: 100%;
}
.registerBut a div{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.registerBut a div p{
    font-size: 1.1rem;
}
.be_place{
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.be_place a,
.be_place p{
    font-size: 0.9rem;
}
.be_place p{
    color: #333;
}
.be_place a{
    text-decoration: underline;
}
.be_place a:hover{
    color: #333;
    text-decoration: none;
}
.be_place .slash{
    padding-left: 10px;
    padding-right: 10px;
}
.registerBut.fixed{
    width: 55px;
    height: 150px;
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: rgb(0, 79, 0);
    transition: ease 0.3s;
    z-index: 1;
}
.registerBut.fixed:hover{
    background-color: rgb(8, 57, 8);
}
.registerBut.fixed a{
    display: block;
    width: 100%;
    height: 100%;
}
.registerBut.fixed a div{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    writing-mode: vertical-rl;
    color: #fff;
}
.registerBut.fixed a div p{
    font-size: 1rem;
}
#lightbox{
    display: none;
    width: 100%;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #222;
    z-index: 1;
}
#lightbox.open{
    display: flex;
}
#lightbox img{
    max-width: 80vw;
    max-height: 80vh;
    object-fit: cover;

}
#lightbox p{
    padding-top: 20px;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}
@media screen and (max-width:1025px){
    .eventTitle div,
    .mainItem{
        width: 70%;
    }
    .be_place .slash{
        padding-left: 3px;
        padding-right: 3px;
    }
    @media screen and (max-width:480px){
        .eventTitle div,
        .mainItem{
            width: 90%;
        } 
        .eventTitle div h2{
            font-size: 2.3rem;
        }
        .eventTitle div h3{
            font-size: 1.3rem;
        }
        .mainItem .mainItem_title h2{
            font-size: 1.6rem;
        }
        .mainContent.heading{
            font-size: 1.3rem;
        }
        .registerBut.fixed{
            display: none;
        }
    }
}
/*レスポンシブ対応済み　スマホ、タブレット*/