@charset 'UTF-8';

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

	トップページ

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



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

	レイアウト

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

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

	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;
	}
	.main_top_in {
	  position: relative;
	  height: 780px !important;
	  margin: 0 42px 42px;
	  padding-top: 42px;
	}

	.main_top_in img{
		position: absolute;
		width: 1838px !important;
		top:0;
		left: 50%;
		margin-left: -919px !important;
	}
}


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


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

	ナビ

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


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

	.navi_pc {
		top: -211px;
	}
}


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

	ボタン

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

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

	/* リンク
	----------------------------------------------- */
	.link_common {
	}
	.link_common ul {
		font-size: 0;
		letter-spacing: -0.4em;
		text-align: center;
	}
	.link_common ul li {
		display: inline-block;
		font-size: 25px;
		letter-spacing: 0;
	}
	.link_common ul li:not(:first-child) {
		margin-left: 30px;
	}
	.link_common ul li a {
		position: relative;
		display: block;
		color: #414123;
		border-bottom:#aea8a4 1px solid;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		line-height: 1.3;
		/* padding: 0.8em 4em 0.9em; */
	}
	.row_c01 .link_common ul li a {
	}
	.row_c02 .link_common ul li a {
		background-color: #ffffff;
		color: #444444;
	}
	.link_common ul li a span {
		position: relative;
	}
	.link_common ul li a span::after {
		position: absolute;
		content: "";
		background: url(../img/button_icon_g.png) no-repeat center top / 100% auto;
		width: 8px;
		height: 9px;
		top: 11.9px;
		left: -27px;
	}

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

	/* リンク
	----------------------------------------------- */
		.link_common {
		}
		.link_common ul {
			text-align: center;
		}
		.link_common ul li {
			display: block;
			font-size: 5vw;
		}
		.link_common ul li:not(:first-child) {
			margin-top: 6vw;
		}
		.link_common ul li a {
			position: relative;
			display: block;
			width: 80vw;
			border-bottom:#aea8a4 1px solid;
			color: #444444;
			letter-spacing: 0.05em;
			text-indent: 0.05em;
			line-height: 1.3;
			padding: 0.8em 0 0.9em;
			margin-left: auto;
			margin-right: auto;
		}

		.link_common ul li a::after {
			position: absolute;
			content: "";
			display: block;
			background: url(../img/button_icon_g.png) no-repeat center top / 100% auto;
			width: 2vw;
			height: 3vw;
			top: 50%;
			margin-top: -0.8vw;
			right: 10vw;
		}
	}
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

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




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

	新着

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

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row01 {
		padding-top: 26px;
	  }
	/* タイトル */
	.row01 .news_title{
		font-size: 25px;
		line-height: 1.5;
		padding-left: 87px;
		letter-spacing: 0.08em;
	}
	.row01 .post_wrap{
		width: 100%;
		border-top: solid #bbb3a7 1px;
		border-bottom: solid #bbb3a7 1px;
		padding: 25px 90px 20px;
	}
	.row01 .post_wrap > ul > li{
		margin-bottom: 10px;
	  }
	/* 日付 */
	.row01 .post_date{
		font-size: 17px;
		letter-spacing: 0.08em;
	}
	/* 新着タイトル */
	.row01 .post_title a{
		color:#414123
	}
	/* 過去記事 ボタン */
	.row01 .past_articles{
		text-align: right;
		
	}
	.row01 .past_articles a{
		letter-spacing: 0.08em;
		margin: 13px 104px 0 0;
		display: inline-block;
		color:#414123
	}
	.row01 .past_articles span{
		position: relative;
	}
	.row01 .past_articles span::before{
		position: absolute;
		content: "";
		background: url(../img/button_icon_g.png) no-repeat center top / 100% auto;
		width: 8px;
		height: 9px;
		top: 5.9px;
		left: -15px;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row01 {
		padding: 12vw 4vw 0;
	  }
	/* タイトル */
	.row01 .news_title{
		font-size: 5vw;
		padding-left: 01em;
		letter-spacing: 0.08em;
	}
	.row01 .post_wrap{
		width: 100%;
		border-top: solid #bbb3a7 1px;
		border-bottom: solid #bbb3a7 1px;
		padding: 8vw 1.4em 3vw;
	}
	.row01 .post_wrap > ul > li{
		margin-bottom: 1.8em;
		line-height: 1.5;
	  }
	/* 日付 */
	.row01 .post_date{
		letter-spacing: 0.08em;
	}
	/* 新着タイトル */
	.row01 .post_title a{
		color:#414123
	}
	/* 過去記事 ボタン */
	.row01 .past_articles{
		text-align: right;
		
	}
	.row01 .past_articles a{
		letter-spacing: 0.08em;
		margin: 1vw 0 0 0;
		display: inline-block;
		color: #414123;
	}
	.row01 .past_articles span{
		position: relative;
	}
	.row01 .past_articles span::before{
		position: absolute;
		content: "";
		background: url(../img/button_icon_g.png) no-repeat center top / 100% auto;
		width: 1.6vw;
		height: 1.9vw;
		top: 1.3vw;
		left: -4vw;
	}
}





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

	定番も流行も

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row02{
		padding-top: 116px;
	  }
	/* タイトル */
	.title_row02{
		position: relative;
	}
	.title_row02::before{
		position: absolute;
		content: "";
		background: url(../img/logo_01.jpg) no-repeat center top / 100% auto;
		width: 101px;
		height: 53px;
		top: -91px;
		left: 50%;
		margin-left: -48px;
	}
	.title_row02 h2{
		text-align: center;
		font-size: 32px;
		font-weight: 200;
		letter-spacing: 0.08em;
		line-height: 1.7;
	}
	.title_row02 h2 .big_f{
		font-size: 67px;
		margin: 0 9px;
	}
	.title_row02 h2 .font-space{
		font-size: 36px;
		letter-spacing: 0.56em;
		margin-left: 47px;
	}

	/* テキスト */
	.row02_text{
		width: 596px !important;
		margin: 0 auto;
		padding: 48px 0 46px 18px;
		letter-spacing: 0.05em;
	}

	/* ボタン設定 */
	.row02_button{
		padding-top: 45px;
	}
	.row02 .link_common ul li {
		width: 237px;
	}
	.row02 .link_common ul li a{
		padding: 0 0 5px 0;
	}


	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row02{
		padding: 28vw 4vw 0;
	  }
	/* タイトル */
	.title_row02{
		position: relative;
	}
	.title_row02::before{
		position: absolute;
		content: "";
		background: url(../img/logo_01.jpg) no-repeat center top / 100% auto;
		width: 16vw;
		height: 9vw;
		top: -18vw;
		left: 50%;
		margin-left: -10vw;
	}
	.title_row02 h2{
		text-align: center;
		font-size: 5vw;
		font-weight: 200;
		letter-spacing: 0.08em;
		line-height: 1.7;
	}
	.title_row02 h2 .big_f{
		font-size: 10vw;
		margin: 0 2.5vw;
	}
	.title_row02 h2 .font-space{
		font-size: 5.8vw;
		letter-spacing: 0.56em;
		margin-left: 9vw;
	}

	/* テキスト */
	.row02_text{
		padding: 12vw 0 0;
		letter-spacing: 0.05em;
	}

	/* ボタン設定 */
	.row02_button{
		padding-top: 12vw;
	}
}





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

	画像背景

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row03{
		width: 100% !important;
		margin: 0 auto;
		padding-top: 90px;
	}
	.desk img {
		width: 100% ;
	}
}


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

	.row03{
		padding: 12vw 0;
	}
	
}





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

	ニュアンスネイルで
