@charset "UTF-8";

#pane-shoplist-modal {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .75);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow-y: scroll;
}

#pane-shoplist-modal ul {
	width: 100%;
	box-sizing: border-box;
}

#pane-shoplist-modal ul li {
	width: 100%;
	box-sizing: border-box;
}

#pane-shoplist-modal ul li a.toggle.menu {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	padding: 18px 16px !important;
	text-align: left;
}

#pane-shoplist-modal #pane-shoplist {
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	/* padding: 15px; */
	background: #fff;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 10000;
	overflow: scroll;
	box-sizing: border-box;
}

#pane-shoplist-modal .pane-shoplist-modal-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 16px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background-color: #333;
}

#pane-shoplist-modal .shoplist__closeBtn {
	padding: 6px 12px;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
}

#pane-shoplist .pane-shoplist-modal-content {
	padding: 5px 15px 10px;
}

#pane-shoplist #pane-shoplist_modalinner {
	display: flex;
	overflow: hidden;
	gap: 15px;
	margin-top: 15px;
	position: relative;
}

#pane-shoplist #pane-shoplist_modalimg {
	width: calc((100% - 15px) / 2);
}

#pane-shoplist #pane-shoplist_modalimg img {
	width: 100%;
	max-width: 300px;
	max-height: 300px;
}

#pane-shoplist_modaltext {
	width: calc((100% - 15px) / 2);
}
#pane-shoplist_modaltext .shoplist_modalselect_ {
	width: 100%;
}

#pane-shoplist_modaltext .shoplist_modalselect_ select {
	padding: 8px;
	margin-top: 12px;
	width: 100%;
	text-align: center;
}

#pane-shoplist_modalinput .shoplist_btn {
	padding: 8px;
	margin-top: 12px;
	width: 100%;
}

#shop_stock_list {
	padding: 10px;
}

#shop_stock_list .noexistsmsg {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
}

#shop_stock_list .switch {
	padding-top: 0px;
	padding-bottom: 0px;
}

#shop_stock_list .switch .menu {
    padding: 18px 30px 18px 10px !important;
	text-align: left;
	font-size: 16px;
}

#shop_stock_list .switch .menu:after {
	position: absolute;
	top: 5%;
	right: 15px;
	content: '\203a';
	font-size: 30px;
	transform: rotate(90deg);
	transition: all, 0.25s, linear;
}

#shop_stock_list .switch .menu.active:after {
	transform: translate(0, 50%);
	transform: rotate(-90deg);
	right: 19px;
}

#shop_stock_list .switch .area-name {
	background: #eee;
	padding: 8px 8px;
}

#shop_stock_list .shop_detail_ {
	display: flex;
	gap: 15px;
	align-items: center;
	padding: 18px 0px 18px 24px;
	border-bottom: 1px solid #eee;
	background: #fff;
}

#shop_stock_list .shop_name_ {
	display: block;
	width: 100%;
}

#shop_stock_list a.shop_name_ {
	text-decoration: underline;
}

.shoplist_item_shopname_ {
	border-bottom: 1px solid #ebebeb;
	padding: 18px 0 18px 0;
	margin: 0 0 18px 0;
	color: #555555;
}

.shoplist_item_shopname_ p {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#shop_stock_list .shop_stock_ {
	display: inline-block;
	font-size: 0.95em;
	min-width: 120px;
}