

@font-face {
	font-family: 'Barlow Condensed';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local(''),
	  url('../../fonts/def//BarlowCondensed-Bold.woff') format('woff'),
	  url('../../fonts/def//BarlowCondensed-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local(''),
	  url('../../fonts/def//NotoSansJP-Medium.woff') format('woff'),
	  url('../../fonts/def//NotoSansJP-Medium.woff2') format('woff2');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: local(''),
	  url('../../fonts/def//NotoSansJP-Bold.woff') format('woff'),
	  url('../../fonts/def//NotoSansJP-Bold.woff2') format('woff2');
} 
.ff_barlow {
  font-family: 'Barlow Condensed';
}
.ff_noto_sans {
  font-family: 'Noto Sans JP';
}
.bs_fs_1 {
  font-size: clamp(1.8rem, calc(1.25vw + 1.5rem), 3.2rem);
}
.bs_fs_2 {
  font-size: clamp(1.7rem, calc(1.0vw + 1.4rem), 2.8rem);
}
.bs_fs_3 {
  font-size: clamp(1.6rem, calc(0.75vw + 1.3rem), 2.4rem);
}
.bs_fs_4 {
  font-size: clamp(1.5rem, calc(0.50vw + 1.2rem), 2.0rem);
}
.bs_fs_5 {
  font-size: clamp(1.4rem, calc(0.25vw + 1.1rem), 1.8rem);
}
.bs_fs_6 {
  font-size: clamp(1.3rem, calc(0.2vw + 1.0rem), 1.4rem);
}
.bs_fs_7 {
  font-size: clamp(1.1rem, calc(0.18vw + 0.9rem), 1.3rem);
}
.bs_fs_8 {
  font-size: clamp(1.0rem, calc(0.16vw + 0.8rem), 1.2rem);
}
.bs_fs_9 {
  font-size: clamp(0.9rem, calc(0.14vw + 0.7rem), 1.1rem);
  /* font-family: 'Barlow Condensed'; */
}
.bs_fs_10 {
  font-size: clamp(0.8rem, calc(0.12vw + 0.6rem), 1.0rem);
}
.bs_fs_11 {
  font-size: clamp(0.7rem, calc(0.10vw + 0.5rem), 0.9rem);
}



.btn_regist {
	background: #00ABE2;
	border: solid 1px #00ABE2;
}
/* 例：br.sp_brはタブレット以上のサイズでは非表示にする */
@media (min-width: 768px) {
  .sp_br {
    display: none;
  }
}
.heading-holder h1 {
	margin-bottom: 30px;
	line-height: 140%;
}
.tagline {
	margin-bottom: 20px;
	font-size: 160%;
}
.info {
	margin-bottom: 30px;
	font-size: 140%;
}



#visual_covid {
	background: url('../../images/base/bg-masthead2.jpg') no-repeat center center;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
#visual_covid .bgcover {
	background: #2DAFB0;
	opacity: 0.84;
	width: 100%;
	height: 2000px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#visual_covid .container {
	position: relative;
	z-index: 100;
}
#visual_covid .logo-block_ {
	margin: 30px 0;
	background: url('../../images/logo/logo_t.png') no-repeat center center;
	background-size: contain;
	height: 120px;
}
#visual_covid .text-block {
	color: #FFF;
}
#visual_covid .heading-holder h2 {
	text-shadow: 4px 4px 4px #000;
	margin: 0 0 20px;
}
#visual_covid  .text-block .tagline {
	margin: 0 0 20px;
}
#visual_covid  .text-block .covid_sns a {
	text-align: center;
	display: block;
	width: 100%;
	border: solid 1px #FFF;
	border-radius: 7px;
	padding: 20px 0;
	margin-bottom: 20px;
	color: #FFF;
}
#visual_covid  .text-block .covid_sns a:hover {
	text-decoration: none;
	border: solid 1px #FFFF00;
	color: #FFFF00;
}
#visual_covid  .text-block .covid_sns a i {
	font-size: 200%;
}
#visual_covid  .text-block .covid_sns a span {
	display: block;
	font-size: 100%;
}

header#header {
/*	background: url('../../images/base/logo.png') #FFF no-repeat center center;*/
	background-size: contain;
}
.navbar-toggle {
    z-index: 2;
}
.navbar {
	border: none;
	margin-bottom: 0;
	background: #FFF !important;
	position: relative;
}
.navbar-brand {
	background: url("../../images/logo/header.png") no-repeat center center;
	background-size: contain;
	height: 45px;
	margin-top: 3px;
	margin-left: 3px;
	width: 100%;
	position: absolute;
}
@media (min-width: 768px) {
	.navbar-brand {
		margin-left: 0;
		background: url("../../images/logo/header.png") no-repeat left center;
		background-size: contain;
		width: 250px;
		position: relative;
	}
}
.head_btn {
	color: #FFF !important;
	font-weight: bold;
}
.head_btn_regist {
	background: #00ABE2;
}
.head_btn_regist:hover {
	background: #FFF;
	color: #00ABE2 !important;
}
.head_btn_login {
	background: #28DD47;
}
.head_btn_login:hover {
	background: #FFF;
	color: #28DD47 !important;
}
.head_btn_mypage {
	background: #00ABE2;
}
.head_btn_mypage:hover {
	background: #FFF;
	color: #00ABE2 !important;
}
.head_btn_logout {
	background: #28DD47;
}
.head_btn_logout:hover {
	background: #FFF;
	color: #28DD47 !important;
}

