@charset "UTF-8";


#contents section              { margin-bottom:150px; }
#contents section:last-child   { margin:0; }
#contents section:last-child p { text-align:center; }

/* about */
#contents section.about {
	padding-bottom:10px;
	border-bottom:4px solid #b1c3af;
	margin-bottom:75px;
}
#contents .about h2 { margin-bottom:50px; }
#contents .about p { text-align:center; }


/* contents */
#contents section div.l { width:650px; }

#contents article {
	display:flex; justify-content:space-between; flex-wrap:wrap;
	border-top:1px solid #e1e6de;
}
#contents h4 {
	margin:30px 0 0; padding:20px 0 10px; border-top:3px solid #e1e6de;
	font-size:180%; color:#b1c3af;
}
#contents article    { margin:1em 0; padding:1em 0; }
#contents article h5 { width: 70%; font-size:120%; }
#contents article p  { width:100%; margin:0 0 20px; font-size:85%; font-weight:normal; }
#contents article em { width: 30%; font-size:135%; color:#b1c3af; text-align:right; margin:0 0 10px 0; }
#contents article h5 small { font-size:0.85em; }
#contents article em small { font-size:0.65em; }
#contents article + p { margin:50px 0 0; }

/* recommend */
#contents .recommend {
	border-bottom:2px solid #ffb450; background:#fff4dc; margin-top:70px; padding:0 20px;
}
#contents .recommend::before {
	content:"オススメ!";
	background:#ffb450; border-radius:50%; width:60px; height:60px; margin:20px 0 10px 0;
	color:#FFF; text-align:center; font-size:0.8em; font-weight:bold; line-height:60px; white-space:pre;
}
#contents .recommend h5 { width:70%; color:#ffb450; margin-top:20px; }
#contents .recommend em { width:15%; color:#ffb450; margin-top:20px; }
#contents .recommend h5 small {  }

/* headSpaTreatment */
#contents .headSpaTreatment article { border-color:#ffb450; }
#contents .headSpaTreatment h5,
#contents .headSpaTreatment em { color:#ffb450; }

.orange { color:#ff812a; font-size:90%; }