@charset "UTF-8";

/******* 共通 ********/
#contents {
	/* 20250630 修正 */
	max-width: none;
	overflow: hidden;
}
#container {
	width: 800px;
	width: 640px;
	margin: 20px auto 0;
}

#container .bg {
	width: 100%;
	background-image: url(../images/bg.jpg);
	background-size: contain;
	background-size: cover;
	background-position: center;
}

#container img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
#container a {
	display: block;
}
#container a:hover {
	opacity: .6;
	transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

#container .link_cont {
	position: relative;
	width: 100%;
}

#container .link_cont > img {
	position: relative;
	display: block;
	width: 100%;
}

.link_cont > a {
	display: block;
	position: absolute;
}

.link_cont iframe {
	position: absolute;
	width: 92.8%;
	aspect-ratio: 16 / 9;
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%);
}


.link_cont.link01 a {
	width: 95%;
	bottom: 37.5%;
	left: 50%;
	transform: translateX(-50%);
}





.mb60 {
	margin-bottom: 60px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt20 {
	margin-top: 20px !important;
}


.mb60 {
	margin-bottom: 60px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}
.pb60 {
	padding-bottom: 60px !important;
}


@media (min-width: 769px) {
	.sp {
		display: none;
	}
}
@media (max-width: 768px) {
	*{
		box-sizing: border-box;
	}
	.pc {
		display: none;
	}
	#container {
		width: 100%;
	}
	DIV#ladies, DIV#mens, DIV#kids {
		padding-top: 50px;
		margin-top: -50px;
	}

}