@charset "utf-8";
@font-face {
	font-family: 'fo-georgia';
	src: url('georgia.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
.fo-georgia {
	font-family: 'fo-georgia',serif;
	line-height: .8;
	font-weight: 300;
}
body#index {
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
body#index::-webkit-scrollbar {  
  display: none;
}
body#index.act {
	overflow: auto
}
.ovelayArea {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	pointer-events: none;
}
.ovelayWrap {
	position: relative;
}
.overlay {
	background: #000041;
	opacity: .9;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	height: 100%;
	z-index: 999;
}
.overlay._rht {
	left: inherit;
	right: 0;
}
.overlay._lft.act {
	-webkit-animation: overlay 1s forwards cubic-bezier(.2,.1,0,.9) 2.4s;
	animation: overlay 1s forwards cubic-bezier(.2,.1,0,.9) 2.4s;
}
.overlay._rht.act {
	-webkit-animation: overlay2 1s forwards cubic-bezier(.2,.1,0,.9) 2.4s;
	animation: overlay2 1s forwards cubic-bezier(.2,.1,0,.9) 2.4s;
}
.loadLogo {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9999;
	height: 100%;
	background: url("../img/top/firstview.jpg") center center no-repeat;
	background-size: cover;
}
.loadLogo::before {
	content: "";
	display: block;
	position: absolute;
	background: #000041;
	opacity: .9;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.loadLogo.loadNone.act {
	animation: loadnone .6s forwards ease-in 2s;
}
.loadLogo.act::before {
	-webkit-animation: overlay2_sp 2s forwards cubic-bezier(.2,.1,0,.9) .4s;
	animation: overlay2_sp 2s forwards cubic-bezier(.2,.1,0,.9) .4s;
}
.loadView {
	opacity: 0;
}
.loadView.act{
	animation: loadview .4s forwards ease-in 2.4s;
}
.loadNone.act {
	animation: loadnone .4s forwards ease-in 2.4s;
}
.bg01 {
	background: url("../img/bg01.jpg") top center repeat;
}
.clr-vio {
	color: #2e3188!important
}
@keyframes overlay {
	0% {
		transform: translateY(0)
	}
	99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(-100%)
	}
}
@keyframes overlay2 {
	0% {
		transform: translateY(0)
	}
	99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translateY(100%)
	}
}
@keyframes loadview {
	0% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}
@keyframes loadnone {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0;
		visibility: hidden;
		z-index: -99;
		pointer-events: none;
	}
}
@keyframes loadLogo {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		visibility: hidden;
		z-index: -99;
		pointer-events: none;
		transform: translateX(100%)
	}
}
@keyframes flash {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes overlay_sp {
	0% {
		transform: translateX(0)
	}
	100% {
		transform: translateX(-100%)
	}
}
@keyframes overlay2_sp {
	0% {
		transform: translateX(0)
	}
	100% {
		transform: translateX(100%)
	}
}
/*header----------------------------*/
.menuIcon {
	display: none;
}
#header {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	background: #fff;
}
#header.scrollClass {
	box-shadow: 0 1px 2px rgba(0,0,0,.05)
}
#subPage #header {
	opacity: 1!important;
}
.headerWrap {
	width: 95%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 15px 0;
	transition: .3s;
}
.hLogo img {
	display: block;
}
.nav > li {
	margin: 0 15px;
}
.icon_lock::after {
	content: "";
	display: inline-block;
	background: url("../img/icon_lock.svg") center center no-repeat;
	background-size: contain;
	width: 9px;
	height: 14px;
	margin-left: 8px;
}
.nav b {
	position: relative;
	transition: .2s;
	display: inline-block;
}
.drop b {
	cursor: pointer;
	position: relative;
	display: block;
}
.drop b::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 52px;
}
.nav b::before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: rgba(0,0,65,.25);
	transition: .3s;
	position: absolute;
	left: 0;
	bottom: -4px;
	opacity: 0;
}
.nav >li:hover b::before {
	bottom: -1px;
	opacity: 1;
}
.dropWrap {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background: rgba(0,0,65,.7);
	white-space: nowrap;
	padding: 0 8px;
	padding: 10px 0;
}
.dropWrap a {
	display: block;
	padding: 0 30px 20px;
	color: #fff;
	position: relative;
}
.dropCont {
	width: 95%;
	max-width: 1300px;
	margin: 0 auto;
}
.menuTtl {
	width: 20%;
	font-size: 125%;
	color: #fff;
	border-right: 1px solid #fff;
	padding: 15px;
}
.dropmenu {
	width: 80%;
	padding: 0 0 0 5%;
}
.dropmenu li {
	margin-right: 50px;
}
.dropmenu a {
	line-height: 1.1;
	padding: 10px 0 10px 11px;
	background: url("../img/arrow_white.svg") left center no-repeat;
	background-size: auto 10px;
	transition: .2s;
}
.dropmenu a::after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 5px;
	background: rgba(255,255,255,.8);
	transition: .2s;
}
.dropmenu a:hover::after {
	width: 100%;
}
.subNav {
	margin-left: 25px;
}
.subNav li {
	margin: 0 10px;
	font-size: 95%;
}
.subNav a {
	position: relative;
}
.subNav :not(.navEng) a::after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: rgba(0,0,65,.25);
	transition: .2s;
	position: absolute;
	bottom: -3px;
	left: 0;
}
.subNav :not(.navEng) a:hover::after {
	width: 100%;
}
.scl img {
	display: block;
	max-height: 20px;
}
.scl img.onlysp {
	display: none;
}	
.scl li {
	margin-left: 10px;
}
.navEng a {
	display: inline-block;
	line-height: 1.1;
	background: #a3a3a3;
	padding: 5px 10px;
	color: #fff;
}
.spNav {
	display: none;
}
.spEngBtn {
	display: none;
}
/*footer-------------------------------------------*/
#footer {
	background: #4d4d4d;
	color: #fff;
}
.footerWrap {
	padding: 60px 0 40px;
	position: relative;
	max-width: 1100px;
	font-size: 95%;
}
.pagetop {
	position: absolute;
	width: 50px;
	height: 50px;
	right: -50px;
	top: -25px;
	cursor: pointer;
	background: #000;
	border: 1px solid #000;
	opacity: 1;
	z-index: 50;
}
.pagetop::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 22px;
	margin: auto;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pagetop:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}
.copyRight {
	font-size: 95%;
	background: #fff;
	color: #4d4d4d;
	padding: 10px;
}
.fBox {
	text-align: left;
	letter-spacing: .025em;
}
.fBox li {
	margin-top: 30px;
}
.fBox li._reserve {
	margin-top: 10px;
}
.fBox .faxnum {
	display: inline-block;
	padding-left: 115.39px;
}
.fBtn {
	display: block;
	white-space: nowrap;
	width: 145px;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	margin-left: 25px;
}
.fBtn._mail::before {
	content: "";
	display: inline-block;
	background: url("../img/icon_mail_white.svg") center center no-repeat;
	background-size: contain;
	width: 14px;
	height: 9px;
	margin-right: 3px;
}
.fBtn._reserve::after {
	content: "";
	display: inline-block;
	background: url("../img/icon_lock_wihite.svg") center center no-repeat;
	background-size: contain;
	width: 9px;
	height: 14px;
	margin-left: 5px;
}
.fBtn:hover {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
}
.fLink {
	margin-top: 40px;
}
.fLink li {
	width: 48%;
}
.fLink a {
	display: block;
	background: #fff;
	color: #4d4d4d;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .05em;
	text-indent: .05em;
	padding: 15px 5px;
}
.fLink ._member a::after {
	content: "";
	display: inline-block;
	background: url("../img/icon_lock.svg") center center no-repeat;
	background-size: contain;
	width: 9px;
	height: 14px;
	margin-left: 5px;
}
.fLink ._recruit a {
	background: #000;
	color: #fff;
}
.fLink a:hover {
	background-color: #1a1a1a;
	color: #fff;
}
.fLink ._member a:hover::after {
	background-image: url("../img/icon_lock_wihite.svg")
}
.fLink ._recruit a:hover {
	background-color: #1a1a1a;
}
.fNav {
	text-align: left;
	letter-spacing: .025em;
	padding: 0 10px;
}
.fNav > ul:not(:first-of-type) {
	margin-left: 50px;
}
.fNav .child {
	margin-top: 30px;
}
.fNav .child li {
	margin-top: 10px;
}
.fNav .child a {
	color: #fff;
	position: relative;
}
.fNav .child a::after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: rgba(255,255,255,.2);
	transition: .2s;
	position: absolute;
	bottom: -1px;
	left: 0;
}
.fNav .child a:hover::after {
	width: 100%;
}
.fNav02 {
	border-top: 1px solid #d6d6d6;
	padding-top: 35px;
	margin-top: 35px;
}
.fNav02 :not(.navEng) a {
	color: #d6d6d6;
}
.fNav02 li {
	margin-left: 10px;
}
.fNav02 .navEng a {
	padding: 10px 30px;
}
.fNav02 a:hover {
	color: #fff;
}
.navEng a:hover {
	background: #1a1a1a;
}
/*toppage------------------------------------------*/
#wrapper{
	position: relative;
}
/*leftArea*/
#leftArea{
  position: -webkit-sticky;
  position: sticky;
  top:0;
	width: 50%;
	min-height: 100vh;
	color: #fff;
}
.fixWrap {
	position: relative;
	height: 100%;
	overflow: hidden;
}
.fixWrap video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	margin: auto;
	min-width: 50vw;
	min-height: 100vh;
	width: auto;
	height: auto;
	z-index: -1;
	transform: translateX(-50%);
}
.leftTtlWrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 37%;
}
.leftTtl h2 {
	font-size: 375%;
	font-weight: 500;
	line-height: .8;
}
.leftTtl p {
	font-size: 95%;
	letter-spacing: .05em;
	margin-top: 20px;
}
.memberBtn {
	max-width: 240px;
	margin: 40px auto 0;
}
.memberBtn a {
	display: block;
	border: 1px solid #fff;
	color: #fff;
	font-size: 130%;
	padding: 15px 10px;
}
.memberBtn a::after {
	content: "";
	display: inline-block;
	background: url("../img/icon_lock_wihite.svg") center center no-repeat;
	background-size: contain;
	width: 9px;
	height: 14px;
	margin-left: 10px;
}
.memberBtn a:hover {
	background: rgba(0,0,65,.7);
	border-color: rgba(0,0,65,.7);
}
.topNavWrap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.btmNav a {
	display: block;
	border: 1px solid #f2f2f2;
	background: #f2f2f2;
	padding: 20px 10px;
	letter-spacing: .05em;
}
.btmNav a::after {
	content: "";
	display: inline-block;
	background: url("../img/arrow.svg") center center no-repeat;
	background-size: contain;
	height: 14px;
	width: 6px;
	margin-left: 15px;
}
.btmNav a:hover {
	background: #fff;
}
.topNav {
	margin: 0 10px 10px
}
.topNav li {
	border: 1px solid #666;
	width: 25%;
}
.topNav a {
	display: block;
	background: rgba(0,0,65,.7);
	color: #fff;
	padding: 15px 0;
	font-size: 85%;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .05em;
}
.topNav li span {
	display: block;
	font-size: 105%;
	font-weight: 300;
	margin-top: 10px;
}
.topNav a:hover {
	background: rgba(0,0,0,.5);
}
/*rightArea*/
#rightArea{
	width:50%;
	position: relative;
}
.topMain {
	background: url("../img/top/right.png") center center no-repeat;
	background-size: cover;
	min-height: 100vh;
	position: relative;
	transition: .4s 3.6s;
}
.topMain.act {
	margin-top: -149px;
}
.topMainCont {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.fixSlider {
	display: none;
}
.fixSlider.slick-initialized {
	display: block;
}
.mainLogo {
	position: absolute;
	bottom: 32%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.scroll {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5%;
	z-index: 5;
	animation: flash 3s ease-in-out infinite;
}
.fix {
	background: url("../img/top/left01.png") center center no-repeat;
	background-size: cover;
}
.fixSlider,.fixSlider * {
	height: 100%;
}
.slick-list {
	height: 100%!important;
}
.fix._02 {background-image:url("../img/top/left02.png")}
.fix._03 {background-image:url("../img/top/left03.png")}
.fix._04 {background-image:url("../img/top/left04.png")}
/*topContents-------------------------------------------------------*/
.topContents {
	padding-bottom: 80px;
}
.topContents > section {
	width: 90%;
	padding: 50px 0;
	max-width: 550px;
	margin: 0 auto;
}
.ttlBox h2 {
	font-size: 30px;
	font-weight: 300;
}
.ttlBox p {
	color: #898989;
	margin-top: 10px;
	font-size: 90%;
}
#topNews .ttlBox {
	text-align: left;
	min-width: 120px;
	border-right: 1px solid #e2e2e2;
}
#topNews .newsList {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: left;
	max-height: 240px;
	overflow: auto;
	padding: 0 10px 0 30px;
}
.newsList li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-bottom: 10px;
	line-height: 1.4;
}
.newsList a:hover {
	color: #00b5bd;
}
.newsDay {
	min-width: 110px;
}
.btn {
	max-width: 270px;
	margin: 30px auto 0;
}
.btn a {
	display: block;
	font-size: 14px;
	border: 1px solid #333;
	letter-spacing: .05em;
	text-indent: .05em;
	padding: 10px;
	line-height: 1;
}
.btn a:hover {
	background: rgba(0,0,65,.7);
	border-color: rgba(0,0,65,.7);
	color: #fff;
}
.ttlBox.d-flex p {
	margin: 0 0 0 20px;
}
.weatherHeader {
	margin-bottom: 20px;
}
.weatherHeader > a {
	color: #4d4d4d;
	font-size: 90%;
	letter-spacing: .02em;
}
.weatherHeader > a:hover {
	text-decoration: underline;
}
.weatherDate {
	font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight: 300;
}
.weatherDate .date {
	font-size: 285%;
	line-height: .8;
	margin-bottom: 15px;
}
.weatherIcon {
	margin-left: 30px;
}
.weatherIcon .tenki {
	color: #4d4d4d;
	margin-top: 10px;
}
.weatherIcon img {
	max-height: 50px;
}
.weather {
	width: 300px;
	border-top: 1px solid #bcbcbc;
	font-size: 90%;
	color: #4d4d4d;
}
.weather dt,.weather dd {
	padding: 5px 20px;
	width: 45%;
	border-bottom: 1px solid #bcbcbc
}
.weather dt {
	width: 55%;
	text-align: left;
	border-right: 1px solid #bcbcbc
}
.links li {
	width: 49%;
	background: url("../img/top/linkbtn01.jpg") center center no-repeat;
	background-size: cover;
	margin: 5px 0;
}
.links li:nth-of-type(2) {background-image:url("../img/top/linkbtn02.jpg")}
.links li:nth-of-type(3) {background-image:url("../img/top/linkbtn03.jpg")}
.links li:nth-of-type(4) {background-image:url("../img/top/linkbtn04.jpg")}
.links a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 25px 10px;
	font-weight: 600;
	letter-spacing: .05em;
	text-indent: .05em;
	background: rgba(0,0,0,.25);
}
.links a:hover {
	text-shadow: 0 0 3px rgba(0,0,0,.8);
	background: rgba(0,0,0,0);
}
.links a span {
	display: block;
	font-weight: 300;
	margin-top: 5px;
}
#topConcept {
	padding: 200px 0;
}
.topConcept h2 {
	font-size: 35px;
	font-weight: 300;
}
.conceptTxt {
	font-size: 95%;
	line-height: 2.53;
	margin: 60px 0 40px;
}
.topConcept a {
	display: inline-block;
	font-size: 135%;
	background: url("../img/arrow.svg") right bottom 1px no-repeat;
	background-size: auto 12px;
	padding-right: 15px;
	color: #333;
	position: relative;
}
.topConcept a::after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	background: rgba(0,0,65,.25);
	transition: .2s;
	position: absolute;
	bottom: -5px;
	left: 0;
}
.topConcept a:hover::after {
	width: 100%;
}
.movieWrap {
	margin-top: 100px;
}
.movie {
	position: relative;
	padding-top: 56.25%;
	margin: 0 auto;
}
.movie iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.topBtn {
	position: relative;
	overflow: hidden;
	line-height: 1;
	z-index: 1;
}
.topBtn::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url("../img/top/history_btn.jpg") center center no-repeat;
	background-size: cover;
	z-index: -1;
	transition: .5s ease-out;
}
.topBtn._outline::before {
	background-image: url("../img/top/outline_btn.jpg");
}
.topBtn:hover::before {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.topBtn a {
	position: relative;
	display: block;
	color: #fff;
	padding: 100px 10px;
	font-weight: 600;
}
.topBtn h2 {
	font-size: 35px;
	font-weight: 300;
}
.topBtn .ttlBox p {
	color: #fff;
	margin-top: 15px;
}
.ytBtn a {
	display: block;
	border: 1px solid #333;
	font-weight: bold;
	color: #333;
	padding: 20px 10px;
	margin-top: 30px;
}
.ytBtn a::after {
	content: "";
	display: inline-block;
	background: url("../img/icon_youtube_mono.png") center center no-repeat;
	background-size: contain;
	width: 19px;
	height: 13px;
	margin-left: 10px;
}
.ytBtn a:hover {
	background: #f1f1f1;
}
.topBtnList .topBtn:not(:first-of-type) {
	margin-top: 80px;
}
#facilities {
	overflow: hidden;
	padding: 80px 0 0;
}
#facilities > .ttlBox {
	margin-bottom: 80px;
}
#facilities > .ttlBox h2 {
	font-size: 60px;
	color: #333;
}
#facilities > .ttlBox p {
	margin-top: 20px;
}
.facWrap li {
	width: 25%;
	color: #fff;
	font-size: 1vw;
	letter-spacing: .025em;
	text-indent: .025em;
	height: 1300px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	text-shadow: 1px 1px 2px rgba(0,0,0,.25);
}
.facWrap li::before,.facWrap li::after {
	content: "";
	display: block;
	background: url("../img/top/facilities_bg01.jpg") center center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: .5s ease-out;
	z-index: -5;
}
.facWrap li:nth-of-type(2)::before {background-image:url("../img/top/facilities_bg02.jpg")}
.facWrap li:nth-of-type(3)::before {background-image:url("../img/top/facilities_bg03.jpg")}
.facWrap li:nth-of-type(4)::before {background-image:url("../img/top/facilities_bg04.jpg")}
.facWrap li.hover::before {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.facWrap li::after {
	transition: .5s ease-out;
	-webkit-transform: translateY(60%);
	-ms-transform: translateY(60%);
	transform: translateY(60%);
	background: rgba(0,0,0,.75);
	opacity: 0;
	z-index: -1;
}
.facWrap li.hover::after {
	transform: translateY(0);
	opacity: 1;
}
.facBox .ttlBox {
	margin-bottom: 30px;
}
.facBox .ttlBox h3 {
	font-size: 300%;
	font-weight: 300;
	line-height: 1;
}
.facBox .ttlBox p {
	color: #fff;
	font-size: 100%;
	font-weight: 600;
	letter-spacing: .075em;
	text-indent: .075em;
	margin-top: 20px;
}
.facWrap .txt {
	line-height: 2;
}
.moreBtn a {
	border: 1px solid #fff;
	display: inline-block;
	padding: 10px 30px 12px;
	color: #fff;
	margin-top: 40px
}
.moreBtn a::after {
	content: "";
	display: inline-block;
	background: url("../img/arrow_white.svg") center center no-repeat;
	background-size: contain;
	width: 6px;
	height: 10px;
	margin-left: 5px;
	vertical-align: -.05em;
}
.moreBtn a:hover {
	background: #fff;
	color: #000;
	text-shadow: none;
}
.moreBtn a:hover::after {
	background-image: url("../img/arrow.svg")
}
.bnrsArea {
	padding: 80px 0;
}
.bnrsArea .container {
	max-width: 900px;
}
.bnrBox {
	padding: 15px;
	position: relative;
	overflow: hidden;
	margin-bottom: 60px;
}
.bnrBox::before,.bnrBox::after {
	content: "";
	display: block;
	background: url("../img/top/range_btn.jpg") center center no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transition: .5s ease-out;
	z-index: -5;
}
.bnr-recruit::before {
	background-image: url("../img/top/recruit_btn.jpg")
}
.bnrBox:hover::before {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.bnrBox::after {
	transition: .5s ease-out;
	background: rgba(0,0,0,.5);
	opacity: 0;
	z-index: -1;
}
.bnrBox:hover::after {
	opacity: 1;
}
.bnrBox .box {
	position: relative;
	height: 150px;
}
.bnrBox a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.bnrBox .box::before,.bnrBox .box::after,
.bnrBox a::before,.bnrBox a::after {
	content: "";
	display: block;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: .5s ease-out;
}
.bnrBox .box::before,.bnrBox .box::after {
	width: 85%;
	height: 1px;
}
.bnrBox a::before,.bnrBox a::after {
	width: 1px;
	height: 48%;
}
.bnrBox .box::after,.bnrBox a::after {
	left: auto;
	top: auto;
	right: 0;
	bottom: 0;
}
.bnr-recruit .box::before {
	right: 0;
	left: auto;
	width: 80%;
}
.bnr-recruit .box::after {
	left: 0;
	right: auto;
	width: 60%;
}
.bnr-recruit a::before {
	top: auto;
	bottom: 0;
}
.bnr-recruit a::after {
	top: 0;
	bottom: auto;
}
.bnrBox .ttlBox h2 {
	font-size: 44px;
	line-height: 1;
}
.bnrBox .ttlBox p {
	font-size: 100%;
	letter-spacing: .1em;
	text-indent: .1em;
	color: #fff;
	font-weight: 600;
}
.bnr-recruit .ttlBox {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 35%;
}
.bnr-recruit .ttlBox img {
	max-height: 66px;
}
.bnrBox:hover .box::before,.bnrBox:hover .box::after {
	width: 100%;
}
.bnrBox:hover a::before,.bnrBox:hover a::after {
	height: 100%;
}
.bnr-recruit:hover .box::before {
	width: 100%;
}
.bnr-recruit:hover a::before {
	height: 100%;
}
.bnrBox:hover a img {
	opacity: 1;
}
/*concept---------------------------------------------------------*/
.conceptMain {
	background: url("../img/concept/page_ttl.jpg") center center no-repeat;
	background-size: cover;
	height: 660px;
	padding-top: 120px;
	position: relative;
}
.pankz {
	max-width: 1300px;
	text-align: right;
	padding: 15px 0;
}
.pankz li {
	display: inline-block;
	color: #666;
	font-size: 80%;
}
.pankz li:not(:first-of-type)::before {
	content: ">";
	display: inline-block;
	margin: 0 3.5px;
}
.pankz a {
	color: #666;
	text-decoration: underline;
}
.pankz a:hover {
	color: #000;
	text-decoration: none;
}
#concept01 {
	position: relative;
	padding-top: 240px;
}
.conceptTopTxt {
	background: #fff;
	max-width: 900px;
	margin: 0 auto;
	padding: 80px 0 60px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -200px;
	z-index: 5;
}
.conceptTopTxt h2 {
	font-size: 15px;
	color: #bfbfb1;
	position: relative;
	font-weight: 600;
	letter-spacing: .05em;
	display: inline-block;
}
.conceptTopTxt h2::before,.conceptTopTxt h2::after {
	content: "";
	display: block;
	width: 1px;
	height: 86px;
	background: #ccc;
	position: absolute;
	top: 115%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.conceptTopTxt h2::after {
	background: #000;
	width: 1px;
	height: 35%;
}
.conceptTopTxt .txtWrap {
	line-height: 2.1;
	letter-spacing: .3em;
}
.conceptTopTxt .txtWrap .txt {
	margin-right: 70px;
}
#naming {
	overflow: hidden;
}
.namingTtl {
	font-size: 85%;
	letter-spacing: .2em;
	text-indent: .2em;
}
.namingTtl h2 {
	font-size: 20px;
	font-weight: 400;
	color: #bfbfb1;
	margin-bottom: 15px;
}
.namingWrap {
	margin-top: 90px;
}
.namingWrap figure {
	width: 62.5%;
}
.namingBox {
	width: 37.5%;
	flex-direction: column;
	font-size: 112%;
	line-height: 2.1;
	letter-spacing: .15em;
}
.namingBox h3 {
	font-size: 135%;
	font-weight: 400;
	padding-top: 2em;
	text-indent: -2em;
	margin-left: 2em;
}
.namingWrap._01 .namingBox .txt._01 {
	padding-top: 13em;
	text-indent: -13em;
	margin-top: 2em;
}
.namingWrap._02 figure {
	width: 76%;
}
.namingWrap._02 .namingBox {
	width: 24%;
}
.namingWrap._02 .namingBox .txt._02 {
	padding-top: 15em;
	text-indent: -15em;
}
.namingTxt {
	background: url("../img/concept/txt_bg.jpg") center center no-repeat;
	background-size: auto 100%;
	font-size: 115%;
	padding: 40px 15px;
	line-height: 1.1;
	margin-top: 100px;
}
.namingTxt span {
	display: inline-block;
	background: #fff;
	padding: 15px 10px;
	margin: 0 5px;
	letter-spacing: .1em;
}
.namingTxt .txt._01 span {
	background: #000;
	color: #fff;
}
.namingTxt .txt._02 {
	margin-right: 35%;
}
.namingTxt .txt._01 span:last-of-type {
	margin-top: 2.5em;
}
.namingTxt .txt._02 span:last-of-type {
	margin-top: 4em;
}
#concept02 .container {
	max-width: 1300px;
}
.concept02Wrap {
	position: relative;
	text-align: left;
	padding-top: 40px;
}
.concept02Wrap:not(:first-of-type) {
	margin-top: 120px;
}
.concept02Wrap h2 {
	font-size: 90px;
	color: #bfbfb1;
	opacity: .2;
}
.concept02Wrap .movieWrap {
	width: 75%;
	margin-top: 60px;
}
.concept02Wrap .namingBox {
	position: absolute;
	top: 0;
	right: 0;
	width: 24%;
	z-index: 5;
	pointer-events: none;
}
.concept02Wrap._02 h2 {
	text-align: right;
}
.concept02Wrap._02 .movieWrap {
	margin-left: auto;
}
.concept02Wrap._02 .namingBox {
	width: 32%;
	right: auto;
	left: 0;
}
.concept02Wrap._02 .namingBox h3 {
	margin-left: 4.5em;
}
.btn-white {
	width: 375px;
	margin: 50px auto 0;
	text-align: center;
	font-weight: 500;
}
.btn-white a {
	display: block;
	background: #fff;
	padding: 20px 10px;
}
.btn-white a:hover {
	background: #333;
	color: #fff;
}
#symbolmark {
	background: #52488c;
	color: #fff;
