@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}

a:focus {
	outline:none;
}


a{
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
a img{
	border: none;
}

table{
	border-collapse: separate;
	border-spacing:0;
}

ul{
	list-style-type: none;
}
	
/*
共通スタイル*/
#wrapper{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
/*	position: relative;*/
}


header{
	width: 100%;
		background: -webkit-linear-gradient(top, #fd8f9b 0%, #f55 50%, #f60000 50%, #ffa7b0 100%);

}

header h1{
	text-align: center;
	padding: 5px 0;	
	color: #FFF;
	text-shadow: 2px 2px 3px #333,-1px -1px 1px #333;
}

header h1 a{
	color: #FFF;
}

h4{
	width: 100%;
	margin: 10px 0;
	text-align: center;
}

p.sphoto{
	width: 400px;
	margin: 0 auto;
}

.map-btn{
	width:100px;
	margin: 10px auto;
}

.sinfo table{
	width: 400px;
	margin: 10px auto;
}

div.comment{
	width: 400px;
	margin: 15px auto;
}

div#info_main{
	padding-bottom: 5px;
}

footer{
	width: 900px;
	clear: both;
	margin-top: 20px;
	padding-top: 20px;
}


footer p{
	padding: 3px 0;
	text-align: center;
}



footer p a{
	color: #333;
}

.portfolio{
	width: 25%;
	margin: 0 auto;
}

.portfolio img{
	width: 100%;
	height: auto;
}

.btm{
	position: absolute;
	bottom:0;
}


p.sphoto img{
	width: 100%;
	height: auto;
}

.sinfo table th{
	width: 25%;
}

.sinfo table th,.sinfo table td{
	text-align: left;
	padding: 3px 0 6px 3px;
}


p.comment-deco{
	text-align: center;
	margin-bottom: 10px;
}

p.comment_text{
	margin-left: 3px;
}


.map-btn img{
	width: 100%;
	height: auto;
}






#map{
	width:100%;
	margin-top: 15px;
	height:330px;
/*	border: solid 1px #333;*/
}

p.address{
	margin-top: 5px;
	text-align: center;
}


@media (max-width: 600px){
	#wrapper{
		width: 100%;
	}

	p.sphoto{
		width: 96%;
		margin: 0 auto;
	}

	.map-btn{
		width:35%;
		margin: 10px auto;
	}

	.sinfo table{
		width: 96%;
		margin: 10px auto;
	}

	div.comment{
		width: 96%;
		margin: 15px auto;
	}

	footer{
		width: 100%;
		clear: both;
		padding-top: 20px;
	}

	.btm{
		position: absolute;
		bottom:0;

	}

}
/*↑↑ 600px以下 ---*/

/* 360px以下のスタイル ----*/
@media (max-width: 360px){
footer{
	width: 100%;
	clear: both;
	padding-top: 20px;
}

.btm{
	position: absolute;
	bottom:0;
}

footer{
	width: 100%;
}

}/*↑↑ 360px以下 ---*/