@charset "utf-8";

/*==========================================
 ほぐし処用 CSS
===========================================*/

@charset "utf-8";

/*==========================================
 お食事用 CSS
===========================================*/
#relaxArea {
	padding: 30px 0 0;
}
#relaxArea #relaxMenu {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 100px;
	/* min-height: 1500px; */
  display: flex;
  justify-content: flex-start;
}
#relaxMenu ul.menu {
	width: 270px;
  padding: 0 20px 0 0;
}
#relaxMenu ul.menu li {
	padding: 16px 0 16px 20px;
	margin: 0 0 4px;
	width: 220px;
	font-size: 16px;
	font-weight: bold;
	background: #E6E7EA;
}
#relaxMenu ul.menu li.active {
	width: 250px;
	background: #0C102C;
}
#relaxMenu ul.menu li a {
	display: block;
	color: #0C102C;
	line-height: 1.4;
}
#relaxMenu ul.menu li.active a {
	color: #fff;
}
#relaxMenu #menu02.menuBox,
#relaxMenu #menu03.menuBox,
#relaxMenu #menu04.menuBox,
#relaxMenu #menu05.menuBox {
	display: none;
}
#relaxMenu .menuBox p.text01 {
	margin: 0 10px 5px;
	font-size: 16px;
	font-weight: bold;
	color: #0C102D;
}
#relaxMenu .menuBox img {
	max-width: 100%;
  height: auto;
}
#relaxMenu .menuBox .columnBox {
	display: flex;
  justify-content: space-between;
}
#relaxMenu .menuBox .columnBox .column_L {
	width: 220px;
}
#relaxMenu .menuBox .columnBox .column_L img {
	width: 186px;
  height: auto;
}
#relaxMenu .menuBox .columnBox .column_R {
	width: 468px;
}
#relaxMenu .menuBox .columnBox .column_R .columnSub {
  margin: 0 0 20px;
	padding: 0 0 30px;
  border-bottom: 1px solid #0C102D;
}
#relaxMenu .menuBox .columnBox .column_R .columnSub h5 {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 8px 0 6px 0;
	font-size: 16px;
	font-weight: bold;
	color: #0C102D;
	line-height: 1.4;
	border-bottom: none;
}
#relaxMenu .menuBox .columnBox p {
  margin: 0 10px 20px 0;
  line-height: 1.6;
}
#relaxMenu .menuBox .columnBox .column_R .columnSub ul {
  width: 210px;
  border-top: 1px solid #DEDFE2;
}
#relaxMenu .menuBox .columnBox .column_R .columnSub ul li {
  width: 100%;
  padding: 7px 0;
  border-bottom: 1px solid #DEDFE2;
  font-size: 14px;
}

.lineBox {
  width: 100%;
  margin: 0 0 50px;
  padding: 15px;
  box-sizing: border-box;
  background-color: #07AD3B;
  display: flex;
  justify-content: space-between;
}
.lineBox .column_L {
  width: 720px;
  padding: 0 0 0 20px;
}
.lineBox .column_L h5 {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 0 20px 0 !important;
	font-size: 30px !important;
	font-weight: bold !important;
	color: #FFF !important;
	line-height: 1.4 !important;
	border-bottom: none !important;
}
.lineBox .column_L p {
	margin: 0 !important;
	font-size: 20px !important;
	font-weight: bold !important;
	color: #FFF !important;
	line-height: 1.6 !important;
}
.lineBox .column_L p br {
  display: block;
}
.lineBox .column_R {
  width: 140px;
}
.lineBox .column_R img {
  width: 140px;
  height: auto;
  margin: 0 !important;
}
#relaxArea #relaxMenu_Sp {
	display: none;
}
@media only screen and (max-width: 767px) {
  #relaxArea {
    padding: 0;
  }
	#relaxArea #relaxMenu {
		display: none;
	}
	#relaxArea #relaxMenu_Sp {
		display: block;
		width: 100%;
		height: auto;
	}
	#relaxArea #relaxMenu_Sp ul {
		width: 100%;
		padding: 20px 0 0;
	}
	#relaxArea #relaxMenu_Sp ul li {
		padding: 0 0 5px;
	}
	#relaxArea #relaxMenu_Sp ul li a {
		display: block;
		position: relative;
		width: 100%;
		margin: 0 0 10px;
		padding: 10px 35px 11px 20px;
		box-sizing: border-box;
		background: #0C102C;
		font-size: 16px;
		color: #fff;
		line-height: 1.4;
	}
	#relaxArea #relaxMenu_Sp ul li a:hover {
		text-decoration: none;
	}
	#relaxArea #relaxMenu_Sp ul li a::after {
		position: absolute;
		right: 17px;
    top: 16px;
		width: 7px;
		height: 13px;
		background-image: url("../../common/img_new/icon01.svg");
		background-size: cover;
		content: "";
		transform: rotate(90deg);
		transition: all 0.3s ease;
	}
	#relaxArea #relaxMenu_Sp ul li a.open::after {
		transform: rotate(-90deg);
	}
  #relaxArea #relaxMenu_Sp ul li .menuBox {
    display: none;
  }
  #relaxArea #relaxMenu_Sp ul li .menuBox.open {
    display: block;
  }
  #relaxArea #relaxMenu_Sp ul li .menuBox p.text01 {
    margin: 0 10px 5px 0;
    font-size: 16px;
    font-weight: bold;
    color: #0C102D;
  }
  #relaxArea #relaxMenu_Sp ul li .menuBox img {
    max-width: 100%;
    height: auto;
  }

  #relaxArea #relaxMenu_Sp ul li .menuBox {
    margin: 0 0 20px;
    padding: 0 0 30px;
  }
  #relaxArea #relaxMenu_Sp ul li .menuBox h5 {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 8px 0 6px 0;
    font-size: 16px;
    font-weight: bold;
    color: #0C102D;
    line-height: 1.4;
    border-bottom: none;
  }
  #relaxArea #relaxMenu_Sp ul li .menuBox p {
    margin: 0 10px 20px 0;
    line-height: 1.6;
  }
  #relaxArea #relaxMenu_Sp ul li .menuBox p a {
    display: inline !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		background: #FFF !important;
		font-size: 14px !important;
		color: #333 !important;
		line-height: 1.6 !important;
  }
  #relaxArea #relaxMenu_Sp ul li .menuBox p a::after {
    display: none !important;
  }
  #relaxArea #relaxMenu_Sp ul li .menuBox .column {
    margin: 0 0 20px;
    padding: 0 0 30px;
    border-bottom: 1px solid #0C102D;
  }
  #relaxArea #relaxMenu_Sp ul li .menuBox .column ul {
    width: 210px;
    padding: 0;
    border-top: 1px solid #DEDFE2;
  }
  #relaxArea #relaxMenu_Sp ul li .menuBox .column ul li {
    width: 100%;
    padding: 7px 0;
    border-bottom: 1px solid #DEDFE2;
    font-size: 14px;
  }

  .lineBox {
    padding: 20px;
    flex-wrap: wrap;
  }
  .lineBox .column_L {
    width: 100%;
    padding: 0 0 30px 0;
  }
  .lineBox .column_L h5 {
    padding: 0 0 15px 0 !important;
    font-size: 24px !important;
  }
  .lineBox .column_L p {
    font-size: 16px !important;
  }
  .lineBox .column_L p br {
    display: none;
  }
  .lineBox .column_R {
    width: 100%;
  }
  .lineBox .column_R img {
    display: block;
    width: 140px;
    height: auto;
    margin: 0 auto !important;
  }
}