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


/* --------------------
 PC
----------------------- */
@media only screen and (min-width:768px) {
*{

}
/*共通 */    
    body {
        min-width: 1290px;
    background-color:#E6E6E6;/*#F5EB47;*/ /*#FF8C2E*/
    margin:0;
    }

.cf::after{
    content: "";
    display: block;
    clear: both;
}

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

#header_in {
    display:flex;
    width:100%;
    height:60px;
    background-color:rgba(255,255,255,0.8);
    margin:0 auto;
    box-sizing:border-box;
}
#header_in nav {
    width:860px;
    height:60px;
    display:flex;
    justify-content:space-around;
    margin:0 auto;
    box-sizing:border-box;
}

#header_in nav img{
    display:block;
    width:120px;
    margin-right:100px;
    margin-top:10px;
}
#header_in nav ul{
    display:flex;
    justify-content:flex-end;
    width:680px;
}
#header_in nav ul li{
    font-size:18px;
    height:30px;
    color:#000;
    line-height:60px;
    margin-left:15px;
}
#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:960px;
    margin:0 auto;
    padding:50px    ;
    box-sizing:border-box;
}
h2 {
    font-size:20px;
    font-weight: 700;
}

.toc_video{
    position:relative;
    width:100%;
    padding-top:56.25%;
}
.toc_video iframe{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}
#news {
    margin-bottom:40px;
}
#news article {
    display:flex;
    padding:0;
    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:860px;
    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{
    /*display:flex;
    justify-content:space-around;*/
    margin:15px auto 5px;
}
#disc {
    margin-bottom:30px;
}
#disc ul{
    display:flex;
    width:860px;
    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:860px;
    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:22px;
    font-weight:bold;
}




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

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


    /* ----------------------------------------------------------------------------------------------------------------
     thanks  SPcss基本設定
    ------------------------------------------------------------------------------------------------------------------- */
    .thanks {
        width: 960px;
        background-color:#fff;
        margin: 0 auto;
        padding:50px 80px 350px;
    box-sizing:border-box;
    }
    .thanks h1 {
    font-family: 'TsukuARdGothic-Regular','TsukuBRdGothic-Regular','Osaka',YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
        margin: 60px auto 20px;
        font-size: 24px;
        padding: 5px 0;
        border-bottom: 1px solid #000;
        text-align: center;
    }

    .thanks p {
        font-size: 18px;
        text-align: center;
    }

}