@charset "utf-8";

body {
	background-color: floralwhite;
}



/* --------------------------------------------------------------------
 所属モール
--------------------------------------------------------------------- */
.content_mall{

}

ul.mall_list{

}

@media (min-width: 1024px) {
	ul.mall_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 30px;
	}
}
@media (min-width: 1024px) {
	ul.mall_list li {
		margin-bottom: 10px;
		width: 31%;
		text-align: center;
	}
}
ul.mall_list li a{
	position:relative;
	display:block;
	text-decoration:none;
}
ul.mall_list li img{
	border-radius: 75px;
	margin-bottom:10px;
	width: 150px;
	height: 150px;
	object-fit: cover;
}
ul.mall_list li p{
	font-size:18px;
	white-space:normal
}
@media (min-width: 1024px) {
	ul.mall_list li p {
		font-size: 22px;
	}
}

/* TOP SP */
@media (max-width: 1023px) {
	.content_mall ul.mall_list {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
		padding: 0 0 0 5%;
		overflow-x: auto;
		white-space: nowrap;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch;
	}

		.content_mall ul.mall_list li {
			display: inline-block;
			list-style: none;
			margin-left: 30px;
			margin-bottom: 10px;
			width: 240px;
			text-align: center;
			vertical-align: top;
		}

			.content_mall ul.mall_list li:first-child {
				margin-left: 0;
			}
}

/* TOP small SP (add 24/9/3) */
@media (max-width: 520px) {
	.content_mall ul.mall_list li {
		width: 180px;
		vertical-align: top;
	}
}

/* MALL */
#mall ul.mall_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#mall ul.mall_list li{
	margin-bottom:20px;
	width:47%;
	text-align:center;
}
#mall ul.mall_list li a{
	text-align:left;
}
#mall ul.mall_list li a:hover{
	opacity:0.7;
}

#mall ul.mall_list li figure{
	width:100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	border-radius: 0;
}
#mall ul.mall_list li img{
	width:100%;
	height: 100%;
	border-radius: 0;
}



#mall ul.mall_list li p{
	font-size:16px;
	line-height:1.7;
}
@media (min-width: 1024px) {
	#mall ul.mall_list li {
		margin-bottom: 20px;
		width: 31%;
		text-align: center;
	}
}


/* --------------------------------------------------------------------
 ショップタイトルのプロフィール
--------------------------------------------------------------------- */
.content_shoptitle p{
	margin-bottom:1em;
}


/* ******************************************************************** 
 ショップレイアウト
********************************************************************* */
.shop_wrap {
	margin: 0 auto 40px;
	padding: 20px 20px;
	background-color: #fff;
	border-radius: 10px;
	width: 100%;
	max-width: 1100px;
}

@media (min-width: 1024px) {
	.shop_wrap {
		margin: 0 auto 50px;
		padding: 40px 40px;
		width: 100%;
	}
}