/*	padding-top: 200px;*/
	padding-top: 320px;
}
.symbolWrap {
	position: relative;
	border: 1px solid #fff;
	padding: 0 15px 100px;
}
.symbolTtl {
	width: 90%;
	max-width: 400px;
	background: #52488c url("../img/symbolmark.svg") center  center no-repeat;
	background-size: contain;
	padding: 102px 0;
	margin: -100px auto 60px;
}
.symbolTtl h2 {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 15px;
}
.symbolWrap .txt {
	text-align: left;
	margin-left: 50px;
	line-height: 2.1;
	letter-spacing: .05em;
}
.symbolWrap .img img {
	max-height: 150px;
}
/*gardern---------------------------------------------------*/
.pageTtlArea {
	overflow: hidden;
}
.pageTtlWrap {
	width: 90%;
	max-width: 1300px;
	height: 470px;
	margin: 0 auto;
	position: relative;
}
.pageImg {
	position: absolute;
	left: 360px;
	top: 0;
	bottom: 0;
	min-width: 1500px;
	height: 100%;
	width: 80vw;
	background: url("../img/garden/pagettl.jpg") left center no-repeat;
	background-size: cover;
	overflow: hidden;
}
.pageTtl {
	min-width: 360px;
	color: #000;
	text-align: left;
	position: absolute;
	left: 0;
	z-index: 50;
}
.pageTtl .fo-georgia {
	font-size: 48px;
	line-height: 1;
}
.pageTtl h2 {
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: .151em;
	margin-top: 15px;
	color: #4d4d4d;
}
.pageTtl h2.fo-mincho {
	font-size: 36px;
	margin-top: 0;
	color: #000;
}
/*garden---------------------------------------------*/
.secTtl {
	font-size: 20px;
	color: #a3a3a3;
	margin-bottom: 60px;
}
.secTtl .fo-mincho {
	font-size: 180%;
	color: #000;
	margin-bottom: 10px;
	line-height: 1.2;
	letter-spacing: .075em;
	text-indent: .075em;
}
#gardenTop {
	overflow: hidden;
}
#gardenTop .container {
	max-width: 1300px;
}
.gardenTopArea {
	position: relative;
}
.gardenTopTxt {
	width: 25%;
	position: absolute;
	top: -30px;
	right: 0;
	z-index: 5;
	line-height: 2;
	letter-spacing: .1em;
	flex-direction: column;
}
.gardenTopTxt h3 {
	font-size: 150%;
	font-weight: 400;
	padding-top: 2em;
	text-indent: -2em;
}
.gardenTopTxt .txt {
	padding-top: 80px;
}
.gardenTopTxt .txt > span {
	display: block;
	margin-right: 35px;
}
.gardenMap {
	width: 80%;
	position: relative;
	font-size: 22px;
	white-space: nowrap;
	line-height: 1;
}
.mapAnchor li {
	position: absolute;
	width: 17%;
	z-index: 10;
}
.mapAnchor li:nth-of-type(1) {
	bottom: 23%;
	right: 33%;
}
.mapAnchor li:nth-of-type(2) {
	top: 39%;
	left: 40%;
}
.mapAnchor li:nth-of-type(3) {
	bottom: 31%;
	right: 8%;
}
.mapAnchor li:nth-of-type(4) {
	top: 36%;
	right: 14%;
}
.mapAnchor li:nth-of-type(5) {
	bottom: 22%;
	left: 18%;
}
.mapAnchor li:nth-of-type(6) {
	top: 57%;
	left: 5%;
}
.mapAnchor li:nth-of-type(7) {
	top: 19%;
	left: 25%;
}
.mapAnchor a {
	display: block;
	color: #fff;
	background: #003e83;
	padding: 12px 5px;
	width: 100%;
	height: 100%;
}
.mapAnchor a:hover {
	background: #333;
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0 3px 5px rgba(0,0,0,.6);
}
.mapAnchor02 li {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	z-index: 10;
	white-space: nowrap;
	font-size: 95%;
}
.mapAnchor02 li:nth-of-type(1) {
	bottom: 35.5%;
	left: 45%;
}
.mapAnchor02 li:nth-of-type(2) {
	top: 49%;
	right: 43%;
}
.mapAnchor02 li:nth-of-type(3) {
	top: 49%;
	right: 13%;
}
.mapAnchor02 li:nth-of-type(4) {
	bottom: 15%;
	left: 33%;
}
.mapAnchor02 li:nth-of-type(5) {
	bottom: 40%;
	left: 40.5%;
}
.mapAnchor02 li:nth-of-type(6) 	{
	top: 38%;
	left: 35%;
}
.mapAnchor02 a {
	display: block;
	color: #fff;
	background: #1a72ab;
	border-radius: 50%;
}
.mapAnchor02 a:hover {
	background: #333;
	box-shadow: 0 0 5px rgba(0,0,0,.6);
}
.houseTxt {
	position: absolute;
	background: #fff;
	color: #000;
	font-size: 70%;
	width: 10%;
	line-height: 1.5;
	bottom: 41%;
	right: 44%;
	z-index: 1;
	pointer-events: none;
}
.iconHome {
	width: 4.1%;
	position: absolute;
	bottom: 42%;
	right: 27%;
	z-index: 1;
}
.mapTxt {
	position: absolute;
	bottom: 5%;
	right: 15%;
}
.mapTxt li {
	display: inline-block;
	position: relative;
	font-size: 80%;
	margin-left: 20px;
}
.mapTxt li::before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 16px;
	background: #003e83;
	margin-right: 7px;
	vertical-align: -.1em;
}
.mapTxt li._02::before {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #1a72ab;
}
@media screen and (max-width: 1450px) {
	.gardenMap {
		font-size: 1.3vw;
	}
	.mapAnchor a {
		padding: .8vw;
	}
	.mapAnchor02 li {
		width: 2.8vw;
		height: 2.8vw;
		line-height: 2.8vw;
	}
}
#gardenMovie {
	background: #333;
}
#gardenMovie .container {
	max-width: 1000px;
}
.gardenArea {
	position: relative;
	overflow: hidden;
}
.gardenArea:not(:first-of-type) {
	margin-top: 120px;
}
.gardenArea .container {
	position: relative;
	padding-bottom: 60px;
	max-width: 1200px;
}
.gardenArea .container::before {
	content: "";
	display: block;
	position: absolute;
	top: 155px;
	right: -50px;
	z-index: -1;
	height: 100%;
	width: 150vw;
	background: #efefef;
}
#garden02 .container::before {background-color: #efefe8}
#garden03 .container::before {background-color: #e8efef}
#garden04 .container::before {background-color: #efefef}
#garden05 .container::before {background-color: #e9f1e7}
#garden06 .container::before {background-color: #efefe8}
#garden07 .container::before {background-color: #e8efef}
.gardenWrap {
	position: relative;
	text-align: left;
}
.gardenWrap > .img {
	width: 70%;
	max-width: 830px;
	margin-left: auto;
}
.gardenTopContents {
	width: 28%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.gardenTtl {
	display: flex;
	justify-content: center;
	margin-bottom: 30%;
	max-height: 180px;
	white-space: nowrap;
}
.gardenTtl .num {
	font-size: 1070%;
	color: #efefef;
	line-height: .8;
	width: 22%;
	text-align: center;
	z-index: 10;
}
.gardenTtl h2 {
	font-size: 250%;
	letter-spacing: .125em;
	z-index: 50;
	white-space: nowrap;
	margin-left: 60px;
}
.gardenTtl h2 span {
	color: #808080;
}
.gardenContBox {
	background: #fff;
	padding: 30px;
	margin-top: 30px;
	text-align: center;
}
.gardenContBox dt {
	justify-content: center;
	margin-bottom: 30px;
}
.gardenContBox .num {
	color: #fff;
	background: #1a72ab;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 19px;
	text-align: center;
	margin-right: 20px;
}
.gardenContBox h3 {
	font-size: 225%;
	letter-spacing: .075em;
	line-height: 1.1;
}

.viewpoint {
	position: absolute;
	right: 0;
	top: 50%;
	background: #fff;
	width: 390px;
	padding: 35px 20px 20px;
	z-index: 20;
}
.viewpoint h3 {
	position: absolute;
	z-index: 5;
	top: -25px;
	right: 50px;
}
.viewpoint .txt {
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 7px;
	color: #333;
	line-height: 1.4;
}
.gardenContents {
	margin: 60px 0 0;
}
.gardenBox {
	background: #fff;
	text-align: left;
	padding: 40px 5%;
}
.gardenBox:not(:first-of-type) {
	margin-top: 20px;
}
.gardenBox dt {
	width: 23%;
}
.gardenBox .num {
	color: #fff;
	background: #1a72ab;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 19px;
	text-align: center;
	margin-right: 20px;
}
.gardenBox h3 {
	font-size: 225%;
	letter-spacing: .075em;
	line-height: 1.1;
}
.gardenBox dd {
	width: 75%;
	color: #333;
}
.gardenBox dd.d-flex {
	width: 68%;
}
.gardenBox dd .img {
	width: 275px;
}
.gardenBox dd.d-flex .txt {
	width: 270px;
	padding: 10px 0;
}
.gardenArea:nth-of-type(even) .container::before {
	right: auto;
	left: -50px;
}
.gardenArea:nth-of-type(even) .gardenTopContents {
	left: auto;
	right: 0;
}
.gardenArea:nth-of-type(even) .gardenWrap > .img {
	margin: 0 auto 0 0;
}
.gardenArea:nth-of-type(even) .gardenTtl {
	flex-direction: row-reverse;
}
.gardenArea:nth-of-type(even) .gardenTtl h2 {
	margin: 0 60px 0 0;
}

.gardenGallery {
	width: 100%!important;
	margin-top: 40px;
}
.gardenGallery > p {
	width: 63%;
}
.gardenGallery ul {
	width: 36%;
	flex-direction: column;
}
.gardenGallery li {
	height: 49%;
}
.gardenGallery li img {
	height: 100%;
}
.gardenPic {
	margin-top: 40px;
}
.gardenPic > figure {
	width: 49%;
}
.gardenPic02 {
	margin-top: 40px;
	position: relative;
	max-width: 830px;
	width: 70%;
	min-height: 360px;
	margin-left: auto;
}
.gardenPic02 > figure {
	position: absolute;
	width: 67%;
}
.gardenPic02 > figure._01 {
	top: 0;
	left: 0;
}
.gardenPic02 > figure._02 {
	width: 35%;
	right: 0;
	bottom: 0;
	z-index: 5;
}





/*price--------------------------------------------------*/
#pricePage .pageImg {
	background-image: url("../img/price/pagettl.jpg");
}
.priceList {
	background: #fff;
	padding: 50px 10%;
}
.contTtl {
	letter-spacing: .075em;
	text-indent: .075em;
	background: #000;
	color: #fff;
	font-size: 22px;
	padding: 5px;
	margin-bottom: 20px;
}
.priceWrap h3:not(:first-of-type) {
	margin-top: 80px;
}
.priceWrap .tit {
	text-align: left;
	line-height: 1.8;
}
.tbl {
	margin-bottom: 30px;
	overflow: auto;
}
.tbl th,.tbl td {
	padding: 10px 5px;
	border: 1px solid #4d4d4d;
	font-weight: 500;
	font-size: 110%;
}
.tbl thead th {
	background: #c8c8c8;
}
.tbl thead td {
	background: #edece4;
}
.tbl tbody th {
	background: #e6e6e6;
}
.tbl .total th,.tbl .total td {
	background: #ddddd7;
}
.priceWrap .note {
	text-align: left;
	margin-top: -10px;
	font-size: 85%;
	line-height: 1.6;
}
.payment {
	margin-top: 100px;
}
.tbl.payment th {
	background: #000;
	color: #fff; 
	padding: 25px;
	width: 50%;
}
.payment td {
	text-align: left; 
	padding: 25px;
	width: 50%;
}
.btnWrap {
	margin: 100px auto 0;
}
.btnWrap a {
	width:285px; 
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000; 
	color:#fff; 
	font-size: 22px; 
	padding: 15px 5px 17px;
	margin: 5px 50px;
	line-height: 1;
}
.btnWrap a::after {
	content: "";
	display: inline-block;
	background: url("../img/arrow_white.svg") center center no-repeat;
	background-size: contain;
	width: 14px;
	height: 25px;
	margin-left: 25px;
	vertical-align: -0.05em;
}
.btnWrap a:hover {
	background-color: #333;
}
/*access--------------------------------------------------*/
#accessPage .pageImg {
	background-image: url("../img/access/pagettl.jpg");
}
.accessTop {
	position: relative;
	padding-left: 90px;
}
.accessTop h2 {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 225%;
	letter-spacing: .15em;
	white-space: nowrap;
}
.gmap {
	width: 100%;
	height: 360px;
}
.gmap iframe {
	width: 100%;
	height: 100%;
}
.accessCont {
	margin-top: 40px;
	text-align: left;
}
.gmapBtn a {
	display: block;
	white-space: nowrap;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 10px 25px;
	margin-left: 25px;
}
.gmapBtn a:hover {
	background: #333;
}
.txtWrap {
	text-align: left;
	margin-top: 10px;
}
.txtWrap img {
	max-height: 79px;
}
#accessArea h3 {
	margin-top: 60px;
}
.accessTime {
	text-align: left;
}
.accessTime span {
	display: inline-block;
	width: 180px;
	height: 2px;
	background: left center repeat-x url("../img/access/dots.png");
	margin: auto 5px;
}
.telArea {
	background: url("../img/contact_bg.jpg") center center no-repeat;
	background-size: cover;
	color: #fff;
	padding: 40px 0;
	margin-top: 70px;
}
.telArea .container {
	max-width: 725px;
}
.telArea h2 {
	font-size: 155%;
	margin-bottom: 35px;
}
.telWrap {
	margin-bottom: 15px;
	border-bottom: 1px solid #fff;
}
.telWrap dl {
	width: 45%;
}
.telWrap dt {
	border: 1px solid #fff;
	padding: 5px;
}
.telWrap dd {
	padding: 15px 0;
}
.telnum {
	display: inline-block;
	background: url("../img/icon_tel.svg") left center no-repeat;
	white-space: nowrap;
	font-size: 200%;
	color: #fff;
	font-weight: 800;
	padding-left: 30px;
	line-height: 1;
}
/*contact----------------------------------------------*/
#contactPage .pageImg {
	background-image: url("../img/contact/pagettl.jpg");
}
.contTxt {
	font-size: 25px;
	margin-bottom: 50px;
}
#contactArea .telArea {
	margin-bottom: 80px;
}
.contArea {
	padding: 70px 5%;
	background: #fff;
}
.contWrap {
	max-width: 950px;
	margin: 0 auto;
}
.formBox dt,.formBox dd {
	width: 30%;
	padding: 10px 0;
	text-align-last: left;
}
.formBox dt::before {
	content: "任意";
	color: #fff;
	font-size: 85%;
	padding: 5px 10px;
	display: inline-block;
	background: #4d4d4d;
	line-height: 1;
	margin-right: 15px;
}
.formBox dt.req::before {
	content: "必須";
	background: #7d272d
}
.formBox dd {
	width: 70%;
}
.form-address p {
	text-align: left;
	padding: 5px 0;
}
input[type="text"],input[type="tel"],input[type="email"],select,textarea {
	width: 100%;
	padding: .575em;
	border: 1px solid #ccc;
}
input[type="text"].size-s {
	max-width: 210px;
}
select {
	width: auto;
}
textarea {
	height: 190px;
}
.zipBtn {
	background: #333;
	color: #fff;
	margin-left: 10px;
	border: none;
	padding: 7px 10px;
	cursor: pointer;
	line-height: 1.1;
}
.policyTxt {
	margin-top: 30px;
}
.policyTxt a {
	text-decoration: underline;
}
.formBtn {
	margin-top: 30px;
}
.mw_wp_form_confirm button.button._grey {
	display: block!important;
}
input[type="submit"], input[type="button"],button.button._grey  {
	font-family: source-han-sans-japanese, sans-serif;
	font-style: normal;
	color: #fff;
	font-size: 115%;
	font-weight: 600;
	letter-spacing: .075em;
	text-indent: .075em;
	background: #000;
	width: 170px;
	display: block;
	border: none;
	padding: 15px 20px;
	margin: 10px;
	transition: .2s;
	cursor: pointer;
}
input[type="submit"]._green {
	background: #00b4a0;
}
input[type="submit"].btn_back,
button.button._grey {
	background: #ddd;
	color: #333;
}
input[type="submit"]:hover, input[type="button"]:hover,button.button._grey:hover  {
	opacity: .7;
}

