@charset "UTF-8";
html, body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo","Osaka", "MS Pゴシック", "MS PGothic", sans-serif;
    color:#231815;
    width:100%;
    height:100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
	word-break:normal;
    line-height: 200%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
    box-sizing: border-box;
}

.wrap-ul{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.wrap-center{-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.sp_nav{display:none;}

header{width:100%; position:fixed; z-index:100; box-sizing:border-box;}
.wrap_h_sns{width:15%; margin-left:auto; text-align:right;}
.wrap_h_menu{width:85%; text-align:center; display:inline-block; margin:0 auto;}
.wrap_h_menu li{width:16%; text-align:center;}
#header2 nav .sp_h_sns{display:none;}
.header_sns,.footer_sns{display:block;}
.header_sns li ul{visibility:hidden; width:100%; position:absolute;}
.header_sns li:hover ul{visibility: visible; opacity:1; position:absolute; top:100%; width:100%; line-height:0; background:rgba(0,0,0,0); -webkit-transition: all .2s ease; transition: all .2s ease; padding:0; margin:0;}
.header_sns li ul li img{width:100%;}
.header_sns img,.footer_sns img{width:50%;}
#menu li{display:inline-block; margin:0 auto;}
header ul,
footer ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	width:100%;
	margin:0;
	padding:0;
}
header ul li,footer ul li{list-style:none;}




  /* footer */
#footer{
    width:100%;
    color:#231815;
    padding:2% 1%;
    height:auto;
    box-sizing:border-box;
    text-align: center;
}

.foot_info{
    margin:1% auto 0;
    text-align:left;
    vertical-align:top;
}

.copyright{padding:1% 0 10px;font-size: 12px;}

#sns_area{
    padding:1% 0.5% 1% 0.5%;
    width:2%;
    z-index:100;
    position:fixed;
    right:0;
    top:30%;
    text-align:right;
    background-color:#3b3b3b;
    border-radius:10px 0 0 10px;
}

#sns_area img{width:100%;}

.small{font-size:12px;}
.sp_br{display:none;}
.ft_bold {font-weight: bold;}
.ft_impact{font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.ft_yellow{color: #FFEB00;}
.bold{font-weight: bold;}
.boldof{font-weight: 300;}
.ft_underline{text-decoration: underline;}
/*general*/
section #news,
section #info{
    max-width: 1200px;
    margin:0 10% 3%;
    padding:2% 5%;
    text-align:left;
    box-sizing:border-box;
}


.banner{width:100%; display:inline-block; font-size:0;}
.banner img{margin:0 1%;}


.red{color:#f00;}

.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {-webkit-box-sizing:border-box; box-sizing:border-box;}
.cp_arrows {position:fixed; display:flex; left:15%; bottom:0; height:150px;}
.cp_arrows .cp_arrow {
	position:relative;
	display:inline-block;
	padding-top:1.8em;
	-webkit-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	-webkit-animation: arrow-move06 2s 1s ease-in-out infinite;
    animation: arrow-move06 2s 1s ease-in-out infinite;
	text-decoration:none;
	color:#fff;
	border-color:#fff;
}
.cp_arrows .cp_arrow:before {
	font-size: 2em;
	line-height: 1.9em;
	position: absolute;
	top:0;
	left:50%;
	width:2em;
	height:2em;
	margin-left:-0.7em;
	content:'▼';
	-webkit-transition: transform 0.5s ease-in;
	transition: transform 0.5s ease-in;
	text-align:center;
	border:0.13em solid #FFEB00;
	border-color:inherit;
	border-radius:10em;
}
.cp_arrows .cp_arrow:hover {color:#FFEB00; border-color:#FFEB00;}
.cp_arrows .cp_arrow:hover:before {transform: rotate(360deg);}
@-webkit-keyframes arrow-move06 {
	0% {top:1%; opacity:0.1;}
	70% {top:5%; opacity:1;}
	100% {top:1%; opacity:0.3;}}
@keyframes arrow-move06 {
	0% {top:1%; opacity:0.1;}
	70% {top:5%; opacity:1;}
	100% {top:1%; opacity:0.3;}
}

#layer_board_area img{max-width:90%;}
#layer_board_area .btn_close img{max-width:100%; margin-right:5%;}

/* mainimg */
h1.main_tiitle img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;max-width: 500px;width: 60vw;}
.gnav__menu__item a{font-size: 1.5rem;}

section#main_img{
    padding: 9rem 0rem;
    background-image: url("../../assets/img/main_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height:-webkit-fill-available;
      width: auto;
      position: relative;
}

section .bg_gray_ah{
    background-color:rgba(128,128,128,0.5);
    color:#ffffff;
}
div#main_img_day {
    position: absolute;
    bottom: 0;
    color: #ffffff;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 2vw;
    font-weight: 900;
letter-spacing: 1.5px;
}


span.mainday {
    font-size: 6vw;
    margin-left: 2vw;
    line-height: 5vw;
    letter-spacing: 0.3vw;
    font-style: italic;
}

span.ft_impact.venue {
display: block;
margin-top: 0vw;
font-size: 3vw;
}

span.maindow {
    margin: 0 1vw;
}

@-moz-document url-prefix() {
    section#main_img{
     height: inherit;
    }
  }
  
