/*============ 共通項目 ==============*/


.content-area article{
	margin: 0 auto;
	width: 100%;
	}


#content .content-area article section.content {
	margin: min(7vw , 70px) auto;
	width: 1100px;
}


/*========================================*/
/*============= 施設一覧構成 =============*/
/*========================================*/

#content .content-area article section.facilityWrap {
	width: 100%;
	padding: 2rem 0 5rem;
	margin-bottom: 0;
}

#content .content-area article section.facilityWrap > h2 {
	font-size: min(4vw , 23px);
	margin: 0 auto min(4vw , 40px);
	font-weight: bold;
	border-bottom: dotted #fff .5rem;
	padding: min(1vw , 15px) min(1vw , 10px) min(1vw , 15px);
	background: #e45121;
	color: #fff;
}

#content .content-area article section.facilityWrap > h2 span {
	font-size: 2rem;
	display: block;
	width: min(90% , 130rem);
	margin: auto;
	text-align: right;
	color: #fff;
}

#content .content-area article section.facilityWrap nav.nav01 {
	padding-bottom: 5rem;
	position: relative;
}
#content .content-area article section.facilityWrap nav.nav01 ul {
	width: min(95% , 130rem);
	margin: 0 auto min(2vw , 20px);
	justify-content: flex-start;
	display: flex;
	gap: 2rem;
	position: relative;
}
#content .content-area article section.facilityWrap nav.nav01 ul li {
	border: solid 0.3rem #231815;
	padding: 0 3rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 5rem;
	margin: 0;
	line-height: 4rem;
	border-radius: 1rem 1rem 0 0;
	width: 30rem;
	background: #fff;
	cursor: pointer;
}
#content .content-area article section.facilityWrap nav.nav01 ul::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 4rem solid transparent;
	border-left: 4rem solid transparent;
	border-top: 3rem solid #231815;
	border-bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -2rem;
	transition: .4s ease-in;
}

#content .content-area article section.facilityWrap nav.nav01.is-checked0 ul::before {
	left: -100rem;
}

#content .content-area article section.facilityWrap nav.nav01.is-checked1 ul::before {
	left: -35rem;
}
#content .content-area article section.facilityWrap nav.nav01.is-checked2 ul::before {
	left: 28rem;
}
	
#content .content-area article section.facilityWrap nav.nav01 ul li span {
	position: relative;
	z-index: 3;
	font-size: 2rem;
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s ease-in;
	}
#content .content-area article section.facilityWrap nav.nav01 ul li:after {
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.6s ease-in;
	position: absolute;
	bottom: 0;
	right: -40%;
	z-index: 2;
	transform: skewX(40deg);
	}
#content .content-area article section.facilityWrap nav.nav01 ul li:hover span,
#content .content-area article section.facilityWrap nav.nav01 ul li.is-checked span{color:#fff;}
#content .content-area article section.facilityWrap nav.nav01 ul li:hover:after,
#content .content-area article section.facilityWrap nav.nav01 ul li.is-checked:after{width:calc(180%); right:auto; left:-40%;}

#content .content-area article section.facilityWrap div.navWrap {
	position: relative;
	width: min(100% , 130rem);
	margin: 0 auto;
	height: 23rem;
}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .0;
	transition: .4s ease-in-out;
	transform: rotateY(270deg);
}
#content .content-area article section.facilityWrap div.navWrap nav.nav02.is-checked {
	opacity: 1;
	transform: rotateY(0deg);
}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 h2{
	width: min(100% , 150rem);
	margin: auto;
	position: relative;
	}	
#content .content-area article section.facilityWrap div.navWrap nav.nav02 h2 span {
	position: relative;
	z-index: 10;
	font-size: 3rem;
	text-align: left;
	padding: 0 0 0 11rem;
	display: block;
	}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 h2::before {
	content: "";
	margin: auto;
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_circle.png) no-repeat center / auto 100%;
	height: 5rem;
	position: absolute;
	left: 0;
	margin: auto;
	top: 0;
	z-index: 9;
	bottom: 0;
	width: 9rem;
	}

#content .content-area article section.facilityWrap div.navWrap nav.nav02:nth-of-type(even) h2::before {
		background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_circle_02.png) no-repeat center / auto 100%;
}

#content .content-area article section.facilityWrap div.navWrap nav.nav02 ul.filter {
	width: min(100% , 130rem);
	margin: 2rem auto 3rem;
	justify-content: flex-start;
	gap: 2rem 1rem;
}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 ul.filter li {
	border: solid 0.3rem #231815;
	padding: 0 6rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 5rem;
	margin: 0;
	line-height: 4rem;
	border-radius: 50px;
	width: auto;
	background: #fff;
	cursor: pointer;
}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 ul.filter li span {
	position: relative;
	z-index: 3;
	font-size: 1.6rem;
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s ease-in;
}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 ul.filter li:after {
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.6s ease-in;
	position: absolute;
	bottom: 0;
	right: -40%;
	z-index: 2;
	transform: skewX(40deg);
	}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 ul.filter li:hover span,
#content .content-area article section.facilityWrap div.navWrap nav.nav02 ul.filter li.is-checked span{color:#fff;}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 ul.filter li:hover:after,
#content .content-area article section.facilityWrap div.navWrap nav.nav02 ul.filter li.is-checked:after{width:calc(180%); right:auto; left:-40%;}

#content .content-area article section.facilityWrap ul.grid {
	width: min(100% , 130rem);
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 3rem;
}
#content .content-area article section.facilityWrap ul.grid > li {
	background: rgba(255,255,255,.8);
	box-shadow: 0 0 5px #000;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	padding: 2rem;
	border: solid .5rem;
	border-radius: 1rem;
	overflow: hidden;
	transition: .4s ease-out;
	transform: scale(.3,.3);
	opacity: 0;
	width: 48%;
	overflow: hidden;
	transition: .3s ease-in;
	box-shadow: 0 0 5px #000;
	margin: 2% 1%;
}
#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 1){border-color:#0071b3;}
#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 2){border-color:#ea5430;}
#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 3){border-color:#d1d400;}
#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 4){border-color:#009047;}

#content .content-area article section.facilityWrap ul.grid > li.active {
	transform:scale(1,1);
	opacity:1;
	}
#content .content-area article section.facilityWrap ul.grid > li h3 {
	font-weight: bold;
	position: relative;
	margin-bottom: 2rem;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-height: 5rem;
	transition: .3s ease-in;
	transform: rotate(0deg);
}
#content .content-area article section.facilityWrap ul.grid > li h3:hover {transform: rotate(-3deg);}
#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 1) h3{background-color:#0071b3;}
#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 2) h3{background-color:#ea5430;}
#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 3) h3{background-color:#d1d400;}
#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 4) h3{background-color:#009047;}
#content .content-area article section.facilityWrap ul.grid > li h3:before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_heart.png) no-repeat center / 100%;
	width: 3rem;
	height: 3rem;
	position: absolute;
	top: 1rem;
	left: 2rem;
}

#content .content-area article section.facilityWrap ul.grid > li h3 a {
	color: #fff;
	font-size: 2rem;
	padding: 0 2rem 0 6rem;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
}

#content .content-area article section.facilityWrap ul.grid > li h3 strong {
	font-size: 2.5rem;
	padding: 2rem 0 2rem;
	font-weight: bold;
	position: relative;
	margin-bottom: 4rem;
}
#content .content-area article section.facilityWrap ul.grid > li h3,
#content .content-area article section.facilityWrap ul.grid > li h3 span {
	margin-left: 1rem;
}
#content .content-area article section.facilityWrap ul.grid > li h3 span {
	display:block;
	text-align:right;
}
#content .content-area article section.facilityWrap ul.grid > li figure {
	overflow: hidden;
	width: 100%;
	height: 40rem;
	border-radius: 1rem;
}

#content .content-area article section.facilityWrap ul.grid > li figure.noimage{
	background: #ccc;
	color: #fff;
	font-size: 3rem;
	text-align: center;
	line-height: 40rem;
}
#content .content-area article section.facilityWrap ul.grid > li figure.active img.active {
	transform: scale(1,1);
	transition: .8s ease-out;
}
#content .content-area article section.facilityWrap ul.grid > li figure.active:hover img.active{transform:scale(1.1,1.1);}

#content .content-area article section.facilityWrap ul.grid > li > div.textWrap {
	width: 100%;
	text-align: right;
}

#content .content-area article section.facilityWrap ul.grid > li > div.textWrap > div {
	text-align: left;
	font-size: 1.8rem;
	margin: 1.5rem;
}

#content .content-area article section.facilityWrap ul.grid > li > div.textWrap > div.facility_price {
	text-align: right;
	border-top: dotted;
	padding: 1rem;
}

#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 1) div.textWrap > div.facility_price{border-color:#0071b3;}
#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 2) div.textWrap > div.facility_price{border-color:#ea5430;}
#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 3) div.textWrap > div.facility_price{border-color:#d1d400;}
#content .content-area article section.facilityWrap ul.grid > li:nth-of-type(4n + 4) div.textWrap > div.facility_price{border-color:#009047;}

#content .content-area article section.facilityWrap ul.grid > li div.textWrap > div.facility_price:before{content:"作業単価：";}

#content .content-area article section.facilityWrap ul.grid > li div.textWrap > a {
	position: relative;
	display: inline-block;
	width: auto;
	text-align: center;
	height: 7rem;
	padding: 3rem 5rem 0 3rem;
}
#content .content-area article section.facilityWrap ul.grid > li div.textWrap > a:after {
	content: "";
	height: 1px;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.4s ease-in;
	bottom: 0;
	right: 0;
	position: absolute;
}
#content .content-area article section.facilityWrap ul.grid > li div.textWrap > a:hover:after{width:calc(100%); right:auto; left:0%;}
#content .content-area article section.facilityWrap ul.grid > li div.textWrap > a span {
	position: relative;
}
#content .content-area article section.facilityWrap ul.grid > li div.textWrap > a span::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/common/h-icon_arrow.png) no-repeat center / 100%;
	width: 2rem;
	height: 1.5rem;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -3rem;
}


/*==============================================*/
/*============= 施設個別ページ構成 =============*/
/*==============================================*/

