/*    背景固定画像用　CSS_CLASS*/
    .b_img{display: block;
/*             background-image: url(./img/bg01.gif) ;*/
            background-image: url(./img/img007-2.jpg) ;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:contain;
    background-size:cover;               /* 画像のサイズ指定 */
    background-position: right center;           /*背景の位置指定*/ 
    }
    
    
    #nc_global_nav {
        margin: 0 auto ;
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
        font-family: MS Sans Serif;
    }
/*--------------------------------------------------*/
/*　ヘッダ　と　NAV　　　　　　　　　　　　　　　　　　　　　*/
/*--------------------------------------------------*/
    header {
/*
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000;
*/

}

#nc_global_nav {
}
#nc_global_nav li a {
	display: block;
	padding: 0px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}
/*    NAV用　CSS_CLASS*/
    .nc_nav01{
        
    }
/*----------------------*/
/*　TOP固定（fixed）　　　 */
/*----------------------*/
/*    NAV用　CSS_CLASS　TOPに固定する*/
    .nc_nav01_fixed {
        
        
animation-name:fadedownAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
        
        
        position: fixed;
        width: 100%;
        height: 5rem; /* 高さ */
        top: 0;
/*        left: 0;*/
        z-index: 1000;
        height: 4rem; /* 高さ */
        background-color: rgba(255, 255, 255, 0.36);
    }   
@keyframes fadedownAnime{
  from {
    opacity: 0;
  transform: translateY(-50px);
  }

  to {
    opacity: 1;
  transform: translateY(0px);
  }
} 


    .nc_nav01_fixed .nc_nav_bg{
        background: var(--header-back_img) no-repeat center;
            background-size: cover;
                    width:100%;
       /* height: 4rem; */ /* 高さ */
} 


    .nc_nav01_fixed .nc_logo{
/*        width: 900px;*/
        height: 4rem;
                    width:180px;
                    background: rgba(255, 255, 255, 0.33);
                    color: #fff;
                    text-shadow: 2px 2px 10px #4d9bc1, -2px 2px 10px #4d9bc1, 2px -2px 10px #4d9bc1, -2px -2px 10px #4d9bc1;
                    font-size:1.2rem;
        background: url(./img/nc_logo_01.jpg) no-repeat center;
            background-size: contain;
    }    
    .nc_nav01_fixed p{
        color: #ffffff; /* 高さ */
    }    
    .nc_nav01_fixed li {
	float: left;
	width: 14.28%;
	background: var(--base_color00);
	border-right: 1px solid #fff;
	box-sizing: border-box;
	display: block;
	padding: 0px;
	color: #fff;
	text-decoration: none;
	text-align: center;
    }   
    .nc_nav01_fixed  a {
	display: block;
	padding: 0px;
	color: #fff;
	text-decoration: none;
	text-align: center;
    }
/*----------------------*/
/*　初期（fixed　OFF）　　　 */
/*----------------------*/
    /* 下から */

.fadeUp{
animation-name:fadeAnime;
animation-duration:25.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(50px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
    .nc_nav01_fixed_off {
        
        
        
animation-name:fadeUpAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
        
        
    position:relative;
        
        
   display: flex;
   flex-wrap: wrap;
        width: 900px;
        height: 13rem; /* 高さ */
        padding:1rem 3rem;
        top: 0;
        z-index: 1000;
	border: 1px solid #fff;
        border-radius: 10px;
        background-color: rgba(0, 175, 253, 0.4);
        background-color: rgba(210, 38, 48, 0.28);
        background-color: rgb(255, 255, 255);
    }    


    .nc_nav01_fixed_off .nc_nav_bg{
        width: 100%;
} 

    .nc_nav01_fixed_off .nc_logo{
/*        width: 900px;*/
        height: 4rem; /* 高さ */
                    width:180px;
                    background: rgba(255, 255, 255, 0.33);
                    color: #fff;
                    text-shadow: 2px 2px 10px #4d9bc1, -2px 2px 10px #4d9bc1, 2px -2px 10px #4d9bc1, -2px -2px 10px #4d9bc1;
                    font-size:1.2rem;
        background: url(./img/nc_logo_01.jpg) no-repeat center;
            background-size: contain;
    }    
    .nc_nav01_fixed_off p{
        color: crimson; /* 高さ */
    }    
    .nc_nav01_fixed_off li {
	float: left;
	width: 14%;
	background: rgba(255, 0, 0, 0.23);
	background: rgba(210, 38, 48, 0.61);
	background: rgba(210, 38, 48, 1.0);
	border-right: 1px solid #fff;
	border: 1px solid rgb(255, 255, 255);
	box-sizing: border-box;
	display: block;
        margin-top:2rem;
	padding: 10px 0;
	color: #fff;
	color: rgba(255, 0, 0, 0.78);
	text-decoration: none;
	text-align: center;
    }   
    .nc_nav01_fixed_off  a {
	display: block;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
}