<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* *** START 共通 *** */
body{
	min-width: 1200px;
	width: 100%;
	min-height: 850px;
	-webkit-print-color-adjust: exact;

}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
  }
a{
	text-decoration: none;
}
/* *** END 共通 *** */

/* *** START header *** */
/*header全体*/
.header{
	background-color: #343535;
	width: 100%;
	height: 79px;
	display: none;
}
/*リンク部分*/
.header a{
	font-size: 100%;
	textdecoration: none;
}
/*ロゴとリスト*/
.header nav{
	color: #fff;
	height: 79px;
	display: flex;
	align-items: center;
}
/*ロゴ*/
.header h1{
	justify-content: start;
	margin-right: auto;
}
/*リスト外枠(ul)*/
.header ul{
	display: flex !important;

}
/*リスト全体*/
.header ul, .header li, .header a{
	color: #fff;
}
/*メニューボタン*/
.menubtn{
	padding: 26px 10px;
	transition: 1s;
}
.menubtn:hover{
	background-color: #A4A4A4;
	opacity: 0.8;
}
/*会員ボタン*/
.memberonly{
	background-color: #376b84;
}
.memberonly:hover{
	background-color: #7ab2cc;
}
/*アイコン全体*/
.nav-icon, .nav-icon span{
	display: none;
}
/*アイコンの外枠クラス*/
.nav-icon{
	width: 36px;
	height: 28px;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
}
/*アイコン線の部分*/
.nav-icon span{
	background: rgba(255,255,255,1);
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 4px;
}
/*1本目*/
.nav-icon span:nth-of-type(1){
	top: 0;
}
/*2本目*/
.nav-icon span:nth-of-type(2){
	top: 12px;
}
/*3本目*/
.nav-icon span:nth-of-type(3){
	bottom: 0;
}
/*クリック時*/
.nav-icon.active span:nth-of-type(1){
	transform: translateY(12px) rotate(-45deg);
}
.nav-icon.active span:nth-of-type(2){
	display: none;
}
.nav-icon.active span:nth-of-type(3){
	transform: translateY(-12px) rotate(45deg);
}
/* *** END header ***/

/* *** START toppage *** */
.toppage{
	position: relative;
	text-align: center;
}
.topcontents{
	background-size: cover;
	background-position: center center;
	height: 100vh;
	min-height: 850px;
}
.scroll p{
	position: absolute;
	color: #fff;
	font-size: 25px;
	top: 88%;
	margin: auto;
	width: 100%;
}
.scroll img{
	position: absolute;
	top: 92%;
	left: 0;
	right: 0;
	animation: img_scroll 3s linear infinite;
	transform-origin: 50% 50%;
	margin: auto;
}
@keyframes img_scroll {
  0% { transform: translateY(0) }
  33.33333% { transform: translateY(-10px) }
  66.66667% { transform: translateY(0) }
  100% { transform: translateY(0) }
}
/* *** END toppage *** */
/* *** START newspage *** */
.newspage{
	background-image: url("../img/news-bgimg.png");
	background-size: cover;
	background-position: center center;
	padding-top: 30px;
}
.flex{
	display: flex;
	justify-content: space-between;
	padding: 0 50px;
}
.flexcontentsleft{
	flex-basis: 580px;
	flex-grow: 2;
	text-align: center;
	padding-bottom: 100px;
}

.news p{
	margin: 20px;
	border-bottom: 1px solid #90c31f;
}
.newspad th{
	padding: 0 20px;
}
.newspad th, td{
	padding-top: 20px;
	font-size: 18px;
}
.newspad td{
	text-align: left;
	line-height: 1.5em;
	padding-right: 15px;
}
/*membersカテゴリー*/
.memberscategory{
	background-color: #61492B;
	opacity: 0.5;
	color: #fff;
	padding: 0 10px;
	margin-right: 20px;
	display: block;
	text-align: center;
	width: 85%;
	}
	/*eventsカテゴリー*/
	.eventscategory{
		background-color: #23AC38;
		color: #fff;
		padding: 0 10px;
		display: block;
		text-align: center;
		width: 100px;
		}
	/*newsカテゴリー*/
	.newscategory{
		background-color: rgb(35, 156, 172);
		color: #fff;
		padding: 0 10px;
		display: block;
		text-align: center;
		width: 100px;
		}