button.button._grey {
	display: none;
}
.mw_wp_form_confirm button.button._grey {
	display: block!important;
}
.mw_wp_form_confirm .formBox dt::before,
.mw_wp_form_confirm .zipBtn,
.mw_wp_form_confirm .policyTxt  {
	display: none!important;
}
/*privacy--------------------------------------------------*/
#privacyPage .pageImg {
	background-image: url("../img/privacy/pagettl.jpg");
}
.privacyWrap {
	text-align: left;
}
.privacyWrap > .txt {
	padding: 0 30px 40px;
	border-bottom: 1px solid #b0b0b0;
}
.privacyBox {
	margin-top: 40px;
	padding: 0 30px;
}
.privacyBox h3 {
	font-size: 100%;
	font-weight: 800;
	margin: 40px 0 5px;
}
/*news--------------------------------------------------------*/
#newsPage .pageImg {
	background-image: url(../img/news/pagettl.jpg);
}
.postList li {
	text-align: left;
	display: flex;
	padding: 15px;
}
.postList li a {
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.postList a:hover {
	color: #00b5bd;
}
.postList li:not(:first-of-type) {
	border-top: 1px solid #b0b0b0
}
.postList .date {
	color: #808080;
	display: inline-block;
	min-width: 100px;
}
.pager {
	width: 100%;
	text-align: center;
	margin-top: 40px;
}
.pager li {
	display: inline-block;
}
.pager span, .pager a {
	display: inline-block;
	padding: 2px 5px;
	margin: 0 4px 5px;
	transition: .1s;
}
.pager .next,.pager .prev {
	border: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.pager .current {
	background: #000041;
	color: #fff;
}
span.page-numbers.dots {
	border: none;
	padding: 0;
}
.postArea {
	text-align: left;
}
.postTtl .date {
	color: #808080;
	padding-top: 5px;
	margin-right: 20px;
}
.postTtl {
	padding: 0 20px 20px;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.postTtl::after {
	content: "";
	display: block;
	width: 25%;
	height: 1px;
	background: #000;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 1;
}
.postTtl h2 {
	font-size: 155%;
	line-height: 1.2;
}
.postContents {
	padding-top: 60px;
	line-height: 1.75
}
.postContents img {
	display: block;
	margin: 0 auto;
}
.thumb {
	text-align: center;
	margin-bottom: 60px;
}
.pageSet {
	margin-top: 60px;
	text-align: center;
}
.postBack {
	margin: 0 40px;
}
.postBack a {
	display: block;
	padding: 10px 40px;
	border: 1px solid #000;
}
.postBack a:hover {
	background: #333;
	color: #fff;
}
.pageSet .dmmy {
	visibility: hidden;
	height: 0;
}
/*contact----------------------------------------------*/
#clubhousePage .pageImg {
	background-image: url("../img/clubhouse/pagettl.jpg");
}
#feature {
	overflow: hidden;
}
.feature01Area .img {
	position: relative;
	width: 80%;
	height: 544px;
}
.feature01Area .img::before {
	content: "";
	display: block;
	width: 70vw;
	min-width: 1400px;
	background: url("../img/clubhouse/top_img.jpg") right bottom no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.featureArea {
	margin-top: 150px;
}
.featureArea .img {
	width: 64%;
	max-width: 700px;
}
.featureTxt {
	font-size: 115%;
	line-height: 2.4;
	letter-spacing: .15em;
}
.featureTxt h3 {
	font-size: 25px;
	margin: 0 50px;
	font-weight: 400;
}
.featureBtm {
	text-align: center;
	background: #fff;
	padding: 50px 5%;
	line-height: 2.1;
	margin: 80px 0 0;
}
.featureBtm .txt {
	display: inline-block;
	text-align: left;
}
.roofArea {
	background: url("../img/clubhouse/roof_img.jpg") top center no-repeat;
	background-size: auto 550px;
	padding-top: 320px;
}
.roofBox {
	max-width: 750px;
	background: #fff;
	letter-spacing: .15em;
	padding: 50px 15px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.roofBox h2 {
	font-size: 25px;
	padding-top: 4em;
	text-indent: -4em;
	font-weight: 400;
	margin-left: 70px;
	line-height: 2;
}
.roofBox .txt {
	line-height: 2.4;
}
.roomImg {
	width: 68%;
	text-align: left;
}
.roomImg li {
	width: 49%;
}
.clubFacWrap,.clubRange {
	margin-top: 100px;
}
.clubFacWrap dl {
	text-align: left;
	background: #fff;
	width: 45%;
	padding: 60px 6%;
	line-height: 2.5;
}
.clubFacWrap dt,
.clubRange dt {
	line-height: 1.2;
	font-size: 25px;
	margin-bottom: 30px;
}
.clubRange .img {
	width: 64%;
	text-align: right;
}
.clubRange dl {
	width: 28%;
	line-height: 2.5;
	text-align: left;
	font-size: 115%;
}
.btn02 {
	margin-top: 20px;
}
.clubRange .btn02 {
	margin-top: 120px;
}
.btn02 a {
	display: block;
	color: #fff;
	font-size: 22px;
	position: relative;
	background: #000 url("../img/arrow_white.svg") center right 20px no-repeat;
	background-size: auto 18px;
	text-align: center;
	line-height: 1;
	padding: 20px 0;
}
.btn02 a:hover {
	background-color: #333;
}
#view {
	overflow: hidden;
}
.viewWrap {
	position: relative;
	max-width: 1300px;
	z-index: 1;
	padding-top: 335px;
}
.viewWrap .img {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: "";
	background: url("../img/clubhouse/view_img.jpg") center center no-repeat;
	background-size: cover;
	height: 550px;
	width: 90vw;
	min-width: 1650px;
	z-index: -1;
}
.viewWrap .txt {
	text-align: left;
	background: #fff;
	padding: 70px;
	max-width: 660px;
	margin: 0 -70px 0 auto;
	line-height: 2.4;
}
/*price--------------------------------------------------*/
#historyPage .pageImg {
	background-image: url("../img/history/pagettl.jpg");
}
#historyTop {
	background: url("../img/history/top_bg.jpg") top center no-repeat,url("../img/bg01.jpg") top center repeat;
	background-size: auto 410px,auto;
	padding-top: 120px;
}
#historyTop .container {
	max-width: 1000px;
}
#historyTop .roofBox {
	margin-bottom: 100px;
}
#historyTop .namingTtl {
	margin-bottom: 30px;
}
#historyTop .namingTtl h2 {
	color: #8d8d80;
}
#historyArea {
	background: url("../img/history/bg01.png") top 250px center repeat-y;
	background-size: 100% auto;
	background-color: #333;
	color: #fff;
	overflow: hidden;
}
#historyArea .secTtl .fo-mincho {
	color: #fff;
}
.historyContents {
	position: relative;
	margin-top: 100px;
	z-index: 1;
}
.historyContents::before {
	content: "";
	display: block;
	width: 1.5px;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	margin: auto;
	z-index: -1;
}
.historyArea {
	position: relative;
	padding: 90px 0;
}
.historyArea:first-of-type {
	padding-top: 0;
}
.historyArea h3 {
	font-size: 61px;
	color: #a3a395;
	font-weight: 400;
	letter-spacing: .15em;
	position: relative;
	margin-bottom: 70px;
	text-align: left;
	line-height: 1;
	width: 50%;
	z-index: 1;
}
.historyArea h3::before,.historyArea h3::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #a3a395;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	z-index: -1;
}
.historyArea h3::after {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	left: auto;
	right: -8px;
	z-index: 1;
}
.historyArea h3 span {
	display: inline-block;
	background: #333;
	padding-right: 40px;
}
.hisImg {
	width: 48%;
	max-width: 400px;
}
.hisImg li:not(:first-of-type) {
	margin-top: 50px;
}
.hisBox {
	width: 48%;
	max-width: 400px;
	text-align: left;
	letter-spacing: .025em;
}
.hisBox li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.hisBox li:not(:first-of-type) {
	margin-top: 30px;
}
.hisBox li span {
	display: block;
	width: 110px;
	min-width: 110px;
}
.hisBox li .txt {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: 1;
	flex-direction: 1;
}
.historyArea:nth-of-type(even) .hisWrap {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.historyArea:nth-of-type(even) h3 {
	margin-left: auto;
	text-align: right;
}
.historyArea:nth-of-type(even) h3 span {
	padding: 0 0 0 40px;
}
.historyArea:nth-of-type(even) h3::after {
	right: auto;
	left: -8px;
}
/*recruit---------------------------------------------------*/
.scrollHeader {
	position: relative;
}
.scrollHeader .pageTtl {
	position: absolute;
	left: 0;
	right: 0;
	top: 160px;
	margin: 0 auto;
	z-index: 50;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 5px rgb(0,0,0,.35);
}
.scrollHeader .pageTtl .fo-georgia {
	text-shadow: 0 0 5px rgb(0,0,0,.35);
}
.scrollHeader .pageTtl h2 {
	color: #fff;
}
#recruitPage {
	overflow: hidden;
}
.recruitPageTtl {
	background: url("../img/recruit/pagettl.jpg") center center repeat-x;
	height: 450px;
	color: #fff;
	padding-bottom: 30px;
	text-shadow: 0 0 5px rgb(0,0,0,.35);
}
.recruitPageTtl .pageTtl {
	position: static;
	color: #fff;
	text-align: center;
}
.recruitPageTtl .pageTtl .fo-georgia {
	font-size: 60px;
}
.recruitPageTtl .pageTtl h2 {
	color: #fff;
	margin-top: 10px;
}
#recruitTop {
	position: relative;
	padding: 0
}
.recruitContTtl {
	position: absolute;
	width: 90%;
	max-width: 920px;
	margin: 0 auto;
	top: -165px;
	left: 0;
	right: 0;
	z-index: 5;
	background: #fff;
	border-radius: 20px;
	padding: 55px 11% 65px;
	border: 1px solid #000
}
.recruitContTtl::before,
.recruitContTtl::after {
	content: "";
	display: block;
	background: url("../img/recruit/ttl_box_arrow.png") center center no-repeat;
	background-size: contain;
	width: 19px;
	height: 102px;
	position: absolute;
	top: 80px;
	right: 40px;
}
.recruitContTtl::after {
	top: 35px;
	right: auto;
	left: 40px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.recruitContTtl .img {
	position: absolute;
	left: -6.5%;
	bottom: -10%;
	z-index: 1;
	width: 23.5%;
}
.recruitContTtl .img._02 {
	left: auto;
	right: 1%;
	bottom: -35%;
	width: 22.7%;
}
.recruitTopArea {
	overflow: hidden;
	position: relative;
}
.recruitTopArea .container {
	position: relative;
	padding: 100px 0;
	max-width: 1300px;
}
.recruitTopArea .container::before,
.recruitTopArea .container::after {
	content: "";
	display: block;
	width: 100vw;
	height: 700px;
	background: #ffef2e;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.recruitTopArea .container::after {
	height: 475px;
	left: 65%;
	bottom: 0;
	right: inherit;
	top: inherit;
}
.recruitTopWrap {
	background: url("../img/recruit/bg01.png") top 150px left 5%,url("../img/recruit/bg02.png") top 40px right 3%;
	background-color: #78d7d3;
	background-repeat: no-repeat;
	color: #fff;
	margin: 0 -50px;
	position: relative;
	padding: 70px 15px 100px;
}
.recruitTopWrap::before,
.recruitTopWrap::after {
	content: "";
	display: block;
	background: url("../img/recruit/dotsquare.png") left top no-repeat;
	background-size: contain;
	width: 13%;
	height: 199px;
	position: absolute;
	top: -40px;
	left: -3%;
	z-index: 1;
}
.recruitTopWrap::after {
	top: auto;
	left: auto;
	bottom: -30px;
	right: -5%;
}
.btmArrow {
	margin: 60px auto 0;
	max-width: 230px;
	background: url("../img/recruit/circle.png") left top 12px no-repeat;
	background-size: auto 40px;
}
.btmArrow img {
	max-height: 98px;
}
.recruitTopWrap li {
	position: absolute;
	width: 30%;
	z-index: 5;
}
.recruitTopWrap li._01 {
	top: 194px;
	left: 9.5%;
	max-width: 371px;
}
.recruitTopWrap li._02 {
	right: 7%;
	top: 135px;
	max-width: 398px;
}
.recruitTopWrap li._03 {
	width: 31%;
	bottom: 60px;
	left: 7%;
	max-width: 432px;
}
.recruitTopWrap li._04 {
	width: 22%;
	bottom: 175px;
	right: 16%;
	max-width: 302px;
}
#charm .container {
	max-width: 1200px;
}
.charmTtl {
	margin-bottom: 60px;
}
.charmTtl h2 img {
	max-height: 110px;
}
.charmWrap > li {
	width: 30%;
}
.charmBox {
	background: #e5f6fc;
	position: relative;
	margin-top: 50px;
	padding: 50px 30px 30px;
	line-height: 1.4;
}
.charmBox .num {
	position: absolute;
	left: 0;
	right: 0;
	top: -31px;
	z-index: 1;
}
.charmBox .num img {
	max-height: 62px;
}
.charmBox .txt {
	text-align: left;
	margin-top: 20px;
	font-size: 115%;
}
.charmBox .img {
	margin-top: 20px;
}
.charmBox h3 {
	font-size: 185%;
	color: #00afee;
	line-height: 1.3;
}
.charmWrap > li:not(.charmBox) {
	width: 36%;
}
.charmWrap ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
#voice {
	background: #00afee;
}
#voice h2 img {
	max-height: 190px;
}
.voiceArea {
	background: #fff;
	padding: 60px 4.5%;
	margin-top: 60px;
}
.voiceWrap {
	padding-top: 50px;
	margin-top: 50px;
	background: url("../img/recruit/dash.png") top left repeat-x;
	background-size: auto 1px;
}
.voiceWrap:first-of-type {
	margin-top: 0;
	padding-top: 0;
	background: none;
}
.voiceWrap .img {
	width: 28.5%;
}
.voiceWrap dl {
	text-align: left;
	width: 67%;
}
.voiceTag {
	font-size: 110%;
	color: #fff;
	min-width: 170px;
	text-align: center;
	background: #e93d34;
	margin-right: 30px;
	padding: 3px 0 1px;
	white-space: normal;
}
.voiceWrap .ttl {
	font-size: 22px;
}
.voiceWrap dd {
	margin-top: 20px;
}
img[src*="boshu_ttl"] {
	max-height: 36px;
	margin-bottom: 20px;
}
.recruitment {
	padding: 60px 0;
}
.recruitArea {
	background: #fff;
	padding: 60px 5%;
}
.recruitArea:not(:first-of-type) {
	margin-top: 30px;
}
.recruitWrap .img {
	width: 30%;
}
.recruitBox {
	width: 65%;
	text-align: left;
}
.recruitTtl {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #000;
}
.recruitTtl .ttl {
	font-size: 26px;
	font-weight: 600;
}
.recTag {
	background: #e93d34;
	color: #fff;
	font-weight: 600;
	padding: 5px 10px 3px;
	margin-right: 15px;
	line-height: 1;
}
.recruitCont dt,.recruitCont dd {
	margin-top: 5px;
	padding: 5px 10px;
	line-height: 1.4;
}
.recruitCont dt {
	width: 25%;
	background: #e5e5e5;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.recruitCont dd {
	width: 75%;
}
.button {
	text-align: center;
	margin-top: 35px;
}
.button a {
	font-size: 20px;
	border: 1px solid #00b4a0;
	background: #fff;
	color: #00b4a0;
	border-radius: 90px;
	position: relative;
	display: inline-block;
	padding: 10px 50px;
}
.button a::after {
	content: "";
	display: inline-block;
	background: url("../img/recruit/btn_arrow.png") center center no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	margin-left: 10px;
}
.button a:hover {
	background-color: #333!important;
	color: #fff;
}
.button a:hover::after {
	background-image: url("../img/recruit/btn_arrow_white.png")
}
.button._green a {
	background: #00b4a0;
	color: #fff;
}
.button._green a::after {
	background-image: url("../img/recruit/btn_arrow_white.png")
}
.recruitArea + .button {
	margin-top: 60px;
}
/*recruitdetail---------------------------------------------------*/
#recruitDetailPage {
	position: relative;
}
#recruitDetailPage .recruitPageTtl {
	background-image: url("../img/recruit/pagettl_detail.jpg");
	height: 316px;
}
#recruitDetailPage section#voice {
  padding: 80px 0 280px;
}
#dammySection {
	height: 240px;
	padding: 0;
}
#recruitDetailPage .recruitment {
	padding: 0;
}
.fixrecBtn {
  position: fixed;
  right: 0;
	bottom: 34.5%;
  z-index: 50;
	transition: .35s;
}
.fixrecBtn a {
	display: flex;
	justify-content: center;
	align-items: center;
  background-color: #e93d34;
  border: 1px solid #e93d34;
  color: #fff;
  border-radius: inherit;
  padding: 50px 15px;
	letter-spacing: .05em;
}
.fixrecBtn a:hover {
	background-color: #000;
}
.fixrecBtn a::after { 
  content: "";
  display: inline-block;
  background: url("../img/recruit/btn_arrow_white.png") center center no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-top: 10px;
  transform: rotate(90deg);
  margin-left: 0;
  margin-right: 0;
}
.button._grey a {
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  color: #fff;
}
.button._grey a::before {
  content: "";
  display: inline-block;
  background: url("../img/recruit/btn_arrow_white.png") center center no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  transform: rotate(180deg);
}
.button._grey a::after {
  display: none;
}
.entryWrap {
  border:1px solid #000;
  border-radius: 30px;
  padding: 85px 15px;
}
.entryWrap .ttl {
  font-size: 52px;
  position: relative;
  margin-bottom: 30px;
}
.entryWrap .ttl::after {
  content:"";
  display: inline-block;
  position: absolute;
  bottom: -15px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 32px;
  height: 1px;
  background-color: #00b4a0;
}
.entryWrap .txt {
  font-size: 20px;
}
.entryWrap .red {
  color: red;
}
.requiment {
  margin: 60px 0 40px;
  font-size: 115%;
}
.entryBox {
  max-width: 750px;
  margin: 0 auto;
  font-size: 115%;
}
.entryBox dt {
  width: 24%;
  background-color: #e0f5f3;
  padding: 25px 20px 25px 0;
  text-align: right;
}
.entryBox dd {
  width: 75%;
  text-align: left;
  padding: 25px 20px 25px 30px;
}
.entryBox dd.phoneCont {
	white-space: nowrap;
}
.entryBox dd.phoneCont span {
  display: inline-block;
}
.entryBox dd.phoneCont input {
	width: 75px;
}
.entryBox input[type="text"] {
  width: 30%;
}
.entryBox input[type="text"]:last-of-type {
  margin: 0 5px;
}
.entryBox label span:first-of-type {
  margin-right: 10px;
}
.entryBox textarea {
  min-height: 100px;
}
.form-birth p {
	margin-right: 10px;
}
#formJob p {
	display: inline-block;
	width: 230px;
	margin-right: 10px;
}
.mw_wp_form_confirm #formJob p {
	display: block;
	width: 100%;
}
/*
#formJob input {
	font-size: 100%;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	width: auto;
	pointer-events: none;
	display: inline;
}
*/
#formJob input {
	width: 100%;
	margin: 5px 0;
}
.hidden > section:not(#recruitEntry),
.mw_wp_form_confirm .onlyform,
.onlyconf,
.mw_wp_form_confirm .formName br{
	display: none;
}
.mw_wp_form_confirm .onlyconf {
	display: block;
}

/*aboutpage------------------------------------------*/
#aboutPage .pageImg {
    background-image: url(../img/about/pagettl.jpg);
}
#aboutArea .container {
  max-width: 1200px;
}
#aboutArea {
	overflow: hidden;
}

