@charset "utf-8";
/*! style.css
----------------------------------------*/

.uenomura .lead-ttl {
	flex: none;
	width: 100%;
	margin: 4% auto 6%;
	text-align: center;
}

.uenomura .mayor-wrapper {
	display: -webkit-flex;
	display:    -moz-flex;
	display:         flex;
	flex-wrap: wrap;
	overflow: hidden;
	margin: 0 -1% 2em;
	padding: 0 0.8em;
	background: linear-gradient(135deg, rgba(255,255,255,0) 50%, rgba(248,188,160,1) 100%), url("./img/mayor-bg.jpg") top center no-repeat;
	-webkit-background-size: contain;
	-moz-background-size:    contain;
	background-size:         contain;
}

.uenomura .mayor-wrapper > .mayor,
.uenomura .mayor-wrapper > .info {
	flex: 1;
	min-width: 240px;
	margin: 0 1% 1.6em;
	padding: 0.4em 0.96em 0.8em;
	background-color: rgba(0, 0, 0, 0.6);
	color: #ffffff;
}

.uenomura .mayor-wrapper > .mayor .person {
	margin-top: -1em;
	text-align: right;
}

.uenomura .affection-wrapper {
	overflow: hidden;
	padding: 0 0.8em;
	background: url("./img/affection-bg.jpg") bottom left no-repeat;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	background-size:         cover;
}

.uenomura .affection {
	margin: 1.6em auto;
	padding: 0.4em 0.96em 0.8em;
	background-color: rgba(255, 255, 255, 0.88);
	box-shadow: 4px 4px 4px 0px rgb(0, 0, 0, 0.4);
}

.uenomura .affection .person {
	margin-bottom: -0.8em;
	padding: 1em 0 0.25em;
	border-bottom: 1px solid;
}

.uenomura .affection .person .category {
	display: inline-block;
	margin-right: 0.5em;
	padding: 0.05em 0.5em;
	background-color: #222222;
	color: #ffffff;
}