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

 メニュー

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

/* menu
-------------------------------- */

.com_sec_menu .brand_list {
	margin-top: 70px;
}

/* 共通メニュー表
-------------------------------- */

.menu_box {
	max-width: 650px;
	margin: 0 auto;
	padding-top: 25px;
}

.menu_box .menu_title {
	font-size: 18px;
	font-weight: normal;
	position: relative;
	padding-left: 11px;
}

.menu_box .menu_title:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 3px;
	height: 10px;
	background-image: url(../img/menu/title_line.svg);
}

.menu_box .menu_list {
	margin-top: 10px;
}

.menu_box .menu_list li {
	border-bottom: 1px solid #aaa4a1;
	background-color: #fff;
}

.menu_box .menu_list li:first-child {
	border-top: 1px solid #aaa4a1;
}

.menu_box .menu_list li a.active {
	position: relative;
}

.menu_box .menu_list li a.active:after {
	content: '';
	position: absolute;
	width: 57px;
	height: 57px;
	bottom: 0;
	right: 0;
	background-image: url(../img/menu/icon_click.svg);
}

.menu_box .menu_list li a.active .content_btm {
	padding-right: 30px;
}

.menu_box .menu_list li .content_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.menu_box .menu_list li .content_top.second_menu {
	padding: 10px 0;
}

