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


/*-- Dream Cafe --*/
#photo-area {
	width: 980px;
	/*min-height: 520px;*/
	overflow: hidden;
	padding-top: 30px;
	background-position: 0 20px;
}
#photo-area>div .cafe_head {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#photo-area>div .cafe_head>.head_l {
	width: 200px;
	float: left;
	line-height: 0;
}
#photo-area>div .cafe_head>.head_l>img {
	width: 100%;
}
#photo-area>div .cafe_head>.head_r {
	width: 780px;
	float: left;
	margin-top: 25px;
}
#photo-area>div .cafe_head>.head_r>p {
	width: 90%;
	margin: 0 auto;
	font-size: 18px;
}
#photo-area>div .cafe_head>.head_r>p>span {
	font-size: 24px;
	margin-left: 15px;
}
#photo-area>div .section {
	margin: 0 auto;
	padding: 0;
}
#photo-area>div ul {
	clear: both;
	width: 960px;
	margin: 20px auto 0;
	padding: 0;
	overflow: hidden;
}
#photo-area>div ul li {
	width: 237px;
	margin: 0 4px 4px 0;
	float: left;
}
#photo-area>div ul li:nth-child(4n) {
	margin-right: 0;
}
#photo-area>div ul li img {
	width: 100%;
}


.title-border {
	display: flex;
	align-items: center;
	width: 960px;
	margin: 20px auto 0;
}
.title-border:before, .title-border:after {
	border-top: 1px solid;
	content: "";
	flex-grow: 1;
}
.title-border:before {
	margin-right: 1rem;
}
.title-border:after {
	margin-left: 1rem;
}


/*-- Dream Cafe END--*/





@media screen and (max-width:736px) {
/*-- Dream Cafe --*/


#photo-area {
	width: 100%;
	overflow: hidden;
}
	
	
	
#photo-area>div .cafe_head {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
#photo-area>div .cafe_head>.head_l {
	width: 50%;
	max-width: 200px;
	float: none;
	margin: 0 auto;
	line-height: 0;
}
#photo-area>div .cafe_head>.head_l>img {
	width: 100%;
}
#photo-area>div .cafe_head>.head_r {
	width: 100%;
	float: none;
	margin-top: 10px;
}
#photo-area>div .cafe_head>.head_r>p {
	width: 90%;
	margin: 0 auto;
	font-size: 14px;
}
#photo-area>div .cafe_head>.head_r>p>span {
	font-size: 18px;
	margin-left: 15px;
}
#photo-area>div ul {
	clear: both;
	width: 95%;
	margin: 20px auto 0;
	padding: 0;
	overflow: hidden;
}
#photo-area>div ul li {
	width: 49%;
	margin: 0 2% 1% 0;
	float: left;
}
#photo-area>div ul li:nth-child(2n) {
	margin-right: 0;
}
#photo-area>div ul li img {
	width: 100%;
}
	
	
.title-border {
	width: 95%;
}
	
/*-- Dream Cafe END--*/
}