@charset "utf-8";

#topimg{
	background: url(/meeting/img/topimg.jpg) center 0 repeat-x;
	background-size: cover;
}
#summary{
	max-width: 1000px;
	margin: 0 auto;
	border: 2px solid #CCC;
}
@media(max-width: 767.98px){
#summary{
	font-size: 0.95rem;
}
}
@media(max-width: 575.98px){
#summary{
	font-size: 0.9rem;
}
}
#summary th,
#summary td{
	border: 1px solid #CCC;
}
#summary th,
#summary td{
	padding: 0.5em 1em;
}
#summary th{
	vertical-align: top;
	width: 30%;
	background-color: #FFFAE5;
}
#summary dl{
	width: 100%;
	margin: 0.5em 0;
	display: flex;
	flex-flow: row wrap;
}
#summary dl dt,
#summary dl dd{
	border-bottom: 1px solid #CCC;
}
#summary dl dt{
	flex-basis: 35%;
	padding: 0.25em 0.5em;
}
#summary dl dd{
	flex-basis: 65%;
	padding: 0.25em 0.5em 0.25em 1.5em;
}
@media(max-width: 575.98px){
#summary dl{
	flex-flow: column;
}
}
#photos{
	width: 280px;
	margin: 10px auto 0;
	text-align: center;
}
.selectbox{
	display: inline-flex;
	align-items: center;
	position: relative;
	margin: 0 auto;
}
.selectbox::after{
	position: absolute;
	right: 15px;
	width: 10px;
	height: 7px;
	background-color: #222;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: '';
	pointer-events: none;
}
.selectbox select{
	appearance: none;
	width: 100%;
	width: 250px;
	height: 2.8em;
	padding: .4em calc(.8em + 30px) .4em .8em;
	cursor: pointer;
	border: 2px solid #CCC;
	background-color: #FFF;
	color: #222;
	font-size: 1em;
}
#branch table{
	max-width: 1000px;
	margin: 0 auto;
	border: 2px solid #CCC;
}
@media(max-width: 767.98px){
#branch table{
	font-size: 0.95rem;
}
}
@media(max-width: 575.98px){
#branch table{
	font-size: 0.9rem;
}
}
#branch table th,
#branch table td{
	border: 1px solid #CCC;
}
#branch table th,
#branch table td{
	padding: 0.5em 1em;
}
#branch table th{
	background-color: #FFFAE5;
}
#note{
	max-width: 1000px;
	margin: 0.75em auto 0;
	text-align: right;
	font-size: 0.9em;
}