@charset "utf-8";
/* CSS Document */

section {
	margin-bottom:50px;
}

h3 {
	text-align:center;
	margin:1em 0;
}
p {
	text-align:center;
	line-height:1.4;
	padding: 1em 0;
}

a.btn {
    display: block;
    width: 230px;
	text-align:center;
    padding: 1em 2em;
    margin: 30px auto 30px;
    border: #000 1px solid;
}

ul.box {
	display:flex;
	flex-wrap:wrap; 
}
	
ul.box.scar li,
ul.box.lava li,
ul.box.ggco li,
ul.box.zeze li {
	display: table-cell;
	width:340px;
	margin-right: 40px;
	margin-bottom:30px;
	background: #EDEDE8;
}
ul.box li.box_blank {
	display: table-cell;
	width:340px;
	margin-right: 40px;
	margin-bottom:30px;
	background: #fff;
}

ul.box.scar li:nth-of-type(3n),
ul.box.lava li:nth-of-type(3n),
ul.box li.box_blank:nth-of-type(3n),
ul.box.ggco li:nth-of-type(2n) {
	margin-right:0px;
}
ul.box.lava li:nth-of-type(3n) span {
	display: block;
    font-size: 90%;
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 8px;
    line-height: 120%;
}

ul.box li div {
	width:100%;
}
	
ul.box li div:nth-of-type(1) { /*ロゴ*/
	background: #fff;
	text-align:center;
}
ul.box li div:nth-of-type(2) { /*コピー*/
	background: #fff;
	text-align:center;
	line-height:1.4;
	padding: 1em 0;
}
ul.box li div:nth-of-type(3) img { /*写真*/
	width:100%;
	max-width:340px;
}
ul.box li div:nth-of-type(4) { /*店名*/
	font-size:18px;
	font-weight: 700;
	line-height: 1.6;
	padding: 1em;
}
ul.box li div:nth-of-type(4) a { /*リンク*/
	border-bottom:#000 1px dashed;
}
ul.box li div:nth-of-type(5) { /*営業時間*/
	line-height:1.4;
	padding: 0 1em 1em;
}
ul.box li div:nth-of-type(6) { /*MapMap*/
	line-height:1.4;
	padding: 0 1em 1em;
}
ul.box li div:nth-of-type(7) { /*住所*/
	line-height:1.4;
	padding: 0 1em 1em;
}
ul.box li div:nth-of-type(8) { /*tel*/
	padding: 0 1em 1em;
}
ul.box li div:nth-of-type(9) { /*Menu*/
	padding: 1em;
}
ul.box li div:nth-of-type(9) > ul {
	display: block;
}
ul.box li div:nth-of-type(9) > ul > li {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	padding: 0.2em 0;
}
ul.box li div:nth-of-type(9) > ul > li a { /*リンク*/
	border-bottom:#000 1px dashed;
}
ul.box li div:nth-of-type(9) > ul > li a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    left: 10px;
    top: 10px;
    border-left: 5px solid #53585a;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    padding-left:.5em;
	vertical-align: 8%;
}


.no {
	display:none;
}

.cf::after {
  content: "";
  display: block;
  clear: both;
}
a.link {
	border-bottom:#000 1px dashed;
}

ul.ggco {
	width: 720px;
	margin: 0 auto;
}
ul.ggco li:last-child {
	margin-right: 0px!important;
}
@media screen and (max-width: 700px){
	ul.scar,
	ul.lava,
	ul.ggco {
		display:block;
		flex-wrap:nowrap; 
		width:100%;
	}	
	ul.scar li,
	ul.lava li,
	ul.ggco li {
		display: block;
		width:100%;
		margin-right: 0px;
		margin-bottom:30px;
		background: #EDEDE8;
	}
	ul.box.scar li, ul.box.lava li, ul.box.ggco li {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
		background: #EDEDE8;
	}
	ul.box li div:nth-of-type(3) img {
		width: 100%;
		max-width: 100%;
	}
	.tel {
		border-bottom:#000 1px dashed;
	}
}