@charset "UTF-8";

#n_logo {
    margin-left: 45px;
    background-image: url(../img/00.common/logo.png);
    background-size: 210px auto;
    background-repeat: no-repeat;
    display: block;
    width: 70%;
    height: 24px;
    margin-top: 17px;
}
#n_list  {
	margin-top: 6px;
	margin-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#n_line {
	background-image: url(../img/00.common/nav_line1.png);
	width: 100%;
	height: 17px;
	background-repeat: no-repeat;
	background-size: 100% auto;
    background-position: right;
}
/*
.nav_insta {
	margin-top: 11px;
}*/
#n_list a img {
	filter:  invert(30%);
}
#n_list a img:hover {
	filter:  invert(100%);
	transition: 1.0s;
}
/*インスタマーク*/
.pure-drawer .nav_insta {
	margin-top: -15px;
	margin-left: 20px;	
	filter:  invert(30%);
}
.pure-drawer a:hover {
	transition: 1.0s;
	color: #BBBBBB;
}
.pure-drawer a img:hover {
	filter:  invert(50%);
	transition: 1.0s;
}


.n_18pt {
	font-size: 16px;
}

@media screen and (min-width:521px) and (max-width:980px) {
	#n_list  {
		font-size: 10px;
	}
	.n_18pt {
	font-size: 12px;
	}
	.pure-drawer .nav_insta {
		margin-top: -40px;
	}
}
@media screen and (max-width:520px) {
    #n_logo {
	margin-left: 4%;
	background-size: 180px auto;
	width: 96%;
	margin-top: 16px;
        height: 22px;
    }
    #n_list  {
	display: none;	
    }
    #n_line {
        background-size: 220% auto;
		width: 96%;
		margin-left: 4%;
    }
}/*480縛り*/
    
/*@media screen and (min-width:481px) and (max-width:896px) {
    #n_logo {
    margin-left: 45px;
    background-image: url(../img/00.common/logo.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: block;
    width: 355px;
    height: 35px;
    margin-top: 15px;
    }
}/*480-896縛り*/

@media screen and (min-width:981px) and (max-width:2000px)  {
    #n_logo {    
    }
    #n_list  {	
    }
    #n_line {	
    }
}/*896オーバー*/

@media screen and (min-width:2000px) {  
}