@charset "utf-8";
/* CSS Document */


/* topContents
-------------------------------------------------- */
.topContents {
}
.topContents .topContentsTitle {
	font-weight: normal;
	border-bottom: 2px solid var(--main-color);
}
.topContents .topContentsTitle_En {
	font-family: var(--secondary-font-family);
}
.topContents .topContentsTitle_Jp {
	font-family: var(--main-font-family);
}


/* mainSlider
-------------------------------------------------- */
.mainSlider {
}
.mainSlider img {
	width: 100%;
}
.mainSlider .slick-dots {
	display: none;
	/* display: flex;
	align-items: center;
	justify-content: center; */
}
.mainSlider .slick-dots li button {
	font-size: initial !important;
	padding: 0 !important;
}
.mainSlider .slick-dots li button:before {
	content: '' !important;
	font-family: initial !important;
	font-size: initial !important;
	line-height: initial !important;
	text-align: initial !important;
	color: #fff !important;
	background: var(--main-color) !important;
	border-radius: 50% !important;
}

/* topVanilla 
-------------------------------------------------- */
.topVanilla {
    margin-bottom: 8vw;
}
.vanillaItems {
    text-align: center;
}

/* topJapan
-------------------------------------------------- */
.japanItems {
}
.japanItem img {
    width: 100%;
}

/* topSokuhime
-------------------------------------------------- */
.topSokuhime {
}
.topSokuhime iframe {
	border: none;
}


/* topSchedule
-------------------------------------------------- */
.topSchedule {
}
.topSchedule iframe {
	border: none;
}


/* shameWidget
-------------------------------------------------- */
.shameWidget {
}
.shameWidget iframe {
	border: none;
}


/* topBannerBox
-------------------------------------------------- */
.topBannerBox {
}
.topBannerBox .topBannerLink {
	display: block;
	border: 1px solid #ccc;
}
.topBannerBox .topBannerImage {
	display: block;
	width: 100%;
}


/* customLayout_01
-------------------------------------------------- */
.customLayout_01 {
}
.customLayout_01 .topVanilla {
}
.customLayout_01 .topStaff {
}
.customLayout_01 .topStaff iframe {
}


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

	.topMain {
		width: 990px;
	}
	.topSub {
		width: 260px;
	}

	/* topContents
	-------------------------------------------------- */
	.topContents {
		margin-bottom: 50px;
	}
	.topContents .topContentsTitle {
		display: flex;
		align-items: center;
		margin-bottom: 15px;
		padding-bottom: 5px;
	}
	.topContents .topContentsTitle_En {
		font-size: 30px;
	}
	.topContents .topContentsTitle_Jp {
		font-size: 14px;
		margin-left: 10px;
	}

	/* mainSlider
	----------------------------------- */
	.slick-dotted.slick-slider {
		margin-bottom: 50px !important;
	}
	.mainSlider .slick-dots {
		height: 50px;
		bottom: -50px !important;
		background: rgba(255,255,255,1.0);
	}
	.mainSlider .slick-dots li,
	.mainSlider .slick-dots li button,
	.mainSlider .slick-dots li button::before {
		width: 14px !important;
		height: 14px !important;
	}
	.mainSlider .slick-dots li {
		margin: 0 10px !important;
	}

	.top_2column {
		display: flex;
		justify-content: space-between;
	}

	/* topSokuhime
	-------------------------------------------------- */
	.topSokuhime {
	}
	.topSokuhime iframe {
		width: 100%;
		height: 250px;
		border: none;
	}

    /* topVanilla
    -------------------------------------------------- */
    .topVanilla {
        width: 990px;
    }
    .vanillaItems {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
	.vanillaItem iframe {
		height: 460px;
		border: 1px solid #ccc;
	}
	.vanillaItem .vanilla_blog {
		width: 320px;
	}
	.vanillaItem .vanilla_movie {
		width: 280px;
	}

    /* topJapan
    -------------------------------------------------- */
    .japanItems {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        text-align: center;
    }

	/* topSchedule
	-------------------------------------------------- */
	.topSchedule iframe {
		width: 100%;
		height: 440px;
	}
	.topSchedule .girlList .girlListItem {
		width: 231px;
		margin: 0 20px 40px 0;
	}
	.topSchedule .girlList .girlListItem:nth-child(4n+4) {
		margin-right: 0;
	}
	.topSchedule .girlList .girlImage {
		width: 231px;
		height: 308px;
		object-fit: cover;
	}

	/* shameWidget
	-------------------------------------------------- */
	.shameWidget {
	}
	.shameWidget iframe {
		width: 100%;
		height: 540px;
	}

	/* topBannerBox
	-------------------------------------------------- */
	.topBannerBox {
	}
	.topBannerBox .topBannerLink {
	}
	.topBannerBox .topBannerImage {
	}

	/* customLayout_01
	-------------------------------------------------- */
	.customLayout_01 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 990px;
	}
	.customLayout_01 .topVanilla {
		width: calc(620px + 25px);
	}
	.customLayout_01 .topStaff {
		width: calc(100% - 620px - 55px);
		margin-left: 20px;
	}
	.customLayout_01 .topStaff iframe {
		height: 460px;
	}
}


