@charset "utf-8";

/* ページング */
.paging_list {
	margin:10px 0 0 0;
	padding:0 2px;
	height:24px;
	line-height:24px;
	background-color:#f0f8ff;
/*	background:#e3c99f;
	background:linear-gradient(#f5deb3, #d2b48c);*/
}

.paging_item {
	display:inline-block;
	min-width:30px;
	text-align:center;
}

.paging_link {text-decoration:underline;}

.paging_link:hover {text-decoration:none;}

.list_note {
	text-align:right;
	margin-top:-24px;
	line-height:24px;
}

/* 検索 */
.list_searc_form {
	background-color:#f0f8ff;
	/*background:#e3c99f;
	background:linear-gradient(#f5deb3, #d2b48c);*/
	padding:10px;
}

.list_search_table {
	display:table;
	width:95%;
	margin:0 auto;
}

.list_search_block {display:table-row;}

.list_search_name {
	display:table-cell;
	text-align:right;
	padding:5px 0;
}

.list_search_name::after {content:' : ';}

.list_search_value {
	display:table-cell;
	padding:5px;
}

.list_search_btn {
	display:block;
	margin:10px auto 0;
	min-width:100px;
	cursor:pointer;
	font:inherit;
}

/* 一覧 */
.main_list {
	margin:10px auto;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}

.main_item {
	width:180px;
	width:calc((100% - 10px) / 5);
	/*background:#ffffe0;*/
	border:1px solid #fff;
	position:relative;
	text-align:center;
	vertical-align:top;
	list-style-type:none;
	padding-bottom:50px;
}

.main_item:hover {opacity:0.7;}

.main_item:nth-of-type(n + 6) {margin-top:5px;}

@media only all and (max-width : 800px) {
	.main_item {width:calc((100% - 8px) / 4);}
	.main_item:nth-of-type(5) {margin-top:5px;}
}

@media only all and (max-width : 640px) {
	.main_item {width:calc((100% - 6px) / 3);}
	.main_item:nth-of-type(4) {margin-top:5px;}
}

@media only all and (max-width : 440px) {
	.main_item {width:calc((100% - 4px) / 2);}
	.main_item:nth-of-type(3) {margin-top:5px;}
}

.main_link:hover {text-decoration:none;}

.main_list_title {
	text-align:center;
	background-color:#f0f8ff;
	/*background:#e3c99f;
	background:linear-gradient(#f5deb3, #d2b48c);*/
	display:block;
	padding:2px 4px;
	margin:0;
}

.main_goods_no {display:block;}

.main_goods_name {
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.main_list_img {
	display:block;
	padding:0;
	position:relative;
	height:131px;
	text-align:center;
	line-height:131px;
	overflow:hidden;
}

.main_list_img_img {
	max-width:100%;
	max-height:100%;
}

.main_goods_nedan {
	margin:0 auto;
	width:90%;
	text-align:right;
	display:block;
	padding:2px 4px;
}

.main_list_form {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}

.main_list_form_button_check {
	width:90%;
	max-width:170px;
	height:30px;
	margin:10px auto;
	cursor:pointer;
	background-color: #fff;
}

.main_list_form_button_check:disabled {
	background-color:pink;
	border:1px solid pink;
}


.icon_reserve { /* 予約 */
	display:block;
	position:absolute;
	bottom:5px;
	left:5px;
	width:72px;
}

.sold_out {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	height:auto;
	width:80%;
	left:0;
	right:0;
	display:block;
	z-index:2;
}

.shop_img, .voice_img {
	display:block;
	width:calc((100% - 60px) / 2);
}

.shop_img {
	float:left;
	margin:20px 10px 20px 20px;
}

.voice_img {
	float:right;
	margin:20px 20px 20px 10px;
}

@media only all and (max-width : 512px) {
	.shop_img, .voice_img {
		width:90%;
		float:none;
		margin:5%;
	}
}

.shop_detail_list {
	clear:both;
	margin:20px;
	display:table;
	border-collapse:collapse;
	padding:0;
	width:calc(100% - 40px);
}

.shop_detail_item {display:table-row;}

.shop_detail_title, .shop_detail_data {
	display:table-cell;
	border:1px solid #ccc;
	vertical-align:top;
}

.shop_detail_title {
	background-color:#eee;
	font-weight:normal;
	font-size:inherit;
	text-align:center;
	padding:10px;
	width:120px;
}

@media only all and (max-width : 512px) {
	.shop_detail_list {
		clear:both;
		margin:5%;
		display:block;
		padding:0;
		border-top:1px solid #ccc;
		width:90%;
	}

	.shop_detail_item {display:block;}

	.shop_detail_title, .shop_detail_data {
		border-top:none;
		display:block;
		margin:0;
	}

	.shop_detail_title {width:calc(100% - 22px);}
}

.shop_detail_p {
	margin:0;
	padding:10px;
}

.shop_detail_pre {
	margin:0;
	padding:10px;
	font-style:inherit;
	width:calc(100% - 20px);
	white-space:pre-wrap;
	word-break: break-all;
}