.link a{
	color: #000;
}
.newslink{
	color: #000;
	font-size: 18px;
}
.newslink:hover{
	color: #709918;
}
.newslink:active{
	color: #90C31F;
	text-decoration: underline;
}
.flexcontentsright{
	flex-basis: 380px;
	flex-grow: 1;
	text-align: center;
	width: 100%;
}
.flexcontentsright iframe{
	width: 500px;
	height: 600px;
}

/* バナー */
.flexcontentsright .banner_staff{
	margin:30px auto 0;
	position: relative;
	z-index: 30;
	transition: 0.3s;
	width: 500px;
	}
	.flexcontentsright .banner_staff:hover{
		opacity: 0.8;
		transition: 0.3s;
		}
	.banner_staff ul{
		position:absolute;
		top:90px;
		left:140px;
		list-style-type:none;
		display: flex;
		z-index: 10;
		width:210px;
		}
		.banner_staff li {
		
			}
				.banner_staff li a{
					color:#328b3f;
					background-color: rgba(255,255,255,.8);
					padding:10px 20px;
					display: block;
					font-size:20px;
					transition: 0.3s;
					}
					.banner_staff li a:hover{
						background-color:rgba(255,255,255,1); 
						transition: 0.3s;
						}
						.banner_staff li a p:before{
							content:"▶︎";
							color:#328b3f;
							padding-right: 10px;
							}

.wanted{
	display: flex;
	justify-content: center;
	align-items: center;
}
.wanted h3{
	color: #a38b78;
	font-size: 40px;
	font-family: 'Noto Serif JP';
	font-weight: 900;
	padding-bottom: 10px;
}
.wanted span{
	letter-spacing: 0.3em;
	margin-right: -0.3em;	/*正会員後ろの空白削除*/
	font-family: 'Noto Serif JP';
}
.memberwantedpage{
	font-family: 'Noto Serif JP';
}

.wanted p{
	font-size: 24px;
	padding-bottom: 10px;
}
.mincho{
	font-family: 'Noto Serif JP';
	font-weight: 700;
}
.wanted a{
	color: #23ac38;
}


.banner{
	padding: 0 25px;
	margin: 20px 0;
	height: 97px;
}

.banner img{
	height: 97px;
}
.banner ul{
	display: flex;
	justify-content: center;
	height: 97px;
}

.lSAction &gt; a {
	background-image: url('../img/controls-black.png') !important;
}
/* *** END toppage  *** */

