@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap");
@font-face {
	font-family: 'Hannari';
	src: url("fonts/Hannari.woff") format("woff"), url("fonts/Hannari.otf’") format("opentype");
}
/* ===================================================================
CSS information

 file name  :facilities.css
 author     :Ability Consultant 
style info  :トップページ 
=================================================================== */
.mwidth, #facilities .con_info, #facilities .con_entrance, #facilities .con_fac, #facilities .con_fac02, #facilities .con_fac03, #facilities .con_overview, #facilities .con_barrier, #facilities .con_about {
	margin: 0 auto;
	width: 950px;
}
@media only screen and (max-width: 950px) {
  .mwidth, #facilities .con_info, #facilities .con_entrance, #facilities .con_fac, #facilities .con_fac02, #facilities .con_fac03, #facilities .con_overview, #facilities .con_barrier, #facilities .con_about {
		max-width: 95%;
  }
}

.txt_floor {
	background-color: #240e00;
	display: inline;
	padding: 0 2%;
	font-size: 80%;
	line-height: 1em;
}

/*----------------------------------------------------
	#intro
----------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #contents #contents-inner #intro .bx-wrapper {
		margin: -50px auto 30px auto;
  }
}

/* -----------------------------------------------------------
	.con_info		施設のご案内
----------------------------------------------------------- */
#facilities .con_info {
	overflow: hidden;
	*zoom: 1;
	padding: 30px 0;
}
#facilities .con_info .txt_inf {
	margin-bottom: 40px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
  #facilities .con_info .txt_inf {
		text-align: left;
  }
}
#facilities .con_info .col2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#facilities .con_info .col2 .photo {
	width: 58%;
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #facilities .con_info .col2 .photo {
		width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_info .col2 .photo {
		margin-bottom: 1.5em;
  }
}
#facilities .con_info .col2 .photo img {
	width: auto;
}
@media only screen and (max-width: 767px) {
  #facilities .con_info .col2 .photo img {
		width: 100%;
  }
}
#facilities .con_info .col2 .floor {
	width: 40%;
	text-align: left;
}
@media only screen and (max-width: 767px) {
  #facilities .con_info .col2 .floor {
		width: 100%;
  }
}
#facilities .con_info .col2 .floor table tr td {
	border-right: 1px solid #4c3c29;
}
#facilities .con_info .col2 .floor table tr td:first-of-type {
	width: 18%;
	text-align: center;
}

/* -----------------------------------------------------------
	.con_entrance		エントランスホール
----------------------------------------------------------- */
#facilities .con_entrance {
	overflow: hidden;
	*zoom: 1;
	padding: 30px 0;
}
#facilities .con_entrance .txt_ent {
	margin-bottom: 40px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
  #facilities .con_entrance .txt_ent {
		text-align: left;
  }
}
#facilities .con_entrance .photo {
	margin-bottom: 20px;
}

