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

/*ƒgƒbƒv*/
.pc { display: block !important; }
.sp { display: none !important; }

    #event{
        max-width:100%;    
        background:#fff;
        padding:0;
        margin:0 auto 4vw auto;
        text-align: center;
        position: relative;
    }
    #event .wrap{
        width:96%;
        margin:0 2% 0 2%; 
        padding-top: 4vw;
        position: relative;
    }
    #event h1{
        font-size:3vw;
        color:#666;
        font-weight: 100;
        line-height: 3.5vw;
        letter-spacing:0.05em;
        margin: 0 0 2vw 0; 
        padding:0;
    }
    #event .read{
        font-size:1.4vw;
        color:#999;
        font-weight: 100;
        line-height: 2.25vw;
        text-align:left;
        margin: 0 0 1vw 0;
        padding: 0;
    }
    #event .cap{
        font-size:1.1vw;
        color:#666;
        font-weight: 100;
        line-height: 2vw;
        text-align:left;
        margin: 0;
        padding: 0 0 0 1em;
        text-indent:-1em;
    }
    #event #kyoto{
        background:#ccc;
        border-radius:1vw;
        margin:2vw auto 0 auto; 
        padding: 2vw;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .kyoto-n{
        /*font-size:2.75vw;*/
        font-size:3.25vw;
        color:#fff;
        font-weight: 200;
        line-height: 3.5vw;
        letter-spacing:0.05em;
        /*margin: 0 3.5vw 1vw 0; */
         margin: 0 0 3vw 0; 
        padding:0;
    }
	#event #sakai{
        background:#ccc;
        border-radius:1vw;
        margin:2vw auto 0 auto; 
        padding: 2vw;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .sakai-n{
        font-size:2.75vw;
        color:#fff;
        font-weight: 200;
        line-height: 3.5vw;
        letter-spacing:0.05em;
        margin: 0 3.5vw 1vw 0; 
        padding:0;
    }
    #event .sakai-n::before{
        content: '';
        background: url("../img/id_sakai.svg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:7vw;
        width:7vw;
        margin:0 1vw 0 0 ;
        display: inline-block;
        vertical-align: middle;
    } 
    #event #tama{
        background:#ccc;
        border-radius:1vw;
        margin:2vw auto 0 auto; 
        padding: 2vw;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .tama-n{
        /*font-size:2.75vw;*/
        font-size:3.25vw;
        color:#fff;
        font-weight: 200;
        line-height: 3.5vw;
        letter-spacing:0.05em;
        /*margin: 0 3.5vw 1vw 0; */
        margin: 0 0 3vw 0; 
        padding:0;
    }
    #event .theme{
        font-size:2.5vw;
        color:#666;
        font-weight: 400;
        line-height: 4vw;
        letter-spacing:0.05em;
        margin: 0 auto 2vw auto; 
        padding:0;
        position: relative;
        border-bottom:0.15vw dotted #666;
    }
    #event .overview{
        display: flex;
        justify-content: space-between;
    }
    #event .overview >p{
        width: 83%;
    }
    #event .read-l{
        font-size:1.4vw;
        color:#666;
        font-weight: 100;
        line-height: 2.25vw;
        text-align:left;
        margin: 0 2% 1vw 0;
        padding: 0;
    }
    #event .kyoto-img{
        background: url("../img/pic_kyoto.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:18.8%;
        width:20%;
        margin:0 0 0 0;
        border-radius:1vw;
    }
    #event .sakai-img{
        background: url("../img/pic_sakai.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:18.8%;
        width:20%;
        margin:0 0 0 0;
        border-radius:1vw;
    }
    #event .tama-img{
        background: url("../img/pic_tama.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:18.8%;
        width:20%;
        margin:0 0 0 0;
        border-radius:1vw;
    }    
     #event .tama-img2{
        background: url("../img/pic_tama2.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:10%;
        width:10%;
        margin:0 0 0 0;
        border-radius:2vw;
        position:absolute;
        bottom:6vw;
        right:6vw;
    }    
  	#event .c-detail {
        list-style: none;
        overflow: hidden;
        margin:2vw 0 0 0;
        padding:2vw;
        background:#dfdfdf;
        border-radius:1vw;
    }
   #event .c-detail li {
        font-size:1.25vw;
        color:#666;
        font-weight: 400;
        line-height: 3vw;
        letter-spacing: 0.05em;
        marign:0;
        padding: 0;
        position: relative;
        float: left;
    }
  	#event .c-detail li a {
        color:#666;
        text-decoration: none;
        border-bottom:0.1vw dotted #666;
    }  
  	#event .c-detail li a:hover {
        color:#f60;
        text-decoration: none;
        border-bottom:0.1vw dotted #f60;
    }  
    #event .c-detail .head{
        font-size:1vw;
        font-weight:bold;
        margin:1vw 1vw 1vw 0;
        width:8vw;
        text-align:center;
    }
    #event .c-detail .read{
        border-left:0.25vw solid #999;
        text-indent:1em;
        margin:1vw 0;
    }
    #event .c-detail .read2{
        border-left:0.25vw solid #999;
        text-indent:1em;
        padding-left:-2em;
        margin:1vw 0;
    }
    #event .c-detail .panelist{
        width:76vw;
