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

body {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #333;
	background: #fafafa;
}

main {
	height: 100vh;
	padding-top: 3vw;
}

.girlPhoto {
}

/* メイン画像 */
.slider {
	width: 80%;
	max-width: 870px;
	margin: 0 auto;
}
.slider .slide-item {
	aspect-ratio: 3/4;
	overflow: hidden;
	position: relative;
}
.slider .girlMainImage {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slider .slide-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 7.5vw;
	height: 7.5vw;
	font-size: 3.75vw;
	color: #fff;
	background: rgba(0,0,0,0.67);
	border-radius: 500px;
	cursor: pointer;
	z-index: 2;
}
.slider .prev-arrow {
	left: 1.5vw;
}
.slider .next-arrow {
	right: 1.5vw;
}
.slider .prev-arrow:after,
.slider .next-arrow:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
}
.slider .prev-arrow:after { content: "\f104"; }
.slider .next-arrow:after { content: "\f105"; }

/* サブ画像 */
.girlPhotoList {
	width: 65%;
	max-width: 700px;
	margin: 0 auto;
}
.girlPhotoList .girlPhotoThumb {
	aspect-ratio: 3/4;
	overflow: hidden;
	position: relative;
	margin: 2vw;
}
.girlPhotoList .thumb {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.girlProfile {
	margin-bottom: 3vw;
}
.girlProfile .girlProfile_name {
	font-size: 3vw;
	text-align: center;
}
.girlProfile .girlProfile_size {
	font-size: 2vw;
	text-align: center;
}

.back {
	position: fixed;
	bottom: 15px;
	left: 15px;
}
.back .back_link {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	font-size: 14px;
	color: #fff;
	background: #333;
	border-radius: 4px;
}
.back .back_link:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f0a5";
	font-size: 28px;
	margin-bottom: 1px;
}

header,footer {
	display: none !important;
}
