/* ---------------------------
PAGE BEAUTY
----------------------------*/
.page-beauty h2 {
	position: absolute;
	bottom: 5.7vw;
	left: 9%;
	line-height: 1;
	letter-spacing: .1em;
	font-family: 'Oswald', sans-serif;
	font-size: 3vw;
}
.page-beauty h2 span {
	display: block;
	margin-top: 1vw;
	letter-spacing: 0;
	font-family: "Yu Gothic Medium", sans-serif;
	font-size: 1vw;
	font-weight: normal;
}
.page-beauty-text {
	margin: 9% 9%;
}
.page-beauty-text h2 {
	font-size: 1.8vw;
}
.page-beauty-text p {
	margin-top: 4%;
	font-size: .8vw;
}

/*contents*/
.page-beauty-pd {
	position: relative;
	padding: 9% 9% 9% 9%;
	background: #f5f5f5;
}
.page-beauty-pd h2 {
	margin-bottom: 6%;
	font-size: 1.8vw;
}
.page-beauty-pd p {
	line-height: 2;
	font-size: .8vw;
}
.page-beauty-pd-top {
	display: flex;
	margin-bottom: 6%;
}
.page-ad-beauty-img {
	width: 50%;
}
.page-beauty-pd-top div {
	padding: 6% 0 0 5%;
	width: 50%;
}
.page-beauty-pd-btm {
	display: flex;
	justify-content: space-between;
}
.page-beauty-pd-btm div {
	width: 48%;
}
.page-beauty-pd-btm div img {
	margin-bottom: 7%;
}
.page-ad-beauty-bg {
	position: absolute;
	top: 5%;
	right: 0;
	width: 18.5%;
	opacity: .7;
}

/*brand*/
.page-beauty-brand {
	position: relative;
	margin: 10% auto 0;
	padding: 0 9%;
}
.page-beauty-brand h2 {
	position: absolute;
	top: -2%;
	left: 9%;
	margin-bottom: 4%;
	font-family: 'Oswald', sans-serif;
	font-size: 2vw;
	letter-spacing: .1em;
}
.bm-brand-block {
	display: flex;
	justify-content: center;
	text-align: center;
	font-size: .8vw;
}
.bm-brand-block div {
	padding-top: 3.5%;
	width: 45%;
	line-height: 2;
}
.beauty-brand-sns {
	line-height: 3;
}
.beauty-brand-sns:hover {
	text-decoration: underline;
}
.beauty-brand-sns:hover i {
	transform: scale(1.2);
	transition: 100ms;
}
.beauty-brand-sns i {
	margin: -1% 0 0 5%;
	vertical-align: middle;
	font-size: 1.6vw;
	transition: 100ms;
}
.bm-brand-block ul {
	margin: 8% 0 0 27%;
	width: 60%;
	text-align: left;
}
.bm-brand-block ul li {
	position: relative;
	margin-bottom: 2%;
	text-indent: 1em;
	color: #b1913a;
}
.bm-brand-block ul li::before {
	position: absolute;
	top: 10%;
	left: -7%;
	content: "";
	width: 1.4vw;
	height: 1.1vw;
	background: url(../img/icon-crown.svg) no-repeat;
	background-size: contain;
}
.bm-brand-block img {
	width: 100%;
}

/*store*/
.page-beauty-store {
	position: relative;
	margin: 8% auto 10%;
	padding: 0 9%;
}
.page-beauty-store h2 {
	margin-bottom: 4%;
	font-family: 'Oswald', sans-serif;
	font-size: 2vw;
	letter-spacing: .1em;
}
.bm-store-block {
	display: flex;
}
.bm-store-logo {
	padding-left: 2.5%;
	width: 45%;
}
.bm-store-logo img {
	width: 65%;
}
.bm-store-text {
	width: 55%;
	line-height: 2;
	font-size: .8vw;
}
.bm-store-sns {
	display: flex;
	margin: 4% auto;
}
.bm-store-sns a {
	margin: -.3% 0 0 3.5%;
}
.bm-store-sns i {
	font-size: 1.7vw;
	color: #686868;
	transition: 100ms;
}
.bm-store-sns a:hover i {
	transform: scale(1.2);
	transition: 100ms;
}
.bm-store-text ul {
	display: flex;
	margin: 2% auto 0;
}
.bm-store-text ul li {
	margin-right: 2%;
}
.bm-store-text ul > [data-aos=fade-up] {
	transform: translate3d(0,30px,0);
}

