@charset "utf-8";
/* ===========================================================================================

	お知らせ・ブログ
=========================================================================================== */
.blogType1,
.blogType2 {
	dl {
		padding: 10px 0;
		border-bottom: 1px dotted @colorBorder;
		width: 100%;
		display: flex;
		align-items: center;

		dd {
			order: 1;
		}

		dt {
			order: 2;
			overflow: hidden;
		}

		dt a {
			.arrowLay;
			.textOmit;
		}

		dd {
			min-width: 120px;
		}
	}
}

.blogType2 {
	display: flex;
	flex-wrap: wrap;

	dl {
		width: 48%;
		margin-right: 4%;

		&:nth-of-type(2n) {
			margin-right: 0;
		}
	}
}

.blogType3,
.blogType4,
.blogType5,
.blogType6 {
	.blogWidget_content {
		text-align: center;

		.imageArea a {
			.imgCenter;
		}

		h4 {
			.textOmit;
		}
	}
}

.blogType7,
.blogType8 {
	.blogWidget_content {
		.clearfix;
		.itemMB;

		.imageArea {
			float: left;
			width: 22%;
			height: 180px;
			border: 1px solid @colorBorder;
			.imgCenter;
		}

		.textArea {
			float: right;
			width: 75%;

			h3 {
				.h3Lay;
				.textOmit;

				.date {
					font-size: 90%;
					display: block;
					font-weight: normal;
				}
			}
		}
	}
}

.blogType8 {
	display: flex;
	flex-wrap: wrap;

	.blogWidget_content {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;

		.imageArea {
			height: 150px;
		}

		&:nth-of-type(even) {
			margin-right: 0;
		}
	}
}

.blogType3,
.blogType5 {
	display: flex;
	flex-wrap: wrap;

	.blogWidget_content {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;

		.imageArea a {
			height: 220px;
		}

		&:nth-of-type(3n) {
			margin-right: 0;
		}
	}
}

.blogType4,
.blogType6 {
	display: flex;
	flex-wrap: wrap;

	.blogWidget_content {
		width: 23.5%;
		margin-right: 1.5%;
		margin-bottom: 1.5%;

		.imageArea a {
			height: 150px;
		}

		&:nth-of-type(4n) {
			margin-right: 0;
		}
	}
}
/* ===========================================================================================

	ギャラリー
=========================================================================================== */

.galleryType01 {
	h3 {
		.h3Lay;
	}

	.entry {
		.itemMB;
	}

	.galleryWidget_wrapper {
		.clearfix;
		position: relative;

		.galleryWidget_img {
			float: left;
			width: 220px;
			height: 220px;
			border: 1px solid @colorBorder;
			.imgCenter;
		}

		.galleryWidget_contents {
			float: right;
			width: calc(~"100% - 240px");

			.galleryMore {
				position: absolute;
				right: 0;
				bottom: 0;
				display: inline-block;
				background: @colorSub;
				color: #FFF;
				padding: 5px 20px;
			}
		}
	}
}

.galleryType02,
.galleryType03,
.galleryType04 {
	h3 {
		font-weight: bold;
		text-align: center;
		.textOmit;
	}

	.entry {
		float: left;

		a {
			.galleryWidget_img {
				border: 1px solid @colorBorder;
				display: block;
				.imgCenter;
			}
		}
	}
}

.galleryType02 {
	.clearfix;

	.entry {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;

		&:nth-of-type(2n) {
			margin-right: 0;
		}

		.galleryWidget_img {
			height: 300px;
		}
	}
}

.galleryType03 {
	.clearfix;

	.entry {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;

		&:nth-of-type(3n) {
			margin-right: 0;
		}

		.galleryWidget_img {
			height: 230px;
		}
	}
}

.galleryType04 {
	.clearfix;

	.entry {
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 2%;

		&:nth-of-type(4n) {
			margin-right: 0;
		}

		.galleryWidget_img {
			height: 180px;
		}
	}
}
/* ===========================================================================================

	メニュー
=========================================================================================== */

.menuWidget {
	h3 {
		.h3Lay;
	}
	// menuType7 END
	.price strong {
		font-weight: normal;
	}

	.price strong::before {
		content: ' / ';
	}
}