#content .content-area article section.facilitySingleWrap {
	width: 100%;
	padding: 0 0 5rem;
	margin-bottom: 0;
	position: relative;
}
#content .content-area article section.facilitySingleWrap::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/uploads/2025/09/t-slider_img_03.jpg) no-repeat center center / 100% auto;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: .7;
	z-index: -1;
}

#content .content-area article section.facilitySingleWrap > h2 {
	position: relative;
	z-index: 10;
	text-align: center;
	border-bottom: dotted .6rem #ea5430;
	display: block;
}

#content .content-area article section.facilitySingleWrap > h2 span {
	font-size: 4rem;
	position: relative;
	width: min(96% , 130rem);
	margin: auto;
	text-align: left;
	display: block;
	padding-left: 9rem;
}

#content .content-area article section.facilitySingleWrap > h2 span::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/lower/l-img_john.png) no-repeat center / 70% , #fff;
	width: 5rem;
	height: 10rem;
	position: absolute;
	top: -1rem;
	bottom: 0;
	left: 0;
	padding: .5rem 1rem;
}
#content .content-area article section.facilitySingleWrap > h3 {
	width: min(94% , 130rem);
	margin: 3rem auto;
	font-size: 2.2rem;
	background: #085a39;
	border-radius: 1rem;
	padding: 2rem 4rem;
	color: #fff;
	font-family: Shin Go Regular , sans-serif;
}
#content .content-area article section.facilitySingleWrap > h3 strong{
	font-size: 3rem;
	color: #fff;
	font-family: Midashi Go MB31 , sans-serif;
}
#content .content-area article section.facilitySingleWrap > ul.category {
	width: min(100% , 130rem);
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
#content .content-area article section.facilitySingleWrap > ul.category li {
	margin: 0 0.5rem 0.5rem;
	transition: .5s ease-in;
	transform: translate(0 , 0);
}
#content .content-area article section.facilitySingleWrap > ul.category li:hover {transform: translate(0 , -1rem);}
#content .content-area article section.facilitySingleWrap > ul.category li::before {
	padding: .3rem 4rem;
	border-radius: 100px;
	color: #010101;

	font-size: 1.7rem;
}

#content .content-area article section.facilitySingleWrap > ul.service{
	width: min(100% , 130rem);
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
#content .content-area article section.facilitySingleWrap > ul.service li{
	margin: 0 0.5rem 0.5rem;
	transition: .5s ease-in;
	transform: translate(0 , 0);
}
#content .content-area article section.facilitySingleWrap > ul.service li:hover {transform: translate(0 , -1rem);}
#content .content-area article section.facilitySingleWrap > ul.service li:before{
	padding: .3rem 4rem;
	border-radius: 100px;
	color: #010101;

	font-size: 1.7rem;
}

#content .content-area article section.facilitySingleWrap .sliderWrap {
	width: 100%;
}
#content .content-area article section.facilitySingleWrap .sliderWrap .slick-initialized .slick-slide,
#content .content-area article section.facilitySingleWrap figure {
	width: 80rem;
	height: 56rem;
	display: flex;
	align-items: center;
	overflow: hidden;
	justify-content: center;
}
#content .content-area article section.facilitySingleWrap .sliderWrap .slick-initialized .slick-slide img {
	width: auto;
	height: 100%;
	transition: .7s ease-in;
	transform: scale(1,1);
}
#content .content-area article section.facilitySingleWrap .sliderWrap .slick-initialized .slick-slide:hover img {transform: scale(1.05,1.05);}
#content .content-area article section.facilitySingleWrap .sliderWrap ul.slick-dots {
	display: flex !important;
	flex-wrap: nowrap;
	max-width: 100%;
	margin: min(1vw , 10px) auto;
	justify-content: center;
	gap: 1rem;
}
#content .content-area article section.facilitySingleWrap .sliderWrap ul.slick-dots li {
	margin: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	width: calc(calc(100% - 5rem) / 6);
	background: #000;
	cursor: pointer;
	height: 9rem;
}
#content .content-area article section.facilitySingleWrap .sliderWrap ul.slick-dots li img {
	opacity: .5;
	transition: .5s ease-out;
}
#content .content-area article section.facilitySingleWrap .sliderWrap ul.slick-dots li.slick-active img{opacity:1;}

#content .content-area article section.facilitySingleWrap figure {
	width: 100%;
	background: #ccc;
	color: #fff;
	font-size: 3rem;
	text-align: center;
	line-height: 20rem;
}

#content .content-area article section.facilitySingleWrap figure.printImg{display:none;}

#content .content-area article section.facilitySingleWrap dl.fe:not(.others) {
	width: min(94% , 130rem);
	margin: 1rem auto 2rem;
	background: rgba(255,255,255,.8);
	border-radius: 20px;
	box-shadow: 0 0 0 #555;
	padding: 3rem;
	justify-content: space-between;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(.41,0,.43,1);
	border: solid 3px #ea5228;
	gap: 4rem;
}

#content .content-area article section.facilitySingleWrap dl.fe:not(.others):hover {
	border-radius:0;
	box-shadow: 1px 1px 5px #555;
}

#content .content-area article section.facilitySingleWrap dl.fe dt {
	width: 80rem;
	margin: auto;
}
#content .content-area article section.facilitySingleWrap dl.fe dd {
	width: 100%;
}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList {
	display: flex;
	justify-content: flex-start;
	gap: 1rem;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 9rem;
	position: relative;
}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList::before {
	content: "業種：";
	position: absolute;
	left: 2rem;
	top: 0rem;
}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList li {
	color: #fff;
	font-size: 2rem;
	padding: .5rem 2rem;
	border-radius: 50rem;
}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList li[data="食料品製造"] {background: #ea5976;}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList li[data="製造・生産"] {background: #2e78c1}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList li[data="農業"] {background:#009047; }
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList li[data="軽作業"] {background: #fbc123;}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList li[data="清掃"] {background:#f4d152; }
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList li[data="クリエイティブ"] {background:#71c6dd; }
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList li[data="サービス業"] {background:#82cd47; }
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList li.child {
	background: #928787;
	font-size: 1.5rem;
	order: 5;
}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul:not(.kindList):not(.formBtn) {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 6rem 4rem;
	width: 100%;
}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul:not(.kindList):not(.formBtn) > li{}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul:not(.kindList):not(.formBtn) > li h4 {
	font-size: 2rem;
	font-weight: bold;
	width: auto;
	background: #ea5228;
	padding: .2rem 3.5rem;
	color: #fff;
	border-radius: 100px;
	display: inline-block;
}

#content .content-area article section.facilitySingleWrap dl.fe dd > ul > li p + h4,
#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li ul + h4 {
	margin-top: 2.5rem;
}
#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li > ul {
	justify-content: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 0 1rem;
	padding: 1rem 2rem 0;
}
#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li > ul > li,
#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li > ul + ul li{
	font-size: 2.5rem;
}

#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li > ul > li + li::before {
	content: ",";
	margin-right: 1rem;
}

#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li > ul + ul {
	padding: 0 2rem 0;
}

#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li ul li a,
#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li p a{font-size: 2.5rem;}

#content .content-area article section.facilitySingleWrap dl.fe dd p {
	font-size: 2.5rem;
	line-height: 1.7;
	padding: 1rem 2rem 0;
}
#content .content-area article section.facilitySingleWrap dl.fe dd p strong{font-size:110%; font-weight:bold;}
#content .content-area article section.facilitySingleWrap dl.fe dd > a {
	position: relative;
	display: block;
	width: 30rem;
	text-align: center;
	height: 8rem;
	padding: 4rem 5rem 0 3rem;
	margin: 0 0px 0 auto;
}
#content .content-area article section.facilitySingleWrap dl.fe dd > a:after {
	content: "";
	height: 1px;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.4s ease-in;
	bottom: 0;
	right: 0;
	position: absolute;
	}
#content .content-area article section.facilitySingleWrap dl.fe dd > a:hover:after{width:calc(100%); right:auto; left:0%;}
#content .content-area article section.facilitySingleWrap dl.fe dd > a span {
	position: relative;
	}
#content .content-area article section.facilitySingleWrap dl.fe dd > a span::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/common/h-icon_arrow.png) no-repeat center / 100%;
	width: 2rem;
	height: 1.5rem;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -3rem;
	}


