/********************************************************************************************************/
/************************　　SMPH  FIXED-HEADER  ********************************************************/
/********************************************************************************************************/


/*--------------------------------          FIXED--HEADER   全体のサイズ ( 70PX )	---------------*/



/*-- div 位置　header-fixedarea  >  header-waku  >  header-content  >  header01  --*/




/*-------------- 以下　-----スマホCSS  --------------*/


@media screen and (max-width: 479px){	}


div#header-fixedarea

	{	position		: fixed;	       		/* ヘッダーの固定 	*/
		
    	top				: 0px;                 	/* 位置(上0px) 		*/

    	left			: 0%;                 	/* 位置(右0px) 		*/

    	width			: 100%;                	/* 横幅100%　		*/

    	height			: 70px;              	/* 縦幅150px 		*/	

		z-index			: 4;						/* このエリアの下を通過　	*/

		background-color:lightblue;
	
	}



	div#header-waku	
	
		{	background-color		:orange;			  /* 背景色	 			*/

			padding					: 10px 0 10px;       	/* 上5px、下5px	をあける 		*/

			height					: 50px;              	/* 縦の高さ50px 	50+10+10=70 		*/

			/*width					: 100%;  */            	/* 横の幅を100% 	  ﾃﾞﾌｫﾙﾄ : width=100%	*/

		}


 
		div#header-content 
		
			{	/*border: 3px solid lightblue;*/    		/* 表示領域を薄青枠で囲う 		*/
	
				height				: 100%;              	/* 縦の表示領域はheader-wakuと同じ 	*/

				/*width				: 90%;*/               	/* 横の幅970px 				*/

				margin				: auto;              	/* 中央揃え 				*/
			}






			div.header01
			
				{	height			: 100%;

					/*width			: 100%;*/

					background-color:darkblue;
				}


				.company-name

					{	position	: absolute;

				 		top			: 22px;
						
						left		: 5%;

						color		:white;	
						
						font-weight	: bold;

					  	font-size	: 15px;
						
						text-shadow	: 5px 5px 5px #808080; 

					}



				.btn11
				
					{	position	: absolute; 

						top			: 20px;
						
						left		: 77%;

					}


				.btn21
				
					{	position	: absolute;

				 		top			: 20px;
						
						left		:	87%;
					}



				.size-btn
				
					{	width		: 30px;
						
						height		: 30px;

					}



/********************************************************************************************************/
/************************　　FIXED--HEADER--END    ******************************************************/
/********************************************************************************************************/