@charset "UTF-8";

/* amour - style
   ---------------------------------------------------------------- */

/**
 * Global
 */
* {
	box-sizing: border-box;
}

:root {
	font-size: 62.5%;
}

body {
	color: #333;
	font-family: GEORGIA, -apple-system,
		blinkMacSystemFont,
		"Helvetica Neue",
		"游ゴシック Medium",
		YuGothic,
		YuGothicM,
		"Hiragino Kaku Gothic ProN",
		"メイリオ",
		Meiryo,
		sans-serif,
		serif;
	line-height: 1.618;
	margin: auto;
	width: 100%;
}

h1,
figure {
	margin: 0;
}

p {
	font-size: 1.6rem;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a:hover {
	transition: all 0.24s ease-out;
	opacity: 0.56;
}

.align-l {
	text-align: left;
}

.align-c {
	text-align: center;
}

.align-r {
	text-align: right;
}

.sp {
	display: none;
}

/**
 * Header
 */
.header-info {
	background: #000;
	display: flex;
	justify-content: space-between;
}

.header-title {
	padding: 2rem 4rem 2rem 8rem;
}

.header-nav ul {
	display: flex;
	padding: 0 8rem 0 4rem;
}

.header-nav ul li {
	padding: 0 0 0 2.8rem;
}

.header-nav ul li::after {
	border-right: #fff 1px solid;
	content: '';
	padding: 0.6rem 2.8rem 0 0;
}

.header-nav ul .list-04 {
	border-right: #fff 1px solid;
	padding: 0 3.2rem 0 2.8rem;
}

.header-nav ul .list-05 {
	border-right: none;
	padding: 0 0 0 2.8rem;
	position: relative;
}

.header-nav ul .list-05::before {
	color: #fff;
	content: 'TEL　ご予約、お問合せ';
	font-size: 1.24rem;
	left: 2.8rem;
	position: absolute;
	top: 0.8rem;
}

.header-nav ul .list-04::after,
.header-nav ul .list-05::after {
	border-right: none;
}

.header-nav ul li a {
	color: #fff;
	font-size: 2rem;
	line-height: 7.6rem;
	text-decoration: none;
}

.header-slider-wrap {
	position: relative;
}

.header-slider {
	/*height: calc(100vh - 130px);
	overflow: hidden;*/
	position: relative;
	z-index: 0;
}

/*.header-slider img {
	bottom: auto;
	height: auto;
	left: 50%;
	max-width: initial;
	right: auto;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: all 0.4s linear;
	width: auto;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
	.header-slider img {
		height: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-webkit-transform: none;
		transform: none;
		transition: all 0.4s linear;
		width: 100%;
	}
}*/

.slick-dots {
	background: rgba(255, 255, 255, 0.64);
	bottom: 0;
	height: 3.2rem;
	line-height: 3.2rem;
	position: absolute;
}

.slick-dotted.slick-slider {
	margin: 0;
}

.header-slider-sns-icon {
	display: flex;
	position: absolute;
	right: 2rem;
	top: 2.8rem;
}

.header-slider-sns-icon li {
	margin: 0 0.88rem;
}

.header-slider-logo {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/**
 * Main
 */

/*NEWS*/
#news {
	padding: 4rem 0 5.6rem;
	text-align: center;
}

.news-lists {
	margin: 4rem auto 3.2rem;
	max-width: 760px;
	width: 80%;
}

.news-list {
	border-bottom: #ddd 1px solid;
	display: flex;
	line-height: 2;
	padding: 1.2rem 0 0;
}

.news-list span {
	font-size: 1.4rem;
	width: 20%;
}

.news-list p {
	font-size: 1.4rem;
	margin: 0;
}

.news-button {
	align-items: flex-end;
	display: flex;
	justify-content: center;
}

.news-button a {
	display: block;
	margin: 0 0.8rem;
}

/*CONCEPT*/
#concept {
	position: relative;
}

.concept-bg {
	width: 100%;
	z-index: -1;
}

.concept-bg img {
	width: 100%;
}

.concept-wrap {
	left: 0;
	padding: 4rem 0 5.6rem;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

.concept-text {
	color: #fff;
	margin: 4rem auto 3.2rem;
}

.concept-text p {
	margin: 0 0 2.4rem;
}

/*MENU*/
#menu {
	padding: 4rem 0 5.6rem;
	margin: auto;
	max-width: 832px;
	position: relative;
}

.menu-title {
	text-align: center;
}

.menu-wrap {
	display: flex;
	justify-content: space-between;
}

.menu-left,
.menu-right {
	width: 48.5%;
}

.menu-wrap h3 {
	background: #000;
	color: #fff;
	font-size: 2.4rem;
	margin: 2.8rem 0 1.44rem;
	text-align: center;
}

.menu-wrap dl {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.76rem;
	justify-content: space-between;
	margin: 1.2rem 0 0.4rem;
	padding: 0 0.8rem;
	position: relative;
}

.menu-wrap dl::after {
	border-top: #333 1px solid;
	content: '';
	position: absolute;
	top: 50%;
	width: 90%;
	z-index: -1;
}

.menu-wrap dt {
	background: #fff;
	padding: 0 0.4rem 0 0;
}

.menu-wrap dt.ladys-m {
	text-indent: 4.7rem;
}

.menu-wrap dt.ladys-l {
	text-indent: 4.9rem;
}

.menu-wrap dt.straight-m {
	text-indent: 8.5rem;
}

.menu-wrap dt.straight-l {
	text-indent: 8.8rem;
}

.menu-wrap dt.straightening-m {
	text-indent: 6.8rem;
}

.menu-wrap dt.straightening-l {
	text-indent: 7rem;
}

.menu-wrap dd {
	background: #fff;
	padding: 0 0 0 0.4rem;
}