.member_menu {
	
}
.member_menu a {
	display: block;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	margin: 0 0 5px;
	color: #777;
	background: #EEE;
}
@media (min-width: 768px) {
	.member_menu a {
		text-align: left;
		background: #FFF;
	}
}

#top_header_slider {
	width: 100%;
	min-height: 524px;
	position: relative;
}
#visual_1 {
	background: url('../../images/base/bg-masthead1.jpg') no-repeat center center;
}
#visual_2 {
	background: url('../../images/base/bg-masthead2.jpg') no-repeat center center;
}
.visual {
	width: 100%;
	min-height: 524px;
}

.visual .logo-block {
	text-align: center;
	width: 100%;
	padding-top: 8%;
}
#visual_1 .logo-block {
	height: 60px;
}
#visual_2 .logo-block {
	height: 30px;
}

.visual .logo-block img {
	display: none;
	width: 15%;
}
@media (min-width: 768px) {
	#visual_1 .logo-block {
		height: auto;
		text-align: center;
	}
	#visual_1 .logo-block img {
		width: 15%;
		display: block;
		margin: 0 auto;
	}
}
.visual .text-block {
	text-align: center;
	color: #FFF;
}
.visual .text-block .tagline {
	font-size: 160%;
}
#visual_2 .text-block {
	text-shadow: 4px 4px 4px #999;
}

.main {
	margin-bottom: 50px;
}
.main .main_title_1 {
	margin: 70px 0 20px;
	color: #4D4D4D;
	text-align: left;
}
.main .main_title_1 h2 {
	font-size: 190%;
	margin-bottom: 10px;
}
.main .main_title_1 h2 span {
	padding: 0 20px 5px;
	border-bottom: solid 2px #7DBC45;
}
.main .main_title_1 div {
	padding-top: 10px;
	margin-bottom: 20px;
}
.main .main_title_1 p {
	font-size: 120%;
}

.main .step_label {
	color: #2CAEB0;
	padding: 0 10px;
	margin: 0 auto 15px;
	border: solid 1px #2CAEB0;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	width: 60%;
}
.main .step_label_c {
	color: #2CAEB0;
	font-weight: bold;
	text-align: center;
}
.main .step_img_c {
	width: 100%;
	text-align: center;
}
.main .step_img_c img {
	width: 90%;
}
.main .step_img {
	width: 100%;
	text-align: center;
}
.main .step_img img {
	width: 30%;
}
@media (min-width: 768px) {
	.main .step_img img {
		width: 100%;
	}
	.main .step_label {
		width: 100%;
		font-size: 160%;
		margin: 0 0 15px;
	}
}
@media (min-width: 992px) {
  .main .step_img img {
    width: 100%;
  }
}
@media (min-width: 1200px) {
	.main .step_img img {
		width: 100%;
	}
}
.main .step_arrow {
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	color: #4D4D4D;
}
.main .step_txt {
	text-align: center;
}
.main .step_txt_c {
	text-align: left;
}
@media (min-width: 768px) {
	.main .step_txt {
		text-align: left;
	}
}
.main .main_btn_area {
	text-align: center;
	margin: 30px auto;
}
.main .main_btn_area .main_btn {
	max-width: 300px;
	margin: 0 auto;
}
.main .main_btn_area .main_btn a.btn {
	background: #00ABE2;
	width: 100%;
	font-size: 160%;
	font-weight: bold;
}
.main2 {
	color: #FFF;
}
.main2_bg {
	background: url('../../images/base/main2_visual.jpg') no-repeat center center;
	background-size: cover;
	padding-bottom: 50px;
}
.main2 .main_title_2 {
	margin: 70px 0 70px;
	color: #FFF;
	text-align: center;
}
.main2 .main_title_2 h2 {
	font-size: 190%;
	margin-bottom: 10px;
}
.main2 .main_title_1 h2 span {
	padding: 0 20px 5px;
}
.main2 .main_contents_2 {
	text-align: center;
}
.main2 .main_contents_2 p {
	text-align: left;
}
.main2 .main_contents_2 h2 {
	font-family: serif;
	font-size: 170%;
	line-height: 150%;
	margin: 0 auto 30px;
}
@media (min-width: 768px) {
	.main2 .main_contents_2 h2 {
		font-size: 180%;
	}
	.main2 .main_contents_2 p {
		text-align: center;
	}
}
.owner_photo {
	text-align: center;
	padding-top: 20%;
}
.owner_photo img {
	width: 40%;
}
.owner_intro {
}
.owner_intro h2 {
	font-family: serif;
	font-size: 170%;
	font-weight: bold;
}
.owner_intro .sign {
	text-align: right;
}
.owner_intro h3 {
	font-family: serif;
	font-size: 140%;
	font-weight: bold;
}

