/* 企画情報 */
  .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.event_box{
    background-color: #ffffff;
    text-align: center;
    box-shadow: 1px 1px 5px gray;
    margin: 1%;
    padding: 20px;
    border-radius: 10px; /* 丸みの半径を指定 */
    width: 70%;
    max-width: 430px;
}

@media screen and (min-width:768px){
    .event_box{
        width: 38%;
 }
} 

@media screen and (min-width:1100px){
    .event_box{
        width: 25%;
 }
} 


a:hover{
    opacity: 0.5;
}
.tenji,.sankagata,.stage,.happyou,.gakujutsu,.syutten{
    font-size: 12px;
    color: white;
    margin-right: 5px;
    border-radius: 5px;
    float: left;
}
.tenji{
    background-color: #ff61bf;
    width: 40px;
}
.sankagata{
    background-color: #59cf3b;
    width: 55px;
}
.stage{
    background-color: #f33d34;
    width: 65px;
}
.happyou{
    background-color: #b585ff;
    width: 40px;
}
.gakujutsu{
    background-color: #22c0eb;
    width: 40px;
}

.event_name{
    font-size: 16px;
    border-bottom: dashed 2px #465daa;
    height:100px;
}
.place{
    font-size: 13px;
    /* margin-top: 3px; */
    margin-bottom: 10px;
    height:30px;
}
.event_info{
    clear: both;
}

.img_sub {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    width: 90%;
    object-fit: cover;
    height: 300px;
    object-position: top; /* 縦長の画像の上部を表示 */
}
@media screen and (max-width:768px){
    .img_sub{
        height: auto;
    }
} 

.syutten{
    background-color: #2860c8;
    width: 40px;
}