/* -----------------------------------------------------------
	.con_fac		各設備
----------------------------------------------------------- */
#facilities .con_fac {
	overflow: hidden;
	*zoom: 1;
	padding: 30px 0;
}
#facilities .con_fac .txt_inf {
	margin-bottom: 40px;
	text-align: center;
}
#facilities .con_fac.lobby .bx-wrapper {
	margin: 0 auto 30px;
}
#facilities .con_fac.lobby #bx-pager {
	margin: 0 auto 30px;
	width: 150px;
	overflow: hidden;
}
#facilities .con_fac.lobby #bx-pager a {
	margin: 0 10px;
	padding-top: 63px;
	width: 55px;
	height: 0;
	display: block;
	overflow: hidden;
	float: left;
}
#facilities .con_fac.lobby #bx-pager a.thumb01 {
	background: url(../facilities/images/thumb_lobby01.png) 0 0 no-repeat;
}
#facilities .con_fac.lobby #bx-pager a.thumb02 {
	background: url(../facilities/images/thumb_lobby02.png) 0 0 no-repeat;
}
#facilities .con_fac.lobby #bx-pager a:hover, #facilities .con_fac.lobby #bx-pager a.active {
	background-position: 0 -63px;
}
#facilities .con_fac .box_col2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#facilities .con_fac .box_col2 .box_l {
	width: 57.5%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #facilities .con_fac .box_col2 .box_l {
		width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac .box_col2 .box_l {
		width: 100%;
  }
}
#facilities .con_fac .box_col2 .box_l ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac .box_col2 .box_l ul {
		margin-bottom: 1.5em;
  }
}
#facilities .con_fac .box_col2 .box_l ul li {
	width: 48.5%;
}
#facilities .con_fac .box_col2 .box_l ul li img {
	width: auto;
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac .box_col2 .box_l ul li img {
		width: 100%;
  }
}
#facilities .con_fac .box_col2 .box_r {
	width: 39.5%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #facilities .con_fac .box_col2 .box_r {
		width: 58%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac .box_col2 .box_r {
		width: 100%;
  }
}
#facilities .con_fac .box_col2 .box_r .txt_fc {
	margin-bottom: 20px;
}
#facilities .con_fac .box_col2 .box_r table.tbl_basic th, #facilities .con_fac .box_col2 .box_r table.tbl_basic td {
	padding: 5px 15px;
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac .box_col2 .box_r table.tbl_basic th, #facilities .con_fac .box_col2 .box_r table.tbl_basic td {
		padding: 12px 15px;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac .box_col2 .box_r table.tbl_basic th, #facilities .con_fac .box_col2 .box_r table.tbl_basic td {
		display: table-cell;
  }
}
#facilities .con_fac .box_col2 .box_r table.tbl_basic th {
	width: 80px;
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac .box_col2 .box_r table.tbl_basic th {
		width: 100%;
  }
}
#facilities .con_fac .box_col2 .box_r table.tbl_basic td {
	border-right: 1px solid #4c3c29;
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac .box_col2 .box_r table.tbl_basic td:nth-last-child(2) {
		width: 30%;
		padding: 12px 0;
		text-align: center;
  }
}

/* -----------------------------------------------------------
	.con_fac02		各設備
----------------------------------------------------------- */
#facilities .con_fac02 {
	overflow: hidden;
	*zoom: 1;
	padding: 30px 0;
}
#facilities .con_fac02 .box_col2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#facilities .con_fac02 .box_col2 .box_l {
	width: 60%;
	margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #facilities .con_fac02 .box_col2 .box_l {
		width: 58%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac02 .box_col2 .box_l {
		width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac02 .box_col2 .box_l {
		margin-bottom: 1.5em;
  }
}
#facilities .con_fac02 .box_col2 .box_l img {
	width: auto;
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac02 .box_col2 .box_l img {
		width: 100%;
  }
}
#facilities .con_fac02 .box_col2 .box_r {
	width: 39.5%;
	display: flex;
	flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac02 .box_col2 .box_r {
		width: 100%;
  }
}
#facilities .con_fac02 .box_col2 .box_r .txt_fc {
	margin-bottom: 20px;
	width: 100%;
}
#facilities .con_fac02 .box_col2 .box_r .img {
	width: 100%;
	align-self: flex-end;
	text-align: left;
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac02 .box_col2 .box_r .img {
		text-align: center;
  }
}

