@charset "utf-8";
body {
	color: #090909;
}
p, div, li, td, a:link, a:visited, a:hover, a:active {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro W3, 'ＭＳ Ｐゴシック', MS P Gothic;
	word-wrap: break-word;
}
h1, h2, h3, h4, h5 {
	font-family: "Montserrat", sans-serif, "メイリオ";
	text-align: center;
}
small {
	font-size: 12px;
}
/*-------------------------*/
/*modify*/
/*-------------------------*/
.navbar-toggler {
  background-color: #eee;
}
.fancy-title h1, .fancy-title h2, .fancy-title h3, .fancy-title h4, .fancy-title h5, .fancy-title h6 {/*大文字に変換されるのを防ぐ*/
	text-transform: none;
}
.aco-arrows .dropdown-toggle::after {
	font-family: "FontAwesome";
	content: "\f0da";
}
/*breadcrumb*/
.breadcrumb-item a.here {
	color: #999; 
}
/*-------------------------*/
/*collar*/
/*-------------------------*/
.bg-primary {
	background: #377FEA !important;
	border-color: #377FEA;
}
.bg-success {
	background: #5cb85c !important;
	border-color: #5cb85c;
}
.bg-warning {
	background: #f0ad4e;
	border-color: #f0ad4e;
}
.bg-info {
	background-color: #5bc0de;
	border-color: #5bc0de;
}
.badge-info {
	color: #fff;
	background-color: #5bc0de;
}
/*-------------------------*/
/* #breadcrumb2 */
/*-------------------------*/
#breadcrumb2 .breadcrumb {
  margin-left: 0;
  padding-left: 0;
}
#breadcrumb2 .breadcrumb li {
  display:inline-block;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}
#breadcrumb2 .breadcrumb li:after {
  /* ▶を表示*/
  font-family: FontAwesome;
  content: '\f0da';
  padding: 0 4px;
  color: #72a1f7;
}
#breadcrumb2 .breadcrumb li:last-child:after {
  content: '';
}
#breadcrumb2 .breadcrumb li a {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 15px;
  text-decoration: none;
  color: #72a1f7;
  background: #c6e2ff;
  font-size: 0.9em;
}
#breadcrumb2 .breadcrumb li a:hover {
  background: #c9dbfb;
}	
#breadcrumb2 .here{
  color: #ffffff;
}

/*-------------------------*/
/*square*/
/*-------------------------*/
.square {
	position: relative;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.square img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
	max-width: none;
}
@media screen and (max-width: 480px) {/*576*/
	.square {
		position: relative;
		width: 100px;
		height: 100px;
		overflow: hidden;
	}
}
/*-------------------------*/
/*photoWrap*/
/*-------------------------*/
.photoWrap {
	position: relative;/*相対配置*/
	width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
	padding-top: 50%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）4:3 75%　*/
	overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
	margin: 0 auto;
	background-color: #000;
}
.photoWrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* 画像の最大サイズは枠の1.5倍まで */
	max-width: 150%;
	max-height: 150%;
}
.photoWrap .topLeftWrap {
	position: absolute;
	top: 5px;
	left: 5px;
}
.photoWrap .topRightWrap {
	position: absolute;
	top: 5px;
	right: 5px;
}
.photoWrap .bottomRightWrap {
	position: absolute;
	bottom: 5px;
	right: 5px;
	border: solid white 1px;
	background-color: rgba(0, 0, 0, 0.5);
}
.areaTxt {
	width: 40%;
	font-size: 14px;
	line-height: 1.1;
	color: #fff;
	padding: 1px;
	border: solid white 1px;
	background-color: rgba(0, 0, 0, 0.5);
	text-align: center;
}
.nameTxt {
	width: 40%;
	font-size: 12px;
	line-height: 1.1;
	color: #fff;
	padding: 1px;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;	
}
/*-------------------------*/
/*grid-img*/
/*-------------------------*/
.grid-img {
	position: relative;
	width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
	padding-top: 66.6%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）4:3 75%　*/
	overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
	margin: 0 auto;
	background-color: #000;
}
.grid-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* 画像の最大サイズは枠の1.5倍まで */
	max-width: 150%;
	max-height: 150%;
}
.grid-img .topLeftWrap {
	position: absolute;
	top: 5px;
	left: 5px;
}
.grid-img .topRightWrap {
	position: absolute;
	top: 5px;
	right: 5px;
}
.grid-img .bottomRightWrap {
	position: absolute;
	bottom: 5px;
	right: 5px;
	border: solid white 1px;
	background-color: rgba(0, 0, 0, 0.5);
}
/*-------------------------*/
/*block-img*/
/*-------------------------*/
.block-img {
	position: relative;
	width: 100%;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
	padding-top: 50%;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）4:3 75%　*/
	overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
	margin: 0 auto;
}
.block-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* 画像の最大サイズは枠の1.5倍まで */
	max-width: 150%;
	max-height: 150%;
}
.block-img .top-txt {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.7);
	text-align: center;
}
/*-------------------------*/
/*box-image*/
/*-------------------------*/
.box-image {/*grid*/
	position: relative;
	max-width: 100%;
	height: 150px;
	overflow: hidden;
}
@media screen and (max-width: 480px) {/*576*/
.box-image {
	height: 120px;
}
}
.box-image img {/*https://www.tam-tam.co.jp/tipsnote/html_css/post10099.html*/
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
/*-------------------------*/
/*style*/
/*-------------------------*/
.acologo-dark {
	height: 25px;
	fill: #000;
}
.acologo-light {
	height: 25px;
	fill: #fff;
}
/*-------------------------*/
/*mapのボタン*/
/*-------------------------*/
@media screen and (max-width: 480px) {
#map_zoom .btn.btn-sm {
	padding: 9px 15px 9px !important;/*padding: 9px 20px 9px !important*/
}
}
/*-------------------------*/
/*施設リスト*/
/*-------------------------*/
.name, .name a {
	font-weight: 700;
	font-size: 16px;
}
@media screen and (max-width: 480px) {
.name, .name a {
	font-size: 16px;
}
}
.area {
	line-height: 1.2;
}
.calendar_list_area {
	font-size: 16px;
	font-weight: 800;
	line-height: 1.1;
}
.shisetsu {
	font-size: 18px;
	font-weight: 800;
	line-height: 1.1;
}
.shisetsu small {
	font-size: 10px;
}
.keyw {
	font-size: 11px;
	border-radius: 0.2em;
}
.cm1 {
	line-height: 1;
}
.cm {
	line-height: 16px;
	font-size: 14px;
}
.pen {
	background: linear-gradient(transparent 60%, pink 60%);
}
.pen_blue {
	background: linear-gradient(transparent 75%, #c6e2ff 75%);
}
a.tellink {
	font-weight: 700;
	font-size: 16px;
}
a.urllink {
	font-weight: 700;
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}