/* CSS Document */
/*キャッチコピー*/
#wccatchcopy{
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  border-bottom: 0 !important;
}
#wccatchcopy div.wcinner > * {
  padding: 0 !important;
  white-space: inherit !important;
  line-height: 0 !important;
  font-size: 0 !important;
  height: 0  !important;
}
/*main*/
main{
	margin-top: calc(var(--headerHeight) * -1);
}
/*画像*/
figure{
}
figure picture{
	width: 100%;
	height: 100%;
	display: block;
}
figure img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
/*透明*/
.opa{
	width: 0;
	height: 0;
	opacity: 0;
	display: block;
	overflow: hidden;
}
/*タイトル*/
.contents_title{
	display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.3rem;
  font-weight: 700;
	opacity: 0;
	transform: translateY(1.25rem);
	transition: opacity 600ms ease,transform 600ms ease;
}
.contents_title.wcvisible{
	opacity: 1;
	transform: translateY(0);
}
.contents_title::after{
	content: "NEWS";
	color: var(--accentColor);
  font-family: "Lexend";
  font-size: 0.9rem;
  margin-top: 0.35rem;
  letter-spacing: 1px;
}
.sub_title{
	text-align: center;
	font-size: 1.65rem;
	font-weight: 700;
	margin-top: 1rem;
	transform: translateY(1.25rem);
	transition: opacity 600ms ease,transform 600ms ease;
}
.sub_title.wcvisible{
	opacity: 1;
	transform: translateY(0);
}
/*ボタン*/
.btn{
	width: fit-content;
}
.btn a{
	display: flex;
  align-content: center;
  gap: 0.25rem;
  color: #fff;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-radius: 2rem;
  background-color: rgba(0,131,187,0.55);
  text-decoration: none;
  font-size: 1.15rem;
  font-weight: 700;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}

.btn a::before{
	content: "";
  position: absolute;
  inset: -3px;
  border-radius: calc(2rem + 3px);
  border: solid 1px rgba(0,131,187,0.55);
}

.btn a::after{
	content: "";
	width: 1.75rem;
	height: 1.75rem;
	background-color: #fff;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.btn.green a{
	background-color: #009b7d;
}
/*ボタンブロック*/
.btn_block{
	display: flex;
	width: fit-content;
	align-items: center;
	justify-content: center;
	gap:1rem;
}
body[wc-view-code="sp"] .btn_block{
	flex-direction: column;
	gap:0.75rem;
}
body[wc-view-code="sp"] .btn_block .btn{
	width: 100%;
}
body[wc-view-code="sp"] .btn_block .btn a{
	width: 100%;
}
/*文字変更*/
.acc{
	color: var(--supportColor);
}
.bold{
	font-weight: 700;
}
/*ページタイトル*/
.page_title{
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: var(--headerHeight);
	box-sizing: border-box;
}
.page_title .contents_title{
	position: relative;
	z-index: 4;
	color: #fff;
}

.page_title .contents_title::after{
	color: #fff;
}
.page_title{
}
body[wc-view-code="sp"] .page_title{
	height: 150px;
}
body[wc-view-type="tb"] .page_title{
	height: 250px;
}
body[wc-view-type="tb-l"] .page_title{
	height: 280px;
}
body[wc-view-code="pc"] .page_title{
	height: 300px;
}
.page_title figure{
	position: absolute;
	inset:0;
	z-index: 1;
}
.page_title figure::before{
	content: "";
	position: absolute;
	inset:0;
	z-index: 3;
	background-color: rgba(43,136,203,0.5);
}
.page_title figure img{
}
body[wc-view-code="sp"] .page_title figure img{
	height: 150px;
}
body[wc-view-type="tb"] .page_title figure img{
	height: 250px;
}
body[wc-view-type="tb-l"] .page_title figure img{
	height: 280px;
}
body[wc-view-code="pc"] .page_title figure img{
	height: 300px;
}
/*ヘッダー*/
header#wcheader{
	background-color: rgba(255,255,255,0) !important;
}
html.wcscroll{
}
html.wctop header#wcheader div.headerlogo[logo-type="maskdirect"] h2 {
  background-color: var(--headerLogoColor);
}
html.wcscroll header#wcheader div.headerlogo[logo-type="maskdirect"] h2{
	background-color: var(--accentColor) !important;
}
html.wctop header#wcheader .menubtn[wc-icon]:not(.wcshowmenuwrap)::before{
	background-color: var(--headerLogoColor);
}
html.wctop header#wcheader .menubtn[wc-icon][name]:not([item-pos*="show"])::after{
	color: #fff;
}
html.wcscroll header#wcheader .menubtn[wc-icon]:not(.wcshowmenuwrap)::before{
	background-color: var(--accentColor) !important;
}
html.wcscroll header#wcheader .menubtn[wc-icon][name]:not([item-pos*="show"])::after{
	color: var(--accentColor) !important;
}
/*
.header div.headerlogo::before{
	content: "";
	position: absolute;
	z-index: -1;
	background-color: #FFF;
	top:calc(var(--headerTop,0px) * -1);
	left: calc(var(--headerRight,0px) * -1);
	right: calc(var(--headerBottom,0px) * -1);
	bottom: calc(var(--headerLeft,0px) * -1);
}*/
/*ドロワーメニュー*/
.wcdrawermenu div.header div.drawerclosebtn[wc-icon] span::before{
	mask-size:cover !important;
	-webkit-mask-size:cover !important;
}
/*フッター*/
.f_contact{
	box-sizing: border-box;
}
body[wc-view-code="sp"] .f_contact{
	padding: var(--headerHeight) 7vw 2rem;
}
body[wc-view-code="tb"] .f_contact{
	padding: var(--headerHeight) 5vw 2.5rem;
}
body[wc-view-code="pc"] .f_contact{
	padding: var(--headerHeight) calc((100vw - 750px) / 2) 1rem;
}
.f_contact .contents_title{
	opacity: 1;
	transform: translateY(0);
}
.f_contact .contents_title::after{
	content: "contact";
	color: #fff;
}
.fc_text{
	margin-top: 1rem;
  margin-bottom: 0.5rem;
}
body[wc-view-code="sp"] .fc_text{
	text-align: left;
}
body:not([wc-view-code="sp"]) .fc_text br.none{
	display: none;
}
.f_contact .bisiness_time{
	padding: 0.5rem; 
	display: flex;
	align-items: center;
	justify-content: center;
	gap:1.5rem;
}
body[wc-view-code="sp"] .f_contact .bisiness_time{
}

