@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) {
	.h_logo {
		position: absolute;
		width: 28.958vw;
		z-index: 1;
		left: 10vw;
		top: 17.3vw;
	}
	.h_logo img {
		width: 100%;
	}
	
	.main_top {
		position: relative;
	}
	.main_top img {
		width: 100%;
	}
}
	
	/* TOP SNSアイコン　PC
----------------------------------------------- */	
	@media (min-width: 768px) {
		
	   .header_sns {
		display: flex;
		position:absolute;
      bottom:10px;   
		left:10px;   
		}
	
	   .header_sns a {
		position: relative;
      z-index: 1;
      margin-right: 30px;
		width:50px;   
			}
	
		.header_sns a img {
		width:100%;		
	    }
	
        .s_beauty {
		width:120px!important;	
		    }
}
		
/* SP設定
----------------------------------------------- */
	@media (max-width: 767px) {
		 .header_sns {
		display: flex;
		position:absolute;
      bottom:10px;   
		left:10px;   
		}
	
	   .header_sns a {
		position: relative;
      z-index: 1;
      margin-right: 10px;
		width:10%;   
			}
	
		.header_sns a img {
		width:100%;		
	    }
	
        .s_beauty {
		width:25%!important;	
		    }
	}
		

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.h_logo {
		position: absolute;
		width: 40.8vw;
		z-index: 1;
		left: 5.2vw;
		/*top: 43vw; */
		top: 3vw;
	}
	.h_logo img {
		width: 100%;
	}
	
	.main_top {
		position: relative;
	}
	.main_top img {
		width: 200%;
        margin-left: -70.5vw;
		/*width: 235%;
		margin-left: -64.5vw;*/
		object-fit: cover;
		height: 106vw;
		object-position: 0 0;
	}
	

	
	
}





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

	ここからコンテンツ内容

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



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

	NEW OPEN CAMPAIGN

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.campaign_row {
		border: 1px solid #b4a289;
		width: 61.5vw;
		margin: 8.35vw auto 0;
		padding: 2.7vw 8.8vw 5.6vw;
	}
	
	.campaign_title h2 {
		font-family: 'Crimson Pro', 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
		text-align: center;
		font-size: 5.2vw;
		color: #d5c7b4;
		font-weight: 300;
		letter-spacing: 0.03em;
	}
	
	.campaign_text01 {
		color: #7c7c7c;
		font-size: 1.2vw;
		text-align: center;
		margin-top: 2.25vw;
		line-height: 1.85;
		letter-spacing: 0.03em;
	}
	
	.campaign_box {
		border-top: 2px solid #b4a289;
		margin-top: 3.8vw;
		padding-top: 3.2vw;
	}
	
	.campaign_content {
		font-size: 2.6vw;
		position: relative;
		padding-left: 11.3vw;
		font-weight: 300;
		letter-spacing: 0.06em;
	}
	.campaign_content span {
		font-size: 0.93vw;
		color: #7c7c7c;
		display: block;
		letter-spacing: 0.05em;
		margin-top: -0.4vw;
	}
	.campaign_content:before {
		content: '初回限定';
		position: absolute;
		width: 6.77vw;
		height: 6.77vw;
		border: 0.1vw solid #b4a289;
		top: 0;
		left: 2.65vw;
		font-size: 2.08vw;
		padding: 0.78vw 1.1vw;
		letter-spacing: 0.03em;
		line-height: 1.2;
		font-weight: 100;
	}
	
	.campaign02 {
		margin-top: 4vw;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.campaign_row {
		border: 1px solid #b4a289;
		margin: 12vw 6vw 0;
		padding: 6vw;
	}
	
	.campaign_title h2 {
		font-family: 'Crimson Pro', 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
		text-align: center;
		font-size: 10vw;
		color: #d5c7b4;
		font-weight: 300;
		letter-spacing: 0.03em;
	}
	
	.campaign_text01 {
		color: #7c7c7c;
		text-align: center;
		margin-top: 3vw;
		line-height: 1.85;
		letter-spacing: 0.03em;
	}
	
	.campaign_box {
		border-top: 1px solid #b4a289;
		margin-top: 6vw;
		padding-top: 6vw;
	}
	
	.campaign_content {
		font-size: 4.45vw;
		position: relative;
		padding-left: 16vw;
		font-weight: 300;
		letter-spacing: 0.06em;
	}
	.campaign_content span {
		font-size: 3.1vw;
		color: #7c7c7c;
		display: block;
		letter-spacing: 0.05em;
		margin-top: 2vw;
	}
	.campaign_content:before {
		content: '初回限定';
		position: absolute;
		width: 11vw;
		/*height: 11vw;*/
       height: 23vw;
		border: 0.1vw solid #b4a289;
		top: -1.5vw;
		left: 1.65vw;
		font-size: 3.5vw;
		padding: 1.1vw 1.75vw;
		letter-spacing: 0.03em;
		line-height: 1.2;
		font-weight: 100;
	}
	
	.campaign02 {
		margin-top: 2.5vw;
	}
	
	
}





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

	艶のある髪を、もう一度。

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row01 {
		width: 53vw;
		margin: 13vw auto 0;
	}
	
	.row01_title h2 {
		font-size: 4.7875vw;
		font-weight: 300;
	}
	
	.row01_text {
		font-size: 1.77vw;
		margin-top: 4.8vw;
		font-weight: 300;
		line-height: 2;
		letter-spacing: 0.03em;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row01 {
		margin: 20vw 6vw 0;
	}
	
	.row01_title h2 {
		font-size: 8vw;
		font-weight: 100;
	}
	
	.row01_text {
		margin-top: 4.8vw;
		font-weight: 300;
		line-height: 1.8;
		letter-spacing: 0.03em;
		font-size: 3.3vw;
	}
	
	
}





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

	ボタン①

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row02 {
		width: 61.8vw;
		margin: 7.35vw auto 0;
	}
	
	.row02_btn {
		width: 19.4vw;
	}
	.row02_btn a {
		display: block;
		text-align: center;
		background-color: rgba(26,23,18,0.8);
		border: 1px solid #b4a289;
		padding: 2.3vw 0 5.35vw;
		position: relative;
	}
	.row02_btn a h3 {
		font-weight: 300;
		font-size: 1.9vw;
		color: #b4a289;
	}
	.row02_btn a p {
		font-weight: 300;
		font-size: 1.04vw;
		color: #7c7c7c;
		margin-top: 0.9vw;
		line-height: 2.1;
		letter-spacing: 0.03em;
	}
	.row02_btn a:before {
		content: '';
		position: absolute;
		background: url(../img/row02_btn.png) center top / contain no-repeat;
		width: 1.5vw;
		height: 1.5vw;
		bottom: 2.4vw;
		left: 50%;
		margin-left: -0.75vw;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row02 {
		margin: 20vw 6vw 0;
	}
	
	.row02_btn {
		
	}
	.row02_btn a {
		display: block;
		text-align: center;
		background-color: rgba(26,23,18,0.8);
		border: 1px solid #b4a289;
		padding: 8vw 0 16vw;
		position: relative;
	}
	.row02_btn a h3 {
		font-weight: 300;
		font-size: 5.5vw;
		color: #b4a289;
	}
	.row02_btn a p {
		font-weight: 300;
		color: #7c7c7c;
		margin-top: 0.9vw;
		letter-spacing: 0.05em;
		font-size: 3.3vw;
	}
	.row02_btn a:before {
		content: '';
		position: absolute;
		background: url(../img/row02_btn.png) center top / contain no-repeat;
		width: 4.5vw;
		height: 4.5vw;
		bottom: 8vw;
		left: 50%;
		margin-left: -2.25vw;
	}
	
	.row02_sp_btn {
		margin: 6vw 0;
	}
	
	
}





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

	Contact

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row03 {
		background-color: #141414;
		text-align: center;
		margin-top: 13.4vw;
		padding: 12.3vw 0 13.6vw;
	}
	
	.row03_title h2 {
		color: #b4a289;
		font-size: 6.2vw;
		font-weight: 500;
		letter-spacing: 0.05em;
		font-family: 'Crimson Pro', 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
	}
	
	.row03_text {
		font-size: 1.25vw;
		color: #7c7c7c;
		margin-top: 2.1vw;
	}
	
	.contact_box {
		border: 1px solid #b4a289;
		margin: 3.1vw auto 0;
		width: 61.5vw !important;
		padding: 5.4vw 0 5.1vw;
	}
	
	.contact_title {
		font-size: 3.125vw;
	}
	.contact_title h3 {
		font-weight: 300;
		letter-spacing: 0.03em;
		color: #d5c7b4;
	}
	
	.contact_tel {
		margin-top: 2vw;
	}
	.contact_tel a {
		display: block;
		line-height: 1;
		color: #b4a289;
	}
	.contact_tel a {
		font-size: 3.385vw;
		letter-spacing: 0.05em;
		padding: 0.3em 1em 0.35em;
		pointer-events: none;
	}
	.contact_tel a span {
		font-size: 2.08vw;
		margin-right: 0.4em;
		vertical-align: 0.4vw;
	}
	
	.contact_text {
		font-size: 1.25vw;
		color: #ecd7ba;
		line-height: 1.8;
		margin-top: 0.3vw;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row03 {
		background-color: #141414;
		text-align: center;
		margin-top: 12vw;
		padding: 11vw 0 13.6vw;
	}
	
	.row03_title h2 {
		color: #b4a289;
		font-size: 12vw;
		font-weight: 500;
		letter-spacing: 0.05em;
		font-family: 'Crimson Pro', 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
	}
	
	.row03_text {
		font-size: 3.3vw;
		color: #7c7c7c;
		margin-top: 4vw;
	}
	
	.contact_box {
		border: 1px solid #b4a289;
		margin: 8vw 6vw 0;
		padding: 9vw 0 10vw;
	}

	.contact_title h3 {
		font-weight: 300;
		letter-spacing: 0.03em;
		color: #d5c7b4;
		font-size: 6vw;
	}
	
	.contact_tel {
		margin-top: 2vw;
	}
	.contact_tel a {
		display: block;
		line-height: 1;
		color: #b4a289;
	}
	.contact_tel a {
		font-size: 7vw;
		letter-spacing: 0.05em;
		border-radius: 0.2em;
		padding: 0.3em 1em 0.35em;
	}
	.contact_tel a span {
		font-size: 0.5em;
		margin-right: 0.4em;
		vertical-align: 0.3em;
	}
	
	.contact_text {
		font-size: 3.1vw;
		color: #ecd7ba;
		line-height: 1.8;
		margin-top: 0.3vw;
	}
	
	
}





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

	ボタン②

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row04 {
		padding: 8.1vw 0 10vw;
		background-color: rgba(16,16,16,0.3);
	}
	
	.row04_box01 {
		width: 61.5vw !important;
		margin: 0 auto;
	}
	
	.row04_btn01 a {
		display: block;
		text-align: center;
		background-color: rgba(26,23,18,0.8);
		border: 1px solid #b4a289;
		padding: 2.85vw 3.4vw 3vw 0vw;
		position: relative;
		color: #b4a289;
		font-size: 2.083vw;
		letter-spacing: 0.05em;
		font-weight: 300;
		width: 29.9vw;
		pointer-events: none;
	}
	.row04_btn01 a span {
		font-size: 14px;
		display: inline-block;
		vertical-align: top;
		padding-top: 12px;
	}
	.row04_btn01 a:before {
		content: '';
		position: absolute;
		background: url(../img/row02_btn.png) center top / contain no-repeat;
		width: 1.5vw;
		height: 1.5vw;
		bottom: 2.4vw;
		top: 50%;
		right: 8vw;
		margin-top: -0.7vw;
	}
	.row04_btn02 a {
		display: block;
		text-align: center;
		background-color: rgba(26,23,18,0.8);
		border: 1px solid #b4a289;
		padding: 2.85vw 3vw 3vw 0vw;
		position: relative;
		color: #b4a289;
		font-size: 2.083vw;
		letter-spacing: 0.05em;
		font-weight: 300;
		width: 29.9vw;
	}
	.row04_btn02 a:before {
		content: '';
		position: absolute;
		background: url(../img/row02_btn.png) center top / contain no-repeat;
		width: 1.5vw;
		height: 1.5vw;
		bottom: 2.4vw;
		top: 50%;
		right: 9.1vw;
		margin-top: -0.7vw;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row04 {
		padding: 13vw 0 16vw;
		background-color: rgba(16,16,16,0.3);
	}
	
	.row04_box01 {
		margin: 0 6vw;
	}
	
	.row04_btn01 a {
		pointer-events: none;
	}
	.row04_btn01 a,
	.row04_btn02 a {
		display: block;
		text-align: center;
		background-color: rgba(26,23,18,0.8);
		border: 1px solid #b4a289;
		padding: 7vw 0vw 7vw;
		position: relative;
		color: #b4a289;
		font-size: 5.5vw;
		letter-spacing: 0.05em;
		font-weight: 300;
	}
	.row04_btn01 a:before,
	.row04_btn02 a:before {
		content: '';
		position: absolute;
		background: url(../img/row02_btn.png) center top / contain no-repeat;
		width: 4.5vw;
		height: 4.5vw;
		bottom: 2.4vw;
		top: 50%;
		right: 8vw;
		margin-top: -2.3vw;
	}
	.row04_btn02 a {
		margin-top: 6vw;
	}

	
}




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

	News

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


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.row05 {
		margin-top: 7.2vw;
	}
	
	.row05_title h2 {
		color: #b4a289;
		font-size: 6.2vw;
		font-weight: 500;
		letter-spacing: 0.05em;
		text-align: center;
		font-family: 'Crimson Pro', 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
	}
	
	.row05_content {
		width: 44vw !important;
		margin: 2.8vw auto 0;
	}
	.row05_content .post_wrap {
		font-size: 1.25vw;
		letter-spacing: 0.05em;
	}
	.row05_content .post_wrap ul li {
		border-bottom: 0.1vw solid;
		padding: 0.89vw 0.2vw 1vw 0.2vw;
		font-weight: 300;
	}
	.row05_content .post_wrap ul li:first-of-type {
		padding-top: 0;
	}
	.row05_content .post_wrap .post_date {
		float: left;
		margin-right: 1.5vw;
	}
	.row05_content .post_wrap .post_title a {
		color: #b4a289;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
	}
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.row05 {
		margin-top: 16vw;
	}
	
	.row05_title h2 {
		color: #b4a289;
		font-size: 12vw;
		font-weight: 500;
		letter-spacing: 0.05em;
		text-align: center;
		font-family: 'Crimson Pro', 'Noto Serif JP','游明朝',YuMincho,'ヒラギノ明朝 ProN W2','Hiragino Mincho ProN','HG明朝B',serif;
	}
	
	.row05_content {
		margin: 6vw 6vw 0;
		width: 88vw;
	}
	.row05_content .post_wrap {
		letter-spacing: 0.05em;
	}
	.row05_content .post_wrap ul li {
		border-bottom: 0.1vw solid;
		padding: 3.4vw 0.5vw 3vw 0.5vw;
		font-weight: 300;
	}
	.row05_content .post_wrap ul li:first-of-type {
		padding-top: 0;
	}
	.row05_content .post_wrap .post_date {
		font-size: 3.1vw;
	}
	.row05_content .post_wrap .post_title a {
		color: #b4a289;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		font-size: 4vw;
	}
	

	
}