@charset "utf-8";

/*------------------------------------
会場
------------------------------------*/
/* venue */
#venue{
    margin: 0 auto;
    padding: 30px 0;
    width: calc(100% - 20px);
}
#venue img{
    position: relative;
    display: block;
    margin: 20px auto;
}
#venue ul{
    position: relative;
    margin: 20px auto;
}
#venue ul li{
    position: relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 2px #9fa0a0;
    padding: 25px 0;
}
#venue ul li:last-child{border-bottom: none;}
#venue ul li .ttl{
    position: relative;
    width: 6em;
}
#venue ul li .content{
    position: relative;
    width: calc(100% - 6em);
}
#venue ul li a{color: #231815;}
#venue p{
    position: relative;
    margin: 20px auto;
}
#venue iframe{
    position: relative;
    display: block;
    margin: 30px auto;
    width: calc(100% - 20px);
    height: 300px;
}


/* ----- pc ----- */
@media screen and (min-width: 641px) {

    /* venue */
    #venue{
        padding: 50px 0;
        width: 1000px;
    }
    #venue img{width: 920px;}
    #venue ul{margin: 100px auto 50px auto; width: 660px;}
    #venue ul li{padding: 50px 0;font-size: .20rem;}
    #venue ul li .ttl{width: 12em;}
    #venue ul li .content{width: calc(100% - 12em);}
    #venue p{
        text-align: center;
        margin: 0 auto;
    }
    #venue iframe{
        margin: 50px auto;
        width: 760px;
        height: 450px;
    }

}