#content .content-area article section.facilitySingleWrap dl.fe dd.othersText {
	width: 100%;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div.singleEntryWtap {
	padding: 3rem 0 0;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div.singleEntryWtap + div.singleEntryWtap {
	padding: 8rem 0 0;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div.singleEntryWtap h3 {
	font-size: 3rem;
	font-weight: bold;
	border-bottom: #ea5228 .4rem dotted;
	padding: 1rem 3rem;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div.singleEntryWtap p {
	font-size: 2rem;
	line-height: 1.7;
	padding: 1rem 4rem;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div > ul {
	justify-content: flex-start;
	display: flex;
	padding: 1rem 3rem;
	gap: 0 2rem;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div > ul li {
	margin: 1rem 2rem;
	font-size: 2.5rem;
}

#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div > ul li:before {content:"●";}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div > ul + span.payAttention,
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div > ul + p + span.payAttention {
	border: #928787 solid 2px;
	display: block;
	padding: 2rem 3rem;
	border-radius: 1rem;
	opacity: .8;
	font-size: 88%;
	position: relative;
	width: 90%;
	margin: auto;
	margin-top: 3rem;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div > ul + span.payAttention::before,
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div > ul + p + span.payAttention::before {
	content: "※";
	position: absolute;
	top: -2rem;
	font-size: 2.5rem;
	padding: 0 2rem;
	font-weight: 800;
	text-shadow:
		0 0 min(.7vw , 12px) #fff,
		0 0 min(.7vw , 12px) #fff,
		0 0 min(.7vw , 12px) #fff,
		0 0 min(.7vw , 12px) #fff,
		0 0 min(.7vw , 12px) #fff,
		0 0 min(.7vw , 12px) #fff,
		0 0 min(.7vw , 12px) #fff,
		0 0 min(1vw , 16px) #fff,
		0 0 min(1vw , 16px) #fff,
		0 0 min(1vw , 16px) #fff,
		0 0 min(1vw , 16px) #fff,
		0 0 min(1vw , 16px) #fff,
		0 0 min(1vw , 16px) #fff,
		0 0 min(1vw , 16px) #fff;
}
#content .content-area article section.facilitySingleWrap dl.fe.others {
	width: min(94% , 130rem);
	margin: 4rem auto 0;
	justify-content: flex-start;
}

#content .content-area article section.facilitySingleWrap dl.fe.others dd {
	margin: 3rem 0 2rem;
	background: rgba(255,255,255,.8);
	border-radius: 20px;
	box-shadow: 0 0 0 #555;
	padding: 3rem;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(.41,0,.43,1);
	border: solid 3px #f08600;
	width: 48%;
	position: relative;
}

#content .content-area article section.facilitySingleWrap dl.fe.others dd:nth-of-type(2n+2) {margin-left:2%;}

#content .content-area article section.facilitySingleWrap dl.fe.others dd:hover {
	border-radius:0;
	box-shadow: 1px 1px 5px #555;
}

#content .content-area article section.facilitySingleWrap form{}
#content .content-area article section.facilitySingleWrap form dl {
	width: 100%;
	margin: 5rem auto 0;
	font-size: 3rem;
	border-radius: 2rem;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 5rem 0;
}
#content .content-area article section.facilitySingleWrap form dl dd:not(.btnWrap) {
	width: 30%;
}
#content .content-area article section.facilitySingleWrap form dl dd:not(.btnWrap) p {
	font-size: 2.5rem;
}
#content .content-area article section.facilitySingleWrap form dl dd:not(.btnWrap) p span {
	background: #e45121;
	color: #fff;
	border-radius: 10rem;
	padding: 0.2rem 3rem;
	margin-left: 1rem;
	font-size: 1.5rem;
	white-space: nowrap;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt {
	width: calc(70% - 5rem);
	margin: 0;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt input[type="text"] {
	padding: 1rem 2rem;
	font-size: 2.5rem;
	border-radius: 10rem;
	border: solid 0.3rem #231815;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt input[type="tel"] {
	padding: 1rem 2rem;
	font-size: 2.5rem;
	border-radius: 10rem;
	border: solid 0.3rem #231815;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt input[type="email"] {
	padding: 1rem 2rem;
	font-size: 2.5rem;
	border-radius: 10rem;
	border: solid 0.3rem #231815;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt span.wpcf7-radio {
	display: flex;
	justify-content: flex-start;
	align-content: center;
	gap: 3rem;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt span.wpcf7-radio .wpcf7-list-item {
	margin: 0;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt textarea {
	padding: 1rem 2rem;
	font-size: 2.5rem;
	border-radius: 2rem;
	border: solid 0.3rem #231815;
	height: 19rem;
	width: 100%;
}
#content .content-area article section.facilitySingleWrap form dl dd.btnWrap {
	width: 100%;
}
#content .content-area article section.facilitySingleWrap form dl dd.btnWrap ul {
	display: flex;
	justify-content: center;
	gap: 2rem;
}
#content .content-area article section.facilitySingleWrap form dd.btnWrap ul li p{}
#content .content-area article section.facilitySingleWrap form dd.btnWrap ul li p input {
	border: solid 0.3rem #231815;
	padding: 0 3rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 5rem;
	margin: auto;
	line-height: 4rem;
	border-radius: 50px;
	width: 30rem;
	background: #fff;
	transition: 0.3s ease-in;
	transform: translate(0,0) rotate(0deg);
	cursor: pointer;
	font-size: 2.5rem;
}
#content .content-area article section.facilitySingleWrap form dd.btnWrap ul li p input:hover{
	background: #231815;
	color:#fff;
	transform: translate(0,-1rem) rotate(-2deg);
	}
	
#content .content-area article section.facilitySingleWrap form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2;
	width: min(90% , 80rem);
	margin: auto;
	text-align: center;
}

#content .content-area article section.facilitySingleWrap dl.fe.others dd h4:not(.facility_name) {
	font-size: 2rem;
	font-weight: bold;
	width: auto;
	background: #f08600;
	padding: .2rem 3.5rem;
	color: #fff;
	border-radius: 100px;
	display: inline-block;
}

#content .content-area article section.facilitySingleWrap dl.fe.others dd h4.facility_name {
	font-size: 3.5rem;
	font-weight: bold;
	width: 100%;
	padding: 0.5rem 0.5rem 4rem;
	text-align: center;
	color: #000;
	margin: auto;
}

#content .content-area article section.facilitySingleWrap dl.fe.others dd p {
	font-size: 2.5rem;
	line-height: 1.7;
	padding: 0 2rem;
}

#content .content-area article section.facilitySingleWrap > p {
	margin-top: 3rem;
}
#content .content-area article section.facilitySingleWrap > p.mapWrap + p.mapWrap{display:none;}
#content .content-area article section.facilitySingleWrap > nav + p {
	margin-top: 10rem;
}
#content .content-area article section.facilitySingleWrap > p > iframe {
	border: 0px;
	max-width: 100%;
	max-height: 1111px;
	width: 100%;
}
#content .content-area article section.facilitySingleWrap > p > a{
	border: solid 0.3rem #231815;
	padding: 0 3rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 5rem;
	margin: 3rem auto 2rem;
	line-height: 4rem;
	border-radius: 50px;
	width: 60rem;
	background: #fff;
	z-index: 10;
	}
#content .content-area article section.facilitySingleWrap > p > a span {
	position: relative;
	z-index: 3;
	font-size: 2rem;
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s ease-in;
	}
#content .content-area article section.facilitySingleWrap > p > a:after {
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.6s ease-in;
	position: absolute;
	bottom: 0;
	right: -40%;
	z-index: 2;
	transform: skewX(40deg);
	}
#content .content-area article section.facilitySingleWrap > p > a:hover span,
#content .content-area article section.facilitySingleWrap > p > a:hover{color:#fff;}
#content .content-area article section.facilitySingleWrap > p > a:hover:after{width:calc(180%); right:auto; left:-40%;}



#content .content-area article section.facilitySingleWrap nav {
	margin: 3rem auto 0;
}
#content .content-area article section.facilitySingleWrap nav div.nav-links {
	width: min(100% , 130rem);
	margin: auto;
	display: flex;
	justify-content: space-between;
}
#content .content-area article section.facilitySingleWrap nav div.nav-links > :not(.dots) {
	margin: 0 1rem;
	display: flex;
	align-items: center;
}
#content .content-area article section.facilitySingleWrap nav div.nav-links div > a {
	position: relative;
	display: flex;
	width: auto;
	text-align: center;
	height: 7rem;
	padding: 3rem 5rem 0 3rem;
	gap: 1rem;
	align-items: center;
	justify-content: flex-start;
}
#content .content-area article section.facilitySingleWrap nav div.nav-links div.nav-next > a {
	justify-content: flex-end;
}
#content .content-area article section.facilitySingleWrap nav div.nav-links div.nav-next > a p.meta-nav {
	order: 2;
}
#content .content-area article section.facilitySingleWrap nav div.nav-links div > a:after {
	content: "";
	height: 1px;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.4s ease-in;
	bottom: 0;
	right: 0;
	position: absolute;
	}
#content .content-area article section.facilitySingleWrap nav div.nav-links div > a:hover:after{width:calc(100%); right:auto; left:0%;}
#content .content-area article section.facilitySingleWrap nav div.nav-links div > a span {
	position: relative;
	}
#content .content-area article section.facilitySingleWrap nav div.nav-links div > a p.meta-nav {
	font-size: 0;
	text-align: right;
}
#content .content-area article section.facilitySingleWrap nav div.nav-links div > a p.post-title{}

/*
#content .content-area article section.facilitySingleWrap nav div.nav-links div > a:not(.dots):hover:after {width:200%; left:-50%; right:auto;}
*/



/*========================================*/
/*============= 検索一覧構成 =============*/
/*========================================*/

#content .content-area article section.searchWrap {
	width: 100%;
	padding: 2rem 0 5rem;
	margin-bottom: 0;
}

#content .content-area article section.searchWrap .search-result-count {
	width: min(96% , 130rem);
	margin: 0 auto 2rem;
}
#content .content-area article section.searchWrap > h2 {
	font-size: min(4vw , 23px);
	margin: 0 auto min(4vw , 40px);
	font-weight: bold;
	border-bottom: dotted #fff .5rem;
	padding: min(1vw , 15px) min(1vw , 10px) min(1vw , 15px);
	background: #e45121;
	color: #fff;
}

#content .content-area article section.searchWrap > h2 span {
	font-size: 2rem;
	display: block;
	width: min(90% , 130rem);
	margin: auto;
	text-align: right;
	color: #fff;
}

#content .content-area article section.searchWrap > ul {
	width: min(90% , 130rem);
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 3rem;
	align-items: flex-start;
}
#content .content-area article section.searchWrap > ul > li {
	background: rgba(255,255,255,.8);
	width: calc(50% - 3rem);
	box-shadow: 0 0 5px #000;
	display: flex;
	position: relative;
	flex-wrap: wrap;
	padding: 2rem;
	border: solid .5rem;
	border-radius: 1rem;
	overflow: hidden;
	transition: .4s ease-out;
	transform: scale(.3,.3);
	opacity: 0;
}
#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 1){border-color:#0071b3;}
#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 2){border-color:#ea5430;}
#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 3){border-color:#d1d400;}
#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 4){border-color:#009047;}

#content .content-area article section.searchWrap > ul > li.active {
	transform:scale(1,1);
	opacity:1;
	}
#content .content-area article section.searchWrap > ul > li h3 {
	font-weight: bold;
	position: relative;
	margin-bottom: 2rem;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-height: 5rem;
	color: #fff;
	font-size: 2rem;
}

#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 1) h3{background-color:#0071b3;}
#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 2) h3{background-color:#ea5430;}
#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 3) h3{background-color:#d1d400;}
#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 4) h3{background-color:#009047;}
#content .content-area article section.searchWrap > ul > li h3:before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_heart.png) no-repeat center / 100%;
	width: 3rem;
	height: 3rem;
	position: absolute;
	top: 1rem;
	left: 2rem;
}
#content .content-area article section.searchWrap > ul > li h3 a {
	color: #fff;
	font-size: 2rem;
	padding: 0 2rem 0 6rem;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
}
#content .content-area article section.searchWrap > ul > li h3 strong {
	font-size: 2.5rem;
	padding: 2rem 0 2rem;
	font-weight: bold;
	position: relative;
	margin-bottom: 4rem;
}
#content .content-area article section.searchWrap > ul > li h3,
#content .content-area article section.searchWrap > ul > li h3 span {
	margin-left: 1rem;
}
#content .content-area article section.searchWrap > ul > li h3 span {
	display:block;
	text-align:right;
}
#content .content-area article section.searchWrap > ul > li figure {
	overflow: hidden;
	width: 100%;
	height: 40rem;
	border-radius: 1rem;
}