/* -----------------------------------------------------------
  .con_fac03    各設備
----------------------------------------------------------- */
#facilities .con_fac03 {
	overflow: hidden;
	*zoom: 1;
	padding: 30px 0;
}
#facilities .con_fac03 .box_col2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 3.7em;
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac03 .box_col2 {
		margin-bottom: 2em;
  }
}
#facilities .con_fac03 .box_col2 .box_r {
	width: 60%;
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac03 .box_col2 .box_r {
		width: 100%;
  }
}
#facilities .con_fac03 .box_col2 .box_r img {
	width: auto;
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac03 .box_col2 .box_r img {
		width: 100%;
  }
}
#facilities .con_fac03 .box_col2 .box_l {
	width: 39.5%;
	display: flex;
	flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #facilities .con_fac03 .box_col2 .box_l {
		width: 37.5%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac03 .box_col2 .box_l {
		width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #facilities .con_fac03 .box_col2 .box_l {
		padding: 0 2% 0 0;
  }
}
#facilities .con_fac03 .box_col2 .box_l .txt_fc {
	margin-bottom: 20px;
	width: 100%;
}
#facilities .con_fac03 .box_col2 .box_l .img {
	align-self: flex-end;
	width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #facilities .con_fac03 .box_col2 .box_l .img img {
		width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_fac03 .box_col2 .box_l {
		order: 2;
  }
  #facilities .con_fac03 .box_col2 .box_l .txt_fc {
		margin-top: 1.5em;
  }
  #facilities .con_fac03 .box_col2 .box_l .img {
		text-align: center;
  }
}
#facilities .con_fac03.shop .box_slide .bx-wrapper {
	margin: 0 auto 30px;
}
#facilities .con_fac03.shop .box_slide #bx-pager {
	margin: 0 auto 30px;
	width: 225px;
	overflow: hidden;
}
#facilities .con_fac03.shop .box_slide #bx-pager a {
	margin: 0 10px;
	padding-top: 63px;
	width: 55px;
	height: 0;
	display: block;
	overflow: hidden;
	float: left;
}
#facilities .con_fac03.shop .box_slide #bx-pager a.thumb01 {
	background: url(../facilities/images/thumb_shop01.png) 0 0 no-repeat;
}
#facilities .con_fac03.shop .box_slide #bx-pager a.thumb02 {
	background: url(../facilities/images/thumb_shop02.png) 0 0 no-repeat;
}
#facilities .con_fac03.shop .box_slide #bx-pager a.thumb03 {
	background: url(../facilities/images/thumb_shop03.png) 0 0 no-repeat;
}
#facilities .con_fac03.shop .box_slide #bx-pager a:hover, #facilities .con_fac03.shop .box_slide #bx-pager a.active {
	background-position: 0 -63px;
}

