@charset "utf-8";

.com-deco-right-center01 {
    width: 25%;
    top: auto;
    bottom: 5%;
    right: 0;
}

/*-----------------------------------------------------------
スライダー画像
-----------------------------------------------------------*/

.info01-left .slider3 {
    padding: 0;
}

.slider3 .carousel-item,
.slider3 .indicator {
    width: 100%;
    aspect-ratio: 670 / 460;
    overflow: hidden;
}

.slider3 .carousel-item>img,
.slider3 .indicator>img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.slider3 .carousel-indicators {
    position: static;
    margin: 15px 0 0;
    gap: 10px;
}

.slider3 .indicator {
    cursor: pointer;
    transition: all .3s;
}

.slider3 .indicator:hover {
    filter: brightness(0.8);
}

.gjs-dashed .carousel-inner {
    display: flex;
}

.gjs-dashed .carousel-item {
    display: block;
    opacity: 1;
}

/*-----------------------------------------------------------
店舗情報テーブル
-----------------------------------------------------------*/

.info01-row {
	gap: 30px;
}

.info-logo01 {
    max-width: 200px;
    width: 40%;
    margin: 0 auto;
    filter: invert(.75);
}

.info-logo02 {
    max-width: 200px;
    width: 29%;
    margin: 35px auto 0;
}

.salon-table .base-table-tr {
	border-bottom: 1px solid var(--border-primary);
}

.salon-table .base-table-th {
	color: var(--primary);
	background: unset;
    padding: 20px 0 10px;
}

.salon-table .base-table-td {
    padding: 0 0 20px;
}


.info-sns-box {
    max-width: 150px;
    width: 100%;
    height: 100%;
    position: static;
    top: 50%;
    right: 23%;
    display: flex;
    align-items: center;
    justify-content: center;
  	margin: 30px auto 0;
    transform: translateY(-50%);
}

/*-----------------------------------------------------------
地図
-----------------------------------------------------------*/

.info-map-row {
    gap: 20px;
}

.map-icon {
    width: 65px;
    height: 65px;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--primary);
}

/*-----------------------------------------------------------
地図
-----------------------------------------------------------*/

.cancel-text {
	display: block;
	position: relative;
	padding: 0 0 0 27px;
}

.cancel-text:nth-child(n+2) {
	margin: 5px 0 0;
}

.cancel-text:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 14px;
	background: url(/system_panel/uploads/images/cmn_deco03.svg)no-repeat center center / contain;
	z-index: 1;
}


/*-----------------------------------------------------------
キャンセルポリシー
-----------------------------------------------------------*/

.cancel-text-box {
    padding: 30px 10px;
    border: 1px solid var(--border-primary);
}


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

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

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

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

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

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

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



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

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

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

/*-----------------------------------------------------------
店舗情報テーブル
-----------------------------------------------------------*/

.info-sns-box {
    position: absolute;
    right: 0;
    justify-content: flex-start;
  	margin: 0;
}

/*-----------------------------------------------------------
地図
-----------------------------------------------------------*/

.info-map-row {
    flex-direction: row !important;
}

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

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

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

/*-----------------------------------------------------------
店舗情報テーブル
-----------------------------------------------------------*/

    .base-table {
        max-width: 1020px;
        margin: 40px auto 0 auto;
    }

    .salon-table .base-table-th {
        padding: 20px 0;
    }  

    .salon-table .base-table-td {
        padding: 20px 0;
    }

    .info-sns-box {
        right: 15%;
    }

/*-----------------------------------------------------------
キャンセルポリシー
-----------------------------------------------------------*/

    .cancel-text-box {
        padding: 40px;
    }
  
    .com-illust-center02 {
        width: 15%;
        bottom: -15%;
        right: 16%;
    }


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

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

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

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

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


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


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

@media screen and (min-width: 1024px) {
  
/*-----------------------------------------------------------
店舗情報テーブル
-----------------------------------------------------------*/

  .info-sns-box {
      right: 23%;
  }


/*-----------------------------------------------------------
キャンセルポリシー
-----------------------------------------------------------*/

  .cancel-text-box {
      padding: 40px 50px;
  }
  

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

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

@media screen and (min-width:1200px) {
  
  
    .wrapper01 {
        padding: 120px 0;
    }

}/* 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:1800px) {

  


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