/* *** START mappage *** */
.mappage{
	display: flex;
}
.address{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #333;
	color: #fff;
	text-align: center;
	padding: 0 20px;
}
.address-left{
	flex-grow: 1;
}
.address-left img{
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
.address-right{
	flex-grow: 2;
	max-width: 100%;
	height: auto;
	margin: auto;
	text-align: left;
	padding-left: 15px;
}
.address-right img{
	padding-bottom: 20px;
}
.address-right p{
	padding-bottom: 10px;
}
.mappage .address,.map{
	width: calc(100% / 2);
}
.map iframe{
	vertical-align: middle;
}
/* *** END mappage *** */

/* *** START footer *** */
.footer{
	padding-top: 20px;
	text-align: center;
	background-color: #e3e3e3 !important;
}
.footer ul{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 40px;
}
.footer li{
	padding: 0 20px;
}
.footer a{
	color: #000 !important;
	transition: 0.4s;
}
.footer a:hover{
	color: #23ac38;
	text-decoration: underline;
	transition: 0.4s;
}
.footer li+ li {
  border-left: 1px solid #000;
}
.footer img{
	vertical-align: middle;
}

/*エラーページ*/
.error404{
	padding: 20px;
	text-align: center;
	width :80%;
	min-height: calc(100vh - 212px);
}
.error404 h2{
	font-size: 26px;
	padding: 20px 0;
}
.error404url{
	padding: 20px 0;
}
.error404 span{
	color: #888;
}
.fin-form{
	text-align: center;
	padding-top: 100px;
}
.topbtn{
	border: 3px solid #fff;
	box-shadow: 0 0 0 3px #4b85a1;
	color: #4b85a1;
	padding: 20px 40px;
	border-radius: 3px;
	font-size: 25px;
	background-color: #fff;
}
.top-pad{
	margin-bottom: 35px;
}
.topbtn:hover{
	background-color: #4B85A1;
	color: #fff;
	box-shadow: 0 0 0 3px #4b85a1;
	transition: 0.3s;
}

.topbtn:active{
	background-color: #60a8cc;
	box-shadow: 0 0 0 3px #60a8cc;
	color: #fff;
	transition: 0s;
}

/**************** topbtn ****************/
/* 紹介文の配置 */
.introduct h1{
	color: #fff;
	font-size: 30px;
	line-height: 1.5;
	font-family: 'Noto Serif JP';
	font-weight: 700;
	text-shadow: 2px 2px 2px #808080;
	padding-bottom:10px;
	}
	.introduct h1 span{
		font-size:18px !important;
		display:block;
		font-weight:normal;
		padding-top:20px;
		}

.topcontents{
	padding-top: 30px;
	min-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.randinglinktitle{
	padding-top:20px;
	}
	.randinglink {
		position: relative !important;
		display:block;
		width: 300px;
		opacity: 0;
		margin: 0 auto;
		padding: 15px;
		border: solid 2px #a1764c;
		box-shadow: 0px 0px 8px rgb(0 0 0 / 80%);
		outline: solid rgb(254 242 96);
		color: #000;
		background-color: rgb(254 242 96);
		font-size: 25px;
		animation: fadeIn 1s ease 1.5s 1 forwards;
		transition: 0.5s;
		}
		.randinglink:hover {
			background-color: #ffffff;
			outline: solid #ffffff;
			transform: scale(1.05);
			box-shadow: 0px 0px 12px rgb(0 0 0 / 80%);
			}

		@keyframes fadeIn { /*animation-nameで設定した値を書く*/
			0% {
				opacity: 0;
				} /*アニメーション開始時は不透明度0%*/
			100% {
				opacity: 1;
				} /*アニメーション終了時は不透明度100%*/
			}



/* トップページの各コンテンツのボタン */
.bounceIn {
  text-align: center;
  /* ぽよよん */
  -webkit-animation-duration: 0.80s; /* ぽよよんしてる長さ(時間)(時間が短い方がぽよよんにハリが出る) */
  animation-duration: 0.80s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  /* ぽよよんを開始するタイミングを遅れさせる */
  animation-delay: 0.7s;
  /* フェード前の状態とフェードにかかる時間(○秒間かけてフェードする) */
    opacity: 0;
    transition: 0.5s;
    /* opacity:0;の状態だとクリックできちゃうので、クリックカーソルに変化させないようにする */
    pointer-events: none;
}

/* フェードイン(jqueryからこのクラスをプレゼントされる) */
.bounceIn.in {
  /* フェード後のopacity */
  opacity: 1;
  /* 各ボタンのクリック判定をONにする */
  pointer-events: auto;
}


/******************* 各コンテンツの配置 ********************/
.toppage ul{
  position: relative;
  min-width: 1200px;
  width: 80%;
  margin:-560px auto 0;

  /* フェード *//*
  animation: bgAnime 1s 1;*/
  /* これを入れると、下まで背景が伸びる */
  padding-bottom: 1px;
}


.toppage a{
	position: absolute;
	display:block;
	}
	
	#about_btn a{
	  top:20px;
	  left:0;
	  z-index: 9;
	  animation-delay: 0.5s;
		}
	#course_btn a{
	  top:20px;
	  right:0;
	  z-index: 8;
	  animation-delay: 0.8s;
	}
	#club_house_btn a{
		top:210px;
	  left:120px;
	  z-index:7;
	  animation-delay: 1.1s;
	  /* カーソルをaタグのカーソルにしない 参考:http://www.dspt.net/stylesheet_css/009/003.html */
	  cursor: default;
	}
	#gourmet_btn a{
		top:210px;
	  right:120px;
	  z-index: 6;
	  animation-delay: 1.5s;
	}
	#charge_btn a{
		top:410px;
	  left:0;
	  z-index:5;
	  animation-delay: 1.9s;
	}
	#manners_btn a{
	top:410px;
	  right:0;
	  bottom: 20px;
	  z-index:4;
	  animation-delay: 2.5s;
	}
	#access_btn a{
		top:600px;
		left:120px;
		z-index:3;
		animation-delay: 3.0s;
	}
	#events_btn a{
		top:600px;
	  right:120px;
	  z-index:1;
	  animation-delay: 4.1s;
	}
	#member_only_btn a{
		top:600px;
		width: 260px;
		left: 0;
		right: 0;
		margin:auto;
		z-index:2;
	  animation-delay: 3.8s;
	}