/*      border:1px solid #f09;
        box-sizing: border-box;*/
        margin:-4vw 0 0 9.5vw;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .panelist2{
        width:77.5vw;
        margin:0.5vw 0 0 9.5vw;
        padding:0;
        display:flex;
        justify-content:start;

    }
    #event .c-detail .panelist3{
        width:76vw;
/*      border:1px solid #f09;
        box-sizing: border-box;*/
        margin:1vw 0 0 9.5vw;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .panelist4{
        width:77.5vw;
        margin:0.5vw 0 0 9.5vw;
        padding:0;
        display:flex;
        justify-content: start;
    }
    #event .c-detail p{
        margin:0.5vw 0 0 0;
        padding:0;
    }
    #event .c-detail img{
        width:23vw;
        height:17.3vw;
        border-radius:1vw;
        margin:0 1.5vw 0 1.5vw;
    }

    #event .c-detail .no-b{
        border: none
    }

     #event .c-detail .no-b:visited{
        border: none
    }
     #event .c-detail .no-b:hover{
        border: none;
        opacity: 0.5;    
    }
   
    #event .c-detail .name{
        width:33.333%;
        font-size:1.3vw;
        color:#666;
        font-weight: 900;
        line-height: 1.5vw;
        letter-spacing: 0.05em;
        margin:0.25vw 0 0 0;
        padding: 0;
        text-align:center;
    }
    #event .c-detail .name2{
        width:33.333%;
        font-size:1.3vw;
        color:#666;
        font-weight: 900;
        line-height: 1.5vw;
        letter-spacing: 0.05em;
        margin:0.25vw 0 2vw 0;
        padding: 0;
        text-align:center;
    }
    #event .c-detail .cap2{
        font-size:1.0vw;
        color:#666;
        font-weight: 200;
        line-height: 1.5vw;
        margin:0.5vw 0 0 0;
        padding: 0 2vw;
        text-align:left;
    } 
    #event .c-detail .cap3{
        font-size:1.0vw;
        color:rgb(224, 133, 57);
        font-weight: 200;
        margin:0;
        padding: 0;
        text-align:left;
    } 
     #event .c-detail .cap4{
        font-size:1.0vw;
        color:#666;
        font-weight: 200;
        margin:0;
        padding: 0;
        text-align:left;
    } 
   #event .c-detail .cap-c{
        text-align:center;
    } 
    #event .c-detail .moderator{
        width:76vw;
