@charset "utf-8";

/*-----------------------------------------------------------
メディア
-----------------------------------------------------------*/

.media-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 20px;  
}

.movie-item {
    margin: 0 auto;
}

.in-youtube {
    border: 8px solid var(--primary);
}


/*-----------------------------------------------------------
スタッフ
-----------------------------------------------------------*/

.staff-img01 {
	aspect-ratio: 1200 / 675;
}

.shop-logo-row {
	gap: 24px;
}

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

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

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

.slider3 .carousel-item {
    border-radius: 8px;
}

.slider3 .indicator {
	border-radius: 4px;
}
	
.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;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

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

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

.gjs-dashed .carousel-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

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

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

.car-row {
	gap: 15px;
}

.car-icon {
	font-size: clamp(30px, 25.146px + 1.294vw, 50px);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@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) {
  
.media-grid {
	grid-template-columns: repeat(2, 1fr);
}
  
/*-----------------------------------------------------------
店舗情報テーブル
-----------------------------------------------------------*/

.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%;
}

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {
  
.media-grid {
    gap: 80px 20px;  
}

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