@charset "UTF-8";

.girls {
    border: 1px solid var(--main-color);
    border-radius: 4px;
}
.girls .title {
    margin-bottom: 20px;
}
.girls__wrap {
    padding: 15px;
}
.girls__con {
    display: flex;
    gap: 40px;
    padding: 0 20px;
}
.girls__left {
    width: 410px;
}
.girls__right {
    width: 458px;
    flex: 1;
}
.girls__slider {
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid var(--main-color03);
}
.girls__slider__item {
    aspect-ratio: 3/4;
    overflow: hiden;
}
.girls__slider__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.girls__slider .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.girls__slider .slick-dots {
    position: relative;
    display: flex;
    margin-top: 5px;
    gap: 5px;
    flex-wrap: wrap;
    bottom: auto;
    text-align: left;
}
.girls__slider .slick-dots li {
    position: relative;
    display: block;
    width: calc((100% - 10px) / 3);
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
    aspect-ratio: 3/4;
    overflow: hidden;
}
.girls__slider .slick-dots img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.girls__slider .slick-prev,
.girls__slider .slick-next,
.girls__slider .slick-prev:before,
.girls__slider .slick-next:before {
    width: initial;
    height: initial;
}
.girls__slider .slick-prev,
.girls__slider .slick-next {
    top: 280px;
    z-index: 1;
}
.girls__slider .slick-prev:before,
.girls__slider .slick-next:before {
    display: block;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 49px;
    color: var(--main-color06);
	font-weight: 900;
}
.girls__slider .slick-prev:before {
    content: "\f137";
}
.girls__slider .slick-next:before {
    content: "\f138";
}
.sideContents {
    color: var(--text-color);
    line-height: 1.2;
    border: 1px solid var(--main-color03);
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
}
.sideContents:before {
    position: absolute;
    content: "";
    top: 42px;
    left: -10px;
    display: block;
    width: 9px;
    height: 9px;
    background: var(--main-color02);
    clip-path: polygon(0 0, 100% 100%, 100% 0); 
}
.sideContents__title {
    display: flex;
    align-items: center;
    width: 80%;
    height: 52px;
    margin: -20px 0 10px -20px;
    font-size: 14px;
    font-weight: bold;
    background: var(--main-color_dark);
    clip-path: polygon(0% 0%, 100% 0%, 94% 50%, 100% 100%, 0% 100%);
}
.sideContents__title__text {
    padding-left: 20px;
    font-size: 22px;
    color: white;
}
.sideContents__title__text i {
    margin-right: 10px;
}
.girls__schedule__items {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}
.girls__schedule__item {
    width: calc((100% - 6px) / 4);
    text-align: center;
}
.girls__schedule__title {
    padding: 15px 0;
    font-size: 14px;
    font-weight: bold;
    color: var(--main-color_dark);
    background: linear-gradient(#fefefe,#f0f0f0);
}
.girls__schedule__title .sunday {
    color: red;
}
.girls__schedule__title .saturday {
    color: blue;
}
.girls__schedule__text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    background: linear-gradient(to bottom,  #ffffe9 0%,#ffffc6 100%);
}
.girls__tel__link {
    color: var(--main-color_dark);
    text-decoration: none;
    font-size: 38px;
}

/* girls_Blog */
.girls_Blog {
    margin-bottom: 20px;
}
.girls_Blog .girls__blog__items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.girls_Blog .girls__blog__item {
    width: calc((100% - 10px) / 3);
    background: white;
    border: 1px solid #ccc;
}
.girls_Blog .girls__blog__item:nth-child(3n+2) {
    margin: 0 5px;
}
.girls_Blog .girls__blog__item:nth-child(n+4) {
    display: none;
} 
.girls_Blog .girls__blog__link {
    display: block;
    text-decoration: none;
    padding: 5px;
}
.girls_Blog .girls__blog__title {
    font-size: 12px;
    color: var(--main-color);
    text-align: center;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.girls_Blog .girls__blog__tmb {
    aspect-ratio: 87/103;
    position: relative;
}
.girls_Blog .girls__blog__tmb__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
}
.girls_Blog .girls__blog__info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: white;
    line-height: 1.2;
    word-break: break-all;
    background: rgba(63, 46, 46, .6);
    padding: 5px 0;
}
.girls_Blog .girls__blog__info__name {
    font-size: 12px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.girls_Blog .girls__blog__info__publish {
    font-size: 12px;
    text-align: center;
}
.girls_Blog .girls__blog__more {
    text-align: right;
}
.girls_Blog .girls__blog__more__link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    color: var(--main-color);
    text-decoration: none;
}
.girls_Blog .girls__blog__more__link i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: white;
    background: var(--main-color);
    border-radius: 50%;
    margin-left: 4px;
}


.girls__info {
    margin-bottom: 20px;
}
.girls__info__text {
    font-size: 20px;
    color: var(--text-color);
    border-bottom: 2px solid var(--main-color);
    padding-bottom: 5px;
}
.girls__question__title {
    padding: 8px 20px;
    color: var(--main-color_dark);
    background: var(--main-color005);
}
.girls__question__title:before {
    content: "Q";
    color: var(--main-color_dark);
    font-weight: bold;
    padding-right: 5px;
}
.girls__question__text {
    padding: 20px 0 20px 20px;
    color: var(--text-color);
    line-height: 1.4;
}
.girls__question__text__mat {
    margin-top: -10px;
    padding: 0 0 20px 20px;
    color: var(--text-color);
    line-height: 1.4;
}
.girls__src {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #333;
}
.girls__movie {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.girls__movie__wrap {
    aspect-ratio: 16/9;
    overflow: hidden;
}