body {
	color: rgb(41, 40, 40); 
	background-color:#FFFFFF;
	overflow-X:hidden;

}
.header {
	
}
.topheader {
	text-align: center;
	overflow: hidden;
	background-color:#FFFFFF;
	height:100%;
}

.top_logo  {
	text-align: center;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	width: 190px;
	height: 33px;
	background-attachment: fixed;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;


}

.top_logo > img {
width:100%;
}

.car_icon-img{
	width:20px;
	float: right;
	margin-right:6px;
	margin-top: 8px;
	width: 31px;
	height: 37px;
}

.shop_icon-img{
	float: right;
	margin-right:0px;
	margin-top: 8px;
	width: 27px;
	height: 37px;
}


.shop_list-img{
	float: right;
	margin-right:0px;
	margin-top: 8px;
	width: 26px;
	height: 33px;
}


.car_icon-txt{
	float: right;
	margin-right:9px;
	margin-top: 8px;
	width: 15px;
	height: 25px;
	font-size:15px;
	padding-top: 8px;
	font-weight:bold;
	color:#D3A243;
}

.car_icon-img >img{
	width:100%;
}

.header .toggle {
	top: 10px;
	width: 40px;
	height: 30px;
	right: 8px;
	position: relative;
	z-index: 120;
	float: left;
	padding-left: 10px;
}
.header .nav {
    overflow:scroll;
	height:401px;
	background: rgba(255, 255, 255, 0.9); 
	width: 100%; 
	display: none; 
	position: fixed; 
	z-index: 110;
}
.header .nav .logo {
	margin: 12px; width: 80px; display: block;
}
.header .nav li a {
	padding: 10px 16px; 
	color: rgb(55, 48, 45);
	letter-spacing: 0.05em; 
	font-size: 125%; 
	font-style: bold; 
	text-decoration: none; 
	border-top-color: rgb(204, 204, 204); 
	border-top-style: solid; 
	display: block;

}


.header .nav li a:hover {
	color:#fff;
	background-color:#D09C50;
}


.header .nav ul a {
	border-top:1px solid #FFFFFF;
	}
	
	
.header .nav li:last-child a {
	border-bottom-color: rgb(204, 204, 204); 
	border-bottom-width: 1px; 
	border-bottom-style: solid;
}


.header .nav  ul ul a {
	padding: 10px 12px;	
	color: #282828;		
	background: #CCCCCC;
	text-decoration: none;	
	
		
	
						
}

header .nav  ul ul a:hover {		
	background: #998C7A;	
	 			
}
			/* 第三層之後，上一層的選單觸發則顯示出來*/
header .nav  ul ul li:hover > ul{
		display: block;
		
}



.header .nav ul ul li:last-child a {
	border-bottom-color: rgb(204, 204, 204); 
	border-bottom-width: 1px; 
	border-bottom-style: solid;
	
}




.nav .menu li ul  {
                background-color:#CCCCCC;
                display: none;
                top: 100%;
            }
			


.contents {
	padding-top: 32px;
}
.form-group{
display:inline-block;
margin:10px;
vertical-align:middle
}
.navbar-form .form-control{display:inline-block}
.navbar-form select.form-control{width:auto}
.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0}
.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{float:none;margin-left:0}}


@media screen and (min-width:740px)
{
.header {
	background-color: rgba(255, 255, 255, 0.9);
}
.topheader {
	text-align: center;
	overflow: hidden;

	height:100%;
	
}
.home .header {
	background-color: transparent;
}
.header .wrap {
	max-width: 100%;
}
.header .nav {
	display: block; 
	position: static;
}
.header .nav .logo {
	margin: 20px; 
	float: left;
}
.header .nav .menu {
	float: right;
}
.header .nav li {
	float: left; 
	display: inline;
}


.header .nav li a {
	padding: 22px 12px; 
	height: 62px; 
	text-align: center; 
	color: rgb(55, 48, 45); 
	font-size: 100%; 
	border-top-color: currentColor; 
	border-top-width: 0px; 
	border-top-style: none; 
	box-sizing: border-box;
}
.header .nav li a:hover {
	color: rgb(55, 48, 45); border-bottom-color: rgb(55, 48, 45); border-bottom-width: 2px; border-bottom-style: solid; background-color: rgb(255, 255, 255);
}
.header .nav li:last-child a:hover {
	color: rgb(55, 48, 45); border-bottom-color: rgb(55, 48, 45); border-bottom-width: 2px; border-bottom-style: solid; background-color: rgb(255, 255, 255);
}
.header .nav li:last-child a {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}





.nav.menu li:hover ul {
                    position: relative;
                    display: block;
                    background: transparent;
                }
.nav.menu  li:hover ul li{
                    background: transparent;
                }
.nav.menu  li:hover ul li a{
                    padding-left: 30px;
                }
                .arrow-bottom {
                    top: 20px;
                }



.home .header .nav li a {
	color: rgb(255, 255, 255);
}
.home .header .nav li a:hover {
	color: rgb(55, 48, 45); 
	background-color: rgb(255, 255, 255);
}


.contents {
	padding-top: 62px;
}

.footer {
	padding: 8px 0px; background-color: rgb(0, 0, 0);
}
.footer .copyrights {
    color:#FFF;
	font-size: 75%;
}
@media screen and (min-width:740px)
{
.footer {
	padding: 32px 0px; margin-top: 64px;
}
.home .footer {
	margin-top: 0px;
}
}
.page-title {
	margin-top: 16px;
}
.page-title .title-catch {
	font-size: 240%;
}
.page-title .title {
	font-size: 75%; margin-bottom: 0px;
}
.page-title {
	margin-top: 16px;
}
.contents-title .title-catch {
	font-size: 200%;
}
.title-catch {
	text-align: center; letter-spacing: 0.05em; font-family: Arapey; font-size: 320%; font-style: italic; margin-bottom: 8px;
}
.title {
	text-align: center; color: rgb(179, 159, 159); font-family: serif; font-size: 87.5%; margin-bottom: 16px;
}
.container {
	padding: 16px 0px;
}
.box {
	margin-bottom: 8px; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.category-tag {
	padding: 8px; margin-bottom: 16px;
}
.category-tag a {
	color: rgb(51, 51, 51); text-decoration: none;
}
.bt a {
	
}
.bt a:hover {
	
}
.more a {
	color: rgb(255, 255, 255); letter-spacing: 0.1em; font-weight: bold; background-color: rgb(55, 48, 45);
}
@media screen and (min-width:740px)
{
.page-title {
	margin-top: 48px;
}
.page-title .title {
	margin-bottom: 32px;
}
.box {
	margin-bottom: 32px;
}
.more a {
	width: 200px; letter-spacing: 0.1em; font-size: 112.5%; font-weight: bold;
}
.category-tag {
	padding: 12px 16px;
}
}
.aside .widget {
	margin-bottom: 8px;
}
.aside .widget a {
	padding: 4px 0px; color: rgb(51, 51, 51); text-decoration: none; display: block;
}
.aside .widget-keyword li {
	margin-right: 8px; float: left;
}
.aside .widget-author li {
	margin-bottom: 4px;
}
.aside .widget-author a {
	display: block;
}
.aside .widget-author .image {
	border-radius: 50%; width: 40px; height: 40px; overflow: hidden; margin-right: 8px; float: left;
}
.aside .widget-author .name {
	padding: 10px 0px;
}
.aside .count {
	color: rgb(153, 153, 153); font-size: 71.4%;
}
.pager {
	margin: 16px 0px; text-align: center;
}
.pager span {
	margin: 0px 2px; padding: 8px; border-radius: 2px; border: 1px solid rgb(204, 204, 204); border-image: none; background-color: rgb(255, 255, 255);
}
.pager a {
	margin: 0px 2px; padding: 8px; border-radius: 2px; border: 1px solid rgb(204, 204, 204); border-image: none; background-color: rgb(255, 255, 255);
}
.pager a {
	color: rgb(0, 0, 0); text-decoration: none;
}
.pager a:hover {
	background: rgb(0, 0, 0); color: rgb(255, 255, 255);
}
.pager .current {
	color: rgb(255, 255, 255); background-color: rgb(204, 204, 204);
}
.staff-widget .image {
	margin: 0px 8px 8px 0px; width: 100px; float: left;
}
.staff-widget .staff-name {
	font-weight: bold; margin-bottom: 4px;
}
.staff-widget .greeting {
	margin-bottom: 8px;
}
.staff-widget .link {
	clear: both;
}
.staff-widget .link li {
	width: 50%; float: left;
}
.staff-widget .link li a {
	padding: 4px 0px; width: auto; text-align: center; color: rgb(255, 255, 255); text-decoration: none; display: block; background-color: rgb(55, 48, 45);
}
.staff-widget .link li a:last-child {
	border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid;
}
.staff-widget .link li a:hover {
	color: rgb(55, 48, 45); background-color: rgb(255, 255, 255);
}
@media screen and (min-width:740px)
{
.staff-widget .image {
	margin: 0px 16px 16px 0px; width: 160px;
}
.staff-widget .link {
	clear: none;
}
.staff-widget .link li {
	width: auto;
}
.staff-widget .link li a {
	width: 120px;
}
}
.home .contents {
	padding-top: 0px;
}
.home .wrap {
	width: 100%; max-width: 100%;
}
.home .container {
	padding: 32px 0px;
}
.home p {
	margin: 0px auto 16px; width: 90%;
}
.home .main-image {
	width: 100%; position: relative;
}
.home .main-image-pc {
	display: none;
}
.home .main-image .main-text {
	background: url("images/home_main_text.png") no-repeat 50% 56% / 80% auto; left: 0px; top: 0px; width: 100%; height: 100%; text-indent: -9999px; position: absolute;
}
.home .concept {
	background-position: 50% 50%; background-image: url("images/home_concept_bg.jpg"); background-size: cover;
}
.home .concept ul {
	margin: 0px auto; width: 94%;
}
.home .concept li {
	padding-left: 28px; margin-bottom: 16px;
}
.home .concept .concept-1 {
	background: url("images/home_concept_1.png") no-repeat 0% 50% / auto 24px;
}
.home .concept .concept-2 {
	background: url("images/home_concept_2.png") no-repeat 0% 50% / auto 24px;
}
.home .concept .concept-3 {
	background: url("images/home_concept_3.png") no-repeat 0% 50% / auto 24px;
}
.home .concept .concept-4 {
	background: url("images/home_concept_4.png") no-repeat 0% 50% / auto 24px;
}
.home .concept .concept-5 {
	background: url("images/home_concept_5.png") no-repeat 0% 50% / auto 24px;
}
.home .style-list .wrap {
	width: 100%; position: relative;
}
.home .style-list .style {
	width: 50%; overflow: hidden; padding-top: 56%; float: left; position: relative;
}
.home .style-list .style-0 {
	width: 100%; padding-top: 112%;
}
.home .style-list .style img {
	left: 0px; top: 0px; width: 100%; position: absolute;
}
.home .style-list .content {
	left: 0px; top: 38%; width: 100%; position: absolute;
}
.home .style-list .title-catch {
	color: rgb(255, 255, 255);
}
.home .style-list .title {
	color: rgb(255, 255, 255);
}
.home .style-list .more a {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255); background-color: transparent;
}
.home .style-list .more a:hover {
	color: rgb(55, 48, 45); background-color: rgb(255, 255, 255);
}
.home .recommend {
	background-position: 50% 50%; background-image: url("images/home_recommend_bg.jpg"); background-size: cover;
}
.home .recommend .more a {
	color: rgb(255, 255, 255); background-color: rgb(55, 48, 45);
}
.home .recommend .more a:hover {
	color: rgb(55, 48, 45); background-color: rgb(255, 255, 255);
}
.home .salon-info.container {
	padding-bottom: 0px; background-color: rgb(243, 236, 232);
}
.home .salon-info .title-catch {
	font-size: 240%;
}
.home .salon-info a:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
.home .salon-info .lounge {
	background-position: 50% 50%; width: 50%; padding-top: 50%; float: left; position: relative; background-image: url("images/home_salon_lounge_bg.jpg"); background-size: cover;
}
.home .salon-info .resort {
	background-position: 50% 50%; width: 50%; padding-top: 50%; float: right; position: relative; background-image: url("images/home_salon_resort_bg.jpg"); background-size: cover;
}
.home .salon-info .lounge a {
	left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; display: block; position: absolute; box-sizing: border-box;
}
.home .salon-info .resort a {
	left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; display: block; position: absolute; box-sizing: border-box;
}
.home .salon-info .lounge a {
	padding-top: 36%;
}
.home .salon-info .resort a {
	padding-top: 32%;
}
.home .salon-info .lounge a img {
	width: 64%;
}
.home .salon-info .resort a img {
	width: 64%;
}
.home .coupon {
	background-position: 50% 50%; background-image: url("images/home_coupon_bg.jpg"); background-size: cover;
}
.home .coupon .more a {
	color: rgb(55, 48, 45); background-color: rgb(255, 255, 255);
}
.home .coupon .more a:hover {
	color: rgb(255, 255, 255); background-color: rgb(55, 48, 45);
}
.home .voice {
	background-position: 50% 50%; background-image: url("images/home_voice_bg.jpg"); background-size: cover;
}
.home .voice .more a {
	color: rgb(255, 255, 255); background-color: rgb(55, 48, 45);
}
.home .voice .more a:hover {
	color: rgb(55, 48, 45); background-color: rgb(255, 255, 255);
}
.home .concept li {
	font-family: serif;
}
.home .recommend p {
	font-family: serif;
}
.home .salon-info p {
	font-family: serif;
}
.home .voice p {
	font-family: serif;
}
.home .coupon p {
	font-family: serif;
}
@media screen and (min-width:740px)
{
.home .container {
	padding: 80px 0px;
}
.home .title {
	margin-bottom: 48px;
}
.home .main-image-pc {
	display: block;
}
.home .main-image-sp {
	display: none;
}
.home .main-image .main-text {
	background-size: 30% auto;
}
.home .concept ul {
	max-width: 640px;
}
.home .concept li {
	padding: 4px 0px 4px 40px; line-height: 1.8em; margin-bottom: 32px;
}
.home .style-list .style {
	width: 25%; padding-top: 28%; float: left;
}
.home .style-list .style-0 {
	width: 50%; padding-top: 56%;
}
.home .salon-info .lounge {
	padding-top: 32%;
}
.home .salon-info .resort {
	padding-top: 32%;
}
.home .salon-info .lounge a {
	padding-top: 20%;
}
.home .salon-info .resort a {
	padding-top: 20%;
}
.home .salon-info .lounge a img {
	width: 40%;
}
.home .salon-info .resort a img {
	width: 40%;
}
.home .recommend p {
	text-align: center; line-height: 2.4em; margin-bottom: 64px;
}
.home .salon-info p {
	text-align: center; line-height: 2.4em; margin-bottom: 64px;
}
.home .voice p {
	text-align: center; line-height: 2.4em; margin-bottom: 64px;
}
.home .coupon p {
	text-align: center; line-height: 2.4em; margin-bottom: 64px;
}
}
.staff-list .staff {
	text-align: center;
}
.staff-list img {
	
}
.staff-list .link {
	
}
.staff-list .position {
	
}
.staff-list .name-english {
	
}
.staff-list .link .profile {
	width: 50%; float: left;
}
.staff-list .link .blog {
	width: 50%; float: left;
}
.staff-list .link .profile {
	border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; box-sizing: border-box;
}
.staff-list .link a {
	background: rgb(0, 0, 0); padding: 6px 0px; color: rgb(255, 255, 255); text-decoration: none; display: block;
}
.staff-list .link a:hover {
	background: rgb(102, 102, 102);
}
.staff-list .position {
	color: rgb(153, 153, 153);
}
.staff-list .name-english {
	color: rgb(153, 153, 153);
}
@media screen and (min-width:1025px)
{
.staff-list .link a {
	font-size: 116.6%;
}
}
.single-staff .staff-image {
	margin: auto; padding: 32px 0px 8px; max-width: 80%;
}
.single-staff .static-profile {
	padding: 4px 8px; text-align: center; border-bottom-color: rgb(243, 236, 232); border-bottom-width: 1px; border-bottom-style: solid;
}
.single-staff h3 {
	font-size: 114.2%;
}
.single-staff .position {
	color: rgb(153, 153, 153); font-size: 85.7%;
}
.single-staff .name-english {
	color: rgb(153, 153, 153); font-size: 85.7%;
}
.single-staff .sns {
	margin: 8px 0px 4px;
}
.single-staff .sns li {
	margin: 0px 4px; display: inline;
}
.single-staff .sns li img {
	width: 24px;
}
.single-staff th {
	font-weight: bold;
}
.single-staff th {
	padding: 2px 0px;
}
.single-staff td {
	padding: 2px 0px;
}
.single-staff .message h4 {
	margin: 8px 0px 0px; padding: 2px 0px; text-align: left; font-size: 100%; font-weight: bold;
}
.single-staff .h4-catch {
	text-align: center; font-size: 114.2%; margin-top: 16px;
}
.single-staff .message {
	padding: 4px 8px;
}
.single-staff h4 {
	text-align: center; margin-bottom: 8px;
}
.schedule .content {
	padding: 8px; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.schedule .this-month {
	margin-bottom: 8px;
}
@media screen and (min-width:740px)
{
.single-staff .single-staff .content {
	padding: 80px;
}
.single-staff .staff-image {
	margin: auto; padding: 0px; width: 32%; float: left; max-width: 100%;
}
.single-staff .static-profile {
	padding: 0px; width: 62%; float: right;
}
.single-staff .profile {
	padding: 0px; width: 62%; float: right;
}
.single-staff .message {
	padding: 0px; width: 62%; float: right;
}
.single-staff .static-profile {
	border: 0px currentColor; border-image: none; text-align: left; margin-bottom: 16px;
}
.single-staff h3.name {
	margin: 16px 0px 4px; font-size: 125%;
}
.single-staff .name-english {
	margin-bottom: 32px;
}
.single-staff .entry-list {
	margin: 0px auto; max-width: 800px;
}
}
.entry-list .entry {
	margin-bottom: 8px;
}
.entry-list .entry a {
	color: rgb(55, 48, 45); text-decoration: none; display: block;
}
.entry-list .entry a:hover {
	opacity: 0.7;
}
.entry-list .image {
	width: 24%; float: left;
}
.entry-list .entry h1 {
	padding-left: 8px; margin-left: 24%;
}
.entry-list .entry .excerpt {
	padding-left: 8px; margin-left: 24%;
}
.entry-list .entry a .clearfix {
	padding-left: 8px; margin-left: 24%;
}
.entry-list .entry .excerpt {
	display: none;
}
.entry-list .entry .date {
	color: rgb(179, 159, 159); font-size: 87.5%;
}
.entry-list .entry .name {
	color: rgb(179, 159, 159); font-size: 87.5%;
}
.entry-list .entry .date {
	float: left;
}
.entry-list .entry .name {
	float: right;
}
@media screen and (min-width:740px)
{
.entry-list .entry {
	margin-bottom: 16px;
}
.entry-list article h1 {
	font-size: 125%;
}
.entry-list .entry .excerpt {
	color: rgb(179, 159, 159); display: block;
}
}
@media screen and (min-width:960px)
{
.blog .contents {
	margin: 0px auto; max-width: 1024px;
}
.category .contents {
	margin: 0px auto; max-width: 1024px;
}
.author .contents {
	margin: 0px auto; max-width: 1024px;
}
.blog .entry-list {
	width: 76%; float: right; max-width: 800px;
}
.category .entry-list {
	width: 76%; float: right; max-width: 800px;
}
.author .entry-list {
	width: 76%; float: right; max-width: 800px;
}
.entry-list h1 {
	font-size: 100%;
}
}
.single-entry .entry h1 {
	font-size: 128.5%; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.single-entry .date {
	text-align: right; color: rgb(102, 102, 102); font-size: 71.4%;
}
.single-entry .detail {
	border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.single-entry .detail img {
	margin: 0px auto; width: auto; max-width: 100%;
}
@media screen and (min-width:960px)
{
.single-post .contents {
	margin: 0px auto; max-width: 1024px;
}
.single-entry {
	width: 76%; float: right; max-width: 800px;
}
.single-post .entry-list {
	width: 76%; float: right; max-width: 800px;
}
.aside-entry {
	margin: 16px 0px 0px 2%; width: 22%; float: left;
}
}
.style-list .stylist {
	border-bottom-color: rgb(243, 236, 232); border-bottom-width: 1px; border-bottom-style: solid;
}
.style-list .stylist .image {
	width: 36px; height: 36px; overflow: hidden; float: left;
}
.style-list .stylist .name {
	padding: 10px 0px 0px 10px; height: 36px; font-size: 87.5%; margin-left: 36px; box-sizing: border-box;
}
.style-list h1 {
	font-size: 87.5%;
}
.single-style .style h1 {
	font-size: 112.5%;
}
.single-style .thumbnail li {
	width: 33.3%; float: left;
}
.single-style .style h2 {
	padding-left: 8px; font-weight: bold; margin-bottom: 4px; border-left-color: rgb(190, 170, 159); border-left-width: 4px; border-left-style: solid;
}
@media screen and (min-width:740px)
{
.single-style .style {
	padding: 60px;
}
.single-style .style h1 {
	width: 52%; float: right; box-sizing: border-box;
}
.single-style .style .style-image {
	width: 44%; float: left;
}
.single-style .style .detail {
	clear: right;
}
.single-style .style .detail {
	margin-left: 48%;
}
.single-style .style .styling {
	margin-left: 48%;
}
.single-style .style .menu-price {
	margin-left: 48%;
}
.single-style .style .stylist {
	margin-left: 48%;
}
}
.before-after-list .image .before {
	width: 50%; float: left;
}
.before-after-list .image .after {
	width: 50%; float: right;
}
.before-after-list .stylist .image {
	width: 40px; height: 40px; overflow: hidden; float: left;
}
.before-after-list .stylist .image img {
	border-radius: 0px; width: 40px;
}
.before-after-list .stylist .name {
	padding: 6px 8px 0px; font-size: 71.4%; margin-left: 40px;
}
.before-after-list h1 {
	font-size: 85.7%;
}
@media screen and (min-width:740px)
{
.before-after-list .stylist .name {
	padding: 4px 8px 0px;
}
}
@media screen and (min-width:960px)
{
.before-after .stylist .image {
	width: 52px; height: 52px;
}
.before-after-list .stylist .image img {
	width: 52px;
}
.before-after-list .stylist .name {
	padding: 6px 8px 0px; font-size: 85.7%; margin-left: 52px;
}
.before-after-list h1 {
	padding: 8px 12px;
}
}
@media screen and (min-width:1025px)
{
.before-after-list .before-after {
	margin-bottom: 32px;
}
.before-after-list h1 {
	font-size: 100%;
}
}
.single-before-after {
	
}
.single-before-after .image .before {
	width: 50%; float: left;
}
.single-before-after .image .after {
	width: 50%; float: right;
}
.single-before-after .box-padding {
	border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.single-before-after :last-child.box-padding {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.single-before-after .before-after h2 {
	padding-left: 4px; font-weight: bold; margin-bottom: 4px; border-left-color: rgb(102, 102, 102); border-left-width: 4px; border-left-style: solid;
}
.voice-list .voice {
	margin-bottom: 16px;
}
.voice-list h3 {
	font-weight: bold; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.voice-list .notes {
	color: rgb(153, 153, 153); font-size: 87.5%;
}
.voice-list .customer {
	border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.voice-list .customer .image {
	margin: 0px 8px 0px 0px; width: 40px; height: 40px; overflow: hidden; float: left;
}
.voice-list .reply .image {
	margin: 0px 8px 0px 0px; width: 40px; height: 40px; overflow: hidden; float: left;
}
.voice-list .customer .name {
	padding: 10px 0px;
}
.voice-list .reply .name {
	padding: 10px 0px;
}
.voice-list .customer p {
	line-height: 1.4em; clear: left; margin-top: 8px;
}
.voice-list .reply p {
	line-height: 1.4em; clear: left; margin-top: 8px;
}
.voice-list .bt a {
	width: 180px; color: rgb(255, 255, 255); background-color: rgb(55, 48, 45);
}
.voice-list .bt a:hover {
	opacity: 0.8;
}
@media screen and (min-width:740px)
{
.voice-list .voice {
	width: 48%; margin-right: 4%; float: left;
}
.voice-list :nth-child(2n).voice {
	margin-right: 0px;
}
.voice-list :nth-child(2n+1).voice {
	clear: left;
}
}
.coupon-list .coupon {
	margin-bottom: 16px;
}
.coupon-list .menu-category {
	margin-bottom: 4px;
}
.coupon-list .menu-category li {
	padding: 2px 4px; border-radius: 2px; color: rgb(255, 255, 255); line-height: 1.2em; font-size: 75%; text-decoration: none; margin-right: 4px; margin-bottom: 2px; float: left; background-color: rgb(41, 40, 40);
}
.coupon-list h3 {
	
}
.coupon-list .description {
	font-size: 85.7%; margin-bottom: 4px;
}
.coupon-list .price {
	text-align: right;
}
.coupon-list .price .before {
	font-size: 85.7%; text-decoration: line-through;
}
.coupon-list .price .after {
	color: red; font-size: 114.2%; font-weight: bold;
}
.coupon-list .notes {
	color: rgb(153, 153, 153); font-size: 85.7%;
}
.coupon-list .a-reserve a {
	border: 1px solid rgb(41, 40, 40); border-image: none; color: rgb(255, 255, 255); background-color: rgb(41, 40, 40);
}
.coupon-list .a-reserve a:hover {
	color: rgb(41, 40, 40); background-color: rgb(255, 255, 255);
}
@media screen and (min-width:740px)
{
.coupon-list .coupon {
	margin: 0px auto 32px; max-width: 640px;
}
.coupon-list .a-reserve a {
	width: 240px;
}
}
.salon-list .salon {
	padding-top: 32px; margin-bottom: 32px; box-sizing: border-box;
}
.salon-list .salon-logo {
	margin: 0px auto 16px; width: 100px;
}
.salon-list h3 {
	margin: 4px 0px 8px; font-weight: bold;
}
.salon-list .salon-name {
	font-weight: bold;
}
.salon-list .salon-name-kana {
	color: rgb(102, 102, 102); font-size: 87.5%; margin-bottom: 8px;
}
@media screen and (min-width:740px)
{
.salon-list .salon {
	width: 48%; margin-right: 4%;
}
.salon-list :nth-child(2n).salon {
	margin-right: 0px;
}
.salon-list .salon-logo {
	width: 120px; height: 90px;
}
}
.single-salon .salon .box {
	padding-top: 16px;
}
.single-salon .salon-logo img {
	width: 120px; margin-bottom: 8px;
}
.single-salon .salon-logo {
	width: 100%; text-align: center; margin-bottom: 16px;
}
.single-salon .salon-image {
	margin-bottom: 8px;
}
.single-salon .holiday {
	margin-bottom: 16px;
}
.single-salon .content {
	margin-bottom: 16px;
}
.single-salon .thumbnail li {
	width: 33.3%; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; float: left; box-sizing: border-box;
}
.single-salon .thumbnail li:nth-child(3n) {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.single-salon .map {
	margin-bottom: 16px;
}
.single-salon .bt a {
	border: 1px solid rgb(41, 40, 40); border-image: none; color: rgb(255, 255, 255); background-color: rgb(41, 40, 40);
}
.single-salon .bt a:hover {
	color: rgb(41, 40, 40); background-color: rgb(255, 255, 255);
}
@media screen and (min-width:740px)
{
.single-salon .salon-logo {
	width: 42%; float: left;
}
.single-salon .address {
	width: 42%; float: left;
}
.single-salon .link {
	width: 42%; float: left;
}
.single-salon .holiday {
	width: 42%; float: left;
}
.single-salon .content {
	width: 42%; float: left;
}
.single-salon .salon-logo {
	margin: 32px 0px;
}
.single-salon .salon-image {
	width: 54%; float: right;
}
.single-salon .map {
	clear: both; margin-bottom: 32px;
}
.single-salon .bt a {
	width: 200px;
}
}
.calendar caption {
	text-align: center;
}
.calendar th {
	border: 1px solid rgb(204, 204, 204); border-image: none; width: 14.2%; height: 24px; text-align: center; vertical-align: middle;
}
.calendar td {
	border: 1px solid rgb(204, 204, 204); border-image: none; width: 14.2%; height: 24px; text-align: center; vertical-align: middle;
}
.calendar .holiday {
	background: rgb(255, 204, 204);
}
.c-menu .content {
	padding: 0px; border-radius: 0px; box-shadow: none; background-color: transparent;
}
.menu-list .block {
	box-sizing: border-box;
}
.menu-list .clearfix {
	padding: 4px 0px; border-top-color: rgb(243, 236, 232); border-top-width: 1px; border-top-style: solid;
}
.menu-list h3 {
	letter-spacing: 0.05em; font-family: Arapey; font-size: 150%; font-style: italic; margin-bottom: 8px;
}
.menu-list .name {
	float: left;
}
.menu-list .price {
	float: right;
}
.menu-list .notes {
	color: rgb(153, 153, 153); clear: both; font-size: 75%;
}
.menu-list .link {
	text-align: right; font-size: 87.5%;
}
.c-menu .bt a {
	border: 1px solid rgb(55, 48, 45); border-image: none; width: 200px; color: rgb(255, 255, 255); background-color: rgb(55, 48, 45);
}
.c-menu .bt a:hover {
	color: rgb(55, 48, 45); background-color: rgb(255, 255, 255);
}
@media screen and (min-width:740px)
{
.c-menu .bt a {
	width: 240px;
}
}
.c-headspa.c-menu .content {
	margin: 0px auto 32px; padding: 8px; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); background-color: rgb(255, 255, 255);
}
.c-headspa.c-menu h3 {
	padding-left: 8px; font-size: 112.5%; font-weight: bold; margin-bottom: 4px; border-left-color: rgb(55, 48, 45); border-left-width: 4px; border-left-style: solid;
}
@media screen and (min-width:740px)
{
.c-headspa.c-menu .content {
	padding: 32px; max-width: 800px; box-sizing: border-box;
}
.c-headspa.c-menu h3 {
	margin: 32px 0px 16px;
}
}
.c-reserve .salon {
	margin-bottom: 32px;
}
.c-reserve .salon-logo {
	margin: 0px auto 16px; width: 120px;
}
.c-reserve .link .bt {
	width: 50%; float: left; box-sizing: border-box;
}
.c-reserve .link :first-child.bt {
	border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid;
}
.c-reserve .link .bt a {
	border: 1px solid rgb(55, 48, 45); border-image: none; width: auto; color: rgb(255, 255, 255); background-color: rgb(55, 48, 45);
}
.c-reserve .link .bt a:hover {
	color: rgb(55, 48, 45); background-color: rgb(255, 255, 255);
}
@media screen and (min-width:740px)
{
.c-reserve .container {
	margin: 0px auto; max-width: 800px;
}
.c-reserve .container .content {
	padding: 32px;
}
.c-reserve .salon {
	width: 48%; margin-bottom: 0px; float: left;
}
.c-reserve :last-child.salon {
	margin-left: 4%;
}
.c-reserve .salon-logo {
	height: 90px;
}
.c-reserve .link .bt span {
	padding: 10px 0px 8px; border: 1px solid rgb(55, 48, 45); border-image: none; text-align: center; color: rgb(255, 255, 255); display: block; background-color: rgb(55, 48, 45);
}
}
.c-send-voice .content {
	margin: 0px auto; max-width: 800px;
}
.form th {
	padding: 2px 0px; font-weight: bold; background-color: transparent;
}
.form td {
	padding-bottom: 16px;
}
.form input {
	box-sizing: border-box;
}
@media screen and (min-width:740px)
{
.c-send-voice .box-padding {
	padding: 32px;
}
}
.c-recruit .content {
	margin: 0px auto; max-width: 800px; box-sizing: border-box;
}
.c-company h3 {
	font-size: 125%; margin-bottom: 8px;
}
.c-recruit h3 {
	font-size: 125%; margin-bottom: 8px;
}
.c-company .president-image {
	width: 40%; margin-left: 4%; float: right;
}
.c-company .content th {
	padding: 4px 0px;
}
.c-company .content td {
	padding: 4px 0px;
}
.c-company .content th {
	min-width: 80px;
}
.c-recruit .content th {
	padding: 4px 8px;
}
.c-recruit .content td {
	padding: 4px 8px;
}
.c-recruit .content th {
	border: 2px solid rgb(255, 255, 255); border-image: none; vertical-align: middle; background-color: rgb(246, 246, 246);
}
.c-oright .content {
	margin: 0px auto 32px; max-width: 800px;
}