@charset "UTF-8";

/* -------------------------------------------for SP */
@media screen and (max-width:767.98px) {
}
/* -------------------------------------------for PC */
@media screen and (min-width:768px) {
}

.

.section {
	width: 100%;
}

/* -------------------------------------------for SP */
@media screen and (max-width:767.98px) {
.shop_section {
	width: 92%;
	max-width: 960px;
	margin: 0 auto;
}
.shop_info_data {
	margin: 0 auto;
	border-top: 2px solid #000;
	padding-top:1em;
	padding-bottom:3em;
}
.shop_info_data ul {
	line-height: 1.2;
	display: flex;
	gap: 10px;
	margin-bottom: 0.5em;
	align-items: center;
}
.shop_point {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 5px;
}
.shop_point li {
	width: 50%;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.2;
	padding: 10px 0;
	text-align: center;
	border-radius: 5px;
	margin-top: 1em;
	color: #FFF;
}
.shop_info_data p {
	line-height: 1.2;
}

.shop_title {
	width: 100%;
	height: 50px;
	align-items: center;
}
.shop_number {
	width: 50px;
	height: 50px;
	font-size:min(6vw,26px);
	letter-spacing: 0em;
	min-height: 0vw;
	font-weight: bold;
	font-weight: 700;
	color: #000;
	border: 1px solid #000;
	text-align: center;
	line-height: 50px;
	display: inline-block;
}
.shop_yomi {
	font-size:min(3.5vw,16px);
}
.shop_name {
	font-size:min(5.5vw,24px);
	letter-spacing: 0em;
	min-height: 0vw;
	font-weight: bold;
	font-weight: 700;
}

.genre {
	background-color: #69C;
}
.takeout {
	background-color: #C96;
}
.shop_info_data dl {
	border-bottom: 0px solid #999;
	padding-bottom : 1em;
}
.shop_info_data dt {
	font-size: 1em;
	font-weight: bold;
	padding-top : 0.5em;
}
.shop_info_data dd {
	font-size: 1em;
	padding-bottom : 0.5em;
	line-height: 1.5;
}
.shop_info_data dd a {
	margin-right: 1em;
}


.shop_data {
	display: flex;
	flex-direction: column;
	background-color: #FFF;
	width: 100%;
	align-items: flex-start;
	gap: 15px;
	margin-top: 10px;
}
.shop_imgtext {
	width: 100%;
}
.shop_img img {
	border-radius: 5px;
	width: 100%;
	height: 280px;
	object-fit: cover;
}
.shop_about {
	flex: 1;
}
p.shop_text {
	line-height: 1.6;
	margin-bottom: 1em;
}
.shop_about span {
	display: inline-block;
}
.shop_about dl {
	display: flex;
	flex-direction: column;
}
.shop_about dt {
	border-top: 1px dashed #999;
}
.shop_about dd {
	word-break: break-all;
}
.shop_about img {
	width: 60px;
}

}


/* -------------------------------------------for PC */
@media screen and (min-width:768px) {
.shop_section {
	width: 92%;
	max-width: 960px;
	margin: 0 auto;
}
.shop_info_data {
	margin: 0 auto;
	border-top: 2px solid #000;
	padding-top:1em;
	padding-bottom:3em;
}
.shop_info_data2 {
	display: flex;
	line-height: 1.2;
	gap: 10px;
	margin-bottom: 0.5em;
	align-items: center;
}
.shop_point {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.shop_point li {
	width: 50%;
	max-width: 300px;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.2;
	padding: 10px 0;
	text-align: center;
	border-radius: 5px;
	color: #FFF;
	margin: 0 0 0 auto;
}
.shop_info_data p {
	line-height: 1.2;
}

.shop_title {
	width: 50%;
	height: 50px;
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 10px;
	margin-bottom: 0.5em;
}
.shop_number {
	width: 50px;
	height: 50px;
	font-size:min(6vw,26px);
	letter-spacing: 0em;
	min-height: 0vw;
	font-weight: bold;
	font-weight: 700;
	color: #000;
	border: 1px solid #000;
	text-align: center;
	line-height: 50px;
	display: inline-block;
}
.shop_yomi {
	font-size:min(3.5vw,16px);
}
.shop_name {
	font-size:min(5.5vw,24px);
	letter-spacing: 0em;
	min-height: 0vw;
	font-weight: bold;
	font-weight: 700;
}

.genre {
	background-color: #69C;
}
.takeout {
	background-color: #C96;
}
.shop_info_data dl {
	padding-bottom : 1em;
}
.shop_info_data dt {
	font-size: 1em;
	font-weight: bold;
	padding : 0.5em 0;
}
.shop_info_data dd {
	font-size: 1em;
	padding : 0.5em 0;
	line-height: 1.5;
}


ul.shop_data {
	display: flex;
	flex-direction: row;
	background-color: #FFF;
	width: 100%;
	align-items: flex-start;
	gap: 35px;
	margin-top: 20px;
}
.shop_imgtext {
	width: 300px;
}
.shop_img img {
	border-radius: 5px;
	width: 100%;
	height: 100&;
}
.shop_about {
	flex: 1;
}
p.shop_text {
	line-height: 1.6;
	margin-bottom: 1em;
}
.shop_about dl {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.shop_about dt {
	width: 20%;
	border-top: 1px dashed #999;
}
.shop_about dd {
	width: 80%;
	border-top: 1px dashed #999;
	word-break: break-all;
}
.shop_about img {
	width: 60px;
}
}