@charset "utf-8";
/* CSS Document */
.cf::after {
  content: "";
  display: block;
  clear: both;
}

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt80 { margin-top: 80px!important; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

body#topics {
	box-sizing: border-box;
}

body#topics #contents {
	max-width: 1000px;
	margin: 120px auto 80px;
	text-align: left;
}

body#topics #contents h1 {
	font-size: 24px;
	letter-spacing: .1em;
	text-align: center;
	line-height: 1.4;
	border-bottom: #000 1px solid;
	margin: 0 auto 30px;
	padding-bottom: 20px;
}

body#topics #contents p.lead {
	font-size: 16px;
	line-height: 1.8;
	margin-top: 30px;
}

body#topics #contents ul.caution li{
	font-size: 14px;
	text-indent:-1em;
	padding-left:1em;
	line-height: 160%;
}

body#topics #contents dl.tbl {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /*横*/
	align-items: stretch; /*高さ揃え*/
	margin: auto;
}
body#topics #contents dl.tbl dt {
	width: 10%;
	letter-spacing: 5px;
	line-height: 1.4;
	padding: 5px 0;
}
body#topics #contents dl.tbl dd {
	width: 90%;
	line-height: 1.4;
	padding: 5px 0;
}

body#topics #contents dl.tbl dt::after {
    content: "：";
}
@media only screen and (max-width: 768px) {
	body#topics {
		width: 100%;
	}
	body#topics #contents {
		width: 90%;
		margin: 120px auto 80px;
	}
	body#topics #contents h1 {
		font-size: 5.5vw;
	}
	body#topics #contents dl.tbl dt {
		width: 20%;
		letter-spacing: 0;
	}
	body#topics #contents dl.tbl dd {
		width: 80%;
	}
}

/* ブッフェ */

div#goods {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
div#goods > div:nth-of-type(1){
	display: block;
	width: 50%;
}
div#goods > div:nth-of-type(1) img {
	width: 100%;
}
div#goods > div:nth-of-type(2){
	width: 50%;
	padding-left: 15px;
	box-sizing: border-box;
}
div#goods > div:nth-of-type(2) > p {
	line-height: 160%;
}
div#goods > div:nth-of-type(3),
div#goods > div:nth-of-type(4){
	width: 100%;
}
div#goods > div:nth-of-type(3){
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
div#goods > div:nth-of-type(3) > div.box {
	width: 50%;
	padding: 10px;
	box-sizing: border-box;
}
div#goods > div:nth-of-type(3) > div.box > dl {
	width: 100%;
}
div#goods > div:nth-of-type(3) > div.box > dl > dt {
	font-weight: bold;
	line-height: 160%;
}
div#goods > div:nth-of-type(3) > div.box > dl > dd {
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 160%;
}

div#goods > div:nth-of-type(4){
	text-align: center;
}
div#goods > div:nth-of-type(4) > a {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	background-color: #53585a;
	margin-top: 20px;
	padding: 13px 30px;
}
div#goods > div > dl {
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /*横*/
	align-items: stretch; /*高さ揃え*/
	margin: 20px auto 30px;
}
div#goods > div > dl dt {
	width: 15%;
	letter-spacing: 5px;
	line-height: 150%;
	padding: 5px 0;
}
div#goods > div > dl dd {
	width: 85%;
	line-height: 150%;
	padding: 5px 0;
}
div#goods h2 {
	width: 100%;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	line-height: 150%;
	background-color: #eee;
	margin-bottom: 20px;
	padding: 8px 0;
}

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

	div#goods {
		display: block;
		flex-wrap: nowrap;
	}
	div#goods > div:nth-of-type(1),
	div#goods > div:nth-of-type(2){
		width: 100%;
		padding-left: 0;
		padding-bottom: 10px;
		box-sizing: border-box;
	}
	div#goods > div:nth-of-type(3){
		width: 100%;
		display: block;
		flex-wrap: nowrap;
	}
	div#goods > div:nth-of-type(3) > div.box {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}

	div#goods > div:nth-of-type(4) > a {
		width: 90%;
		display: inline-block;
		font-size: 18px;
		color: #fff;
		background-color: #53585a;
		margin-top: 20px;
		padding: 13px 0;
		box-sizing: border-box;
	}
	div#goods > div > dl {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center; /*横*/
		align-items: stretch; /*高さ揃え*/
		margin: 20px auto 30px;
	}
	div#goods > div > dl dt {
		width: 20%;
		letter-spacing: 5px;
		line-height: 150%;
		padding: 5px 0;
	}
	div#goods > div > dl dd {
		width: 80%;
		line-height: 150%;
		padding: 5px 0;
	}
	div#goods h2 {
		width: 100%;
		text-align: center;
		font-size: 17px;
		font-weight: bold;
		line-height: 150%;
		background-color: #eee;
		margin-bottom: 20px;
		padding: 8px 0;
	}

}

dd.price > div {
	width: 40%!important;
	display: flex;
	flex-wrap: wrap;
}
dd.price > div > div:nth-of-type(odd) {
	width: 50%;
}
dd.price > div > div:nth-of-type(even) {
	width: 50%;
	text-align: right;
}
.ls { letter-spacing: .4em; }

@media only screen and (max-width: 768px) {
dd.price > div {
	width: 70%!important;
}
}


.swiper-container {
	padding: 0 0 20px 0!important;
}

p.contact {
	display: block;
	width: fit-content;
	text-align: center;
	line-height: 180%;
	border: #53585a 1px solid;
	margin: 30px auto;
	padding: 20px 30px!important;
}
p.contact > a.tel {
	display: inline;
    font-size: 16px;
    color: #53585a;
    background-color: transparent;
    margin-top: 0;

@media only screen and (min-width: 700px){
		a.tel {
			pointer-events: none;
			color: #53585a;
			border:none;
		 }
		}
		@media only screen and (max-width: 700px) {
			a.tel {
				color: #53585a;
				border-bottom:#53585a 1px solid;
			  }
		}