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


.site-header{
   /* background:rgba(255,255,255,0.85);*/
    display: flex;
    padding: 20px 20px;
    justify-content: space-between; 
    width: 100%;
	height: auto;
    position: fixed;
	z-index: 1000;
    font-family: futura-pt, sans-serif;

}
.site-logo {
    font-family: futura-pt, sans-serif;
	font-size: 14px;
	font-weight: bold;
    width: auto;
	text-align: center;

}

.title_vol{
    font-family: futura-pt, sans-serif;
	font-size: 15px;
	display: block;
	border-top: solid 1px #000000;
	margin-top: 5px;
	padding: 5px 15px 0;

}

.gnav__menu{
    display: flex;
}
.gnav__menu__item{
    margin-left: 60px;
	font-size: 12px;
    font-family: futura-pt, sans-serif;
}
.gnav__menu__item a{
    color: #000;
    text-decoration: none;
}


@media screen and (max-width:780px) { 
    /*　画面サイズが480pxまではここを読み込む　*/
.site-header{
    /* background:rgba(73,4,144,0.4);*/
    display: flex;
    padding: 6px 10px 4px;
    justify-content: space-between; 
    width: 100%;
	height: auto;
    position: fixed;
	z-index: 1000;
    font-family: futura-pt, sans-serif;

}
.site-logo {
    font-family: futura-pt, sans-serif;
	font-size: 8px;
	font-weight: bold;
    width: auto;
	text-align: center;
}

.title_vol{
    font-family: futura-pt, sans-serif;
	font-size: 8px;
	display: block;
	border-top: solid 1px #000000;
	margin-top: 3px;
	padding: 2px 13px 0px;

}

.gnav__menu{
    display: flex;
}
.gnav__menu__item{
    margin-left: 60px;
	margin-top: 10px;
	font-size: 11px;
    font-family: futura-pt, sans-serif;
}
.gnav__menu__item a{
    color: #000;
    text-decoration: none;
}
}



/*========= 1文字ずつ出現させるためのCSS ===============*/

.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}