@charset "utf-8";

/* CSS Document */
article table{
margin: 0 auto;
border-collapse: collapse;
border-spacing: 0px 0px;
width: 100%;
table-layout: fixed;
max-width: 480px;
text-align: center;
}
article th{
background-color: #EEE;
font-weight: normal;
border: 1px solid #b2b2b2;
}
article th.left{
background-color: #CFE7F5;
line-height: 1.1;
padding: 2px 0px;
width: 1em;
}
article td{
border: 1px solid #b2b2b2;
}
.yellow{
background-color: #FFFFCC;
}
.pink{
background-color: #FFCCCC;
}
.green{
background-color: #CCFFCC;
}
.orange{
background-color: #FFCC99;
}
.blue {
background-color: #CFE7F5;
}
article td.blank,article td.right {
text-align: right;
border-style: none;
}
article td.first {
border-right: none;
width: 1em;
}
article tr.yellow td:nth-child(2),article tr.pink td:nth-child(2),article tr.green td:nth-child(2),article tr.orange td:nth-child(2) {
border-left: none;
}
div.entry-out {
margin: 0px -10px;
}
table.height tr {
height: 50px;
}
article .descr {
border: 3px dashed #CCC;
border-radius: 10px;
margin: 10px 0;
position: relative;
padding: 5px;
}
article .descr b {
display: inline-block;
top: -15px;
position: absolute;
border-radius: 10px;
border: 1px solid #CCC;
padding: 0px 10px;
background-color: #FFC;
}
article .descr div {
margin-top: 12px;
}
.salon {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}
.salon_inner {
    flex-grow: 1;
    min-width: 50%;
    max-width: 100%;
    flex-shrink: 0;
    flex-basis: 260px;
    border: 1px dashed #ccc;
    padding: 0px 1em;
}

article div.salon tr {
height: 50px;
}
article div.salon th,article div.salon td {
border-color: #f4b3c2;
border-radius: 4px;
}
article div.salon th {
width: 3em;
padding: 3px;
background-color: #ffeff4;
}
article div.salon tr.last td {
box-shadow: 1px 2px 2px #EAE8E8;
}
.salon p {
margin: 0;
text-align: left;
    padding: 5px 10px;
}
.salon img {
    margin: 0 auto;
    display: block;
}

article table td,article table th {
    padding: 0;
}

.salon h4 {
font-size: 1.1em;
    display: block;
    margin: 0 0 .5em;
    border-bottom: 2px solid #ffe822;
    background: #ffffe3;
	padding: 0;
}


img.half-img {
    max-width: 100px;
}

.salon .link,
.salon-link {
    font-weight: bold;
    color: #4ba5f9;
    text-align: center;
    padding: 6px 0;
	width: 100%;
}
.salon .link span a,.salon-link span a {
    box-sizing: border-box;
    box-shadow: 0px 3px 0 0 #597da3;
    background: #6db4ff;
    min-width: 50%;
    position: relative;
    display: inline-block;
    padding: .8em 3em;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
.salon .link span a::after,.salon-link span a::after {
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	content: '';
	border: 2px dashed #fff;
	border-radius: .4em 2em .5em 3em/3em .5em 2em .5em;
}
.salon .link span a:hover,.salon-link span a:hover {
    box-shadow: none;
    background: #f9c;
    transition: .4s;
}
.content p.sales-copy, .sales-copy {
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    font-weight: bold;
    background: #ff6aa4;
    margin: 0px 0px 8px -1em;
}
body .sales-copy h3 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1em;
	color: inherit;
}
.sales-copy h3:after,.sales-copy h3:before {
    display:none;
}
.pink-box{
    color:#ef98b5;
}
.blue-box {
    color:#2babf1;
}
.pink-box ol,.blue-box ol {
    border: 1px solid;
    border-radius: 10px;
    list-style-position: inside;
    margin-bottom: 10px;
    counter-reset: number;
    list-style-type: none;
}
.pink-box ol li, .blue-box ol li {
    list-style-type: inline;
    float: left;
    padding-left: .3em;
}
.pink-box ol li:before, .blue-box ol li:before {
counter-increment: number;
    content: counter(number);
    border: 1px solid;
    border-radius: 50%;
    height: 1.5em;
    width: 1.5em;
    display: inline-block;
    text-align: center;
    line-height: 1.5;
    font-size: 10px;
    margin-right: 5px;
}
.salon-box p {
    margin: 0;
}
.epire-tab {
	background-color: #ff9dae;
	}
