@charset "UTF-8";
#main{
	padding-bottom : 1em;
}
/*--------------------------------------------
STAFF
---------------------------------------------*/
@media screen and (max-width: 768px){
	#staff .list-staff{
		margin-top : calc( 54 * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1279px){
	#staff .list-staff{
		margin-top : calc( 45 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 1280px) and (max-width:1379px){
	#staff .list-staff{
		margin-top : calc( 45 * 100vw / 1280 );
	}
}
@media print,screen and (min-width: 1380px){
	#staff .list-staff{
		margin-top : 45px;
	}
}
/*--------------------------------------------
GALLERY
---------------------------------------------*/
#hairgallery picture{
	overflow : hidden;
	width : 100%;
}
#hairgallery picture > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	font-family : "object-fit: cover;";
}
#hairgallery .wrap > ul > li > a{
	display : block;
}
#hairgallery a div div{
	display : flex;
	align-items : flex-start;
	flex-wrap : wrap;
}
@media screen and (max-width: 768px){
	#hairgallery .wrap > ul{
		margin-top : calc( 25 * 100vw / 768 );
		display : flex;
		flex-wrap : wrap;
		align-items : flex-start;
		justify-content : flex-start;
        grid-gap: calc( 20 * 100vw / 768 );
	}
	#hairgallery .wrap > ul li{
		width : calc( 50% - ( 10 * 100vw / 768 ) );
	}
	#hairgallery .wrap > ul li:nth-of-type(2n){
	}
	#hairgallery picture{
		width : 100%;
		flex-shrink : 0;
		height : 100%;
		margin-right : calc( 14 * 100% / 736 );
	}
	#hairgallery .title{
		font-size : calc( 26 * 100vw / 750 );
		line-height : 1.38;
	}
	#hairgallery time{
		font-size : calc( 24 * 100vw / 750 );
		line-height : 1.5;
	}
	#hairgallery .link02{
		margin-top : calc( 41 * 100vw / 768 );
	}
    #hairgallery .archive-title {
        font-size: calc( 40 * 100vw / 736 );
        margin-bottom: calc( 20 * 100% / 736 );
    }
}
@media print,screen and (min-width: 769px){
	#hairgallery .wrap > ul{
		display : flex;
		justify-content : center;
		flex-wrap : wrap;
	}
	#hairgallery .wrap > ul > li{
		width : 245px;
		margin-bottom : 20px;
		margin-left : 10px;
		margin-right : 10px;
	}
	#hairgallery .title{
		line-height : 1.31;
	}
	#hairgallery time{
		line-height : 1.5;
	}
    #hairgallery .archive-title {
        font-size: 34px;
        margin-bottom: 40px;
        margin-left: 10px;
    }
}
@media screen and (min-width: 769px) and (max-width:1279px){
	#hairgallery .wrap > ul{
		margin-top : calc( 14 * 100vw / 768 );
	}
	#hairgallery .wrap > ul > li{
		width : calc( 180 * 100% / 980 );
	}
	#hairgallery picture{
		height : calc( 136 * 100vw / 768 );
	}
	#hairgallery .title{
		font-size : calc( 16 * 100vw / 768 );
		margin-top : calc( ( 12 - 2.5 ) * 100vw / 768 );
	}
}
@media print,screen and (min-width: 1280px) and (max-width:1379px){
	#hairgallery .wrap > ul{
		margin-top : calc( 14 * 100vw / 1280 );
	}
	#hairgallery .wrap > ul > li{
		width : 250px;
	}
	#hairgallery picture{
		height : 250px;
	}
	#hairgallery .title{
		font-size : calc( 16 * 100vw / 1280 );
		margin-top : calc( ( 12 - 2.5 ) * 100vw / 1280 );
	}
}
@media print,screen and (min-width: 1380px){
	#hairgallery .wrap > ul{
		margin-top : 14px;
	}
	#hairgallery .wrap > ul > li{
		width : 245px;
	}
	#hairgallery picture{
		height : 245px;
	}
	#hairgallery .title{
		font-size : 16px;
		margin-top : calc( 12px - 2.5px );
	}
	#hairgallery .link02{
		margin-top : calc( 30px - 3.5px );
	}
}
/*--------------------------------------------
BLOG
---------------------------------------------*/
#blogarchive ul.article-list > li{
	margin-bottom : 8em;
}