#content .content-area article section.searchWrap > ul > li figure.noimage{
	background: #ccc;
	color: #fff;
	font-size: 3rem;
	text-align: center;
	line-height: 40rem;
}
#content .content-area article section.searchWrap > ul > li figure.active img.active {
	transform: scale(1,1);
	transition: .8s ease-out;
}
#content .content-area article section.searchWrap > ul > li figure.active:hover img.active{transform:scale(1.1,1.1);}

#content .content-area article section.searchWrap > ul > li > div.textWrap {
	width: 100%;
	text-align: right;
}

#content .content-area article section.searchWrap > ul > li > div.textWrap > div {
	text-align: left;
	font-size: 1.8rem;
	margin: 1.5rem;
}

#content .content-area article section.searchWrap > ul > li > div.textWrap > div.facility_price {
	text-align: right;
	border-top: dotted;
	padding: 1rem;
}

#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 1) div.textWrap > div.facility_price{border-color:#0071b3;}
#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 2) div.textWrap > div.facility_price{border-color:#ea5430;}
#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 3) div.textWrap > div.facility_price{border-color:#d1d400;}
#content .content-area article section.searchWrap > ul > li:nth-of-type(4n + 4) div.textWrap > div.facility_price{border-color:#009047;}

#content .content-area article section.searchWrap > ul > li div.textWrap > div.facility_price:before{content:"作業単価：";}

#content .content-area article section.searchWrap > ul > li div.textWrap > a {
	position: relative;
	display: inline-block;
	width: auto;
	text-align: center;
	height: 7rem;
	padding: 3rem 5rem 0 3rem;
}
#content .content-area article section.searchWrap > ul > li div.textWrap > a:after {
	content: "";
	height: 1px;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.4s ease-in;
	bottom: 0;
	right: 0;
	position: absolute;
}
#content .content-area article section.searchWrap > ul > li div.textWrap > a:hover:after{width:calc(100%); right:auto; left:0%;}
#content .content-area article section.searchWrap > ul > li div.textWrap > a span {
	position: relative;
}
#content .content-area article section.searchWrap > ul > li div.textWrap > a span::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/common/h-icon_arrow.png) no-repeat center / 100%;
	width: 2rem;
	height: 1.5rem;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -3rem;
}


#content .content-area article section.searchWrap nav {
	margin: 3rem auto 0;
}
#content .content-area article section.searchWrap nav div.nav-links {
	width: 100rem;
	margin: auto;
	display: flex;
	justify-content: center;
}
#content .content-area article section.searchWrap nav div.nav-links > :not(.dots) {
	margin: 0 1rem;
	display: flex;
	align-items: center;
}
#content .content-area article section.searchWrap nav div.nav-links > a:not(.dots)::after {
	content: "";
	background-color: #fff4ac;
	height: 100%;
	width: 0;
	transition: .5s ease-in-out;
	position: absolute;
	top: 0;
	transform: skewX(60deg);
	z-index: 1;
	right: -40%;
	z-index: -1;
}

#content .content-area article section.searchWrap nav div.nav-links > a:not(.dots):hover:after {width:170%; left:-40%; right:auto;}
#content .content-area article section.searchWrap nav div.nav-links span.page-numbers{}
#content .content-area article section.searchWrap nav div.nav-links span.page-numbers:not(.dots) {
	border: solid 1px #aaa;
	padding: .5rem 2rem;
	display: block;
	border-radius: 5px;
	line-height: 1.6;
	background: #fff4ac;
}
#content .content-area article section.searchWrap nav div.nav-links a.page-numbers {
	border: solid 1px #aaa;
	padding: .5rem 2rem;
	border-radius: 5px;
	line-height: 1.6;
	position: relative;
	overflow: hidden;
}
#content .content-area article section.searchWrap nav div.nav-links a.page-numbers.prev,
#content .content-area article section.searchWrap nav div.nav-links a.page-numbers.next{}
#content .content-area article section.searchWrap nav div.nav-links a.page-numbers.prev span,
#content .content-area article section.searchWrap nav div.nav-links a.page-numbers.next span{display:none;}

#content .content-area article section.searchWrap div.page-content {
	width: min(100% , 130rem);
	margin: auto;
	padding-bottom: 30rem;
}
#content .content-area article section.searchWrap div.page-content p {
	font-size: 2rem;
	padding: 0 5rem 5rem;
}
#content .content-area article section.searchWrap div.page-content form.search-form {
	border: #231815 1px solid;
	position: relative;
	margin: 1rem 0 1rem 5rem;
	display: block;
	width: 80rem;
	height: 8rem;
	border-radius: .8rem;
	margin: auto;
}
#content .content-area article section.searchWrap div.page-content form.search-form label[for="search-form-1"],
#content .content-area article section.searchWrap div.page-content form.search-form label[for="search-form-2"] {
	display: none;
}
#content .content-area article section.searchWrap div.page-content form.search-form input[type="search"] {
	position: absolute;
	border: none;
	width: 100%;
	padding: .5rem 5rem .5rem 2rem;
	background: none;
	height: 100%;
	font-size: 2.5rem;
}
#content .content-area article section.searchWrap div.page-content form.search-form input[type="submit"] {
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/common/h-icon_search.png) no-repeat center / 100%;
	position: absolute;
	right: 1rem;
	top: 0;
	width: 4rem;
	height: 4rem;
	bottom: 0;
	margin: auto;
	font-size: 0;
	border: none;
}



#content .content-area article section.searchWrap div.tableWrap {
	width: 100%;
	margin: auto;
	overflow: auto;
	position: relative;
}

#content .content-area article section.searchWrap div.tableWrap > div.printBtn {
	background: url(https://sankan-fukushi.info/site/wp-content/themes/kyogikai/assets/images/top/t-icon_print.png) no-repeat center center / 100%;
	width: 8rem;
	height: 8rem;
	position: absolute;
	top: 2rem;
	right: 5rem;
	border: #039f6c 1px solid;
	border-radius: 10px;
	cursor: pointer;
	z-index: 9;
	transform: rotate(0);
	transition: .5s ease-in;
}

#content .content-area article section.searchWrap div.tableWrap > div.printBtn:hover{transform: rotate(10deg);}

#content .content-area article section.searchWrap div.tableWrap table {
	width: 130rem;
	margin: 20rem auto 0;
	border: 1px #666 solid;
	border-collapse: collapse;
}


#content .content-area article section.searchWrap div.tableWrap table tr{}
#content .content-area article section.searchWrap div.tableWrap table tr:nth-of-type(1) {
	background: url(https://sankan-fukushi.info/site/wp-content/themes/kyogikai/assets/images/common/h-bg_nav.jpg) no-repeat center center;
}
#content .content-area article section.searchWrap div.tableWrap table tr th {
	border-bottom: 1px #666 solid;
	padding: 1rem;
	border-right: 1px #666 solid;
	font-weight: bold;
	font-size: 2rem;
}
#content .content-area article section.searchWrap div.tableWrap table tr td {
	border-bottom: 1px #666 solid;
	border-right: 1px #666 solid;
	position: relative;
	vertical-align: top;
	padding: 1rem 2rem;
}
#content .content-area article section.searchWrap div.tableWrap table tr td:nth-of-type(1) {
	padding: 1rem 2rem 6rem 2rem;
	width: 20%;
	vertical-align: middle;
	font-weight: bold;
}
#content .content-area article section.searchWrap div.tableWrap table tr td:nth-of-type(2) {width:25%;}
#content .content-area article section.searchWrap div.tableWrap table tr td:nth-of-type(3) {width:9%;}
#content .content-area article section.searchWrap div.tableWrap table tr td:nth-of-type(4) {width:25%;}
#content .content-area article section.searchWrap div.tableWrap table tr td:nth-of-type(5) {width:16%;}
#content .content-area article section.searchWrap div.tableWrap table tr td:nth-of-type(1) > a {
	padding: 0 5rem 0 2rem;
	width: 80%;
	height: auto;
	display: block;
	color: #010101;
	position: absolute;
	z-index: 3;
	transition: .7s ease-in-out;
	margin: auto;
	background: #fff;
	border-radius: 100px;
	line-height: 3.5rem;
	overflow: hidden;
	border: #009e6b solid 1px;
	right: 0.5rem;
	bottom: 1rem;
}
#content .content-area article section.searchWrap div.tableWrap table tr td:nth-of-type(1) > a:before {
	content: "";
	background-color: rgba(00 , 00 , 00 , .1);
	height: 100%;
	width: 0;
	transition: .5s ease-in-out;
	position: absolute;
	top: 0;
	transform: skewX(60deg);
	z-index: 1;
	right: -20%;
}

#content .content-area article section.searchWrap div.tableWrap table tr td:nth-of-type(1) > a:hover:before {width:140%; left:-20%; right:auto;}

#content .content-area article section.searchWrap div.tableWrap table tr td:nth-of-type(1) > a::after {
	content: "";
	background: url(https://sankan-fukushi.info/site/wp-content/themes/kyogikai/assets/images/common/h-icon_nav.png) no-repeat center center / 100%;
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1rem;
}

#content .content-area article section.searchWrap div.tableWrap table tr td:nth-of-type(1) > a span {
	color: #010101;

	font-size: 1.7rem;
}

#content .content-area article section.searchWrap div.tableWrap table tr td:nth-of-type(1) > a:hover span {color:#010101;}

	
#content .content-area article section.searchWrap div.tableWrap table tr td.target > span{}
#content .content-area article section.searchWrap div.tableWrap table tr td.target > span + span::before {
	content: ",";
	margin-right: 3px;
}



/*======================================================*/
/*============= 紙面ダウンロードページ構成 =============*/
/*======================================================*/

#content .content-area article section.johnWrap {
	width: 100%;
	padding: 0 0 5rem;
	margin-bottom: 0;
	position: relative;
	background: #f6f6f6;
}

