/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 04 2025 | 03:48:02 */
/**************************
ビジネス　横　グループ
**************************/

.business_yoko_group {
	display: flex;
	justify-content: center;
	gap: 0px;
	flex-wrap: wrap;
	justify-content: flex-start;
}

/**************************
ビジネス　縦　グループ
**************************/

.business_tate_group{
	display: flex;
	justify-content: center;
	gap: 0px;
	flex-wrap: wrap;
	justify-content: flex-start;
}

/**************************
ビジネス　横　グループの中
**************************/

.business_yoko_group_inner {
	text-align: center;
	width: 300px;
}

/**************************
ビジネス　縦　グループの中
**************************/

.business_tate_group_inner{
	text-align: center;
	width: 300px;
}

/**************************
ビジネス　横　サムネイル
**************************/

.thumbnail {
	width: 90%;
	height: auto;
	cursor: pointer;
	border: 1px solid black;
}

/**************************
ビジネス　縦　サムネイル
**************************/

.thumbnail_tate{
	width: 65%;
	height: auto;
	cursor: pointer;
	border: 1px solid black;
}

/**************************
ビジネス　横　ファイル名
**************************/

.business_yoko_label {
	display: block;
	margin-top: 5px;
	font-size: 14px;
	color: #333;
}

/**************************
ビジネス　縦　ファイル名
**************************/
.business_tate_label {
	display: block;
	margin-top: 5px;
	font-size: 14px;
	color: #333;
}

/**************************
ショップ　横　ファイル名
**************************/
.shop_yoko_label {
	display: block;
	margin-top: 5px;
	font-size: 14px;
	color: #333;
}

/**************************
拡大表示
**************************/

.thumbnail_area{
	width:100%;
}
.thumbnail.active {
	background-color:;
	border: 5px solid red;
	box-shadow:5px 5px 0px 0px gray;
}


#enlarged {
	margin-top: 20px;
	text-align: center;
	position:sticky;
	top:50px;
	background:#f5f5f5;
	opacity:1.0;
	width:400px;
	height:400px;
	border:1px solid black;
	padding-top:20px;
	padding-bottom:20px;
	overflow:scroll;
	overflow-x:hidden;
}
#enlarged img {
	max-width:100%;
	max-height:100%;
	height: auto;
	border: 2px solid #333;
}
p.temp_genre{
	background:white;
	padding:9px;
	border-bottom:3px solid #191970;
	border-top:3px solid #191970;
}

/**************************
@media (max-width: 1024px)
**************************/
@media (max-width: 1024px){
	.thumbnail {
		width: 100%;
		margin: 3px;
		cursor: pointer;
		border: 1px solid black;
	}
	#enlarged {
		margin-top: 20px;
		text-align: center;
		position:sticky;
		top:50px;
		background:#f5f5f5;
		opacity:1.0;
		width:300px;
		height:300px;
		border:1px solid black;
		padding-top:20px;
		padding-bottom:20px;
		overflow:scroll;
		overflow-x:hidden;
	}
	#enlarged img {
		max-width:100%;
		max-height:100%;
		height: auto;
		border: 2px solid #333;
	}