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

/*７６９px以上の場合に読み込ませるもの*/
@media screen and (min-width: 769px){
	.drawer{
		display: none;
	}
	.drawer{
		position: absolute!important;
		top: 0;
		right: 0;
	}
    header{
        display: flex;
        justify-content: space-around;
    }
    #sidebar{
        float: right;
    }
}
/*９８０px以下に読み込ませるもの*/
@media screen and (max-width: 980px){
    #wrapper{
        width: 100%;
    }
}
/*７６９～９８０pxの間に読み込ませるもの*/
@media screen and (min-width: 769px) and (max-width: 980px){
    #header-navi{
        justify-content: flex-start;
    }
    header h1 a{
        display: block;
       width: 280px;
        margin-left: 10px;
        text-align: left;
        font-size: 50px;
    }
}
/*７６８px以下に読み込ませるもの*/
@media screen and ( max-width : 768px ){
	#toppage #main{
		width: 100%;
	}
    header{
        position: fixed;
        z-index: 10000;
		height: 130px;
        background-image: linear-gradient(to right,
        rgba(28,66,149,0.4),
             rgba(223,51,255,0.4));
	}
    
	header ul#header-navi{
        display: none;
    }
    header ul#header-navi div{
        width: 100%;
    }
   header div#headSearch{
        display: block;
        width: 100%;
        height: 50px;
        margin: auto;
    }
    header  input#seachForm01{
        display: block;
        width: 100%;
        height: 80px;
    }
	header #searchBar{
        width: 60%;
		height: 61px;
        margin-left: 10px;
        margin-top: 12px;
    }
     #searchBtn{
         width: 15%;
		 height: 67px;
         margin-top: 12px;
    }

	header h1{
        width: 100%;
        height: 40px;
    }
    header h1 a{
		width: 100%;
		height: 40px;
        font-size: 35px;
		margin: 10px 0px 0px 20px;
        line-height: 50px;
        display: block;
    }
    header h1 a::before{
        top:0;
        left: 175px;
        height: 30px;
    }
	#top-firstview{
		margin-top: 130px;
	}
    #top-firstview h2{
        width: 100vw;
        text-align: center;
    }
	#sidebar{
		display: none;
	}
}
#live-firstview, 
#sports-firstview, 
#seminar-firstview, 
#exhibition-firstview, 
#theater-firstview, 
	#fes-firstview{
		height: 300px;
		border-top: 150px solid transparent;
	}
	/*::::::::::::::::::::::::::::::::::::キーフレームアニメーション*/
	@keyframes fadeIn{
		0%{
			opacity: 0;
		}
		100%{
			opacity: 1;
		}
	}
	@keyframes stretch{
		0%{
			height: 100%;
		}
		100%{
			height: 50%;
		}
	}
@keyframes shadow {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes daze{
    0%{
    background-position: 10% 50%;
    }
    50%{
    background-position: 105% 10%;
    }
    100%{
    background-position: 10% 50%;
    }
}
@keyframes daze2{
	0%{
		background-size: 50% 50%;
	}
	50%{
		background-size: 150% 150%;
	}
	100%{
		background-size: 50% 50%;
	}
}
@keyframes open{
	0%{
		width: 100%;
	}
	100%{
		width: 0%;
	}
}
@keyframes close{
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}