@charset "utf-8";
/* CSS Document */

/*
background: transparent url(../img/billboard_bg.jpg) no-repeat;
height: 100%;
background-size: 100% auto;
*/


/* --------------------
 SP
----------------------- */
@media only screen and (max-width:767px) {


/*共通 */    
body {
    background-color:#E6E6E6;
    margin:0;
}

.toc_video{
    position:relative;
    width:100%;
    padding-top:56.25%;
}
.toc_video iframe{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}


.sp_none {
display:none;
}

header {
    width:100%;
    height:400px;
    background-image:url("../img/fv.jpg");
    background-size:contain;
    background-position:center;
    margin:0 auto;
    box-sizing:border-box;
}

#header_in {
    width:50%;
    height:400px;
    background-color:rgba(255,255,255,0.8);
    padding:1em;
    box-sizing:border-box;
}
#header_in nav {
    width:100%;
    height:400px;
    padding:0;
    margin-left:0em;
    box-sizing:border-box;
}

#header_in nav img{
    display:block;
    width:120px;
    margin-right:100px;
    margin-top:10px;
}
#header_in nav ul{
    width:100%;
}
#header_in nav ul li{
    font-size:18px;
    height:30px;
    color:#000;
    line-height:60px;
}
#header_in ul li a{
    font-size:16px;
    color:#000;
    line-height:1.3;
    margin-right:10px;
}
#header_in ul li a:hover{
    font-size:16px;
    color:#000;
    line-height:1.3;
    margin-right:10px;
    text-decoration:underline;
}

#wrapper {
    width:100%;
    margin:0 auto;
    padding:3%;
    box-sizing:border-box;
}
h2 {
    font-size:20px;
    font-weight: 700;
}

#news {
    margin-bottom:3%;
}
#news article {
    padding:20px 0 0px;
    padding-left:1em;
}
#news article .date{
    font-size:16px;
    margin-right:1em;
}
#news article .content{
    font-size:16px;
    color:#000;
}
#live {
    margin:20px auto 50px;
}
#live .event {
    width:100%;
    background-color:rgba(255,255,255,0.5);
    padding:1em 2em;
    margin:0.5em auto;
    box-sizing:border-box;
}
/* #live .event .date,.name{
    display:inline;
} */
#live .event .date{
    font-size:16px;
    font-weight: 700;
    margin-right:1em;
}
#live .event .place{
    font-size:16px;
    font-weight: 700;
}
#live .event .name{
    font-size:20px;
    line-height:1.5;
    color:#0071BC;
    font-weight: 700;
}
#live .event .time{
    font-size:14px;
    font-weight: 700;
    margin-right:1em;
}
#live .event .ticket{
    font-size:14px;
    font-weight: 700;
    margin-right:1em;
}
#live .event .act{
    font-size:16px;
    font-weight: 700;
}
.to_detail {
    float:right;
}
.to_detail a{
    font-size:16px;
    color:#fff;
}

.to_detail a:hover{
    font-size:16px;
    color:#fff;
    text-decoration:underline;
}

#video {
    margin-bottom:30px;
}
#video ul{
    width:280px;
    width:100% !importat;
    margin:15px auto 5px;
}
#video ul li{
    width:100% !importat;
    margin:0 auto;
}

#disc {
    margin-bottom:30px;
}
#disc ul{
    display:flex;
    width:100%;
    justify-content:flex-start;
    margin:15px auto 5px;
}
#disc ul li{
    width:170px;
}

#disc ul li a img{
    width:100%;
}

#about {
    width:100%;
}
#about .about_inner {
    width:100%;
    display:flex;
    background-color:#000;
    padding:2em 1em;
    margin:0.5em auto;
    box-sizing:border-box;
}
.about_inner .left{
    width:40%;
}
.about_inner .left img{
    margin-bottom:10px;
}
.about_inner .right{
    width:60%;
    padding-left:1.5em;
}
.about_inner .right p{
    color:#fff;
    font-size:16px;
    font-weight:bold;
}



footer {
    display: flex;
    flex-direction: column;
    width:100%;
    padding:1em;
    margin:0 auto;
    box-sizing:border-box;
}

footer p{
    flex: 1;
    font-size:12px;
    text-align:center;
}

    address {
        text-align: center;
        font-style: normal;
        font-size: 12px;
        padding: 10px 0 10px;
        display: block;
        clear: both;
    }
}