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

#header {
	padding: 20px 20px;
	margin: 0;
	text-align: center;
}

#header img {
	width: 100%;
	max-width: 700px;
}

#contents {
	width: 100%;
	margin: 0 auto 15px;
	padding: 0;
	max-width: 1100px;
}

#main {
	line-height: 1.7em;
}

#main img {
	max-width: 100%;
	height: auto;
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 表示領域が991.98px以下の場合に適用するスタイル */
@media screen and (max-width: 991.98px) {
  .br-pc { display:none; }
  .br-sp { display:block; }

	#left-contents { 
		width: 100%;
	}
	#right-contents,
	#free-contents { 
		width: 100%;
		background: #FFF;
		padding: 0 0 40px;
	}
	#main {
		padding: 10px;
	}
	#header {
		padding: 10px 5px;
		max-width: 900px;
	}
	#header1 {
		visibility:hidden;
		height: 0;
	}
	#header2 {
		visibility: visible;
		margin: 10px;
	}
}
/* 表示領域が992px以上の場合に適用するスタイル */
@media screen and (min-width: 992px) {
  .br-pc { display:block; }
  .br-sp { display:none; }

	#contents {
		display: flex;
		justify-content: space-between;
	}
	#left-contents {
		width: 220px;
	}
	#right-contents {
		width: calc(100% - 240px); /* #right-contentsが不要の場合は、440pxを220px（left-contentsの幅+余白分）に変更 */
		box-sizing: border-box;
		background-color: #FFF;
		padding: 15px;
		min-height: 600px;
	}
	#free-contents {
		width: 100%;
		box-sizing: border-box;
		background-color: #FFF;
		padding: 15px;
		min-height: 600px;
	}
}

#footer {
	padding: 5px;
/*	position: relative;*//* IE6 に、適切にクリアするための hasLayout を指定します。 */
	text-align: center;
	clear: both;
	color: #FFF;
	font-size: 90%;
}

#footer a:link {
	color: #FFF;
}
#footer a:visited {
	color: #FFF;
}
#footer a:hover {
	color: #CCC;
}
#footer a:active {
	color: #CCC;
}

#footer2 {
	background: #1F286F;
	padding: 5px;
	text-align: center;
	font-size: 85%;
	position: fixed;       /* 絶対位置指定することを定義 */
	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
	width: 100%;
	color: #FFF;
}

@media print{
	body {
		background: none;
	}
	#footer2 {
		position: relative;
		background: none;
		bottom: auto;
	}
}