@charset "UTF-8";


/* list parts
============================================================================= */
a.feaSelection_list{
	display: block;
	border: 1px solid #b8985e;
	background-image: url("../img/ico_cont.png"),url("../img/bg_cont.jpg");
	background-position: top 4px right 4px,0 0;
	background-repeat: no-repeat,repeat;
	background-size: 30px,302px auto;
	margin-bottom: 40px;
	color: #333;
}
	/* menu title */
	.feaSelection_list_title{
		font-size: 1.5rem;
		font-weight: bold;
		padding: 10px 30px 10px 3%;
		line-height: 1.5;
		color: #333;
	}

	/* menu detail */
	.feaSelection_list_detail{
		padding: 8px 3% 10px;
		background: #fff;
		border-top: 1px dotted #b8985e;
		border-bottom: 1px dotted #b8985e;
	}
		.feaSelection_list_detail .el_copy{
			font-size: 1.4rem;
			line-height: 1.5;
			font-weight: bold;
		}
		.feaSelection_list_detail .el_copy_catch{
			display: block;
			height: 40px;
			line-height: 1;
			padding-top: 14px;
			padding-left: 53px;
			background: url("../img/ico_privilege.png") no-repeat 0 0;
			background-size: 49px 40px;
			color: #d7053d;
			margin-bottom: 6px;
		}
		.feaSelection_list_detail .el_text{
			font-size: 1.4rem;
			line-height: 2;
			margin-bottom: 12px;
		}
		/* image */
		.feaSelection_list_detail .el_image{
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			justify-content: center;
			margin-bottom: 5px;
		}
			.feaSelection_list_detail .el_image_cont{
				width: 48%;
			}
				.feaSelection_list_detail .el_image_cont figure{
					width: 100%;
					padding-top: 100%;
					position: relative;
				}
				.feaSelection_list_detail .el_image_cont img{
					position: absolute;
					top:0;
					left: 0;
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			.feaSelection_list_detail .el_image_cont:last-child{
				margin-left: 2%;
			}
			.feaSelection_list_detail .el_image_cont:hover{ opacity: 0.7;}

		/* price */
		.feaSelection_list_detail .el_price{}
			.feaSelection_list_detail .el_price_cont{
				width: 100%;
				padding: 12px 0;
				border-bottom: 1px solid #ccc;
			}
		.feaSelection_list_detail .el_price_cont dt,
		.feaSelection_list_detail .el_price_cont dd{ float: left;}

			.feaSelection_list_detail .el_price_cont dt{
				font-size: 1.4rem;
				font-weight: bold;
				padding-right: 10px;
				margin-bottom: 10px;
			}
			.feaSelection_list_detail .el_price_cont dd{
				font-size: 1.8rem;
				font-weight: bold;
				line-height: 1;
			}
				.feaSelection_list_detail .el_price_cont dd > div{
					padding-bottom: 10px;
					border-bottom: 1px solid #ccc;
					margin-bottom: 10px;
					line-height: 1.4;
				}
				.feaSelection_list_detail .el_price_cont dd > div:last-child{
					border: none;
					padding-bottom: 0;
				}
		/* coupon price */
		.feaSelection_list_detail .el_price_cont.is-coupon{
			border-bottom-style: dotted;
		}
			.feaSelection_list_detail .el_price_cont.is-coupon dt{ padding-right: 20px;}
			.feaSelection_list_detail .el_price_cont.is-coupon dd{
				font-size: 1.8rem;
				color: #636f8c;
			}
			.feaSelection_list_detail .el_price_cont:last-child{ border: none;}

		.feaSelection_list_detail .el_icon{}
			.feaSelection_list_detail .el_icon > span{
				display: inline-block;
				height: 24px;
				line-height: 24px;
				font-size: 1rem;
				font-weight: bold;
				margin: 0 8px 8px 0;
			}
				.feaSelection_list_detail .el_icon span > i{
					font-size: 1.4rem;
					margin-right: 5px;
					vertical-align: baseline;
				}
			.feaSelection_list_detail .el_icon_genre{
				color: #fff;
				background-color: #aaa;
				font-size: 1.4rem;
				padding: 0 10px;
				border-radius: 4px;
			}
			.feaSelection_list_detail .el_icon_reserve{
				color: #636f8c;
			}

	/* menu salon */
	.feaSelection_list_salon{
		padding: 20px 20px 15px;
	}
	.feaSelection_list_salon .el_icon{}
		.feaSelection_list_salon .el_icon > span,
		.feaSelection_list_salon .el_access_map{
			display: inline-block;
			height: 24px;
			line-height: 24px;
			font-size: 1rem;
			font-weight: bold;
			margin: 0 8px 10px 0;
		}
		.feaSelection_list_salon .el_icon > span i{
			font-size: 1.4rem;
			margin-right: 5px;
			vertical-align: baseline;
		}
		.feaSelection_list_salon .el_icon_area{
			font-size: 1em;
			padding: 0 10px;
			border-radius: 4px;
		}
		.feaSelection_list_salon .el_icon_area{
			color: #fff;
			background-color: #636f8c;
		}
		.feaSelection_list_salon .el_icon_review span{
			color: #636f8c;
		}

	.feaSelection_list_salon .el_catchcopy{
		font-size: 1rem;
		color: #d7053d;
		margin-bottom: 5px;
	}
	.feaSelection_list_salon .el_salonName span{
		display: inline-block;
		font-size: 1.8rem;
		line-height: 1.5;
		font-weight: bold;
		margin-bottom: 8px;
		color: #333;
	}
	.feaSelection_list_salon .el_access{}
	.feaSelection_list_salon .el_access_map{ margin-left: 20px;}

@media screen and (max-width: 767px){
	.feaSelection_list_detail .el_image_cont:first-child {
		display: none;
	}
}

/* タブレット以上 */
@media screen and (min-width: 768px){
	a.feaSelection_list{
		background-position: top 8px right 8px,0 0;
		background-size: 83px 83px,690px auto;
	}
	.feaSelection_list_title{
		font-size: 2rem;
		padding: 10px 90px 10px 20px;
	}

	.feaSelection_list_detail .el_image_cont {
		width: 32%;
		margin-left: 2%;
	}
	.feaSelection_list_detail .el_image_cont:first-child {
		margin-left: 0;
	}
}

/* PC サイズ */
@media screen and (min-width: 992px){
	.feaSelection_list_detail{
		padding: 8px 20px 10px;
	}
	.feaSelection_list_detail .el_copy {
		font-size: 1.8rem;
	}
	a.feaSelection_list:hover{
		text-decoration: none;
	}
	a:hover .feaSelection_list_title{
		text-decoration: underline;
	}
}