@charset "utf-8";

/*-----------------------------------------------------------
店舗情報
-----------------------------------------------------------*/

.salon01-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.salon01-left {
	width: 100%;
}

.salon01-right {
	width: 100%;
  	margin: 40px auto 0;
}

.salon01-list-block {
    margin: 40px auto 0;
}
  
.salon01-list {
	display: flex;
  	flex-direction: column;
    padding: 15px 0;
    border-bottom: 1px solid var(--gray02);
}

.salon01-list:first-child {
    padding: 0 0 15px 0;
}

.salon01-th {
    width: 100px;
}

.salon01-btn-row {
	display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    margin: 30px 0 0;
}

/*-----------------------------------------------------------
Instagram予約
-----------------------------------------------------------*/

.salon01-row .insta-link {
    color: var(--black);
}

.salon01-row .insta-link:hover {
    color: var(--black);
}

.salon01-row .insta-link:after {
    filter: invert(1);
}

/*-----------------------------------------------------------
アイラッシュ予約
-----------------------------------------------------------*/

.salon01-row .eyelash-rsv-btn {
    color: var(--primary);
    border: 1px solid var(--primary);
    background: rgba(255,255,255,20%);
}

.salon01-row .eyelash-rsv-btn:hover {
    background: var(--secondary);
}
/*-----------------------------------------------------------
地図
-----------------------------------------------------------*/

.map-title-row {
 	 gap: 15px;
}

/*-----------------------------------------------------------
パララックス
-----------------------------------------------------------*/

.salon-parallax {
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    height: 85lvh;
}

.salon-parallax::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100lvh;
    background-image: url(/system_panel/uploads/images/salon02.jpg);
    background-repeat: no-repeat;
    background-position: 50%, 0%;
    background-size: cover;
    z-index: -1;
    transform: translateZ(0);
}

/*-----------------------------------------------------------
注意事項
-----------------------------------------------------------*/

.salon02-contents {
    padding: 60px 15px 60px 15px;
}

.salon02-title-box .jp-title-deco-box01:before {
	background: #fff; 
}

.bg-white-mask:before {
    height: 100%;
}

.atten-text {
	opacity: .65;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {
  
/*-----------------------------------------------------------

-----------------------------------------------------------*/

}/* min-width: 375px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/*-----------------------------------------------------------

-----------------------------------------------------------*/

}/* min-width: 414px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:576px) {

/*-----------------------------------------------------------
店舗情報
-----------------------------------------------------------*/

.salon01-left {
	width: 90%;
}
  
.salon01-list {
    padding: 20px 0;
}
  
.salon01-list:first-child {
    padding: 0 0 20px 0;
}

}/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 768px) {
  
/*-----------------------------------------------------------
店舗情報
-----------------------------------------------------------*/
  
.salon01-row {
    align-items: flex-start;
    flex-direction: row;
  	gap: 40px;
}

.salon01-left {
	width: 38%;
}

.salon01-right {
	width: 58%;
  	margin: 0;
}
  
.salon01-list {
  	flex-direction: row;
}
  
/*-----------------------------------------------------------
パララックス
-----------------------------------------------------------*/
  
.salon-parallax {
    height: 100lvh;
}

}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/*-----------------------------------------------------------

-----------------------------------------------------------*/

}/* min-width: 992px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1024px) {
  
/*-----------------------------------------------------------
店舗情報
-----------------------------------------------------------*/
  
.salon01-row {
    gap: 55px;
}

.salon01-th {
    width: 140px;
}

.salon01-btn-row {
    flex-direction: row;
    align-items: center;
  	justify-content: flex-start;
}
  
.salon01-btn-row .web-rsv-btn, .salon01-btn-row .eyelash-rsv-btn {
    width: 33%;
}

}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1200px) {
  
/*-----------------------------------------------------------
店舗情報
-----------------------------------------------------------*/
  
.salon01-right {
    width: 53%;
}
  
.salon01-th {
    width: 180px;
}
  
.salon01-btn-row {
    flex-direction: row;
    align-items: center;
}
  
/*-----------------------------------------------------------
注意事項
-----------------------------------------------------------*/

.salon02-contents {
	padding: 100px 15px 100px 15px;
}

  
}/* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1400px) {

/*-----------------------------------------------------------

-----------------------------------------------------------*/

}/* min-width: 1400px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1500px) {

/*-----------------------------------------------------------

-----------------------------------------------------------*/



}/* min-width: 1500px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1600px) {


}/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1700px) {
  

  
}/* min-width: 1700px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */