@charset "utf-8";
#global_navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	border-left:  1px solid #cccccc;
	width: 100%;
	}
	
#global_navi ul li {
	border-right: 1px solid #cccccc;
    width: 100%;
	}
	
#global_navi ul li a {
	display: block;
	padding: 6px 20px;
	background-color: #ffffcc;
	}
	
#global_navi ul li a:hover {
	background-color: gold;
	}

#global_navi ul li a.current {
	background-color: gold;
	}

	

#box {
	width: 800px;
	height: 100px;
	border: 1px   solid #000000;
	overflow-y: scroll;
/*	margin-left: 30px;
	margin-right: auto;
	*/
	}
	
#mini-box{
	width: 45px;
	height:45 px;
	border: 1px   solid #000000;
	overflow-y: scroll;
/*	margin-left: 30px;
	margin-right: auto;
	*/
	}
	
	
	
#wrapper{
    height: 100%;
    min-height: 50vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

#footer{
    width: 100%;
    background-color: #89c7de;
    color: #FFFFFF;
    text-align: center;
    padding: 30px 0;

    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}

#header	{
	/*position:	fixed; */
	/*font-size:	15px; */
	font-family: cursive;
	line-height: 1;
	z-index:	999;
	top:		0;
	left:		0;
	width:		100%;
	height:		150px;
	text-align: center;
	padding:	10px 0px 10px 0px;/*上右下左*/
	background:	#FFFFFF;
	box-sizing:	border-box;
	}
	
#p3 {
	font-size:	10px;
	color: #FFFFFF;
	line-height:1 ;
	padding:	10px 10px 10px 10px;/*上右下左*/
	background:	#0000ff;
	}	
	
#p1 {
	font-size:	20px;
	line-height:1 ;
	padding:	10px 0px 0px 0px;/*上右下左*/
	background:	#FFFFFF;
	}
	
#p2 {
	font-size:	45px;
	line-height:1 ;
	padding:	10px 0px 30px 0px;/*上右下左*/
	background:	#FFFFFF;
	}
	
    .scroll-text {
        white-space: nowrap; /* 文字を折り返さないようにする */
        overflow: hidden; /* テキストが溢れないようにする */
        animation: scroll 15s linear infinite; /* アニメーション設定 */
    }

    @keyframes scroll {
        0% {
            transform: translateX(100%); /* 初期位置を画面外にする */
        }
        100% {
            transform: translateX(-100%); /* 最終位置を画面外にする */
        }
    }