@charset "UTF-8";

/* salon
----------------------------------------------- */
.top-salon-box {margin: 0 auto 10vw;}
.top-salon-item { width: 100%; padding: 6vw 0; border-bottom: 1px dashed #b7b5b3; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
.top-salon-item:last-child{border-bottom: none;}
.top-salon-item.premium .top-salon-item-image:after { content: 'プレミアム店舗'; width: 100%; padding: 1.5vw 0; color: #9e756b; font-size: 3.29vw; font-weight: bold; text-align: center; background: #fdf9f9; z-index: 1; position: absolute; bottom: 0; left: 0; }
.top-salon-item-image { width: 40vw; position: relative; }
.top-salon-item-image img { width: 100%; }
.top-salon-item-text { padding-left: 4vw; flex: 1; }
p.top-salon-item-title {margin-bottom: 2vw;font-size: 3.8vw;font-weight: bold;line-height: 1.4;text-align: left;}
.top-salon-item-address {margin-bottom: 3vw;font-size: 3.4vw;line-height: 1.4;}
.top-salon-item-address span{font-size: 3.2vw;}

.top-salon-contact-items { width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-salon-contact-items li { width: 48%; font-size: 3.29vw; font-family: var(--mincho); text-align: center; }
.top-salon-contact-items li.tel a { color: #9e746b; background: #fff; border: 1px solid #9e746b; }
.top-salon-contact-items li.web a { color: #fff; background: #baa298; }
.top-salon-contact-items a {padding: 2vw 0;-moz-border-radius: 10vw;-webkit-border-radius: 10vw;border-radius: 10vw;}


/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 

/* salon
----------------------------------------------- */
.top-salon-box {margin: 0 auto 80px;}
.top-salon-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-salon-item { padding: 30px 0; }
.top-salon-item:nth-child(odd) { width: 520px; padding: 30px 80px 30px 0; }
.top-salon-item:nth-child(even) { flex: 1; }
.top-salon-item:last-child,.top-salon-item:nth-last-child(2){border-bottom: none;}

.top-salon-item.premium .top-salon-item-image:after { padding: 10px 0 9px; font-size: 14px; }
.top-salon-item-image { width: 160px; }
.top-salon-item-text { padding-left: 25px; }
p.top-salon-item-title {margin-bottom: 8px;font-size: 16px;line-height: 1.6;}
.top-salon-item-address {margin-bottom: 20px;font-size: 14px;}
.top-salon-item-address span{font-size: 12px;}
.top-salon-contact-items li { font-size: 16px; }
.top-salon-contact-items a { padding: 8px 0 7px; }

}