@charset "UTF-8";


.lh21{ line-height: 2.1em; }
.lh25{ line-height: 2.5em; }

.h3_title_area {
	width:310px;
	margin:0 auto;
	margin-bottom:150px;
}
.h3_title_area > p{
	padding-left: 25px;
}
.h3_title{
	font-family: 'Khand', sans-serif;
	font-size:17px;
	font-weight:lighter;
	color:#231815;
	text-align:center;
	margin-top:100px;
	margin-bottom:43px;
}
.h3_title:before,
.h3_title:after{
	content:url(../images/cafe/h_dotted.png);
	display:inline-block;
	vertical-align:text-top;
	margin: 2px 5px;
}

.edit_area{
	height:100%;
	background-color:rgba(255,255,255,0.9);
	opacity:0;
}
.edit_area:hover{
	opacity:1;
}
.edit_area h4{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#231815;
}
.edit_area p{
	display:inline-block;
	text-align:left;
	color:#4c4948;
	width:205px;
	font-size: 15px;
}

.back_b2{
	background-position: center center;
	background-repeat: no-repeat;
	text-align:center;
	background-image:url(../images/cafe/book_back.png);
}

.back_c2{
	background-position: center center;
	background-repeat: no-repeat;
	text-align:center;
	background-image:url(../images/cafe/cafe_back.png);
}

@media screen and (max-width: 767px) {
	.edit_area{
		min-height:220px;
	}
	.edit_area p{
		width: 70%;
	}
	.back_b2{
		background-size: 40% auto;
		background-position: center center;
	}
	.back_c2{
		background-size: 45% auto;
		background-position: center center;
	}
}