@charset "UTF-8";

/* ==================================
================================== */


#apple {
    margin:0 auto;
}

.ttl{
    font-size: x-large;
}
.shop_tb{
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.shop_tb th{
	padding:6px;
    background: #333;
    color: #fff;
    text-align:left;
    font-size: large;
}
.shop_tb td{
	padding:6px 3px;
	border:1px solid #ccc;
	text-align:center;
	color: #ccc;
    height: 80px;
 }
.shop_name{
    background: #F6F6F6;
    font-size: 18px;
    font-weight: bold;
	text-align: left!important;
}
.shop_name p{
	color: #000;
}

a.rollover:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.pagetop{
	text-align:right;
	margin:10px;
}

.cap{
	margin-top: 24px;
	font-weight: bold;
	font-size: large;
	color: #333;
}

.hp{
    border: 1px solid;
    border-radius: 3px;
	padding: 2px;
    width: 110px;
    font-size: 14px;
    color: #999;
    font-weight: normal;
    text-align: center;
}

.pref-list{
    height: 130px;
}
.pref-list li{
	float: left;
	border-radius: 3px;
	border: 1px solid #f00;
	padding: 4px 10px;
	margin: 4px;
	background: #e04242;
	color: #fff;
	width: 91px;
	white-space: nowrap;
}

.pref-list li a{
    display: block;
    color: #fff;
	text-decoration: none;
}
.pref-list li a:hover{
	color: #fff;
	text-decoration: none;
}

.rsv{
	max-width: none!important;
}

.cap_msg{
	text-align:left;
}
/*===============================================
●smart.css  画面の横幅が***pxまで
===============================================*/
@media screen and (max-width: 747px){
	#apple {
	    width:100%;
	}
	.shop_tb{
		width:100%;
	}
	.pref-list{
		width:100%;
	}
	.shop_tb td{
		height:55px;
		width:55px;
		color: #ccc;


	}
	.rsv{
		width:70px;
	}
	p.shop_name{
		padding: 10px 0 4px 4px;
		font-size: clamp(16px, 2vw, 20px);
		color:#000;
	}
	.pref-list li{
		width: 31%;
	}
	.cap_msg{
		text-align:left;
	}
}