
body{
	background-image: url(/img/pc/index/bg.jpg);
}

#header_index h1{
	color:white;
	font-size:12px;
	font-weight:normal;
	background-color:#;
	margin:0;
	padding:5px 0 0 5px;
	line-height:20px;
	position:absolute;
	top:0;
	left:0;
}

#header_index h1 a{
	color:white;
}
#header_index h1 a:visited{
	color:white;
}

/* （index）ページ専用  */
.index {
	margin: 0 auto;
	background-color: #FFF;
	overflow: hidden;
}

.index table{
	margin-bottom: 5px;
}

.staff_list_wrap{
	padding-left:15px;
}

.staff_list{
	margin-left:20px;
}

#footer address{
	background-image:none;
}

.shop_list{
	margin:0 auto 0 auto;
	padding:0;
	overflow:hidden;
	list-style:none;
}

.shop_list li{
	float:left;
}
.shop_list li h1{
	margin:0;
	line-height: 20px;
}

.page_top{
	background-color:rgba(229,0,0,1);
}


/* PC */
@media screen and (min-width: 872px) and (max-width: 1980px) {
	.index {
		width: 872px;
	}
	.shop_list{
		width:780px;
		margin-right:15px;
	}
	#footer{
		width:872px;
	}
	
}

/* iPad mini */
@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) {
	.index {
		width: 753px;
	}
	.shop_list{
		width: 743px;
		margin-right:15px;
	}
	#footer{
		width:872px;
	}
} 

/* Android */
@media screen and ( device-width: 380px) {
	.index {
		width: 370px;
	}
	
	.shop_list{
		width: 360px;
	}
	#footer{
		width:370px;
	}
}
@media screen and (max-width: 380px) {
	.index {
		width: 370px;
	}
	
	.shop_list{
		width: 360px;
	}
	#footer{
		width:370px;
	}
}


/* Android */
@media screen and ( device-width: 360px) {
	.index {
		width: 350px;
	}
	
	.shop_list{
		width: 340px;
	}
	#footer{
		width: 350px;
	}
}
@media screen and (max-width: 360px) {
	.index {
		width: 350px;
	}
	
	.shop_list{
		width: 340px;
	}
	#footer{
		width: 350px;
	}
}
@media only screen and (-webkit-device-pixel-ratio: 2) {
	.index {
		width: 350px;
	}
	
	.shop_list{
		width: 340px;
	}
	#footer{
		width: 350px;
	}
}

/* iPhone5 */
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
	.index {
		width: 310px;
	}
	
	.shop_list{
		width: 300px;
	}
	#footer{
		width: 310px;
	}
}


/* iPhone6 */
@media screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2){
	.index {
		width: 365px;
	}
	
	.shop_list{
		width: 355px;
	}
	#footer{
		width: 365px;
	}
}