@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
		background: url(../img/top_main.jpg) center top / contain no-repeat;
		height: 47.9166667vw;
	}
	
	.h_logo {
		position: absolute;
		z-index: 1;
		width: 9.16666667vw;
		left: 50%;
		margin-left: -4.58333333vw;
		margin-top: 22.3vw;
	}
	.h_logo img {
		width: 100%;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
		background: url(../img/top_main_sp.jpg) center top / contain no-repeat;
		height: 156.453716vw;
	}
	
	.h_logo {
		position: absolute;
		z-index: 1;
		width: 23.9895698vw;
		top: 50%;
		height: 9.25684485vw;
		left: 50%;
		margin-left: -11.9947849vw;
		margin-top: -4.62842242vw;
	}
	.h_logo img {
		width: 100%;
	}
	
	
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	ABOUT

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row01 {
		margin-top: 120px !important;
	}
	
	.row01_title {
		margin-top: 90px;
		margin-left: 60px;
	}
	.row01_title h2 {
		font-size: 32px;
		font-weight: 400;
		line-height: 1.6;
	}
	.row01_title h2:before {
		content: 'ABOUT';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(214,210,201,0.5);
		font-size: 180px;
		top: -170px;
		left: -40px;
		z-index: -1;
	}
	
	.row01_text {
		margin-top: 20px;
		line-height: 2;
		margin-left: 60px;
		letter-spacing: 0.025em;
	}
	
	.row01_img {
		text-align: right;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row01 {
		margin-top: 35.5vw !important;
	}
	
	.row01_title {
		margin: 8.5vw 8vw 0;
	}
	.row01_title h2 {
		font-size: 4.56323338vw;
		font-weight: 400;
		line-height: 1.6;
	}
	
	.row01_text {
		line-height: 1.8;
		letter-spacing: 0.025em;
		margin: 3vw 8vw 0;
	}
	
	.row01_img:before {
		content: 'ABOUT';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(214,210,201,1);
		font-size: 23.4680574vw;
		top: -27.5vw;
		left: 0;
		z-index: -1;
		margin: 0 5.55vw;
	}
	
	
}





