@charset "UTF-8";
.sshop {
	font-weight: 600;
}
.saddress{
	display: block;
	padding-left: 10px;
	font-size: 80%;
	color: #666;
}
.saddress a{
	color: #666;
}
.fssmall{
	font-size: 80%;
	text-align: center;
	line-height: 110%;
}
@media screen and (max-width:767px) { 
	.sshop {
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 8px;
		background:#FFEFD7;
	}
	.shopList{
		display: table;
		table-layout: fixed;
		width: 100%;
		border-collapse: collapse;
	}
	.shopList li{
		box-sizing: border-box;
		padding-bottom: 20px;
		border-bottom: 2px solid #ddd;
	}
	.shopList li.lix{
		border-bottom: none !important;
		
	}
	.shopList li.li0{
		border-bottom: none !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		
	}
	.shopList li.li1{
		border-bottom: none !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		
	}
	.shopList li.li2{
		border-bottom: 2px solid #ccc;
		padding-top: 0px !important;
		padding-bottom: 16px !important;
		
	}
	
	.shopList li .cell{
		display: table-cell;
		vertical-align: middle;
	}
	.shopList li .shlName{
		width: 100%;
	}
	.shopList li .shlAbout{
		font-size: 80%;
		line-height: 150% !important;
		padding-left: 4px;
		width: 100%;
		padding-bottom: 8px;
		border-bottom: 2px dotted #ddd;
	}
	.shopList li .shlAbout .sopen,.shopList li .shlAbout .sclose,.shopList li .shlAbout .sopencap{
		display: inline-block;
		padding-left: 10px;
	}
	
	.shopList li .atsukai,.shopList li .buy{
		width: 5%;
		text-align: center;
	}
	.shopList li .shlCity{
		display: block !important;
		font-weight: 600;
		color:#c8002d;
		width: 100% !important;
		padding: 8px !important;
		border-bottom: 1px solid #c8002d;
	}
	.cityList{
		display: none;
	}
	.areaList{
		display: block;
		background-color: #c8002d;
		color:#fff;
		margin-bottom: -30px;
	}
	.areaList h5{
		font-weight: 600;
		color:#fff;
		font-size: 130%;
		padding: 10px;
	}
	.shopList li .gatsukai,.shopList li .gbuy{
		text-align: left;
		display: block;
		padding-top: 8px;
		padding-left: 10px;
		font-size: 90%;
		font-weight: 600;
		color: #666;
	}
	.tbline{
		display: table;
		margin-top: 5px;
		margin-left: 10px;
		border: 1px solid #ddd;
	}
	.shopList li .atsukai,.shopList li .buy{
		border-left: 1px dotted #ddd;
		width: 10% !important; 
		padding: 8px 0;
		text-align: center;
	}
	.fssmall{
		border-left: 1px solid #ddd !important;
	}
	.maru{
		font-weight: 900;
		color:#c8002d;
		font-size: 150%;
	}
	.batsu{
		font-weight: 600;
		color:#666;
		font-size: 100%;
	}
	.waku02{
		border: 1px solid #c8002d;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding: 10px;
		margin-top: 40px;
		color:#666 !important;
	}
	.waku02 h4{
		display: block;
		font-size: 90%;
		font-weight: 700;
		text-align: center;
	}
	.waku02 p{
		display: block;
		font-size: 90%;
		text-align: center;
	}

}

@media screen and (min-width:768px) { 

	.shopList{
		display: table;
		table-layout: fixed !important;
		width: 100%;
		border-collapse: collapse;
	}
	.shopList > li{
		width: 100% !important;
		table-layout: fixed !important;
		border-bottom: 2px solid #ccc;
		padding-top: 16px !important;
		padding-bottom: 16px !important;
		
	}
	.shopList li.lix{
		border-bottom: none !important;
		padding-top: 56px !important;
		padding-bottom: 16px !important;
		
	}
	.shopList li.li0{
		border-bottom: none !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		
	}
	.shopList li.li1{
		border-bottom: none !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		
	}
	.shopList li.li2{
		border-bottom: 2px solid #ccc;
		padding-top: 0px !important;
		padding-bottom: 16px !important;
		
	}
	.shopList li .cell{
		box-sizing: border-box;
		display: table-cell !important;
		vertical-align:middle;
	}
	.shopList li .shlCity{
		display: block !important;
		font-weight: 600;
		color:#c8002d;
		width: 100% !important;
		padding: 8px !important;
		border-bottom: 1px solid #c8002d;
	}
	.shopList li .shlName{
		width: 400px !important;
		padding: 8px !important;
	}
	.shopList li .shlAbout{
		width: 25% !important;
		padding: 8px !important;
	}
	.shopList li .gatsukai,.shopList li .gbuy{
		border-left: 1px dotted #ccc;
		width: 20% !important;
		text-align: center;
	}
	.shopList li .atsukai,.shopList li .buy{
		border-left: 1px dotted #ccc;
		width: 5% !important;
		text-align: center;
	}
	.shopList li .sopencap{
		font-size: 80%;
		color:#666;
	}
	.areaList{
		display: block;
		background-color: #c8002d;
		color:#fff;
		margin-bottom: -30px;
	}
	.areaList h5{
		font-weight: 600;
		color:#fff;
		font-size: 150%;
		padding: 10px;
	}

	.cityList{
		display: block;
		width: 100%;
		text-align: right;
		font-size:80%;
	}
	.cityList a{
		display: inline !important;
		color:#888;
		border-right: 1px solid #888;
		padding: 0 10px;
	}
	.wh h1{
		display: block;
		color:#c8002d;
		padding: 40px 0 30px 40px;
		margin-bottom: 40px;
		font-size: 28px;
		font-weight: 500;
		text-align: left;
		background: url(../images/link/h1whBack.png) no-repeat;
		background-position: left top;
	}
	.ye h1{
		display: block;
		color:#c8002d;
		padding: 40px 0 30px 40px;
		margin-bottom: 40px;
		font-size: 28px;
		font-weight: 500;
		text-align: left;
		background: url(../images/navi/h1yeBack.png) no-repeat;
		background-position: left top;
	}
	.maru{
		font-weight: 900;
		color:#c8002d;
		font-size: 200%;
	}
	.batsu{
		font-weight: 600;
		color:#666;
		font-size: 100%;
	}
	.waku02{
		border: 1px solid #c8002d;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding: 10px;
		margin-top: 40px;
		color:#666 !important;
	}
	.waku02 h4{
		display: block;
		font-size: 90%;
		font-weight: 700;
		text-align: center;
	}
	.waku02 p{
		display: block;
		font-size: 90%;
		text-align: center;
	}
}