/*      border:1px solid #f09;
        box-sizing: border-box;*/
        margin:-4vw 0 0 9.5vw;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .moderator2{
        width:76vw;
        margin:0.5vw 0 0 9.5vw;
        padding:0;
        display:flex;
        justify-content: start;
    }  
}
@media screen and (min-width:1641px)  {  

    #event{
        width:100%;   
        background:#fff;
        padding:0;
        margin:0 auto 65px auto;
        text-align: center;
        position: relative;
    }
    #event .wrap{
        width:1580px;
        margin:0 auto; 
        padding-top: 66px;
        position: relative;
    }
    #event h1{
        font-size:50px;
        color:#666;
        font-weight: 100;
        line-height: 58px;
        letter-spacing:0.05em;
        margin: 0 0 33px 0; 
        padding:0;
    }
    #event .read{
        font-size:23px;
        color:#999;
        font-weight: 100;
        line-height: 37px;
        text-align:left;
        margin: 0 0 16.5px 0;
        padding: 0;
    }
    #event .cap{
        font-size:18px;
        color:#666;
        font-weight: 100;
        line-height: 33px;
        text-align:left;
        margin: 0;
        padding: 0 0 0 1em;
        text-indent:-1em;
    }
    #event #kyoto{
        background:#ccc;
        border-radius:16.5px;
        margin:33px auto 0 auto; 
        padding: 33px;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .kyoto-n{
        /*font-size:45px;*/
        font-size:54px;
        color:#fff;
        font-weight: 200;
        line-height: 58px;
        letter-spacing:0.05em;
        /*margin: 0 58px 16.5px 0; */
        margin: 0 0 49.5px 0; 
        padding:0;
    }
    #event #sakai{
        background:#ccc;
        border-radius:16.5px;
        margin:33px auto 0 auto; 
        padding: 33px;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .sakai-n{
        font-size:45px;
        color:#fff;
        font-weight: 200;
        line-height: 58px;
        letter-spacing:0.05em;
        margin: 0 58px 16.5px 0; 
        padding:0;
    }
    #event .sakai-n::before{
        content: '';
        background: url("../img/id_sakai.svg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:115px;
        width:115px;
        margin:0 16.5px 0 0 ;
        display: inline-block;
        vertical-align: middle;
    }
 	#event #tama{
        background:#ccc;
        border-radius:16.5px;
        margin:33px auto 0 auto; 
        padding: 33px;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .tama-n{
        /*font-size:45px;*/
        font-size:54px;
        color:#fff;
        font-weight: 200;
        line-height: 58px;
        letter-spacing:0.05em;
        /*margin: 0 58px 16.5px 0; */
        margin: 0 0 49.5px 0; 
        padding:0;
    }
     #event .theme{
        font-size:41px;
        color:#666;
        font-weight: 400;
        line-height: 66px;
        letter-spacing:0.05em;
        margin: 0 auto 33px auto; 
        padding:0;
        position: relative;
        border-bottom:2.5px dotted #666;
    }
    #event .overview{
        display: flex;
        justify-content: space-between;
    }
    #event .overview >p{
        width: 83%;
    }
    #event .read-l{
        font-size:23px;
        color:#666;
        font-weight: 100;
        line-height: 37px;
        text-align:left;
        margin: 0 33px 16.5px 0;
        padding: 0;
    }
    #event .kyoto-img{
        background: url("../img/pic_kyoto.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:18.8%;
        width:20%;
        margin:0 0 0 0;
        border-radius:1vw;
    }
    #event .sakai-img{
        background: url("../img/pic_sakai.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:18.8%;
        width:20%;
        margin:0 0 0 0;
        border-radius:1vw;
    }
    #event .tama-img{
        background: url("../img/pic_tama.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:18.8%;
        width:20%;
        margin:0 0 0 0;
        border-radius:1vw;
    }
     #event .tama-img2{
        background: url("../img/pic_tama2.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:10%;
        width:10%;
        margin:0 0 0 0;
        border-radius:32px;
        position:absolute;
        bottom:98px;
        right:110px;
    }    
    #event .c-detail {
        list-style: none;
        overflow: hidden;
        margin:33px 0 0 0;
        padding:33px;
        background:#dfdfdf;
        border-radius:16.5px;
    }
   #event .c-detail li {
        font-size:21px;
        color:#666;
        font-weight: 400;
        line-height: 50px;
        letter-spacing: 0.05em;
        marign:0;
        padding: 0;
        position: relative;
        float: left;
    }
   #event .c-detail li a {
        color:#666;
        text-decoration: none;
        border-bottom:0.1vw dotted #666;
    }  
   #event .c-detail li a:hover {
        color:#f60;
        text-decoration: none;
        border-bottom:1.5px dotted #f60;
    }  
    #event .c-detail .head{
        font-size:16.5px;
        font-weight:bold;
        margin:16.5px 16.5px 16.5px 0;
        width:132px;
        text-align:center;
    }
    #event .c-detail .read{
        border-left:5px solid #999;
        text-indent:1em;
        margin:1vw 0;
    }
    #event .c-detail .panelist{
        width:1246px;
/*      border:1px solid #f09;
        box-sizing: border-box;*/
        margin:-66px 0 0 163px;
        display:flex;
        justify-content: center;
    }
    #event .c-detail .panelist2{
        width:1270px;
        margin:9px 0 0 163px;
        padding:0;
        display:flex;
        justify-content: center;
    }
    #event .c-detail .panelist3{
        width:1246px;
