@charset "UTF-8";
/* CSS Document */
.ttlArea {
	background-image: url(../img/company/sub_ttl.jpg);
}
.accessBox .inner {
	padding: 100px 100px 20px;
}
.accessBox .inner .shop {
	overflow: hidden;
  padding-bottom: 60px;
  display: flex;
  justify-content: space-around;
}
/*.accessBox .inner .shop .left,
.accessBox .inner .shop .right {
	float: left;
	width: 50%;
}*/
.accessBox .inner .shop .left {
  width: 40%;
}
.accessBox .inner .shop .right {
	width: 40%;
}
.accessBox .inner .shop .left p {
	padding-bottom: 15px;
  font-size: 16px;
}
.accessBox .inner .shop .left p.ttl {
	padding-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
}
.accessBox .inner .shop .left p span.ttlF {
	font-weight: bold;
}
.accessBox .inner .shop .left .timeArea {
	padding: 10px 0;
}
.accessBox .inner .shop .left .timeArea .ttl {
	padding-bottom: 5px;
}
.accessBox .inner .shop .left .timeArea .menu {
	padding-bottom: 0;
}
.accessBox .inner .shop .left .ttl,
.accessBox .inner .shop .left .add,
.accessBox .inner .shop .left .txt,
.accessBox .inner .shop .left .timeArea .time {
	line-height: 1.3;
}
.accessBox .inner .shop .left .timeArea .time,
.accessBox .inner .shop .left .timeArea .menu,
.accessBox .inner .shop .left .timeArea .time {
	padding-left: 10px;
}
.accessBox .inner .shop .left .btnArea {
	text-align: right;
}
.accessBox .inner .shop .left .btnArea .btn a {
	display: inline-block;
	padding: 10px 60px;
	border: 1px solid #796A55;
	color: #796A55;
	font-weight: bold;
}
.accessBox .inner .shop .left .btnArea .btn a:hover {
	background-color: #50B0DA;
	border: 1px solid #50B0DA;
	color: #fff;
}
.accessBox .inner .shop .right img {
	width: 50%;
  min-width: 250px;
}

.map {
	height: 300px;
	/*padding-bottom: 60px;*/
}

.accesArea {
  margin-top: 0;
}


@media screen and (max-width: 736px) {
	.accessBox .inner {
		padding: 40px 5vw 0;
	}
	.accessBox .inner .map {
		height: 300px;
		/*padding-bottom: 30px;*/
	}
  .accessBox .inner .shop {
    padding-bottom: 30px;
    flex-direction: column-reverse;
  }
	.accessBox .inner .shop .left,
	.accessBox .inner .shop .right {
		float: none;
		width: 100%;
	}
	.accessBox .inner .shop .left {
		padding-right: 0;
		padding-bottom: 40px;
	}
  .accessBox .inner .shop .right {
		text-align: center;
    padding-bottom: 50px;
	}

	.accessBox .inner .shop .left p {
		padding-bottom: 10px;
		font-size: 3.3vw;
	}
	.accessBox .inner .shop .left .timeArea .time,
	.accessBox .inner .shop .left .timeArea .menu,
	.accessBox .inner .shop .left .timeArea .time {
		padding-left: 2vw;
	}
	.accessBox .inner .shop .left .btnArea {
		padding-top: 25px;
		text-align: center;
	}
	.accessBox .inner .shop .left .btnArea .btn a {
		display: block;
		padding: 8px 10vw;
		font-size: 3.3vw;
	}
	
}