/* --------------------------------------------------
スマホ
-------------------------------------------------- */
@media all and (max-width: 767px) {

	/* topContents
	-------------------------------------------------- */
	.topContents {
		padding: 0 2vw;
	}
	.topContents .topContentsTitle {
		display: flex;
		align-items: center;
		margin-bottom: 1.5vw;
		padding-bottom: 1.5vw;
	}
	.topContents .topContentsTitle_En {
		font-size: 7.5vw;
	}
	.topContents .topContentsTitle_Jp {
		font-size: 3.5vw;
		margin-left: 3vw;
	}

	/* mainSlider
	----------------------------------- */
	.mainSlider {
		padding-top: var(--sp_header-height);
	}
	.mainSlider .slick-dotted.slick-slider {
		margin-bottom: 7.5vw;
	}
	.mainSlider .slick-dots {
		height: 7.5vw;
		bottom: -7.5vw !important;
		background: rgba(255,255,255,1.0);
	}
	.mainSlider .slick-dots li,
	.mainSlider .slick-dots li button,
	.mainSlider .slick-dots li button::before {
		width: 2.4vw !important;
		height: 2.4vw !important;
	}
	.mainSlider .slick-dots li {
		margin: 0 1.2vw !important;
	}

	main {
		padding-top: 0 !important;
	}

	/* topSokuhime
	-------------------------------------------------- */
	.topSokuhime {
		margin-bottom: 8vw;
	}
	.topSokuhime iframe {
		width: 100%;
		height: 60vw;
	}

	/* topSchedule
	-------------------------------------------------- */
	.topSchedule {
		margin-bottom: 8vw;
	}
	.topSchedule iframe {
		width: 100%;
		height: 100vw;
	}

	/* shameWidget
	-------------------------------------------------- */
	.shameWidget {
        margin-bottom: 8vw;
	}
	.shameWidget iframe {
		width: 100%;
		height: 100vw;
	}

	/* topBannerBox
	-------------------------------------------------- */
	.topBannerBox {
	}
	.topBannerBox .topBannerLink {
	}
	.topBannerBox .topBannerImage {
	}

	/* customLayout_01
	-------------------------------------------------- */
	.customLayout_01 {
		margin-bottom: 8vw;
	}
	.customLayout_01 .topVanilla {
		width: 100%;
	}
	.customLayout_01 .topStaff {
		width: 100%;
	}
	.customLayout_01 .topStaff iframe {
		display: block;
		width: 320px;
		height: 660px;
		margin: 0 auto;
	}
	.vanillaItem iframe {
		border: 1px solid #ccc;
	}
	.vanillaItem .vanilla_blog {
		width: 320px;
		height: 440px;
	}
	.vanillaItem .vanilla_movie {
		width: 300px;
		height: 268px;
	}
}