.aboutWrap {
	position: relative;
	z-index: 1;
}
.aboutWrap:not(:first-of-type) {
	margin-top: 100px;
}
.aboutBg {
	width: 35%;
	position: relative;
}
.aboutBox {
	width: 65%;
	padding: 60px 6% 75px;
	background-color: #fff;
}
.aboutBg::before {
	background: url("../img/about/about_bg01.jpg") center center no-repeat;
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 50vw;
	min-width: 830px;
	z-index: -1;
}
.aboutCont dl:first-child {
	border-top: 1px solid #b0b0b0;
}
.aboutCont dt,
.aboutCont dd {
	border-bottom: 1px solid #b0b0b0;
	text-align: left;
}
.aboutCont dt {
	width: 30%;
	padding: 20px 0 20px 30px;
	border-right: 1px solid #b0b0b0;
}
.aboutCont dd {
	width: 70%;
	padding: 20px 0 20px 40px;
}
.aboutWrap.row-r .aboutBg::before  {
	right: auto;
	left: 0;
	background-position: left center;
}
#about02 .aboutBg::before {
	background-image: url("../img/about/about_bg02.jpg");
	
}
#about03 .aboutBg::before {
	background-image: url("../img/about/about_bg03.jpg");
	background-position: right 20% center;
}
.aboutContTtl {
	text-align: left;
	padding: 20px 30px;
	border-top: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
}
.aboutCont .aboutContTtl:not(:first-child) {
  margin-top: 30px;
}
#about03 .aboutCont dt {
	border-right: none;
}
.aboutCont ul {
  padding: 20px 30px;
  text-align: left;
}
.aboutCont li:not(:first-child) {
	margin-top: 15px;
}
.aboutCont li span {
  display: inline-block;
  width: 210px;
  margin-right: 15px;
}

/*attentionpage------------------------------------------*/
#attentionPage .pageImg {
	background-image: url(../img/attention/pagettl.jpg);
}
.btn03 {
	text-align: center;
	margin-bottom: 50px;
}
.btn03 a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	color: #fff;
	font-size: 25px;
	background: #52488c;
	letter-spacing: .15em;
	padding: 15px 5px;
	max-width: 390px;
}
.btn03 a::after {
	content: "";
	display: inline-block;
	background: url("../img/icon_pdf.svg") center center no-repeat;
	background-size: contain;
	width: 33px;
	height: 40px;
	margin-left: 15px;
}
.btn03 a:hover {
	background: #000;
}
.attentionWrap {
	background: #fff;
	padding: 50px 10%;
}
.attentionBox {
  padding-bottom: 10px;
  border-bottom: 1px solid #b0b0b0;
} 
.inOut,
.onPlay {
  width: 47%;
}
.attentionTtl {
  background: #000;
  color: #fff;
  font-size: 22px;
  padding: 10px;
  margin-bottom: 10px;
}
.clothingTxt {
  background: #a4a4a4;
  font-weight: bold;
  padding: 10px;
  margin: 10px 0 15px;
}
.clothCont li {
  width: 32%;
  padding-bottom: 30px;
  margin-right: 2%;
}
.clothCont li:nth-of-type(3n) {
  margin-right: 0;
}
.clothCont li figure {
	margin-bottom: 10px;
}
.clothCont li figure img {
	max-height: 100px;
}
.clothCont .clothTxt {
	display: inline-block;
	padding-right: .5em;
}
.clothCont li p {
  text-align: left;
  padding-left: 1em;
	text-indent: -1em;
	letter-spacing: -.03em;
	font-size: 95%;
}
.attentionTxt {
  text-align: left;
  margin-top: 60px;
}
.attentionTxt li {
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 5px;
}
.attentionTxt li.txt {
	padding-left: 0;
	text-indent: inherit
}
.attentionTxt li a {
	text-decoration: underline;
	color: #52488c
}
.attentionTxt li a:hover {
	text-decoration: none;
	opacity: .6
}
.attentionTxt span {
  font-weight: bold;
  
}
/*sitemappages------------------------------------------*/
#sitemapPage .pageImg {
    background-image: url(../img/sitemap/pagettl.jpg);
}
.contBoxTtl {
  text-align: left;
  font-size: 24px;
  padding: 0 0 20px 20px;
  border-bottom: 0.75px solid #000;
  margin-bottom: 20px;
}
.contBoxTtl:not(:first-of-type) {
  margin-top: 60px;
}
.detailWrap {
  padding: 0 20px;
  text-align: left;
}
.detailWrap li {
  width: 25%;
}
.contItemLeft li,
.contItemRight li {
  width: 100%;
}
.contItemLeft {
  width: 75%;
}
.sitemapWrap a:hover {
	text-decoration: underline;
}
.contItemRight {
  width: 25%;
}
.menuLink {
  display: inline-block;
  font-weight: bold;
  margin: 25px 0 30px;
}
.contItemLeft .menuLink {
  margin-bottom: 15px;
}
.menuLink::after {
  content:">";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 5px;
  
}
.holeLink li {
  width: 120px;
  margin-bottom: 15px;
}
.bnrWrap {
  margin-top: 80px;
}
.bnrWrap li {
  width: 47%;
  background: url("../img/sitemap/bnr_kaiin.jpg") center center no-repeat;
  background-size: cover;

}
.bnrWrap li:nth-of-type(2) {
  background-image: url("../img/sitemap/bnr_recruit.jpg");
}
.bnrWrap a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: 600;
    letter-spacing: .05em;
    text-indent: 0.05em;
    background: rgba(0,0,0,.35);
    padding: 10px;
    font-size: 20px;
}
.bnrWrap li:nth-of-type(2) span {
	text-align: right;
	padding-right: 20px;
}
.bnrWrap a span {
  border: 1px solid #fff;
  display: block;
  padding: 25px 0;
}
.bnrWrap a:hover {
  background:none;
  text-shadow: 1px 1px 1px rgba(0,0,0,.8);
} 

.btnKaiin a span::after {
    content: "";
    display: inline-block;
    background: url(../img/icon_lock_wihite.svg) center center no-repeat;
    background-size: contain;
    width: 15px;
    height: 25px;
    margin-left: 10px;
    vertical-align: -0.1em;  
}

/*Yutai--------------------------------------------------------*/
#yutaiPage .pageImg {
    background-image: url(../img/yutai/pagettl.jpg);
}
.yutaiWrap {
	background: #fff;
	padding: 50px 10%;
}
.yutaiBox {
	padding: 0 5%;
  text-align: left;
  margin-top: 60px;
}
.yutaiTtl {
  font-size: 28px;
	letter-spacing: .075em;
  padding-bottom: 20px;
  border-bottom: 1px solid #808080;
  margin-bottom: 35px;
  position: relative;
}
.yutaiTtl::after {
  content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 15%;
	border-bottom: 2px solid #000;
}	
.yutaiTxt {
  font-size: 20px;
  font-weight: bold;
  color: #2e3188;
  margin-bottom: 20px;
}
.benefitsList {
  margin-top: 30px;
}
.benefitsList dt {
  width: 180px;
  padding: 20px 0;
  text-align: center;
  color: #2e3188;
  background: #e2e2e2;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.benefits {
  color: #2e3188;
  font-weight: bold;
  font-size: 20px;
}
.benefits01 {
  font-size: 16px;
  color: #2e3188;
  font-weight: bold;
} 
.birthdayBenefits {
  margin-top: 15px;
  padding: 15px;
  background: #ececf5;
}
#yutaiPage .priceWrap {
	margin-top: 90px;
}
#yutaiPage .priceWrap .tit {
	text-align: right;
}
.tbl._yutai thead th {
	background: #e2e2e2;
}
/*memberspage------------------------------------------*/
.membersArea {
  background: url(../img/members/pagettl.jpg) center center no-repeat;
	background-size: cover;
  min-height:  100vh;
  padding: 150px 100px;
}
.membersTtlWrap {
	text-shadow: 0 0 5px rgb(0,0,0,.25);
  margin-bottom: 80px;
}
.membersTtlWrap .fo-georgia {
  font-size: 42px;
  color: #fff;
  margin-bottom: 10px;
}

#membersPage .membersTtlWrap .fo-georgia::after {
  content: "";
  display: inline-block;
  background: url(../img/icon_lock_wihite.svg) center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 30px;
  margin-left: 20px;
}
.membersTtlWrap p {
  font-weight: bold;
  color: #fff;
}
#membersPage .membersBtnWrap {
  background-color: #fff;
  max-width: 930px;
  padding: 45px;
  margin: 0 auto;
}
.membersBtnWrap .txt {
  margin-bottom: 35px;
}
#membersPage .membersBtnBox {
  margin-bottom: -30px;
}
.membersBtnBox li {
  width: 48%;
  background: #000041;
  margin-bottom: 30px;
	transition: .3s;
}
.membersBtnBox li:hover {
	background: #000;
}
.membersBtnBox li .fo-mincho {
  font-size: 24px;
  display: block;
	margin-bottom: 15px;
}
.membersBtnBox li .fo-georgia {
	opacity: .75;
}
.membersBtnBox li a {
  display: block;
  padding: 30px;
  color: #fff;
}
.membersBtnBox img {
  max-height: 30px;
  margin-bottom: 20px;
}

/*membersnewspage------------------------------------------*/
.membersTtArea {
  background: url(../img/members/membersnews/pagettl.jpg) center bottom no-repeat;
	background-size: cover;
  min-height: 470px;
  padding-top: 120px;
}
#membersNewsWrap {
}
#membersNewsWrap .postList li:not(:first-of-type) {
	border-top-style: dotted;
}
.membersContentsArea {
  margin: -250px auto 0;
  padding: 60px 120px;
  background-color: #fff;
  max-width: 1000px;
}
.membersSubPage .membersBtnBox {
  padding: 0;
  margin: 100px 0 60px 0;
}
.membersSubPage .membersBtnBox li {
  width: 24%;
}
.membersSubPage .membersBtnBox li .fo-mincho {
  font-size: 20px;
}

/*membersnewsdetailpage------------------------------------------*/
#membersNewsDetailPage .membersTtArea {
  background-image: url("../img/members/membersnews/pagettl_detail.jpg");
}
.membersNewsArea h2 {
  font-size: 18px;
  font-weight: normal;
  background: #000041;
  padding: 20px 40px;
  color: #fff;
	text-align: left;
}
.membersNewsArea h2 .date {
  display: inline-block;
  padding-right: 20px;
  border-right: 1px solid #fff;
  margin-right: 20px;
}
#membersNewsDetailPage .postContents {
  text-align: left;
}
#membersNewsDetailPage .postContents figure {
  max-width: 540px;
  margin: 0 auto 40px;
}

/*competitionpage------------------------------------------*/
#competitionPage .membersTtArea {
  background-image: url(../img/members/competition/pagettl.jpg);
}
#competitionWrap .secTtl h2 {
  font-size: 28px;
}
#competitionWrap .secTtl p {
  font-size: 16px;
}
.competitionTbl {
  table-layout: fixed;
}
.postListTtl th {
  background: #dddddd;
  font-weight: bold;
  padding: 15px;
  margin-bottom: 25px;
}
.postListTtl .date,
.postListItem .date {
  width: 26%;
}
.postListTtl .name,
.postListItem .name {
  width: 46%;
}
.postListTtl .result,
.postListItem .result {
  width: 23%;
}
.postListItem td {
  padding: 20px 0;
  border-top: 1px dotted #4d4d4d;
  text-align: center;
}
.lastComp td {
  border-bottom: 1px dotted #4d4d4d;
}
.postListItem .name {
	padding-left: 20px;
	text-align: left;
}
.postTag {
	white-space: nowrap;
	line-height: 1;
	background: #1f1b62;
	display: inline-block;
	color: #fff;
	margin-right: 20px;
	padding: 5px 0;
	width: 110px;
	font-size: 14px;
	text-align: center
}
.postListItem .name .ttl {
	display: inline-block;
}
.compGold {
  background: #807523;
}
.compNavy {
  background: #1f1b62;
}
.compGreen {
  background: #3b683d;
}
.postListItem .result a {
  display: inline-block;
  background: #000;
  color: #fff;
  width: 120px;
  border-radius: 5px;
	line-height: 1;
  padding: 7px 0 5px 0;
	font-size: 95%;
}
.postListItem .result a:hover {
  background: #1f1b62;
}

.postListItem .result a::after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  background: url("../img/members/competition/arrow01.png") no-repeat center center;
  background-size: 10px;
  margin: 0 0 0 5px;
} 

/*competitionresultpage------------------------------------------*/
#competitionResultPage .membersTtArea {
  background-image: url("../img/members/competition/pagettl.jpg");
}
#competitionResultWrap .container h2 {
  font-size: 18px;
  font-weight: normal;
  background: #000041;
  padding: 15px 40px;
  color: #fff;
  text-align: left;
  margin-bottom: 60px;
}
#competitionResultWrap .container h2 .date {
  display: inline-block;
  padding-right: 20px;
  border-right: 1px solid #fff;
  margin-right: 30px;
}
#competitionResultWrap .container h2 .compGold  {
  display: inline-block;
  color: #fff;
  margin-right: 20px;
  padding: 5px;
  width: 110px;
  font-size: 14px;
  text-align: center;
  background: #807523;
}
.resultTbl {
  margin-bottom: 45px;
}
.resultTbl th {
  background :#e6e6e6;
}
.resultTbl th,
.resultTbl td {
  padding: 10px 5px;
  border: 1px solid #4d4d4d;
}
.compeClass {
	border-right: none!important;
	border-left: none!important;
	text-align: left;
	padding-top: 30px!important;
	font-weight: 600;
}

/*eventpage------------------------------------------*/
.membersTtArea._special {
  background-image: url(../img/members/event/pagettl.jpg);
}
.membersSpecialArea {
	max-width: 1100px;
	padding-left: 70px;
	padding-right: 70px;
}
#eventWrap .container > .txt {
  margin-bottom: 60px;
}
#eventWrap .secTtl {
	margin-bottom: 30px;
}
#eventWrap .secTtl h2,#eventWrap .yutaiTtl h3 {
	font-size: 38px;
}
#eventWrap .yutaiTtl h3 {
	margin-right: 30px;
}
.specialBox {
	margin-bottom: 80px;
}
#eventWrap .yutaiCont {
  width: 48%;
  border: 1px solid #808080;
  padding: 40px;
}
#eventWrap .yutaiCont figure {
  margin: 40px 0; 
}
#eventWrap .yutaiCont .eventBtn {
  max-width: 280px;
  margin: 0 auto;
  position: relative;
}
#eventWrap .yutaiCont .eventBtn a {
  width: 100%;
  display: inline-block;
  padding: 15px;
  color: #fff;
  background-color: #000041;
}
#eventWrap .yutaiCont .eventBtn a:hover {
  background-color: #000;
}
#eventWrap .yutaiCont .eventBtn::after {
  content: "";
	background: url("../img/arrow_white.svg") center center no-repeat;
	background-size: contain;
  color: #fff;
  width: 7px;
  height: 15px;
  position: absolute;
  right: 20px;
  top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#eventWrap .yutaiTtl .fo-georgia {
  font-size: 20px;
}

/*membership-------------------------------------------------------*/
#membershipPage .pageImg {
    background-image: url(../img/membership/pagettl.jpg);
}
#membershipArea {
	overflow: hidden;
}
.bnrBuy {
  max-width: 850px;
  margin: 60px auto;
  background: url("../img/membership/buybg.jpg") center center no-repeat;
  background-size: cover;
}
.bnrBuy a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  letter-spacing: .05em;
  text-indent: 0.05em;
  background: rgba(0,0,0,.35);
  padding: 10px;
}
.bnrBuy a:hover {
  background:none;
} 
.bnrBuyBtn {
  border: 1px solid #fff;
  display: block;
  padding: 30px 0;
  font-size: 20px;
}
.bnrBuyBtn .solid {
  display: block;
  width: 50px;
  height: 1px;
  margin: 10px auto;
  background: #fff;
}
.buyLink {
  display: block;
  font-size: 30px;
}
.buyLink::after {
  content: "";
  display: inline-block;
  background: url("../img/icon_blank02.png") center center no-repeat;
  background-size: contain;
  width: 15px;
  height: 25px;
  margin-left: 10px;
  vertical-align: -0.1em;  
}
.membershipWrap {
  position: relative;
}
.membershipWrap:last-of-type {
  margin-top: 80px;
}
.membershipWrap .img {
  background: url(../img/membership/img01.jpg) center center no-repeat;
  background-size: cover;
  height: 466px;
  margin-left: -12.5%;
  width: 88%;
}
.membershipWrap .img._02 {
  background-image: url(../img/membership/img02.jpg);
  margin-left: auto;
  margin-right: -12.5%;
}
.membershipWrap .txtCont {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background: #fff;
  max-width: 390px;
  padding: 45px;
  z-index: 20;
  text-align: left;
}
.membershipWrap .txtCont._02 {
  right: auto;
  left: 0;
}
.membershipWrap .txtCont .ttl {
  font-size: 34px;
  margin-bottom: 40px;
}
.membershipBtn {
  background-color: #000;
  color: #fff;
  width: 230px;
  padding: 15px;
  display: block;
  text-align: center;  
  margin-top: 30px;
}
.membershipBtn:hover {
  background-color: #333;
}

/*rangepage------------------------------------------*/
#rangePage .pageImg {
    background-image: url(../img/range/pagettl.jpg);
}
#rangeArea {
	overflow: hidden;
	padding-bottom: 0;
}
#useArea {
	overflow: hidden;
}
.rangeTop {
	max-width: 1500px;
}
.rangeBox {
  position: relative;
  z-index: 5;
}
.rangeBox .ttl {
	font-size: 32px;
	letter-spacing: .075em;
	text-indent: .075em;
}
#rangePage .namingTxt {
  background: url("../img/range/txt_bg.jpg") center center no-repeat;
	background-size: cover;
  margin-top: 80px;
	padding: 80px 10px;
}
.rangeBox .namingTxt span.mt15 {
	margin-top: 15px!important;
}
.blackBox {
  background-color: #000;
  color: #fff;
  padding: 100px 0;
	margin-top: 80px;
}
.blackBoxTtl .ttl {
  font-size: 32px;
  margin-bottom: 50px;
}
.blackBoxTtl .txt {
  font-size: 26px;
  margin-bottom: 100px;
}
.blackBoxItem._02 {
  margin-top: 80px;
}
.blackBoxItem .txtCont {
  width: 41%;
  padding-left: 45px;
  text-align: left;
}
.blackBoxItem._02 .txtCont {
  width: 26%;
  padding-left: 0;
  padding-right: 45px;
}
.blackBoxItem .txtCont .ttl {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.blackBoxItem .txtCont .txt {
  font-size: 16px;
  line-height: 1.7;
}
.blackBoxItem figure {
  width: 54%;
}
.blackBoxItem._02 figure {
  width: 69%;
}
#facilityArea .tbl table {
  width: 850px;
  margin: 0 auto; 
}
#facilityArea .tbl table td {
  text-align: left;
  padding-left: 80px;
}
#priceArea {
  background-color: #e8e8e8;
}
.priceBox {
  background-color: #fff;
}
.priceBox .container {
  max-width: 1000px;
  padding: 80px 0;
}
.freeTxt {
  border: 1px solid #000;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 20px;
  margin-bottom: 30px;
}
.priceBox .txt {
  margin-bottom: 30px;
}
.priceBox .tbl thead th {
  background-color: #4d4d4d;
  color: #fff;
	font-weight: 600;
}
.priceBox .tbl thead th.junior {
  background-color: #808080;
}
.tblLeft {
  width: 37%;
}
.tblLeft table {
  margin-bottom: 40px;
}
.tblRight {
  width: 60%;
}
.tblRight .txt {
  margin-top: 10px;
}
.ticketCont {
  background-color: #e8e8e8;
  padding: 25px;
}
.ticketCont dt {
  background-color: #fff;
  padding: 25px;
  width: 320px;
  font-size: 20px;
  font-weight: bold;
  margin-right: 85px;
}
.ticketCont dt span {
  font-size: 18px;
}
.ticketCont dd span {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 18px;
}
.ticketCont dd span::before {
  content:"●";
  display: inline-block;
  color: #000;
  padding-right: 10px;
}
#useArea ._1000 {
  max-width: 1000px;
  padding: 0 30px;
}
.useWrap {
  text-align: left;
}
.useWrap  dt {
  width: 38%;
}
.useWrap  dd {
  width: 55%;
}
.useWrap h3 {
  font-size: 22px;
  padding-bottom: 40px;
  border-bottom: 1px solid #000;
  margin-bottom: 40px;
}

