@charset 'utf-8';


#stage{
    display:none;
}



/*--------------------------------------*/
/* [BG] */

.bgsSuper{
    position: absolute;
    left:0; top:0;
    width: 100%;
    display:none;
    opacity:0;
}

.bgsSuper .layer1{
    position: absolute;
    left:0; top:0;
    width: 100%;
}

.bgsSuper img{
    width:100%; height:auto;
}

.bgs1{
    display: block !important;
    opacity:1 !important;
}




/*--------------------------------------*/
/* [MAIN] */
.cathcopy{
    position: absolute;
    left:49%; top:2.5%;
    width:7%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
}
.cathcopy .inner{
	height:100%;
	overflow: hidden;
}
.cathcopy img{
    max-width: 100%;
}

.date{
    position: absolute;
    right:20px; top:0;
}


.mainBnrs{
    position: absolute;
    left:0; top:0;
    width: 100%;
    display: none;
}

.mainBnrs .yatomatsuri{
    position: absolute;
    right:140px; top:0;
}

.mainBnrs .yatoondo{
    position: absolute;
    right:140px; top:20px;
}

.mainBnrs .shimane{
    position: absolute;
    right:220px; top:0;
}

.mainBnrs .blurays{
    position: absolute;
    left:18px; top:0;
}
.mainBnrs .blurays li{
    margin-top: 20px;
}
.mainBnrs .blurays img{
    vertical-align: top;
}
.mainBnrs .nico2{
    position: absolute;
    right:40px; top:20px;
}


/*--------------------------------------*/
/* [イベント用モーダル] */

#modal{
    position: fixed;
    left: 0px; top: 0px;
    width: 100%; height: 100%;
    overflow: hidden;
    z-index: 1000;
    display: none;
}

#modal::before {
    content: "";
    position: absolute;
    left: 0px; top: 0px;
    width: 100%; height: 100%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.8);
}

#modal .close{
    position: absolute;
    right: 30px; top: 30px;
    
    -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    
    cursor: pointer;
    display: none;
}

#modal .close:hover{  
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
}


/* 夜トかえってくるver. */
#modal .tegami{
    position: absolute;
    left: 50%; top: 50%;
    
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    
    display: none;
}