#main_img img.day {
    position: absolute;
    right: 2vw;
    bottom: 3vw;
    max-width: 550px;
    width: 30vw;
    
}
#main{background-color:#fff; box-sizing:border-box;}

h1.main_tiitle {
    margin: 0 auto;
    max-width: 800px;
}
/* h1.main_tiitle span {
    display: block;
    color: #FFEB00;
    font-size: 500%;
    line-height: 100%;
}
h1.main_tiitle span.maintit3 {
    font-size: 4vw;
} */
h3.title {
    text-align: center;
    font-size: 50px;
    margin-bottom: 3vw;
    color: #4894FF;
}




h3.gray{

    color: #231815;
}
.bg_blue {
    background-color: #e6e6e6;}

section.bg_blue {
    background-color: #9F9F9F;
    color: #ffffff;
    background-image: linear-gradient(90deg, #141c89, #124ccb);

}
section.bg_blk {
    background-color: #141c89;
    color: #ffffff;
}


section div#access{
    padding: 10vw;
    max-width: 2000px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
section div#artist{
    padding: 10vw 10vw 5vw 10vw;
    max-width: 2000px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

section div#news{
    padding: 10vw;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
section div#info {
    padding: 10vw;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

section div#news .news_frame {
    height: 180px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 1vw;
    -ms-overflow-style: none;
    /* Firefox 対応 */
    scrollbar-width: none;}

.news_frame::-webkit-scrollbar {/* Chrome, Safari スクロール非表示 */
        display:none;
}


/* artist */
#artist .event_date {
    padding: 1vw;
    text-align: center;
    font-family: Krungthep,sans-serif,Haettenschweiler, 'Arial Narrow Bold';
    font-size: 25px;
    color: #231815;
    font-weight: 900;
}

#artist .a_main ul li  span.a_name {
    text-align: center;
    margin: auto;
    display: block;
    color: #231815;
    margin: 10px 0 50px;
    font-size: 20px;

}
#artist .a_main ul li a:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    text-decoration: none;
  }
  #artist .a_main ul li.front1 div {
    display: flex;
    text-align: center;
}
/* 
#artist .a_main ul li a img{
width: 100%;
transition-duration: 0.5s
}

#artist .a_main ul li a:hover img{
    transform: scale(1.2);
    transition-duration: 0.5s;
  } */





#artist .a_main ul.a_top,
#artist .a_main ul.a_bottom {
    display: flex;
}

#artist .a_main ul.a_top li img, #artist .a_main ul.a_bottom li img {width: 100%;}
#artist .a_main ul.a_top li {
    width: 50%;
}
#artist .a_main ul.a_bottom li{
    width: 50%;

}
/* #artist .a_main ul.a_top li.front1{padding-left: 2%;}
#artist .a_main ul.a_top li.front2{padding: 0 2%;} */
#artist .a_main ul.a_bottom li.front{
    padding:0  2% 0 0;
}

li.front.opa {
       max-width: 450px;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}



.order-line{width:100%; padding:0 1%; box-sizing:border-box; font-size:12px; text-align:right; }



/*opening ACT*/
#opening_a{
    max-width: 1100px;
    margin: 0 auto 10vw auto;
    width: 100%;
    box-sizing: border-box;
}

