@media screen and (max-width: 768px) {
    .top-mainArea_news{padding-bottom:20px;}
}

.secondView{
	padding: 100px 0 100px;
}

@media screen and (max-width: 768px) {
	.secondView{
		padding: 50px 20px 50px;
	}
}

.restaurantTOP3column{
	margin:60px auto 0;
	width: 90%;
	max-width: 2000px;
}
@media screen and (max-width: 768px) {
	.restaurantTOP3column{
		margin:20px auto 0;
		width:95%;
	}
}
.restaurantTOP3column li{
	display:inline-block;
	width:calc(calc(100% - 6%) / 3);
	letter-spacing: -1em;
	margin:0 3% 0 0;
}
.restaurantTOP3column li:nth-of-type(3){
	margin:0px;
	position:relative;
}
.restaurantTOP3column li::after{
	content:"";
	position:absolute;
	background:#000;
	left:0;
	top:0;
	width:calc(100% - 1px);
	height:calc(100% - 1px);
	z-index:-1;
}

@media screen and (max-width: 768px) {
	.restaurantTOP3column li{
		display:block;
		width:100%;
		margin:0 0 10px;
	}
}

.restaurantTOP3column li a{
	display:block;
	width:100%;
	position:relative;
	height:100%;
	letter-spacing: 0em;
}


.restaurantTOP3column li a > div{
	left:50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
}

.restaurantTOP3column li a > div:nth-of-type(1){
	position:absolute;
	top:20px;
	width:90%;
	/*border-bottom:1px solid #fff;*/
	text-align:center;
	color:#fff;
	padding:0 0 15px;
}
@media screen and (max-width: 768px) {
	.restaurantTOP3column li a > div:nth-of-type(1){
	top:10px;
	padding:0 0 10px;
	}
}

.restaurantTOP3column li a > div h3{
	font-size:30px;
}
.restaurantTOP3column li a > div h4{
	font-size:20px;
}
@media screen and (max-width: 768px) {
	.restaurantTOP3column li a > div h3{
		font-size:20px;
	}
	.restaurantTOP3column li a > div h4{
		font-size:16px;
	}
}
.restaurantTOP3column li a > div:nth-of-type(2){
	position:absolute;
	bottom:20px;
	color:#fff;
	/*background-color:rgb(0,0,0,0.5);*/
	border-bottom:1px solid #fff;
	padding:2px 10px;
}
@media screen and (max-width: 768px) {
	.restaurantTOP3column li a > div:nth-of-type(2){
		bottom:10px;
	}
}

.bar {
	width: 1px;
	height: 30px;
	background-color: gray;
	margin: 0px auto;
	opacity:0;
}
@media screen and (max-width: 768px) {
	.bar {
		height: 50px;
		margin: 10px auto;
		display:block;
		opacity:1;
	}
}