/******************* 各コンテンツの配置ここまで ********************/


/* フェード */
/*@keyframes bgAnime {
   0% { opacity: 0;}
  75% { opacity: 0; }
 100% { opacity: 1; }
}*/


/************* ここからは、各コンテンツのボタンの登場時のエフェクト(ぽよんぽよん) ********************/
/* 参考: http://www.knockknock.jp/archives/184 */
@-webkit-keyframes bounceIn {
  from,
  /*20%,*/
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0.3;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    /* scale3dの参考 https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale3d */
    transform: scale3d(1.5, 1.5, 1.5);
  }

/*  20% {
    opacity: 0.7s;
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3dscale3d(0.97, 0.97, 0.97);
  }*/

  40% {
    /* ココの値を小さくすると、もっと奥行きが出る */
    opacity: 1;
    -webkit-transform: scale3d(0.85, 0.85, 0.85);
    transform: scale3d(0.85, 0.85, 0.85);
  }

  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


@keyframes bounceIn {
  from,
  /*20%,*/
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0.3;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    /* scale3dの参考 https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale3d */
    transform: scale3d(1.5, 1.5, 1.5);
  }

/*  20% {
    opacity: 0.7s;
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3dscale3d(0.97, 0.97, 0.97);
  }*/

  40% {
    /* ココの値を小さくすると、もっと奥行きが出る */
    opacity: 1;
    -webkit-transform: scale3d(0.85, 0.85, 0.85);
    transform: scale3d(0.85, 0.85, 0.85);
  }

  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/************* 登場時のエフェクトここまで ********************/


/* 各ボタンのhoverイベント (ホバーされたときにどんな動きをするかを決める) */
  /* y軸中心の回転 */
  #about_btn:hover img,
  #club_house_btn:hover img,
  #course_btn:hover img,
  #gourmet_btn:hover img,
  #charge_btn:hover img,
  #manners_btn:hover img,
  #access_btn:hover img,
  #member_only_btn:hover img,
  #events_btn:hover img {
    -webkit-transform:	rotateY(720deg);
  	transform:		rotateY(720deg);
    /* 画像を大きくする */
    width:260px;
	}

		/* ホバーしたときとホバーを外したときに回転する　(決めたとおりの動きを、どのタイミングで実行するかを決める) */
		#about_btn img,
		#club_house_btn img,
		#course_btn img,
		#gourmet_btn img,
		#charge_btn img,
		#manners_btn img,
		#access_btn img,
		#member_only_btn img,
		#events_btn img,
		#about_btn:hover img,
		#course_btn:hover img,
		#gourmet_btn:hover img,
		#charge_btn:hover img,
		#manners_btn:hover img,
		#access_btn:hover img,
		#member_only_btn:hover img,
		#events_btn:hover img {
		  /* 回転する時間 */
		  -webkit-transition:	all 0.6s ease;
			transition:		all 0.6s ease;
		}




/* ---------------------第２フェーズ共通--------------------- */
/*header以下footerより上のページ全体*/
.commontemplate{
	padding: 0 30px 100px 30px;
	margin: auto;
	width: 80%;
}
/*メインタイトル*/
.commontemplate h1{
	font-size: 30px;
	width: 100%;
	border-width: 0 0 1px 20px;
	padding-left: 10px;
	border-color: #888 #376b84;
	border-style: solid;
	margin: 50px 0 30px 0;
}
/*サブタイトル*/
.commontemplate h3{
	font-size: 24px;
	padding: 30px 0 10px 0;
}
/*テキスト*/
.commontemplate p{
	font-size: 18px;
	padding:5px 0;
}
/*table外枠*/
.commontemplate table{
	border: solid 1px #888;
	width: 100%;
}
/*tableタイトル部分*/
.commontemplate th{
	background-color: #376b84;
	text-align: left;
	vertical-align: middle;
	padding: 20px 0;
	border: 1px solid #888;
	color: #fff;
	font-size: 18px;
}
/*横行タイトル部分*/
.commontemplate thead th{
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
}
/*横行タイトル二列目部分*/
.commontemplate thead td{
	background-color: #ccc;
}
/*縦列タイトル部分*/
.commontemplate tbody th{
	width: 24%;
	font-size: 18px;
	padding-left: 30px;
}
/*table中身部分*/
.commontemplate td{
	border: 1px solid #888;
	text-align: left;
	padding-left: 20px;
	vertical-align: middle;
	height: 70px;
	font-size: 18px;
}
/*料金表(数字)の中身部分*/
.commonnumber td{
	text-align: center !important;
	padding-left: 0!important;
}
/*料金表 メンバー・ゲストの幅を均等にする*/
.commontitlewidth{
	width: 38%;
}
/*料金表 ゲストの平日・土日祝の幅を均等にする*/
.commonsubtitlewidth{
	width: 19%;
}
/*textを右寄せにする*/
.textright{
	text-align: right;
}
/*ol,li表示*/
.secondphasedecimal{
	padding-left: 30px !important;
}
.secondphasedecimal li{
	display: list-item !important;
	list-style-type: decimal !important;
	padding: 10px 0;
}