/*      border:1px solid #f09;
        box-sizing: border-box;*/
        margin:16.5px 0 0 148px;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .panelist4{
        width:1270px;
        margin:9px 0 0 148px;
        padding:0;
        display:flex;
        justify-content: start;
    }
    #event .c-detail p{
        margin:9px 25px 0 25px;
        padding:0;
    }
    #event .c-detail img{
        width:377px;
        height:283px;
        border-radius:16px;
        margin:0 25px;
    }
    #event .c-detail .no-b{
        border: none
    }

     #event .c-detail .no-b:visited{
        border: none
    }
     #event .c-detail .no-b:hover{
        border: none;
        opacity: 0.5;    
    }
    
    #event .c-detail .name{
        width:30%;
        font-size:22px;
        color:#666;
        font-weight: 900;
        line-height: 25px;
        letter-spacing: 0.05em;
        margin:5px 25px 0 25px;
        padding: 0;
        text-align:center;
    }
    #event .c-detail .name2{
        width:30%;
        font-size:22px;
        color:#666;
        font-weight: 900;
        line-height: 25px;
        letter-spacing: 0.05em;
        margin:5px 25px 33px 25px;
        padding: 0;
        text-align:center;
    }
    #event .c-detail .cap2{
        font-size:16px;
        color:#666;
        font-weight: 200;
        line-height: 25px;
        margin:0.5vw 0 0 0;
        padding: 0;
        text-align:left;
    } 
     #event .c-detail .cap3{
        font-size:16px;
        color:rgb(224, 133, 57);
        font-weight: 200;
        margin:0;
        padding: 0;
        text-align:left;
    } 
     #event .c-detail .cap4{
        font-size:16px;
        color:#666;
        font-weight: 200;
        margin:0;
        padding: 0;
        text-align:left;
    } 
   #event .c-detail .cap-c{
        text-align:center;
    }    
    #event .c-detail .moderator{
        width:1246px;
/*      border:1px solid #f09;
        box-sizing: border-box;*/
        margin:-66px 0 0 148px;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .moderator2{
        width:1246px;
        margin:9px 0 0 148px;
        padding:0;
        display:flex;
        justify-content: start;
    }
}

