/*
 _________	 __   __       __   _________       _______
|   ___   | |  | |  \     |  | |_______  |     /  ___  \
|  |   |__| |  | |   \    |  | 		 /  /     |	 |   |	|	
|  |  ____  |  | |    \   |  | 		/  /	  |	 |   | 	|
|  | |__  |	|  | |     \  |  |     /  /	      |	 |___|	|
|  | 	| | |  | |  |\  \ |  |	  /	 /        |   ___   |
|  |____| | |  | |  | \  \|  |	 /  /_______  |  |   |  |
\_________| |__| |__|  \_____|	|___________| |__|	 |__| HAIR SALON
________________________________________________________________________________________________________________
________________________________________________________________________________________________________________

*/

h1,h4,h3,h2,table,ul,p,li,span{
	padding:0;
	margin:0;
}

a{
	text-decoration:none;
	color:inherit;
	outline:0 !important;
}
*{
	outline: none;
}
a:hover{
	text-decoration:underline;
	color:#b5b4b1;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1134px;
    margin: 0 auto;
}

.thumbnail{
	padding:0;
	margin:0;
	border:0;
	background-color:transparent;
}

.thumbnail img{
	margin:0;
	padding:0;
	width: 100%;
	display:inline;
}

@media screen and (min-width: 320px) and (max-width:567px ){
	.ginza-staff1 .thumbnail img{
		width:80%;
		padding-top:20px;
	}
	.ginza-staff2 .thumbnail img{
		width:80%;
		padding-top:20px;
	}
}

@media screen and (min-width: 568px) and (max-width:767px ){
	.ginza-staff1 .thumbnail img{
		width:80%;
		padding-top:20px;
	}
	.ginza-staff2 .thumbnail img{
		width:80%;
		padding-top:20px;
	}
}

.clearfix{
	clear:both;
}

#logo{
    position: fixed;
    margin-top: -134px;
    margin-left: -159px;
    top: 65%;
    left: 54%;
    display: none;
    z-index: 4;
    width: 317px;
    height: 317px;
    opacity: 1; 
    transform: scale(1, 1); 
    display: block;
}

.ginza-logo{
  position:relative;
}

/*parallax*/
.ginza-haircut1{
    background-image: url(../img/1.jpg);
    min-height:1000px; 
    background-attachment: fixed;
    background-position:center center;
    background-repeat: no-repeat;
  	background-size: cover;
}

.ginza-haircut2{
	background-image:url(../img/5.jpg);
	min-height: 1000px; 
    background-attachment: fixed;
     background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ginza-haircut3{
	background-image:url(../img/6.jpg);
	min-height: 1000px; 
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ginza-haircut4{
	background-image:url(../img/10.jpg);
	min-height: 1000px; 
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ginza-haircut5{
	background-image:url(../img/15.jpg);
	min-height: 1000px; 
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ginza-haircut6{
	background-image:url(../img/17.jpg);
	min-height: 1000px; 
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width:599px ){
	.ginza-haircut1,
	.ginza-haircut2,
	.ginza-haircut3,
	.ginza-haircut4,
	.ginza-haircut5,
	.ginza-haircut6{
		background-attachment: inherit;
		min-height: 300px; 
	}
}

@media screen and (min-width: 414px) and (max-width:599px ){
	.ginza-haircut1{
		min-height: 593px;
		background-size: cover;
	}
}
@media screen and (min-width: 375px) and (max-width:413px ){
	.ginza-haircut1{
		min-height: 528px;
		background-size: cover;
	}
}

@media screen and (min-width: 320px) and (max-width:374px ){

	.ginza-haircut1{
		min-height: 420px;
		background-size: cover;
	}

	.ginza-haircut2{
		min-height: 420px;
		background-size: cover;
	}

	.ginza-haircut3{
		min-height: 420px;
		background-size: cover;
	}

	.ginza-haircut4{
		min-height: 420px;
		background-size: cover;
	}

	.ginza-haircut5{
		min-height: 420px;
		background-size: cover;
	}

	.ginza-haircut6{
		min-height: 420px;
		background-size: cover;

	}
}

@media screen and (min-width: 868px) and (max-width:1024px ){

	.ginza-haircut1{
		min-height: 1302px;
		background-size: cover;
	}

}


@media screen and (min-width: 0px) and (max-width: 319px){

	.ginza-haircut1{
		min-height: 416px;
		background-size: cover;
	}

	.ginza-haircut2{
		min-height: 416px;
		background-size: cover;
	}

	.ginza-haircut3{
		min-height: 416px;
		background-size: cover;
	}

	.ginza-haircut4{
		min-height: 416px;
		background-size: cover;
	}

	.ginza-haircut5{
		min-height: 416px;
		background-size: cover;
	}

	.ginza-haircut6{
		min-height: 416px;
		background-size: cover;
	}
}
@media screen and (min-width: 768px) and (max-width:867px ){
	
	.ginza-haircut1{
		min-height: 962px;
	}
	
	.ginza-haircut2{
		min-height: 962px;
	}

	.ginza-haircut3{
		min-height: 962px;
	}

	.ginza-haircut4{
		min-height: 962px;
	}

	.ginza-haircut5{
		min-height: 962px;
	}

	.ginza-haircut6{
		min-height: 962px;
	}
}
@media screen and (min-width: 1339px) and (max-width:1920px ){
	
	.ginza-haircut1{
		min-height: 924px;
	}
	
	.ginza-haircut2{
		min-height: 924px;
	}

	.ginza-haircut3{
		min-height: 924px;
	}

	.ginza-haircut4{
		min-height: 924px;
	}

	.ginza-haircut5{
		min-height: 924px;
	}

	.ginza-haircut6{
		min-height: 924px;
	}
}
/*parallax-end*/


/*recruitment*/
.recruitment .border-last{
	padding: 30px 0;
	border-width: 1px;
	border-top-style:dotted;
	border-bottom-style:dotted;
}
.recruitment p{
    text-align: left;
    font-size: 13px;
  }
  .recruitment .recruitment-1 li{
    text-align: left;
    font-size: 13px;
    list-style-type:none;

  }
  .recruitment{
    max-width: 100%;
    width:70%;
    margin:5% auto;
    font-family: "Noto Sans Japanese"; 
  }
  .recruitment .border-recruitment{
    border-width: 1px;
    border-top-style:dotted;
    padding: 30px 0;
  }
 .recruit-button {
    height: 73px;
    width: 75%;
    max-width: 330px;
    text-align: left;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #000;
    padding-left: 40px;
    margin: 40px auto;
    outline: 0;
  }
 .recruit-button  img{
  float:right;
  padding-right:20px;
}

@media screen and (max-width: 320px){
	.recruitment{
		width: 100%;
	}

	.recruitment .recruitment-1 li{
		font-size:11px;
		text-align: left;
	}
}

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

	.recruitment{
		width: 90%;
	}

	.recruitment .recruitment-1 li{
		font-size:12px;
		text-align: left;
	}
}
}
/*end-of-recruitment*/