/* ================================================================================

	MENU

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row02 {
		margin-top: 120px !important;
	}
	
	.row02_title {
		margin-top: 65px;
		margin-left: 76px;
	}
	.row02_title h2 {
		font-size: 32px;
		font-weight: 400;
		line-height: 1.6;
	}
	.row02_title h2:before {
		content: 'MENU';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(214,210,201,0.5);
		font-size: 180px;
		top: -170px;
		left: -50px;
		z-index: -1;
	}
	
	.row02_text {
		margin-top: 20px;
		line-height: 2.1;
		margin-left: 76px;
		font-size: 22px;
		letter-spacing: 0.025em;
	}
	
	.row02_img {
		text-align: left;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row02 {
		margin-top: 35.5vw !important;
	}
	
	.row02_title {
		margin: 8.5vw 8vw 0;
	}
	.row02_title h2 {
		font-size: 4.56323338vw;
		font-weight: 400;
		line-height: 1.6;
	}
	
	.row02_text {
		line-height: 1.8;
		letter-spacing: 0.025em;
		margin: 3vw 8vw 0;
		font-size: 3.6vw;
	}
	
	.row02_img:before {
		content: 'MENU';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(214,210,201,1);
		font-size: 23.4680574vw;
		top: -27.5vw;
		left: 0;
		z-index: -1;
		margin: 0 10.5vw;
	}
	
	
}





/* ================================================================================

	EYELASH / EYEBROWS / ESTHETIC/ FACIALWAX

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row03 {
		margin-top: 160px !important;
	}
	
	.row03_content,
	.row04_content,
	.row05_content,
	.row_f_content {
		margin: 111px 0 0 54px;
	}
	
	.row03_img,
	.row_f_img {
		text-align: right;
	}
	
	.row03_title h2,
	.row04_title h2,
	.row05_title h2,
	.row_f_title h2 {
		font-size: 32px;
		font-weight: 400;
		line-height: 1.6;
	}
	.row03_title h2:before {
		content: 'EYELASH';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(178,178,178,0.4);
		font-size: 180px;
		top: -268px;
		left: -8px;
		z-index: -1;
	}
	
	.row03_text,
	.row04_text,
	.row05_text,
	.row_f_text {
		margin-top: 20px;
		line-height: 2;
		margin-left: 5px;
		letter-spacing: 0.025em;
	}
	
	
	.row04,
	.row05,
	.row_f {
		margin-top: 120px !important;
	}
	
	.row04_title h2:before {
		content: 'EYEBROWS';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(178,178,178,0.4);
		font-size: 180px;
		top: -268px;
		left: -1px;
		z-index: -1;
	}
	
	.row05_title h2:before {
		content: 'ESTHETIC';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(178,178,178,0.4);
		font-size: 180px;
		top: -268px;
		left: -8px;
		z-index: -1;
	}
	.row_f_title h2:before {
		content: 'FACIALWAX';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(178,178,178,0.4);
		font-size: 180px;
		top: -268px;
		left: -8px;
		z-index: -1;
	}
	
	.view_btn a {
		color: #fff;
		background-color: #c7bfb1;
		display: block;
		text-align: center;
		width: 460px;
		height: 143px;
		font-size: 32px;
		font-weight: 100;
		font-family: 'Shippori Mincho', 'serif';
		padding: 40px 0;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row03 {
		margin-top: 19.5vw !important;
	}
	.row04,
	.row05,
	.row_f {
		margin-top: 21vw;
	}
	
	.row03_title,
	.row04_title,
	.row05_title,
	.row_f_title {
		margin: 40vw 8vw 0;
	}
	.row03_title h2,
	.row04_title h2,
	.row05_title h2,
	.row_f_title h2 {
		font-size: 4.56323338vw;
		font-weight: 400;
		line-height: 1.6;
	}
	
	.row03_text,
	.row04_text,
	.row05_text,
	.row_f_text {
		line-height: 1.8;
		letter-spacing: 0.025em;
		margin: 3vw 8vw 0;
	}
	
	.row03_title:before {
		content: 'EYE\ALASH';
		white-space: pre;
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(178,178,178,0.4);
		font-size: 23.44vw;
		top: -53.2vw;
		left: -1.3vw;
		z-index: -1;
		line-height: 0.99;
	}
	.row04_title:before {
		content: 'EYE\A BROWS';
		white-space: pre;
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(178,178,178,0.4);
		font-size: 23.44vw;
		top: -53.2vw;
		left: -5vw;
		z-index: -1;
		line-height: 0.99;
	}
	.row05_title:before {
		content: 'ESTHE\A TIC';
		white-space: pre;
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(178,178,178,0.4);
		font-size: 23.44vw;
		top: -53.2vw;
		left: -1.3vw;
		z-index: -1;
		line-height: 0.99;
	}
	.row_f_title:before {
		content: 'FACIAL\A WAX';
		white-space: pre;
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(178,178,178,0.4);
		font-size: 23.44vw;
		top: -53.2vw;
		left: -1.3vw;
		z-index: -1;
		line-height: 0.99;
	}
	
	.view_btn {
		margin: 6vw 0 0 8vw;
	}
	.view_btn a {
		color: #fff;
		background-color: #c7bfb1;
		display: block;
		text-align: center;
		width: 59.9739244vw;
		height: 18.6440678vw;
		font-size: 4.172vw;
		font-weight: 100;
		font-family: 'Shippori Mincho', 'serif';
		padding: 5.5vw 0;
	}
	
	
}





/* ================================================================================

	VOICE / ACCESS

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row06 {
		background-color: #c7bfb1;
		margin-top: 160px;
		padding: 120px 0;
	}
	
	.btn_left {
		margin: 0 39px 0 55px;
	}
	.btn_right {
		margin: 0 55px 0 39px;
	}
	
	.row06_btn a {
		position: relative;
		display: block;
		background-color: #e3dccf;
		text-align: center;
		font-size: 32px;
		font-weight: 100;
		color: #000;
		height: 332px;
		padding: 142px 0;
		z-index: 1;
	}
	.row06_btn a:after {
		bottom: -20px;
		right: -20px;
		content: '';
		border-style: solid;
		border-width: 40px 40px 40px 40px;
		border-color: transparent transparent transparent #c7bfb1;
		position: absolute;
		transform: rotate(45deg);
	}
	.btn_left a:before {
		content: 'VOICE';
		text-align: center;
		font-size: 80px;
		color: rgba(178,178,178,0.4);
		top: 50%;
		left: 50%;
		font-family: 'Shippori Mincho', 'serif';
		position: absolute;
		margin-left: -135px;
		margin-top: -68px;
		z-index: -1;
	}
	.btn_right a:before {
		content: 'ACCESS';
		text-align: center;
		font-size: 80px;
		color: rgba(178,178,178,0.4);
		top: 50%;
		left: 50%;
		font-family: 'Shippori Mincho', 'serif';
		position: absolute;
		z-index: -1;
		margin-left: -168.5px;
		margin-top: -68px;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row06 {
		background-color: #c7bfb1;
		margin-top: 20.5vw;
		padding: 21vw 0;
	}
	
	.btn_right {
		margin-top: 10.5vw !important;
	}
	
	.row06_btn {
		margin: 0 8vw;
	}
	.row06_btn a {
		position: relative;
		display: block;
		background-color: #e3dccf;
		text-align: center;
		font-size: 6.02607562vw;
		font-weight: 100;
		color: #000;
		height: 56.0078227vw;
		padding: 22.5vw 0;
		z-index: 1;
	}
	.row06_btn a:after {
		bottom: -3vw;
		right: -3vw;
		content: '';
		border-style: solid;
		border-width: 6vw;
		border-color: transparent transparent transparent #c7bfb1;
		position: absolute;
		transform: rotate(45deg);
	}
	.btn_left a:before {
		content: 'VOICE';
		text-align: center;
		font-size: 15vw;
		color: rgba(178,178,178,0.4);
		top: 50%;
		left: 50%;
		font-family: 'Shippori Mincho', 'serif';
		position: absolute;
		margin-left: -25vw;
		margin-top: -14vw;
		z-index: -1;
	}
	.btn_right a:before {
		content: 'ACCESS';
		text-align: center;
		font-size: 15vw;
		color: rgba(178,178,178,0.4);
		top: 50%;
		left: 50%;
		font-family: 'Shippori Mincho', 'serif';
		position: absolute;
		z-index: -1;
		margin-left: -31.5vw;
		margin-top: -13.8vw;
	}
}





/* ================================================================================

	RESERVE

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row07 {
		padding: 242px 0 0;
	}
	
	.row07_title h2 {
		font-size: 32px;
		font-weight: 400;
		line-height: 1.6;
		text-align: center;
	}
	.row07_title h2:before {
		content: 'RESERVE';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(214,210,201,0.5);
		font-size: 180px;
		top: -170px;
		left: 50%;
		z-index: -1;
		margin-left: -458.6px;
	}
	
	.row07_content {
		margin-top: 30px;
	}
	
	.row07_tel {
		text-align: center;
		margin-top: 20px;
	}
	.row07_tel a {
		font-size: 30px;
		pointer-events: none;
	}
	.row07_tel a span {
		font-size: 50px;
		margin-left: 10px;
	}
	
	.insta_img {
		text-align: right;
	}
	.insta_img img {
		width: 300px;
	}
	.reserva_img {
		text-align: left;
	}
	.reserva_img img {
		width: 230px;
	}
	.reserva_img a {
		/*pointer-events: none;*/
		position: relative;
	}
	/*.reserva_img a:before {
		content: '準備中';
		color: #fff;
		background-color: rgba(0,0,0,0.4);
		width: 270px;
		height: 86px;
		top: -20px;
		left: -20px;
		position: absolute;
		padding: 25px;
		font-size: 20px;
		text-align: center;
	}*/
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row07 {
		padding: 30vw 0 0;
	}
	
	.row07_title h2 {
		font-size: 4.1vw;
		font-weight: 400;
		line-height: 1.6;
		text-align: center;
	}
	.row07_title h2:before {
		content: 'RESERVE';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(214, 210, 201,0.8);
		font-size: 20.208605vw;
		top: -18vw;
		z-index: -1;
		left: -1vw;
	}
	
	.row07_content {
		margin-top: 3vw;
	}
	
	.row07_tel {
		text-align: center;
		margin-top: 2vw;
	}
	.row07_tel a {
		font-size: 5vw;
		pointer-events: none;
	}
	.row07_tel a span {
		font-size: 9vw;
		margin-left: 2vw;
	}
	
	
	/* .reserve_left {
		width: 39%;
		margin: 0 0 0 11.7vw;
	}
	.reserve_right {
		width: 30%;
		margin-left: 8vw;
	} */
	
	.reserva_img a {
		/*pointer-events: none;*/
		position: relative;
	}
	/*.reserva_img a:before {
		content: '準備中';
		color: #fff;
		background-color: rgba(0,0,0,0.4);
		width: 60vw;
		height: 15vw;
		top: -2vw;
		left: -3.4vw;
		position: absolute;
		padding: 3.6vw;
		font-size: 4.8vw;
		text-align: center;
	}*/
	
	
	
}