#content .content-area article section.johnWrap > h2 {
	font-size: min(4vw , 23px);
	margin: 0 auto min(4vw , 40px);
	font-weight: bold;
	border-bottom: dotted #fff .5rem;
	padding: min(1vw , 15px) min(1vw , 10px) min(1vw , 15px);
	background: #e45121;
	color: #fff;
}

#content .content-area article section.johnWrap > h2 span {
	font-size: 2rem;
	display: block;
	width: min(90% , 130rem);
	margin: auto;
	text-align: right;
	color: #fff;
}
#content .content-area article section.johnWrap > ul {
	width: min(90% , 130rem);
	margin: auto;
	gap: 5rem;
}
#content .content-area article section.johnWrap > ul li {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	gap: 3rem;
	position: relative;
	flex-wrap: wrap;
}
#content .content-area article section.johnWrap > ul li + li {
	border-top: #e45121 .5rem dotted;
	padding-top: 5rem;
}
#content .content-area article section.johnWrap > ul li figure {
	overflow: hidden;
	width: 21rem;
	height: 27rem;
}
#content .content-area article section.johnWrap > ul li div.textWrap {
	width: calc(100% - 26rem);
}
#content .content-area article section.johnWrap > ul li div.textWrap h3 {
	margin: 0;
	position: relative;
	height: 5rem;
	width: 100%;
}
#content .content-area article section.johnWrap > ul li div.textWrap h3 span {
	position: relative;
	z-index: 10;
	font-size: 3rem;
	text-align: left;
	padding: 0 0 0 11rem;
	display: block;
	}
#content .content-area article section.johnWrap > ul li div.textWrap h3:before {
	content: "";
	margin: auto;
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_circle.png) no-repeat center / auto 100%;
	height: 5rem;
	position: absolute;
	left: 0;
	margin: auto;
	top: 0;
	z-index: 9;
	bottom: 0;
	width: 9rem;
	}
#content .content-area article section.johnWrap > ul li:nth-of-type(even) div.textWrap h3:before {background-image: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_circle_02.png);}
#content .content-area article section.johnWrap > ul li div.textWrap p {
	font-size: 1.7rem;
	padding: 1rem 3rem;
}
#content .content-area article section.johnWrap > ul li a {
	border: solid 0.3rem #231815;
	padding: 0 3rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 5rem;
	margin: 3rem 3rem 2rem auto;
	line-height: 4rem;
	border-radius: 50px;
	width: 50rem;
	background: #fff;
	z-index: 10;
	bottom: 0;
	right: 3rem;
}
#content .content-area article section.johnWrap > ul li a span {
	position: relative;
	z-index: 3;
	font-size: 2rem;
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s ease-in;
	}
#content .content-area article section.johnWrap > ul li a:after {
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.6s ease-in;
	position: absolute;
	bottom: 0;
	right: -40%;
	z-index: 2;
	transform: skewX(40deg);
	}
#content .content-area article section.johnWrap > ul li a:hover span,
#content .content-area article section.johnWrap > ul li a:hover{color:#fff;}
#content .content-area article section.johnWrap > ul li a:hover:after{width:calc(180%); right:auto; left:-40%;}




/*==================================================*/
/*============= お問い合わせページ構成 =============*/
/*==================================================*/

#content .content-area article section.contactWrap {
	width: 100%;
	padding: 0 0 5rem;
	margin-bottom: 0;
	position: relative;
	background: #f6f6f6;
}

#content .content-area article section.contactWrap > h2 {
	font-size: min(4vw , 23px);
	margin: 0 auto min(4vw , 40px);
	font-weight: bold;
	border-bottom: dotted #fff .5rem;
	padding: min(1vw , 15px) min(1vw , 10px) min(1vw , 15px);
	background: #e45121;
	color: #fff;
}

#content .content-area article section.contactWrap > h2 span {
	font-size: 2rem;
	display: block;
	width: min(90% , 130rem);
	margin: auto;
	text-align: right;
	color: #fff;
}
#content .content-area article section.contactWrap > h3 {
	width: min(90% , 130rem);
	margin: 2rem auto;
	font-size: 3rem;
	padding-left: 9rem;
}
#content .content-area article section.contactWrap > h3::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/lower/l-img_john.png) no-repeat center / 70%;
	width: 5rem;
	height: 10rem;
	position: absolute;
	top: -1rem;
	bottom: 0;
	left: 0;
	padding: .5rem 1rem;
	animation: moved3 10s linear infinite;
}

@keyframes moved3 {
	from {transform:translate(0 , 0) rotate(0);}
	10% {transform:translate(0 , 0) rotate(5deg);}
	20% {transform:translate(0 , 0) rotate(0deg);}
	30% {transform:translate(0 , 0) rotate(-5deg);}
	20% {transform:translate(0 , 0) rotate(0deg);}
	40% {transform:translate(0 , 1rem) rotate(5deg);}
	60% {transform:translate(0 , -2rem) rotate(0deg);}
	70% {transform:translate(-1rem , 1rem) rotate(-5deg);}
	80% {transform:translate(-2rem , 1rem) rotate(0deg);}
	90% {transform:translate(1rem , 0) rotate(5deg);}
	95% {transform:translate(0 , -1rem) rotate(-4500deg);}
	to {transform:transform:translate(0 , 0) rotate(0);}
	}
	

#content .content-area article section.contactWrap form{}
#content .content-area article section.contactWrap form dl {
	width: min(90% , 130rem);
	margin: 5rem auto 0;
	font-size: 3rem;
	background: #fff;
	border-radius: 2rem;
	padding: 5rem 7rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 5rem;
}
#content .content-area article section.contactWrap form dl dd:not(.btnWrap){
	width: 25%;
}
#content .content-area article section.contactWrap form dl dd:not(.btnWrap) p {
	font-size: 2.5rem;
}
#content .content-area article section.contactWrap form dl dd:not(.btnWrap) p span {
	background: #e45121;
	color: #fff;
	border-radius: 10rem;
	padding: 0.2rem 3rem;
	margin-left: 1rem;
	font-size: 1.5rem;
	white-space: nowrap;
}
#content .content-area article section.contactWrap form dl dt {
	width: calc(75% - 5rem);
}
#content .content-area article section.contactWrap form dl dt input[type="text"] {
	padding: 1rem 2rem;
	font-size: 2.5rem;
	border-radius: 10rem;
	border: solid 0.3rem #231815;
}
#content .content-area article section.contactWrap form dl dt input[type="tel"] {
	padding: 1rem 2rem;
	font-size: 2.5rem;
	border-radius: 10rem;
	border: solid 0.3rem #231815;
}
#content .content-area article section.contactWrap form dl dt input[type="email"] {
	padding: 1rem 2rem;
	font-size: 2.5rem;
	border-radius: 10rem;
	border: solid 0.3rem #231815;
}
#content .content-area article section.contactWrap form dl dt span.wpcf7-radio {
	display: flex;
	justify-content: flex-start;
	align-content: center;
	gap: 3rem;
}
#content .content-area article section.contactWrap form dl dt span.wpcf7-radio .wpcf7-list-item {
	margin: 0;
}
#content .content-area article section.contactWrap form dl dt textarea {
	padding: 1rem 2rem;
	font-size: 2.5rem;
	border-radius: 2rem;
	border: solid 0.3rem #231815;
	height: 19rem;
	width: 100%;
}
#content .content-area article section.contactWrap form dl dd.btnWrap {
	width: 100%;
}
#content .content-area article section.contactWrap form dl dd.btnWrap ul {
	display: flex;
	justify-content: center;
	gap: 2rem;
}
#content .content-area article section.contactWrap form dd.btnWrap ul li p{}
#content .content-area article section.contactWrap form dd.btnWrap ul li p input {
	border: solid 0.3rem #231815;
	padding: 0 3rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 5rem;
	margin: 3rem auto 2rem;
	line-height: 4rem;
	border-radius: 50px;
	width: 30rem;
	background: #fff;
	transition: 0.3s ease-in;
	transform: translate(0,0) rotate(0deg);
	cursor: pointer;
	font-size: 2.5rem;
}
#content .content-area article section.contactWrap form dd.btnWrap ul li p input:hover{
	background: #231815;
	color:#fff;
	transform: translate(0,-1rem) rotate(-2deg);
	}
	
#content .content-area article section.contactWrap form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2;
	width: min(90% , 80rem);
	margin: auto;
	text-align: center;
}




/*==================================================*/
/*=================== 404ページ構成 ================*/
/*==================================================*/

#content main article.p404Wrap {
	width: 100vw;
	position: relative;
	height: 120rem;
}
#content main article.p404Wrap::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/common/h-bg_02.png) no-repeat top center / auto 157rem;
	width: 100vw;
	height: 189rem;
	position: absolute;
	top: -33rem;
	left: 0;
	z-index: 10;
}
#content main article.p404Wrap::after {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-logo_move.gif) no-repeat top center / 100% auto;
	width: 16rem;
	height: 18rem;
	position: absolute;
	left: 10rem;
	top: 96rem;
	z-index: 10;
	animation: moved1 40s linear infinite;
}