.menuType1 {
	.menuWidget_list {
		.itemMB;
	}

	.menuWidget_image {
		text-align: center;
		margin: 0 0 20px;
	}

	.menuWidget_inner {
		display: flex;
		overflow: hidden;
		align-items: center;
		flex-wrap: nowrap;

		&:before {
			content: '\0A0';
			display: block;
			border-bottom: dotted 2px @colorBorder;
			order: 2;
			width: 100%;
			line-height: @BaseLineHeight / 2;
			flex: auto;
			align-self: flex-start;
		}

		.menu {
			display: block;
			padding-right: 0.7em;
			max-width: 60%;
			order: 1;
			flex-shrink: 0;
			align-self: flex-start;
		}

		.price {
			display: block;
			padding-left: 0.7em;
			max-width: 30%;
			order: 3;
			flex-shrink: 0;
			align-self: flex-start;
			text-align: right;
		}
	}

	.menuWidget_wrapper {
		margin-bottom: 10px;
	}

	.menuWidget_com {
		border: 1px solid @colorBorder;
		padding: 0.5em 1em;
	}
}

.menuType2 {
	.menuWidget_lay {
		display: flex;
		flex-wrap: wrap;
	}

	.menuWidget_list {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;

		&:nth-child(2n) {
			margin-right: 0;
		}
	}

	.menuWidget_inner {
		display: flex;
		overflow: hidden;
		align-items: center;
		flex-wrap: nowrap;

		&:before {
			content: '';
			border-bottom: dotted 2px @colorBorder;
			z-index: 100;
			order: 2;
			width: 100%;
		}

		.menu {
			display: block;
			padding-right: 0.7em;
			order: 1;
			max-width: 200px;
			flex-shrink: 0;
		}

		.price {
			padding-left: 0.7em;
			max-width: 60%;
			order: 3;
			max-width: 120px;
			flex-shrink: 0;
		}
	}

	.imageArea {
		width: 100%;
		height: 200px;
		position: relative;
		margin: 0 0 20px;

		img {
			margin: auto;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}
	}

	.menuWidget_wrapper {
		margin-bottom: 10px;
	}

	.menuWidget_com {
		font-size: 90%;
		padding-left: 1em;
		border-left: 4px solid @colorBorder;
	}
}

.menuType3 {
	//表レイアウト
	.menuWidget_list {
		.itemMB;
	}

	.menuWidget_image {
		text-align: center;
		margin: 0 0 2em;
	}

	.menuWidget_wrapper {
		display: table;
		border-collapse: collapse;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: 10px;
	}

	.menuWidget_inner {
		display: table-row;

		span {
			display: table-cell;
			border: 1px solid @colorBorder;
			padding: 1em;
		}

		.menu {
			vertical-align: middle;
			background: @colorLightBG;
			width: 40%; //要調整
		}

		.price {
			vertical-align: middle;
			text-align: right;
		}
	}

	.menuWidget_com {
		padding-left: 1em;
		border-left: 4px solid @colorBorder;
	}
}

.menuType4,
.menuType5 {
	.menuWidget_contents {
		display: flex;
		flex: wrap;
	}

	.menuWidget_list {
		.itemMB;
	}

	.menuWidget_image {
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
		text-align: center;
		width: 30%;

		img {
			max-width: 100%;
			margin: auto;
		}
	}

	.menuWidget_wrapper {
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		padding: 0;
		width: 65%;
		margin: 0 auto 0 0;
	}

	.menuWidget_inner {
		display: flex;
		overflow: hidden;
		align-items: center;
		flex-wrap: nowrap;

		&:before {
			content: '';
			border-bottom: dotted 2px @colorBorder;
			z-index: 100;
			order: 2;
			width: 100%;
		}

		.menu {
			display: block;
			padding-right: 0.7em;
			order: 1;
			max-width: 250px;
			flex-shrink: 0;
		}

		.price {
			padding-left: 0.7em;
			max-width: 60%;
			order: 3;
			max-width: 120px;
			flex-shrink: 0;
		}
	}

	.menuWidget_com {
		margin-top: 10px;
		padding-left: 1em;
		border-left: 4px solid @colorBorder;
	}
}

.menuType5 {
	.menuWidget_wrapper {
		margin: 0 0 0 auto;
	}

	.menuWidget_wrapper {
		order: 1;
	}

	.menuWidget_image {
		order: 0;
	}
}

