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

* {
    margin: 0;
    padding: 0;
    }


html {
	height:100%;
	width:100%;
    padding:0;
    margin:0;
    font-size:62.5%;
}
html {-webkit-text-size-adjust:100%;}

body {
	height:100%;
	width:100%;
    color:#333;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
    font-size:11px;
    font-size:1.1rem;
}


* html body {
    font-family:Verdana,'メイリオ',"ＭＳ Ｐゴシック",Osaka,sans-serif;
}
:first-child + html body {
    font-family:Verdana,'メイリオ',"ＭＳ Ｐゴシック",Osaka,sans-serif;
}


a { /*FireFoxリンク選択時の点線を消す*/
    overflow:hidden;
    outline:none;
}


a:link {margin:0; padding:0; color:#fff;text-decoration:none;}
a:visited {margin:0; padding:0; color:#fff;text-decoration:none;}
a:hover {margin:0;padding: 0;color:#999;text-decoration:none;}
a:active {margin:0; padding:0; color:#999;text-decoration:none;}



/* img */

img {border:0px;}



/* border none */

.border {border:none;}


/* ul */
ul{list-style:none;}

/* table */
table{border:0; border-collapse:collapse;}


/* float */
.f_l {float:left;}
.f_r {float:right;}


/* clear */

.clear{clear:both; height:0; line-height:0; font-size:1%;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

h1 {
   font-weight:normal;
   color:#fff;
   display:inline;
}





/* wrapper */

#wrapper {
    width: 100%;
    height: 100%;
	position:relative;

}

/* container */

.container {
    background-image:url('../img/slide/top_1.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    height:100vh;
    width:100vw;

}

/* header */

.ttl {
    margin:0;
    padding:3% 3% 0 3%;
    text-align:left;
	box-sizing:border-box;
}

/* mobile/tablet menu */
.mt_menu {display:none;}







/* main */
.conts{
    padding:0 3%;
    margin:0;
    text-align:left;
    box-sizing:border-box;
}

/* tablet mobile logo */
.mt_logo{display:none;}
.mt_logo_center{display:none;}






/* desktop navi */

.conts nav {margin-top:13px;}
.conts ul li {
    font-family: 'Roboto', sans-serif;
    line-height:1.5;
    display:block;
    font-size:12px;
    font-size:1.2rem;
}


ul.sns {
    margin-top:20px;
}
ul.sns li {
    display:inline-block;
}

/* insta */
li.inst {
    background-image:url('../img/sns_insta_hover.png');
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:21px 21px;
    margin-right:5px;
}
li.inst a {
    display:inline-block;
}
li.inst a:hover img {
    visibility:hidden;
}


/* 旧twitter */
li.twt {
    background-image:url('../img/sns_x_hover.png');
    background-repeat:no-repeat;
    background-position:0px 0px;
    background-size:24px 21px;
}
li.twt a {
    display:inline-block;
}
li.twt a:hover img {
    visibility:hidden;
}


/* footer */
.credit {
    margin:0 3%;
    position:absolute;
    bottom:0;
    height:35px;
	background-color:#0F0;
}
.credit p {
    color:#666;
    text-align:left;
    font-size:10px;
    font-size:1.0rem;
}



/* event */

/*#consolPopup {
    display:none;
    width:400px !important;
    margin:0;
    padding:0;
}*/

#consolPopup {
    display:none;
    width:auto;
    height:auto;
    margin:0;
    padding:30px;
    background: #fff;
}

.event-base{
    margin:0 auto;
    display:flex;
}

.main-visual{
    width:432px;
    margin:0 auto;
    padding:0 22px 0 0;
    box-sizing:border-box;
}
.main-visual img{
    width:100%;
}
.event-detail{
    width:422px;
    margin:40px auto 0;
    padding:0 0 0 22px;
    box-sizing: border-box;
}

h2.artist{
   font-size:1.7rem;
   color:#000;
   text-align: left;
}
section.note{
    text-align: left;
    margin:0;
    color:#000;
}

section.note h2{
    font-size:2.1rem;
}

section.note dl{
    color:#000;
    font-size:1.5rem;
    line-height:1.4;
    margin:20px 0 0;
    padding:0;
}

section.note dl dt{
    float: left;
}
section.note dl dd{
    margin:0 0 10px 80px;
}

section.note dl a{
    color:#5396e9;
}
section.note dl a:hover{
    text-decoration: underline;
}