@keyframes moved1 {
	from {transform:translate(0 , 0) rotate(0);}
	5% {transform:translate(22rem , -9rem) rotate(-38deg);}
	7% {transform: translate(39rem , 5rem) rotate(13deg);}
	10% {transform:translate(70rem , 13rem) rotate(-23deg);}
	14% {transform:translate(96rem , 4rem) rotate(-63deg);}
	18% {transform:translate(95rem , -16rem) rotate(-143deg);}
	20% {transform:translate(98rem , -31rem) rotate(-93deg);}
	22% {transform:translate(112rem , -33rem) rotate(-13deg);}
	25% {transform:translate(122rem , -30rem) rotate(-1deg);}
	28% {transform:translate(122rem , -2rem) rotate(27deg);}
	30% {transform:translate(154rem , -16rem) rotate(-54deg);}
	32% {transform:translate(167rem , -21rem) rotate(-52deg);}
	33% {transform:translate(167rem , -60rem) rotate(-52deg);}
	36% {transform:translate(187rem , -70rem) rotate(-52deg);}
	37% {transform:translate(187rem , -98rem) rotate(-192deg);}
	40% {transform:translate(167rem , -98rem) rotate(-192deg);}
	43% {transform:translate(151rem , -100rem) rotate(-162deg);}
	45% {transform:translate(148rem , -111rem) rotate(-102deg);}
	47% {transform:translate(158rem , -116rem) rotate(-44deg);}
	50% {transform:translate(188rem , -119rem) rotate(-42deg);}
	53% {transform:translate(188rem , -149rem) rotate(-42deg);}
	54% {transform:translate(98rem , -149rem) rotate(108deg);}
	55% {transform:translate(96rem , -129rem) rotate(108deg);}
	58% {transform:translate(80rem , -124rem) rotate(168deg);}
	62% {transform:translate(67rem , -131rem) rotate(186deg);}
	65% {transform:translate(49rem , -124rem) rotate(163deg);}
	68% {transform:translate(39rem , -130rem) rotate(213deg);}
	72% {transform:translate(36rem , -147rem) rotate(213deg);}
	75% {transform:translate(26rem , -147rem) rotate(53deg);}
	76% {transform:translate(33rem , -122rem) rotate(44deg);}
	80% {transform:translate(30rem , -112rem) rotate(94deg);}
	85% {transform:translate(11rem , -102rem) rotate(144deg);}
	88% {transform:translate(-2rem , -103rem) rotate(184deg);}
	97% {transform:transform:translate(0 , 0) rotate(-8500deg);}
	99% {transform:transform:translate(0 , 0) rotate(-30deg);}
	to {transform:transform:translate(0 , 0) rotate(0);}
	}
#content main article.p404Wrap p {
	width: min(90% , 130rem);
	margin: auto;
	text-align: center;
	font-size: 3rem;
	padding-top: 25rem;
	padding-left: 9rem;
	position: relative;
}
#content main article.p404Wrap p::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/lower/l-img_john.png) no-repeat center / 70%;
	width: 5rem;
	height: 10rem;
	position: absolute;
	top: 32rem;
	bottom: 0;
	left: 40rem;
	padding: .5rem 1rem;
	animation: moved3 10s linear infinite;
	margin: auto;
}

@keyframes moved3 {
	from {transform:translate(0 , 0) rotate(0);}
	10% {transform:translate(0 , 0) rotate(5deg);}
	20% {transform:translate(0 , 0) rotate(0deg);}
	30% {transform:translate(0 , 0) rotate(-5deg);}
	20% {transform:translate(0 , 0) rotate(0deg);}
	40% {transform:translate(0 , 1rem) rotate(5deg);}
	60% {transform:translate(0 , -2rem) rotate(0deg);}
	70% {transform:translate(-1rem , 1rem) rotate(-5deg);}
	80% {transform:translate(-2rem , 1rem) rotate(0deg);}
	90% {transform:translate(1rem , 0) rotate(5deg);}
	95% {transform:translate(0 , -1rem) rotate(-4500deg);}
	to {transform:transform:translate(0 , 0) rotate(0);}
	}
	
	


/*=====================================================*/
/*============= 当サイトについてページ構成 ============*/
/*=====================================================*/

#content .content-area article section.aboutWrap {
	width: 100%;
	padding: 2rem 0 23rem;
	margin-bottom: 0;
	position: relative;
}
#content .content-area article section.aboutWrap::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/lower/l-img_bg_01.png) no-repeat top center / auto 100%;
	width: 100vw;
	height: 81rem;
	position: absolute;
	bottom: 0;
	left: 0;
}
#content .content-area article section.aboutWrap::after {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/lower/l-img_jhon.gif) no-repeat top center / 100% auto;
	width: 16rem;
	height: 18rem;
	position: absolute;
	left: 66rem;
	bottom: -1rem;
	animation: moved5 30s linear infinite;
}

@keyframes moved5 {
	from {transform:translate(0 , 0) rotate(16deg);}
	5% {transform:translate(19rem,3rem) rotate(23deg);}
	10% {transform:translate(36rem,-1rem) rotate(-17deg);}
	15% {transform:translate(46rem,-16rem) rotate(-107deg);}
	40% {transform:translate(43rem,-29rem) rotate(-88deg);}
	85% {transform:translate(46rem,-34rem) rotate(-56deg);}
	
	86% {transform:translate(36rem,-8rem) rotate(-240deg);}
	97% {transform:translate(36rem,-8rem) rotate(-240deg);}
	98% {transform:translate(36rem,-8rem) rotate(-50deg);}
	99% {transform:translate(0,0) rotate(14deg);}
	to {transform:transform:translate(0 , 0) rotate(16deg);}
	}
	
#content .content-area article section.aboutWrap > h2 {
	font-size: min(4vw , 23px);
	margin: 0 auto min(4vw , 40px);
	font-weight: bold;
	border-bottom: dotted #fff .5rem;
	padding: min(1vw , 15px) min(1vw , 10px) min(1vw , 15px);
	background: #e45121;
	color: #fff;
}

#content .content-area article section.aboutWrap > h2 span {
	font-size: 2rem;
	display: block;
	width: min(90% , 130rem);
	margin: auto;
	text-align: right;
	color: #fff;
}	
#content .content-area article section.aboutWrap > h3 {
	width: min(90% , 130rem);
	margin: auto;
	text-align: left;
	font-size: 2.6rem;
	padding-top: 2rem;
	padding-left: 9rem;
	position: relative;
}
#content .content-area article section.aboutWrap > h3 strong{
	font-family: Midashi Go MB31 , sans-serif;
	font-size: 3.5rem;
	color: #e45121;
}
#content .content-area article section.aboutWrap > h3::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/lower/l-img_john.png) no-repeat center / 70%;
	width: 5rem;
	height: 10rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	padding: .5rem 1rem;
	animation: moved4 15s linear infinite;
	margin: auto;
}

@keyframes moved4 {
	from {transform:translate(0 , 0) rotate(0);}
	10% {transform:translate(0 , 0) rotate(5deg);}
	20% {transform:translate(0 , 0) rotate(0deg);}
	30% {transform:translate(0 , 0) rotate(-5deg);}
	20% {transform:translate(0 , 0) rotate(0deg);}
	40% {transform:translate(0 , 1rem) rotate(5deg);}
	60% {transform:translate(0 , -2rem) rotate(0deg);}
	70% {transform:translate(-1rem , 1rem) rotate(-5deg);}
	80% {transform:translate(-2rem , 1rem) rotate(0deg);}
	90% {transform:translate(1rem , 0) rotate(5deg);}
	95% {transform:translate(0 , -1rem) rotate(-4500deg);}
	to {transform:transform:translate(0 , 0) rotate(0);}
	}
#content .content-area article section.aboutWrap > p {
	width: min(90% , 130rem);
	margin: 4rem auto;
	position: relative;
	z-index: 1;
}
#content .content-area article section.aboutWrap > p + p{}

#content .content-area article section.aboutWrap > p strong {
	background: linear-gradient(#e45121, #e45121) 0 100%/0 min(1vw , 10px) no-repeat;
	transition: all 1.5s;
	padding: 0 min(.5vw , 15px);
	text-shadow:
		0 0 min(.7vw , 12px) rgba(255,255,255,.7),
		0 0 min(.7vw , 12px) rgba(255,255,255,.7),
		0 0 min(1vw , 16px) rgba(255,255,255,.7),
		0 0 min(1vw , 16px) rgba(255,255,255,.7);

}
#content .content-area article section.aboutWrap > p.active strong{
	background-size: 100% min(1vw , 10px);
}


/*============ スマホページ 調整用　==============*/

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


/*========================================*/
/*============= 施設一覧構成 =============*/
/*========================================*/

#content .content-area article section.facilityWrap > h2 span {
	font-size: 3.5vw;
}
#content .content-area article section.facilityWrap nav.nav01 ul li {
	padding: 0 3rem;
	height: 7vw;
	margin: 0;
	line-height: 6vw;
	width: calc(calc(100% - calc(2rem * 2) ) / 3);
}
#content .content-area article section.facilityWrap nav.nav01 ul li span {
	font-size: 3vw;
}

#content .content-area article section.facilityWrap nav.nav01.is-checked0 ul::before {left: -65vw;}
#content .content-area article section.facilityWrap nav.nav01.is-checked1 ul::before {left: 0vw;}
#content .content-area article section.facilityWrap nav.nav01.is-checked2 ul::before {left: 65vw;}
#content .content-area article section.facilityWrap div.navWrap {
	position: relative;
	width: min(100% , 130rem);
	margin: 0 auto;
	height: 36vw;
}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 h2:before {
	height: 7vw;
	width: 15vw;
}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 h2 span {
	font-size: 4vw;
	padding: 0 0 0 15vw;
}

#content .content-area article section.facilityWrap div.navWrap nav.nav02 ul.filter {
	width: 94vw;
	margin: 5vw auto;
	justify-content: flex-start;
	gap: 2rem 1rem;
}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 ul.filter li {
	padding: 1vw 6rem;
	height: 6vw;
	line-height: 3vw;
}
#content .content-area article section.facilityWrap div.navWrap nav.nav02 ul.filter li span {
	font-size: 2.7vw;
}
#content .content-area article section.facilityWrap ul.grid {
	padding: 0 5%;
}
#content .content-area article section.facilityWrap ul.grid > li {
	padding: 4vw;
	border: solid .5rem;
	border-radius: 1rem;
	overflow: hidden;
	transform: scale(.3,.3);
	opacity: 0;
	width: calc(100% - 10%);
	transition: .3s ease-in;
	margin: 2% auto;
}
#content .content-area article section.facilityWrap ul.grid > li h3::before {
	width: 4vw;
	height: 4vw;
	top: 2vw;
	left: 2vw;
}
#content .content-area article section.facilityWrap ul.grid > li h3 a {
	font-size: 3.5vw;
	padding: 1vw 2rem 1vw 8vw;
}
#content .content-area article section.facilityWrap ul.grid > li figure {
	height: 59vw;
}
#content .content-area article section.facilityWrap ul.grid > li > div.textWrap > div {
	text-align: left;
	font-size: 3vw;
	margin: 0;
	padding: 2vw 3vw;
}
#content .content-area article section.facilityWrap ul.grid > li > div.textWrap > div.facility_price {
	padding: 2vw 3vw;
}
#content .content-area article section.facilityWrap ul.grid > li div.textWrap > a {
	height: 9vw;
	padding: 3rem 6vw 0 3rem;
}
#content .content-area article section.facilityWrap ul.grid > li div.textWrap > a::after {
	width: 100%;
}
#content .content-area article section.facilityWrap ul.grid > li div.textWrap > a span::before {
	width: 3vw;
	height: 2vw;
	right: -4vw;
}