.menuType6,
.menuType7 {
	.menuWidget_contents {
		display: flex;
		flex-wrap: wrap;
	}

	.menuWidget_list {
		.itemMB;
	}

	.menuWidget_image {
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		width: 30%;
		position: relative;

		img {
			max-width: 100%;
			margin: auto;
		}
	}

	.menuWidget_wrapper {
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
		padding: 0;
		width: 65%;
	}

	.menuWidget_table {
		display: table;
		margin: 0 0 20px;
		border-collapse: collapse;
		box-sizing: border-box;
		width: 100%;
	}

	.menuWidget_inner {
		display: table-row;

		.menu,
		.price {
			display: table-cell;
			border: 1px solid @colorBorder;
			padding: 1em;
		}

		.menu {
			vertical-align: middle;
			background: @colorLightBG;
			width: 60%;
		}

		.price {
			vertical-align: middle;
			text-align: right;
		}
	}
}

.menuType6 {
	.menuWidget_wrapper {
		margin: 0 0 0 auto;
	}
}

.menuType7 {
	.menuWidget_wrapper {
		margin: 0 auto 0 0;
		order: 0;
	}

	.menuWidget_image {
		order: 1;
	}
}
/* ===========================================================================================

	ヘアカタ
=========================================================================================== */

.hairType01,
.hairType02,
.hairType03 {
	h3 {
		font-weight: bold;
		text-align: center;
		.textOmit;
	}

	.entry {
		float: left;

		a {
			.hairWidget_img {
				border: 1px solid @colorBorder;
				display: block;
				.imgCenter;
			}
		}
	}
}

.hairType01 {
	.clearfix;

	.entry {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;

		&:nth-of-type(2n) {
			margin-right: 0;
		}

		.hairWidget_img {
			height: 300px;
		}
	}
}

.hairType02 {
	.clearfix;

	.entry {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;

		&:nth-of-type(3n) {
			margin-right: 0;
		}

		.hairWidget_img {
			height: 230px;
		}
	}
}

.hairType03 {
	.clearfix;

	.entry {
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 2%;

		&:nth-of-type(4n) {
			margin-right: 0;
		}

		.hairWidget_img {
			height: 180px;
		}
	}
}
/* ===========================================================================================

	クーポン
=========================================================================================== */
.couponWidget {
	.couponWidget_content {
		width: auto;
		border: 1px solid @colorBorder;
		padding: 1px;
		margin-bottom: 40px;
		clear: both;
	}

	.couponWidget_wrap {
		display: table;
		width: 100%;
		margin-bottom: 0;
	}

	.couponWidget_tag {
		display: table-cell;
		text-align: center;
		width: 30px;
		vertical-align: middle;
		padding: 0;
		background: @colorSub;
		color: #FFF;

		span {
			display: block;
		}
	}

	.couponWidget_info {
		display: table-cell;
		vertical-align: middle;
		padding: 15px;

		dl.couponWidget_infoTxt {
			display: block;
		}

		dl.couponWidget_infoTxt {
			dd,
			dt {
				display: inline;
			}

			dt {
				color: @colorSub;
			}

			dd {
				padding-right: 10px;
			}
		}
	}

	.couponWidget_infoHeader {
		display: table;
		margin-bottom: 10px;
		width: 100%;
		border-bottom: 1px dotted @colorBorder;
		padding-bottom: 10px;

		p {
			text-align: right;
			display: table-cell;
		}

		.couponWidget_priceBefore {
			text-decoration: line-through;
		}

		.couponWidget_priceAfter {
			color: @colorSub;
		}
	}
}
/* ===========================================================================================

	スタッフ
=========================================================================================== */

.staffType01 {
	h3 {
		.h3Lay;
	}

	.entry {
		.itemMB;
	}

	.staffWidget_wrapper {
		.clearfix;
		position: relative;

		.staffWidget_img {
			float: left;
			width: 220px;
			height: 220px;
			border: 1px solid @colorBorder;
			.imgCenter;
		}

		.staffWidget_contents {
			float: right;
			width: calc(~"100% - 240px");

			.staffMore {
				position: absolute;
				right: 0;
				bottom: 0;
				display: inline-block;
				background: @colorSub;
				color: #FFF;
				padding: 5px 20px;
			}
		}
	}
}

.staffType02,
.staffType03,
.staffType04 {
	.staffWidget_header {
		text-align: center;

		h3 {
			font-weight: bold;
			.textOmit;
		}

		div {
			.textOmit;
			font-size: 90%;
		}
	}

	.entry {
		float: left;

		a {
			.staffWidget_img {
				border: 1px solid @colorBorder;
				display: block;
				.imgCenter;
			}
		}

		&+hr {
			clear: both;
			border: none;
			display: none;
		}
	}
}