.main_gray {
	background: #F2F2F2;
	padding: 50px 0;
}

.main_skyblue {
	background: #8ECEF0;
	padding: 50px 0;
}
.topic_block {
	margin: 10px;
	background: #FFF;
	padding: 30px 10px 20px;
	position: relative;
}
.topic_block h2 {
	position: absolute;
	left: 10px;
	top: -40px;
}
.info_box h2:first-letter {
	/* color: #7DBC45; */
}
.event_box h2:first-letter {
	/* color: #8ECEF0; */
}
.cal_box h2:first-letter {
	color: #F68906;
}
.info_box .top_topic_box {
	padding: 5px 5px 10px;
	margin-bottom: 5px;
	border-bottom: dotted 2px #7DBC45;
}
.event_box .top_topic_box {
	padding: 5px 5px 10px;
	margin-bottom: 5px;
	border-bottom: dotted 2px #8ECEF0;
}
.topic_block .top_topic_box:last-child {
	border: none;
}

.main_use_image {
/*	background: url('../../images/base/004.jpg') no-repeat center center;
	background-size: cover;*/
	min-height: 100px;
}
.main_use_title .head_img {
	background: url('../../images/base/005.jpg') no-repeat top center;
	background-size: contain;
	height: 230px;
	width: 100%;
}
.main_use_title h2 {
	font-size: 170%;
	color: #4D4D4D;
	text-align: center;
	margin-bottom: 40px;
	line-height: 150%;
}
.main_use_txt {
	line-height: 180%;
}

.main_use_merit_col {
	margin-bottom: 20px;
}
.main_use_merit {
	width: 100%;
	height: 100%;
	background: #2CAEB0;
	text-align: center;
	padding: 7px;
	margin-bottom: 20px;
	color: #FFF;
}
.main_use_merit .main_use_merit_label {
	color: #2CAEB0;
	background: #FFF;
	padding: 5px 10px;
	font-size: 120%;
	font-weight: bold;
}
.main_use_merit .main_use_merit_body {
	margin: 20px 0 0;
	font-size: 130%;
}
.main_use_merit .main_use_merit_body span {
	font-size: 140%;
}

@media (min-width: 768px) {
	.main_use_merit {
		padding: 15px;
	}
	.main_use_merit .main_use_merit_body {
		font-size: 140%;
	}
	.main_use_merit .main_use_merit_body span {
		font-size: 150%;
	}
}


.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.row:before, .row:after {
	width: 0px;
}

