@charset "utf-8";

/*
設備一覧
-------------------------------------------*/
ul.facility_list {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	//padding: 30px;
	padding: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.facility_list li {
	/* width: 21%; */
	width: 48%;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
ul.facility_list li c {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	//padding: 20px;
	padding: 5px;
	border: 1px dotted #CCC;
	background-color: #FFF;
	text-decoration: none;
	color: #333;
}
ul.facility_list li c img {
	width: auto;
	max-width: 100%;
  //-webkit-filter: grayscale(100%);
  //filter: grayscale(100%);
  opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

ul.facility_list li c:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

ul.facility_list li c span.title {
	display: block;
	padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
	letter-spacing: 1px;
}

ul.facility_list li c span {
  font-size: 20px;
}

ul.facility_list li c table {
  width:60%;
  margin: 10px auto 0 auto;
  font-size: 14px;
  text-align: left;
  botder-collapse: collapse;
  color:black;
}

ul.facility_list li c td {
  border: solid 1px #000;
  padding: 3px 10px;
  line-height: 1.5em;
}

ul.facility_list li c span.staff {
	display: block;
	padding-top: 10px;
 	font-size: 14px;
	letter-spacing: 1px;
}

ul.facility_list li c span.keyword {
	display: block;
	padding-top: 10px;
 	font-size: 12px;
	letter-spacing: 1px;
}

ul.facility_list li c p {
	display: block;
  padding: 10px 0 0 0;
 	font-size: 14px;
  //letter-spacing: 1px;
  text-align: left;
  margin: 0;
}

ul.facility_list li c:hover {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	border: 1px solid #000;
	color: #000;
}

ul.guideLink li {
	margin-left: 20px;
}

.img_center {
	max-width: 100% !important;
}


.hidden_box {
    //margin: 2em 0;
	font-size: 16px;
	//line-height: 1.8;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 30px;
	margin-left: 30px;}

/*ボタン装飾*/
.hidden_box label {
    //padding: 15px;
    //font-weight: bold;
    //background: #efefef;
    //border-radius: 5px;
    cursor :pointer;
    //transition: .5s;
}

/*アイコンを表示*/
.hidden_box label:before {
    display: inline-block;
    content: '▼';
    //font-family: 'FontAwesome';
    padding-right: 5px;
    //transition: 0.2s;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    //background: silver;
    text-decoration: underline;
}

/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before {
     content: '▲';
     //-webkit-transform: rotate(360deg);
     //transform: rotate(360deg);
     color: #668ad8;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.hidden_box .hidden_show span {
  font-size: 16px;
}


/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    //padding: 10px 0;
    height: auto;
    opacity: 1;
}

.hidden_box p {
	font-size: 16px;
	line-height: 1.8;
	padding: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

.hidden_box h4 {
	font-size: 20px;
	color: #555;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 00px;
    //margin-left: 30px;
}




/*アイコンを表示*/
.hidden_box h4 label:before {
    display: inline-block;
    content: '';
    //font-family: 'FontAwesome';
    padding-right: 0px;
    //transition: 0.2s;
}

/*ボタンホバー時*/
.hidden_box h4 label:hover {
    //background: silver;
    text-decoration: underline;
}

/*アイコンを切り替え*/
.hidden_box h4 input:checked ~ label:before {
     content: '▲';
     //-webkit-transform: rotate(360deg);
     //transform: rotate(360deg);
     color: #668ad8;
}








@media screen and (max-width:896px){

ul.facility_list li {
  //width: 31%;
  width: 48%;
}

.hidden_box {
	margin-left: 10px;
}




@media screen and (max-width:640px){

ul.facility_list li {
	width: 47%;
}

@media screen and (max-width:460px){

ul.facility_list li {
	width: 98%;
}