/*ol.li表示(括弧付き)*/
.bracketsdecimal{
	margin-left: 2em;
}
.bracketsdecimal li{
	counter-increment: cnt;
	padding: 10px 0;
}
.bracketsdecimal li:before{
	display: inline-block;
	content: "(" counter(cnt) ") ";
	margin-left: -2em;
	width: 2em;
}

/*マナー&amp;エチケットページpadding*/
.secondphasepad{
	margin-left: 15px;
}
.secondphasepad .secondphasedecimal, .secondphasepad a{
	padding-left: 40px !important;
}

/*アクセスページ　小見出し*/
.commonptitle{
	padding: .5em;
	border-left: 25px solid #7ED1E6;
}

/*第2フェーズページボタン*/

.commonbtnwrap{
	width: 100%;
	margin: 50px 0;
	text-align:center;
}
.commonbtn{
	padding: 20px 80px;
	border-radius: 50px;
	text-align: center;
	font-size: 25px;
	border: solid 3px #fff;
	box-shadow: 0 0 0 3px #4d8f3f;
	color: #4d8f3f;
	transition: 0.3s;
	background-color: #fff;
	width: calc(50% / 2 );
}
.btnpad{
	margin-left: 50px;
}
/*hover時*/
.commonbtn:hover{
	background-color: #4d8f3f;
	box-shadow: 0 0 0 3px #4d8f3f;
	transition: 0.3s;
	color: #fff;
}
/*クリック時*/
.commonbtn:active{
	background-color: #6dcc5a;
	box-shadow: 0 0 0 3px #6dcc5a;
	transition: 0s;
}

/*第2フェーズ横並び*/
.commonflex{
	display: flex;
	justify-content: space-between;
}
.commonflexcontent{
	flex-shrink: 1;
	width: 50%;
}
.commonflexcontent img{
	width: 100%;
	max-width: 100%;
}
.commonflexright{
	padding-left:20px;
}
.commonpadbottom{
	margin-bottom: 30px;
}
/*アクセスページ　見出しの■*/
.square {
	position: relative;
	padding: .3em .3em .3em 1em !important;
}
.square::after {
	position: absolute;
	content: '';
	bottom: .8em;
	left: 0;
	top: 0.4em;;
	width: 12px;
	height: 12px;
	background-color: #000;
}
.round::after{
	border-radius: 10px;
	background-color: #f39903;
}
/*見出し■の色*/
.green::after{
	background-color: #019944;
}
.lightblue::after{
	background-color: #0280CD;
}
.yellow::after{
	background-color: #F39903;
}
.pink::after{
	background-color: #EE6C8E;
}
.blue::after{
	background-color: #1F2289;
}

/*ご挨拶ページ*/
/*左側肩書部分*/
.greetingleft p{
	font-size: 14px;
}
/*左側画像*/
.greetingleft img{
	padding-top: 10px;
}
/*左側氏名*/
.greetingname{
	font-size: 36px !important;
}
/*右側挨拶文*/
.greetingright{
	padding-left: 50px;
	line-height: 2.0em;
}
/*境界線*/
.greetingline{
	border-top: 1px solid #000;
	padding-top: 50px;
	margin-top: 100px;
}

