@charset "UTF-8";
#main{
	padding-bottom : 1em;
}
/*--------------------------------------------
GALLERY
---------------------------------------------*/
#hairgallery-detail .main-photo{
	margin : auto auto 2em auto;
}
#hairgallery-detail .main-photo img{
	width : 100%;
	height : auto;
}
#hairgallery-detail .box{
}
	#hairgallery-detail .box p{
		display: inline-block;
		margin-right: 1em;
	}
		#hairgallery-detail .box p span{
			margin-right: .5em;
		}

@media screen and (max-width: 768px){
	#hairgallery-detail .main-photo{
		width : 100%;
	}
	#hairgallery-detail h2{
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : 1em;
		font-weight : 600;
	}
	#hairgallery-detail .text-wrap{
		font-size: calc( 26 * 100vw / 768 );
        margin-bottom: calc( 40 * 100vw / 768 );
	}


}
@media print,screen and (min-width: 769px) and (max-width:1059px){
	#hairgallery-detail .wrap {
		flex-wrap: wrap;
		align-items: center;
	}
	#hairgallery-detail .main-photo{
		max-width : 500px;
		margin: auto auto 2em auto;
	}
	#hairgallery-detail .text-wrap{
		max : 800px;
		margin: auto auto 2em auto;
	}
	#hairgallery-detail h2{
		font-size : 24px;
		margin-bottom : 20px;
		font-weight : 600;
	}
	#hairgallery-detail .box{
		width: 100%;
		margin-top : 1em;
		margin-bottom : 20px;
		line-height : 1.8;
	}
}
@media print,screen and (min-width: 1060px){
	#hairgallery-detail .wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#hairgallery-detail .main-photo , #hairgallery-detail .text-wrap{
		width : 500px;
	}
	#hairgallery-detail h2{
		font-size : 24px;
		margin-bottom : 20px;
		font-weight : 600;
	}
	#hairgallery-detail .box{
		width: 100%;
		margin-top : 1em;
		margin-bottom : 20px;
		line-height : 1.8;
	}
}
/*--------------------------------------------
VOICES
---------------------------------------------*/
#voices-detail .main-photo{
	margin : auto auto 2em auto;
}
#voices-detail .main-photo img{
	width : 100%;
	height : auto;
}
#voices-detail .box{
}
	#voices-detail .box p{
		display: inline-block;
		margin-right: 1em;
	}
		#voices-detail .box p span{
			margin-right: .5em;
		}

@media screen and (max-width: 768px){
	#voices-detail .main-photo{
		width : 100%;
	}
	#voices-detail h2{
		font-size : calc( 30 * 100vw / 768 );
		margin-bottom : 1em;
		font-weight : 600;
	}
	#voices-detail .text-wrap{
		font-size: calc( 26 * 100vw / 768 );
	}
}
@media print,screen and (min-width: 769px) and (max-width:1059px){
	#voices-detail .wrap {
		flex-wrap: wrap;
		align-items: center;
	}
	#voices-detail .main-photo{
		max-width : 500px;
		margin: auto auto 2em auto;
	}
	#voices-detail .text-wrap{
		max : 800px;
		margin: auto auto 2em auto;
	}
	#voices-detail h2{
		font-size : 24px;
		margin-bottom : 20px;
		font-weight : 600;
	}
	#voices-detail .box{
		width: 100%;
		margin-top : 1em;
		margin-bottom : 20px;
		line-height : 1.8;
	}
}
@media print,screen and (min-width: 1060px){
	#voices-detail .wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#voices-detail .main-photo , #voices-detail .text-wrap{
		width : 500px;
	}
	#voices-detail h2{
		font-size : 24px;
		margin-bottom : 20px;
		font-weight : 600;
	}
	#voices-detail .box{
		width: 100%;
		margin-top : 1em;
		margin-bottom : 20px;
		line-height : 1.8;
	}
}