/* お問い合わせの多いご利用店一覧 */

#content{
	width:100%;}

.shop_navi{
	margin-bottom:60px;}

.shop_navi.pc{
	display:block !important;}

.shop_navi ul{
	list-style:none;
	display:flex;
	border-right:1px solid #c9caca;
	border-bottom:1px solid #c9caca;}

.shop_navi li{
	flex: 1;
	box-sizing:border-box;
	border-top:1px solid #c9caca;
	border-left:1px solid #c9caca;}

.shop_navi li a{
	position:relative;
	display:block;
	padding:0.5em;
	text-align:center;}

.shop_navi li a::after{
	content: "▶";
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	transition: transform 0.3s ease;
	color:#666;
	font-size:8px;}

.shop_navi li a:hover{
/*	background:#bed12b;*/
	background:#cbda55;}

.shop_navi li a:hover::after{
	transform: translateY(-50%) rotate(90deg) translateX(5px);}

.shop_list h3{
	margin-bottom:0px;}

.shop_list ul{
	list-style:none;
	display:flex;}

.shop_list li{
	padding:10px 5px;
	box-sizing:border-box;
	border-bottom:1px solid #999;
	line-height:1.8em;
	text-indent:justify;
	word-break: break-all;}

.shop_list li.bb{
/*	background:#bed12b;*/
	background:#cbda55;
	font-weight:normal !important;}

.shop_list ul.col li{
	background:#f7f5f3;}

.shop_list .c01{
	width:30%;
	font-weight:bold;}

.shop_list .c02{
	width:30%;}

.shop_list .c03{
	width:40%;}

.shop_list .c04{
	width:100%;}
/*
.shop_list .pc{
	color:#f00;}
*/
@media (max-width: 640px) {
.shop_navi{
	margin-bottom:20px;}

.shop_navi form{
	text-align:center;}

.shop_navi.pc{
	display:none !important;}

.shop_list .sp{
	display:inline !important;}

.shop_list ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;}

.shop_list li{
	border-bottom:none;}

.shop_list .c01{
	width:50%;}

.shop_list .c02{
	width:50%;}

.shop_list .c03{
	width:100%;
	border-top:1px dotted #000;
	border-bottom:1px solid #000;}

.shop_list .c04{
	width:100%;
	border-bottom:1px solid #000;}
}