@charset "UTF-8";

/*==================================================
Contents / shop_tentencafe
==================================================*/
.tentencafe {
	background: none;
}
#shop .tentencafe h1 {
	width: 107px;
	height: 81px;
}
.tentencafe h1 {
	padding: 15px 0 25px;
}
.tentencafe .cont_02 h2,
.tentencafe .cont_03 h2 {
	display: none;
}
/*cont_01*/
.tentencafe .cont_01 {
	padding: 38.1% 0 0;
	background: url(../img/tentencafe/img_shop_tentencafe_02.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.tentencafe .cont_01 h2 {
	display: none;
}
.tentencafe .cont_01 div {
	position: relative;
	padding: 43.3% 0 0;
	margin: 1em 0 0;
	background: url(../img/tentencafe/img_shop_tentencafe_03.jpg) no-repeat 50% 0;
	background-size: 70% auto;
}
.tentencafe .cont_01 div p {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	padding: 0.5em 0 0;
}
.tentencafe .cont_01 div p img {
	display: none;
}
.tentencafe .cont_01 div p::after{
	display: inline-block;
	content: attr(data-label);
}
.tentencafe .cont_01 div p+p {
	padding: 0;
}
	@media screen and (min-width:480px) {
		.tentencafe .cont_01 div {
			position: relative;
			padding: 30.9% 0 0;
			margin: 1em 0 0;
			background: url(../img/tentencafe/img_shop_tentencafe_03.jpg) no-repeat 50% 0;
			background-size: 50% auto;
		}
		.tentencafe .cont_01 div p {
			position: absolute;
			width: 45%;
			padding: 0;
		}
	}
/*cont_02*/
.tentencafe .cont_02 {
	padding: 0;
	background: none;
}
.tentencafe .cont_02 h2,
.tentencafe .cont_02 div p img {
	display: none;
}
.tentencafe .cont_02 div {
	position: relative;
	float: none;
	margin: 0;
}
.tentencafe .cont_02 dl {
	position: relative;
	width: 100%;
	float: none;
	margin: 2em 0;
}
.tentencafe .cont_02 dl+dl {
	padding: 2em 0 0;
	margin: 0;
	border-top: 1px dashed #ccc;
} 
.tentencafe .cont_02 dt {
	padding: 0 0 1em;
	text-align: left;
}
.tentencafe .cont_02 dd img {
	display: block;
	position: relative !important;
	top: 0;
	left: 0;
	padding:0.5em 0 0;

}

/*cont_03*/
.tentencafe .cont_03 h2 {
	display: none;
}
.tentencafe .cont_03 .cont_inr {
	width: 100%;
	float: none;
	padding: 2em 0 0;
	margin: 2em 0 0;
	border-top: 1px dashed #ccc;
}
.tentencafe .cont_03 .cont_inr dt {
	padding: 0 0 1em;
}
.tentencafe .cont_03 .cont_inr .inr_01 {
	padding: 0 0 2em;
	margin: 0 0 2em;
	border-bottom: 1px dashed #ccc;
}
.tentencafe .cont_03 .cont_inr .inr_01 dl,
.tentencafe .cont_03 .cont_inr .inr_01 .figure,
.tentencafe .cont_03 .cont_inr .inr_02 dl,
.tentencafe .cont_03 .cont_inr .inr_02 .figure {
	width :100%;
	float: none;
}
.tentencafe .cont_03 .cont_inr .inr_01 .figure,
.tentencafe .cont_03 .cont_inr .inr_02 .figure{
	padding:0.5em 0 0;
}
.tentencafe .cont_03 .block-menu > div {
	flex-direction: column;
	gap: 5px;
}
.tentencafe .cont_03 .block-menu div.reserve {
	flex-direction: column;
}
.tentencafe .cont_03 .block-menu .topic {
	height: auto;
	flex-direction: column;
	gap: 1em;
	padding: 20px 20px 0;
}
.tentencafe .cont_03 .block-menu .topic p {
	padding: 0;
}
.tentencafe .cont_03 .block-menu .topic figure {
	padding: 0;
	margin: auto;
}

/*topic*/
.tentencafe .topic {
	width: 94%;
	padding: 3%;
	margin: 3em 0;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.tentencafe .topic p {
	width: 100%;
	float: none;
	padding: 0;
}
.tentencafe .topic .figure {
	width: 141px;
	float: none;
	padding: 0;
	margin: 1em auto;
}
	@media screen and (min-width:480px) {
		.tentencafe .topic p {
			width: 60%;
			float: right;
		}
		.tentencafe .topic .figure {
			width: 40%;
			float: left;
			margin: 0;
		}
	}