.staffType02 {
	.clearfix;

	.entry {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;

		&:nth-of-type(2n) {
			margin-right: 0;
		}

		.staffWidget_img {
			height: 300px;
		}

		&:nth-of-type(2n)+hr {
			display: block;
		}
	}
}

.staffType03 {
	.clearfix;

	.entry {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;

		&:nth-of-type(3n) {
			margin-right: 0;
		}

		.staffWidget_img {
			height: 230px;
		}

		&:nth-of-type(3n)+hr {
			display: block;
		}
	}
}

.staffType04 {
	.clearfix;

	.entry {
		width: 23.5%;
		margin-right: 2%;
		margin-bottom: 2%;

		&:nth-of-type(4n) {
			margin-right: 0;
		}

		.staffWidget_img {
			height: 180px;
		}

		&:nth-of-type(4n)+hr {
			display: block;
		}
	}
}
/* ===========================================================================================

	Q&A
=========================================================================================== */
.qaWidget {
	margin: 0 0 20px;
}

.qaWidget_content {
	border-bottom: 1px dotted @colorBorder;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.qaWidget .qaWidget_a::after,
.qaWidget .qaWidget_q::after,
.qaWidget::after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}

.qaWidget .qaWidget_a,
.qaWidget .qaWidget_q {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.qaWidget .qaWidget_a dt,
.qaWidget .qaWidget_q dt {
	display: table-cell;
	width: 45px;
	vertical-align: top;
}

.qaWidget .qaWidget_a dt p,
.qaWidget .qaWidget_q dt p {
	display: block;
	margin: 0;
	width: 40px;
	padding: 5px;
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	color: #FFF;
	border-radius: 5px;
}

.qaWidget .qaWidget_q dd {
	font-size: 100%;
	font-weight: bold;

	b {
		font-size: 130%;
		display: inline-block;
		width: 100%;
	}
}

.qaWidget .qaWidget_a dd,
.qaWidget .qaWidget_q dd {
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
	line-height: 20px;
}

.qaWidget .qaWidget_q dt p {
	background: @colorSub;
}

.qaWidget .qaWidget_a dt p {
	background: darken(rgba(red(@colorSub), green(@colorSub), blue(@colorSub), .85), 30%);
}
/* ===========================================================================================

	リクルート
=========================================================================================== */
.recruitWidget {
	h3 {
		.h3Lay;
	}

	.recruitWidget_dl {
		display: table;
		border-collapse: collapse;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: 0.5em;

		dl {
			display: table-row;
		}

		dd,
		dt {
			display: table-cell;
			border: 1px solid @colorBorder;
			padding: 1em;
		}

		dt {
			width: 30%;
			background: @colorLightBG;
		}
	}

	.recruitWidget_com {
		margin: 1em 0;
	}
}
/* ===========================================================================================

	店舗
=========================================================================================== */

.shopType1,
.shopType2 {
	h3 {
		.h3Lay;
	}

	.shopWidget_column {
		.clearfix;
		.itemMB;

		.shopImgArea {
			float: left;
			width: 45%;

			.mainImg {
				height: auto;

				img {
					display: block;
					margin: auto;
				}
			}
		}

		.shopWidget_box {
			float: right;
			width: 50%;

			.shopInfo {
				margin: 0 0 20px;
			}

			.shopInfoList {
				display: table;
				border-collapse: collapse;
				width: 100%;

				dl {
					.comDlLay;
					border-bottom: 1px solid @colorBorder;
				}
			}
		}
	}

	.gmap {
		margin-top: 20px;

		.mapLink {
			text-align: right;
			font-size: 90%;
		}
	}
}

.shopType3 {
	.shopWidget_content {
		.clearfix;

		.shopWidget_column {
			h3 {
				.h3Lay;
			}
			width: 49%;
			float: left;
			margin-right: 2%;
			margin-bottom: 2%;

			&:nth-of-type(even) {
				margin-right: 0;
			}
		}

		.shopImgArea {
			.mainImg {
				height: auto;
				height: 300px;
				margin-bottom: 10px;
				.imgCenter;
			}
		}

		.shopInfoList {
			display: table;
			border-collapse: collapse;
			width: 100%;
			margin-bottom: 10px;

			dl {
				.comDlLay;
				border-bottom: 1px solid @colorBorder;
			}
		}

		.moreBtn {
			text-align: center;
		}
	}
}
/* ===========================================================================================

	お客様の声
=========================================================================================== */
.voiceWidget {
	.voiceWidget_wrapper {
		h3 {
			.h3Lay;
		}
		.itemMB;
	}
}