.menu-wrap p {
	font-size: 1.12rem;
	margin: 0 0 0.4rem;
}

.menu-wrap p.normal {
	font-size: 1.76rem;
}

.menu-wrap p.mb-1-6 {
	margin: 0 0 1.6rem;
}

.menu-desc {
	display: flex;
	justify-content: center;
	margin: 2.8rem 0 4.8rem;
}

.menu-desc p {
	border: #333 1px solid;
	font-weight: 700;
	margin: 0 1.6rem;
	padding: 0.8rem 0;
	text-align: center;
	width: 36%;
}

/*SHOP INFO*/
#shop-info {
	padding: 4rem 0 0 margin: auto;
}

.shop-info-title {
	margin: 0 0 3.2rem;
	text-align: center;
}

.instagram-title {
	margin: 5.6rem 0 3.2rem;
	text-align: center;
}

.shop-info-img img {
	width: 100%;
}

/*amour.Photo*/
.amour-photo-wrap {
	margin: auto;
	max-width: 1071px;
}

.amour-photo-title {
	margin: 6.4rem 0 3.2rem;
	text-align: center;
}

.amour-photos ul {
	display: flex;
	flex-wrap: wrap;
}

.amour-photos li {
	margin: 0 1px 1px 0;
	max-width: 267px;
	width: calc(100% / 4);
}

.amour-photos li:nth-child(4n) {
	margin: 0 0 1px 0;
}

/*colorbox*/
#cboxContent,
#cboxLoadedContent {
	background: transparent !important;
}

.popup img {
	box-shadow: 0 -1px 8px -2px #777;
}

.popup .close {
	margin: 64px 0 0;
}

.popup .close-btn {
	background: #000;
	color: #fff;
	display: block;
	margin: auto;
	padding: 8px;
	text-align: center;
	width: 160px;
}

.shop-desc-info {
	display: flex;
	margin: 3.2rem auto;
	max-width: 832px;
}

.to-instagram {
	margin: 3.2rem 0 8.8rem;
	text-align: center;
}

.desc-left {
	border-right: #333 1px solid;
	width: 50%;
}

.desc-left a {
	color: #333;
	font-size: 2.4rem;
	font-weight: 700;
	text-decoration: none;
}

.desc-right {
	padding: 0 0 0 6.4rem;
	width: 50%;
}

.info-map {
	height: 400px;
	overflow: hidden;
	position: relative;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
	.info-map iframe {
		height: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-webkit-transform: none;
		transform: none;
		width: 100%;
	}
}

/**
 * Footer
 */
.copyright {
	font-size: 1.4rem;
	margin: 2.4rem 0 4.8rem;
	text-align: center;
}

#top {
	bottom: 1.6rem;
	opacity: 0.8;
	position: fixed;
	right: 1.6rem;
}

@media screen and (max-width : 768px) {

	/**
	 * Global
	 */
	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

	/**
	 * Header
	 */
	.header-info {
		display: block;
		padding: 3.2rem 0;
	}

	.header-title {
		padding: 0 0 2.4rem;
		text-align: center;
	}

	.header-nav ul {
		justify-content: center;
		padding: 0;
	}

	.header-nav ul li {
		padding: 0;
		text-align: center;
		width: 25%;
	}

	.header-nav ul li::after {
		border-right: none;
		padding: 0;
	}

	.header-nav ul .list-04 {
		border-right: none;
		padding: 0;
	}

	.header-nav ul li a {
		display: block;
		font-size: 1.6rem;
		line-height: 2rem;
	}

	.nav-tel-num {
		margin: 2rem auto 0;
		text-align: center;
	}

	.nav-tel-num span {
		color: #fff;
		font-size: 1.44rem;
	}

	.nav-tel-num a::before {
		color: #fff;
		content: 'TEL';
		font-size: 1.6rem;
		margin: 0 1.2rem 0 0;
	}

	.nav-tel-num a {
		color: #fff;
		font-size: 2.4rem;
		text-decoration: none;
	}

	/**
	 * Main
	 */

	/*NEWS*/
	.news-lists {
		width: 92%;
	}

	.news-list {
		display: block;
		text-align: left;
	}

	.news-button a {
		width: 46%;
	}

	/*CONCEPT*/

	.concept-wrap {
		background: #000;
		position: static;
	}

	.concept-title {
		margin: -20rem 0 0;
	}

	.concept-text p {
		font-size: 1.4rem;
		margin: 0 auto 1.6rem;
		text-align: left;
		width: 92%;
	}

	/*MENU*/
	.menu-wrap {
		display: block;
	}

	.menu-left,
	.menu-right {
		margin: auto;
		width: 92%;
	}

	.menu-desc p {
		align-items: center;
		display: flex;
		justify-content: center;
		height: 68px;
		width: 46%;
	}

	.menu-banner img {
		width: 100%;
	}

	/*SHOP INFO*/
	.amour-photos li {
		margin: 0 1% 1% 0;
		width: calc(98% / 3);
	}

	.amour-photos li:nth-child(4n) {
		margin: 0 1% 1% 0;
	}

	.amour-photos li:nth-child(3n) {
		margin: 0 0 1% 0;
	}

	.shop-desc-info {
		display: block;
	}

	.desc-left {
		border-bottom: #333 1px solid;
		border-right: none;
		margin: auto;
		text-align: center;
		width: 92%;
	}

	.desc-right {
		margin: auto;
		padding: 0;
		text-align: center;
		width: 92%;
	}

	@supports ((-o-object-fit: cover) or (object-fit: cover)) {
		.info-map iframe {
			height: 100%;
			left: 0;
			-o-object-fit: initial;
			object-fit: initial;
			top: 0;
			-webkit-transform: none;
			transform: none;
			width: 100%;
		}
	}
}