/*satisfactionpage------------------------------------------*/
#satisfactionPage .pageImg {
    background-image: url(../img/satis/pagettl.jpg);
}
#satisfactionArea ._1300 {
  max-width: 1300px;
}
.satisfactionWrap {
  background-color: #fff;
  padding: 60px 100px;
  text-align: left;
  margin-top: 60px;
}
.satisfactionWrap ._col2 .satisfactionBox {
  width: 48%;
}
.satisfactionBox {
  margin-bottom: 60px;
}
.satisfactionBox dt {
  padding-right: 20px;
}
.satisfactionBox dt h3 {
  font-size: 32px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #000;
  position: relative;
	line-height: 1.4;
	letter-spacing: -.075em;
}
.satisfactionWrap dt .txt {
	color: #4d4d4d;
}
.satisfactionWrap ._col2 h3 {
  font-size: 28px;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.satisfactionBox dt h3::after {
  content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 18%;
	border-bottom: 2px solid #000;
}	
.satisfactionWrap ._col2 dt {
  width: 47%;
}
.satisfactionWrap ._col2 dd {
  width: 48%;
}
.suggestion {
  font-size: 18px;
  border: 1px solid #000;
  padding: 20px;
  text-align: center;
  margin-top: 20px;
}

/*schedule--------------------------------------------------------*/
#schedulePage .pageImg {
	background-image: url(../img/schedule/pagettl.jpg);
}
.scheduleWrap {
	background: #fff;
	padding: 50px 10%;
}
#competitionList {
  max-width: 950px;
  margin: 0 auto; 
}
.compMainImg {
  margin-bottom: 65px;
}
#competitionList .tbl {
    margin-bottom: 60px;
}
.qtip-titlebar,
.qtip-content {
  display: none!important;
}

/*schedulepopup--------------------------------------------------------*/
#eventDetailPage {
  background: #000;
}
#subPage.scheduleBody .lity-container {
  max-width: 720px;
}
.eventDetail {
	padding: 15px;
  color: #fff;
}
.fc-row .fc-content-skeleton {
  height: 168px;
  min-height: 4em;
}

#eventTtl {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.eventContents {
  margin: 0 auto;
  text-align: left;
}
.eventContents.d-flex dt,
.eventContents dd {
  padding: 5px 10px;
  width: 50%;
  border: 1px solid #808080;
}
.eventContents.d-flex dt {
  background:#4d4d4d;
}
.eventDateWrap {
  margin-bottom: 15px;
}
.eventDateWrap
.eo-fullcalendar .fc-view>table>thead {
  background: #4d4d4d!important;
  color: #fff;
}
.fc-unthemed th {
  padding: 10px 0;
}
.fc-ltr .fc-basic-view .fc-day-number {
  text-align: left!important;
  position: relative;
  padding-left: 10px!important;
  font-family: fot-tsukuaoldmin-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.eo-fullcalendar .fc-view-container .fc-view table tbody .fc-widget-content .fc-day-grid-container .fc-day-grid .fc-row .fc-content-skeleton table thead .fc-sun {
color: #e70000;
}
.fc-day-grid-event {
  margin: 0!important;
}
a.fc-event {
  pointer-events: none;
}
.category-weekend,
.category-specialday,
.category-campaign {
  padding: 3px!important;
  text-align: center;
  left: 0;
}
a.fc-event.category-comp {
  box-sizing: border-box;
  pointer-events: inherit;
  border-radius: 5px;
  width: 90%;
  margin: 5px auto!important;
  border: 1px solid #000!important;
  padding: 5px 10px;
  text-align: center;
}
a.fc-event.category-comp:hover {
  background: #000!important;
  color: #fff!important;
}
a.fc-event.category-comp.category-campaign {
	background-color: #daddff!important;
	border-color: #daddff!important;
	color: #000000;
}
.eo-fullcalendar .fc-view>table>thead {
	background: #4d4d4d!important;
	color: #fff;
}
.fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed hr, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
	border-color: #4d4d4d!important
}
.fc-content-skeleton table tr:nth-child(2) td.fc-event-container a.category-weekend,
.fc-content-skeleton table tr:nth-child(2) td.fc-event-container a.category-specialday,
.fc-content-skeleton table tr:nth-child(2) td.fc-event-container a.category-campaign{
}
.eo-fullcalendar .fc-toolbar {
	margin-bottom: 30px!important;
}
.fc-toolbar .fc-center {
	line-height: 1;
}
.fc-toolbar h2 {
  font-size: 35px!important;
  font-family: fot-tsukuaoldmin-pr6n, sans-serif!important;
  font-weight: 300!important;
  font-style: normal!important;
}
.fc-content .fc-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.fc button {
  border: 1px solid #000;
  background: none;
  cursor: pointer;
  padding: 10px 30px!important;
  border-radius: 6px!important;
}
.fc button .fc-icon {
    position: relative;
    top: 0!important;
}
.fc button:hover {
	background: #f1f1f1;
}
.fc-icon {
  height: auto!important;
  font-size: 18px!important;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",'Noto Sans JP', sans-serif ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana!important;
}
.fc-icon-left-single-arrow:after {
  content: "＜ 前の月へ"!important;
  font-weight: normal!important;
}
.fc-icon-right-single-arrow:after {
  content: "次の月へ >"!important;
  font-weight: normal!important;
}
ul.eo-upcoming-dates {
	display: flex;
	flex-wrap: wrap;
}
ul.eo-upcoming-dates li {
	padding: 2px 5px;
	width: 25%;
	text-align: left;
	border: 1px solid #333;
}
#schedulePage .category-dayoff,
#schedulePage .category-espdayoff {
	height: 138px;
	padding-top: 5px
}
.eo-fullcalendar-reset.fc-unthemed .fc-today {
	z-index: -1
}
/*restaurant--------------------------------------------------------*/
#restaurantPage section {
	overflow: hidden;
}
#restaurantPage .pageImg {
    background-image: url(../img/restaurant/pagettl.jpg);
}
._1300 {
  max-width: 1300px;
}
.hotelWrap .ttl {
  font-size: 36px;
  margin-bottom: 30px;
}
.hotelWrap .namingWrap {
  margin-top: 65px;
}
.hotelWrap .namingBox {
  width: 37.5%;
  flex-direction: column;
  font-size: 25px;
  line-height: 2.1;
  letter-spacing: .15em;
  margin-top: -110px;
}
.hotelWrap .namingBox .txt01 {
  margin-left: 80px;
}

#blackArea {
  background-color: #000;
  padding: 150px 0 130px;
  color: #fff;
  text-align: left;
}
.blackWrap .ttl {
  font-size: 36px;
  margin-bottom: 55px;
}
.blacWrap .txt {
  font-size: 16px;
/*  margin-bottom: 100px;*/
}
.blackWrapItem._02 {
  margin-top: 90px;
}
.blackWrapItem .txtCont {
	line-height: 1.7;
  padding-left: 80px;
  width: 33%;
}
.blackWrapItem._02 .txtCont {
  width: 27%;
  padding-left: 0;
}
.blackWrapItem .txtCont .ttl {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 40px;
}
.blackWrapItem.txtCont .txt {
  font-size: 16px;
  line-height: 1.5;
}
.blackWrapItem figure {
  width: 74%;
  height: 362px;
  margin-right: -10%;
}
.blackWrapItem._02 figure {
  width: 75%;
  height: 380px;
  margin-left: -7%;
  margin-right: 0;
}
#menuArea {
  background-color: #efefe8;
}
.menuWrap {
  background-color: #fff;
  margin-bottom: 60px;
}
.menuWrap:last-of-type {
  margin-bottom: 0;
}
.menuWrap .container {
  max-width: 1000px;
  padding: 100px 0;
}
.menuWrapTtl {
	color: #4d4d4d;
  font-size: 42px;
  margin-bottom: 15px;
}
.menuWrapTxt {
  color: #808080;
  font-size: 16px;
  margin-bottom: 70px;
}
.menuItem {
  width: 48.5%;
  text-align: left;
  margin-bottom: 70px;
}
.menuItem .txt {
	color: #4d4d4d
}
.menuItem figure {
  margin-bottom: 25px;
}
.menuItemTtl {
	align-items: flex-start;
  margin-bottom: 10px;
}
.menuItemTtl h4 {
  font-size: 26px;
}
.menuItemTxt {
  margin-bottom: 15px;
  font-size: 20px;
	line-height: 1.3
}
.menuItem .price {
  font-size: 20px;
	line-height: 1.8;
	white-space: nowrap;
	margin-left: 10px;
}
.lunchBox {
  padding: 70px 74px 60px;
  border: 1px solid #000;
}
.lunchBox .menuItem {
  margin-bottom: 0;
}
.recommendBox {
  padding: 0 75px;
}
.menuWrap ._1100 {
  max-width: 1100px;
}
.grandBox {
  text-align: left;
}
.grandBox dt,
.grandBox .menuHead {
  width: 20%;
  padding-left: 30px;
}
.grandBox .menuWrapTtl {
  font-size: 32px;
  margin-bottom: 10px;
}
.grandBox dd,
.onlyTxt {
  width: 80%;
  padding: 0 30px 0 50px;
  border-left: 1px solid #000;
}
.grandBox:last-of-type .onlyTxt {
	padding-bottom: 0;
}
.grandBox .menuItem {
  width: 47.5%;
}
.recommendBox .menuItemTtl h4,
.grandBox .menuItemTtl h4 {
  font-size: 22px;
}
.onlyTxt {
  padding-bottom: 70px;
}
.onlyTxt li {
  width: 47.5%;
  font-size: 17.5px;
  margin-bottom: 10px;
}
.drinkTtl {
  background-color: #efefef;
  padding: 5px 10px;
}
.drinkTtl:not(:first-of-type) {
  margin-top: 35px;
}
.drinkCont li {
  width: 100%;
	max-width: 520px;
}
.drinkCont .drinkTtl {
  max-width: 100%;
}
.inTax {
  font-size: 15px;
  color: #4d4d4d;
  margin-top: 25px;
}

/*course--------------------------------------------------------*/
#coursePage .pageImg {
  background-image: url("../img/courses/pagettl.jpg");
}
.courseAreaTxt {
  margin-bottom: 50px;
}
.numtxt {
	display: inline-flex;
	align-items: center;
	margin-right: 5px;
}
.numtxt span {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: 400;
	display: block;
	color: #fff;
	background: #b5617e;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
}
.numtxt span:nth-of-type(even) {
	background: #5368c0;
}
#coursePage .courseMap {
  margin: 0 auto;
  width: 95%;
  position: relative;
  font-size: 22px;
  white-space: nowrap;
  line-height: 1;
}
.courseMap .mapAnchor01 li {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  z-index: 10;
  white-space: nowrap;
  font-size: 95%;;
}
.ballImg {
  position: absolute;
  width: 134px;
  height: 130px;
  top: 0;
  left: 6%;
  
}
.courseMap .mapAnchor01 li:nth-of-type(1) {
  bottom: 66.6%;
  left: 49.5%;
}
.courseMap .mapAnchor01 li:nth-of-type(2) {
  bottom: 55.5%;
  right: 40%;
}
.courseMap .mapAnchor01 li:nth-of-type(3) {
  bottom: 37%;
  right: 21%;
}
.courseMap .mapAnchor01 li:nth-of-type(4) {
  bottom: 45.6%;
  right: 19%;
}
.courseMap .mapAnchor01 li:nth-of-type(5) {
  bottom: 48.6%;
  right: 33.6%;
}
.courseMap .mapAnchor01 li:nth-of-type(6) {
  bottom: 61%;
  right: 35.6%;
}
.courseMap .mapAnchor01 li:nth-of-type(7) {
  top: 22.6%;
  right: 32%;
}
.courseMap .mapAnchor01 li:nth-of-type(8) {
  top: 20.8%;
  right: 41.4%;
}
.courseMap .mapAnchor01 li:nth-of-type(9) {
  bottom: 62.3%;
  left: 45.6%;
}
.courseMap .mapAnchor01 li:nth-of-type(10) {
  bottom: 26%;
  left: 41.3%;
}
.courseMap .mapAnchor01 li:nth-of-type(11) {
  bottom: 39%;
  left: 31.1%;
}
.courseMap .mapAnchor01 li:nth-of-type(12) {
  bottom: 47.3%;
  left: 22.1%;
}
.courseMap .mapAnchor01 li:nth-of-type(13) {
  bottom: 34.9%;
  left: 25.3%;
}
.courseMap .mapAnchor01 li:nth-of-type(14) {
  bottom: 13.2%;
  left: 26.3%;
}
.courseMap .mapAnchor01 li:nth-of-type(15) {
  bottom: 32%;
  left: 34.6%;
}
.courseMap .mapAnchor01 li:nth-of-type(16) {
  bottom: 49%;
  left: 37.8%;
}
.courseMap .mapAnchor01 li:nth-of-type(17) {
  top: 27.4%;
  left: 35.1%;
}
.courseMap .mapAnchor01 li:nth-of-type(18) {
  bottom: 61.5%;
  left: 39.7%;
}

.courseMap .mapAnchor01 a {
  display: block;
  color: #fff;
  background: #b5617e;
  border-radius: 50%;
}
.courseMap .mapAnchor01 a.ancBlue {
  background: #5368c0;
}
.courseMap .mapAnchor01 a:hover {
	background: #333;
	box-shadow: 0 0 5px rgba(0,0,0,.6);
}
.courseTbl { 
  width: 48.5%;  
}
.courseTbl.tbl thead th {
  background: #4d4d4d;
  color: #fff;
  width: 16.6%;
}
.courseTbl.tbl tbody th {
  background: #b5617e;
  color: #fff;
}
.courseTbl.tbl tbody th a {
	display: block;
  text-decoration: underline;
  color: #fff;
	padding: 3px 0;
	transition: .4s;
}
.courseTbl.tbl tbody th a:hover {
	text-decoration: none;
	background: #f9ff66;
	color: #000;
	font-weight: 600;
	transform: scale(1.1);
}
.courseTbl.tbl th, .courseTbl.tbl td {
  border: 1px solid #a3a3a3;
  padding: 6px 5px;
}
.courseTbl.tbl .total th,
.courseTbl.tbl .total td {
  background-color: #4d4d4d;
  color: #fff;
  text-decoration: none;
}
.inTbl.tbl tbody th,
.mapTbl .courseTbl.inTbl thead th {
  background: #53689a;
}
.btmTbl {
  margin-top: 50px;
}
.btmTbl .courseTbl {
  width: 41%;
} 
.btmTbl .rateTbl {
  width: 56.5%;
} 
.btmTbl thead th {
  width: 20%;
}
.btmTbl .tbl thead td {
  background-color: #fff;
}
.btmTbl .courseTbl.tbl thead th.ttl {
  background: #e3e3e3;
  color: #000;
}
.courseTbl.rateTbl thead th {
  width: 14.5%;
}
.courseTbl.rateTbl thead th.ttl {
  width: 27.5%;
}
.greyBg {
  background: #eeeeee;
}
.courseWrap {
  background-color: #fff;
  padding: 70px 50px;
}
.inCourse {
  margin-top: 55px;
}
.courseWrap h3.ttl {
  font-size: 44px;
  margin-bottom: 10px;
}
.courseWrap h3.ttl + .txt {
	font-size: 20px;
}
.courseWrap p.ttl {
  font-size: 20px;
  margin-bottom: 50px;
} 
.mapTbl .courseTbl {
  width: 100%;
  margin-top: 40px;
}
.mapTbl .courseTbl thead th {
  width: 11%;
  background: #b5617e;
  color: #fff;
  font-size: 15px;
  padding: 0;
}
.mapTbl .courseTbl thead th span,
.mapTbl .courseTbl tbody td span {
  font-size: 28px;
}
.mapTbl .courseTbl tbody td {
  font-size: 15px;
}
.mapTbl .courseTbl tbody td a {
	display: block;
	border: 3px solid transparent;
	overflow: hidden;
	padding: 3px;
}
.mapTbl .courseTbl tbody td a:hover {
	border-color: #FFA600;
}
.mapTbl .courseTbl tbody td a img {
	transition: .4s;
}
.mapTbl .courseTbl tbody td a:hover img {
	transform: scale(1.1);
	opacity: 1;
}
/* .fo-georgia {
	font-family: Georgia,Times,Times New Roman,serif;
	line-height: .8;
	font-weight: 300; 
}
*/
#courseFeaturesArea {
	overflow: hidden;
  background: #000;
}
#courseFeaturesArea .secTtl .fo-mincho,
#courseFeaturesArea .secTtl {
  color: #fff;
}
.featuresTxt {
  color: #fff;
  margin-bottom: 70px;
}
.featuresImg {
  height: 420px;
  background: url("../img/courses/featuresimg01.jpg") center center no-repeat;
  padding: 90px 0;
  text-align: left;
  background-size: cover;
}
.featuresImg .ttlBox {
  color: #fff;
  font-size: 35px;
  line-height: 1;
}
.featuresImg .ttlBox span {
  font-size: 78px;
  display: block;
}
.featuresImg .ttlBox p {
  color: #fff;
  font-size: 18px;
  background-color: #000;
  padding: 15px 20px;
}
.featuresImg .txtBox {
  width: 45%;
  background-color: #fff;
  padding: 25px;
	letter-spacing: -.01em;
  font-size: 90%;
	color: #333;
}
.featuresImg._02 {
	background-image: url("../img/courses/featuresimg02.jpg") ;
	margin-top: 20px;
}
#courseDesign {
	overflow: hidden;
}
.designWrap {
  position: relative;
  z-index: 1;
}
.courseImage {
  width: 50%;
  position: relative;
}
.courseImage::before {
	background: url(../img/courses/courseimg01.jpg) right center no-repeat;
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 50vw;
	min-width: 1000px;
	z-index: -1;
}
.designWrap._02 .courseImage::before {
	background-image: url(../img/courses/courseimg02.jpg);
	background-position: left center;
  left: 0;
}
.courseBox {
	text-align: left;
  width: 45%;
  font-size: 90%;
}
.courseItem {
	padding: 20px 0 10px;
}
.courseItem:not(:first-of-type) {
	border-top: 1px solid #d6d6d6;
	padding-top: 20px;
	margin-top: 10px;
}
.courseBox h3 {
  font-size: 20px;
	letter-spacing: -.03em;
  margin-bottom: 15px;
}
.courseBox .txt {
	color: #333;
	letter-spacing: -.05em;
}
.courseBox._02 {
	width: 100%;
	margin: 80px 0;
}
.courseBox._02 .courseItem {
	margin: 0;
	padding: 25px 0;
	width: 50%;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	padding-right: 4%;
}
.courseBox._02 .courseItem:nth-of-type(-n+2) {
	border-top: none;
	padding-top: 10px;
	padding-bottom: 25px;
}
.courseBox._02 .courseItem:nth-of-type(even) {
	border-right: none;
	padding-left: 4%;
	padding-right: 0;
}
.coursesAnc {
	position: fixed;
	transition: .2s;
	bottom: 30%;
	right: 0;
	z-index: 99;
	width: 165px;
}
.coursesAnc.act {
	opacity: 0;
	visibility: hidden;
}
.coursesAnc li {
	font-size: 90%;
	line-height: 1.3;
}
.coursesAnc li a {
	background: #333;
	color: #bcbcbc;
	display: block;
	padding: 45px 5px 20px;
	position: relative;
	border: 1px solid #fff;
	transition: .2s;
}
.coursesAnc li:nth-of-type(2) a {
	padding: 20px 5px 45px;
	border-top: none;
}
.coursesAnc li a::after {
	content: "";
	display: block;
	background: url("../img/anc_arrow.png") center center no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: 13px;
	margin: 0 auto;
}
.coursesAnc li:nth-of-type(1) a::after {
	top: 13px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.coursesAnc .ttl {
	color: #fff;
	font-size: 22px;
	line-height: 1;
	margin-top: 15px;
}
.coursesAnc .txt {
	position: relative;
	display: inline-block;
	border: 1px solid #bcbcbc;
	padding: 0 7px;
}
.coursesAnc .txt::before,.coursesAnc .txt::after {
	content: "";
	width: 90%;
	height: 4px;
	background: #333;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -2px;
	z-index: 1;
	transition: .2s;
}
.coursesAnc .txt::after {
	top: auto;
	bottom: -2px;
}
.coursesAnc li a:hover,
.coursesAnc li a:hover .txt::before,
.coursesAnc li a:hover .txt::after {
	background: #000;
}


/*coursedetail--------------------------------------------------------*/
#holeDetailPage .pageTtlArea {
	display: none;
}
#holeArea {
	overflow: hidden;
}
#holeArea > .container {
  padding: 120px 0 80px;
  background-color: #fff;
}
.holeWrap {
  max-width: 850px;
  margin: 0 auto;
  position: relative;
}
.holeCont {
  width: 53%;
}
.holeNum {
	color: #333;
  font-size: 65px;
  font-weight: normal;
  padding-bottom: 40px;
  border-bottom: 1px solid #000;
  margin-bottom: 80px;
  line-height: 1;
  position: relative;
}
.holeNum::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1.5px;
	width: 60%;
	border-bottom: 1.5px solid #000;
}
.holeNum span {
  font-size: 148px;
}
.parYard {
	color: #333;
  font-size: 80px;
  margin-bottom: 80px;
}
.parYard span {
  font-size: 42px;
}
.holeWrap figure {
  position: absolute;
  top: 0;
  right: 0;
}
.ratingItem {
  background-color: #ebebeb;
  padding: 30px 20px 20px;
}
.ratingItem .ttl {
  margin-bottom: 30px;
}
.ratingItem .tbl {
	margin-bottom: 0;
}
.ratingItem .tbl thead th {
  background: #4d4d4d;
  color: #fff;  
}
.ratingItem .tbl th,
.ratingItem .tbl td {
  border: 1px solid #e3e3e3;
}
.ratingItem .tbl td {
  background: #fff;
}
.holeComment {
  border: 1px solid #808080;
  padding: 30px;
  margin: 70px 0;
  text-align: left;
}
.holeSlide {
  margin-bottom: 10px;
}
.holeThumb .slick-track {
  padding-left: 5px;
}
.holeThumb .slick-slide:not(:last-of-type)  {
  padding-right: 10px;
}
.pointBox {
  background-color: #ebebeb;
  padding: 30px;
  margin: 65px 0;
}
.pointBox dt {
  font-size: 40px;
  padding-right: 45px;
}
.sketchfab {
  position: relative;
  z-index: 1;
}
.sketchfab .holeTtl {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  background-color: #fff;
  border: 1px solid #fff;
}
.sketchfab .holeTtl dd {
  background-color: #000;

  font-size: 26px;
  color: #fff;
  padding: 5px 10px;
}
.sketchfab .holeTtl dd span {
  font-size: 60px;
	line-height: 1.1;
}
.sketchfab-embed-wrapper02 {
  background: url("../img/courses/hole/3d_bak02.jpg") no-repeat center top;
  margin: 0 auto;
  height: 585px;
}
.course3d {
  background-color: #333333;
  padding: 15px;
  color: #fff;
}
.zoomInBtn {
	font-size: 20px;
  margin-top: 45px;
}
.zoomInBtn a,
button.closeBtn {
  width: 260px;
  margin: 0 auto;
  display: flex;
	justify-content: center;
	align-items: center;
  background-color: #000;
  color: #fff;
  padding: 15px 0;
}
button.closeBtn {
	border: 1px solid #fff!important;
}
.zoomInBtn a::after,
button.closeBtn::after {
	content: "";
	background: url("../img/courses/hole/zoomin.png") center center no-repeat;
	width: 16px;
	height: 20px;
	display: inline-block;
	vertical-align: sub;
	padding-left: 20px;
	background-size: contain; 
}
button.closeBtn::after {
  background-image: url("../img/courses/hole/closebtn.png")
}
#holeDetailPage .pageSet a {
  background-color: #000;
  display: block;
  padding: 10px 40px;
  color: #fff;
}
#holeDetailPage .pageSet .postBack a {
  background-color: transparent;
  color: #000;
}
button.closeBtn {
  border: none; 
  margin-top: 45px;
  font-size: 16px;
  cursor: pointer;
}
.holeSlideBox {
	margin-top: 60px;
}
.holeSlide .slick-arrow {
	width: 42px;
	height: 42px;
	background-color: #6d6d6d;
	border-radius: 50%;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: -50px;
	margin: auto;
  cursor: pointer;
}
.holeSlide .slick-arrow.prev {
  right: auto;
  left: -50px;
  transform: rotate(180deg);
}
.holeSlide .slick-arrow::after {
  content: "";
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
}
.holeThumb .slick-slide {
  cursor: pointer;
}