/* for SP */
@media screen and (max-width:640px )
{
	.pc { display: none !important; }
	.sp { display: block !important; }
        /* YouTUbe Live*/
 
 
@media screen and (min-width:320px) and ( max-width:640px) {   
    
 

    #event{
        width:100%;    
        background:#fff;
        padding:0 0 4vw 0;
        margin:0 auto;
        text-align: center;
        position: relative;
    }
    #event .wrap{
        width:92%;
        margin:0 4% 0 4%; 
        padding-top: 4vw;
        position: relative;
    }
    #event h1{
        font-size:7vw;
        color:#666;
        font-weight: 100;
        line-height: 10vw;
        letter-spacing:0.05em;
        margin: 0 0 2vw 0; 
        padding:0;
    }
    #event .read{
        font-size:3vw;
        color:#999;
        font-weight: 100;
        line-height: 4.75vw;
        text-align:left;
        margin: 0 0 3vw 0;
        padding: 0;
    }
    #event .cap{
        font-size:2vw;
        color:#666;
        font-weight: 100;
        line-height: 3.75vw;
        text-align:left;
        margin: 0;
        padding: 0 0 0 1em;
        text-indent:-1em;
    }
    #event #kyoto{
        background:#ccc;
        border-radius:2vw;
        margin:4vw auto 0 auto; 
        padding: 4vw;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .kyoto-n{
        /*font-size:5.25vw;*/
        font-size:6vw;
        color:#fff;
        font-weight: 200;
        line-height: 3.5vw;
        letter-spacing:0.05em;
        /*margin: 0 3.5vw 1vw 0;*/
        margin: 0 0 4vw 0;
        padding:0;
    }
    #event #sakai{
        background:#ccc;
        border-radius:2vw;
        margin:4vw auto 0 auto; 
        padding: 4vw;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .sakai-n{
        font-size:5.25vw;
        color:#fff;
        font-weight: 200;
        line-height: 3.5vw;
        letter-spacing:0.05em;
        margin: 0 3.5vw 1vw 0; 
        padding:0;
    }
    #event .sakai-n::before{
        content: '';
        background: url("../img/id_sakai.svg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:12vw;
        width:12vw;
        margin:0 2vw 0 0 ;
        display: inline-block;
        vertical-align: middle;
    }
    #event #tama{
        background:#ccc;
        border-radius:2vw;
        margin:4vw auto 0 auto; 
        padding: 4vw;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .tama-n{
        /*font-size:5.25vw;*/
        font-size:6vw;
        color:#fff;
        font-weight: 200;
        line-height: 3.5vw;
        letter-spacing:0.05em;
       /* margin: 0 3.5vw 1vw 0; */
        margin: 0 0 4vw 0; 
        padding:0;
    }
    #event .theme{
        font-size:3vw;
        color:#666;
        font-weight: 400;
        line-height: 5.5vw;
        letter-spacing:0.05em;
        margin: 0 auto 2vw auto; 
        padding:0;
        position: relative;
        border-bottom:0.3vw dotted #666;
    }
    #event .overview{
    /*    display: flex;
        justify-content: space-between;*/
    }
    #event .overview >p{
        width: 100%;
    }
    #event .read-l{
        font-size:2.5vw;
        color:#666;
        font-weight: 100;
        line-height: 4vw;
        text-align:left;
        margin: 0 2% 2vw 0;
        padding: 0;
    }
    #event .kyoto-img{
        background: url("../img/pic_kyoto.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:50%;
        width:50%;
        margin:0 auto;
        border-radius:2vw;
    }
    #event .sakai-img{
        background: url("../img/pic_sakai.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:50%;
        width:50%;
        margin:0 auto;
        border-radius:2vw;
    }
    #event .tama-img{
        background: url("../img/pic_tama.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:50%;
        width:50%;
        margin:0 auto;
        border-radius:2vw;
    }
     #event .tama-img2{
        background: url("../img/pic_tama2.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:20%;
        width:20%;
        margin:0 0 0 0;
        border-radius:2vw;
        position:absolute;
        bottom:8vw;
        right:8vw;
    }    
    #event .c-detail {
        list-style: none;
        overflow: hidden;
        margin:2vw 0 0 0;
        padding:2vw;
        background:#dfdfdf;
        border-radius:2vw;
    }
   #event .c-detail li {
        font-size:2.5vw;
        color:#666;
        font-weight: 400;
        line-height: 3vw;
        letter-spacing: 0.05em;
        marign:0;
        position: relative;
    }
   #event .c-detail li a {
        color:#666;
        text-decoration: none;
        border-bottom:0.1vw dotted #666;
    }  
   #event .c-detail li a:hover {
        color:#f60;
        text-decoration: none;
        border-bottom:0.1vw dotted #f60;
    }  
    #event .c-detail .head{
        font-size:3.5vw;
        font-weight:bold;
        margin:2vw 0;
        text-align:left;
    }
    #event .c-detail .read{
        border-left:0.5vw solid #999;
        margin:2vw 0 5vw 0;
        line-height: 4vw;
        padding-left: 1em;
        text-indent: 0em;
    }
    #event .c-detail .panelist{
        margin:-6vw 0 0 1.5vw;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .panelist2{
        margin:0.5vw 0 0 3vw;
        padding:0;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .panelist3{
        margin:1vw 0 0 1vw;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .panelist4{
        margin:0.5vw 0 0 2.5vw;
        padding:0;
        display:flex;
        justify-content: start;
    }
    #event .c-detail p{
        margin:0.5vw 1.5vw 0 1.5vw;
        padding:0;
    }
    #event .c-detail img{
        width:36.5vw;
        height:27.4vw;
        border-radius:1vw;
        margin:0 1.5vw 0 1.5vw;
    }
    #event .c-detail .no-b{
        border: none
    }

     #event .c-detail .no-b:visited{
        border: none
    }
     #event .c-detail .no-b:hover{
        border: none;
        opacity: 0.5;    
    }
    
    #event .c-detail .name{
        width:47%;
        font-size:2.5vw;
        color:#666;
        font-weight: 900;
        line-height: 3.5vw;
        letter-spacing: 0.05em;
        margin:1vw 1.5vw 0 1.5vw;
        padding: 0;
        text-align:center;
    }
     #event .c-detail .name2{
        width:47%;
        font-size:2.5vw;
        color:#666;
        font-weight: 900;
        line-height: 3.5vw;
        letter-spacing: 0.05em;
        margin:1vw 1.5vw 2vw 1.5vw;
        padding: 0;
        text-align:center;
    }
   #event .c-detail .cap2{
        font-size:2.25vw;
        color:#666;
        font-weight: 200;
        line-height: 3.25vw;
        margin:1vw 0 2vw 0;
        padding: 0;
        text-align:left;
    } 
    #event .c-detail .cap3{
        font-size:2vw;
        color:rgb(224, 133, 57);
        font-weight: 200;
        line-height: 3.25vw;
        margin:2vw 0 0 0;
        padding-left:1em;
        text-indent: -1em;
        text-align:left;
    } 
    #event .c-detail .cap4{
        font-size:2vw;
        color:#666;
        font-weight: 200;
        line-height: 3.25vw;
        margin:2vw 0 0 0;
        padding-left:1em;
        text-indent: -1em;
        text-align:left;
    } 
    #event .c-detail .cap-c{
        text-align:center;
    }    
    #event .c-detail .moderator{
        margin:-6vw 0 0 1.5vw;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .moderator2{
        margin:0.5vw 0 4vw 1vw;
        padding:0;
        display:flex;
        justify-content: start;
    }
}
@media screen and (max-width:319px) { 
    
    #event{
        width:320px;   
        background:#fff;
        padding:0 0 21px 0;
        margin:0 auto;
        text-align: center;
        position: relative;
    }
    #event .wrap{
        width:294px;
        margin:0 13px 0 13px; 
        padding-top: 14px;
        position: relative;
    }
    #event h1{
        font-size:22px;
        color:#666;
        font-weight: 100;
        line-height: 32px;
        letter-spacing:0.05em;
        margin: 0 0 6px 0; 
        padding:0;
    }
    #event .read{
        font-size:10px;
        color:#999;
        font-weight: 100;
        line-height: 15px;
        text-align:left;
        margin: 0 0 10px 0;
        padding: 0;
    }
    #event .cap{
        font-size:6px;
        color:#666;
        font-weight: 100;
        line-height: 13px;
        text-align:left;
        margin: 0;
        padding: 0 0 0 1em;
        text-indent:-1em;
    }
    #event #kyoto{
        background:#ccc;
        border-radius:6px;
        margin:12px auto 0 auto; 
        padding: 12px;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .kyoto-n{
        /*font-size:16px;*/
        font-size:19px;
        color:#fff;
        font-weight: 200;
        line-height: 11px;
        letter-spacing:0.05em;
        /*margin: 0 11px 4px 0; */
        margin: 0 0 16px 0; 
        padding:0;
    }