#opening_a .bg_border{
   border: 1px dotted #3b3b3b; 
}
#opening_a.event_opa {
    font-size: 25px;
    line-height: 120%;
    padding: 1vw 0 1vw 8vw;
    text-align: center;
    font-weight: 900;
}
span.opa_day {
    font-size: 20px;
    font-weight: 300;
    margin-left: 3vw;
}
#opening_a ul.opa_li {
    display: flex;
    padding: 3vw 4vw;
}
#opening_a .opa_img{
    width: 30%;
}
#opening_a .opa_img img {
    max-width: 380px;
    width: 100%;
}
#opening_a ul li.opa_r {
    padding-left: 4vw;
    width: 75%;
    padding-top: 30px;
   /* word-break: keep-all; */
}
#opening_a ul.opa_li li span {
    display: block;
}

#opening_a ul.opa_li li span.opa_name {
    font-size: 30px;
    margin-bottom: 2vw;
}

/*access*/

#access p {
    font-size: 26px;
    font-weight: 800;
}

section div#access {
    text-align: center;
}

#access p.access_ad {
    font-size: 15px;
    font-weight: 300;
}

#access .googlemap {
    margin: 2vw auto;
    text-align: center;
}

#access a:link{ color:#006CFF;text-decoration:none; outline:none;}
#access a:visited{color:#006CFF;text-decoration:none; outline:none;}
#access a:hover{color:#006CFF;text-decoration:underline; outline:none;}
#access a:active{color:#006CFF;text-decoration:none; outline:none;}

/*#info*/

#info .frame-left {
    font-weight: 800;
    border-bottom: dotted #82b6ff 1px;
    color: #82b6ff;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#info .frame-wrap {
    margin-bottom: 4vw;
}

#news .news_box .day_tit{
border-bottom: 0.5px #ffffff solid;
margin-bottom: 30px;
padding-bottom: 20px;
display: flex;
font-size: 21px;
justify-content: space-between;}
/* #news .w_title{font-weight: bold;} */
.news_box {
    margin-bottom: 50px;
}
span.news_day {
    display: block;
    font-size: 14px;

}


/************thanks*************/

.thanks_title{font-size:28px; padding:2% 0;}
.thanks_item{padding:2% 0; border-top:1px dotted #fff;}

.home{margin:2% 0;}
.home a:link{padding:2% 3%; text-decoration:none; outline:none;}
.home a:visited{ text-decoration:none; outline:none;}
.home a:hover{text-decoration:none; outline:none;}
.home a:active{text-decoration:none; outline:none;}


/************404*************/

#not-found{
    width:100%;
    color:#fff;
    background-color:#231815;
    padding:10% 0;
}
#not-found a:link,#not-found a:visited{color:#fff; text-decoration:underline; outline:none;}

/********************* ▼960pxまで適応 *********************/
@media screen and (max-width: 1250px) {
    #guest {
        max-width: 80vw;}
        #guest .event_guest {
            font-size: 30px;}
}

@media screen and (max-width: 960px) {
html, body {font-size:12px;}
h3.title{font-size: 55px;    margin-bottom: 100px;}
.sp_nav{display:block;}
#main_img img {
    width: 45%;
    max-width: 500px;
}
#menu li{
    width:50%;
    margin:0;
    font-size:12px;
}
section#main_img{ height: 50vw;}
section#main_img {
    height: -webkit-fill-available;
}

div#main_img_day br{display: block;}



@-moz-document url-prefix() {
    section#main_img{
     height: inherit;
    }
  }
  #news .news_box .day_tit{font-size: 16px;}
  section div#news h3{display: none;}
section div#news, section div#access, section div#info{
    padding: 20vw 10vw;
}
section div#artist{
    padding: 20vw 10vw 0vw 10vw;

}
#sns_area{
    padding:2% 1% 2% 1%;
    width:5%;
    top:10%;
    border-radius:5px 0 0 5px;
}

#sns_area img{width:100%;}
.pc_br{display:none;}


.small{font-size:10px;}

.top_img img{
    width:98%;
    margin:0 1%;
}
span.mainday {
    font-size: 10vw;
}
.top-item{
    width:25%;
    top:10%;
    right:2%;
}
.top-item li{
    list-style:none;
    display:inline-block;
}
.top-item li img{
    width:80%;
    margin:5% 0;
}

