@charset "utf-8";

#c256 {
	clear: both;
	background-color: var(--bc);
	background-image: url(..//images/common/town.png);
	margin:    ;
	padding:    ;
}
#c219 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c276 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c276 a.itext, #c276 img, #c276 video {
	width: 580px;
	height: 448px;
}
#c276 h3,
#c276 div {
	text-align: left;
}
#c277 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c277 a.itext, #c277 img, #c277 video {
	width: 300px;
	height: 224px;
}
#c277 h3,
#c277 div {
	text-align: left;
}
#c266 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c266 h2,
#c266 div {
	text-align: left;
}
#c278 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c286 {
	clear: both;
	background-color: #0080C0;
	margin:    ;
	padding:    ;
}
#c286 h3,
#c286 div {
	text-align: center;
}
#c282 {
	clear: both;
	background-color: #FF8080;
	margin:    ;
	padding:    ;
}
#c282 h3,
#c282 div {
	text-align: center;
}
#c281 {
	clear: both;
	background-color: #fff3ad;
	margin:    ;
	padding:    ;
}
#c281 h3,
#c281 div {
	text-align: center;
}
#c271 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c283 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c283 h2,
#c283 div {
	text-align: left;
}
#c287 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c287 a.itext, #c287 img, #c287 video {
}
#c287 h3,
#c287 div {
	text-align: center;
}
#c284 {
	clear: both;
	margin:    ;
	padding:    ;
}
#c284 h2,
#c284 div {
	text-align: left;
}
#c280 {
	clear: both;
	margin:    ;
	padding:    ;
	width: 720px;
}
#c280 h3,
#c280 div {
	text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 834px) {
#c256 {
}
#c219 {
}
#c276 {
}
#c277 {
}
#c266 {
}
#c278 {
}
#c286 {
}
#c282 {
}
#c281 {
}
#c271 {
}
#c283 {
}
#c287 {
}
#c284 {
}
#c280 {
	width: auto;
	max-width: 720px;
}
}
@media screen and (max-width: 640px) {
#c256 {
}
#c219 {
}
#c276 {
}
#c277 {
}
#c266 {
}
#c278 {
}
#c286 {
}
#c282 {
}
#c281 {
}
#c271 {
}
#c283 {
}
#c287 {
}
#c284 {
}
#c280 {
	width: 100%;
}
}