/* -----------------------------------------------------------
  .con_overview    施設概要
----------------------------------------------------------- */
.con_overview {
	padding: 30px 0;
}
.con_overview table {
	width: 100%;
}
.con_overview table td {
	box-sizing: border-box;
	width: 80%;
}
@media only screen and (max-width: 767px) {
  .con_overview table td {
		width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_overview table td {
		display: block;
  }
}
.con_overview table td span {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
@media only screen and (max-width: 767px) {
  .con_overview table td a {
		word-break: break-all;
  }
}
.con_overview table td.col {
	width: 19%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_overview table td.col {
		width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .con_overview table td.col {
		width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_overview table td.col {
		padding: 12px 0;
  }
}

/* -----------------------------------------------------------
  .con_barrier    バリアフリー
----------------------------------------------------------- */
.con_barrier {
	overflow: hidden;
	*zoom: 1;
	padding: 30px 0;
}
.con_barrier .txt_bar {
	margin: 30px 0 15px 0;
	text-align: center;
}
.con_barrier .txt_bar02 {
	padding: 15px 0;
}
.con_barrier .txt_bar02 li {
	text-indent: -1em;
	padding-left: 1em;
}
.con_barrier table {
	margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .con_barrier table tr {
		display: flex;
		flex-wrap: wrap;
  }
}
.con_barrier table tr td {
	width: 38%;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_barrier table tr td {
		width: 34%;
  }
}
@media only screen and (max-width: 767px) {
  .con_barrier table tr td {
		width: 70%;
  }
}
.con_barrier table tr .col {
	width: 12%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_barrier table tr .col {
		width: 16%;
  }
}
@media only screen and (max-width: 767px) {
  .con_barrier table tr .col {
		width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_barrier table tr .col {
		padding: 12px 0;
  }
}

/* -----------------------------------------------------------
  .con_about    名勝慶野松原とは
----------------------------------------------------------- */
#facilities .con_about {
	overflow: hidden;
	*zoom: 1;
	padding: 30px 0;
}
#facilities .con_about .st_spot {
	font-family: "Sawarabi Mincho", sans-serif;
	font-weight: 500;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .st_spot {
		font-size: 1.25em;
  }
}
#facilities .con_about .box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 3.5em;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box {
		margin-bottom: 2em;
  }
}
#facilities .con_about .box .st_basic_01 {
	text-align: left;
	margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box .st_basic_01 {
		text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #facilities .con_about .box .st_basic_01 {
		margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box .st_basic_01 {
		margin-bottom: 1em;
  }
}
#facilities .con_about .box.box_keino .box_l {
	width: 50%;
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.box_keino .box_l {
		width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.box_keino .box_l {
		margin-bottom: 1.5em;
  }
}
#facilities .con_about .box.box_keino .box_l img {
	width: auto;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.box_keino .box_l img {
		width: 100%;
  }
}
#facilities .con_about .box.box_keino .box_r {
	width: 47%;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.box_keino .box_r {
		width: 100%;
  }
}
#facilities .con_about .box.box_keino .box_r p {
	margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.box_keino .box_r p {
		margin-bottom: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  #facilities .con_about .box.box_gosho {
		margin-bottom: 55px;
  }
}
@media print {
  #facilities .con_about .box.box_gosho {
		margin-bottom: 55px;
  }
}
.ie8 #facilities .con_about .box.box_gosho {
	margin-bottom: 55px;
}
#facilities .con_about .box.box_gosho .photo {
	width: 50%;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.box_gosho .photo {
		width: 100%;
  }
}
#facilities .con_about .box.box_gosho .photo img {
	width: auto;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.box_gosho .photo img {
		width: 100%;
  }
}
#facilities .con_about .box.box_gosho .box_l {
	width: 47%;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.box_gosho .box_l {
		width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.box_gosho .box_l {
		order: 2;
		margin-top: 1.5em;
  }
}
#facilities .con_about .box.box_gosho .box_l p {
	margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.box_gosho .box_l p {
		margin-bottom: 1.5em;
  }
}
#facilities .con_about .box.box_gosho .box_l .st_basic_01 {
	margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.box_gosho .box_l .st_basic_01 {
		margin-bottom: 1.5em;
  }
}
#facilities .con_about .box.lst_box {
	justify-content: flex-start;
	margin-bottom: 2em;
}
#facilities .con_about .box.lst_box .st_basic_01 {
	margin-bottom: .6em;
}
#facilities .con_about .box.lst_box .box_sm {
	display: flex;
	justify-content: space-between;
	width: 47%;
	margin-bottom: 2.3em;
	margin: 0 6% 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #facilities .con_about .box.lst_box .box_sm {
		width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.lst_box .box_sm {
		width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #facilities .con_about .box.lst_box .box_sm {
		margin: 0 2% 1.5em 0;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.lst_box .box_sm {
		margin: 0 0 0.2em;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.lst_box .box_sm {
		display: block;
  }
}
#facilities .con_about .box.lst_box .box_sm:nth-child(2n) {
	margin-right: 0;
}
#facilities .con_about .box.lst_box .box_sm .photo {
	width: 51%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #facilities .con_about .box.lst_box .box_sm .photo {
		width: 46%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.lst_box .box_sm .photo {
		width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.lst_box .box_sm .photo {
		margin: 0 auto 3% auto;
  }
}
#facilities .con_about .box.lst_box .box_sm .photo img {
	width: auto;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.lst_box .box_sm .photo img {
		width: 100%;
  }
}
#facilities .con_about .box.lst_box .box_sm .box_r {
	width: 46%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #facilities .con_about .box.lst_box .box_sm .box_r {
		width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.lst_box .box_sm .box_r {
		width: 100%;
  }
}
#facilities .con_about .box.lst_box .box_sm .txt_g {
	margin-bottom: 0.3em;
}
@media only screen and (max-width: 767px) {
  #facilities .con_about .box.lst_box .box_sm .txt_g {
		margin-bottom: 3em;
  }
}
@media only screen and (max-width: 600px) {
  #facilities .con_about .box.lst_box .btn .btn_txt {
		padding: 1em 0;
		width: 100%;
		display: block;
		text-align: center;
		font-size: 100%;
  }
}

/*----------------------------------------------------
	b-free.php
----------------------------------------------------*/
.con_faci_b-free {
	margin: 0 auto;
	padding: 20px 0;
	max-width: 710px;
	width: 100%;
}
.con_faci_b-free table td {
	border-right: 1px solid #4c3c29;
	box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .con_faci_b-free table td {
		padding: 12px 5px;
  }
}
@media only screen and (max-width: 767px) {
  .con_faci_b-free table td.st {
		width: 30%;
		text-align: center;
  }
}
.con_faci_b-free table td.img {
	width: 9%;
	text-align: center;
}
.con_faci_b-free h3 {
	font-size: 144%;
	font-weight: normal;
	padding: 0 1em;
	margin: 15px 0;
	color: #fff;
}
.con_faci_b-free .ex {
	margin-bottom: 15px;
	padding: 5px 20px;
	overflow: hidden;
	width: auto;
}
.con_faci_b-free .ex li {
	text-align: center;
}