.header_pc .menu_block a.pc_menu_3{
    color: #0e648c;
}

.page_top_img{
    background-image: url(../images/event/top_img_20220110.jpg);
    background-size: cover;
    background-position: center 90%;
}



.event_list_block{
    background: #ebf8fe;
    font-size: 0;
    padding: 60px 0;
}

.event_list_block .one_block{
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 48%;
    text-decoration: none;
    margin: 20px 0;
}
.event_list_block .one_block:hover{
    opacity: 0.8;
}
.event_list_block .one_block:nth-child(odd){
    margin-right: 4%;
}

.event_list_block .one_block .img_block{
    width: 100%;
    height: 200px;
    position: relative;
}

.event_list_block .one_block .img_block .genre{
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 14px;
    width: 4.5em;
    height:4.5em;
    border-radius: 50%;
    opacity: 0.9;
    line-height: 4.5em;
    text-align: center;
}
.event_list_block .one_block .img_block .genre.kikakuten{
    background: #00a900;
    color: #fff;
    font-weight: bold;
    border: 2px #fff solid;
}
.event_list_block .one_block .img_block .genre.event{
    background: #fff;
    color: #0b880b;
    font-weight: bold;
    border: 2px #00a900 solid;
}

.event_list_block .one_block .text_block{
    background: #fff;
    position: relative;
    padding: 10px;
}

.event_list_block .one_block .text_block .how{
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 7.5em;
    padding: 2px 0;
    border-radius: 5px;
}
.event_list_block .one_block .text_block .how.new{background: #e6b304;}
.event_list_block .one_block .text_block .how.now{background: #0e94d3;}
.event_list_block .one_block .text_block .how.end{background: #848484;}

.event_list_block .one_block .text_block .date{
    position: absolute;
    color: #666;
    font-size: 14px;
    right: 7px;
    top: 10px;
}

.event_list_block .one_block .text_block .text{
    margin-top: 10px;
    color: #000;
}








/*ここから詳細ページ*/
.event_list_block .content{
    position: relative;
    /*margin-top: 60px;*/
    background: #fff;
    font-size: 16px;
    padding: 40px 100px;
    box-sizing: border-box;
}
.event_list_block .content img{
    width: 60%;
}
.event_list_block .content .date{
    position: absolute;
    color: #666;
    font-size: 14px;
    text-align: right;
    right: 10px;
    top: 10px;
}
.event_list_block .term{
    margin: 10px auto;
    font-size: 20px;
    font-weight: bolder;
    color: #1980af;
}
.event_list_block .form {
    padding: 0 0 60px 0;
    text-align: center;
}
.event_list_block .form .go_form{
    background: #ffa800;
    border: 4px solid #dc9100;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0;
    width: 13em;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
}








@media all and (max-width: 768px) {
            .event_list_block{
                /*background: #ebf8fe;*/
                /*font-size: 0;*/
                padding: 30px 0;
            }

            .event_list_block .one_block{
                font-size: 3.5vw;
                display: block;
                /*vertical-align: top;*/
                width: 100%;
                /*text-decoration: none;*/
                margin: 30px 0;
            }
/*            .event_list_block .one_block:hover{
                opacity: 0.8;
            }*/
            .event_list_block .one_block:nth-child(odd){
                margin-right: 0;
            }

            .event_list_block .one_block .img_block .genre{
                font-size: 3.2vw;
            }
            .event_list_block .one_block .text_block .how{
                font-size: 3.2vw;
            }
            .event_list_block .one_block .text_block .date{
                font-size: 3.2vw;
            }









            /*ここから詳細ページ*/
            .event_list_block .content{
                /*margin-top: 40px;*/
                /*background: #fff;*/
                font-size: 3.5vw;
                padding: 20px 10px;
                /*box-sizing: border-box;*/
            }
            .event_list_block .content img{
                width: 100%;
            }
            .event_list_block .term{
                font-size: 16px;
                text-align: center;
            }
            .event_list_block .content .date{
                position: relative;
                top: -10px;
                margin-bottom: 16px;
            }
}