@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;
		padding: 9.635vw 0 0 0;
	}
}



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

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

	.inner_wrap {
		position: relative;
		padding: 16vw 0 0 0;
	}
}





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

	メイン画像

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
		width: 100%;
	}
	.main_top_in {
	}
	.main_top_in img {
		width: 100%;
		height: auto;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
		width: 100%;
	}
	.main_top_in {
	}
	.main_top_in img {
		width: 100%;
		height: auto;
	}
}




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

	共通ボタン

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

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

	/* リンク
	----------------------------------------------- */
	.link_top {
		margin-top: 2vw;
	}
	.link_top ul {
		font-size: 0;
		letter-spacing: -0.4em;
	}
	.link_top ul li {
		display: inline-block;
		font-size: 1.3vw;
		letter-spacing: 0;
		margin-left: 2em;
	}
	.link_top ul li:first-of-type {
		margin-left: 0;
	}
	.link_top ul li a {
		position: relative;
		display: block;
		background-color: #ff6986;
		color: #ffffff;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		line-height: 1.3;
		padding: 0.8em 4em 0.95em;
	}
}


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

	/* リンク
	----------------------------------------------- */
	.link_top {
		margin-top: 6vw;
	}
	.link_top ul {
		text-align: center;
	}
	.link_top ul li {
		display: block;
		font-size: 4vw;
	}
	.link_top ul li {
		margin-top: 2vw;
	}
	.link_top ul li:first-of-type {
		margin-top: 0;
	}
	.link_top ul li a {
		position: relative;
		display: block;
		background-color: #ff6986;
		color: #ffffff;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		line-height: 1.3;
		padding: 0.8em 0 0.95em;
		margin-left: auto;
		margin-right: auto;
	}
}





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

	ここからコンテンツ内容

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



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

	About us

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row01 {
		padding: 0 6.458vw 0 0;
	}
	.row01_in {
		background-color: #ffe4db;
		padding: 5.78vw 7vw 30vw 7.7vw;
	}

	/* 見出し */
	.row01_in .title {
		margin-top: 5vw;
	}
	.row01_in .title h2 {
		font-size: 4.2vw;
		font-weight: 400;
		font-family:'Libre Baskerville','Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
	}

	/* テキスト */
	.row01_in .text {
	}
	.row01_in .text p {
		font-size: 1.04vw;
		line-height: 2;
	}

	/* 画像 */
	.row01b {
		margin-top: -25vw;
		padding: 0 0 0 14.42vw;
	}
	.row01b .img {
	}
	.row01b .img img {
		width: 100%;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row01 {
		padding: 0 6vw 16vw 0;
	}
	.row01_in {
		background-color: #ffe4db;
		padding: 10vw 8vw 30vw 8vw;
	}

	/* 見出し */
	.row01_in .title {
	}
	.row01_in .title h2 {
		font-size: 7vw;
		font-weight: 400;
		font-family:'Libre Baskerville','Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
	}

	/* テキスト */
	.row01_in .text {
		margin-top: 8vw;
	}
	.row01_in .text p {
		font-size: 3.5vw;
		line-height: 2;
	}

	/* 画像 */
	.row01b {
		margin-top: -35vw;
		padding: 0 0 0 8vw;
	}
	.row01b .img {
	}
	.row01b .img img {
		width: 100%;
	}
}





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

	make you happy!

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row02 {
		height: 46vw;
		margin-top: 8.17vw;
	}

	/* タイトル */
	.row02 .title {
		position: absolute;
		top: 4.2vw;
		right: 11.8vw;
	}
	.row02 .title img {
		width: 7.29vw;
		height: auto;
	}

	.row02 .img01 {
		position: absolute;
		top: 6.25vw;
		left: 35.41vw;
	}
	.row02 .img01 img {
		width: 40vw;
		height: auto;
	}

	.row02 .img02 {
		position: absolute;
		top: 0;
		left: 0;
	}
	.row02 .img02 img {
		width: 27.55vw;
		height: auto;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row02 {
		margin-top: 16vw;
	}

	/* タイトル */
	.row02 .title {
		position: absolute;
		top: 16vw;
		right: 8vw;
	}
	.row02 .title img {
		width: 20vw;
		height: auto;
	}

	.row02 .img01 {
	}
	.row02 .img01 img {
		width: 64vw;
		height: auto;
	}

	.row02 .img02 {
		margin-top: 8vw;
		margin-left: 8vw;
	}
	.row02 .img02 img {
		width: 56vw;
		height: auto;
	}
}





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

	Nail Gallery

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row03 {
		background: url(../img/bg_row03.jpg) center top / cover no-repeat;
		margin-top: 8.17vw;
		padding: 8.17vw 1vw;
		text-align: center;
	}

	/* 見出し */
	.row03 .title {
	}
	.row03 .title h2 {
		font-size: 4.2vw;
		font-weight: 400;
		font-family:'Libre Baskerville','Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
		color: #ffffff;
	}

	/* ギャラリー */
	.row03 .gallery {
		margin-top: 4.1vw;
	}
	.row03 .gallery img {
		width: 17.1875vw;
	}

	/* ボタン */
	.row03 .link_top {
		margin-top: 4.1vw;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row03 {
		background: url(../img/bg_row03.jpg) center top / cover no-repeat;
		padding: 16vw 8vw;
		margin-top: 16vw;
		text-align: center;
	}

	/* 見出し */
	.row03 .title {
	}
	.row03 .title h2 {
		font-size: 7vw;
		font-weight: 400;
		font-family:'Libre Baskerville','Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
		color: #ffffff;
	}

	/* ギャラリー */
	.row03 .gallery {
		margin-top: 8vw;
	}
	.row03 .gallery img {
	}

	/* ボタン */
	.row03 .link_top {
		margin-top: 8vw;
	}
	.row03 .link_top ul li a {
		width: 60vw;
	}
}





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

	2連バナー

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row04 {
		padding: 0 10.57vw;
		margin-top: 8.17vw;
	}
	.row04b {
		padding: 0 10.57vw;
		margin-top: 4.08vw;
	}
	.row04 .img {
		padding-right: 15.26vw;
	}
	.row04b .img {
		padding-left: 15.26vw;
	}
	.row04 .img img,
	.row04b .img img {
		width: 100%;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row04 {
		padding: 0 6vw;
		margin-top: 16vw;
	}
	.row04b {
		padding: 0 6vw;
		margin-top: 8vw;
	}
	.row04 .img {
		padding-right: 10vw;
	}
	.row04b .img {
		padding-left: 10vw;
	}
	.row04 .img img,
	.row04b .img img {
		width: 100%;
	}
}





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

	Reservation

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row05 {
		background: url(../img/bg_row05.jpg) center top / cover no-repeat;
		margin-top: 8.17vw;
		padding: 9.89vw 10.57vw;
		text-align: center;
	}
	.row05_in {
		background-color: #ffffff;
		padding: 9.84vw 7.916vw;
	}

	/* 見出し */
	.row05 .title {
	}
	.row05 .title h2 {
		font-size: 4.2vw;
		font-weight: 400;
		font-family:'Libre Baskerville','Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
		color: #ff6986;
	}


	/* 電話 */
	.reservation_tel {
		background-color: #fcac95;
		color: #ffffff;
		padding: 2.5vw 0;
		margin-top: 3.125vw;
	}
	.reservation_tel01 a {
		font-size: 4.8vw;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		line-height: 1;
		color: #ffffff;
		display: inline-block;
		pointer-events: none;
	}
	.reservation_tel02 {
		font-size: 1.426vw;
		line-height: 1;
		margin-top: 0.6em;
	}


	/* WEB予約 */
	.reservation_form a {
		display: block;
		background-color: #fcac95;
		color: #ffffff;
		padding: 0.8vw 0;
		margin-top: 3.125vw;
		font-size: 0;
		line-height: 1;
		pointer-events: none;
	}
	.reservation_form a span {
		display: inline-block;
		vertical-align: middle;
		margin: 0.5em 0;
		font-size: 4.8vw;
		padding: 0.1em 0.2em 0.2em;
	}
	.reservation_form a span:nth-of-type(2) {
		background-color: #ffffff;
		color: #ff6986;
		font-size: 2.77vw;
		padding: 0.5em 2em 0.6em;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row05 {
		background: url(../img/bg_row05.jpg) center top / cover no-repeat;
		padding: 16vw 8vw;
		margin-top: 16vw;
		text-align: center;
	}
	.row05_in {
		background-color: #ffffff;
		padding: 6vw 4vw;
	}

	/* 見出し */
	.row05 .title {
	}
	.row05 .title h2 {
		font-size: 7vw;
		font-weight: 400;
		font-family:'Libre Baskerville','Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
		color: #ff6986;
	}


	/* 電話 */
	.reservation_tel {
		background-color: #fcac95;
		color: #ffffff;
		padding: 4vw 0;
		margin-top: 6vw;
	}
	.reservation_tel01 a {
		font-size: 8vw;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		line-height: 1;
		color: #ffffff;
	}
	.reservation_tel02 {
		font-size: 3.5vw;
		line-height: 1;
		margin-top: 0.6em;
	}


	/* WEB予約 */
	.reservation_form a {
		display: block;
		background-color: #fcac95;
		color: #ffffff;
		padding: 2.4vw 0;
		margin-top: 6vw;
		font-size: 0;
		line-height: 1;
		pointer-events: none;
	}
	.reservation_form a span {
		display: inline-block;
		vertical-align: middle;
		margin: 0.5em 0;
		font-size: 7vw;
		padding: 0.1em 0.2em 0.2em;
	}
	.reservation_form a span:nth-of-type(2) {
		background-color: #ffffff;
		color: #ff6986;
		font-size: 4.2vw;
		padding: 0.5em 2em 0.6em;
	}
}