@charset "shift_jis";

/* common
---------------------------------------------*/
div#contents{
	width:auto;
	max-width:712px;
	padding:44px 24px 0;
	background:url(../img/bar.png) no-repeat center top 24px,url(../img/bk_kappa.png) no-repeat center top,url(../img/bk.png) repeat center top;
}

@media only screen and (max-width: 640px){
}


/* ttl
---------------------------------------------*/
h2#pttl{
	width:100%;
	max-width:257px;
	height:32px;
	margin:15px auto 30px;
	background:url(../img/access/pttl.png) no-repeat center top;
}
h2#pttl span,
h3.ttl span{
	display:block;
	text-indent:-999999999999999999999999999999999em;
}

/* contents
---------------------------------------------*/
div.inner{
	min-height:430px;
	margin:0 auto 24px;
	padding:15px 40px 40px 40px;
	background-color:rgba(255,255,255,0.6);
	background-image:url(../img/access/shop.jpg),url(../img/access/shop1.jpg);
	background-size:355px auto;
	background-position:right 40px top 90px,right 40px top 280px;
	background-repeat:no-repeat;
	overflow:hidden;
}
h3.ttl{
	width:235px;
	margin:0 0 10px;
}
div.inner p{
	width:245px;
}

@media only screen and (max-width: 800px){
	div.inner{
		background-size:40% auto;
		background-position:right 40px top 150px,left 40px top 150px;
	}
	h3.ttl{
		margin-bottom:30%;
	}
	h3.ttl{
		width:98%;
		width:calc(100% - 10px);
	}
	div.inner p{
		width:100%;
	}
}
@media only screen and (max-width: 640px){
	div.inner{
		background-size:45% auto;
		background-position:right 20px top 150px,left 20px top 150px;
	}
	h3.ttl{
		margin-bottom:33%;
	}
	div.inner{
		padding:20px;
	}
}
@media only screen and (max-width: 510px){
	div.inner{
		background-image:none;
	}
	h3.ttl{
		margin-bottom:15px;
	}
	div.inner p.guide{
		padding:110% 0 0 0;
		background-repeat:no-repeat;
		background-image:url(../img/access/shop.jpg),url(../img/access/shop1.jpg);
		background-position:center top,center top 52%;
		background-size:100% auto;
	}
}
@media only screen and (max-width: 460px){
	div.inner p.guide{
		background-image:url(../img/access/shop_sp.jpg);
		background-position:center top;
	}
}


/* access
---------------------------------------------*/
div#access{
	margin:50px 0 0 0;
}
div#access h3.ttl{
	width:auto;
	min-height:29px;
	padding:5px;
	background:url(../img/access/ttl_access.gif) no-repeat center center;
	background-color:#3b1e0b;
}
div#access p.add{
	float:left;
	width:187px;
	padding:105px 20px 20px;
	background:url(../img/access/logo.gif) no-repeat center top 20px;
	background-color:#fff;
}
div#access div#map{
	float:right;
	width:405px;
}

@media only screen and (max-width: 800px){
	div#access h3.ttl{
		margin-bottom:15px;
	}
	div#access p.add{
		width:50%;
		padding:15px 5% 15px 45%;
		background-position:left 20px top 20px;
	}
	div#access div#map{
		float:none;
		width:100%;
	}
}
@media only screen and (max-width:720px){
	div#access p.add{
		width:90%;
		padding:105px 5% 15px 5%;
		background-position:center top 20px;
	}
}