.f_contact .bisiness_time > dl{
}
.f_contact .bisiness_time > dl dt{
}
.f_contact .bisiness_time > dl dt span{
	color: #fff;
  padding: 0 0.75rem;
  border-radius: 1rem;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 0.85rem;
  border: solid 1px #fff;
}
.f_contact .bisiness_time > dl dd{
	font-weight: 700;
	padding-top: 0.25rem;
}
.f_contact .bisiness_time > .f_time dd{
	font-family: "Lexend";
}
.f_contact .f_in_contact{
	display: flex;
	gap:1rem;
	justify-content: center;
	margin-top: 0.5rem;
}
body[wc-view-code="sp"] .f_contact .f_in_contact{
	flex-direction: column;
}
.f_contact .f_in_contact a{
	text-decoration: none;
	box-sizing: border-box;
	border-radius: 1rem;
	color: var(--accentColor);
	position: relative;
	z-index: 1;
	background-color: #fff;
	padding: calc(0.5rem + 35px) 1rem 1rem 1rem;
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body:not([wc-view-code="sp"]) .f_contact .f_in_contact a{
	pointer-events: none;
}
body[wc-view-type="tb"] .f_contact .f_in_contact a{
	width: 290px;
}
body[wc-view-type="tb-l"] .f_contact .f_in_contact a,
body[wc-view-code="pc"] .f_contact .f_in_contact a{
	width: 300px;
}
.f_contact .f_in_contact a > .fc_in_title{
	display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 35px;
  background-color: rgba(0,131,187,0.55);
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  border-radius: 0 0 1rem 1rem;
  padding: 0 0.75rem;
}
.f_contact .f_in_contact a > .fc_in_title::before,
.f_contact .f_in_contact a > .fc_in_title::after{
		content: "";
		width: 20px;
		height: 20px;
		background-color: rgba(0,131,187,0.55);
		position: absolute;
		z-index: 2;
		top: 0;
  	-webkit-mask-position: center center;
  	mask-position: center center;
  	-webkit-mask-repeat: no-repeat;
  	mask-repeat: no-repeat;
  	-webkit-mask-size: cover;
  	mask-size: cover;
}
.f_contact .f_in_contact a > .fc_in_title::before{
	left: -20px;
	-webkit-mask-image: url("/cp_works/standard/tennis/img/svg/left_up.svg");
  mask-image: url("/cp_works/standard/tennis/img/svg/left_up.svg");
}
.f_contact .f_in_contact a > .fc_in_title::after{
	right: -20px;
	-webkit-mask-image: url("/cp_works/standard/tennis/img/svg/right_up.svg");
  mask-image: url("/cp_works/standard/tennis/img/svg/right_up.svg");
}

.f_contact .f_in_contact a .fct_num{
	font-family: "Lexend";
	font-weight: 700;
	font-size: 1.75rem;
	color: var(--accentColor);
	display: flex;
}
.f_contact .f_in_contact a .fct_num::before{
	content: "";
  width: 2.3rem;
  height: 2.3rem;
  background-color: var(--accentColor);
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.f_contact .f_in_contact .fcm_in_text{
	color: var(--defColor);
}
.f_contact .f_in_contact a .more{
	display: flex;
  border: solid 1px var(--accentColor);
  font-weight: 700;
  color: var(--accentColor);
  width: fit-content;
  margin: 0.75rem auto 0 auto;
  border-radius: 1rem;
  padding: 0 0.4rem 0 0.75rem;
}
.f_contact .f_in_contact a .more::after{
	content: "";
  width: 1.75rem;
  height: 1.75rem;
  background-color: var(--accentColor);
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}