/*login-------------------------------------*/
#loginArea {
	background: url("../img/members/login_bg.png") center center no-repeat;
	background-size: cover;
	color: #fff;
}
.loginArea {
	max-width: 555px;
	border: 1px solid #fff;
	padding: 40px 15px;
}
input[name="post_password"] {
	padding: 5px;
	font-size: 115%;
	width: 100%;
	max-width: 370px;
	margin-top: 20px;
}
.passTxt {
	margin-bottom: 20px;
	font-weight: 500;
}
.passTxt + .txt {
	font-size: 160%;
}
#passBtn {
	border: 1px solid #fff;
	background: transparent;
	margin: 30px auto 0;
	padding: 10px;
}


/*ieハック*/
@media screen\0  {
}

/*********************************/
/* タブレット用のスタイル記述 */
/*********************************/
@media screen and (max-width: 1350px) {
	#nav {
		font-size: 90%;
	}
	.subNav {
		margin-left: 10px;
	}
	.subNav li {
		margin: 0 5px;
	}
	.nav > li {
		margin: 0 5px;
	}
}
@media screen and (max-width: 1250px) {
	.fNav > ul:not(:first-of-type) {
		margin-left: 30px;
	}
	.fNavRht {
		margin-left: 20px;
	}
	.topNav a {
		font-size: 1.12vw;
	}
	.pagetop {
		right: 0;
	}
	.membersContentsArea {
		padding: 60px 50px;
	}
}
@media screen and (max-width: 1150px) {
	body.active {
		overflow: hidden;
	}
	/*header-------------------------------------*/
	#header {
		z-index: 9999;
		background: transparent;
	}
	.headerWrap {
		width: 100%;
		padding: 13px 5%;
		position: relative;
	}
	#header.scrollClass .headerWrap,body.active .headerWrap {
		background: #fff;
	}
	.hLogo {
		position: relative;
		z-index: 99;
		width: 140px;
		height: 24px;
		background: url("../img/logo_white.svg") left top no-repeat;
		background-size: auto 100%;
		transition: .1s;
	}
	.hLogo img {
		display: block;
		max-height: 24px;
		opacity: 0;
		transition: .1s;
	}
	#subPage .hLogo img {
		opacity: 1!important;
	}
	#header.scrollClass .hLogo,body.active .hLogo,#subPage .hLogo {
		background: none;
	}
	#header.scrollClass .hLogo img,body.active .hLogo img {
		opacity: 1;
	}
	.menuIcon {
		display: block;
	}
	.menuIcon {
		position: fixed;
		top: 14px;
		right: 5%;
		width: 30px;
		height: 22px;
		z-index: 9990;
		cursor: pointer;
		display: block;
	}
	.menuIcon span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #fff;
		z-index: 10;
		transition: .2s;
	}
	#header.scrollClass .menuIcon span,body.active .menuIcon span,#subPage .menuIcon span {
		background: #000;
	}	
	.menuIcon span:nth-of-type(1) {top: 0px;}
	.menuIcon span:nth-of-type(2) {top: 10px;	}
	.menuIcon span:nth-of-type(3) {bottom: 0px;	}
	.menuIcon.active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.menuIcon.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menuIcon.active span:nth-of-type(3) {
		-webkit-transform: translateY(-10px) rotate(-45deg);
		transform: translateY(-10px) rotate(-45deg);
	}
	#nav {
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease-in-out;
		overflow-y: auto;
		overflow-x: hidden;
	 -webkit-overflow-scrolling: touch;
		background: rgba(0,0,65,.85);
		padding: 80px 5% 10px;
		z-index: -1;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	#nav.active {
		right: 0;
		opacity: 1;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}
	.nav {
		margin: 20px auto 15px;
		padding: 5px 15px;
		height: auto;
		display: block;
		width: 100%;
		overflow: auto;
		background: #fff;
	}
	.nav > li {
		list-style-type: none;
		width: 100%;
		text-align: left;
		margin: 0;
	}
	.nav b {
		padding: 10px 0;
		font-size: 15px;
		color: #333;
	}
	.drop b {
		display: inline-block;
		padding-right: 20px;
	}
	.drop b::after,.drop b::before {
		content: "";
		width: 11px;
		height: 1px;
		background: #333;
		position: absolute;
		left: auto;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		transition: .2s;
	}
	.drop b::before {
		width: 1px;
		height: 11px;
		right: 5px;
		opacity: 1;
	}
	.drop b.open::before {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}
	.dropWrap {
		position: relative;
		padding: 10px 0 0 20px;
		background: #fff;
	}
	.dropWrap::before {
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		background: #eee;
		position: absolute;
		left: 5px;
		top: 0;
	}
	.dropCont {
		width: 100%;
		display: block;
	}
	.menuTtl {
		display: none;
	}
	.dropmenu {
		padding: 0;
		width: 100%;
	}
	.dropmenu li {
		margin: 0;
		width: 50%;
	}
	.dropmenu a {
		font-size: 14px;
		color: #333;
		background-image: url("../img/arrow.svg");
		background-size: auto 7px;
		background-position: top .88em left;
		padding: 8px 5px 8px 10px;
	}
	.subNav {
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 10px 0;
	}
	.subNav li {
		margin: 0 12px;
		font-size: 14px;
	}
	.subNav li:nth-child(-n+2) {
		border-top: none;
	}
	.subNav li:nth-of-type(even) {
		border-right: none;
	}
	.subNav a {
		color: #fff;
	}
	.scl {
		width: 100%;
		margin-bottom: 10px;
		display: flex;
    justify-content: space-between;
    align-items: center;
		padding: 0 10px;
	}
	.scl li:first-of-type {
		margin-left: 0;
	}
	.scl img {
		max-height: 25px;
	}
	.scl img.onlypc {
		display: none;
	}	
	.scl img.onlysp {
		display: block;
	}
	.spNav {
		display: flex;
	}
	.spNav a {
		display: block;
		color: #fff;
		margin-right: 10px;
		font-size: 14px;
	}
	.spEngBtn {
		display: block;
		margin-right: 45px;
	}
	.gardenContBox dt {
		margin-bottom: 15px;
	}
	.spEngBtn a {
		font-size: 12px;
		color: #fff;
		display: block;
		line-height: 1;
    background: #a3a3a3;
    padding: 6px 10px;
	}
}
@media screen and (max-width: 1050px) {
	.fLft {
		margin: 0 auto;
	}
	.fNavRht {
		width: 100%;
		margin: 60px auto 0;
	}
	.gardenTtl {
		max-height:none;
		margin-bottom: 0;
	}
	.gardenContBox {
		padding: 15px;
	}
	.gardenContBox h3 {
		font-size: 2.8vw;
	}
}
/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 620px) {
/*全体レイアウト
------------------------------------------------*/
	body {
		font-size: 14px;
	}
	article > section {
		padding: 60px 0;
	}
	/*header-------------------------------------*/
	.nav {
		max-height: 495px;
	}
	.dropmenu a {
		font-size: 3.75vw;
		line-height: 1.3;
	}
	/*footer----------------------------------------*/
	.pagetop {
		width: 36px;
		height: 36px;
		top: -18px;
	}
	.pagetop::after {
		top: 16px;
	}
	.footerWrap {
		font-size: 90%;
		display: block;
		padding: 50px 0 20px;
	}
	.fLogoWrap {
		margin-bottom: 30px;
	}
	.fLogo {
		width: 65%;
	}
	.fLogo img {
		width: 100%;
		height: auto;
	}
	.footerWrap .scl {
		width: 30%;
		margin: 0;
	}
	.fBox li {
		margin-top: 15px;
	}
	.fBox .txt {
		width: 54%;
	}
	.fBox li._add .txt {
		font-size: 10px;
	}
	.fBox .faxnum {
		display: inline-block;
		padding-left: 0;
	}
	.fBtn {
		margin: 0;
		width: 44%;
	}
	.fLink ._member a::after {
		height: 12px;
	}
	.fNavRht {
		margin: 0;
	}
	.fNav {
		display: none;
	}
	.fNav02 {
		flex-wrap: wrap;
		padding-top: 20px;
		margin-top: 25px;
	}
	.fNav02 li {
		width: 50%;
		margin: 0;
		padding: 5px;
	}
	.copyRight {
		font-size: 80%;
	}
	/*top-layout---------------------------------------*/
	.overlay {
		left: 0;
		right: 0;
		width: 100%;
		height: 39.5vh;
	}
	.overlay._rht {
		top: 39.5vh;
		height: 60.5vh;
	}
	.overlay._lft.act {
		-webkit-animation: overlay_sp 1s forwards cubic-bezier(.2,.1,0,.9) 2.4s;
		animation: overlay_sp 1s forwards cubic-bezier(.2,.1,0,.9) 2.4s;
	}
	.overlay._rht.act {
		-webkit-animation: overlay2_sp 1s forwards cubic-bezier(.2,.1,0,.9) 2.4s;
		animation: overlay2_sp 1s forwards cubic-bezier(.2,.1,0,.9) 2.4s;
	}
	.loadLogo {
		padding: 0 12%;
	}
	#wrapper {
		display: block;
	}
	#rightArea {
		width: 100%;
	}
	.topMain.act {
		margin-top: 0;
	}
	.topMain {
		background-position: center bottom 38%;
		height: 39.5vh!important;
		min-height: inherit;
	}
	.mainLogo {
		width: 100px;
	}
	.scroll img {
		max-height: 35px;
	}
	#topContents {
    margin-top: 60.5vh!important;
		padding: 20px 0 40px;
	}
	#leftArea {
		height: 60.5vh!important;
		position: absolute;
		top: 39.5vh;
		left: 0;
		right: 0;
		width: 100%;
		min-height: inherit;
		z-index: 99;
		font-size: 3.5vw;
	}
	.leftTtlWrap {
		top: 10vh;
	}
	.leftTtl h2 {
		font-size: 320%;
	}
	.leftTtl p {
		font-size: 100%;
		margin-top: 3.5vw;
	}
	.memberBtn {
		max-width: 220px;
		margin-top: 7.5vw;
	}
	.topNav a {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 92.5%;
		line-height: 1.3;
		padding: 10px 0;
	}
	.btmNav a {
		padding: 5vw 0;
		font-size: 110%;
	}
	.topNav li span {
		display: none;
	}
	/*topContents-------------------------------------------------------*/
	.topContents > section {
		padding: 40px 0;
	}
	.topNewWrap {
		display: block;
	}
	.ttlBox {
		display: block;
		margin-bottom: 30px;
	}
	.ttlBox.d-flex p {
		margin: 10px 0 0 0;
	}
	#topNews .ttlBox {
		text-align: center;
	}
	#topNews .newsList {
		padding: 0;
		margin: 0 20px;
	}
	.newsList li {
		display: block;
	}
	.newsList li:not(:first-of-type) {
		border-top: 1px solid #f1f1f1;
		padding-top: 10px;
	}
	.newsDay {
		display: block;
		margin-bottom: 5px;
	}
	.weatherHeader {
		display: block;
	}
	.weatherHeader > a {
		display: block;
		text-align: right;
		margin: -20px 0 0;
	}
	.weatherWrap {
		display: block;
	}
	.date_container {
		justify-content: center;
	}
	.weather {
		width: 100%;
		font-size: 95%;
		margin: 15px 0 0;
	}
	.weatherDate .date {
		font-size: 255%;
	}
	.weatherIcon img {
    max-height: 40px;
	} 
	.links li {
		margin: 3px 0;
	}
	#topConcept {
		padding: 60px 0 40px;
	}
	.topConcept h2 {
		font-size: 30px;
	}
	.conceptTxt {
		margin: 40px auto 50px;
		font-size: 3.7vw;
		line-height: 2.75;
	}
	.topBtn .ttlBox {
		margin-bottom: 0;
	}
	.topBtn h2 {
		font-size: 30px;
	}
	.topBtn a {
		padding: 15vw 0;
	}
	#facilities {
		padding: 40px 0;
	}
	#facilities > .ttlBox {
		margin-bottom: 40px;
	}
	#facilities > .ttlBox h2 {
		font-size: 30px;
	}
	.facWrap {
		display: block
	}
	.facWrap li {
		width: 100%;
		height: 80vw;
		font-size: 3.95vw;
		text-shadow: 1px 1px 3px rgba(0,0,0,.8);
	}
	.facWrap li:nth-of-type(3)::before {
		background-image: url("../img/top/facilities_bg03_sp.jpg")
	}
	.facWrap li:nth-of-type(4)::before {
		background-position: top 22% center;
	}
	.facBox .ttlBox h3 {
		font-size: 220%;
	}
	.facBox .ttlBox p {
		margin-top: 10px;
	}
	.moreBtn a {
		margin-top: 35px;
	}
	.bnrsArea {
		padding: 0 0 40px;
	}
	.bnrBox {
		padding: 10px;
		margin-bottom: 40px;
	}
	.bnrBox .ttlBox {
		margin-bottom: 0;
		text-shadow: 1px 1px 3px rgba(0,0,0,.8);
	}
	.bnrBox .ttlBox h2 {
		font-size: 30px;
	}
	.ttlBox.d-flex p {
		width: 100%;
		margin-top: 5px;
	}
	.bnrBox .box {
		height: 32vw;
	}
	.bnr-recruit .box::after {
		width: 40%;
	}
	.bnr-recruit .ttlBox {
		width: 60%;
		display: flex;
		right: 0;
    bottom: 0;
	}
	.bnr-recruit .ttlBox p {
		width: auto;
		margin: 0 0 0 5px;
	}
	.bnr-recruit .box {
		height: 19vw
	}
	.bnr-recruit .ttlBox img {
    max-height: 35px;
	}
