a  { color: #000;}
img { max-width: 100%;}
.image-border img { border: #ccc solid 1px;}

.LGFR-facility .facility-main {padding: 20px 20px 0;display: flex;flex-direction:column; align-items:center;}
.LGFR-facility .facility-main h2 {
	font-size: 1.625em;
	margin: 0 10px 10px;
	padding-left: 70px;
	position: relative;
}
.LGFR-facility:not(.archive) .facility-main h2:before {
	content:"";
	position:absolute;top:50%;left: 0;
	width: 60px; height: 1px; 
	background-color: #000;

}
.LGFR-facility.archive .facility-main h2 { 
	padding: 0px 30px;
	background-color:/*#F3F3F3*/#eaf4f5;
	border-left:#C7C8C8 solid 10px;
	margin: 0 0 10px;font-weight: normal;
}
.LGFR-facility.list .LGFR-main {padding-top:0;}
.LGFR-facility.list .facility-main {background-color:/*#F3F3F3*/#eaf4f5;padding: 140px 10px 0;}
@media screen and (max-width: 1236px){ .LGFR-facility.list .facility-main{padding-top: 100px;}}
.LGFR-main .content-facilities-list { max-width: 1420px; margin: 0 auto 40px;padding:0;}


.discription { font-size: 30px; text-align: center; margin: 40px; line-height:1.5;}
@media screen and (max-width: 767px){ 
	.LGFR-facility.list .LGFR-main { padding-top: 60px;}
	.LGFR-facility .facility-main {padding: 20px 0 0;}
	.LGFR-facility.list .facility-main {padding: 20px 0 0;}
	.LGFR-facility.archive .facility-main h2 {padding: 0px 20px;}
}

.facility-name { border-left: /*#F3F3F3*/#eaf4f5 solid 7px; 
padding: 2px 0 2px 15px; margin-bottom: 1em; line-height:1.6;font-size: 1.5em; font-weight: normal;
/*word-break: keep-all;*/}
/*板橋の折り返りを極力避けるための処理*/
@media screen and (max-width: 1399px) and (min-width: 1000px){.facility-name {font-size: 1.7vw;}}

/* 募集アイコン */
.status-icon { display: flex; font-size: 1.4em;}
.status-icon .icon + .icon { margin-left: 10px;}
.status-icon .icon {background-color: #E60C0C;color:#fff;z-index:2; line-height:1; padding: 0.4em 0.8em;}
.status-icon .icon.seiyaku { background-color: #007934;}
.status-icon .icon.kaihatsu { background:rgba(0,0,0,0.4);}
.list-facility .status-icon {position: absolute; top: 10px;left:0;}
.list-facility .btn-ns { max-width: 240px; margin-right: 0; margin-left: auto;}
.archive-header .status-icon { font-size: 1.6em;}
@media screen and (max-width: 1180px){ 
.archive-header .status-icon { display: block; text-align: center; padding: 5px 0;} 
.archive-header .status-icon .icon + .icon { margin: 5px 0 0;}
}

/*.icon-boshu {background-color: #E60C0C;color:#fff; font-size: 1.6em;width:110px;height:50px;display: flex; justify-content: center; align-items:center;z-index:2;}
.list-facility .icon-boshu {position: absolute; top: 10px;left:0;}
.list-facility .icon-boshu:after { position:absolute; top:0;right:-17px;content:"";width: 0;height:0;border-color: #E60C0C transparent transparent #E60C0C; border-width: 25px 9px; border-style: solid;}
.archive-header .icon-boshu {margin-top: 8px;}*/

/* 一覧用パーツ */
.list-facility { display: flex; flex-wrap: wrap;}
.list-facility li {width: calc((100% - 60px) / 3);display: flex; flex-direction: column;margin: 10px 10px 30px; box-shadow: 0px 0px 10px 5px #ccc;}
.list-facility li:hover .image a {transform: scale(1.1);}
.list-facility li .image { overflow: hidden; position: relative;}
.list-facility li .image a { display: block;padding-top: 65%; transition:transform 0.3s; background-repeat:no-repeat;background-position: 50% 50%;background-size: cover;}
.list-facility .list-text { padding:40px; flex:1; background-color: #fff;}
.list-text { display: flex; flex-direction: column;justify-content: space-between;}
.list-text dl { display: flex; flex-wrap: wrap;}
.list-text dt { width: 6em;}
.list-text dd { width: calc(100% - 6em);}
.list-facility .list-text dt:not(:nth-of-type(1)),
.list-facility .list-text dd:not(:nth-of-type(1)){ border-top:/*#F3F3F3*/#eaf4f5 solid 2px;}
.list-facility .list-text-body {margin-bottom: 2em;}
@media screen and (max-width: 1399px){.list-facility .list-text { padding:20px;}}
@media screen and (max-width: 1180px){ .list-facility li{width: calc((100% - 40px) / 2);}}
@media screen and (max-width: 767px){ 
	.list-facility li{width: 100%;font-size: 0.8125rem;margin: 10px 0px 30px;}
	.list-facility .icon-boshu { font-size: 1.4em; height: 40px;width:90px;}
	.list-facility .icon-boshu:after { border-width: 20px 7px;right:-12px}
	.list-facility li .list-text-btn { display: flex;justify-content: space-between;}
	.list-facility li .list-text-btn > * { width: 49%;}
}

/* 一覧の絞り込み部 */
.area-select { /*display: flex; justify-content: center; align-items:center;*/ width:1200px; max-width: 100%;padding: 20px 30px;background-color: #fff; margin: 30px 0 50px;} 
/*.area-select label,.area-select li {font-size: 18px;}*/
.area-select ul {display: flex;}
.area-select ul li { flex: 1;}
.area-select ul li a { display: block; width: 100%; height: 40px; padding: 5px 10px; margin-right: 10px;background-color: #ccc;color:#000;display: flex; justify-content: center; align-items:center;}
.area-select ul li .active {background-color: #B34E4E; color: #fff;}
.area-select ul li a i {font-style: normal;}
.area-select p.btn a { border:none; margin-top: 0;}
.area-select p.btn a span:after { content: none;}
.area-select h3 { font-size: 1.2em;}
.area-select * + h3 { margin-top: 1em;}

@media screen and (min-width: 768px){
	.area-select ul li + li { margin-left: 5px;}
}
@media screen and (max-width: 767px){
	.area-select {width:calc(100% - 20px); margin: 10px 0; padding: 10px 2px;}
	.area-select label,.area-select li { font-size: 12px;}
	.area-select ul { flex-wrap: wrap;}
	.area-select ul li a {/*width: 70px; height:40px;*/}
	.area-select ul li a i {display: none;}
.area-select ul li + li { margin-left: 2px;}
}
@media screen and (max-width: 480px){
.area-select { flex-direction: column; align-items: stretch;}
.area-select ul li { flex:1;}
.area-select ul li a { /*width: auto;*/}
}

.search-box label input {margin:0 10px!important}
.search-box label {
	cursor: pointer;
	display: inline-block;
	margin-right: 10px;
	line-height: 16px;
}
.search-box input[type="radio"] {
	width: 16px;
	height: 16px;
	margin: -2px 5px 0 0;
	padding: 0;
	box-sizing: border-box;
	vertical-align: middle;
}
.search-box input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: -2px 5px 0 0! important;
	padding: 0;
	box-sizing: border-box;
	vertical-align: middle;
}
@media screen and (max-width: 480px){.search-box label input { margin-left: 0! important;}}


/* 絞り込みのaction用 */
.cat_image {transition: opacity 3s; opacity: 1;}
.cat_image.is-hide, .shinchaku.hide {display: none;opacity:0;}


.LGFR-main #new-facility.content-facilities-list { margin: 0 auto;}
@media screen and (min-width:768px) and ( max-width:1279px) {#new-facility .image a { height: 100%;}}
@media screen and (min-width: 768px){
	#new-facility .list-facility li { flex-direction: row; width: 100%;}
	#new-facility .list-facility li > * { width: 50%;}
	#new-facility .list-facility li .list-text-btn { display: flex;justify-content: space-between;}
	#new-facility .list-facility li .list-text-btn > * { width: 49%;}
}

/* 個別アーカイブ用 */
.section { margin-bottom: 60px;}
.archive .archive-header { display: flex; justify-content: space-between; align-items: center;}
.archive .main-image img { display: block; margin: 0 auto;width: 100%;}
.archive .facility-name { font-size: 42px;margin-bottom: 0.5em;}
.archive .content-facility { max-width: 1000px;}
.archive .list-text dt,.archive .list-text dd { margin-bottom: 0.5em;padding: 4px;}
.archive .list-text dt { background-color:/*#F3F3F3*/#eaf4f5;width: 180px; text-align: center;}
.archive .list-text dd { width:calc(100% - 180px); padding-left: 20px;}
.archive h4 { color: #52748C; font-size: 1.25em; position: relative; padding-left: 1.5em; margin-bottom: 1.5em;}
.archive h4:before { content:""; position:absolute; top: 50%; left: 0; transform:translate(0,-50%);width:0.875em; height:0.875em; border: #52748C solid 4px;}
.archive h2 + p.text { font-size: 0.875em; margin: 2em 1em;}
.archive h5 { color: #52748C;border:#52748C solid 1px;  padding: 0.1em 1em; margin-bottom: 1.5em;}
.archive .s-head { background-color: #DCE5EA; display: inline-block; padding: 0.2em 3em 0.2em 1em;margin-bottom: 1em; }

.facility-detail-wapper { margin-top: 80px;}
.LGFR-facility.archive .facility-main .facility-detail > div h2 { font-size:1.25em;}
.LGFR-facility.archive .facility-main .facility-detail > div h2:nth-of-type(2) { margin-top: 2em;}
.detail04 img { width: 100%; max-width: 360px;}
/* 個別追加項目用 */
.mt-be-columns .mt-be-column { flex:1;  margin: 10px;}
.mt-be-columns .section { margin-bottom: 20px;}

@media screen and (min-width: 768px){
/*.facility-detail > div:nth-child(-n+2) { width: 50%;}*/
	.facility-detail {
  		display: grid;
  		/*grid-auto-flow: column;
  		grid-template-rows: repeat(3, auto);*/
  		gap: 20px;
grid-template-columns: 1fr 1fr;
grid-template-areas:
"detail01 detail03"
"detail02 detail03"
"detail04 detail03";
align-content: start;

	}

.detail01 {grid-area: detail01;}
.detail02 {grid-area: detail02;}
.detail03 {grid-area: detail03;}
.detail04 {grid-area: detail04;}

/*.facility-detail > div.detail01 { order:1;}
.facility-detail > div.detail02 { order:2;}
.facility-detail > div.detail03 { order:4;}
.facility-detail > div.detail04 { order:3;}*/
}
@media screen and (max-width: 767px){
	.section { margin-bottom: 40px;}
	.archive-header .icon-boshu {font-size: 12px;}
	.archive .facility-name { font-size: 1.625em;}
	.facility-detail {margin-top: 2em;}
	.detail04 { margin-top: 2em;}
	.LGFR-facility.archive .facility-main .facility-detail > div h2 { margin-top: 1.5em;}
	.LGFR-facility.archive .facility-main .facility-detail > div:nth-child(2) h2:nth-of-type(2) { margin-top: 1em;}.archive .list-text dt { width: 100px;}
	.archive .list-text dd { width:calc(100% - 100px);}
	.archive .LGFR-main { padding-top: 60px; }
	.archive .archive-header { margin: 0 20px;}
	.archive-header .icon-boshu {font-size: 12px; width: 60px; height:40px;}
	.archive .section { margin-left: 20px; margin-right: 20px;}
	.mt-be-columns { display: block! important;}
	.mt-be-columns > .mt-be-column { width: 100%;}
	.archive .mt-be-column { margin: 10px 0;}
	.archive .mt-be-column .section { margin-left:0; margin-right: 0;}
}

/* map */
#map iframe{ width: 100%;}

.map-wrap:after {
	content:"";
	position:absolute;
	top:0px;
	right: 0px;
	width: 12vw;
	height: 12vw;
	background:url("../images/houi-icon.png") no-repeat center center;
	background-size: 100% auto;
}

@media screen and (min-width: 768px){
	/*スマホ以外は1.5:1の比率固定*/
	.map-wrap{padding-top: 50%;width: 100%;position: relative;}
	.map-wrap:after {width: 80px;height: 80px;}
	.map-wrap iframe{
    	width: 100%;height: 100%;
    	position: absolute;top: 0px;left: 0px;
	}
}

/*==================================================
スライダーのためのcss
===================================*/

/*画像の横幅を100%にしてレスポンシブ化*/
.slick-img img{
	width: 100%;height: auto;
	vertical-align: bottom;
}
/*メイン画像下に余白をつける*/
/*.gallery{ margin:0 0 5px 0;}*/
/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
	z-index: 3;
    top: 50%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
	background:  rgba(0, 0, 0, 0.4)! important;
    height: 50px;
    width: 30px;
	transform: translate(0,-50%)
}
.slick-prev {left:0;}
.slick-next {right:0;}
.slick-prev:hover, 
.slick-next:hover {background:  rgba(0, 0, 0, 0.6);}
.slick-prev:before,
.slick-next:before{
	position: absolute;
	content:"";top:50%;left:50%;
    border-top: 2px solid #fff;/*矢印の色*/
    border-right: 2px solid #fff;/*矢印の色*/
    height: 20px;width: 20px;
}
.slick-prev:before {transform: translate(-20%,-50%) rotate(-135deg);}
.slick-next:before {transform: translate(-70%,-50%) rotate(45deg);}

.imgtxt_img + p { font-size: 0.875em; text-align: center;}
.thumbnail .thumbnail-img { margin: 10px;}

#heimen .container {display: flex; justify-content:space-between;}
.heimenslide {width: calc(100% - 200px); margin-bottom: 20px;}
.heimenslide .imgtxt_img img {width: calc(100% - 1px);border: #707070 solid 1px;}
.heimenthumb { width: 180px;}
.heimenthumb .thumbnail-img { 
	/*width: 180px! important;*/
	background-color: #F3F3F3;
    padding: 5px 20px;
	text-align: center;
}
.heimenthumb .thumbnail-img + .thumbnail-img { margin-top: 10px;}
.heimenthumb .thumbnail-img.slick-current { 
    background-color: #B34E4E;color: #fff;
}

@media screen and (max-width: 767px){
.slick-prev, 
.slick-next { width: 15px;height:30px;}
.slick-prev:before,
.slick-next:before { width: 7px; height:7px;}
.slick-prev {left:-15px;}
.slick-next {right:-15px;}

#heimen .container { flex-direction:column;}
.thumbnail,
.heimenthumb { width: calc(100% - 30px); margin: auto; padding-right:2px;}
.heimenthumb { order:2;}
.heimenslide { width: 100%; margin: 0; order:1;}
.thumbnail .thumbnail-img { margin: 5px 2px; padding: 0;}
.heimenthumb .thumbnail-img { font-size: 12px;padding: 3px 10px;width: auto; margin: 5px 2px;}
.heimenthumb .thumbnail-img + .thumbnail-img { margin-top: 5px;}
}

.LGFR-facility .listmark.note { margin-top: 1em; font-size: 0.8em; padding: 0 6%;}
@media screen and (min-width: 768px){.LGFR-facility .listmark.note { padding: 0 15px;}}
@media screen and (min-width: 1280px){.LGFR-facility .listmark.note { padding: 0;}}

.btn.vr a { color: #fff;}
.btn.vr a p { display: inline-block; position: relative; padding-left: 70px;line-height: 1.4;}
.btn.vr a p:after {
    content: "";
    position: absolute;
    width: 48px;
    height: 39px;
    top: calc(50% - 18px);
    left: 7px;
    background: url(/common/images/icon_360.svg) no-repeat 0 0;
    background-size: 48px 39px;
}
.archive .btn.vr a { margin-bottom: 60px;}

@media screen and (min-width: 768px){
.btn.vr a { padding: 20px;}
.archive .btn.vr a { padding: 40px 20px;}
.new-facility .btn.vr br { display: none;}
}

@media screen and (max-width: 767px){
br.sp-only { display: inline-block;}
}

.content-facilities-list [class*="hidden-"] {display: none;}


  #map{ width: 80vw; height: 80vh; max-width: 1000px; padding: 20px;}
  #map2{ width: 80vw; height: 80vh; max-width: 1000px; padding: 20px;}
  #map .imagebox  { display: flex; max-width: 240px; padding-bottom: 5px;}
  #map .imagebox .image  { width: 120px; margin-right: 10px;}
  #map .imagebox .image img { max-width: 100%; height:auto;}
  #map .imagebox .button { margin-top: 5px;}
  #map .imagebox .button > div { display: flex; justify-content:end;}
  #map .imagebox .button a { display: block;padding: 4px 12px; font-size: 0.9em;
  background-color: #000; color: #FFF; text-align: center;}
  #map2 .imagebox  { display: flex; max-width: 240px; padding-bottom: 5px;}
  #map2 .imagebox .image  { width: 120px; margin-right: 10px;}
  #map2 .imagebox .image img { max-width: 100%; height:auto;}
  #map2 .imagebox .button { margin-top: 5px;}
  #map2 .imagebox .button > div { display: flex; justify-content:end;}
  #map2 .imagebox .button a { display: block;padding: 4px 12px; font-size: 0.9em;
  background-color: #000; color: #FFF; text-align: center;}  

  .fancybox-slide--html .fancybox-close-small { right:auto! important; left:0! important;}
.main-image p { text-align: right; font-size; 0.675em;}
.mb-3 { margin-bottom: 1em;}