@charset "UTF-8";
/* CSS Document */

@import url("slick.css");
@import url("slick-theme.css");


main .h2_box .h2_in {
	background:url(../hair/img/branding.jpg) no-repeat center center;
}
main .h2_box .h2_in.esthe {
	background:url(../esthe/img/branding.jpg) no-repeat center center;
}
.sec .salon_access {
	margin:0 auto 120px;
	text-align:center;
}
.sec .salon_access .inner {
	text-align:left;
	display:inline-block;
	border:1px solid #999;
	padding:20px;
}
.sec .salon_access .inner h2 {
	font-size:150%;/*24px*/
	text-align:center;
}
.sec .salon_access .inner h2 span {
	font-size:66%;/*16px*/
}
.sec .salon_access .inner p {
	font-size:87.5%;/*14px*/
}
.sec .stylist_box {
	width:900px;
}
.sec .slider_section {
	width: 90%;
	margin: auto auto 100px;
}
.sec .slider_section .variable-width li {
	margin:0 15px;
}

.sec .section_box .menu_box {
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin:50px 0 0;
}
.sec .section_box .menu_box::after{
	content:"";
	display: block;
	width:320px;
}
.sec .section_box .menu_box div {
	width:320px;
	margin:0 0 80px;
}
.sec .section_box .menu_box.esthe_menu div {
	width:100%;	
}
.sec .section_box .menu_box.esthe_menu div:last-child {
	width:100%;	
}
.sec .section_box .menu_box div h3 {
	text-align:center;
	font-size:125%;/*20px*/
	margin:0 0 20px;
	border-bottom:1px solid #999;
	padding:0 0 5px;
}
.sec .section_box .menu_box.esthe_menu div h3 {
	margin:0;
}
.sec .section_box .menu_box div table {
	width:100%;
	border-collapse:collapse;
}
.sec .section_box .menu_box div table th {
	text-align:left;
	font-weight:normal;
	padding:0 20px 8px 0px;
}
.sec .section_box .menu_box.esthe_menu div table tr {
	border-bottom:1px solid #CCC;
}
.sec .section_box .menu_box.esthe_menu div table th {
	padding:14px 20px 14px 0px;
}
.sec .section_box .menu_box div table td {
	padding:0 0 8px;
	text-align:right;
}
.sec .section_box .menu_box.esthe_menu div table td {
	padding:14px 0;
}
.sec .section_box .menu_box div aside {
	margin:20px 0 0;
}
.sec .section_box .menu_box div:last-child {
	width:765px;
}
.sec .section_box .menu_box div:last-child div section:first-child {
	float:left;
}
.sec .section_box .menu_box div:last-child div section:last-child {
	float:right;
}
.sec .section_box .menu_box div:last-child div section table {
	width:320px;
}
.sec .img_box {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sec .img_box a {
	width:290px;
	max-height:217px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow:hidden;
	margin:0 0 20px;
}
.sec .img_box a img {
	width:100%;
}
.hotpepper_link {
	text-align:center;
	margin:auto;
}
.hotpepper_link a {
	background: #b08f64;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	display: inline-block;
	color: #FFF;
	padding: 20px 30px;
}
.hotpepper_link a:hover {
	background:#c9a77a;
	transition: background 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
	-webkit-transition: background 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
	-moz-transition: background 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
	-o-transition: background 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
	-ms-transition: background 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
}

@media screen and (min-width: 0px) and (max-width: 1240px) {
.section_box .right_text {
	width:48%;
}
.section_box .menu_img {
	width:48%;
}
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
.sec .section_box .menu_box div {
	width:47%;
}
.sec .section_box .menu_box div:last-child {
	width:100%;
}
.sec .img_box a {
	width:32%
}
.sec .img_box::after{
	content:"";
	display: block;
	width:32%
}
}
@media screen and (min-width: 0px) and (max-width: 990px) {
.section_box .left_img {
	text-align:center;
	float:none;
}
.section_box .right_text {
	width:100%;
}
.section_box .menu_img {
	width:100%;
	text-align:center;
}
}
@media screen and (min-width: 0px) and (max-width: 930px) {
.sec .stylist_box {
	width:100%;
}
.sec .slider_section {
	width:100%;
	padding:0 40px 0;
}
}
@media screen and (min-width: 0px) and (max-width: 730px) {
.sec .section_box .menu_box div:last-child div section {
	width:45%;
}
.sec .section_box .menu_box div:last-child div section table {
	width:100%;
}
.sec .section_box .menu_box div:last-child div section:last-child {
	margin:0 0 0 5%;
}
}
@media screen and (min-width: 0px) and (max-width: 630px) {
.sec .section_box .menu_box div {
	margin:0 0 40px;
}
.sec .section_box .menu_box div h3 {
	position:relative;
	border:none;
	background:#dfdfdf;
	padding:6px 0;
	font-weight:normal;
	font-size:114.2%;/*16px*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin:0;
}
.sec .section_box .menu_box div h3:after {
	background:url(../img/open_icon.png) no-repeat right center;
	background-size:20px;
	transition: all 0.3s;
	content:"";
	position:absolute;
	top:10px;
	right:15px;
	width:20px;
	height:20px;
}
.sec .section_box .menu_box div h3.active:after {
	transform: rotate(45deg);
}
.sec .section_box .menu_box div section {
	display:none;
}
.sec .section_box .menu_box div:last-child div {
	display:none;
}
.sec .section_box .menu_box div:last-child div section {
	display:block;
}
.sec .img_box a {
	width:49%
}
.sec .img_box::after{
	content:"";
	display: block;
	width:49%
}
}
@media screen and (min-width: 0px) and (max-width: 540px) {
.sec .salon_access {
	margin:0 15px 120px;
}
.sec .salon_access .inner {
	width:100%;
}
.sec .salon_access .inner h2 {
	font-size:112.5%;/*18px*/
}
.sec .section_box .menu_box div {
	width:100%;
}
.sec .section_box .menu_box div section {
	margin:0 0 30px;
}
.sec .section_box .menu_box div:last-child div section {
	width:100%;
}
.sec .section_box .menu_box div:last-child div section:first-child {
	float:none;
	margin:0;
}
.sec .section_box .menu_box div:last-child div section:last-child {
	float:none;
	margin:0;
}
}