/*    #event .kyoto-n::before{
        content: '';
        background: url("../img/id_kyoto.svg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:38px;
        width:38px;
        margin:0 6px 0 0 ;
        display: inline-block;
        vertical-align: middle;
    }*/
    
    #event #sakai{
        background:#ccc;
        border-radius:6px;
        margin:12px auto 0 auto; 
        padding: 12px;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .sakai-n{
        font-size:16px;
        color:#fff;
        font-weight: 200;
        line-height: 11px;
        letter-spacing:0.05em;
        margin: 0 11px 4px 0; 
        padding:0;
    }
    #event .sakai-n::before{
        content: '';
        background: url("../img/id_sakai.svg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:38px;
        width:38px;
        margin:0 6px 0 0 ;
        display: inline-block;
        vertical-align: middle;
    }
    #event #tama{
        background:#ccc;
        border-radius:6px;
        margin:12px auto 0 auto; 
        padding: 12px;
        position: relative;
/*     border:1px solid #f09;
        box-sizing: border-box;*/
    }    
    #event .tama-n{
        /*font-size:16px;*/
        font-size:19px;
        color:#fff;
        font-weight: 200;
        line-height: 11px;
        letter-spacing:0.05em;
        /*margin: 0 11px 4px 0;*/
        margin: 0 0 16px 0;
        padding:0;
    }
 /*   #event .tama-n::before{
        content: '';
        background: url("../img/id_tama.svg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:38px;
        width:38px;
        margin:0 6px 0 0 ;
        display: inline-block;
        vertical-align: middle;
    } 
    */
    #event .theme{
        font-size:9px;
        color:#666;
        font-weight: 400;
        line-height: 17px;
        margin: 0 auto 6px auto; 
        padding:0;
        position: relative;
        border-bottom:1px dotted #666;
    }
    #event .overview{
    /*    display: flex;
        justify-content: space-between;*/
    }
    #event .overview >p{
        width: 100%;
    }
    #event .read-l{
        font-size:8px;
        color:#666;
        font-weight: 100;
        line-height: 14px;
        text-align:left;
        margin: 0 6px 6px 0;
        padding: 0;
    }
    #event .kyoto-img{
        background: url("../img/pic_kyoto.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:130px;
        width:130px;
        margin:0 auto;
        border-radius:6px;
    }
    #event .sakai-img{
        background: url("../img/pic_sakai.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:130px;
        width:130px;
        margin:0 auto;
        border-radius:6px;
    }
    #event .tama-img{
        background: url("../img/pic_tama.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:130px;
        width:130px;
        margin:0 auto;
        border-radius:6px;
    }
     #event .tama-img2{
        background: url("../img/pic_tama2.jpg")no-repeat;
        background-position: center center;
        background-size:contain;
        padding-top:64px;
        width:64px;
        margin:0 0 0 0;
        border-radius:6px;
        position:absolute;
        bottom:25px;
        right:25px;
    }    
    #event .c-detail {
        list-style: none;
        overflow: hidden;
        margin:10px 0 0 0;
        padding:6px;
        background:#dfdfdf;
        border-radius:6px;
    }
   #event .c-detail li {
        font-size:8px;
        color:#666;
        font-weight: 400;
        line-height: 9px;
        letter-spacing: 0.05em;
        marign:0;
        padding: 0;
        position: relative;
    }
   #event .c-detail li a {
        color:#666;
        text-decoration: none;
        border-bottom:0.5px dotted #666;
    }  
   #event .c-detail li a:hover {
        color:#f60;
        text-decoration: none;
        border-bottom:0.5px dotted #f60;
    }  
    #event .c-detail .head{
        font-size:11px;
        font-weight:bold;
        margin:6px 0;
        text-align:left;
    }
    #event .c-detail .read{
        border-left:1.5px solid #999;
        line-height:12px;
        margin:6px 0 16px 0;
        padding-left: 1em;
        text-indent: 0em;
    }
    #event .c-detail .panelist{
        margin:-20px 0 0 4.5px;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .panelist2{
        margin:1.5px 0 0 9.5px;
        padding:0;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .panelist3{
        margin:4px 0 0 4px;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .panelist4{
        margin:1.5px 0 0 9.5px;
        padding:0;
        display:flex;
        justify-content: start;
    }
    #event .c-detail p{
        margin:1.5px 4.5px 0 4.5px;
        padding:0;
    }
    #event .c-detail img{
        width:120px;
        height:90px;
        border-radius:4px;
        margin:0 4.5px 0 4.5px;
    }
    #event .c-detail .no-b{
        border: none
    }

     #event .c-detail .no-b:visited{
        border: none
    }
     #event .c-detail .no-b:hover{
        border: none;
        opacity: 0.5;    
    }

    #event .c-detail .name{
        width:47%;
        font-size:8px;
        color:#666;
        font-weight: 900;
        line-height: 11px;
        letter-spacing: 0.05em;
        margin:4px 4.5px 0 4.5px;
        padding: 0;
        text-align:center;
    }
    #event .c-detail .name2{
        width:47%;
        font-size:8px;
        color:#666;
        font-weight: 900;
        line-height: 11px;
        letter-spacing: 0.05em;
        margin:4px 4.5px 7px 4.5px;
        padding: 0;
        text-align:center;
    }
    #event .c-detail .cap2{
        font-size:8px;
        color:#666;
        font-weight: 200;
        line-height: 10.5px;
        margin:4px 0 8px 0;
        padding: 0;
        text-align:left;
    } 
   #event .c-detail .cap3{
        font-size:8px;
        color:rgb(224, 133, 57);
        font-weight: 200;
        line-height: 12px;
        margin:7px 0 0 0;
        padding-left:1em;
        text-indent: -1em;
        text-align:left;
    } 
    #event .c-detail .cap4{
        font-size:8px;
        color:#666;
        font-weight: 200;
        line-height: 12px;
        margin:7px 0 0 0;
        padding-left:1em;
        text-indent: -1em;
        text-align:left;
    }
    #event .c-detail .cap-c{
        text-align:center;
    }    
    #event .c-detail .moderator{
        margin:-19px 0 0 4.5px;
        display:flex;
        justify-content: start;
    }
    #event .c-detail .moderator2{
        margin:1.5px 0 12px 4px;
        padding:0;
        display:flex;
        justify-content: start;
    }
}    
}