.main_price {
	
}
.main_price table {
	border: none;
	text-align: center;
}
.main_price table thead tr th {
	width: 40%;
	border: none;
	padding: 0;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
.main_price table thead tr th:first-child {
	width: 30%;
}
@media (min-width: 768px) {
	.main_price table thead tr th:first-child {
		width: 30%;
	}
}
.main_price table thead tr th div {
	padding: 10px;
	border-radius: 3px 3px 0 0;
}
.main_price table thead tr th div.member {
	background: #2CAFB0;
}
.main_price table thead tr th div.nomember {
	background: #C7B299;
}
.main_price table tbody tr th {
	width: 28%;
	text-align: center;
	font-size: 120%;
}
@media (min-width: 768px) {
	.main_price table tbody tr th {
		width: 28%;
	}
}
.main_price table tbody tr th span {
	font-size: 70%;
	font-weight: normal;
}
.main_price table tbody tr td {
	min-width: 28%;
	text-align: center;
	font-size: 120%;
	vertical-align: middle;
	padding: 10px;
}
.main_price table tbody tr td:nth-child(2) {
	width: 44% !important;
	font-size: 140%;
	font-weight: bold;
	line-height: 150%;
}
.main_price table tbody tr td:nth-child(3) {
	font-size: 100%;
	font-weight: normal;
	line-height: 150%;
}
.main_price table tbody tr td:nth-child(2) span.mini {
	font-size: 70%;
}
.price_table_btn_block {
	margin: 10px 0;
}
/*
@media (min-width: 768px) {
	.main_price table thead tr th, 
	.main_price table tbody tr td {
		width: 40%;
	}
}
@media (min-width: 992px) {
	.main_price table thead tr th, 
	.main_price table tbody tr td {
		width: 40%;
	}
}
@media (min-width: 1200px) {
	.main_price table thead tr th, 
	.main_price table tbody tr td {
		width: 40%;
	}
}*/

.fs_area {
	color: #4D4D4D;
	padding-top: 30px;
}
.fs_block {
}
.fs_icon {
	text-align: center;
}
.fs_icon img {
	width: 50%;
}
.fs_txt {
	text-align: center;
	font-size: 95%;
	padding: 10px 0;
}
@media (min-width: 768px) {
	.fs_txt {
		font-size: 110%;
	}
}
.fs_info {
	padding: 10px;
	border: solid 1px #CCC;
	color: #333;
	background: #F5F5F5;
	border-radius: 4px;
}

.main_private_use_box {
	color: #4D4D4D;
}
.main_private_use_box h3 {
	font-size: 150%;
	margin-bottom: 40px;
	text-align: center;
}
@media (min-width: 768px) {
	.main_private_use_box h3 {
		text-align: left;
	}
}
.main_private_use_box p {
	line-height: 170%;
	margin-bottom: 40px;
}

.event_plan_box {
	margin: 5px;
	padding: 10px;
	border: solid 1px #CCC;
	min-height: 158px;
}
.event_plan_box h4 {
	text-align: center;
	margin: 0 0 10px;
	padding: 3px 0;
	color: #FFF;
}
.event_plan_box .price_label {
	text-align: center;
	font-weight: bold;
	font-size: 130%;
}
.plan_1 h4 {
	background: #8E8AB2;
}
.plan_2 h4 {
	background: #70C5EB;
}
.plan_3 h4 {
	background: #FAAA84;
}
.plan_4 h4 {
	background: #2CAEB0;
}

.detail_info_table {
	
}
.detail_info_table tbody tr th {
	width: 30%;
}
.detail_info_table tbody tr th, 
.detail_info_table tbody tr td {
	padding-bottom: 10px;
	vertical-align: top;
}
					.list_static {
						padding-top: 5px;
					}

footer {
	background: #4D4D4D;
	color: #FFF;
	width: 100%;
	padding-top: 20px;
}
footer .footer_logo {
	text-align: center;
}
footer .footer_logo img {
	width: 30%;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	footer .footer_logo img {
		width: 50%;
	}
}
@media (min-width: 992px) {
	footer .footer_logo img {
		width: 50%;
	}
}
@media (min-width: 1200px) {
	footer .footer_logo img {
		width: 30%;
	}
}
footer .footer_sitemap {
	width: 100%;
	margin-bottom: 20px;
}
footer .footer_sitemap a {
	color: #FFF;
	display: inline-block;
	padding: 4px 0;
	width: 48%;
	text-align: center;
}
@media (min-width: 768px) {
	footer .footer_sitemap a {
		width: 40%;
		text-align: left;
	}
}
@media (min-width: 992px) {
	footer .footer_sitemap a {
		width: 33%;
	}
}
@media (min-width: 1200px) {
	footer .footer_sitemap a {
		width: 30%;
	}
}
footer .footer_sns {
	width: 100%;
	padding-top: 0;
	margin-bottom: 20px;
}
footer .footer_sns a {
	color: #FFF;
	display: inline-block;
	margin: 0 0 10px;
	width: 30%;
	text-align: center;
}
footer .footer_sns a img {
	width: 50%;
}
@media (min-width: 768px) {
	footer .footer_sns {
		padding-top: 60px;
	}
	footer .footer_sns a {
		margin: 0 0 10px;
	}
	footer .footer_sns a img {
		width: 100%;
	}
}
@media (min-width: 992px) {
	footer .footer_sns {
		padding-top: 45px;
	}
	footer .footer_sns a {
		margin: 0 0 10px;
	}
	footer .footer_sns a img {
		width: 80%;
	}
}
@media (min-width: 1200px) {
	footer .footer_sns {
		padding-top: 40px;
	}
	footer .footer_sns a {
		margin: 0 0 10px;
	}
	footer .footer_sns a img {
		width: 50%;
	}
}
footer .copyright {
	width: 100%;
	border-top: solid 1px #737373;
	background: #333333;
	text-align: center;
	padding: 5px;
}

.paidBtn {
	text-align: center;
}
.paidBtn:hover {
	text-decoration: none;
}
.paid_box {
	display: none;
}
#paid_price_cashless,
#paid_price_cash,
#paid_price_tofrom {
	font-weight: normal;
	font-size: 200%;
	display: inline-block;
	margin: 0 20px 0 0;
}
#paid_price_label {
	font-weight: normal;
	font-size: 150%;
}
#now_amount_price {
	font-weight: bold;
	font-size: 300%;
	display: inline-block;
	margin: 0 20px 0 0;
}
#now_amount_price span {
	font-size: 70%;
}