.comp_name{width:100px;}
.waku img{width:20%; vertical-align:middle;}

/* artist */

section#artist ul.a_left,section#artist ul.a_right{width: 100%}
#artist .a_main ul li a span.a_name {
    font-size: 15px;
    font-weight: bold;
    line-height: 122%;
}

.frame-w{width:100%; margin:0 0 1%; padding:2%;}
.n-title{font-size:16px; margin-bottom:1%;}

.line-w{margin:2% 0;}
.w-left{display:block; width:100%;}


 /* timetable */
 section#time {
    padding: 10vw;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
  #time .bg_rgray{
    background-color: #cccccc;
  }

#time figure img {
    width: 100%;
    max-width: 900px;
}

#time figure {
    margin: 0 auto;
    text-align: center;
    /* padding: 10vw; */
}

#time figure a:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    text-decoration: none;
  }

section#time h3.title{
    margin-bottom: 50px;
}
/* guest */
#opening_a ul li.opa_r {
    font-size: 90%;
    line-height: 140%;
}
#opening_a .event_opa {
    font-size: 140%;
}
#opening_a ul.opa_li li span.opa_name {
    font-size: 140%;
    font-weight: 900;
}
span.opa_day {
    font-size: 80%;
    font-weight: 400;
}
section div#artist {
    padding: 10vw 10vw 0vw 10vw;
}
#opening_a .guest_txt br {
    display: none;
}

/* news */
#news .news_box .day_tit{display: block;}


/************thanks*************/

.thanks_title{font-size:12px; font-weight:bold;}


}/* w960px end */
@media (max-height: 880px){
    #main_img img {
        width: 33%;
    }
    #main_img img.day {
        width: 36%;
    }

    div#main_img_day {
        line-height: unset;
    }
    div#main_img_day {
        font-size: 5vw;}
    .sp_br{display:block;}
}/* height 880px end */



@media screen and (max-width: 768px) {/* ipad mini */

    #main_img img {
        width: 65%;
    }
    #artist .a_main ul.a_top, #artist .a_main ul.a_bottom {
        display: flex;
    }
    h3.title{
        font-size: 40px;
    }
    .gnav__menu__item {
        margin: 4vh;
    }
    #header_main_page .gnav .gnav__wrap h1 a img {
        margin: 10vh auto 2vh auto;
        max-width: 350px;
    }


}/* w768px end */


@media screen and (max-width: 666px) {
#main_img img.day{
    width: 45vw;
    max-width: 400px;
}

#artist .a_main ul.a_top, #artist .a_main ul.a_bottom {
    display: block;
    width: 100%;
}
#artist .a_main ul.a_bottom{padding: 0;}
#artist .a_main ul.a_top li, #artist .a_main ul.a_bottom li,
#artist .a_main ul.a_top li img, #artist .a_main ul.a_bottom li img{
    width: 100%;
}

#guest .guest_img,#guest ul li.guest_r{
    width: 100%;
    padding: 0;
    font-size: 90%;
}
#guest ul.guest_li li span {
    display: flex;
    font-size: 100%;
}
#guest ul.guest_li {
    display: block;
    padding: 9vw;
}
#guest .guest_img img{
    width: 100%;
    height: auto;
    max-width: 55vw;

}
#guest .guest_img    figure {
    text-align: center;
}
span.guest_day{display: block;}
#guest .event_guest {
    font-size: 6vw;
    padding: 2vw;
    font-weight: 900;
}
#guest ul.guest_li li span.guest_name {
        font-size:20px;
        font-weight: 900;
        margin: 4vw 0vw;
    }


}

/* w660px end */


@media (max-height: 940px){



div#main_img_day br {
    display: block;
}

}/* w920px end */

@media (max-height: 800px){
    div#main_img_day {
        font-size: 3vw;
        line-height: 127%;
    }
}


@media (max-height: 580px){


    #main_img img{
        height: 64vh;
        width: auto;
    }

    div#main_img_day{
        width: 30vw;
        left: auto;
        right: 0;
        line-height: normal;
        font-size: 100%;
    }
    span.mainday{font-size: 100%;}
    span.maindow{font-size: 100%;}
    
    div#main_img_day br {
        display: block;
    }


span.ft_impact.venue {
font-size: 5vw;
}





}

span.top_year {
    font-size: 50%;
}