.menu_box .menu_list li .content_top .right_side {
	width: 140px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.menu_box .menu_list li .content_top .right_side .price {
	width: 80px;
	text-align: right;
}

.menu_box .menu_list li .content_btm {
	color: #a49e8d;
	margin-top: 9px;
	line-height: 1.42em;
	text-align: justify;
}

.menu_box .menu_list li .content_btm span {
	display: block;
	color: #be5f64;
}

.menu_box .menu_list li .content_top,
.menu_box .menu_list li .content_btm {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,'MS Pゴシック','MS PGothic',sans-serif;
	letter-spacing: 0.02em;
}

.menu_box .detail_btn {
	width: 150px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	position: relative;
	background-color: #a39d8c;
	color: #fff;
	margin: 7px auto 3px;
	padding-left: 30px;
	cursor: pointer;
	-webkit-transition: .5s;
	transition: .5s;
	border: 1px solid transparent;
}

.menu_box .detail_btn:after {
	content: '';
	width: 4px;
	height: 7px;
	position: absolute;
	top: 0;
	right: 30px;
	bottom: 0;
	margin: auto;
	background-image: url(../img/common/arrow_w.svg);
	background-size: 4px 7px;
}

.menu_box .detail_btn:hover {
	background-color: #fff;
	color: #a39d8c;
	border: 1px solid #a39d8c;
}

.menu_box .detail_btn:hover:after {
	background-image: url(../img/common/arrow_b2.svg);
}

.sec_menu .menu_box .menu_list li a,
.sec_environ_menu .menu_box .menu_list li,
.sec_cellcosmet_menu .menu_box .menu_list li {
	padding: 15px;
}

/* 座禅荘 NAGARAオリジナルメニュー
-------------------------------- */

.sec_menu {
	padding-top: 75px;
	background-color: #eae9e6;
	padding-bottom: 80px;
	margin-bottom: 30px;
}

.sec_menu .com_title {
	width: 284px;
	margin-bottom: 20px;
}

.sec_environ_menu {
	margin-bottom: 30px;
}

/* environ/cellcosmetメニュー
-------------------------------- */

.sec_environ_menu,
.sec_cellcosmet_menu {
	background-color: #eae9e6;
	padding-top: 75px;
	padding-bottom: 60px;
}

.sec_environ_menu .com_title,
.sec_cellcosmet_menu .com_title {
	width: 180px;
}

.sec_environ_menu .brand_title,
.sec_cellcosmet_menu .brand_title {
	font-size: 16px;
	text-align: center;
	margin-top: 14px;
}

.sec_environ_menu .lead,
.sec_cellcosmet_menu .lead {
	text-align: center;
	line-height: 2.14em;
	margin-top: 40px;
}

.sec_environ_menu .com_btn2,
.sec_cellcosmet_menu .com_btn2 {
	margin-top: 45px;
}

/* ポップアップ
-------------------------------- */

.popup_close {
	width: 19px;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

body .remodal-wrapper {
	text-align: left;
}

body .remodal {
	padding: 50px 0 130px;
	max-width: 100%;
	pointer-events: none;
}

.com_environ_wrap .flow_list_itiran > li.active,
.com_cellcosmet_wrap .flow_list_itiran > li.active {
	position: relative;
}

.com_environ_wrap .flow_list_itiran > li.active:after,
.com_cellcosmet_wrap .flow_list_itiran > li.active:after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(76, 66, 61, 0.42);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
}

.com_environ_wrap .sp_img img,
.com_cellcosmet_wrap .sp_img img {
	display: none;
}

.com_environ_wrap .flow_list_itiran > li .text {
	height: 133px;
}

.com_environ_wrap .sankou_wrap {
	color: #eae9e6;
}

.com_cellcosmet_wrap .flow_list_itiran > li .text {
	height: 133px;
}

@media (min-width: 768px) {

.sec_environ_menu .com_btn2,
.sec_cellcosmet_menu .com_btn2 {
	margin-bottom: 20px;
}

body .remodal.com_cellcosmet_wrap {
	padding-bottom: 50px;
}

.com_environ_wrap .sankou_wrap.disp {
	color: #534741;
}

}

@media (max-width: 1034px) {

.com_environ_wrap .flow_list_itiran > li .text {
	height: 152px;
}

}

@media (max-width: 898px) {

.com_environ_wrap .flow_list_itiran > li .text {
	height: 171px;
}

}

@media (max-width: 842px) {

.com_environ_wrap .flow_list_itiran > li .text {
	height: 190px;
}

}

@media (max-width: 767px) {

.com_sec_menu .brand_list {
	margin-top: 40px;
}

.menu_box .menu_title {
	font-size: 13px;
	padding-left: 9px;
}

.menu_box .menu_list li a.active:after {
	width: 50px;
	height: 50px;
}

.menu_box .menu_list li a.active .content_btm {
	padding-right: 15px;
}

.menu_box .menu_list li .content_top.sp_block {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.menu_box .menu_list li .content_top.sp_block .right_side {
	margin-left: auto;
	margin-top: 3px;
}

.menu_box .menu_list li .content_top.second_menu {
	padding: 5px 0;
}

.menu_box .menu_list li .content_top .right_side {
	width: 110px;
}

.menu_box .menu_list li .content_top .right_side.num_time {
	width: 122px;
}

.menu_box .menu_list li .content_top .right_side .price {
	width: 67px;
}

.sec_menu .menu_box .menu_list li a,
.sec_environ_menu .menu_box .menu_list li,
.sec_cellcosmet_menu .menu_box .menu_list li {
	padding: 13px 10px;
}

.sec_menu {
	padding: 30px 15px 32px;
	border-radius: 5px;
}

.sec_menu .com_title {
	width: 266px;
}

.sec_environ_menu,
.sec_cellcosmet_menu {
	padding: 30px 15px;
	border-radius: 5px;
}

.sec_environ_menu .com_title,
.sec_cellcosmet_menu .com_title {
	width: 87px;
}

.sec_environ_menu .brand_title,
.sec_cellcosmet_menu .brand_title {
	font-size: 15px;
}

.sec_environ_menu .lead,
.sec_cellcosmet_menu .lead {
	margin-top: 20px;
}

.sec_environ_menu .com_btn2,
.sec_cellcosmet_menu .com_btn2 {
	margin-top: 30px;
}

.popup_close {
	top: 15px;
	right: 15px;
}

body .remodal {
	padding: 0;
}

.com_environ_wrap .sankou_wrap {
	display: none;
}

}

@media (max-width: 374px) {

.menu_box .menu_list li .content_top {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.menu_box .menu_list li .content_top .right_side {
	margin-left: auto;
	margin-top: 3px;
}

}