@media screen and (max-width: 559px) {
	.page-beauty h2 {
		bottom: 20vw;
		left: 7%;
		letter-spacing: .0em;
		font-size: 7.5vw;
	}
	.page-beauty h2 span {
		margin-top: .5em;
		letter-spacing: .05em;
		font-size: 3.5vw;
	}
	.page-beauty-text {
		margin: 15% 7%;
	}
	.page-beauty-text h2 {
		line-height: 1.8;
		text-indent: 0;
		font-size: 4vw;
	}
	.page-beauty-text p {
		margin-top: 5%;
		line-height: 2;
		font-size: 3.1vw;
	}

	/*contents*/
	.page-beauty-pd {
		position: relative;
		padding: 16% 7% 10%;
		background: #f5f5f5;
		overflow: hidden;
	}
	.page-beauty-pd h2 {
		margin-bottom: 8%;
		line-height: 1.8;
		letter-spacing: .08em;
		font-size: 4vw;
	}
	.page-beauty-pd p {
		text-align: justify;
		font-size: 3.1vw;
	}
	.page-beauty-pd-top {
		display: block;
		margin-bottom: 15%;
	}
	.page-ad-beauty-img {
		width: 100%;
	}
	.page-beauty-pd-top div {
		padding:10% 0 0 0;
		width: 100%;
	}
	.page-beauty-pd-btm {
		display: block;
	}
	.page-beauty-pd-btm div {
		display: flex;
		align-items: center;
		margin-bottom: 7%;
		width: 100%;
	}
	.page-beauty-pd-btm div img {
		margin-bottom: 0;
		width: 45%;
	}
	.page-beauty-pd-btm div p {
		margin-left: 5%;
		line-height: 1.8;
	}
	.page-ad-beauty-bg {
		display: none;
	}

	/*brand*/
	.page-beauty-brand {
		margin: 20% auto 0;
		padding: 0 7%;
		overflow: hidden;
	}
	.page-beauty-brand h2 {
		position: inherit;
		top: 0;
		left: 0;
		margin-bottom: 8%;
		font-size: 5vw;
		letter-spacing: .05em;
	}
	.bm-brand-block {
		flex-direction: column-reverse;
		font-size: 3.1vw;
	}
	.bm-brand-block div {
		padding-top: 0;
		width: 100%;
	}
	.beauty-brand-sns {
		display: block;
		margin: 4.5% auto 0;
		width: 75%;
		line-height: 3;
	}
	.beauty-brand-sns i {
		margin: -1% 0 0 3%;
		font-size: 7vw;
		color: #686868;
	}
	.bm-brand-block ul {
		margin: 6% auto 0;
		width: 95%;
		line-height: 1.5;
	}
	.bm-brand-block ul li {
		position: relative;
		margin-bottom: 0%;
		text-indent: 2.2em;
		color: #b1913a;
	}
	.bm-brand-block ul li::before {
		top: 5%;
		left: 0;
		width: 4.5vw;
		height: 4vw;
	}
	.bm-brand-block img {
		width: 100%;
	}

	/*store*/
	.page-beauty-store {
		position: relative;
		margin: 20% auto 0%;
		padding: 0 7%;
	}
	.page-beauty-store h2 {
		margin-bottom: 8%;
		font-size: 5vw;
		letter-spacing: .05em;
	}
	.bm-store-block {
		display: block;
	}
	.bm-store-logo {
		padding-left: 0;
		width: 100%;
	}
	.bm-store-logo img {
		margin: 0 auto 3%;
		width: 78%;
	}
	.bm-store-text {
		width: 100%;
		text-align: justify;
		letter-spacing: .05em;
		font-size: 3.1vw;
	}
	.bm-store-sns {
		display: flex;
		justify-content: center;
		margin: 6% auto 10%;
	}
	.bm-store-sns p {
		display: flex;
		align-items: center;
		margin-right: 2%;
	}
	.bm-store-sns a {
		margin: 0 0 0 4.5%;
		padding: 1%;
	}
	.bm-store-sns i {
		display: block;
		font-size: 8vw;
		color: #686868;
	}
	.bm-store-online {
		text-align: center;
	}
	.bm-store-text ul {
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 4% auto 0;
	}
	.bm-store-text ul li {
		margin-right: 0;
		margin-bottom: 6%;
		width: 46%;
	}
	.bm-store-text ul li a {
		display: block;
		width: 100%;
	}
}