/* ---------------------会員ページ用--------------------- */
.memonly-template{
	padding: 0 30px 100px 30px;
	margin: auto;
	width: 80%;
}
/*メインタイトル*/
.memonly-template h1{
	font-size: 30px;
	width: 100%;
	border-width: 0 0 1px 20px;
	padding-left: 10px;
	border-color: #888 #376b84;
	border-style: solid;
	margin: 50px 0 30px 0;
}
/*サブタイトル*/
.memonly-template h3{
	font-size: 24px;
	padding: 30px 0 10px 0;
	margin-left: 1em;
}
/*テキスト*/
.memonly-template p{
	font-size: 18px;
	padding:5px 0;
	padding-left: 2rem;
	line-height: 1.6rem;
	margin-left: 1em;
	}
/*table外枠*/
.memonly-template table{
	border: solid 1px #888;
	width: 100%;
}

/*table外枠*/
.memonly-template-sub table{
/*	border: solid 1px #888; */
	width: 100%;
}

/*tableタイトル部分*/
.memonly-template th{
	background-color: #376b84;
	text-align: left;
	vertical-align: middle;
	padding: 20px 0;
	border: 1px solid #888;
	color: #000;
	font-size: 18px;
}
/*横行タイトル部分*/
.memonly-template thead th{
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
}
/*横行タイトル二列目部分*/
.memonly-template thead td{
	background-color: #ccc;
}
/*縦列タイトル部分*/
.memonly-template tbody th{
	width: 24%;
	font-size: 18px;
	padding-left: 30px;
}
/*table中身部分*/
.memonly-template td{
	border: 1px solid #888;
	text-align: left;
	padding-left: 20px;
	vertical-align: middle;
	height: 70px;
	font-size: 18px;
}
.memonly-template-sub td{
	border: 1px solid #fff;
	text-align: left;
	padding-left: 20px;
	vertical-align: middle;
	height: 46px;
	font-size: 18px;
	line-height: 1.6rem;
	}

.memonly-btnwrap {
	width: 100%;
	margin: 50px 0;
	text-align:center;
}
.memonly-btn {
	padding: 20px 80px;
	border-radius: 50px;
	text-align: center;
	font-size: 25px;
	border: solid 3px #fff;
	box-shadow: 0 0 0 3px #4d8f3f;
	color: #4d8f3f;
	transition: 0.3s;
	background-color: #fff;
	width: calc(50% / 2 );
}

/*hover時*/
.memonly-btn:hover{
	background-color: #4d8f3f;
	box-shadow: 0 0 0 3px #4d8f3f;
	transition: 0.3s;
	color: #fff;
}
/*クリック時*/
.memonly-btn:active{
	background-color: #6dcc5a;
	box-shadow: 0 0 0 3px #6dcc5a;
	transition: 0s;
}

table.mem-service {
/*	width:640px; */
	border-collapse:collapse;
	border:1px solid #666;
	margin-top:1em;
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
}
table.mem-service caption {
	font-size:18px;
	font-weight:bold;
	text-align:left;
}
table.mem-service th, table.mem-service td {
	font-size:14px;
	text-align:center;
	padding:10px;
	white-space:nowrap;
	border:1px solid #666;
}
table.mem-service th {
	background-color:#ccc;
}
table.mem-service th.th_2nd {
	background-color:#fc6;
}
table.mem-service th.th_3rd {
	background-color:#9c6;
}
table.mem-service td.wrap {
	text-align:left;
	white-space:normal;
	font-size: 14px;
	line-height: 1.2rem;
	}
table.mem-small td {
	font-size:14px;
}

#mem_only label {
	font-size: 25px;
	}
#mem_only input#pwbox-706 {
	border: solid 1px #000;
	height: 30px;
	margin-left: 1rem;
	}

#mem_only input[type="submit"] {
	margin-left: 4rem;
	padding: 10px 80px;
	border-radius: 50px;
	text-align: center;
	font-size: 25px;
	border: solid 3px #fff;
	box-shadow: 0 0 0 3px #4d8f3f;
	color: #4d8f3f;
	transition: 0.3s;
	background-color: #fff;
	width: calc(50% / 2 );
	}
/*hover時*/
#mem_only input[type="submit"]:hover{
	background-color: #4d8f3f;
	box-shadow: 0 0 0 3px #4d8f3f;
	transition: 0.3s;
	color: #fff;
	}
/*クリック時*/
#mem_only input[type="submit"]:active{
	background-color: #6dcc5a;
	box-shadow: 0 0 0 3px #6dcc5a;
	transition: 0s;
	}

/* ニュース一覧など
======================================*/
.othertemplate{
	padding: 0 30px 100px 30px;
	margin: auto;
	width: 80%;
	}</pre></body></html>