@charset "UTF-8";
/*-----------
module
-----------*/
/*--スクロールボタン--*/
.bl_Scroll__wrap {
	display: none;
}
/*-- top news --*/
.bl_news__header {
	border-bottom: 1px solid var(--color-silver, #a3a3a3);
	padding-bottom: .5em;
}
.bl_news_body {
	width: 100%;
	padding: 1em 0;
}
.bl_news__cont {
	height: auto;
	max-height: 14.5em;
	overflow-y: scroll;
	-ms-overflow-style: none; /* IE, Edge 対応 */
	scrollbar-width: none; /* Firefox 対応 */
}
.bl_news__cont::-webkit-scrollbar { /* Chrome, Safari 対応 */
	display: none;
}
.bl_news__item {
	margin-bottom: 1em;
}
.bl_news__item time {
	padding-right: 1em;
}
.el_news_category {
	padding-right: 1em;
	line-height: 1.75;
	white-space: nowrap;
	text-align: justify;
	min-width: 5em;
}
.el_news_text {
	padding-left: 1em;
	border-left: 1px solid var(--color-silver, #a3a3a3);
}
.el_news_text a {
	color: var(--color-darkgray, #333);
	text-decoration: underline;
}
.el_news_text a:hover {
	opacity: .6;
}
/*-- 休館情報 --*/
.bl_grandinfo__cont {
	width: 100%;
}
.bl_grandinfo__cont dt {
	min-width: 13em;
}
.bl_grandinfo__cont dd {
	width: -webkit-calc(100% - 13.1em);
	width: -moz-calc(100% - 13.1em);
	width: calc(100% - 13.1em); /*.1emは調整用*/
}
/*-- ご利用可能な施設 --*/
#institution {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.bl_h2_part2 {
	text-align: center;
}
.bl_h2_part2 span {
	font-family: 'Kiwi Maru', serif;
	font-size: 4rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: .1em; /*調整用*/
	color: var(--color-white, #fff);
	position: relative;
	background-color: var(--color-main, #148837);
	width: auto;
	padding: .5em 1em 1.5em;
	margin: auto;
	z-index: 10;
	display: inline-block;
}
.bl_h2_part2 span::after {
	content: " ";
	height: 4px;
	width: 2.5em;
	border-bottom: 4px solid var(--color-white, #fff);
	margin-bottom: -.1em;
	position: absolute;
	bottom: 1em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.bl_h2_part2 + .ly_h2_part2_set {
	position: relative;
	top: -5em;
	z-index: 1;
	padding-top: 7em;
	padding-bottom: 2em;
	padding-left: 5%;
	padding-right: 5%;
}
/*2022年7月12日追加*/
.bl_imgset {
	width: 100%;
	height: 100%;
}
/*2022年7月12日追加　end*/
.bl_imgset a:hover {
	opacity: .6;
	display: block;
}
.bl_imgset figure p {
	line-height: 1;
}
.bl_imgset figcaption {
	background-color: var(--color-snowwhite, #F2F2F2);
	padding: .7em 1em;
	text-align: center;
	line-height: 1.5;
}
#access a {
	display: block;
}
#access a:hover {
	opacity: .6;
}
.ly_btn_area {
	margin-top: 2em;
}
.el_qualifications_cap {
	font-family: 'Kiwi Maru', serif;
	font-size: 2.4rem;
	font-weight: 500;
	color: var(--color-deepblue, #323940);
	line-height: 1.2;
	text-align: center;
}
.bl_content_wrap > p {
	margin-bottom: 1em;
	float: right;
}
.bl_content_wrap > p::after {
	content: " ";
	clear: both;
}
/*-- トップページ　住友総合グランドからのご案内 --*/
.bl_blog_list {}
.bl_blog_list a {
	display: block;
	height: 100%;
	width: 100%;
}
.bl_blog_list figure p {
	width: 100%;
}
.bl_blog_list figure p img {
	display: block;
	height: 20vw;
	max-height: 200px;
	object-fit: cover;
	width: 100%;
}
.bl_blog_list figcaption {
	padding: 1em;
	text-align: left;
}
.bl_blog_list figcaption p {
	line-height: 1.5;
	max-height: 4.5em;
	overflow: hidden;
}
.bl_blog_list figcaption time {
	padding-top: 1em;
	display: block;
}
/*-- /トップページ　住友総合グランドからのご案内 --*/
/*-- news sort 部分 --*/
.bl_sort_news {
	width: 100%;
}
.bl_news__item {
	padding: 1em;
	margin-bottom: 0;
}
.bl_news__inner .el_news_text {
	border-left: none;
	padding-left: 0;
	padding-top: .5em;
}
.bl_sort_news .sort-item:nth-of-type(even) td {
	background-color: var(--color-lightgray, #F8F8F8);
}
.bl_sort_news .sort-item:nth-of-type(odd) td {
	background-color: var(--color-white, #fff);
}
/*-- map --*/
/*-- map side --*/
.el_icon_number {
	display: block;
	width: 1.7em;
	height: 1.7em;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: var(--color-main, #148837);
	position: absolute;
	top: .5em;
	left: .5em;
	color: var(--color-white, #fff);
	text-align: center;
	line-height: 1.7;
	font-style: normal;
	z-index: 10;
}
.el_icon_number + span {
	position: absolute;
	top: 1.2em;
	left: 4em;
	color: #333;
	width: calc(100% - 5em);
	font-size: 1rem;
	padding: .25em .5em;
	z-index: 10;
}
.el_icon_number + span::before {
	position: inherit;
	top: 0;
	left: 0;
	content: " ";
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 3px;
	opacity: 1;
	z-index: -1;
}
.el_number_01::before {
	content: "1";
}
.el_number_02::before {
	content: "2";
}
.el_number_03::before {
	content: "3";
}
.el_number_04::before {
	content: "4";
}
.el_number_05::before {
	content: "5";
}
.el_number_06::before {
	content: "6";
}
.el_number_07::before {
	content: "7";
}
.el_number_08::before {
	content: "8";
}
.el_number_09::before {
	content: "9";
}
.el_number_10::before {
	content: "10";
}
.el_number_11::before {
	content: "11";
}
.el_number_12::before {
	content: "12";
}
.el_number_13::before {
	content: "13";
}
.el_number_14::before {
	content: "14";
}
.el_number_15::before {
	content: "15";
}
.el_number_16::before {
	content: "16";
}
.el_number_17::before {
	content: "17";
}
.el_number_18::before {
	content: "18";
}
.el_number_19::before {
	content: "19";
}
.el_number_20::before {
	content: "20";
}
/*-- 各施設のご利用案内 --*/
/*-- ol ナンバーリセット --*/
.bl_ol {
	counter-reset: number-counter;
	list-style: none;
	padding: 0;
	margin: 0;
}
.bl_ol li {
	line-height: 1.5;
	padding-left: 1.8em;
	position: relative;
	margin-bottom: .5em;
}
.bl_ol li:before {
	content: counter(number-counter);
	counter-increment: number-counter;
	border: 1px solid;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 1.8em;
	width: 1.8em;
	color: var(--color-darkgray, #333);
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.2;
	position: absolute;
	top: 4px;
	left: 0;
}
/*-- step cont --*/
.bl_step__cont .bl_card {
	margin-right: 0;
}
#entry > ol li.bl_card:last-of-type {
	margn-right: 0;
}
#entry > ol li .bl_step__cont p {
	background-color: var(--color-kusumigreen, #BFD3C5);
	color: var(--color-black, #000);
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
}
#entry > ol li .bl_step__cont p span {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	word-break: break-word;
	padding: 1em;
}
#entry > ol li .bl_step__cont dl {
	background-color: var(--color-snowwhite, #F2F2F2);
	text-align: left;
	padding: 1em;
	font-weight: bold;
	-moz-border-radius: 0 8px 8px 0;
	border-radius: 0 8px 8px 0;
}
#entry > ol li .bl_step__cont dd {
	font-weight: normal;
}
/*-- usage guide --*/
.bl_usageguide_table {
	border: 1px solid var(--color-deepblue, #323940);
}
.bl_usageguide_table tr {
	border-bottom: 1px solid var(--color-deepblue, #323940);
}
.bl_usageguide_table th {
	border-right: 1px solid var(--color-white, #fff);
	border-top: 1px solid var(--color-white, #fff);
	background-color: var(--color-deepblue, #323940);
	padding: 1em;
	color: var(--color-white, #fff);
	vertical-align: middle;
	font-weight: normal;
}
.bl_usageguide_table td {
	border-right: 1px solid var(--color-deepblue, #323940);
	padding: 1em;
	vertical-align: middle;
}
.un_usage-guide_bgposition {
	position: relative;
}
.un_usage-guide_bgposition::before {
	content: " ";
	display: block;
	background-color: var(--color-snowwhite, #F2F2F2);
	width: 100%;
	height: -webkit-calc(100% - 42vw);
	height: -moz-calc(100% - 42vw);
	height: calc(100% - 42vw);
	position: absolute;
	top: 42vw;
	z-index: -1;
}
/*-- policy table --*/
.bl_policy_table {
	border: 1px solid var(--color-main, #148837);
}
.bl_policy_table tr {
	border-bottom: 1px solid var(--color-main, #148837);
}
.bl_policy_table th {
	border-right: 1px solid var(--color-white, #fff);
	border-top: 1px solid var(--color-white, #fff);
	background-color: var(--color-main, #148837);
	padding: 1em;
	color: var(--color-white, #fff);
	vertical-align: middle;
	font-weight: normal;
}
.bl_policy_table td {
	border-right: 1px solid var(--color-main, #148837);
	padding: 1em;
	vertical-align: middle;
}
/*-- 感染症対策 --*/
.un_colona_list_wrap:not(:last-of-type) {
	margin-bottom: 2em;
}
.un_used_list {}
.un_used_list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 5%;
}
.un_used__wrap li:nth-of-type(1) {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
.un_used__wrap li:nth-of-type(2) {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
.un_used__wrap li:nth-of-type(3) {
	border-bottom: 1px solid #333;
}
.un_used__wrap li:nth-of-type(4) {
	border-right: 1px solid #333;
}
.un_used__wrap li:nth-of-type(5) {
	border-right: 1px solid #333;
}
.un_used__wrap li:nth-of-type(6) {}
.un_self-restraint__wrap li:nth-of-type(1) {
	border-right: 1px solid #333;
}
.un_self-restraint__wrap li:nth-of-type(2) {
	border-right: 1px solid #333;
}
.un_self-restraint__wrap li:nth-of-type(3) {}
/*-- ol ナンバーリセット2 --*/
.bl_ol2 {
	counter-reset: number-counter;
	list-style: none;
	padding: 0;
	margin: 0;
}
.bl_ol2 li {
	line-height: 1.5;
	position: relative;
	margin-bottom: 2em;
}
/*-- ol ナンバーリセット3 --*/
.bl_ol3 {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
}
.bl_ol3 ol {
	padding-left: 1em;
	padding-top: 1em;
}
.bl_ol3 li {
	text-indent: -1.3em;
	padding-left: 1.3em;
	padding-bottom: 2em;
}
.bl_ol3 li:before {
	counter-increment: item;
	content: counter(item)'.';
	/* 以下は自由に装飾... */
	padding-right: .5em;
}
/*-- access --*/
.bl_access_table {
	margin-top: 1em;
}
.bl_access_table tr:first-of-type {
	border-top: 1px solid var(--color-lightgray2, #e3e3e3);
}
.bl_access_table tr {
	text-align: left;
	border-bottom: 1px solid var(--color-lightgray2, #e3e3e3);
}
.bl_access_table th {
	vertical-align: middle;
}
.bl_access_table td {
	padding: 1em;
}
.bl_googlemap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.bl_googlemap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.bl_access_list .bl_access_item {
	-moz-border-radius: 8px;
	border-radius: 8px;
	line-height: 1;
}
.el_access_arrow {
	font-style: normal;
	position: relative;
	left: -5px;
	color: var(--color-wakakusagreen, #8CC078);
}
/*-- access tab --*/
.bl_tab_btn {}
.tab_item {
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 4em 0;
	clear: both;
	overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_inner, #tab2:checked ~ #tab2_inner, #tab3:checked ~ #tab3_inner {
	display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background-color: var(--color-main, #148837);
}
/*-- blog --*/
.bl_blog_cont a {
	text-decoration: underline;
}
.el_blog_number {}
.el_blog_number::before {
	content: "（";
	display: inline-block;
}
.el_blog_number::after {
	content: "件）";
	display: inline-block;
}
.bl_blogList__content {
	display: block;
	width: 100%;
}
.bl_blogList__item {
	margin-bottom: 1em;
}
.bl_blogList__item a {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--color-snowwhite, #F2F2F2);
}
.bl_blogList__item a:hover {
	background: var(--color-main, #148837);
	color: #fff;
}
.ly_blogList__txt {
	padding: .5em 1em;
}
.ly_blogList__txt p {
	padding: .5em 0;
	align-items: center;
}
.ly_blogList__txt p span {
	padding-right: .5em;
}
.ly_blogList__txt p span:last-child {
	font-size: 1.2rem;
}
.ly_blogList__txt p span:last-child::before {
	content: "｜";
	display: inline-block;
	padding-right: .5em;
}
.ly_blogList__txt h3 {
	padding: 0 .5em .5em 0;
	line-height: 1.5;
}
/*-- FAQ --*/
.bl_faq__item {}
.bl_faq__item dt {
	margin-bottom: 1em;
	padding-left: 2.5em;
	font-weight: bold;
}
.bl_faq__item dd {
	padding-left: 2.8em;
}
.el_icon__Q, .el_icon__A {
	position: relative;
}
.el_icon__Q::before, .el_icon__A::before {
	display: inline-block;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	font-style: normal;
	width: 1.8em;
	height: 1.8em;
	color: var(--color-white, #fff);
	position: absolute;
	left: -2.5em;
}
.el_icon__Q::before {
	content: "Q";
	background: var(--color-redpurple, #3B0100);
}
.el_icon__A::before {
	content: "A";
	background: var(--color-main, #148837);
	left: -2.7em;
}
/*-- contact --*/
.bl_contact__info h6 {
	border: 1px solid var(--color-main, #148837);
	background-color: var(--color-main, #148837);
	padding: 1em;
	color: var(--color-white, #fff);
	font-size: 2.4rem;
}
.bl_contact__info h6 + .bl_contact__item {
	border: 1px solid var(--color-main, #148837);
	background-color: var(--color-snowwhite, #F2F2F2);
	padding: 1em;
	color: var(--color-main, #148837);
	font-size: 1.8rem;
	font-weight: bold;
	padding-left: 1.4em;
}
.bl_contact__item dt::after {
	content: ".";
	display: inline-block;
	padding-right: 1em;
}
.bl_map_main {}
.bl_map_side {}
/*予約画面　表ページ用*/
.bl_month_moved {}
.bl_month_moved li:not([class="hidden"]):last-child::before {
	content: "｜";
	padding-right: 1em;
	padding-left: 1em;
	position: relative;
	top: 6px;
}
.bl_month_table {
	text-align: center;
	margin-top: 1em;
	border: 1px solid var(--color-main, #148837);
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.bl_month_table tr th {
	width: calc(100% / 7);
	padding: .5em 1em;
	color: var(--color-white, #fff);
	font-weight: normal;
	border-right: 1px solid var(--color-white, #fff);
}
.bl_month_table tr th:last-child {
	border-right: none;
}
.bl_month_table tr td {
	padding: .5em 1em;
	height: 4em;
}
.bl_month_table tr:not(:last-child) td {
	border-bottom: 1px solid var(--color-main, #148837);
}
.bl_month_table tr:last-child td:first-child {
	-moz-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
}
.bl_month_table tr:last-child td:last-child {
	-moz-border-radius: 0 0 8px 0;
	border-radius: 0 0 8px 0;
}
.bl_month_table tr td:not(:last-child) {
	border-right: 1px solid var(--color-main, #148837);
}
.bl_month_table tr:first-child th:first-child {
	-moz-border-radius: 8px 0 0 0;
	border-radius: 8px 0 0 0;
}
.bl_month_table tr:first-child th:last-child {
	-moz-border-radius: 0 8px 0 0;
	border-radius: 0 8px 0 0;
}
.el_closed {
	background-color: var(--color-closed, #F2DEDE);
}
.el_notused {
	background-color: var(--color-snowwhite, #F2F2F2);
}
.el_open {
	background-color: var(--color-white, #fff);
}
.el_empty {
	background-color: var(--color-white, #fff);
}
.el_disabled {
	background-color: var(--color-lightgray2, #e3e3e3);
}
.el_disabled {
	background-color: var(--color-lightgray2, #e3e3e3);
}
.el_choice {
	background-color: var(--color-yellow, #F5F3BB);
}
.el_selected {
	background-color: var(--color-main, #148837);
}
.el_t-reservation {
	background-color: var(--color-red, #AC130A);
}
/*予約画面　表ページ用 （施設予約）*/
.bl_carender_month {
	width: 100%;
}
.selectdisplay {}
.selectdisplay table {
	border-collapse: separate;
	width: 100%;
}
.selectdisplay table th {
	width: 8em;
	background-color: var(--color-main, #148837);
	padding: .5em 2em;
	color: var(--color-snowwhite, #F2F2F2);
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid var(--color-lightgray2, #e3e3e3);
}
.selectdisplay table td {
	background-color: var(--color-snowwhite, #F2F2F2);
	padding: .5em 2em;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid var(--color-silver, #a3a3a3);
}
.selectdisplay table tr:last-child th, .selectdisplay table tr:last-child td {
	border-bottom: none;
}
.selectdisplay table tr:last-child td {}
.selectdisplay table tr:first-child th {
	border-radius: 5px 0 0 0;
}
.selectdisplay table tr:first-child td {
	border-radius: 0 5px 0 0;
}
.selectdisplay table tr:last-child th {
	border-radius: 0 0 0 5px;
}
.selectdisplay table tr:last-child td {
	border-radius: 0 0 5px 0;
}
.selectdisplay p {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: var(--color-snowwhite, #F2F2F2);
	padding: 1em 2em;
	-moz-border-radius: 3em;
	border-radius: 3em;
}
.selectdisplay p span {
	padding-left: .5em;
}
/*施設カレンダー内部 t-calender*/
.t-calender th {
	background-color: var(--color-lightgreen, #BBD380);
	padding: .5em 1em;
	border-top: 1px solid var(--color-lightgreen, #BBD380);
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid var(--color-lightgreen, #BBD380);
	color: #fff;
	font-weight: normal;
	width: 10em;
}
.t-calender th:last-of-type {
	border-right: none;
}
.t-calender td {
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid var(--color-lightgreen, #BBD380);
	white-space: nowrap;
	min-height: 100%;
	height: 1px;
}
.t-calender .el_facility_ttl {
	padding: .5em 1em;
	border-bottom: 1px solid #fff;
	background-color: var(--color-lightgreen, #BBD380);
	white-space: nowrap;
	width: 20%;
}
/*施設カレンダー内部 h-calender*/
.h-calender {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	border-style: none;
	min-height: 100%;
}
.h-calender td {
	margin: 0px;
	padding: .5em 0;
	width: 25%;
	height: 100%;
	border-style: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
.h-calender td[class="el_disabled"], .h-calender td[class="el_selected"], .h-calender td[class="el_t-reservation"] {
	cursor: default;
}
/*-----------
マイページ
-----------*/
/*--パンクズリスト--*/
.bl_topicPath__wrap {}
.bl_topicPath {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin: auto;
	list-style-type: none;
	padding: 3em 0;
}
.bl_topicPath li:last-child {
	position: relative;
	padding-left: 1em;
}
.bl_topicPath li {
	position: relative;
	padding-left: 1em;
	margin-right: 1.5em;
}
.bl_topicPath li:last-child::after {
	position: absolute;
	content: "";
}
.bl_topicPath li::after {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "\03e";
	padding-left: 1em;
}
.bl_topicPath a {
	color: #323232;
	font-size: 1.4rem;
	text-decoration: none;
}
.bl_topicPath a:hover {
	color: var(--color-red, #AC130A);
}
.bl_active a {
	color: var(--color-main, #148837);
}
.bl_active:only-child {
	padding-left: 0 !important;
}
/*--サイドメニュー--*/
.bl_mypage_side {}
.bl_mypage_side ul {
	height: 100%;
}
.bl_mypage_side li:not(:last-of-type) {
	border-bottom: 1px solid var(--color-deepblue, #323940);
}
.bl_mypage_side li a:hover {
	background-color: var(--color-main, #148837);
	color: var(--color-white, #fff);
	opacity: 1;
}
.bl_mypage_side li a i {
	-webkit-transition: all ease-in .2s;
	-o-transition: all ease-in .2s;
	-moz-transition: all ease-in .2s;
	transition: all ease-in .2s;
}
.bl_mypage_side li a:hover i {
	color: var(--color-white, #fff);
}
/*メイン*/
.bl_mypage_main {}
.bl_mypage_main > .ly_section:first-child {
	padding-top: 0;
}
.bl_form {
	margin-bottom: 4em;
}
.bl_displayed-results {}
.bl_displayed-results span:first-of-type::after {
	content: "件";
	padding-left: .5em;
	padding-right: .5em;
}
.bl_displayed-results span:last-of-type::after {
	content: "件を表示";
	padding-left: .5em;
}
.bl_displayed-results span:last-of-type::before {
	content: " ";
	padding-left: .5em;
}
.bl_reservation-list_table {
	width: 100%;
	margin-top: 1em;
}
/*メイン テーブル*/
table.bl_reservation-list_table_item {
	border: 1px solid var(--color-main, #148837);
	border-collapse: separate;
	border-spacing: 0;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}
table.bl_reservation-list_table_item th, table.bl_reservation-list_table_item td {
	padding: .5em 1em;
	border-bottom: 1px solid var(--color-main, #148837);
	text-align: center;
}
table.bl_reservation-list_table_item th {
	background-color: var(--color-main, #148837);
	color: var(--color-white, #fff);
	font-weight: normal;
}
table.bl_reservation-list_table_item th:not(:first-child) {
	border-left: 1px solid var(--color-white, #fff);
}
table.bl_reservation-list_table_item td:not(:first-child) {
	border-left: 1px solid var(--color-main, #148837);
}
table.bl_reservation-list_table_item th:first-child {
	border-bottom: 1px solid var(--color-white, #fff);
}
table.bl_reservation-list_table_item tr:last-child th {
	border-bottom: 1px solid var(--color-white, #fff);
}
table.bl_reservation-list_table_item tr:last-child th:last-child {
	border-bottom: none;
}
table.bl_reservation-list_table_item tbody tr:last-child td {
	border-bottom: none;
}
table.sticky_table {
	white-space: nowrap;
}
table.sticky_table thead th {
	/* 縦スクロール時に固定する */
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	/* tbody内のセルより手前に表示する */
	z-index: 1;
}
table.sticky_table th:first-child {
	/* 横スクロール時に固定する */
	position: -webkit-sticky;
	position: sticky;
	left: 0;
}
table.sticky_table thead th:first-child {
	/* ヘッダー行内の他のセルより手前に表示する */
	z-index: 2;
}
/*sitemap*/
#sitemap li a {
	line-height: 1.5;
}
/* ==========================================================================
   pagenation
   ========================================================================== */
.nav-links {
	margin-bottom: 2em;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.nav-links a, .nav-links span {
	width: 4vw;
	height: 4vw;
	margin: 0.2rem;
	line-height: 4vw;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	background: #eee;
	color: #222;
	-webkit-transition: .3s;
	transition: .3s;
}
.nav-links a:hover {
	background: var(--color-main, #148837);
	color: #fff;
	opacity: 1;
}
.current {
	border-radius: 100%;
}
.dots {
	background: none;
}
@media (max-width: 959px) {
	/*-----------
module
-----------*/
	/*--スクロールボタン--*/
	.bl_Scroll__wrap {
		display: none;
	}
	/*-- top news --*/
	.bl_news__header {
		border-bottom: 1px solid var(--color-silver, #a3a3a3);
		padding-bottom: .5em;
	}
	.bl_news_body {
		width: 100%;
		padding: 1em 0;
	}
	.bl_news__cont {
		height: auto;
		max-height: 14.5em;
		overflow-y: scroll;
		-ms-overflow-style: none; /* IE, Edge 対応 */
		scrollbar-width: none; /* Firefox 対応 */
	}
	.bl_news__cont::-webkit-scrollbar { /* Chrome, Safari 対応 */
		display: none;
	}
	.bl_news__item {
		margin-bottom: 1em;
	}
	.bl_news__item time {
		padding-right: 1em;
	}
	.el_news_category {
		padding-right: 1em;
		line-height: 1.75;
		white-space: nowrap;
		text-align: justify;
	}
	.el_news_text {
		padding-left: 1em;
		border-left: 1px solid var(--color-silver, #a3a3a3);
	}
	.el_news_text a {
		color: var(--color-darkgray, #333);
	}
	.el_news_text a:hover {
		text-decoration: underline;
	}
	/*-- 休館情報 --*/
	.bl_grandinfo__cont {
		width: 100%;
	}
	.bl_grandinfo__cont dt {
		min-width: 13em;
	}
	.bl_grandinfo__cont dd {
		width: -webkit-calc(100% - 13.1em);
		width: -moz-calc(100% - 13.1em);
		width: calc(100% - 13.1em); /*.1emは調整用*/
	}
	/*-- ご利用可能な施設 --*/
	#institution {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.bl_h2_part2 {
		text-align: center;
	}
	.bl_h2_part2 span {
		font-family: 'Kiwi Maru', serif;
		font-size: 4rem;
		font-weight: 500;
		text-align: center;
		margin-bottom: .1em; /*調整用*/
		color: var(--color-white, #fff);
		position: relative;
		background-color: var(--color-main, #148837);
		width: auto;
		padding: .5em 1em 1.5em;
		margin: auto;
		z-index: 10;
		display: inline-block;
	}
	.bl_h2_part2 span::after {
		content: " ";
		height: 4px;
		width: 2.5em;
		border-bottom: 4px solid var(--color-white, #fff);
		margin-bottom: -.1em;
		position: absolute;
		bottom: 1em;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.bl_h2_part2 + .ly_h2_part2_set {
		position: relative;
		top: -5em;
		z-index: 1;
		padding-top: 7em;
		padding-bottom: 2em;
		padding-left: 5%;
		padding-right: 5%;
	}
	.bl_imgset a:hover {
		opacity: .6;
		display: block;
	}
	.bl_imgset figure p {
		line-height: 1;
	}
	.bl_imgset figcaption {
		background-color: var(--color-snowwhite, #F2F2F2);
		padding: .7em 1em;
		text-align: center;
		line-height: 1.5;
	}
	#access a {
		display: block;
	}
	#access a:hover {
		opacity: .6;
	}
	.ly_btn_area {
		margin-top: 2em;
	}
	.el_qualifications_cap {
		font-family: 'Kiwi Maru', serif;
		font-size: 2.4rem;
		font-weight: 500;
		color: var(--color-deepblue, #323940);
		line-height: 1.2;
		text-align: center;
	}
	.bl_content_wrap > p {
		margin-bottom: 1em;
		float: right;
	}
	.bl_content_wrap > p::after {
		content: " ";
		clear: both;
	}
	/*-- news sort 部分 --*/
	.bl_sort_news {
		width: 100%;
	}
	.bl_news__item {
		padding: 1em;
		margin-bottom: 0;
	}
	.bl_news__inner .el_news_text {
		border-left: none;
		padding-left: 0;
		padding-top: .5em;
	}
	.bl_sort_news .sort-item:nth-of-type(even) td {
		background-color: var(--color-lightgray, #F8F8F8);
	}
	.bl_sort_news .sort-item:nth-of-type(odd) td {
		background-color: var(--color-white, #fff);
	}
	/*-- map --*/
	/*-- map side --*/
	.el_icon_number {
		display: block;
		width: 1.7em;
		height: 1.7em;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: var(--color-main, #148837);
		position: absolute;
		top: .5em;
		left: .5em;
		color: var(--color-white, #fff);
		text-align: center;
		line-height: 1.7;
		font-style: normal;
		z-index: 10;
	}
	.el_icon_number + span {
		position: absolute;
		top: 0.6em;
		left: 3.5em;
		color: #333;
		width: calc(100% - 4.5em);
		font-size: 1.2rem;
		padding: 0.25em 0.5em;
		z-index: 10;
	}
	.el_icon_number + span::before {
		position: inherit;
		top: 0;
		left: 0;
		content: " ";
		width: 100%;
		height: 100%;
		background: #fff;
		border-radius: 3px;
		opacity: 1;
		z-index: -1;
	}
	.el_number_01::before {
		content: "1";
	}
	.el_number_02::before {
		content: "2";
	}
	.el_number_03::before {
		content: "3";
	}
	.el_number_04::before {
		content: "4";
	}
	.el_number_05::before {
		content: "5";
	}
	.el_number_06::before {
		content: "6";
	}
	.el_number_07::before {
		content: "7";
	}
	.el_number_08::before {
		content: "8";
	}
	.el_number_09::before {
		content: "9";
	}
	.el_number_10::before {
		content: "10";
	}
	.el_number_11::before {
		content: "11";
	}
	.el_number_12::before {
		content: "12";
	}
	.el_number_13::before {
		content: "13";
	}
	.el_number_14::before {
		content: "14";
	}
	.el_number_15::before {
		content: "15";
	}
	.el_number_16::before {
		content: "16";
	}
	.el_number_17::before {
		content: "17";
	}
	.el_number_18::before {
		content: "18";
	}
	.el_number_19::before {
		content: "19";
	}
	.el_number_20::before {
		content: "20";
	}
	/*-- 各施設のご利用案内 --*/
	/*-- ol ナンバーリセット --*/
	.bl_ol {
		counter-reset: number-counter;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.bl_ol li {
		line-height: 1.5;
		padding-left: 1.8em;
		position: relative;
		margin-bottom: .5em;
	}
	.bl_ol li:before {
		content: counter(number-counter);
		counter-increment: number-counter;
		border: 1px solid;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 1.8em;
		width: 1.8em;
		color: var(--color-darkgray, #333);
		font-size: 1rem;
		font-weight: bold;
		line-height: 1.2;
		position: absolute;
		top: 4px;
		left: 0;
	}
	/*-- step cont --*/
	.bl_step__cont .bl_card {
		margin-right: 0;
	}
	#entry > ol li.bl_card:last-of-type {
		margn-right: 0;
	}
	#entry > ol li .bl_step__cont p {
		background-color: var(--color-kusumigreen, #BFD3C5);
		color: var(--color-black, #000);
		text-align: center;
		font-weight: bold;
		-moz-border-radius: 8px 0 0 8px;
		border-radius: 8px 0 0 8px;
	}
	#entry > ol li .bl_step__cont p span {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		display: block;
		word-break: break-word;
		padding: 1em;
	}
	#entry > ol li .bl_step__cont dl {
		background-color: var(--color-snowwhite, #F2F2F2);
		text-align: left;
		padding: 1em;
		font-weight: bold;
		-moz-border-radius: 0 8px 8px 0;
		border-radius: 0 8px 8px 0;
	}
	#entry > ol li .bl_step__cont dd {
		font-weight: normal;
	}
	/*-- usage guide --*/
	.bl_usageguide_table {
		border: 1px solid var(--color-deepblue, #323940);
	}
	.bl_usageguide_table tr {
		border-bottom: 1px solid var(--color-deepblue, #323940);
	}
	.bl_usageguide_table th {
		border-right: 1px solid var(--color-white, #fff);
		border-top: 1px solid var(--color-white, #fff);
		background-color: var(--color-deepblue, #323940);
		padding: 1em;
		color: var(--color-white, #fff);
		vertical-align: middle;
		font-weight: normal;
	}
	.bl_usageguide_table td {
		border-right: 1px solid var(--color-deepblue, #323940);
		padding: 1em;
		vertical-align: middle;
	}
	.un_usage-guide_bgposition {
		position: relative;
	}
	.un_usage-guide_bgposition::before {
		content: " ";
		display: block;
		background-color: var(--color-snowwhite, #F2F2F2);
		width: 100%;
		height: -webkit-calc(100% - 42vw);
		height: -moz-calc(100% - 42vw);
		height: calc(100% - 42vw);
		position: absolute;
		top: 42vw;
		z-index: -1;
	}
	/*-- policy table --*/
	.bl_policy_table {
		border: 1px solid var(--color-main, #148837);
	}
	.bl_policy_table tr {
		border-bottom: 1px solid var(--color-main, #148837);
	}
	.bl_policy_table th {
		border-right: 1px solid var(--color-white, #fff);
		border-top: 1px solid var(--color-white, #fff);
		background-color: var(--color-main, #148837);
		padding: 1em;
		color: var(--color-white, #fff);
		vertical-align: middle;
		font-weight: normal;
	}
	.bl_policy_table td {
		border-right: 1px solid var(--color-main, #148837);
		padding: 1em;
		vertical-align: middle;
	}
	/*-- 感染症対策 --*/
	.un_colona_list_wrap:not(:last-of-type) {
		margin-bottom: 2em;
	}
	.un_used_list {}
	.un_used_list li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 5%;
	}
	.un_used__wrap li:nth-of-type(1) {
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	.un_used__wrap li:nth-of-type(2) {
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	.un_used__wrap li:nth-of-type(3) {
		border-bottom: 1px solid #333;
	}
	.un_used__wrap li:nth-of-type(4) {
		border-right: 1px solid #333;
	}
	.un_used__wrap li:nth-of-type(5) {
		border-right: 1px solid #333;
	}
	.un_used__wrap li:nth-of-type(6) {}
	.un_self-restraint__wrap li:nth-of-type(1) {
		border-right: 1px solid #333;
	}
	.un_self-restraint__wrap li:nth-of-type(2) {
		border-right: 1px solid #333;
	}
	.un_self-restraint__wrap li:nth-of-type(3) {}
	/*-- ol ナンバーリセット2 --*/
	.bl_ol2 {
		counter-reset: number-counter;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.bl_ol2 li {
		line-height: 1.5;
		position: relative;
		margin-bottom: 2em;
	}
	/*-- ol ナンバーリセット3 --*/
	.bl_ol3 {
		counter-reset: item;
		list-style-type: none;
		padding-left: 0;
	}
	.bl_ol3 ol {
		padding-left: 1em;
		padding-top: 1em;
	}
	.bl_ol3 li {
		text-indent: -1.3em;
		padding-left: 1.3em;
		padding-bottom: 2em;
	}
	.bl_ol3 li:before {
		counter-increment: item;
		content: counter(item)'.';
		/* 以下は自由に装飾... */
		padding-right: .5em;
	}
	/*-- access --*/
	.bl_access_table {
		margin-top: 1em;
	}
	.bl_access_table tr:first-of-type {
		border-top: 1px solid var(--color-lightgray2, #e3e3e3);
	}
	.bl_access_table tr {
		text-align: left;
		border-bottom: 1px solid var(--color-lightgray2, #e3e3e3);
	}
	.bl_access_table th {
		vertical-align: middle;
		width: 3em;
	}
	.bl_access_table td {
		padding: 1em;
	}
	.bl_googlemap {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}
	.bl_googlemap iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}
	.bl_access_list .bl_access_item {
		-moz-border-radius: 8px;
		border-radius: 8px;
		line-height: 1;
	}
	.el_access_arrow {
		font-style: normal;
		position: relative;
		left: -5px;
		color: var(--color-wakakusagreen, #8CC078);
	}
	/*-- access tab --*/
	.bl_tab_btn {}
	.tab_item {
		-moz-border-radius: 8px 8px 0 0;
		border-radius: 8px 8px 0 0;
	}
	/*タブ切り替えの中身のスタイル*/
	.tab_content {
		display: none;
		padding: 4em 0;
		clear: both;
		overflow: hidden;
	}
	/*選択されているタブのコンテンツのみを表示*/
	#tab1:checked ~ #tab1_inner, #tab2:checked ~ #tab2_inner, #tab3:checked ~ #tab3_inner {
		display: block;
	}
	/*選択されているタブのスタイルを変える*/
	.tabs input:checked + .tab_item {
		background-color: var(--color-main, #148837);
	}
	/*-- blog --*/
	.bl_blog_cont a {
		text-decoration: underline;
	}
	.el_blog_number {}
	.el_blog_number::before {
		content: "（";
		display: inline-block;
	}
	.el_blog_number::after {
		content: "件）";
		display: inline-block;
	}
	/*-- FAQ --*/
	.bl_faq__item {}
	.bl_faq__item dt {
		margin-bottom: 1em;
		padding-left: 2.5em;
		font-weight: bold;
	}
	.bl_faq__item dd {
		padding-left: 2.8em;
	}
	.el_icon__Q, .el_icon__A {
		position: relative;
	}
	.el_icon__Q::before, .el_icon__A::before {
		display: inline-block;
		-moz-border-radius: 50%;
		border-radius: 50%;
		text-align: center;
		vertical-align: middle;
		font-style: normal;
		width: 1.8em;
		height: 1.8em;
		color: var(--color-white, #fff);
		position: absolute;
		left: -2.5em;
	}
	.el_icon__Q::before {
		content: "Q";
		background: var(--color-redpurple, #3B0100);
	}
	.el_icon__A::before {
		content: "A";
		background: var(--color-main, #148837);
		left: -2.7em;
	}
	/*-- contact --*/
	.bl_contact__info h6 {
		border: 1px solid var(--color-main, #148837);
		background-color: var(--color-main, #148837);
		padding: 1em;
		color: var(--color-white, #fff);
		font-size: 2rem;
	}
	.bl_contact__info h6 + .bl_contact__item {
		border: 1px solid var(--color-main, #148837);
		background-color: var(--color-snowwhite, #F2F2F2);
		padding: 1em;
		color: var(--color-main, #148837);
		font-size: 1.6rem;
		font-weight: bold;
		padding-left: 1.4em;
	}
	.bl_contact__item dt::after {
		content: ".";
		display: inline-block;
		padding-right: 1em;
	}
	.bl_map_main {
		order: 1;
	}
	.bl_map_side {
		order: 2;
	}
	/*予約画面　表ページ用*/
	.bl_month_moved {}
	.bl_month_moved li:not([class="hidden"]):last-child::before {
		content: "｜";
		padding-right: 1em;
		padding-left: 1em;
		position: relative;
		top: 6px;
	}
	.bl_month_table {
		text-align: center;
		margin-top: 1em;
		border: 1px solid var(--color-main, #148837);
		-moz-border-radius: 9px;
		border-radius: 9px;
	}
	.bl_month_table tr th {
		padding: .5em 1em;
		color: var(--color-white, #fff);
		font-weight: normal;
		border-right: 1px solid var(--color-white, #fff);
	}
	.bl_month_table tr th:last-child {
		border-right: none;
	}
	.bl_month_table tr td {
		padding: .5em 1em;
		height: 7em;
	}
	.bl_month_table tr:not(:last-child) td {
		border-bottom: 1px solid var(--color-main, #148837);
	}
	.bl_month_table tr:last-child td:first-child {
		-moz-border-radius: 0 0 0 8px;
		border-radius: 0 0 0 8px;
	}
	.bl_month_table tr:last-child td:last-child {
		-moz-border-radius: 0 0 8px 0;
		border-radius: 0 0 8px 0;
	}
	.bl_month_table tr td:not(:last-child) {
		border-right: 1px solid var(--color-main, #148837);
	}
	.bl_month_table tr:first-child th:first-child {
		-moz-border-radius: 8px 0 0 0;
		border-radius: 8px 0 0 0;
	}
	.bl_month_table tr:first-child th:last-child {
		-moz-border-radius: 0 8px 0 0;
		border-radius: 0 8px 0 0;
	}
	.bl_month_table dl dd {
		width: 1em;
		margin: auto;
	}
	.el_closed {
		background-color: var(--color-closed, #F2DEDE);
	}
	.el_notused {
		background-color: var(--color-snowwhite, #F2F2F2);
	}
	.el_open {
		background-color: var(--color-white, #fff);
	}
	.el_empty {
		background-color: var(--color-white, #fff);
	}
	.el_disabled {
		background-color: var(--color-lightgray2, #e3e3e3);
	}
	.el_disabled {
		background-color: var(--color-lightgray2, #e3e3e3);
	}
	.el_choice {
		background-color: var(--color-yellow, #F5F3BB);
	}
	.el_selected {
		background-color: var(--color-main, #148837);
	}
	.el_t-reservation {
		background-color: var(--color-red, #AC130A);
	}
	/*予約画面　表ページ用 （施設予約）*/
	.bl_carender_month {
		width: 100%;
	}
	.selectdisplay {
		padding-bottom: 0;
		margin-top: 2.5%;
		order: 2;
	}
	.selectdisplay p {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background-color: var(--color-snowwhite, #F2F2F2);
		padding: 1em 2em;
		-moz-border-radius: 3em;
		border-radius: 3em;
		margin-bottom: 1em;
	}
	.selectdisplay p span {
		padding-left: .5em;
	}
	.selectdisplay + p {}
	.selectdisplay span {
		margin-bottom: 0;
	}
	/*施設カレンダー内部 t-calender*/
	.t-calender th {
		background-color: var(--color-lightgreen, #BBD380);
		padding: .5em 1em;
		border-top: 1px solid var(--color-lightgreen, #BBD380);
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid var(--color-lightgreen, #BBD380);
		color: #fff;
		font-weight: normal;
		width: 10em;
	}
	.t-calender th:last-of-type {
		border-right: none;
	}
	.t-calender td {
		margin: 0;
		padding: 0;
		text-align: left;
		font-weight: normal;
		vertical-align: middle;
		border: 1px solid var(--color-lightgreen, #BBD380);
		white-space: nowrap;
		min-height: 100%;
		height: 1px;
	}
	.t-calender .el_facility_ttl {
		padding: .5em 1em;
		border-bottom: 1px solid #fff;
		background-color: var(--color-lightgreen, #BBD380);
	}
	/*施設カレンダー内部 h-calender*/
	.h-calender {
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		border-style: none;
		min-height: 100%;
	}
	.h-calender td {
		margin: 0px;
		padding: .5em 0;
		width: 25%;
		height: 100%;
		border-style: none;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
	}
	.h-calender td[class="el_disabled"], .h-calender td[class="el_selected"], .h-calender td[class="el_t-reservation"] {
		cursor: default;
	}
	table.sticky_table2 {
		white-space: nowrap;
		border-collapse: collapse;
		word-break: break-all;
		table-layout: fixed;
		display: block;
		overflow: scroll;
		max-height: 100%;
	}
	table.sticky_table2 th {
		/* 縦スクロール時に固定する */
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		/* tbody内のセルより手前に表示する */
		z-index: 1;
	}
	table.sticky_table2 th:first-child {
		/* 横スクロール時に固定する */
		position: -webkit-sticky;
		position: sticky;
		left: 0;
	}
	table.sticky_table2 thead th:first-child {
		/* ヘッダー行内の他のセルより手前に表示する */
		z-index: 2;
	}
	table.sticky_table2 th:not(:last-child)::after {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-right: 1px solid var(--color-white, #fff);
		border-bottom: 1px solid var(--color-white, #fff);
		z-index: -1;
	}
	table.sticky_table2 thead th:first-child, table.sticky_table2 tbody th:first-child {
		min-width: 20vw;
		white-space: initial;
	}
	/*-----------
マイページ
-----------*/
	/*--パンクズリスト--*/
	.bl_topicPath__wrap {}
	.bl_topicPath {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: auto;
		list-style-type: none;
		padding: 2em 0 3em;
	}
	.bl_topicPath li:last-child {
		position: relative;
		padding-left: 1em;
	}
	.bl_topicPath li {
		position: relative;
		padding-left: 1em;
		margin-right: 1.5em;
	}
	.bl_topicPath li:last-child::after {
		position: absolute;
		content: "";
	}
	.bl_topicPath li::after {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		content: "\03e";
	}
	.bl_topicPath a {
		color: #323232;
		font-size: 1.4rem;
		text-decoration: none;
	}
	.bl_topicPath a:hover {
		color: var(--color-red, #AC130A);
	}
	.bl_active a {
		color: var(--color-main, #148837);
	}
	.bl_active:only-child {
		padding-left: 0 !important;
	}
	/*--サイドメニュー--*/
	.bl_mypage_side {}
	.bl_mypage_side ul {
		height: 100%;
	}
	.bl_mypage_side li:not(:last-of-type) {
		border-bottom: 1px solid var(--color-deepblue, #323940);
	}
	.bl_mypage_side li a:hover {
		background-color: var(--color-main, #148837);
		color: var(--color-white, #fff);
		opacity: 1;
	}
	.bl_mypage_side li a i {
		-webkit-transition: all ease-in .2s;
		-o-transition: all ease-in .2s;
		-moz-transition: all ease-in .2s;
		transition: all ease-in .2s;
	}
	.bl_mypage_side li a:hover i {
		color: var(--color-white, #fff);
	}
	/*メイン*/
	.bl_mypage_main {}
	.bl_mypage_main > .ly_section:first-child {
		padding-top: 0;
	}
	.bl_form {
		margin-bottom: 4em;
	}
	.bl_displayed-results {}
	.bl_displayed-results span:first-of-type::after {
		content: "件";
		padding-left: .5em;
		padding-right: .5em;
	}
	.bl_displayed-results span:last-of-type::after {
		content: "件を表示";
		padding-left: .5em;
	}
	.bl_displayed-results span:last-of-type::before {
		content: " ";
		padding-left: .5em;
	}
	.bl_reservation-list_table {
		width: 100%;
		margin-top: 1em;
	}
	/*メイン テーブル*/
	table.bl_reservation-list_table_item {
		border: 1px solid var(--color-main, #148837);
		border-collapse: separate;
		border-spacing: 0;
		-moz-border-radius: 8px;
		border-radius: 8px;
		overflow: hidden;
	}
	table.bl_reservation-list_table_item th, table.bl_reservation-list_table_item td {
		padding: .5em 1em;
		border-bottom: 1px solid var(--color-main, #148837);
		text-align: center;
	}
	table.bl_reservation-list_table_item th {
		background-color: var(--color-main, #148837);
		color: var(--color-white, #fff);
		font-weight: normal;
	}
	table.bl_reservation-list_table_item thead th:not(:last-child) {
		border-right: none;
		border-left: none;
	}
	table.bl_reservation-list_table_item thead th:last-child {
		border-right: none;
		border-left: none;
	}
	table.bl_reservation-list_table_item td:not(:last-child) {
		border-right: 1px solid var(--color-main, #148837);
	}
	table.bl_reservation-list_table_item td:nth-of-type(1) {
		border-right: none;
		border-left: none;
	}
	table.bl_reservation-list_table_item th:first-child {
		border-bottom: none;
	}
	table.bl_reservation-list_table_item tr:last-child th, table.bl_reservation-list_table_item tr:last-child td {
		border-bottom: none;
	}
	table.sticky_table {
		white-space: nowrap;
		border-collapse: collapse;
		word-break: break-all;
		table-layout: fixed;
		display: block;
		overflow: scroll;
		max-height: 60vh;
	}
	table.sticky_table thead th {
		/* 縦スクロール時に固定する */
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		/* tbody内のセルより手前に表示する */
		z-index: 1;
	}
	table.sticky_table tbody th:first-child {
		/* 横スクロール時に固定する */
		position: -webkit-sticky;
		position: sticky;
		left: 0;
	}
	table.sticky_table thead th:first-child {
		/* ヘッダー行内の他のセルより手前に表示する */
		z-index: 2;
	}
	table.sticky_table th:not(:last-child)::after {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-right: 1px solid var(--color-white, #fff);
		border-bottom: 1px solid var(--color-white, #fff);
		z-index: -1;
	}
	table.sticky_table thead th, table.sticky_table tbody th {
		min-width: 15vw;
	}
	/*sitemap*/
	#sitemap li a {
		line-height: 1.5;
	}
	/* ==========================================================================
   pagenation
   ========================================================================== */
	.nav-links {
		margin-bottom: 2em;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.nav-links a, .nav-links span {
		width: 4vw;
		height: 4vw;
		margin: 0.2rem;
		line-height: 4vw;
		text-align: center;
		font-size: 1.4rem;
		font-weight: bold;
		text-decoration: none;
		background: #eee;
		color: #222;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.nav-links a:hover {
		background: var(--color-main, #148837);
		color: #fff;
		opacity: 1;
	}
	.current {
		border-radius: 100%;
	}
	.dots {
		background: none;
	}
}
@media (max-width: 559px) {
	/*-----------
module
-----------*/
	/*--スクロールボタン--*/
	.bl_Scroll__wrap {
		display: block;
		position: absolute;
		top: 68vh;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 999;
	}
	.el_btn__Scroll {}
	.el_btn__Scroll a {
		padding-top: 70px;
		font-family: 'Noto Serif', serif;
		font-size: 1.2rem;
		color: #fff;
		text-decoration: none;
	}
	.el_btn__Scroll a span {
		position: absolute;
		top: 0;
		left: 50%;
		width: 24px;
		height: 24px;
		margin-left: -12px;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-animation: sdb 1.5s infinite;
		-moz-animation: sdb 1.5s infinite;
		animation: sdb 1.5s infinite;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	@-webkit-keyframes sdb {
		0% {
			-webkit-transform: rotate(-45deg) translate(0, 0);
			transform: rotate(-45deg) translate(0, 0);
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			-webkit-transform: rotate(-45deg) translate(-20px, 20px);
			transform: rotate(-45deg) translate(-20px, 20px);
			opacity: 0;
		}
	}
	@-moz-keyframes sdb {
		0% {
			-moz-transform: rotate(-45deg) translate(0, 0);
			transform: rotate(-45deg) translate(0, 0);
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			-moz-transform: rotate(-45deg) translate(-20px, 20px);
			transform: rotate(-45deg) translate(-20px, 20px);
			opacity: 0;
		}
	}
	@keyframes sdb {
		0% {
			-webkit-transform: rotate(-45deg) translate(0, 0);
			-moz-transform: rotate(-45deg) translate(0, 0);
			-o-transform: rotate(-45deg) translate(0, 0);
			transform: rotate(-45deg) translate(0, 0);
			opacity: 0;
		}
		50% {
			opacity: 1;
		}
		100% {
			-webkit-transform: rotate(-45deg) translate(-20px, 20px);
			-moz-transform: rotate(-45deg) translate(-20px, 20px);
			-o-transform: rotate(-45deg) translate(-20px, 20px);
			transform: rotate(-45deg) translate(-20px, 20px);
			opacity: 0;
		}
	}
	/*-- top news --*/
	.bl_news__header {
		border-bottom: 1px solid var(--color-silver, #a3a3a3);
		padding-bottom: .5em;
	}
	.bl_news_body {
		width: 100%;
		padding: 1em 0;
	}
	.bl_news__cont {
		height: 100%;
		max-height: 14.5em;
		overflow-y: scroll;
		-ms-overflow-style: none; /* IE, Edge 対応 */
		scrollbar-width: none; /* Firefox 対応 */
	}
	.bl_news__cont::-webkit-scrollbar { /* Chrome, Safari 対応 */
		display: none;
	}
	.bl_news__item {
		margin-bottom: 1em;
	}
	.bl_news__item time {
		padding-right: 1em;
	}
	.el_news_category {
		padding-right: 1em;
		line-height: 1.75;
		white-space: nowrap;
		text-align: justify;
	}
	.el_news_text {
		padding-left: 1em;
		margin-top: .5em;
		border-left: 1px solid var(--color-silver, #a3a3a3);
		width: 100%;
	}
	.el_news_text a {
		color: var(--color-darkgray, #333);
	}
	.el_news_text a:hover {
		text-decoration: underline;
	}
	/*-- 休館情報 --*/
	.bl_grandinfo__cont {
		width: 100%;
	}
	.bl_grandinfo__cont dt {
		min-width: 100%;
	}
	.bl_grandinfo__cont dd {
		width: 100%;
	}
	/*-- ご利用可能な施設 --*/
	#institution {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.bl_h2_part2 {
		text-align: center;
	}
	.bl_h2_part2 span {
		font-family: 'Kiwi Maru', serif;
		font-size: 2rem;
		font-weight: 500;
		text-align: center;
		margin-bottom: .1em; /*調整用*/
		color: var(--color-white, #fff);
		position: relative;
		background-color: var(--color-main, #148837);
		width: auto;
		padding: .5em 1em 1.5em;
		margin: auto;
		z-index: 10;
		display: inline-block;
	}
	.bl_h2_part2 span::after {
		content: " ";
		height: 4px;
		width: 2.5em;
		border-bottom: 2px solid var(--color-white, #fff);
		margin-bottom: -.1em;
		position: absolute;
		bottom: 1em;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.bl_h2_part2 + .ly_h2_part2_set {
		position: relative;
		top: -2.5em;
		z-index: 1;
		padding-top: 4em;
		padding-bottom: 2em;
		padding-left: 5%;
		padding-right: 5%;
	}
	.bl_imgset a:hover {
		opacity: .6;
		display: block;
	}
	.bl_imgset figure p {
		line-height: 1;
	}
	.bl_imgset figcaption {
		background-color: var(--color-snowwhite, #F2F2F2);
		padding: .7em 1em;
		text-align: center;
		line-height: 1.5;
	}
	#access a {
		display: block;
	}
	#access a:hover {
		opacity: .6;
	}
	.ly_btn_area {
		margin-top: 2em;
	}
	.el_qualifications_cap {
		font-family: 'Kiwi Maru', serif;
		font-size: 1.6rem;
		font-weight: 500;
		color: var(--color-deepblue, #323940);
		line-height: 1.2;
		text-align: center;
	}
	.bl_content_wrap > p {
		margin-bottom: 1em;
		float: right;
	}
	.bl_content_wrap > p::after {
		content: " ";
		clear: both;
	}
	/*-- news sort 部分 --*/
	.bl_sort_news {
		width: 100%;
	}
	.bl_news__item {
		padding: 1em;
		margin-bottom: 0;
	}
	.bl_news__inner .el_news_text {
		border-left: none;
		padding-left: 0;
		padding-top: .5em;
	}
	.bl_sort_news .sort-item:nth-of-type(even) td {
		background-color: var(--color-lightgray, #F8F8F8);
	}
	.bl_sort_news .sort-item:nth-of-type(odd) td {
		background-color: var(--color-white, #fff);
	}
	/*-- map --*/
	/*-- map side --*/
	.el_icon_number {
		display: block;
		width: 1.7em;
		height: 1.7em;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: var(--color-main, #148837);
		position: absolute;
		top: .5em;
		left: .5em;
		color: var(--color-white, #fff);
		text-align: center;
		line-height: 1.7;
		font-style: normal;
		z-index: 10;
	}
	.el_icon_number + span {
		position: absolute;
		top: 0.9em;
		left: 4em;
		color: #333;
		width: calc(100% - 5em);
		font-size: 1rem;
		padding: 0.25em 0.5em;
		z-index: 10;
	}
	.el_icon_number + span::before {
		position: inherit;
		top: 0;
		left: 0;
		content: " ";
		width: 100%;
		height: 100%;
		background: #fff;
		border-radius: 3px;
		opacity: 1;
		z-index: -1;
	}
	.el_number_01::before {
		content: "1";
	}
	.el_number_02::before {
		content: "2";
	}
	.el_number_03::before {
		content: "3";
	}
	.el_number_04::before {
		content: "4";
	}
	.el_number_05::before {
		content: "5";
	}
	.el_number_06::before {
		content: "6";
	}
	.el_number_07::before {
		content: "7";
	}
	.el_number_08::before {
		content: "8";
	}
	.el_number_09::before {
		content: "9";
	}
	.el_number_10::before {
		content: "10";
	}
	.el_number_11::before {
		content: "11";
	}
	.el_number_12::before {
		content: "12";
	}
	.el_number_13::before {
		content: "13";
	}
	.el_number_14::before {
		content: "14";
	}
	.el_number_15::before {
		content: "15";
	}
	.el_number_16::before {
		content: "16";
	}
	.el_number_17::before {
		content: "17";
	}
	.el_number_18::before {
		content: "18";
	}
	.el_number_19::before {
		content: "19";
	}
	.el_number_20::before {
		content: "20";
	}
	/*-- 各施設のご利用案内 --*/
	/*-- ol ナンバーリセット --*/
	.bl_ol {
		counter-reset: number-counter;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.bl_ol li {
		line-height: 1.5;
		padding-left: 1.8em;
		position: relative;
		margin-bottom: .5em;
	}
	.bl_ol li:before {
		content: counter(number-counter);
		counter-increment: number-counter;
		border: 1px solid;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 1.8em;
		width: 1.8em;
		color: var(--color-darkgray, #333);
		font-size: 1rem;
		font-weight: bold;
		line-height: 1.2;
		position: absolute;
		top: 4px;
		left: 0;
	}
	/*-- step cont --*/
	.bl_step__cont .bl_card {
		margin-right: 0;
	}
	#entry > ol li.bl_card:last-of-type {
		margn-right: 0;
	}
	#entry > ol li .bl_step__cont p {
		background-color: var(--color-kusumigreen, #BFD3C5);
		color: var(--color-black, #000);
		text-align: center;
		font-weight: bold;
		-moz-border-radius: 8px 0 0 8px;
		border-radius: 8px 0 0 8px;
	}
	#entry > ol li .bl_step__cont p span {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		display: block;
		word-break: break-word;
		padding: 1em;
	}
	#entry > ol li .bl_step__cont dl {
		background-color: var(--color-snowwhite, #F2F2F2);
		text-align: left;
		padding: 1em;
		font-weight: bold;
		-moz-border-radius: 0 8px 8px 0;
		border-radius: 0 8px 8px 0;
	}
	#entry > ol li .bl_step__cont dd {
		font-weight: normal;
	}
	/*-- usage guide --*/
	.bl_usageguide_table {
		border: 1px solid var(--color-deepblue, #323940);
	}
	.bl_usageguide_table tr {
		border-bottom: 1px solid var(--color-deepblue, #323940);
	}
	.bl_usageguide_table th {
		border-right: 1px solid var(--color-white, #fff);
		border-top: 1px solid var(--color-white, #fff);
		background-color: var(--color-deepblue, #323940);
		padding: 1em;
		color: var(--color-white, #fff);
		vertical-align: middle;
		font-weight: normal;
	}
	.bl_usageguide_table td {
		border-right: 1px solid var(--color-deepblue, #323940);
		padding: 1em;
		vertical-align: middle;
	}
	.un_usage-guide_bgposition {
		position: relative;
	}
	.un_usage-guide_bgposition::before {
		content: " ";
		display: block;
		background-color: var(--color-snowwhite, #F2F2F2);
		width: 100%;
		height: -webkit-calc(100% - 42vw);
		height: -moz-calc(100% - 42vw);
		height: calc(100% - 42vw);
		position: absolute;
		top: 42vw;
		z-index: -1;
	}
	/*-- policy table --*/
	.bl_policy_table {
		border: 1px solid var(--color-main, #148837);
	}
	.bl_policy_table tr {
		border-bottom: 1px solid var(--color-main, #148837);
	}
	.bl_policy_table th {
		border-right: 1px solid var(--color-white, #fff);
		border-top: 1px solid var(--color-white, #fff);
		background-color: var(--color-main, #148837);
		padding: 1em;
		color: var(--color-white, #fff);
		vertical-align: middle;
		font-weight: normal;
	}
	.bl_policy_table td {
		border-right: 1px solid var(--color-main, #148837);
		padding: 1em;
		vertical-align: middle;
	}
	/*-- 感染症対策 --*/
	.un_colona_list_wrap:not(:last-of-type) {
		margin-bottom: 2em;
	}
	.un_used_list {}
	.un_used_list li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 5%;
	}
	.un_used__wrap li:nth-of-type(1) {
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	.un_used__wrap li:nth-of-type(2) {
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
	}
	.un_used__wrap li:nth-of-type(3) {
		border-bottom: 1px solid #333;
	}
	.un_used__wrap li:nth-of-type(4) {
		border-right: 1px solid #333;
	}
	.un_used__wrap li:nth-of-type(5) {
		border-right: 1px solid #333;
	}
	.un_used__wrap li:nth-of-type(6) {}
	.un_self-restraint__wrap li:nth-of-type(1) {
		border-right: 1px solid #333;
	}
	.un_self-restraint__wrap li:nth-of-type(2) {
		border-right: 1px solid #333;
	}
	.un_self-restraint__wrap li:nth-of-type(3) {}
	/*-- ol ナンバーリセット2 --*/
	.bl_ol2 {
		counter-reset: number-counter;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.bl_ol2 li {
		line-height: 1.5;
		position: relative;
		margin-bottom: 2em;
	}
	/*-- ol ナンバーリセット3 --*/
	.bl_ol3 {
		counter-reset: item;
		list-style-type: none;
		padding-left: 0;
	}
	.bl_ol3 ol {
		padding-left: 1em;
		padding-top: 1em;
	}
	.bl_ol3 li {
		text-indent: -1.3em;
		padding-left: 1.3em;
		padding-bottom: 2em;
	}
	.bl_ol3 li:before {
		counter-increment: item;
		content: counter(item)'.';
		/* 以下は自由に装飾... */
		padding-right: .5em;
	}
	/*-- access --*/
	.bl_access_table {
		margin-top: 1em;
	}
	.bl_access_table tr:first-of-type {
		border-top: 1px solid var(--color-lightgray2, #e3e3e3);
	}
	.bl_access_table tr {
		text-align: left;
		border-bottom: 1px solid var(--color-lightgray2, #e3e3e3);
	}
	.bl_access_table th {
		vertical-align: middle;
		width: 3em;
	}
	.bl_access_table td {
		padding: 1em;
	}
	.bl_googlemap {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}
	.bl_googlemap iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}
	.bl_access_list .bl_access_item {
		-moz-border-radius: 8px;
		border-radius: 8px;
		line-height: 1;
	}
	.el_access_arrow {
		font-style: normal;
		position: relative;
		left: -5px;
		color: var(--color-wakakusagreen, #8CC078);
	}
	/*-- access tab --*/
	.bl_tab_btn {}
	.tab_item {
		-moz-border-radius: 8px;
		border-radius: 8px;
		width: 100%;
		margin-bottom: 1em;
	}
	/*タブ切り替えの中身のスタイル*/
	.tab_content {
		display: none;
		padding: 1em 0;
		clear: both;
		overflow: hidden;
	}
	/*選択されているタブのコンテンツのみを表示*/
	#tab1:checked ~ #tab1_inner, #tab2:checked ~ #tab2_inner, #tab3:checked ~ #tab3_inner {
		display: block;
	}
	/*選択されているタブのスタイルを変える*/
	.tabs input:checked + .tab_item {
		background-color: var(--color-main, #148837);
	}
	/*-- blog --*/
	.bl_blog_cont a {
		text-decoration: underline;
	}
	.el_blog_number {}
	.el_blog_number::before {
		content: "（";
		display: inline-block;
	}
	.el_blog_number::after {
		content: "件）";
		display: inline-block;
	}
	/*-- FAQ --*/
	.bl_faq__item {}
	.bl_faq__item dt {
		margin-bottom: 1em;
		padding-left: 2.5em;
		font-weight: bold;
	}
	.bl_faq__item dd {
		padding-left: 2.8em;
	}
	.el_icon__Q, .el_icon__A {
		position: relative;
	}
	.el_icon__Q::before, .el_icon__A::before {
		display: inline-block;
		-moz-border-radius: 50%;
		border-radius: 50%;
		text-align: center;
		vertical-align: middle;
		font-style: normal;
		width: 1.8em;
		height: 1.8em;
		color: var(--color-white, #fff);
		position: absolute;
		left: -2.5em;
	}
	.el_icon__Q::before {
		content: "Q";
		background: var(--color-redpurple, #3B0100);
	}
	.el_icon__A::before {
		content: "A";
		background: var(--color-main, #148837);
		left: -2.7em;
	}
	.bl_faq_side {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-moz-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.bl_faq_main {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	/*-- contact --*/
	.bl_contact__info h6 {
		border: 1px solid var(--color-main, #148837);
		background-color: var(--color-main, #148837);
		padding: 1em;
		color: var(--color-white, #fff);
		font-size: 1.6rem;
	}
	.bl_contact__info h6 + .bl_contact__item {
		border: 1px solid var(--color-main, #148837);
		background-color: var(--color-snowwhite, #F2F2F2);
		padding: 1em;
		color: var(--color-main, #148837);
		font-size: 1.4rem;
		font-weight: bold;
		padding-left: 1.4em;
	}
	.bl_contact__item dt::after {
		content: ".";
		display: inline-block;
		padding-right: 1em;
	}
	.bl_map_main {
		order: 1;
	}
	.bl_map_side {
		order: 2;
		padding-bottom: 2em;
	}
	/*予約画面　表ページ用*/
	.bl_month_moved {}
	.bl_month_moved li:not([class="hidden"]):last-child::before {
		content: "｜";
		padding-right: 1em;
		padding-left: 1em;
		position: relative;
		top: 6px;
	}
	.bl_month_table {
		text-align: center;
		margin-top: 1em;
		border: 1px solid var(--color-main, #148837);
		-moz-border-radius: 9px;
		border-radius: 9px;
	}
	.bl_month_table tr th {
		padding: .5em 1em;
		color: var(--color-white, #fff);
		font-weight: normal;
		border-right: 1px solid var(--color-white, #fff);
	}
	.bl_month_table tr th:last-child {
		border-right: none;
	}
	.bl_month_table tr td {
		padding: .5em;
		height: 5em;
	}
	.bl_month_table tr:not(:last-child) td {
		border-bottom: 1px solid var(--color-main, #148837);
	}
	.bl_month_table tr:last-child td:first-child {
		-moz-border-radius: 0 0 0 8px;
		border-radius: 0 0 0 8px;
	}
	.bl_month_table tr:last-child td:last-child {
		-moz-border-radius: 0 0 8px 0;
		border-radius: 0 0 8px 0;
	}
	.bl_month_table tr td:not(:last-child) {
		border-right: 1px solid var(--color-main, #148837);
	}
	.bl_month_table tr:first-child th:first-child {
		-moz-border-radius: 8px 0 0 0;
		border-radius: 8px 0 0 0;
	}
	.bl_month_table tr:first-child th:last-child {
		-moz-border-radius: 0 8px 0 0;
		border-radius: 0 8px 0 0;
	}
	.el_closed {
		background-color: var(--color-closed, #F2DEDE);
	}
	.el_notused {
		background-color: var(--color-snowwhite, #F2F2F2);
	}
	.el_open {
		background-color: var(--color-white, #fff);
	}
	.el_empty {
		background-color: var(--color-white, #fff);
	}
	.el_disabled {
		background-color: var(--color-lightgray2, #e3e3e3);
	}
	.el_disabled {
		background-color: var(--color-lightgray2, #e3e3e3);
	}
	.el_choice {
		background-color: var(--color-yellow, #F5F3BB);
	}
	.el_selected {
		background-color: var(--color-main, #148837);
	}
	.el_t-reservation {
		background-color: var(--color-red, #AC130A);
	}
	/*予約画面　表ページ用 （施設予約）*/
	.bl_carender_month {
		width: 100%;
	}
	.selectdisplay {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		order: 2;
	}
	.selectdisplay p {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		background-color: var(--color-snowwhite, #F2F2F2);
		padding: 1em 2em;
		-moz-border-radius: 3em;
		border-radius: 3em;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.selectdisplay p span {
		padding-left: .5em;
	}
	.selectdisplay > span {
		margin: auto;
		text-align: center;
		width: 100%;
		padding: 0.5em 0;
	}
	.selectdisplay + p {
		text-align: end;
	}
	.selectdisplay span {
		margin-bottom: 0;
	}
	/*施設カレンダー内部 t-calender*/
	.t-calender th {
		background-color: var(--color-lightgreen, #BBD380);
		padding: .5em .3em;
		border-top: 1px solid var(--color-lightgreen, #BBD380);
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid var(--color-lightgreen, #BBD380);
		color: #fff;
		font-weight: normal;
		width: 10em;
	}
	.t-calender th:last-of-type {
		border-right: none;
	}
	.t-calender td {
		margin: 0;
		padding: 0;
		text-align: left;
		font-weight: normal;
		vertical-align: middle;
		border: 1px solid var(--color-lightgreen, #BBD380);
		white-space: nowrap;
		min-height: 100%;
		height: 1px;
	}
	.t-calender .el_facility_ttl {
		padding: 0.7em 1em 0.5em;
		border-bottom: 1px solid #fff;
		background-color: var(--color-lightgreen, #BBD380);
		font-size: 1.2rem;
	}
	/*施設カレンダー内部 h-calender*/
	.h-calender {
		margin: 0px;
		padding: 0px;
		width: 100%;
		height: 100%;
		border-style: none;
		min-height: 100%;
	}
	.h-calender td {
		margin: 0px;
		padding: .5em 0;
		width: 25%;
		height: 100%;
		border-style: none;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		cursor: pointer;
	}
	.h-calender td[class="el_disabled"], .h-calender td[class="el_selected"], .h-calender td[class="el_t-reservation"] {
		cursor: default;
	}
	table.sticky_table2 {
		white-space: nowrap;
		border-collapse: collapse;
		word-break: break-all;
		table-layout: fixed;
		display: block;
		overflow: scroll;
		max-height: 60vh;
	}
	table.sticky_table2 th {
		/* 縦スクロール時に固定する */
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		/* tbody内のセルより手前に表示する */
		z-index: 1;
	}
	table.sticky_table2 th:first-child {
		/* 横スクロール時に固定する */
		position: -webkit-sticky;
		position: sticky;
		left: 0;
	}
	table.sticky_table2 thead th:first-child {
		/* ヘッダー行内の他のセルより手前に表示する */
		z-index: 2;
	}
	table.sticky_table2 th:not(:last-child)::after {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-right: 1px solid var(--color-white, #fff);
		border-bottom: 1px solid var(--color-white, #fff);
		z-index: -1;
	}
	table.sticky_table2 thead th:first-child, table.sticky_table2 tbody th:first-child {
		min-width: 20vw;
		white-space: initial;
	}
	/*-----------
マイページ
-----------*/
	/*--パンクズリスト--*/
	.bl_topicPath__wrap {}
	.bl_topicPath {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin: auto;
		list-style-type: none;
		padding: 1em 0 2em;
	}
	.bl_topicPath li:last-child {
		position: relative;
		padding-left: 1em;
	}
	.bl_topicPath li {
		position: relative;
		padding-left: 1em;
		margin-right: 1.5em;
	}
	.bl_topicPath li:last-child::after {
		position: absolute;
		content: "";
	}
	.bl_topicPath li::after {
		position: absolute;
		top: 50%;
		right: -1.5em;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		content: "\03e";
		padding-left: 1em;
		height: 100%;
	}
	.bl_topicPath a {
		color: #323232;
		font-size: 1rem;
		text-decoration: none;
	}
	.bl_topicPath a:hover {
		color: var(--color-red, #AC130A);
	}
	.bl_active a {
		color: var(--color-main, #148837);
	}
	.bl_active:only-child {
		padding-left: 0 !important;
	}
	/*--サイドメニュー--*/
	.bl_mypage_side {
		margin-bottom: 2em !important;
	}
	.bl_mypage_side ul {
		height: 100%;
	}
	.bl_mypage_side li:not(:last-of-type) {
		border-bottom: 1px solid var(--color-deepblue, #323940);
	}
	.bl_mypage_side li a:hover {
		background-color: var(--color-main, #148837);
		color: var(--color-white, #fff);
		opacity: 1;
	}
	.bl_mypage_side li a i {
		-webkit-transition: all ease-in .2s;
		-o-transition: all ease-in .2s;
		-moz-transition: all ease-in .2s;
		transition: all ease-in .2s;
	}
	.bl_mypage_side li a:hover i {
		color: var(--color-white, #fff);
	}
	/*メイン*/
	.bl_mypage_main {}
	.bl_mypage_main > .ly_section:first-child {
		padding-top: 0;
	}
	.bl_form {
		margin-bottom: 4em;
	}
	.bl_displayed-results {}
	.bl_displayed-results span:first-of-type::after {
		content: "件";
		padding-left: .5em;
		padding-right: .5em;
	}
	.bl_displayed-results span:last-of-type::after {
		content: "件を表示";
		padding-left: .5em;
	}
	.bl_displayed-results span:last-of-type::before {
		content: " ";
		padding-left: .5em;
	}
	.bl_reservation-list_table {
		width: 100%;
		margin-top: 1em;
	}
	/*メイン テーブル*/
	table.bl_reservation-list_table_item {
		border: 1px solid var(--color-main, #148837);
		border-collapse: separate;
		border-spacing: 0;
		-moz-border-radius: 8px;
		border-radius: 8px;
		overflow: hidden;
	}
	table.bl_reservation-list_table_item th, table.bl_reservation-list_table_item td {
		padding: .5em 1em;
		border-bottom: 1px solid var(--color-main, #148837);
		text-align: center;
	}
	table.bl_reservation-list_table_item th {
		background-color: var(--color-main, #148837);
		color: var(--color-white, #fff);
		font-weight: normal;
	}
	table.bl_reservation-list_table_item thead th:not(:last-child) {
		border-right: none;
		border-left: none;
	}
	table.bl_reservation-list_table_item thead th:last-child {
		border-right: none;
		border-left: none;
	}
	table.bl_reservation-list_table_item td:not(:last-child) {
		border-right: 1px solid var(--color-main, #148837);
	}
	table.bl_reservation-list_table_item td:nth-of-type(1) {
		border-right: none;
		border-left: none;
	}
	table.bl_reservation-list_table_item tr:last-child th, table.bl_reservation-list_table_item tr:last-child td {
		border-bottom: none;
	}
	table.sticky_table {
		white-space: nowrap;
		border-collapse: collapse;
		word-break: break-all;
		table-layout: fixed;
		display: block;
		overflow: scroll;
		max-height: 60vh;
	}
	table.sticky_table thead th {
		/* 縦スクロール時に固定する */
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		/* tbody内のセルより手前に表示する */
		z-index: 1;
	}
	table.sticky_table tbody th:first-child {
		/* 横スクロール時に固定する */
		position: -webkit-sticky;
		position: sticky;
		left: 0;
	}
	table.sticky_table thead th:first-child {
		/* ヘッダー行内の他のセルより手前に表示する */
		z-index: 2;
	}
	table.sticky_table th:not(:last-child)::after {
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-right: 1px solid var(--color-white, #fff);
		border-bottom: 1px solid var(--color-white, #fff);
		z-index: -1;
	}
	table.sticky_table thead th:first-child, table.sticky_table tbody th:first-child {
		min-width: 15vw;
	}
	/*sitemap*/
	#sitemap li a {
		line-height: 1.5;
	}
	/* ==========================================================================
   pagenation
   ========================================================================== */
	.nav-links {
		margin-bottom: 2em;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.nav-links a, .nav-links span {
		width: 10vw;
		height: 10vw;
		margin: 0.2rem;
		line-height: 10vw;
		text-align: center;
		font-size: 3vw;
		font-weight: bold;
		text-decoration: none;
		background: #eee;
		color: #222;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.nav-links a:hover {
		background: var(--color-main, #148837);
		color: #fff;
		opacity: 1;
	}
	.current {
		border-radius: 100%;
	}
	.dots {
		background: none;
	}
}