.myuze-tab {
	background-color: #83c7ef;
	}
.ginza-tab{
	background-color: #ff7a7a;
	}
.jeste-tab{
	background-color: #fabd7e;
		}
.datulabo-tab{
	background-color: #ebb1e1;
	}
article .salon-td-title	{
font-weight: bold;
    box-shadow: 0 0 0 4px #d0d0d0 inset;
    border-width: 0px 0px 0px 0px !important;
    background: no-repeat center;
    background-size: auto 80%;
    text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #fff, 0px -2px 0px #fff;
	}
.salon-td-name {
	color: #fff;
    font-weight: bold;
}
article .service-salon td {
	    border: 1px solid #ffc9db;
}
table.select-salon-service td {
    padding: 2px;
}
.select-salon-service th.salon-td-title {
    box-shadow: none;
    background-color: #fffafc;
    border: 3px solid #ffc9db !important;
    height: 60px;
    width: 40%;
    background-size: auto 90%;
}
.salon-fee td,.salon-fee th {
    padding: 3px 0;
    border: 1px solid #ffc9db;
}
.salon-fee th {
    background-color: #fffafc;
}
.salon-fee caption span {
    font-weight: bold;
    font-size: 17px;
    display: inline-block;
    color: #ffa5cf;
    padding: 0px 10px;
    border-width: 0 2px;
    border-style: solid;
}
caption {
    padding: 5px 0;
    box-sizing: border-box;
}
.entry-out.salon-fee table {
    margin-bottom: 12px;
}
td.fee-caption {
    border-color: transparent;
    border-bottom: 1px solid #ffc9db;
    text-align: left;
    padding: 0 2em 5px;
}
.fee-caption span {
    border-bottom: 1px dashed #555;
}
.yellow {
    background-color: #ffffe2;
    border-color: #ffff00;
}
.orange {
    background-color: #fff5ec;
    border-color: orange;
}
.pink {
    background-color: #fff4f4;
}
.green {
    background-color: #f2fff2;
    border-color: #8bd58b;
}
ul.esthe-links {
    list-style: none;
    padding: 0;
}
.esthe-links li {
    display: inline-block;
    width: 50%;
    float: left;
}
.esthe-links a {
    display: block;
    color: #222;
    font-weight: bold;
    text-shadow: 1px 1px 1px #ffffff;
    text-align: left;
    box-sizing: border-box;
    min-height: 100px;
    border-radius: 10px;
    box-shadow: 1px 1px 2px #aeaeae;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    position: relative;
    margin: 5px;
}
.esthe-links a span {
    background: rgba(255, 255, 255, 0.7);
    display: inline-block;
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
}
.esthe-links a:hover {
    box-shadow: 0 0 0 4px #75b7ff;
    color: #037dff;
}
article h4:before {
    content: "★";
    color: #ffc9db;
}
.datsumou_rank.diver_af_ranking_wrap {
    border: 2px solid #ffd7f3;
    border-radius: 5px;
    padding: 10px;
    position: relative;
    padding-top: 0;
    max-width: 750px;
    margin: 15px 5px;
}


.datsumou_rank .rank_minih:before {
    content: none;
}

.datsumou_rank .rank_desc {
    width: 100%;
}

.datsumou_rank .rank_h {
    background: #fff7ee;
}

.datsumou_rank .rank_minih {
    border-radius: 0px;
    background: #ff2e85;
    max-width: fit-content;
	font-size: 0.85em;
}

.datsumou_rank .rank_desc_wrap {
    padding: 0;
}

.datsumou_rank .rank_desc .desc {
    padding: 15px 5px;
}