@charset("UTF-8");

.key-visual:after{
	background-image: url(../images/menu-key-visual.jpg);
	background-position: right center;
}

main .pic{
	margin-bottom: 40px;
}
.comment{
	margin-bottom: 40px;
	font-weight: 600;
}
.sec-ttl02{
	margin-bottom: 20px;
}
.menu-area{
	width: calc(50% - 20px);
}
.menu-area:nth-of-type(2n+1){
	float: right;
}
.sec .menu-area:nth-of-type(even){
	float: left;
}
#facial{
	overflow: hidden;
}
.menu-list{
	margin-bottom: 40px;
}
.menu-list dl:nth-of-type(1){
	border-top: 1px solid #ccc;
	padding-top: 15px;
}
.menu-list dl{
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	line-height: 2;
}
.menu-list dt{
	color: rgb(223, 122, 28);
	font-size: 18px;
	float: left;
}
.menu-list dd{
	color: rgb(223, 122, 28);
	font-size: 18px;
	float: right;
	clear: right;
}
.menu-list dd span{
	font-family: "游ゴシック",YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	font-size: 16px;
	color: #888;
	padding-right: 0.5em;
}
.menu-list dd.desc{
	color: #333;
	font-size: 14px;
	line-height: 2;
	clear: both;
	float: none;
	font-weight: 600;
}
#facial .btn,
#body .btn,
#relaxation .btn{
	clear: both;
}

.others{
	overflow: hidden;
}
#option{
	width: calc(50% - 20px);
	float: left;
}
#discount{
	width: calc(50% - 20px);
	float: right;
}
#discount p{
	text-align: center;
	font-weight: 600;
}
/* ++++++++++++++++++++++++responsive style++++++++++++++++++++++++++ */
@media screen and (max-width: 768px){
	main .pic{
		margin-bottom: 20px;
	}
	.comment{
		margin-bottom: 20px;
		font-size: 1.3rem;
	}
	.sec>.comment{
		font-weight: 500;
	}
	.sec-ttl02{
		margin-bottom: 15px;
	}
	.menu-area{
		width: 100%;
	}
	.menu-area:nth-of-type(2n+1){
		float: none;
	}
	.sec .menu-area:nth-of-type(even){
		float: none;
	}
	.menu-list{
		margin-bottom: 30px;
	}
	.menu-list dl{
		padding-bottom: 15px;
		margin-bottom: 30px;
		border-bottom: 1px solid #ccc;
		overflow: hidden;
	}
	.menu-list dt{
		font-size: 1.6rem;
	}
	.menu-list dd{
		font-size: 1.6rem;
	}
	.menu-list dd span{
		font-size: 1.2rem;
	}
	.menu-list dd.desc{
		font-size: 1.2rem;
		line-height: 2;
		font-weight: 500;
	}

#option{
	width: 100%;
	float: none;
	margin-bottom: 0;
}
#discount{
	width: 100%;
	float: none;
	margin-bottom: 0;
}
#discount p{
	text-align: left;
	font-size: 1.4rem;
}
}