@charset "UTF-8";

.insta_top{
	margin:100px 0;
}

@media screen and (max-width:768px){
	.insta_top{
		margin:0px;
	}
}

.titlebar{
	margin:100px 0;
}
.titlebar p{
	text-align:center;
	font-size:28px;
	border-bottom:1px solid #101254;
	padding-bottom:30px;
}
@media screen and (max-width:768px){
	.titlebar{
		margin:0 0 50px;
	}
	.titlebar p{
		font-size:22px;
		border-bottom:1px solid #101254;
		padding-bottom:18px;
	}
}



/*----------
  HAREMについて
----------*/
body{
	background:#fbfaf5;
	width:100%;
	height: 100vh;
}
.about_harem{
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
}
.about_harem p{
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.about_harem .description {
	margin:0 auto;
	max-width:700px;
	text-align:center;
	line-height:2;
}
.about_harem .description .brand_name{
	margin:100px auto 70px;
	max-width:250px;
}
.about_harem .description .brand_name img{
	width:100%;
}
.about_harem .links{
	max-width:500px;
	margin:100px auto;
}
.about_harem .links p{
	border:2px solid #D5C15A;
	font-size:20px;
	text-align:center;
	padding:20px;
	font-weight:600;
	color:#333;
	margin:30px auto;
	background:#fff;
}
@media screen and (max-width:768px){
	.about_harem .description .brand_name{
		margin:100px auto 70px;
		max-width:200px;
	}
	.about_harem .description p{
		font-size:16px;
	}
	.about_harem .links{
		max-width:400px;
		margin:100px auto;
	}
	.about_harem .links p{
		padding:15px;
		font-size:17px;
	}
}
@media screen and (max-width:440px){
	.about_harem{
		padding-bottom:50px;
		padding-top:30px;
	}
	.about_harem .description .brand_name{
		margin:70px auto 40px;
		max-width:170px;
	}
	.about_harem .description {
		margin:0 auto;
		width:85%;
	}
	.about_harem .description p{
		text-align:left;
		line-height:1.7;
		font-size:15px;
	}
	.about_harem .links{
		width:80%;
		margin:70px auto;
/*		border:1px solid red;*/
	}
	.about_harem .links p{
		padding:10px;
		font-size:15px;
		border:1px solid #D5C15A;
		margin:20px auto;
	}
}