/*
	.bnr-recruit::before {
    background-image: url(../img/top/recruit_btn_sp.jpg);
	}
*/
	/*concept---------------------------------------------*/
	.pankz {
		text-align: left;
	}
	.conceptMain {
		padding: 40px 0 ;
		height: auto;
	}
	.conceptMain h2 img {
		max-height: 90px;
	}
	.conceptTopTxt {
		padding: 40px 10%;
		display: block;
		text-align: left;
		overflow: hidden;
		position: static;
		margin-top: 30px;
	}
	.conceptTopTxt h2 {
		font-size: 18px;
		font-weight: 500;
	}
	.conceptTopTxt h2::before,.conceptTopTxt h2::after {
		width: 150px;
		height: 1px;
		top: 50%;
		bottom: auto;
		left: 110%;
	}
	.conceptTopTxt h2::after {
		width: 30px;
	}
	.conceptTopTxt .txtWrap {
		font-size: 3vw;
	}
	.conceptTopTxt .txtWrap .txt {
    margin: 15px 0 0;
	}
	#concept01 {
		padding: 60px 0 0;
	}
	#naming {
		padding-bottom: 30px;
	}
	.namingWrap {
		display: block;
		margin-top: 50px;
	}
	.namingWrap figure {
		width: 90%!important;
		margin-left: auto;
	}
	.namingBox {
		width: 100%;
		justify-content: flex-start;
		margin-top: 15px;
		font-size: 3.75vw;
	}
	.namingBox h3 {
		padding: 0 0 0 2em;
		margin: 0;
		font-size: 115%;
	}
	.namingWrap._01 .namingBox .txt._01 {
		text-indent:inherit;
		padding: 0;
		text-align: right;
		margin: 10px 0 0 0;
	}
	.namingWrap._02 {
		text-align: right;
	}
	.namingWrap._02 .namingBox {
		width: auto;
		display: inline-block;
	}
	.namingWrap._02 .namingBox .txt._02 {
		text-align: left;
		margin: 0;
		text-indent:0;
		padding: 0;
	}
	.namingWrap._02 figure {
		margin: 0 auto 0 0;
	}
	.namingTxt {
		display: block;
		margin-top: 100px;
		position: relative;
		padding: 0;
		height: 52vw;
	}
	.namingTxt .txt {
		position: absolute;
		left: 5%;
		top: -5vw;
	}
	.namingTxt .txt._02 {
		left: auto;
		top: auto;
		bottom: -5vw;
		right: 5%;
	}
	.namingTxt span {
		white-space: nowrap;
		font-size: 3.2vw;
		padding: 5px;
		margin: 5px;
	}
	.namingTxt .txt._01 span:last-of-type,
	.namingTxt .txt._02 span:last-of-type{
		margin-top: 0;
	}
	.namingTxt .txt._02 {
		margin-right: 0;
	}
	.concept02Wrap {
		padding-top: 0;
	}
	.concept02Wrap:not(:first-of-type) {
    margin-top: 80px;
	}
	.concept02Wrap h2 {
		font-size: 40px;
		text-align: center!important;
	}
	.concept02Wrap .namingBox {
		position: static;
		width: 100%!important;
		margin-top: 20px;
	}
	.concept02Wrap .namingBox h3 {
		padding: 0;
		text-indent: inherit;
		margin: 0 0 10px 0!important;
	}
	.concept02Wrap .movieWrap {
		width: 100%;
		margin: 30px auto 0;
	}
	.btn-white {
		width: 100%;
		margin-top: 30px;
	}
	#symbolmark {
		padding-top: 90px;
	}
	.symbolWrap {
		padding: 0 5% 30px;
	}
	.symbolTtl {
		padding: 30px 0;
		margin: -30px auto 30px;
	}
	.symbolWrap .img img {
    max-height: 90px;
	}
	.symbol {
		display: block;
	}
	.symbolWrap .txt {
		width: 100%;
		margin: 20px 0 0;
	}
	/*garden-------------------------------------------------*/
	.pageTtlWrap {
		flex-wrap: wrap;
		display: block;
		height: auto;
		padding-top: 20px;
	}
	.pageImg {
		position: static;
		width: 100%;
		order: -1;
		height: 36vw;
		min-width: 100vw;
		margin-top: 20px;
	}
	.pageTtl {
		position: static;
		width: 100%;
	}
	.pageTtl .fo-georgia {
		font-size: 32px;
		text-shadow: 0 0 8px #fff;
		margin-bottom: 10px;
	}
	.pageTtl h2 {
		width: 100%;
		margin-top: 0;
		order: -1;
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: .05em;
	}
	.pageTtl h2.fo-mincho {
		font-size: 28px;
	}
	.secTtl {
		font-size: 16px;
		margin-bottom: 35px;
	}
	.secTtl .fo-mincho {
		font-size: 140%;
	}
	.gardenTopTxt {
		position: static;
		width: 100%;
		margin-bottom: 20px;
		display: block;
		text-align: center;
	}
	.gardenTopTxt h3 {
		font-size: 125%;
		padding: 0;
		text-indent: inherit;
		display: block;
		text-align: center;
	}
	.gardenTopTxt .txt {
    padding-top: 20px;
		text-align: left;
	}
	.gardenTopTxt .txt > span {
		display: inline;
		margin: 0;
	}
	.gardenMap {
		width: 120%;
		margin: 0 -10%;
		font-size: 1vw;
	}
	.mapAnchor li,.houseTxt {
		width: auto;
		font-size: 10px;
	}
	.houseTxt {
		right: 39%;
	}
	.mapAnchor02 li {
		font-size: 10px;
		width: 4.2vw;
		height: 4.2vw;
		line-height: 4.2vw;
	}
	.mapTxt {
		right: 10%;
		font-size: 1.4vw;
	}
	.mapTxt li {
		font-size: 10px;
		margin-left: 10px;
	}
	.mapTxt li::before {
		width: 25px;
    height: 12px;
		margin-right: 3px;
		vertical-align: -0.5em;
	}
	.mapTxt li._02::before {
		width: 12px;
		height: 12px;
	}
	.gardenArea:not(:first-of-type) {
    margin-top: 100px;
	}
	.gardenArea .container {
		padding-bottom: 40px;
	}
	.gardenArea .container::before {
		top: 70px;
	}
	.gardenWrap {
		padding: 6vw 0 0 0!important;
	}
	.gardenWrap h2 {
		position: relative;
		font-size: 8.5vw;
		margin-left: 20px;
	}
	.gardenArea:nth-of-type(even) .gardenWrap h2 {
		text-align: right;
		margin: 0 20px 0 0;
	}
	.gardenTopContents {
		position: static;
		width: 100%;
	}
	.gardenTtl{ 
		align-items: center;
		min-height: inherit;
		margin-bottom: 30px;
	}
	.gardenTtl .num {
		width: 25%;
		font-size: 26vw;
		color: #ddd;
	}
	.gardenWrap > .img {
		width: 100%;
	}
	.viewpoint {
		position: relative;
		width: 100%;
		margin-top: 35px;
		padding: 35px 15px 15px 10px;
	}
	.viewpoint h3 {
		left: 25px;
		right: auto;
	}
	.gardenArea:nth-of-type(even) .viewpoint h3 {
		left: auto;
		right: 25px;
	}
	.gardenArea:nth-of-type(even) .viewpoint {
		margin-left: auto;
	}
	.gardenContents {
		margin-top: 20px;
	}
	.gardenBox {
		padding: 30px 5%;
		display: block;
	}
	.gardenBox dt {
		width: 100%;
		justify-content: center;
	}
	.gardenBox dd {
		width: 100%!important;
		margin-top: 20px;
	}
	.gardenGallery li img {
		width: 100%;
		height: auto;
	}
	.gardenBox h3,.gardenContBox h3 {
		font-size: 22px;
	}
	.gardenContBox  .num {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-right: 15px;
	}
	.gardenBox dd .img,.gardenBox dd.d-flex .txt {
		width: 100%;
	}
	.gardenBox dd.d-flex .txt {
		padding: 15px 0 0 0;
	}
	.gardenContBox {
		padding: 15px;
		margin-bottom: 20px;
	}
	.gardenContBox dt {
		margin-bottom: 15px;
	}
	.gardenGallery {
		margin-top: 20px;
	}
	.gardenPic {
		margin-top: 20px;
	}
	.gardenPic02 {
		margin-top: 20px;
		width: 100%;
		max-width: 100%;
		min-height: 38vw;
	}
	/*price-------------------------------------*/
	.priceList {
		padding: 40px 5%;
	}
	.priceList > .txt.mb50 {
		margin-bottom: 20px;
	}
	.contTtl {
		font-size: 18px;
	}
	.priceWrap h3:not(:first-of-type) {
		margin-top: 50px;
	}
	.priceWrap .tit {
		line-height: 1.5;
		margin-bottom: 5px;
	}
	.tbl {
		background: url("../img/spscroll.png") top center no-repeat;
		background-size: contain;
		padding-top: 14vw;
	}
	.tbl table {
		width: 570px;
	}
	.tbl th, .tbl td {
		font-size: 90%;
		padding: 7px 5px;
	}
	.tbl.payment {
		background: none;
		margin-top: 50px;
		margin-bottom: 0;
		padding: 0;
	}
	.payment table {
		width: 100%;
	}
	.tbl.payment th,
	.payment td {
	display: block;
	width: 100%;
	}
	.tbl.payment th,
	.payment td {
		padding: 15px;
	}
	.btnWrap  {
		margin-top: 40px;
	}
	.btnWrap a {
		width: 100%;
		margin: 0 0 30px 0;
		font-size: 16px;
	}
	.btnWrap a::after {
		width: 8px;
		height: 18px;
		margin-left: 15px;
	}
	/*access-------------------------------------*/
	.accessTop {
		padding: 0;
	}
	.accessTop h2 {
		font-size: 18px;
		text-align: center;
		position: static;
		margin: 0 auto 30px;
	}
	.gmap {
		height: 45vw;
	}
	.accessCont {
		display: block;
		margin-top: 15px;
	}
	.gmapBtn a {
		max-width: 260px;
		margin: 15px auto 0;
	}
	.accessTime {
		display: block;
	}
	.accessTime p {
		text-align: left;
	}
	.accessTime span {
		width: 160px;
		background-size: auto 1px;
	}
	#accessArea .txtWrap p {
		width: 49%;
		font-size: 85%;
	}
	#accessArea h3 {
		margin-top: 50px;
	}
	.telWrap {
		display: block;
	}
	.telWrap dl {
		width: 100%;
		max-width: 260px;
		margin: 10px auto 0;
	}
	/*contact----------------------------------*/
	.contTxt {
		font-size: 115%;
		margin-bottom: 30px;
	}
	#contactArea .telArea {
		margin: 0 0 60px;
	}
	.formBox dt,.formBox dd  {
		width: 100%;
	}
	.formBox dt {
		padding-bottom: 0;
	}
	.formBox dt::before {
		vertical-align: .2em;
		margin-right: 15px;
	}
	.contArea {
		padding: 40px 5%;
	}
	input[type="text"].size-s {
		max-width: 120px;
	}
	input[type="submit"], input[type="button"],button.button._grey {
		width: 280px;
		margin: 12px 0;
	}
	/*privacy--------------------------------------------------*/
	.privacyWrap > .txt {
		padding: 0 0 30px;
	}
	.privacyBox {
		margin-top: 30px;
		padding: 0;
	}
	.privacyBox h3 {
		margin-top: 30px;
	}
	.privacyBox .mt40 {
		margin-top: 30px;
	}
	/*news------------------------------------------------------*/
	.postList li {
		display: block;
		padding: 10px;
	}
	.pager {
		margin-top: 30px;
	}
	.postTtl {
		display: block;
		padding: 0 10px 15px;
	}
	.postTtl h2 {
		font-size: 115%;
	}
	.postContents {
		padding-top: 30px;
	}
	.thumb {
		margin-bottom: 30px;
	}
	.pageSet {
		margin-top: 40px;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 95%;
	}
	.pageSet > a {
		display: block;
		width: 49%;
		background: #f1f1f1;
		padding: 10px 0;
	}
	.postBack {
		width: 100%;
		margin: 15px 0 0;
		order: 1;
	}
	/*clubhouse------------------------------------------------------*/
	.feature01Area {
		display: block;
	}
	.feature01Area .img {
		width: 100%;
		height: 42vw;
	}
	.feature01Area .img::before {
		min-width: 640px;
		background-size: auto 100%;
	}
	.featureTxt {
		margin-top: 20px;
		font-size: 100%;
		line-height: 1.8;
	}
	.featureArea {
		display: block;
		margin-top: 60px;
	}
	.featureArea .img {
		width: 100%;
	}
	.featureTxt h3 {
		font-size: 20px;
		text-align: center;
		margin: 0 auto 15px;
		line-height: 1.2;
	}
	.featureBtm {
		margin: 60px auto 0;
		padding: 30px 5%;
	}
	.roofArea {
		background-size: auto 55vw;
		padding-top: 38vw;
	}
	.roofBox {
		padding: 30px 5%;
	}
	.roofBox h2 {
		font-size: 20px;
		margin: 0 0 20px;
		padding: 0;
		text-indent: inherit;
		text-align: center;
		line-height: 1.8;
	}
	.roofBox .txt {
		line-height: 2;
	}
	.roomImg {
		width: 100%;
		text-align: center;
	}
	.featureArea._03 .featureTxt {
		margin-top: 30px;
	}
	.clubFacWrap, .clubRange {
		margin-top: 60px;
		display: block;
	}
	.clubFacWrap dl {
		width: 100%;
		padding: 15px;
		margin: 15px 0;
		line-height: 1.8
	}
	.clubFacWrap dt, .clubRange dt {
		font-size: 18px;
		margin-bottom: 10px;
		text-align: center;
	}
	.clubRange .img {
		width: 100%;
	}
	.clubRange dl {
		width: 100%;
		line-height: 1.8;
		margin-top: 20px;
	}
	.clubRange .btn02 {
		margin-top: 20px;
	}
	.btn02 a {
		font-size: 18px;
	}
	#view {
		padding-top: 0;
	}
	.viewWrap {
		padding-top: 38vw;
	}
	.viewWrap .img {
		height: 44vw;
		min-width:inherit;
		width: 115vw;
		background-position: left top;
	}
	.viewWrap .txt {
		padding: 30px;
		padding-right: 50px;
		line-height: 2;
		margin-right: -7.5%;
	}
	/*history-----------------------------------*/
	#historyTop {
		background-size: auto 35vw;
		padding-top: 25vw;
	}
	#historyTop .roofBox {
		margin-bottom: 60px;
		width: 100%;
	}
	.historyContents {
		margin-top: 60px;
	}
	.historyContents::before {
		right: auto;
		left: 8px;
		top: 20px;
	}
	.historyArea {
		padding: 40px 0;
	}
	.hisWrap {
		display: block;
	}
	.historyArea h3 {
		width: 100%;
		font-size: 38px;
		padding: 0 30px;
		line-height: .75;
		margin-bottom: 30px;
	}
	.historyArea:nth-of-type(even) h3 {
		padding-right: 15px;
	}
	.historyArea h3 span {
		padding: 0 5px 0 10px!important;
	}
	.historyArea h3::after {
		right: auto;
		left: 0;
	}
	.historyArea:nth-of-type(even) h3::after {
		left: 0;
	}
	.hisBox,.hisImg {
		max-width: 100%;
		width: 100%;
		padding-left: 30px;
	}
	.hisBox li span {
		width: 40px;
		min-width: 40px;
	}
	.hisImg {
		margin-top: 30px;
	}
	.hisBox li:not(:first-of-type),
	.hisImg li:not(:first-of-type) {
		margin-top: 15px;
	}
	/*recruit---------------------------------------------*/
	.bgScroll img {
		width: auto;
		height: 48vw;
	}
	.scrollHeader .pageTtl {
		top: 16vw;
	}
	.recruitPageTtl {
		height: 48vw;
		background-size: cover;
		padding-bottom: 0;
	}
	.recruitPageTtl .pageTtl .fo-georgia {
    font-size: 32px;
		text-shadow: 0 0 8px rgba(0,0,0,.5);
	}
	#recruitTop {
		overflow: hidden;
	}
	.recruitContTtl {
		top: 30px;
		padding: 15px 40px;
		border-radius: 12px;
	}
	.recruitContTtl::before, .recruitContTtl::after {
		width: 10px;
		height: 50px;
	}
	.recruitContTtl::before {
		top: 10px;
    right: 10px;
	}
	.recruitContTtl::after {
		top: 60px;
    left: 10px;
	}
	.recruitContImg {
		padding: 130px 5% 0;
	}
	.recruitContTtl .img._01 {
		left: -7%;
    bottom: -25%;
    z-index: 1;
    width: 20%;
	}
	.recruitContTtl .img._02 {
		right: -3%;
	}
  .recruitTopArea .container {
    padding: 60px 0;
  }
	.recruitTopWrap {
		padding: 0 15%;
		background-size: auto 210px,auto 400px;
    background-position: top 110px left 45px,top 140px right 45px;
	}
	.recruitTopWrap::before {
		left: 0;
	}
  .recruitContImg {
    padding-top: 130px;
  }
  .recruitTopWrap::after {
		height: 60px;
    right: 10%;
  }
  .recruitTopWrap ul {
/*
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
*/
  }
	.recruitTopWrap li {
		position: static;
    width: 100%!important;
    margin: 15px auto 0;
		padding-left: 10%;
	}
  .recruitTopWrap li._02 {
		padding: 0 10% 0 0;
  }
  .recruitTopWrap li._03 {
		padding-left: 7%;
  }
  .recruitTopWrap li._04 {
		padding: 0 10%
  }
	.btmArrow {
		margin: 40px auto;
		padding-bottom: 15px;
		background-size: auto 25px;
	}
	.btmArrow img {
    max-height: 65px;
	}
  .charmWrap,
  .voiceWrap,
  .recruitWrap {
    flex-wrap: wrap;
  }
	.voiceWrap {
		padding-top: 40px;
		margin-top: 40px;
	}
  .charmTtl {
    display: block;
    margin-bottom: 20px;
  }
  .charmTtl h2 img {
    max-height: 12vw;
    margin-bottom: 15px;
}
  .charmBox .num img {
    max-height: 50px;
  }  
  .charmWrap li,
  .charmWrap > li:not(.charmBox) {
    width: 100%;
  }
  .charmBox {
    padding: 25px 15px 20px;
  }
  .charmBox h3 {
    font-size: 150%;
  }
	#voice h2 img {
    max-height: 110px;
	}
  .voiceArea,
  .recruitArea {
    padding: 30px 5%;
  }
	.voiceArea {
		margin-top: 30px;
	}
  .voiceWrap .img,
  .recruitWrap .img {
  margin-bottom: 20px;
  }
  .voiceWrap .img,
  .voiceWrap dl,
  .recruitWrap .img,
  .recruitBox {
    width: 100%;
  }
  .voiceTag {
		min-width: 135px;
		font-size: 90%;
    margin: 5px 10px 5px 0;
  }
	.voiceWrap .ttl {
    font-size: 18px;
	} 
  img[src*="boshu_ttl"] {
    max-height: 28px;
  }
  .recruitTtl .ttl {
    font-size: 20px;
  }
	.fixrecBtn {
		bottom: 0;
	}
	.fixrecBtn a {
		padding: 10px 15px;
	}
	.fixrecBtn a::after {
		margin: -1px 0px 0px 5px;
	}
  .button a {
    font-size: 16px;
    padding: 7px 25px;
  }
	#recruitDetailPage {
		overflow: hidden;
	}
	#recruitDetailPage .recruitPageTtl {
		height: 38vw;
	}
  #recruitDetailPage section#voice {
    padding: 60px 0;
  }
	#dammySection {
		height: 60px;
	}
  .entryWrap {
		font-size: 90%;
    padding: 40px 5%;
		border-radius: 20px;
  }
  .entryWrap .ttl {
    font-size: 32px;
  }
  .entryWrap .txt {
    font-size: 16px;
  }
  .requiment {
    margin: 30px 0;
  }
  .entryBox dt {
    width: 100%;
    text-align: left;
    padding: 10px;
  }
  .entryBox dd {
    width: 100%;
    padding: 15px 0;
  }
  .entryBox input[type="text"] {
    width: 50%;
  }
  .button._red a {
    padding: 30px 5px;
	}
	.formBtn {
		margin-top: 15px;
	}
	.thxTxt {
		text-align: left;
	}
	/*aboutpage------------------------------------------*/	
	.aboutWrap {
		display: block;
	}
	.aboutWrap:not(:first-of-type) {
		margin-top: 60px;
	}
	.aboutBg {
		width: 100%;
		height: 50vw;
		overflow: hidden;
	}
	.aboutBg::before {
		min-width: 100vw;
	}
	.aboutBox {
		width: 100%;
		padding: 40px 5% 30px;
	}
	.aboutCont dl:first-child {
		border-top: none;
	}
	.aboutCont dt {
		background: #edece4;
	}
	.aboutCont dt,
	.aboutCont dd {
		border: none;
		padding: 10px;
		width: 100%;
		display: block;
	}
	.aboutContTtl {
		padding: 15px;
		background: #edece4;
		border: none;
	}
	.aboutCont .aboutContTtl:not(:first-child) {
		margin-top: 50px;
	}
	.aboutCont ul {
		overflow: auto;
		padding: 14.5vw 0 5px;
		background: url(../img/spscroll.png) top center no-repeat;
		background-size: contain;
		margin-top: 20px;
	}
	.aboutCont li {
		width: 450px;
	}
	.aboutCont li span {
		width: auto;
	}

	/*attentionpage------------------------------------------*/
	.btn03 {
		margin-bottom: 35px;
	}
	.btn03 a {
		font-size: 16px;
		letter-spacing: .1em;
		padding: 12px 5px;
	}
	.btn03 a::after {
		width: 20px;
		height: 24px;
		margin-left: 10px;
	}
	.attentionWrap {
		padding: 40px 5%;
	}
	.attentionWrap > .txt {
		text-align: left;
	}
	.attentionBox {
		display: block;
	}
	.inOut,
	.onPlay {
		width: 100%;
	}
	.inOut {
		margin-bottom: 30px;
	}
	.attentionTtl {
		font-size: 18px;
	}
	.clothCont li {
		width: 49%;
		padding-bottom: 15px;
		margin-right: 2%;
	}
	.clothCont li:nth-of-type(3n) {
		margin-right: 2%;
	}
	.clothCont li:nth-of-type(2n) {
		margin-right: 0;
	}
	.clothCont li img {
		max-height: 90px;
	}
	.clothCont li p {
		text-align: center;
		white-space: inherit;
	}
	.attentionTxt {
			margin-top: 30px;
	}


	/*sitemappage------------------------------------------*/
	.contBoxTtl {
		padding: 0 10px 10px;
		margin-bottom: 10px;
		font-size: 18px;
	}
	.contBoxTtl:not(:first-of-type) {
		margin-top: 30px;
	}
	.detailWrap {
		padding: 0 10px;
	}
	.contItemLeft,
	.contItemRight {
		width: 100%;
	}
	.contItemRight {
		display: flex;
		flex-wrap: wrap;
	}
	.contItemRight li,
	.detailWrap li {
		width: 50%;
	}
	.menuLink {
		margin: 10px 0 15px;
	}
	.holeLink li {
		width: 33%;
		margin-bottom: 15px;
	}
	.bnrWrap {
		margin-top: 40px;
	}
	.bnrWrap ul {
		margin-top: -15px;
	}
	.bnrWrap li {
		width: 100%;
		margin-top: 15px;
		font-size: 16px;
	}
	.bnrWrap a {
		font-size: 18px;
	}
	.btnKaiin a span::after {
    vertical-align: -.01em;
    width: 12px;
    height: 18px;
	}

	/*Yutai--------------------------------------------------------*/
	.yutaiWrap {
		background: #fff;
		padding: 40px 5%;
	}
	.yutaiWrap .yutaiBox:not(:first-of-type) {
		margin-top: 40px;
	}
	.yutaiTtl {
		font-size: 18px;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	.yutaiTxt {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.benefitsList {
		margin-bottom: 15px;
	}
	.benefitsList {
		display: block;
	}
	.benefitsList dt {
		width: 100%;
		padding: 10px 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.benefits {
		font-size: 16px;
	}
	#yutaiPage .priceWrap {
			margin-top: 50px;
	}

	/*memberspage------------------------------------------*/
	.membersArea {
		padding: 60px 5% 80px;
	}	
	.membersTtlWrap {
		margin-bottom: 30px;
		text-shadow: 0 0 5px rgba(0,0,0,.25)
	}
	.membersTtlWrap .fo-georgia {
    font-size: 28px;
	}
	#membersPage .membersTtlWrap .fo-georgia::after {
		width: 15px;
    height: 22px;
    margin-left: 10px;
	}
	#membersPage .membersBtnWrap {
		padding: 30px;
	}
	.membersBtnBox li {
		width: 100%;
		margin-bottom: 20px;
	}
	.membersBtnBox li a {
		padding: 20px;
	}
	.membersBtnBox li .fo-mincho {
		font-size: 18px;
		margin-bottom: 10px
	}
	.membersBtnBox img {
		margin-bottom: 10px;
	}
	/*membersnewspage------------------------------------------*/
	.membersTtArea {
		padding-top: 60px;
		min-height: 230px;
	}
	.membersContentsArea {
		margin-top: -120px;
		padding: 40px 5%;
	}
	.membersNewsArea h2 {
		font-size: 16px;
		padding: 15px;
	}
	.membersNewsArea h2 .date {
		display: block;
		padding: 0;
		margin: 0 0 5px;
		border: none;
	}
	.membersSubPage .membersBtnBox {
		margin: 60px 0;
	}
	.membersSubPage .membersBtnBox li {
		width: 100%;
		margin-bottom: 15px;
	}
	.membersSubPage .membersBtnBox img {
		margin: 0 15px 0 0;
		max-height: 24px;
	}
	.membersSubPage .membersBtnBox a {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
	}
	.membersSubPage .membersBtnBox li .fo-mincho {
		font-size: 18px;
		margin: 0;
	}
	.membersSubPage .membersBtnBox li .fo-georgia {
		width: 100%;
		display: block;
		margin-top: 5px;
	}
	/*membersnewsdetailpage------------------------------------------*/
	#membersNewsWrap .container h2 {
		font-size: 16px;
		padding: 15px;
	}


	/*competitionpage------------------------------------------*/
	#competitionWrap .secTtl h2 {
		font-size: 18px;
	}
	#competitionWrap .secTtl p {
		font-size: 14px;
	}
	.postListTtl th {
		padding: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 20px;
	}
	.postListTtl .date,
	.postListItem .date {
		width: 19%;
	}
	.postListTtl .name,
	.postListItem .name {
		width: 55%;
	}
	.postListItem .name {
		padding-left: 10px;
	}
	.postListTtl .result,
	.postListItem .result {
		width: 22%;
	}
	.postTag {
		padding: 5px 10px;
		font-size: 85%;
		margin-right: 15px
	}
	.postListItem td {
	padding: 10px;
	}
	.competitionTblWrap {
		overflow: auto;
		background: url(../img/spscroll.png) top center no-repeat;
    background-size: contain;
    padding-top: 13.5vw;
	}
	.competitionTblWrap table {
		width: 650px;
	}

	/*competitionpage------------------------------------------*/
	#competitionResultWrap .container h2 {
		font-size: 16px;
		padding: 15px;
		margin-bottom: 40px;
	}
	#competitionResultWrap .container h2 .date {
		padding-right: 10px;
		margin-right: 15px;
	}
	#competitionResultWrap .container h2 .ttl {
		width: 100%;
		margin-top: 5px;
	}
	#competitionResultWrap .container h2 .postTag {
		width: auto;
		margin-right: 0;
	}
	.resultTbl {
		margin-bottom: 30px;
	}

	/*eventpage------------------------------------------*/
	#eventWrap .container > .txt {
		margin-bottom: 30px;
	}
	#eventWrap .secTtl h2, #eventWrap .yutaiTtl h3 {
		font-size: 24px;
	}
	#eventWrap .yutaiCont {
		width: 100%;
		padding: 20px 20px;
	}
	#eventWrap .yutaiCont .txt {
		text-align: left;
	}
	#eventWrap .yutaiCont:first-of-type {
	 margin-bottom: 30px;
	}
	#eventWrap .yutaiTtl .fo-mincho {
		font-size: 24px;
	}
	#eventWrap .yutaiTtl .fo-georgia {
		font-size: 16px;
	}

	/*membership-------------------------------------------------------*/
	.bnrBuy {
		margin: 30px auto;
	}

	.bnrBuyBtn {
		padding: 20px 0;
		font-size: 16px;
	}
	.bnrBuyBtn .solid {
		margin: 10px auto;
	}
	.buyLink {
		font-size: 20px;
	}
	.membershipWrap:last-of-type {
		margin-top: 60px;
	}
	.membershipWrap .img {
		height: 40vw;
		margin-left: 0;
		width: 100%;
	}
	.membershipWrap .img._02 {
		margin-right: 0;
	}
	.membershipWrap .txtCont {
		transform: none;
		position: static;
		padding: 30px;
	}
	.membershipWrap .txtCont .ttl {
		font-size: 20px;
		text-align: center;
		margin-bottom: 20px;
	}
	.membershipBtn {
		width: 100%;
		margin-top: 20px;
	}

	/*schedule------------------------------------------*/ 
	.scheduleWrap {
		padding: 40px 5%;
	}
	.eo-fullcalendar .fc-toolbar {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}
	.fc-clear {
		display: none!important;
	}
	.fc-toolbar h2 {
		font-size: 24px!important;
		margin-bottom: 15px!important;
		float: none;
	}
	.fc-toolbar .fc-center {
		width: 100%;
		order: -1;
	}
	.fc-toolbar .fc-right {
		}
	.fc-toolbar .fc-left {
	}
	.fc-ltr .fc-basic-view .fc-day-number {
		background: #4d4d4d!important;
		border: 1px solid #ddd!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    padding-right: 3px!important;
	}
	.fc-listMonth-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-right {
		color: #fff!important;
	}
	td.fc-widget-content {
		border: none;
	}
	.fc-day-grid {
/*
		display: flex;
		flex-wrap: wrap;
*/
	}
	.fc-row {
		width: 100%
	}
	.fc-row .fc-content-skeleton {
		min-height: 95px!important;
		height: auto!important;
	}
	.fc table {
		border:none!important;
	}
	.fc td {
		border: none!important;
	}
	.fc-icon {
		font-size: 12px!important;
	}
	.fc button {
	padding: 5px 10px!important;
	}
	.fc-row .fc-bg {
		border: 1px solid #ddd;
	}
	.fc-listMonth-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-left {
		background: #fff;
    height: 22px;
		line-height: 22px;
		text-align: center;
		padding: 0 5px!important;
	}
	.fc-listMonth-view .fc-row .fc-content-skeleton .fc-day-number .fc-list-header-right {
		float: left!important;
	}
	.fc-listMonth-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:before,
	.fc-listMonth-view.fc-display-date-above .fc-row .fc-content-skeleton tbody:after {
		height: 0!important;
		opacity: 0;
		visibility: hidden;
	}
	#schedulePage .category-dayoff, #schedulePage .category-espdayoff {
		background: #f1f1f1!important;
		height: auto!important;
    padding: 5px;
	}
	.eo-fullcalendar .fc-event {
		display: block;
		margin: 5px!important;
	}
	/*rangepage------------------------------------------*/
	#rangePage .namingTxt {
		margin-top: 60px;
	}
	.rangeBox .ttl {
		font-size: 20px;
	}
	.rangeBox .namingTxt span.mt15 {
		margin-top: 0!important;
		margin-left: -10px!important;
		padding-left: 0!important;
	}
	.blackBox {
		padding: 60px 0; 
		margin-top: 60px;
	}
	.blackBoxTtl .ttl {
		font-size: 20px;
		margin-bottom: 30px;
	}
	.blackBoxTtl .txt {
		font-size: 14px;
		margin-bottom: 60px;
	}
	.blackBoxItem {
		flex-direction: column-reverse;
	}
	.blackBoxItem._02 {
		margin-top: 60px;
	}
	.blackBoxItem .txtCont {
		width: 100%;
		padding-left: 0;
	}
	.blackBoxItem._02 .txtCont {
		width: 100%;
		padding-right: 20px;
	}
	.blackBoxItem .txtCont .ttl {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.blackBoxItem .txtCont .txt {
		font-size: 14px;
	}
	.blackBoxItem figure,
	.blackBoxItem._02 figure {
		margin-bottom: 20px;
		width: 100%;
	}
	#facilityArea .tbl table {
		width: 100%;
	}
	#facilityArea .tbl {
		padding-top: 0;
		background: none;
	}
	#facilityArea .tbl table td {
		padding-left: 10px;
	}
	.priceBox .container {
		padding: 40px 0;
	}
	.freeTxt {
		font-size: 16px;
		padding: 10px;
	}
	.priceBox .tbl {
		display: block
	}
	.priceBox .tbl table {
		width: 100%;
	}
	.priceBox .tbl {
		padding-top: 0;
		background: none;
	}
	.tblLeft,
	.tblRight {
		width: 100%;
	}
	.tblLeft table {
		margin-bottom: 20px;
	}
	.ticketCont {
		padding: 15px 10px 5px;
		display: block;
	}
	.ticketCont dt {
		width: 100%;
		padding: 15px;
		font-size: 18px;
		line-height: 1.2;
		margin: 0 auto 5px;
	}
	.ticketCont dt span {
		font-size: 16px;
	}
	.ticketCont dd {
	}
	.ticketCont dd span {
		font-size: 15px;
		margin: 8px 0;
	}
	.ticketCont dd span::before {
		padding-right: 5px;
	}
	#useArea ._1000 {
		padding: 0;
	}
	.useWrap {
		display: block;
	}
	.useWrap  dt,
	.useWrap  dd {
		width: 100%;
	}
	.useWrap  dt {
		margin-top: 20px;
	}
	.useWrap h3 {
		font-size: 18px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	/*satisfactionpage------------------------------------------*/
	.satisfactionWrap {
		padding: 40px 5%;
		margin-top: 40px;
	}
	.satisfactionBox {
		margin-bottom: 40px;
		display: block;
	}
	.satisfactionBox dd {
		text-align: center;
		margin-bottom: 15px;
		width: 100%!important
	}
	.satisfactionBox img {
		max-height: 180px;
	}
	.satisfactionBox dt {
		padding-right: 0;
		width: 100%!important;
	}
	.satisfactionBox dt h3 {
		font-size: 20px;
		text-align: center;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.satisfactionWrap ._col2 {
		font-size: 90%;
	}
	.satisfactionWrap ._col2 h3 {
		font-size: 16px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.suggestion {
		font-size: 14px;
		text-align: left;
		border: 1px solid #000;
		padding: 10px;
		margin-top: 10px;
	}

	/*restaurant--------------------------------------------------------*/
	.hotelWrap .ttl {
		font-size: 28px;
		margin-bottom: 15px;
	}  
	.hotelWrap .namingWrap {
		margin-top: 30px;
	}
	.hotelWrap .namingBox {
		width: 100%;
		justify-content: flex-start;
		margin-top: 15px;
		font-size: 3.75vw;
	}
	.hotelWrap .namingBox .txt01 {
		margin-left: 0;
		padding: 0 0 0 2em;
		text-indent: -2em;
		}
	#blackArea {
		padding: 60px 0;
	}
	.blackWrapItem .txtCont,
	.blackWrapItem._02 .txtCont {
		width: 100%;
		padding-left: 0;
	}
	.blackWrapItem .txtCont .ttl {
		font-size: 22px;
		margin-bottom: 15px;
	}
	.blackWrapItem figure,
	.blackWrapItem._02 figure {
		width: 110%;
		height: auto;
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.blackWrapItem._02 {
		margin-top: 60px;
	}
	.menuWrap .container {
		padding: 60px 0;
	}
	.menuWrapTtl {
		font-size: 22px;
	}
	.menuWrapTxt {
		margin-bottom: 40px;
	}
	.menuItem {
		width: 100%;
		margin-bottom: 40px;
	}
	.menuItemTtl,
	.menuItemTxt {
		display: block;
		margin-bottom: 10px;
	}
	.menuItemTtl h4,
	.recommendBox .menuItemTtl h4, .grandBox .menuItemTtl h4 {
		font-size: 18px;
	}
	.menuItem .price,
	.menuItemTxt {
		font-size: 16px;
	}
	.menuItem .price {
		margin: 5px 0 0 0;
		text-align: right;
		line-height: 1;
	}
	.menuItem figure {
		margin-bottom: 15px;
	}
	.lunchBox {
		padding: 40px 20px;
	}
	.lunchBox .menuItem:not(:last-of-type) {
		margin-bottom: 40px;
	}
	.recommendBox {
		padding: 0 20px;
	}
	.recommendBox .menuItem:last-of-type  {
		margin-bottom: 0;
	}
	.grandBox dt,
	.grandBox .menuHead {
		width: 100%;
		padding-left: 0;
	}
	.grandBox .menuWrapTtl {
		font-size: 20px;
	}
	.grandBox .menuWrapTxt {
		font-size: 14px;
		padding-bottom: 20px;
		border-bottom: 1px solid #000;
		margin-bottom: 20px;
	}
	.grandBox .menuItem {
		width: 100%;
	}
	.grandBox .menuItem:last-of-type  {
		margin-bottom: 0;
	}
	.grandBox dd, .onlyTxt {
		width: 100%;
		padding: 0 0 40px;
		border-left: none;
	} 
	.onlyTxt li {
		width: 100%;
		font-size: 16px;
	}
	.drinkCont {
		padding-bottom: 0;
	}
	.drinkTtl {
		padding: 8px;
	}
	.inTax {
		font-size: 14px;
		margin-top: 15px;
	} 

	/*course--------------------------------------------------------*/
	#courseTop{
		overflow: hidden;
	}
	.courseAreaTxt {
		margin-bottom: 20px;
	}
	.ballImg {
		width: 50px;
		height: 48px;
	}
	#coursePage .courseMap {
		font-size: 1vw;
		width: 120%;
		margin: 0 -10%;
	}
	.courseMap .mapAnchor01 li {
		font-size: 10px;
		width: 5vw;
		height: 5vw;
		line-height: 5vw;
	}
	.courseTbl,
	.btmTbl .courseTbl,
	.btmTbl .rateTbl {
		width: 100%;
	}
	.btmTbl {
		margin-top: 10px;
	}
	.courseWrap {
		padding: 60px 20px 40px;
	}
	.courseWrap h3.ttl {
		font-size: 22px;
		margin-bottom: 5px;
	}
	.mapTbl .courseTbl {
		margin-top: 20px;
	}
	.inCourse {
		margin-top: 30px;
	}
	.mapTbl .courseTbl thead th {
		font-size: 10px;
	}
	.mapTbl .courseTbl thead th span, .mapTbl .courseTbl tbody td span {
		font-size: 18px;
	}
	.featuresTxt {
		padding: 0 5%;
		margin-bottom: 40px;
	}
	.featuresImg .ttlBox {
		font-size: 18px;
		margin-bottom: 50px;
	}
	.featuresImg {
		height: auto;
		padding: 30px 0 0;
		background-position: top center;
		background-size: auto 200px;
	}
	.featuresImg._02 {
		margin-top: 60px;
	}
	.featuresImg .ttlBox span {
		font-size: 36px;
	}
	.featuresImg .ttlBox p {
		font-size: 14px;
		padding: 5px 7px;
		background: rgba(0,0,0,.75)
	}
	.featuresImg .txtBox {
		width: 100%;
		padding: 15px;
	}
	.courseImage {
		width: 110%;
		height: 45vw;
		overflow: hidden;
		margin: 20px 0 5px -6%;
	}
	.designWrap._02 .courseImage {
		margin: 20px -6% 5px 0;
	}
	.courseImage::before {
		right: 0;
		left: auto;
		min-width: 100%;
	}
	.courseBox h3 {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.courseBox {
		width: 100%!important;
	}
	.courseBox._02 {
		margin: 30px 0;
	}
	.courseItem {
		width: 100%!important;
		padding: 15px 0!important;
		margin: 0!important;
		border: none!important;
	}
	.courseItem:not(:first-of-type) {
    border-top: 1px solid #d6d6d6!important;
	}
	.designWrap._02 .courseBox {
		padding-right: 0;
		height: auto;
	}
	#courseDesign {
		padding-bottom: 100px;
	}
	.coursesAnc {
		width: 100%;
		left: 0;
		bottom: 0;
		display: flex;
	}
	.coursesAnc li {
		width: 50%;
	}
	.coursesAnc li a {
		border: 1px solid #fff!important;
		padding: 12px 10px 12px 30px;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.coursesAnc li a::after {
		width: 16px;
		height: 16px;
	}
	.coursesAnc li:nth-of-type(2) a {
		padding: 15px 30px 15px 10px;
	}
	.coursesAnc li:nth-of-type(2) a {
		border-left: none!important;
	}
	.coursesAnc li:nth-of-type(1) a::after {
		top: 13px;
		left: 10px;
		right: auto;
	}
	.coursesAnc li:nth-of-type(2) a::after {
		top: 13px;
		right: 10px;
		left: auto;
	}
	.coursesAnc .ttl {
		font-size: 3.5vw;
		white-space: nowrap;
		margin: 0;
	}
	.coursesAnc .txt {
		display: none;
	}
	/*coursedetail--------------------------------------------------------*/
	#holeArea > .container {
		padding: 60px 15px;
	}
	.holeCont {
		width: 100%;
	}
	.holeNum {
		font-size: 36px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.holeNum span {
		font-size: 72px;
	}
	.parYard {
		font-size: 36px;
		margin-bottom: 20px;
	}
	.parYard span {
		font-size: 24px;
	}
	.ratingItem {
		padding: 15px;
	}
	.ratingItem .ttl {
		margin-bottom: 15px;
	}
	.ratingItem .tbl {
		margin-bottom: 0;
	}
	.holeWrap figure {
		position: inherit;
		width: 65%;
		margin: 0 auto;
	}
	.holeComment {
		padding: 15px;
		margin: 30px 0;
	}
	.holeSlide {
		width: 90%;
		margin: 0 auto 10px;
	}
	.holeSlide .slick-arrow {
		width: 20px;
		height: 20px;
		right: -25px;
	}
	.holeSlide .slick-arrow.prev {
		left: -25px;
	}
	.holeSlide .slick-arrow::after {
		border-width: 4px 0 4px 4px;
	}
	.pointBox {
		margin: 30px 0;
		padding: 15px;
	}
	.pointBox dl {
		flex-wrap: wrap;
	}
	.pointBox dt {
		font-size: 20px;
		padding-right: 0;
	}
	.sketchfab .holeTtl dt img {
		max-height: 45px;
	}
	.sketchfab .holeTtl dd {
		padding: 1px 10px;
    font-size: 16px;
	}
	.sketchfab .holeTtl dd span {
		font-size: 28px;
	}
	.sketchfab-embed-wrapper02 {
		height: 55vw;
	}
	.lity-content .sketchfab-embed-wrapper02 {
		height: 50vh;
	}
  button.closeBtn {
    margin-top: 15px;
    padding: 10px;
  }
	.course3d {
		font-size: 85%;
		text-align: left;
	}
	.zoomInBtn {
		font-size: 15px;
		margin-top: 20px;
	}
	#holeDetailPage .pageSet {
		margin: 40px auto 0;
		width: 90%;
	}
	#holeDetailPage .pageSet a {
		padding: 10px;
	}
		
}



.sketchfab,.course3d,
.zoomInBtn,
.ballImg {
	display: none!important;
}