/*==============================================*/
/*============= 施設個別ページ構成 =============*/
/*==============================================*/

#content .content-area article section.facilitySingleWrap {
	padding: 5vw 0;
}
#content .content-area article section.facilitySingleWrap > h2 span {
	font-size: 3.5vw;
	padding-left: 10vw;
}
#content .content-area article section.facilitySingleWrap > h2 span::before {
	width: 5vw;
	height: 9vw;
	top: -2vw;
	left: 1vw;
	padding: .5rem 1rem;
}
#content .content-area article section.facilitySingleWrap > h3 {
	margin: 4vw auto 3vw;
	font-size: 3vw;
}
#content .content-area article section.facilitySingleWrap > h3 strong {
	font-size: 3.5vw;
}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList {
	display: flex;
	justify-content: flex-start;
	gap: 1rem;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 12vw;
	position: relative;
}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList::before {top: 0;}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList li {font-size: 3vw;}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul.kindList li.child {font-size: 2.7vw;}
#content .content-area article section.facilitySingleWrap dl.fe dt {
	width: 85vw;
	margin: auto;
}
#content .content-area article section.facilitySingleWrap .sliderWrap .slick-initialized .slick-slide,
#content .content-area article section.facilitySingleWrap figure {
	width: 85vw;
	height: 85vw;
}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul:not(.kindList):not(.formBtn) {
	gap: 6vw;
	width: 100%;
}
#content .content-area article section.facilitySingleWrap dl.fe:not(.others) dd > ul:not(.kindList):not(.formBtn) > li h4 {
	font-size: 3.5vw;
}
#content .content-area article section.facilitySingleWrap dl.fe dd p {
	font-size: 3vw;
	line-height: 1.7;
	padding: 1rem 2rem 0;
}
#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li ul li a,
#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li p a,
#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li > ul > li,
#content .content-area article section.facilitySingleWrap dl.fe dd > ul:not(.kindList) > li > ul + ul li {font-size: 3vw;}
#content .content-area article section.facilitySingleWrap dl.fe dd > a {
	height: 9vw;
	padding: 3rem 6vw 0 3rem;
	width: 40vw;
}
#content .content-area article section.facilitySingleWrap dl.fe dd > a:after {
	width: 100%;
}
#content .content-area article section.facilitySingleWrap dl.fe dd > a span::before {
	width: 3vw;
	height: 2vw;
	right: -4vw;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div.singleEntryWtap h3 {
	font-size: 3.5vw;
	border-bottom: #ea5228 .7vw dotted;
	padding: 1rem 3rem;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div.singleEntryWtap p {
	font-size: 3vw;
	line-height: 1.7;
	padding: 2vw 4vw;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div > ul {
	padding: 2vw 4vw;
	gap: 3vw;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div > ul li {
	margin: 1rem 2rem;
	font-size: 3vw;
}
#content .content-area article section.facilitySingleWrap nav div.nav-links div > a{
	height: 9vw;
	padding: 3rem 6vw 0 3rem;
}
#content .content-area article section.facilitySingleWrap nav div.nav-links div > a:after {
	width: 100%;
}
#content .content-area article section.facilitySingleWrap nav div.nav-links div > a span::before {
	width: 3vw;
	height: 2vw;
	right: -4vw;
}
#content .content-area article section.facilitySingleWrap > p > a{
	height: 9vw;
	line-height: 8vw;
	width: 70vw;
	}
#content .content-area article section.facilitySingleWrap > p > a span{
	font-size: 3.5vw;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl {
	gap: 0;
	padding: 0 5vw;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dd:not(.btnWrap) {
	width: 100%;
	margin-bottom: 2vw;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dd:not(.btnWrap) p {
	font-size: 3vw;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dd:not(.btnWrap) p span {
	font-size: 2.5vw;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt + dd:not(.btnWrap) {
	width: 100%;
	margin-top: 7vw;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt {
	width: 100%;
}
#content .content-area article section.facilitySingleWrap dl.fe dd.othersText div.singleEntryWtap form p{padding:0;}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt input[type="text"],
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt input[type="tel"],
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt input[type="email"] {
	padding: 2vw 2vw;
	font-size: 3.5vw;
	border-radius: 10rem;
	border: solid 0.3rem #231815;
	width: 100%;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt span.wpcf7-radio {
	display: flex;
	justify-content: flex-start;
	align-content: center;
	gap: 1vw;
	flex-wrap: wrap;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt span.wpcf7-radio .wpcf7-list-item {
	margin: 0;
	width: 100%;
}
#content .content-area article section.facilitySingleWrap dl.fe dd form dl dt textarea {
	padding: 2vw;
	font-size: 3.5vw;
	height: 28vw;
	width: 100%;
}
#content .content-area article section.facilitySingleWrap form dd.btnWrap ul li p input {
	height: 8vw;
	line-height: 7vw;
	width: 70vw;
	font-size: 3.5vw;
	display: block;
	margin-top: 9vw;
}

/*========================================*/
/*============= 検索一覧構成 =============*/
/*========================================*/

#content .content-area article section.searchWrap {
	padding: 5vw 0;
}
#content .content-area article section.searchWrap > h2 span {
	font-size: 3.5vw;
	padding-left: 10vw;
}
#content .content-area article section.searchWrap > h2 span::before {
	width: 5vw;
	height: 9vw;
	top: -2vw;
	left: 1vw;
	padding: .5rem 1rem;
}

#content .content-area article section.searchWrap div.page-content p {
	font-size: 3vw;
	padding: 0 5rem 5rem;
}

#content .content-area article section.searchWrap div.page-content form.search-form {
	border: #231815 1px solid;
	position: relative;
	margin: 1rem 0 1rem 5rem;
	display: block;
	width: 70vw;
	height: 10vw;
	border-radius: .8rem;
}
#content .content-area article section.searchWrap div.page-content form.search-form input[type="search"] {
	position: absolute;
	border: none;
	width: 100%;
	padding: .5rem 10vw .5rem 2rem;
	background: none;
	height: 100%;
	font-size: 3vw;
}
#content .content-area article section.searchWrap div.page-content form.search-form input[type="submit"] {
	right: 1rem;
	top: 0;
	width: 7vw;
	height: 7vw;
}

#content .content-area article section.searchWrap > ul > li {
	padding: 4vw;
	border: solid .5rem;
	border-radius: 1rem;
	overflow: hidden;
	transform: scale(.3,.3);
	opacity: 0;
	width: calc(100% - 10%);
	transition: .3s ease-in;
	margin: 2% auto;
}
#content .content-area article section.searchWrap > ul > li h3::before {
	width: 4vw;
	height: 4vw;
	top: 2vw;
	left: 2vw;
}
#content .content-area article section.searchWrap > ul > li h3 a {
	font-size: 3.5vw;
	padding: 1vw 2rem 1vw 8vw;
}
#content .content-area article section.searchWrap > ul > li figure {
	height: 59vw;
}
#content .content-area article section.searchWrap > ul > li > div.textWrap > div {
	text-align: left;
	font-size: 3vw;
	margin: 0;
	padding: 2vw 3vw;
}
#content .content-area article section.searchWrap > ul > li > div.textWrap > div.facility_price {
	padding: 2vw 3vw;
}
#content .content-area article section.searchWrap > ul > li div.textWrap > a {
	height: 9vw;
	padding: 3rem 6vw 0 3rem;
}
#content .content-area article section.searchWrap > ul > li div.textWrap > a::after {
	width: 100%;
}
#content .content-area article section.searchWrap > ul > li div.textWrap > a span::before {
	width: 3vw;
	height: 2vw;
	right: -4vw;
}



/*======================================================*/
/*============= 紙面ダウンロードページ構成 =============*/
/*======================================================*/

#content .content-area article section.johnWrap {
	padding: 5vw 0;
}
#content .content-area article section.johnWrap > h2 span {
	font-size: 3.5vw;
	padding-left: 10vw;
}
#content .content-area article section.johnWrap > h2 span::before {
	width: 5vw;
	height: 9vw;
	top: -2vw;
	left: 1vw;
	padding: .5rem 1rem;
}
#content .content-area article section.johnWrap > ul {
	width: min(90% , 130rem);
	margin: auto;
	gap: 9vw;
}
#content .content-area article section.johnWrap > ul li {
	gap: 2vw;
}
#content .content-area article section.johnWrap > ul li + li {
	border-top: #e45121 .5rem dotted;
	padding-top: 9vw;
}
#content .content-area article section.johnWrap > ul li figure {
	overflow: hidden;
	width: 30vw;
	height: 43vw;
}
#content .content-area article section.johnWrap > ul li div.textWrap {
	width: calc(100% - 33vw);
}

#content .content-area article section.johnWrap > ul li div.textWrap h3:before {
	height: 7vw;
	width: 15vw;
}
#content .content-area article section.johnWrap > ul li div.textWrap h3 span {
	font-size: 4vw;
	padding: 0 0 0 15vw;
}
#content .content-area article section.johnWrap > ul li div.textWrap p {
	font-size: 3vw;
	padding: 4vw 3vw 0;
}
#content .content-area article section.johnWrap > ul li a {
	height: 8vw;
	line-height: 7vw;
	width: 70%;
}
#content .content-area article section.johnWrap > ul li a span {
	font-size: 2.5vw;
}



/*==================================================*/
/*============= お問い合わせページ構成 =============*/
/*==================================================*/

