@charset "utf-8";

body{
	position:relative;
	background-color: #fff;
	/*background: url(../img/bg.gif) left top;*/
}
img{
	max-width: 100%;
	height: auto;
}
h2.ttl {
    text-align: center;
			font-weight:bold;
	font-size:160%;
	margin-bottom:10px;
}
.read{
	text-align: center;
	color: #fff;
}
.txtL{
	font-weight: bold;
	font-size: 130%;
}
#wrap{
	max-width: 960px;
	margin:0 auto;
}

.to_top {
	position: absolute;
	z-index:2;
	right: 30px;
	top: 12px;
}

.main_visual{
	/*margin-top:12px;*/
	text-align: center;
	margin-bottom: 20px;
}

.main_visual img{
	width:auto;
	height:auto;
}

.localNav{
	margin: 70px 0 0;
}
#tab{
	width: 100%;
	max-width: 960px;
	margin:0 auto;
}
#tab img{
	margin: auto;
	border-radius: 3px 3px 0 0;
	color: #E50065;
	cursor: pointer;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}
#tab li{
	width: 33.33333%;
	float:left;
}

.shop_list{
	overflow:hidden;
	margin:30px 0 30px;
	padding: 20px;
	border-radius: 5px;
}
	.shop_list li{
		float: left;
	width: 31%;
    margin: 1%;
		background-color: #fff;
		border:1px solid #ACD9EE;
	}
		.shop_list li img{
			width:100%;
			height:auto;
		}
		.shop_list li img:hover{
			opacity:0.7;
		}

.list_item{
	overflow:hidden;
}

.shop_info + .shop_info{
	margin:50px 0;
}
.ta_c img{
	width:100%;
}
.ta_l{text-align:left;}

.mt_40{margin-top:40px;}
.mt_30{margin-top:30px;}
.mt_70{margin-top:70px;}

.ml_minus{z-index:-1;}


#footer{
	margin-top:60px;
	padding: 20px 0 0;
	background:#fff;
	border-top: 2px solid #E50065
}
.copyright{
	display: block;
	padding:14px 0px 10px;
	text-align: center;
}
#footer .logo{
	text-align:center;
}
.txt_lead{
	text-align:center;
}
.ttl_middle{
	background-color:#D72F84;
	color: #ffffff;
	border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
		padding:5px 10px;
		font-weight:bold;
		margin:30px 0 15px;
}
.main{
	background-color:#FFFFFF;
	padding:20px;
}
.food {
    overflow: hidden;
    width: 60%;
    margin: 0 auto;
}
.food li{
	width:49%;
	float:left;
	margin-right:2%;
}
.food li:last-child{
	margin:0 !important;
}
.food li img{
	width:100%;
	height:auto;
}
.cap{
	text-align:center;
	margin-bottom:5px;
	font-weight:bold;
	font-size:110%;
}
.txt_s{
	margin-top:1em;
	font-size:85%;
}
table{
	margin-top:10px;
	width:100%;
}
th{
	width:6em;
	font-weight:bold;
}
td{
	padding:3px 0;
}
tr{
	border-bottom:dotted 1px #CCCCCC;
}
.w100 img{
	width:100%;
	height:auto;
}

@media only screen and (max-width: 480px) {
.food li{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:30px;
}
}
@media only screen and (max-width: 767px) {
#footer{
	margin-bottom: 80px;
}
}

@media only screen and (max-width: 1280px) {
.to_top{
	position:static;
	padding:20px 20px 10px 0;
	text-align:right;
}

}