<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* hairmake_attend.css */

.lead_box {
	padding: 0 10px;
}
.lead_box&gt;.big {
	font-size: 14px;
	font-weight: bold;
}
.lead_box&gt;.small {
	margin-top: 15px;
	font-size: 13px;
	font-weight: normal;
}
.lead_box .price {
	margin-top: 20px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
.lead_box .price .small {
	font-size: 13px;
	font-weight: normal;
}
.photos {
	margin-top: 25px;
	overflow: hidden;
	padding: 0 15px;
}
.photos&gt;img {
	width: 48%;
	float: left;
}
.photos&gt;img:nth-child(2n) {
	margin-left: 4%;
}
.aqua_box {
	margin: 15px 0 40px;
	background: #DAF1F8;
	padding: 15px 10px;
}
.aqua_box&gt;div {
	background: #FFF;
	border-radius: 10px;
	padding: 5px;
}
.aqua_box .h_1 {
	margin-top: 25px;
	text-align: center;
	font-family: serif;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #4D4D4D;
}
.aqua_box .h_1 .small {
	font-size: 12.28px;
	font-family: "ãƒ¡ã‚¤ãƒªã‚ª", "Meiryo", "ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", osaka, sans-serif;
}
.aqua_box .txt {
	margin-top: 10px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.aqua_box .icons {
	display: block;
	margin: 20px auto 0;
	width: 245px;
}
.aqua_box ul {
	margin-top: 25px;
}
.aqua_box li {
	overflow: hidden;
	padding: 6px 10px;
	border-bottom: 1px dotted #ADADAD;
}
.aqua_box li .left {
	float: left;
	width: 70%;
	box-sizing: border-box;
	text-align: left;
}
.aqua_box li .indent {
	text-indent: -1em;
	padding-left: 1em;
}
.aqua_box li .right {
	float: right;
	width: 30%;
	text-align: right;
}
.aqua_box li .right button {
	vertical-align: middle;
	width: 60px;
	padding: 5px;
	text-align: center;
	margin: 0;
	min-height: auto;
	font-weight: normal;

}
.circle {
	color: #C6C6C6;
}
.btn_02 {
	position: relative;
	font-size: 11.7px;
	background: #4D4D4D;
	padding: 2px 13px 2px 6px;
	border-radius: 5px;
	color: #FFF;
}
.btn_02:after {
	position: absolute;
	top: 7px;
	right: 5px;
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transform: rotate(45deg);
}

@media screen and (min-width:800px) {
	.lead_box {
		width: 95%;
		max-width: 1000px;
		margin: auto;
		text-align: center;
	}
	.lead_box&gt;.big {
		font-size: 18px;
	}
	.lead_box&gt;.small {
		margin-top: 20px;
		font-size: 14px;
	}
	.lead_box .price {
		margin-top: 35px;
		font-size: 30.94px;
		font-weight: bold;
	}
	.lead_box .price .small {
		font-size: 18px;
	}
	.photos {
		margin: 30px auto 0;
		width: 95%;
		max-width: 640px;
	}
	.photos.v1 {
		margin-bottom: 80px;
	}
	.aqua_box {
		margin: 40px 0 60px;
		padding: 40px 0 50px;
		text-align: center;
	}
	.aqua_box&gt;div {
		width: 95%;
		max-width: 1000px;
		margin: auto;
		padding-bottom: 40px;
	}
	.aqua_box .h_1 {
		margin-top: 35px;
		font-size: 24.05px;
	}
	.aqua_box .h_1 .small {
		font-size: 14.43px;
	}
	.aqua_box .txt {
		margin-top: 20px;
		font-size: 14px;
	}
	.aqua_box .icons {
		width: 305px;
	}
	.aqua_box ul {
		margin-top: 50px;
		overflow: hidden;
	}
	.aqua_box li {
		width: 33.3%;
		float: left;
		border-bottom: none;
		box-sizing: border-box;
	}
	.aqua_box li .right button {
		width: 70px;
		font-size: 11.4px;
		padding: 2.8px 5.7px;
	}
}

/* hairmake_original_produce */
.aqua_box .icons.produce {
	width: 178px;
}
.aqua_box .time {
	margin-top: 15px;
	background: #CEECF6;
	border-radius: 5px;
	text-align: center;
	color: #0AA0D2;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
}
.aqua_box .oh_1 {
	margin-top: 10px;
	overflow: hidden;
	padding: 10px 0 0 10px;
}
.aqua_box .oh_1 .left {
	width: 65%;
	float: left;
	color: #0AA0D2;
	font-size: 14px;
	font-weight: bold;
}
.aqua_box .schedule&gt;div {
	position: relative;
	border-bottom: 1px solid #84CFE8;
	background: #FFF;
	padding-bottom: 15px;
}
.aqua_box .schedule:not(:last-child)&gt;div:after {
	content: "";
	position: absolute;
	bottom: -40px;
	left: 0;
	display: block;
	height: 40px;
	width: 100%;
	background: url(/common/img/option/hairmake/hairmake_original_produce/ico_bottom.png) no-repeat center top;
	background-size: 40px auto;
}
.aqua_box .schedule:after {
	content: "";
	display: block;
	height: 40px;
	margin: -20px auto 0;
	z-index: 1;
	background: radial-gradient(rgba(0,0,0,0.25) 15%,rgba(0,0,0,0),rgba(0,0,0,0) 70%);
}
.aqua_box .oh_1 .right {
	width: 30%;
	float: right;
}
@media screen and (min-width:800px) {
	.aqua_box .w640 {
		width: 95%;
		max-width: 640px;
		margin: 50px auto 0;
	}
	.aqua_box .w640 li {
		width: 50%;
	}
	.all_sc {
		width: 900px;
		margin: 30px auto 0;
	}
	.schedule {
		position: relative;
	}
	.aqua_box .oh_1 {
		margin: 0 0 0 15%;
		overflow: hidden;
		padding: 0;
	}
	.aqua_box .time {
		margin-top: 0;
		display: table;
		width: 80px;
		height: 80px;
		position: absolute;
		left: 0;
		top: 0;
		font-size: 16px;
		padding: 0;
		border-radius: 10px;
	}
	.aqua_box .time&gt;span {
		display: table-cell;
		text-align: center;
		vertical-align: middle
	}
	.aqua_box .oh_1 .left {
		margin-top: 35px;
		text-align: left;
		font-size: 16.8px;
	}
	.aqua_box .oh_1 .right img {
		width: 110px;
	}
	.aqua_box .schedule&gt;div {
		padding-bottom: 15px;
	}
}

</pre></body></html>