/*----------------------------
250106 new-brand
----------------------------*/
.brand-a {
	width: 50%;
	/* height: 100%; */
	margin-top: 5%;
	z-index: 1;
}
.bm-brand-block ul {
    margin-left: 20%;
    width: 73%;
}
.beauty-brand-sns {
	display: inline-block;
	margin-left: 5vw;
	margin-bottom: 0.8%;
	line-height: 1;
}
.beauty-brand-sns i {
	font-size: 2vw;
}
.beauty-brand-site {
	position: relative;
	display: inline-block;
text-align: center;
	line-height: 1;
	font-size: 1vw;
	margin-top: 30px;
}
.beauty-brand-site::after {
	content: "";
	position: absolute;
	width: .8vw;
	height: .8vw;
	background: url(../img/beauty/chevron-right.svg)  no-repeat;
	background-size: contain;
	/* left: 14vw; */
	right: -1.6vw;
	transition: .3s;
}
.beauty-brand-site:hover {
	text-decoration: underline;
}
.beauty-brand-site:hover::after {
	right: -2.5vw;
}
.bm-store-online {
	margin-top: 20px;
}
.bm-store-text ul {
    column-gap: 1.5%;
}
.bm-store-text ul li{
	margin-right: 0;
}
@media screen and (max-width: 559px) {
	.brand-a {
		position: absolute;
		top: 11vw;
		margin-top: 0;
		width: 100%;
		z-index: 1;
	}
	.beauty-brand-sns {
		width: 78%;
	}
	.brand-text {
	position: relative;
    left: 0;
    right: 0;
    top: 0;
	margin: 0 auto;
	}
	.brand-text p {
		margin-top: 60%;
	}
	.bm-brand-block ul {
        width: 95%;
    }
	.brand-text-hrt {
		top: 2%;
	}
}


/*----------------------------
250106 instagram
----------------------------*/
.instagram {
	margin: 80px 0 100px;
	position: relative;
}
.instagram h2 {
	margin-bottom: 30px;
	text-align: center;
	font-family: 'Overpass', sans-serif;
	font-size: 24px;
	color: #3d3d3d;
}
.instagram i {
	margin-right: 5px;
}
.instagram ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}.instagram ul li {
	margin-right: 3%;
	width: 22vw;
	font-size: 13px;
	overflow: hidden;
}
.instagram ul li a img {
	transition: 200ms;
}
.instagram ul li:hover a img {
	transform: scale(1.05);
	transition: 200ms;
}
.instagram ul li:nth-child(-n+3) {
	margin-bottom: 3%;
}
.instagram ul li:nth-child(3),
.instagram ul li:nth-child(6) {
	margin-right: 0;
}
.instagram ul li a img {
	width: 100%;
	height: 29.2517vw;
	vertical-align: bottom;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.instagram .more {
	margin-top: 10px;
	padding-right: 90px;
	border: none;
}
.instagram .more a:hover {
	text-decoration: underline;
}


@media (max-width: 559px) {
	.instagram {
		margin: 0;
	}
	.instagram h2 {
		font-size: 5.2vw;
	}
	.instagram ul {
		justify-content: space-between;
	}
	.instagram ul li {
		margin-bottom: 2%;
		margin-right: 2%;
		width: 26vw;
	}
	.instagram ul li:hover a img {
		transform: none;
	}
	.instagram ul li:nth-child(-n+3) {
		margin-bottom: 2%;
	}
	.instagram ul li a {
		display: block;
	}
	.instagram ul li a img {
		object-fit: cover;
		vertical-align: bottom;
		width: 100%;
		height: 32.50945vw;
	}
	.instagram .more {
		margin-top: 0;
		padding-top: 0;
		padding-right: 3%;
	}
	.instagram-lm {
		/* margin-top: 70%; */
	}
	.instagram-ff {
		/* margin-top: 68%; */
	}
	.instagram-unu {
		/* margin-top: 50%; */
	}
	.beauty-brand-sns {
        width: 7%;
        margin-left: 0;
		margin-bottom: 1.5%;
    }
	.beauty-brand-sns i {
		font-size: 7vw;
	}
	.bm-brand-block ul {
		margin-left: 2%;
	}
	.brand-lement.bm-brand-block ul {
		margin-left: 2%;
	}
	.bm-brand-block.brand-forfam ul {
		margin-left: 2%;
		width: 88%;
	}
	
	.beauty-brand-site {
		font-size: 3.1vw;
		margin-top: 6.5%;
	}
	.beauty-brand-site::after {
		width: 2.8vw;
		height: 2.8vw;
		right: -5vw;
	}
	.beauty-brand-site:hover::after {
		right: -6vw;
	}
	.bm-brand-block ul {
        width: 98%;
    }
}
/*----------------------------
250106 footer
----------------------------*/
.insta-logo {
    bottom: 1.8%; 
}
.new-sns-icon {
    bottom: 1.31%;
}

@media screen and (max-width: 559px) {
	.new-sns-icon {
		bottom: auto;
	}
	.span-sp::before {
		content: "　";
	}
}
/*----------------------------
2509
----------------------------*/
.brand-text img {
	width: 11vw;
	margin: 7% auto;
}
.bm-brand-block-re {
	flex-direction: row-reverse;
}
@media screen and (max-width: 559px) {
	.brand-text img {
		width: auto;
        height: 9vw;
        margin: 0 auto 0;
}
.brand-text .brand-logo-unu {
	width: 28vw;
}

.brand-text .brand-logo-ff {
	width: 27vw;
    height: auto;
    margin: 0 auto;
}
.ff-block-rel {
	margin-top: 2%;
}
.brond-block {
	margin-top: 10vw;
}
.brand-a-ff {
	top: 13.3vw;
}

}