/* ================================================================================

	GREET

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row08 {
		margin-top: 160px !important;
		margin-bottom: 150px;
	}
	
	.row08_title {
		margin-top: 160px;
		margin-left: 60px;
	}
	.row08_title h2 {
		font-size: 32px;
		font-weight: 400;
		line-height: 1.6;
	}
	.row08_title h2:before {
		content: 'GREET';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(214,210,201,0.5);
		font-size: 180px;
		top: -170px;
		left: -40px;
		z-index: -1;
	}
	
	.row08_text {
		margin-top: 20px;
		line-height: 2;
		margin-left: 60px;
		letter-spacing: 0.025em;
	}
	
	.row08_name {
		font-size: 20px;
		margin-top: 15px;
		text-align: right;
		margin-right: 76px;
	}
	.row08_name span {
		font-size: 32px;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row08 {
		margin-top: 21vw !important;
		margin-bottom: 19vw;
	}
	
	.owner_img {
		width: 42%;
		margin-left: 50vw;
	}
	
	.row08_title {
		margin: 9vw 0 0 8vw;
	}
	.row08_title h2 {
		font-size: 4.56323338vw;
		font-weight: 400;
		line-height: 1.6;
	}
	.row08_img:before {
		content: 'GRE\A ET';
		position: absolute;
		font-family: 'Shippori Mincho', 'serif';
		color: rgba(214,210,201,1);
		font-size: 20.208605vw;
		z-index: -1;
		line-height: 0.99;
		top: 4vw;
		left: -43.5vw;
		width: 50vw;
	}
	
	.row08_text {
		line-height: 1.8;
		letter-spacing: 0.025em;
		margin: 3vw 8vw 0;
	}
	
	.row08_name {
		font-size: 2.6075619296vw;
		margin: 3vw 8vw 0 0;
		text-align: right;
	}
	.row08_name span {
		font-size: 4.17209908735vw;
	}
	
	
}





/* ================================================================================

	〇〇

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}