@charset "UTF-8";
/*-----------------------------------------
/*
/* 共通部分 layout
/*
/*----------------------------------------*/

/* 移植用 */

#parfait .kv{
	/*height: 470px;*/
	background-position: right;
	background-image: url(../images/parfait/header.png);
}


#parfait #about h1 img{
	width: 100%;
	max-width: 344px;
}

#parfait .menu .pic img{
	width: 100%;
	max-width: 470px;
}
#parfait .menu .dyT{
	margin-top: 20%;
	border-bottom: 2px solid;
}
#parfait .menu .menuT{
	text-align: center;
}
#parfait .menu .menuT img{
	width: 100%;
	max-width: 455px;
}
#parfait p.txt{
	font-size: 24px;
	text-align: center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 5px 0;
	margin-bottom: 5px;
}
#parfait p.category{
	margin-top: 5px;
}
#parfait .cremia img{
	width: 100%;
	max-width: 510px;
}
@media screen and (max-width: 767px){
	#parfait .menu .menuT{
		margin-top: 30px;
	}
	#parfait .menu .dyT{
		margin-top: 0;
	}
}
@media screen and (max-width: 575px){
	#parfait section.cremia{
		padding: 5%;
	}
	#parfait .cremia .container{
		border: 10px solid #b28850;
		padding: 10px;
	}
}
@media screen and (max-width: 399px){
	#parfait p.txt br{
		display: none;
	}
	#parfait #about h1 img{
		width: 95%;
	}
}
/*@media screen and (max-width: 359px){
	#parfait .kv{
		background-position: 99%;
	}

}
@media screen and (max-width: 349px){
	#parfait .kv{
		background-position: 98%;
	}

}
@media screen and (max-width: 329px){
	#parfait .kv{
		background-position: 97.5%;
	}

}*/