@charset "UTF-8";

/*	home setting
------------------------------*/

a{
	outline:none;
}

html,body{
	height:100%;
}

body {
	margin:0;
	height:100%;
	color:#333333;
	font-size:12px;
	font-family:'Questrial','Muli','Century Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	background-color:#ececec;
}

#container{
	width:100%;
	margin:0;
	padding:0;
}

table{
	width: 100%;
	height: 100%;
}

table td{
	text-align:center;
	vertical-align:middle;
}

h1{
	text-indent:-9999px;
}

#page,
#stores{
	position:relative;
	opacity:0;
	width:45%;
}

#siteName{
	position:relative;
	opacity:0;
	width:40%;
}

#page{
	width: 100%;
	min-width: 1200px;
}

#siteName{
	float: left;
}

#siteName table td{
	height: 100%;
	padding: 0 5% 5% 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	/*background:url(../images/home/arrow_right.png) 5% center no-repeat;*/
}

#siteName h1{
	height: 100%;
	width: 100%;
	max-width: 80%;
	margin: 0 35% -20% 35%;
	background:url(../images/logo-artisan.png) center no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
}

#stores{
	float:right;
}

#stores a{
	display: block;
	width: 100%;
	height: 100%;
	float: left;
}

#stores table a{
	display: block;
}

#stores a.brasserie table{
	background: #f00014;
}

#stores a.rotisserie table{
	background: #8d0076;
}

#stores a.restrant table{
	background-color: #707070;
}

#stores table img{
	max-width: 310px;
	z-index:999;
	position: relative;
	width: 45%;
	height: auto;
}

#stores table .thumb{
	margin-bottom: 5%;
}

/*#stores .restrant table p.movie img {
    max-width: 310px;
    width: 100%;
    z-index: 999;
    position: relative;
	height: 100%;
}

#stores .restrant table .thumb {
    margin-bottom: 5%;
}

#stores .restrant table h2 img{
	border-bottom: none;
	margin-bottom: 10%;
	width: 72%;
	z-index: 999;
	position: relative;
	max-width: 310px;
}*/

#stores table p.entry{
	position: relative;
	text-align: center;
}

#stores table p.entry span{
	display: block;
	margin-top: -6%;
	width: 100%;
}
/*
@media (max-width: 960px) {
}
*/
@media (max-width: 1023px) and (min-width: 834px){
}

@media (max-width: 834px){
#container{
	width:100%;
	overflow: hidden;
}

#page{
	min-width:inherit!important;
}

#siteName{
	width: 	130%;
	height: 40%;
}

#siteName table td{
	padding: 5% 0 0;
}

#stores .stores_left{
	float: left;
	width: 48%;
	text-align: right;
	padding: 0 2% 0 0;
}

#stores .stores_right{
	float: right;
	width: 48%;
	text-align: left;
	padding: 5% 0 5% 2%;
}

#siteName table td{
	padding: 5% 0 0;
}

#siteName h1{
	height: 50%;
	width: 100%;
	margin: 10% 0 0 20px;
	background:url(../images/logo-artisan.png) center center no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
}

#stores{
	width: 100%;
	height: 55%;
}
	
#stores table img{
	max-width: 300px;
	width: 70%;
}
	
#stores .stores_left{
	float: left;
	width: 48%;
	text-align: right;
	padding: 0 2% 0 0;
}
	
#stores .stores_right{
float: right;
width: 48%;
text-align: left;
padding: 5% 0 5% 2%;
		}
	
.compare {
	line-height: 160%;
}
}

@media (max-width:600px) { /* Adjusting for mobile */
#siteName{
	width: 	130%;
	height: 40%;
}
	
#siteName table td{
	padding: 5% 0 0;
}
	
#stores .stores_left{
	float: left;
	width: 48%;
	text-align: right;
	padding: 0 2% 0 0;
}
	
#stores .stores_right{
	float: right;
	width: 48%;
	text-align: left;
	padding: 5% 0 5% 2%;
}

#stores table .thumb{
	margin-bottom: 10%;
}

#stores table img{
	max-width: 320px;
	width: 85%;
}
	
#stores{
	height: 60%;
}
	
.compare {
	line-height: 100%;
}
}

.landscape #page,
.landscape #siteName,
.landscape #stores{
	width:50%;
}

.landscape #page{
	width: 100%;
	min-width: inherit;
}

.landscape #siteName table td{
	padding: 0 5% 5% 0;
	/*background:url(../images/home/arrow_right.png) 5% center no-repeat;*/
}

.landscape #siteName h1{
	height:80%;
	width: 80%;
	max-width: 400px;
	margin: 0 auto -20% 15%;;
	background:url(../images/logo-artisan.png) center center no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-ms-background-size: contain;
}

.landscape #stores table img{
	max-width: 250px;
	width: 60%;
}

.landscape #stores table .thumb{
	margin-bottom: 10%;
}

.landscape #stores table p.entry{
	position: relative;
	text-align: center;
}

.landscape #stores table p.entry span{
	display: block;
	margin-top: -6%;
	width: 100%;
}

#stores .restrant table tr td .movie {
	z-index: 9999;
}

#stores table tr td .movie {
	float: none;
}

#stores table tr td .movie a {
	width: 100%;
	z-index: 999;
	position: relative;
}

.compare {
	height: 35px;
	width: 100%;
	display: table-cell;
	z-index: 100;
	float: right;
	background-color: rgba(50, 50, 50, 0.9);
	color: #FFF;
	top: 88%;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
}

#container #page #stores .compare a {
	font-size: 14px;
	width: 100%;
	color: #FFF;
	text-decoration: none;
	line-height: 150%;
}

@media screen and (max-width: 520px) {
  /* 520px以下で表示させたいcssを記述していく */
.landscape #stores table img{
	max-width: 200px;
	width: 60%;
}
}