#content .content-area article section.contactWrap {
	padding: 5vw 0;
}
#content .content-area article section.contactWrap > h2 span {
	font-size: 3.5vw;
	padding-left: 10vw;
}
#content .content-area article section.contactWrap > h2 span::before {
	width: 5vw;
	height: 9vw;
	top: -2vw;
	left: 1vw;
	padding: .5rem 1rem;
}
#content .content-area article section.contactWrap > h3 {
	width: min(90% , 130rem);
	margin: 2rem auto;
	font-size: 3vw;
	padding-left: 9rem;
}
#content .content-area article section.contactWrap > h3 br{display:none;}
#content .content-area article section.contactWrap > h3::before {
	width: 7vw;
	height: 14vw;
}
#content .content-area article section.contactWrap form dl {
	gap: 0;
}
#content .content-area article section.contactWrap form dl dd:not(.btnWrap) {
	width: 100%;
	margin-bottom: 2vw;
}
#content .content-area article section.contactWrap form dl dd:not(.btnWrap) p {
	font-size: 3vw;
}
#content .content-area article section.contactWrap form dl dd:not(.btnWrap) p span {
	font-size: 2.5vw;
}
#content .content-area article section.contactWrap form dl dt + dd:not(.btnWrap) {
	width: 100%;
	margin-top: 7vw;
}
#content .content-area article section.contactWrap form dl dt {
	width: 100%;
}
#content .content-area article section.contactWrap form dl dt input[type="text"],
#content .content-area article section.contactWrap form dl dt input[type="tel"],
#content .content-area article section.contactWrap form dl dt input[type="email"] {
	padding: 2vw 2vw;
	font-size: 3.5vw;
	border-radius: 10rem;
	border: solid 0.3rem #231815;
	width: 100%;
}
#content .content-area article section.contactWrap form dl dt span.wpcf7-radio {
	display: flex;
	justify-content: flex-start;
	align-content: center;
	gap: 1vw;
	flex-wrap: wrap;
}
#content .content-area article section.contactWrap form dl dt span.wpcf7-radio .wpcf7-list-item {
	margin: 0;
	width: 100%;
}
#content .content-area article section.contactWrap form dl dt textarea {
	padding: 2vw;
	font-size: 3.5vw;
	height: 28vw;
	width: 100%;
}
#content .content-area article section.contactWrap form dd.btnWrap ul li p input {
	height: 8vw;
	line-height: 7vw;
	width: 70vw;
	font-size: 3.5vw;
	display: block;
	margin-top: 9vw;
}


	


/*=====================================================*/
/*============= 当サイトについてページ構成 ============*/
/*=====================================================*/

#content .content-area article section.aboutWrap {
	padding:5vw 0 25vw;
}
#content .content-area article section.aboutWrap > h2 span {
	font-size: 3.5vw;
	padding-left: 10vw;
}
#content .content-area article section.aboutWrap > h2 span::before {
	width: 5vw;
	height: 9vw;
	top: -2vw;
	left: 1vw;
	padding: .5rem 1rem;
}
#content .content-area article section.aboutWrap > h3 {
	width: min(90% , 130rem);
	margin: 2rem auto;
	font-size: 3.5vw;
	padding-left: 9rem;
}
#content .content-area article section.aboutWrap > h3 strong{
	font-size: 4vw;
	}
#content .content-area article section.aboutWrap > h3::before {
	width: 7vw;
	height: 14vw;
}
#content .content-area article section.aboutWrap::after {
	left: 22vw;
	bottom: 0;
}
@keyframes moved5 {
	from {transform:translate(0 , 0) rotate(16deg);}
	5% {transform:translate(19vw , 3vw) rotate(-2deg);}
	10% {transform:translate(36vw,-1vw) rotate(-17deg);}
	15% {transform:translate(41vw,-16vw) rotate(-107deg);}
	40% {transform:translate(40vw,-24vw) rotate(-88deg);}
	85% {transform:translate(42vw,-29vw) rotate(-56deg);}
	
	86% {transform:translate(34vw,-10vw) rotate(-240deg);}
	97% {transform:translate(34vw,-10vw) rotate(-240deg);}
	98% {transform:translate(3vw,-8vw) rotate(-50deg);}
	99% {transform:translate(0,0) rotate(14deg);}
	to {transform:transform:translate(0 , 0) rotate(16deg);}
	}


#content .content-area article section.aboutWrap > p {
	width: min(90% , 130rem);
	margin: 7vw auto 5vw;
	position: relative;
	z-index: 1;
	line-height: 2;
}




/*==================================================*/
/*=================== 404ページ構成 ================*/
/*==================================================*/

#content main article.p404Wrap {
	width: 100vw;
	position: relative;
	height: 120vw;
}

#content main article.p404Wrap:before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/common/h-bg_02.png) no-repeat top center / auto 157vw;
	width: 100vw;
	height: 189rem;
	position: absolute;
	top: -33vw;
	left: 0vw;
	z-index: 10;
}
#content main article.p404Wrap:after {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-logo_move.gif) no-repeat top center / 100% auto;
	width: 16vw;
	height: 18vw;
	position: absolute;
	left: 10vw;
	top: 96vw;
	z-index: 10;
	animation: moved1 40s linear infinite;
}

@keyframes moved1 {
	from {transform:translate(0 , 0) rotate(0);}
	7% {transform:translate(2vw , 10vw) rotate(2deg);}
	15% {transform:translate(32vw , 14vw) rotate(-37deg);}
	20% {transform:translate(54vw , -1vw) rotate(-87deg);}
	25% {transform:translate(50vw , -21vw) rotate(-137deg);}
	28% {transform:translate(57vw , -32vw) rotate(-68deg);}
	30% {transform:translate(69vw , -32vw) rotate(-9deg);}
	35% {transform:translate(75vw , -22vw) rotate(61deg);}
	40% {transform:translate(74vw , -5vw) rotate(49deg);}
	45% {transform:translate(94vw , 3vw) rotate(-2deg);}
	50% {transform:translate(94vw , -137vw) rotate(-2deg);}
	55% {transform:translate(51vw , -147vw) rotate(91deg);}
	57% {transform:translate(49vw , -126vw) rotate(99deg);}
	65% {transform:translate(35vw , -124vw) rotate(159deg);}
	70% {transform:translate(20vw , -131vw) rotate(179deg);}
	80% {transform:translate(3vw , -124vw) rotate(157deg);}
	82% {transform:translate(-7vw , -130vw) rotate(207deg);}
	85% {transform:translate(0vw , -142vw) rotate(207deg);}
	97% {transform:transform:translate(0 , 0) rotate(-8500deg);}
	99% {transform:transform:translate(0 , 0) rotate(-30deg);}
	to {transform:transform:translate(0 , 0) rotate(0);}
	}

#content main article.p404Wrap p {
	font-size: 3.5vw;
	width: min(90% , 130rem);
	margin: 2rem auto;
	padding-left: 9rem;
}

#content main article.p404Wrap p::before {
	width: 7vw;
	height: 14vw;
	left: 17vw;
}


}



	/*-------------- スライダー調整用 -------------------*/

	/* Slider */
	.slick-slider
	{
	 position: relative;

	 display: block;

	 -moz-box-sizing: border-box;
	   box-sizing: border-box;

	 -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	   user-select: none;

	 -webkit-touch-callout: none;
	 -khtml-user-select: none;
	 -ms-touch-action: pan-y;
	  touch-action: pan-y;
	 -webkit-tap-highlight-color: transparent;
	 z-index:9;
	}

	.slick-list
	{
	 position: relative;

	 display: block;
	 overflow: hidden;

	 margin: 0;
	 padding: 0;
	 width:100%;
	}


	#carBnr .slick-list{
	width:100%;
	}


	.slick-list:focus
	{
	 outline: none;
	}
	.slick-list.dragging
	{
	 cursor: pointer;
	 cursor: hand;
	}

	.slick-slider .slick-track,
	.slick-slider .slick-list
	{
	 -webkit-transform: translate3d(0, 0, 0);
	  -moz-transform: translate3d(0, 0, 0);
	  -ms-transform: translate3d(0, 0, 0);
	   -o-transform: translate3d(0, 0, 0);
	   transform: translate3d(0, 0, 0);
	   padding:0 !important;
	   z-index:0;
	}

	.slick-track
	{
	 position: relative;
	 top: 0;
	 left: 0;

	 display: block;
	}




	.slick-track:before,
	.slick-track:after
	{
	 display: table;

	 content: '';
	}
	.slick-track:after
	{
	 clear: both;
	}
	.slick-loading .slick-track
	{
	 visibility: hidden;
	}

	.slick-slide
	{
	 display: none;
	 float: left;

	 height: 100%;
	 min-height: 1px;
	}
	[dir='rtl'] .slick-slide
	{
	 float: right;
	}
	.slick-slide img
	{
	 display: block;
	}
	.slick-slide.slick-loading img
	{
	 display: none;
	}
	.slick-slide.dragging img
	{
	 pointer-events: none;
	}
	.slick-initialized .slick-slide
	{
	 display: block;
	 margin:0 00px;
	}

	.slick-initialized .slick-slide,
	section.sliderWrap .slick-dots li > button{
	 display: block;
	 margin:0 0px;
	 cursor:pointer;
	}

	#moveSlider.slick-initialized .slick-slide{
	position:relative;
	width:950px;
	margin:15px 10px;
	}

	.itemSlider.slick-initialized .slick-list,
	.itemSlider.slick-initialized .slick-track{
	height:100%;
	}


	#fvSlider.slick-initialized .slick-slide.slick-active .slide02,
	#fvSlider.slick-initialized .slick-slide .slide02.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide03,
	#fvSlider.slick-initialized .slick-slide .slide03.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide04,
	#fvSlider.slick-initialized .slick-slide .slide04.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide05,
	#fvSlider.slick-initialized .slick-slide .slide05.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide06,
	#fvSlider.slick-initialized .slick-slide .slide06.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide07,
	#fvSlider.slick-initialized .slick-slide .slide07.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide08,
	#fvSlider.slick-initialized .slick-slide .slide08.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide09,
	#fvSlider.slick-initialized .slick-slide .slide09.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide10,
	#fvSlider.slick-initialized .slick-slide .slide10.active{
	display:block;
	}


	.slick-initialized .slick-slide.slick-active,
	section.sliderWrap .slick-dots li.slick-active > button,
	.slick-initialized .slick-slide.slick-active a:hover,
	.slick-initialized .slick-slide.slick-active a:hover img{
	 -moz-opacity:1.0; /* FF , Netscape */
	 -khtml-opacity: 1.0; /* Safari 1.x */
	 opacity:1.0;
	}
	

	.slick-loading .slick-slide
	{
	 visibility: hidden;
	}
	.slick-vertical .slick-slide
	{
	 display: block;

	 height: auto;

	 border: 1px solid transparent;
	}
	.slick-arrow.slick-hidden {
	 display: none;
	}