型にハマらないあなただけのネイルを。

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row04{
		padding: 310px 0 212px;
		background: url(../img/row04_bg.jpg) no-repeat center top 55px / auto;
	}

	/* タイトル */
	.title_row04 h2{
		font-size: 36px;
		text-align: center;
		line-height: 1.9;
		letter-spacing: 0.2em;
		font-weight: 200;
		padding-left: 22px;
	}
	/* テキスト */
	.row04_text{
		padding-top: 248px;
		line-height: 2;
		letter-spacing: 0.05em;
	}
	/* ボタン設定 */
	.row04_button{
		padding-top: 80px;
	}
	.row04 .link_common ul li {
		width: 296px;
	}
	.row04 .link_common ul li a{
		padding: 15px 0 18px 0;
		background-color: #ffffff;
		border: none;
		box-shadow: 0px 9px 8px -8px rgba(0, 0, 0, 0.2);
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row04{
		padding: 4vw 4vw;
background: url(../img/row04_bg.jpg) no-repeat center top 10vw / contain;
	}

	/* タイトル */
	.title_row04 h2{
		font-size: 6vw;
		text-align: center;
		line-height: 1.9;
		letter-spacing: 0.2em;
		font-weight: 200;
	}
	/* テキスト */
	.row04_text{
		padding-top: 34vw;
		line-height: 2;
		letter-spacing: 0.05em;
	}
	/* ボタン設定 */
	.row04_button{
		padding-top: 12vw;
	}
	.row04 .link_common ul li a{
		padding: 5vw 0 5vw;
		background-color: #ffffff;
		border: none;
		box-shadow: 0px 9px 8px -8px rgba(0, 0, 0, 0.2);
	}

}

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

	Nail Gallery

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* タイトル */
	.title_row05 h2{
		position: relative;
		font-size: 48px;
		text-align: center;
		font-weight: 200;
	}
	.title_row05 h2 span{
		background-color: #f6f6f5;
		padding: 0 30px;
	}
	.title_row05 h2::before{
		position: absolute;
		content: "";
		width: 705px;
		height: 1px;
		background-color: #414123;
		top: 30px;
		left: 50%;
		margin-left: -348px;
		z-index: -1;
	}

	/* ギャラリー */
	.row04_img_box{
		padding-top: 53px;
		position: relative;
	  }
	.row04_img_box::before{
		position: absolute;
		content: "";
		background-color: #b86f54;
		width: 1565px;
		height: 383px;
		bottom: -126px;
		left: 50%;
		margin-left: -770px;
	}
	.row05_img_box{
		padding-top: 53px;
		position: relative;
	  }
	.row05_img_box::before{
		position: absolute;
		content: "";
		background-color: #b86f54;
		width: 1565px;
		height: 310px;
        bottom: -130px;
		left: 50%;
		margin-left: -770px;
	}

	/* ボタン設定 */
	.row05_button{
		padding-top: 91px;
	}
	.row05 .link_common ul li {
		width: 346px;
	}
	.row05 .link_common ul li a{
		padding: 17px 0 20px 0;
		background-color: #ffffff;
		border: none;
		box-shadow: 0px 9px 8px -8px rgba(0, 0, 0, 0.2);
	}
}


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

	.row05{
		padding: 12vw 4vw 0;
	}
	/* タイトル */
	.title_row05 h2{
		position: relative;
		font-size: 10vw;
		text-align: center;
		font-weight: 200;
	}
	.title_row05 h2 span{
		background-color: #f6f6f5;
		padding: 0 5vw;
	}
	.title_row05 h2::before{
		position: absolute;
		content: "";
		width: 80vw;
		height: 1px;
		background-color: #414123;
		top: 6vw;
		left: 50%;
		margin-left: -40vw;
		z-index: -1;
	}
	
	/* ギャラリー */
	.row04_img{
		width: 46vw;
		padding: 2vw;
	}
	.row04_img_box{
		padding-top: 12vw;
		position: relative;
	}
	.row04_img_box::before{
		position: absolute;
		content: "";
		background-color: #b86f54;
		width: 130vw;
		height: 70vw;
		bottom: 26vw;
		left: 50%;
		margin-left: -194px;
	}
	.row05_img{
		width: 46vw;
		padding: 2vw;
	}
	.row05_img_box{
		padding-top: 12vw;
		position: relative;
	}
	.row05_img_box::before {
    position: absolute;
    content: "";
    background-color: #b86f54;
    width: 135vw;
   height: 140vw;
    bottom: 36vw;
    left: 50%;
	margin-left: -194px;align-content 
	}
	
	/* ボタン設定 */
	.row05_button{
		padding-top: 12vw;
	}

	.row05 .link_common ul li a{
		padding: 5vw 0 5vw;
		background-color: #ffffff;
		border: none;
		box-shadow: 0px 9px 8px -8px rgba(0, 0, 0, 0.2);
	}
	
}

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

	皆様のご来店、お待ちしております。

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row06{
		padding-top: 127px;
	  }
	/* タイトル */
	.title_row06 h3{
		position: relative;
		font-size: 26px;
		text-align: center;
		font-weight: 200;
	}
	
	.row06_box{
		padding-top: 54px;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row06{
		padding:22vw 4vw 0;
	  }
	/* タイトル */
	.title_row06 h3{
		position: relative;
		font-size: 6vw;
		text-align: center;
		font-weight: 200;
		line-height: 1.5;
	}
	
	.row06_box{
		padding-top: 12vw;
	}
	
}
/* ================================================================================

	

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


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


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

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

	

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


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


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