/* ==========================================================================
トップ
========================================================================== */

	/*メインスライド*/
	.topslide li{
		width: 100vw;
		}
		.topslide li p{
			background-size: cover;
			height: calc(100vh - 40px);
			color: #fff;
			font-size: 24px;
			padding-top: 35vh;
			text-align: center;
			}
			.topslide li p span{
				font-size: 24px;
				display: block;
				}
		/*slickの順番はずれる*/
		.topslide li.topslide1 p{
			background-image: url(../images/img-topmain01.jpg);
			background-position-y: bottom;
			background-position-x: -280px;
			}
		.topslide li.topslide2 p{
			background-image: url(../images/img-topmain02.jpg);
			background-position-x: -70px;
			background-position-y: top;
			}
		.topslide li.topslide3 p{
			background-image: url(../images/img-topmain03.jpg);
			background-position-x: -500px;
			}
		.topslide li.topslide4 p{
			background-image: url(../images/img-topmain04.jpg);
			background-position-x: -60px;
			}
		.topslide li.topslide5 p{
			background-image: url(../images/img-topmain05.jpg);
			background-position-x: -400px;
			}
	
	/*top 下*/
	#topmain-btm{
		position:absolute;
		bottom: 0;
		height: 85px;
		width: 100vw;
		}
	/*arrowWrap*/
	.arrowWrap{
		display: none;
		}
	/*ニュース*/
	.topnews{
		display:flex;
		background-color:white;
		position: relative;
    	overflow: hidden;
		height: 45px;
		}
		.topnews h2{
			display:none;
			}
		/*上向きボタン*/
		.topnews-btn{
			display:none;
			}

		/*フェードインアウトニュース（ボタンクリック前）*/
		.topnews .fadeinnews{
			flex-grow: 1;
			padding: 0 5px;
			opacity: 1;
			transition: 1s !important;
			}
			.topnews .fadeinnews ul{
				position: relative;
				}
			.topnews .fadeinnews ul li{
				display: none;
				}
				.topnews ul li div{
					display: flex;
					}
					.topnews .fadeinnews ul li p{
						line-height:45px;
						}
						/*day*/
						.topnews ul li p:nth-of-type(1){
							display: none;
							}
						/*category*/
						.topnews ul li p:nth-of-type(2){
							color: #fff;
							align-self: center;
							text-align: center;
							width: 60px;
							margin-right: 5px;
							line-height:20px;
							font-size: 10px;
							border-radius: 3px;
							}
							.cate-news{
								background-color:#9f8f34;
								}
							.cate-events{
								background-color:#803f67;
								}
							.cate-competition{
								background-color:#197136;
								}
							.cate-important{
								background-color:#b33f3f;
								}
							.cate-compe_events{
								background-color:#2c7d8a;
								}

					/*フェードインニュースのタイトルは文字数制限*/
					.topnews ul li p:nth-of-type(3){
						width: calc(100vw - 150px);
						text-overflow: ellipsis;
						overflow: hidden;
						white-space: nowrap;
						}
			/*全部ニュースはなし*/
			.topnews .allnews{
				display: none;
				}

		/*ニュース一覧ボタン*/	
		.topnews .minbtn-area{
			border: none;
			align-self: flex-start;
			margin-left: auto;
			}
			.topnews .minbtn-area a{
				background-color: #eee;
				width: 35px;
				line-height: 40px;
				font-size: 12px;
				font-weight: 600;
				}
				.topnews .minbtn-area a span{
					display: none;
					}
				.topnews .minbtn-area a:nth-of-type(1){
					margin-right: 2px;
					}
				.topnews .minbtn-area a::after{
					display: none;
					}

	/*トップ 6つのボタン*/
	#topcontents{
		background-color:#1d2154;
		}
		#topcontents li{
			position: relative;
			}
			/*ボタンの画像*/
			#topcontents .btn-image{
				background-size: cover;
				opacity: 0;	
				}
				#topcontents .topbtn-course .btn-image{
					background-image: url(../images/bg-topbtn-course.jpg);
					background-position-x: center;
					}
				#topcontents .topbtn-caddie .btn-image{
					background-image: url(../images/bg-topbtn-caddie.jpg);
					background-position: -320px;
					}
				
				#topcontents .topbtn-bottom ul{
					}
					#topcontents .topbtn-bottom ul li{
						}
						#topcontents .topbtn-access .btn-image{
							background-image: url(../images/bg-topbtn-access.jpg);
							background-position: right 22% bottom;
							}

			/*フラッシュ表示用*/
			#topcontents  .flsh-area{
				background-color: #fff;
				position: absolute;
				width: 100%;
				top: 0;
				left:0;
				opacity: 0;
				transition: 0.5s;
				}
				#topcontents li.scrollanime:hover .flsh-area{
					opacity: 0.4;
					transition: 1s;
					}

			#topcontents li  .btn-txt h3{
				font-weight: 300;
				font-size: 20px;
				color: #fff;
				text-align: center;
				opacity: 0;
				}
				#topcontents li  .btn-txt h3 span{
					font-weight: 300;
					font-size: 20px;
					display: block;
					}
				#topcontents li .btn-txt p{
					font-size: 14px;
					color: #fff;
					text-align: center;
					opacity: 0;
					}
				#topcontents li .btn-area{
					opacity: 0;
					}

			/*コース*/
			#topcontents .topbtn-course .btn-image,
			#topcontents  .topbtn-course .flsh-area{
				height: 450px;
				}
				/*テキスト*/
				#topcontents .topbtn-course .btn-txt{
					opacity: 0;
					padding: 80px 15px 80px;
					}
					#topcontents .topbtn-course .btn-txt h3{
						padding-bottom: 30px;
						}
					#topcontents .topbtn-course .btn-txt p{
						padding-bottom: 50px;
						}

			/*キャディ*/
			#topcontents .topbtn-caddie .btn-image,
			#topcontents  .topbtn-caddie .flsh-area{
				height: 450px;
				}
				/*テキスト*/
				#topcontents .topbtn-caddie .btn-txt{
					opacity: 0;
					padding: 4px;
					position: absolute;
					left: 0;
					bottom: 50px;
					}
					#topcontents .topbtn-caddie .btn-txt-inn{
						padding: 20px 10px;
						}
				#topcontents .topbtn-caddie .btn-txt *{
					}
					#topcontents .topbtn-caddie .btn-txt h3{
						padding-bottom: 30px;
						}
					#topcontents .topbtn-caddie .btn-txt p{
						padding-bottom: 50px;
						font-size: 13px;
						}
			
			/*アクセス*/
			#topcontents .topbtn-access .btn-image,
			#topcontents  .topbtn-access .flsh-area{
				height: 450px;
				}
				#topcontents .topbtn-access .btn-txt{
					opacity: 0;
					margin:0 auto;
					padding: 100px 15px 0;
					}
					#topcontents .topbtn-access .btn-txt h3{
						padding-bottom: 30px;
						}
					#topcontents .topbtn-access .btn-txt p{
						padding-bottom: 50px;
						}

/*TOPアニメ===================================================*/
/*TOPヘッダ*/
#homepage #header{
	/*7-8sのアニメ*/
	animation: fadeindown 1s forwards;
	animation-delay: 1s;
	top: -50px;
	height: 0;
	}
	@keyframes fadeindown{
		0% {
			top: -50px;
			height: 0;
			}
		100% { 
			top: 0;
			height: 50px;
			}
		}
	
/*TOPサイド*/
#homepage #sidemenu-area{
	/*7-8sのアニメ*/
	animation: fadeinleft 1s forwards;
	animation-delay: 1s;
	right: -100px;
	width: 0;
	}
	@keyframes fadeinleft{
		0% {
			right: -100px;
			width: 0;
			}
		100% { 
			right: 0;
			width: 100px;
			}
		}
	/*アニメのためにハンバーガーのpositionをrelativeに*/
	#homepage #humbergar{
		animation: homehumbergar 1s forwards;
		animation-delay: 1s;
		right: -50px;
		}
		@keyframes homehumbergar{
		0% {
			right: -50px;
			}
		100% {
			right: 10px;
			}
		}



/*TOPボタンアニメ===================================================*/
/*コース*/	
#topcontents li:nth-of-type(1) .btn-image{/*スクロールエフェクトなし*/
	animation: fadeinblur 2.0s forwards;
	animation-delay: 3s;
	}
	#topcontents li:nth-of-type(1) .btn-txt,
	#topcontents li:nth-of-type(1) .btn-txt-inn{
		animation: fadeinblur 0.5s forwards;
		animation-delay: 4s;
		}
		#topcontents li:nth-of-type(1) h3{
			animation: fadeinblur 0.5s forwards;
			animation-delay: 4.5s;
			}
		#topcontents li:nth-of-type(1) p{
			animation: fadeinblur 0.5s forwards;
			animation-delay: 4.8s;
			}
		#topcontents li:nth-of-type(1) .btn-area{
			animation: fadeinblur 0.5s forwards;
			animation-delay: 5.8s;
			}

/*キャディ*/	
#topcontents li:nth-of-type(2).scrollactive .btn-image,
#topcontents li:nth-of-type(2).scrollactive .btn-txt,
#topcontents li:nth-of-type(2).scrollactive .btn-txt-inn{
	animation: fadeinblur 0.5s forwards;
	}
	#topcontents li:nth-of-type(2).scrollactive h3{
		animation: fadeinblur 0.5s forwards;
		animation-delay: 0.5s;
		}
	#topcontents li:nth-of-type(2).scrollactive p{
		animation: fadeinblur 0.5s forwards;
		animation-delay: 1.0s;
		}
	#topcontents li:nth-of-type(2).scrollactive .btn-area{
		animation: fadeinblur 0.5s forwards;
		animation-delay: 2.0s;
		}

/*アクセス*/
#topcontents li:nth-of-type(3).scrollactive .btn-image,
#topcontents li:nth-of-type(3).scrollactive .btn-txt,
#topcontents li:nth-of-type(3).scrollactive .btn-txt-inn{
	animation: fadeinblur 0.5s forwards;
	}
	#topcontents li:nth-of-type(3).scrollactive h3{
		animation: fadeinblur 0.5s forwards;
		animation-delay: 0.5s;
		}
	#topcontents li:nth-of-type(3).scrollactive p{
		animation: fadeinblur 0.5s forwards;
		animation-delay: 1.0s;
		}
	#topcontents li:nth-of-type(3).scrollactive .btn-area{
		animation: fadeinblur 0.5s forwards;
		animation-delay: 2.0s;
		}

@keyframes fadeinblur{
	0% {
		opacity: 0;
		filter: blur(4px);
		}
	100% {
		opacity: 1;
		filter: blur(0);
		}
	}


/* ==========================================================================
料金案内
========================================================================== */
#guide .page-mainarea{
	height: 350px;
	}
	#guide .page-mainarea{
		background-image: url(../images/bg-guide.jpg);
		background-position-y: 700px;
		background-position-x:center;
		}
	#guide .page-mainarea h1{
		text-align: center;
		color: #fff;
		padding-top: 100px;
		}

#guide{
	background-color: #0e1028;
	}
	#guide h2,
	#guide h3,
	#guide p,
	#guide li{
		color: #fff;
		}
		#guide table li{
			color: #000;
			}
			#guide .bg-gray li{
				font-size: 18px;
				color: #000;
				}
		#guide .txt-subtitle-area{
			padding-bottom: 15px;
			text-align: left;
			}
	#guide #guest-area .table-common th{
		white-space: nowrap;
		}
		#guide .table-common th span{
			display: block;
			}
	#guide .list-atten{
		padding-bottom: 20px;
		}
		#guide .list-atten li{
			}
	#guide .btn-area{
		flex-wrap: wrap;
        margin-bottom: 30px;
		}
		#guide .btn-area a:nth-of-type(1){
			margin-right: 2px;
			margin-bottom: 2px;
			width: 47%;
			}
		#guide .btn-area a:nth-of-type(2){
			margin-bottom: 2px;
			width: 47%;
			}
		#guide .btn-area a:nth-of-type(3){
			width: 98%
			}
	
	/*スクロール*/
	/* テーブルエリア */
	#guide-area .scroll{
		/*tableをスクロールさせる*/
		overflow: auto;
		/*tableのセル内にある文字の折り返しを禁止*/
		white-space: nowrap;
		width: 100%;
		margin:0 auto;
		}
		/*バーの太さ*/
		#guide-area .scroll::-webkit-scrollbar{
			height: 15px;
			border-radius:10px ;
			}
			/*バーの背景色*/
			#guide-area .scroll::-webkit-scrollbar-track{
				background: rgb(255,255,255,.4);
				border-radius:10px ;
				}
				/*バーの色*/
				#guide-area .scroll::-webkit-scrollbar-thumb{
					background: rgb(255,255,255,.7);
					border-radius:10px ;
					}
			/* スクロールヒント */
			#guide-area .scroll-hint-icon {
				height: 90px !important;
				}
				#guide-area img{
					width:160%;
					height: auto;
					padding:0 10px
					}
	#compe-area .table-common{
		margin-bottom: 30px;
		}
        #compe-area .btn-area{
            margin-bottom: 0;
            }	

/* ==========================================================================
当俱楽部について
========================================================================== */
#aboutus{
	background-color: #0e1028;
	}
	#aboutus h2{
		color: #fff;
		}
	#aboutus .slick-prev{
		 z-index:50!important;
		 }
		#aboutus .slick-next{
		    z-index:50!important;
			}

/*メインエリア*/
/*PCタイトル非表示*/
#aboutus .main-titlearea{
	display: none;
	}

	/*スライド*/
	#aboutus .aboutus-mainarea{
		background-color: #000
		}
	#aboutus .aboutus-mainarea li{
		height:40vh; 
		}
		#aboutus .aboutus-mainarea li div{
			height:40vh; 
			background-size:cover;
			opacity: 0.6
			}
		#aboutus .aboutus-mainarea li:nth-of-type(1) div{
			background-image: url(../images/bg-aboutus1.jpg);
			background-position: bottom left 
			}
		#aboutus .aboutus-mainarea li:nth-of-type(2) div{
			background-image: url(../images/bg-aboutus2.jpg);
			background-position: bottom right -100px;
			}
		/*ハウス内観*/
		#aboutus .aboutus-mainarea li:nth-of-type(3) div{
			background-image: url(../images/bg-aboutus3.jpg);
			background-position: bottom center; 
			}
		/*ロッカー*/
		#aboutus .aboutus-mainarea li:nth-of-type(4) div{
			background-image: url(../images/bg-aboutus4.jpg);
			background-position: bottom center; 
			}
		/*ラウンジ*/	
		#aboutus .aboutus-mainarea li:nth-of-type(5) div{
			background-image: url(../images/bg-aboutus5.jpg);
			background-position: bottom right 10px;
			}
		/*特別室*/
		#aboutus .aboutus-mainarea li:nth-of-type(6) div{
			background-image: url(../images/bg-aboutus6.jpg);
			background-position: bottom center; 
			}
		/*ドライビングレンジ*/
		#aboutus .aboutus-mainarea li:nth-of-type(7) div{
			background-image: url(../images/bg-aboutus7.jpg);
			background-position-x: -50px;
			}
		/*パッティング*/
		#aboutus .aboutus-mainarea li:nth-of-type(8) div{
			background-image: url(../images/bg-aboutus8.jpg);
			background-position: bottom right; 
			}
		/*アプローチ・バンカー*/
		#aboutus .aboutus-mainarea li:nth-of-type(9) div{
			background-image: url(../images/bg-aboutus9.jpg);
			background-position: bottom center; 
			}
		/*コンペルーム*/
		#aboutus .aboutus-mainarea li:nth-of-type(10) div{
			background-image: url(../images/bg-aboutus10.jpg);
			}
		/*ショップ*/
		#aboutus .aboutus-mainarea li:nth-of-type(11) div{
			background-image: url(../images/bg-aboutus11.jpg);
			}
		/*ショップ*/
		#aboutus .aboutus-mainarea li:nth-of-type(12) div{
			background-image: url(../images/bg-aboutus12.jpg);
			}
		/*男性浴室*/
		#aboutus .aboutus-mainarea li:nth-of-type(13) div{
			background-image: url(../images/bg-aboutus13.jpg);
			background-position: bottom center; 
			}
		/*女性浴室*/	
		#aboutus .aboutus-mainarea li:nth-of-type(14) div{
			background-image: url(../images/bg-aboutus14.jpg);
			background-position: bottom center; 
			}
		#aboutus .aboutus-mainarea li:nth-of-type(15) div{
			background-image: url(../images/bg-aboutus15.jpg);
			}

		/*スライド画像タイトル*/	
		#aboutus .aboutus-mainarea li p{
			position: absolute;
			bottom: 0;
			width: 100% !important;
			}
			#aboutus .aboutus-mainarea li p span{
				display: block;
				width: 100% !important;
				font-size: 14px;
				text-align: center;
				line-height: 30px;
				color: #0e1028;
				background-color: rgba(255,255,255,.7);
				}
		/*スライド矢印*/
		#aboutus .slick-prev{
			left: 10px !important;
			opacity: 0.5 !important;
			}
			#aboutus .slick-prev:hover{
				opacity: 0.8 !important;
				transition: 0.5s;
				}
			#aboutus .slick-next{
				right: 10px !important;
				opacity: 0.5 !important;
				}
				#aboutus .slick-next:hover{
					opacity: 0.8 !important;
					transition: 0.5s;
					}
		/*スマホタイトル*/
		#aboutus .sp-title{
			font-size: 24px;
			text-align: center;
			color: #fff;
			}

/*表部分*/
#aboutus h2{
	color: #fff;
	font-size: 14px !important;
	padding: 20px 20px 30px !important;
	}
	#aboutus h2 span{
		font-size: 14px;
		display: block;
		}

/* ==========================================================================
ファンケル
========================================================================== */
#fancl .page-mainarea{
	min-height: 650px;
	}
	#fancl .page-mainarea{
		background-image: url(../images/bg-fancl.jpg);
		}
		#fancl .page-mainarea-bg{
			background-color: rgba(0,0,0,0.6);
			}
	#fancl .page-mainarea h1{
		text-align: center;
		color: #fff;
		padding-top: 50px;
		}
		#fancl .main-titlearea p{
			font-size: 14px;
			color: #fff;
			padding: 30px 10px 0;
			}
			#fancl .main-titlearea p span{
				font-size: 14px;
				}
			#fancl .main-titlearea p span.min-txt{
				font-size: 12px;
				display: block;
				margin-bottom:20px;
				}
		#fancl p.btn-area{
			padding: 2px;
			margin-bottom: 30px;
			}


	
/* ==========================================================================
社会貢献活動
========================================================================== */
#contributions .page-mainarea{
	height: 100vh;
	}
	#contributions .page-mainarea{
		background-image: url(../images/bg-contributions.jpg);
		}
		#contributions .page-mainarea-bg{
			background-color: rgba(0,0,0,0.45);
			}
	#contributions .page-mainarea h1{
		text-align: center;
		color: #fff;
		padding-top: 50px;
		}
		#contributions .main-titlearea p{
			padding: 50px 0 50px;
			font-size: 14px;
			color: #fff;
			text-align: center;
			}
	#contributions .table-common{
		background-color: transparent;
		}
		#contributions .table-common th,
		#contributions .table-common td{
			background-color: rgba(0,0,0,0.4);
			color: #fff;
			font-weight: normal;
			font-size: 12px;
			}


/* ==========================================================================
ごあいさつ
========================================================================== */
#greeting .page-mainarea{
	}
	#greeting .page-mainarea{
		background-image: url(../images/bg-greeting.jpg);
		background-position-y: bottom;
		}
		#greeting .page-mainarea-bg{
			background-color: rgba(0,0,0,0.5);
			}
	#greeting .page-mainarea h1{
		text-align: center;
		color: #fff;
		padding-top: 50px;
		}
	
	#greeting .greeting-area{
		padding-top: 50px
		}
		#greeting .greeting-area div{
			}
			#greeting .greeting-area p{
				font-size: 14px;
				color: #fff;
				padding-bottom: 20px;
				}
				/*署名*/
				#greeting .greeting-area p:nth-of-type(3){
					padding-bottom: 30px;
					}
				#greeting .greeting-area p:nth-of-type(4){
					text-align: right;
					}
		#greeting .greeting-area img{
			width: 250px;
			}


/* ==========================================================================
コンペ幹事様へ
========================================================================== */

/*メインエリア*/
#coordinator .page-mainarea{
	background-image: url(../images/bg-coordinator.jpg);
	background-position-x: -850px;
	position: relative;
	height: auto !important;
	}
	#coordinator .title-area{
		margin:0 auto;
		padding-top: 30px;
		}
		#coordinator .title-area .sbt-coordinator{
			border-top-right-radius: 5px;
			border-top-left-radius: 5px;
			background-color: #7a1a56;
			color: #fff;
			line-height: 50px;
			font-size: 18px;
			text-align:center;
			}
		#coordinator .title-area h1{
			background-color: #fff;
			color:#0e1028;
			border-radius: 10px;
			text-align: center;
			font-weight: 600;
			padding: 10px 0 7px;
			font-size: 24px;
			}
			#coordinator .title-area h1 img{
				display: block;
				width: 250px;
				margin: 0 auto;
				}
			#coordinator .title-area h1 span.txt-shin{
				font-weight: 200;
				font-size: 18px;
				display: block;
				}
			/*丸文字指定*/
			#coordinator .title-area h1 .marumoji{
				width:40px;
				height: 40px;
				background-color:#b02d7f;
				color: #fff;
				}
				#coordinator .title-area h1 .marumoji span{
					font-size: 30px;
					line-height: 21px;
					}

		#coordinator .title-area .compe-merit{
			border-radius: 10px;
			border:solid 4px rgba(255,255,255,0.5);
			flex-wrap: wrap;
			}
			#coordinator .title-area .compe-merit li{
				position: relative;
				text-align: center;
				color: #fff;
				background-size: auto 130px;
				}
				#coordinator .title-area .compe-merit li:nth-of-type(1),
				#coordinator .title-area .compe-merit li:nth-of-type(2),
				#coordinator .title-area .compe-merit li:nth-of-type(3),
				#coordinator .title-area .compe-merit li:nth-of-type(4){
					border-bottom: solid 3px rgba(255,255,255,0.5);
					height: 180px;
					}
					#coordinator .title-area .compe-merit li:nth-of-type(1){
						background: url(../images/bg-compe-num1.png) no-repeat center center;
						}
					#coordinator .title-area .compe-merit li:nth-of-type(2){
						background: url(../images/bg-compe-num2.png) no-repeat center center;
						}
					#coordinator .title-area .compe-merit li:nth-of-type(3){
						background: url(../images/bg-compe-num3.png) no-repeat center center;
						}
					
				#coordinator .title-area .compe-merit li:nth-of-type(4),
				#coordinator .title-area .compe-merit li:nth-of-type(5){
					height: 180px;
					}
					#coordinator .title-area .compe-merit li:nth-of-type(4){
						background: url(../images/bg-compe-num4.png) no-repeat center center;
						}
					#coordinator .title-area .compe-merit li:nth-of-type(5){
						background: url(../images/bg-compe-num5.png) no-repeat center center;
						}
					#coordinator .title-area .compe-merit li h3{
						font-size: 30px;
						line-height: 30px;
						padding-top: 50px;
						}
						#coordinator .title-area .compe-merit li h3 span{
							font-size: 18px;
							display: block;
							}
						/*4,5の位置を少しうえに*/
						#coordinator .title-area .compe-merit li:nth-of-type(4) h3,
						#coordinator .title-area .compe-merit li:nth-of-type(5) h3{
							padding-top: 50px;
							}
				#coordinator .title-area .compe-merit li p{
					display: none;
					}

	/*幹事ページ アニメ===================================================*/
	#coordinator .title-area .sbt-coordinator,
	#coordinator .title-area h1,
	#coordinator .title-area h1 .marumoji{
		opacity: 0;
		}
	#coordinator .title-area .sbt-coordinator{
		animation: fadeinup 1s forwards;
		position: relative;
		animation-delay: 0.5s;
		}
		#coordinator .title-area h1{
			animation: fadeinup 1s forwards;
			position: relative;
			animation-delay: 1.5s;
			}
			#coordinator .title-area h1 .marumoji{
				animation: fadeinup 1s forwards;
				animation-delay: 2.5s;
				}

		@keyframes fadeinup{
		0% {
			bottom: -10px;
			}
		50% {
			opacity: 0;
			bottom: -5px;
			}	
		100% { 
			opacity: 1;
			bottom:0;
			}
		}

	#coordinator .compe-merit,
	#coordinator .compe-merit li,
	#coordinator .compe-merit li h3,
	#coordinator .compe-merit li p{
		opacity: 0;	
		}	
	#coordinator .compe-merit{
		animation: fadeinblur 0.5s forwards;
		animation-delay: 3s;
		}

	#coordinator .compe-merit li:nth-of-type(1){
		animation: fadeinblur 0.5s forwards;
		animation-delay: 3.5s;
		}
		#coordinator .compe-merit li:nth-of-type(1) h3{
			animation: fadeinblur 0.5s forwards;
			animation-delay: 3.75s;
			}
		#coordinator .compe-merit li:nth-of-type(1) p{
			animation: fadeinblur 0.5s forwards;
			animation-delay: 4.0s;
			}
	
	#coordinator .compe-merit li:nth-of-type(2){
		animation: fadeinblur 0.5s forwards;
		animation-delay: 4.25s;
		}
		#coordinator .compe-merit li:nth-of-type(2) h3{
			animation: fadeinblur 0.5s forwards;
			animation-delay: 4.5s;
			}

	#coordinator .compe-merit li:nth-of-type(3){
		animation: fadeinblur 0.5s forwards;
		animation-delay: 4.75s;
		}
		#coordinator .compe-merit li:nth-of-type(3) h3{
			animation: fadeinblur 0.5s forwards;
			animation-delay: 5.0s;
			}
		#coordinator .compe-merit li:nth-of-type(3) p{
			animation: fadeinblur 0.5s forwards;
			animation-delay: 5.25s;
			}
	
	#coordinator .compe-merit li:nth-of-type(4){
		animation: fadeinblur 0.5s forwards;
		animation-delay: 5.5s;
		}
		#coordinator .compe-merit li:nth-of-type(4) h3{
			animation: fadeinblur 0.5s forwards;
			animation-delay: 5.75s;
			}
		#coordinator .compe-merit li:nth-of-type(4) p{
			animation: fadeinblur 0.5s forwards;
			animation-delay: 6.0s;
			}
	
	#coordinator .compe-merit li:nth-of-type(5){
		animation: fadeinblur 0.5s forwards;
		animation-delay: 6.25s;
	}
		#coordinator .compe-merit li:nth-of-type(5) h3{
			animation: fadeinblur 0.5s forwards;
			animation-delay: 6.5s;
			}

#coordinator .btn-area a{
	width: 90% !important;
	}

/*ご予約*/
#coordinator #reserve-area{
	background-color: #0e1028;
	}
	#coordinator #reserve-area h2,
	#coordinator #reserve-area p{
		color: #fff;
		}
	#coordinator #reserve-area .btn-area a{
		color: #fff;
		}
	/*リスト*/
	#coordinator .list-before-reserve{
		padding-bottom: 50px;
 		}
		#coordinator .list-before-reserve li{
			border-radius: 10px;
			background-color: #fff;
			position: relative;
			}
		#coordinator .list-before-reserve li h3{
			padding: 15px 0;
			text-align: center;
			font-size: 24px;
			}
			#coordinator .list-before-reserve li:nth-of-type(1) h3{
				color:#cb5ca1;
				}
			#coordinator .list-before-reserve li:nth-of-type(2) h3{
				color:#538fd3;
				}
			#coordinator .list-before-reserve li:nth-of-type(3) h3{
				color:#4ba569;
				}
			#coordinator .list-before-reserve li:nth-of-type(4) h3{
				color:#ceb320;
				}
			#coordinator .list-before-reserve li:nth-of-type(5) h3{
				color:#cb6f46;
				}
		#coordinator #reserve-area .list-before-reserve p{
			text-align: center;
			color: #0e1028;
			font-size: 18px;
			}
		#coordinator .list-before-reserve .list-dot{
			padding-bottom: 60px;
			text-align: center;
			}
			#coordinator .list-before-reserve .list-dot li{
				background-color:transparent;
				width: auto;
				font-size: 18px;
				}
			/*送迎バスの下余白*/
			#coordinator .list-before-reserve li:nth-of-type(5) p:nth-of-type(1){
				padding-bottom: 60px;
				}

		#coordinator .list-before-reserve .subbtn-area{
			position: absolute;
			width: 180px;
			bottom: 20px;
			left: calc(50vw - 90px);
			}
	#coordinator .attention{
		color: #b02d7f;
		font-size: 18px;
		text-align: center;
		padding: 20px 0; 
		}

/*モーダルの中=====================*/
.detail-daybefore{
	display: none;
	}
	.detail-daybefore span{
		display: block;
		}
	
	/*.detail-daybefore-inn で指定しないと反映されない*/
	.detail-daybefore-inn h3{
		font-size: 18px;
		padding-bottom: 10px;
		text-align: center;
		color: #0e1028 ;
		max-width: 80vw;
		}
		.detail-daybefore-inn p{
			font-size: 18px;
			padding-bottom: 10px;
			text-align: center;
			color: #0e1028 ;
			}

				/*注意*/
				.detail-daybefore-inn .attention{
					color: #b02d7f;
					font-size: 16px;
					text-align: center;
					padding: 20px 0; 
					max-width: 80vw;
					}
				.detail-daybefore-inn .minbtn-area{
					border: none;
					}
					.detail-daybefore-inn .minbtn-area a{
						background-color: #6e707e;
						color: #fff;
						width: 175px;
						}
						.detail-daybefore-inn .minbtn-area a:hover{
							background-color: #0e1028;
							}
					.detail-daybefore-inn .minbtn-area a:nth-of-type(2){
						margin-left: 2px;
						}

/*前日のご確認*/
#daybefore-area{
	background-color: #cfcfd4;
	}
	#daybefore-area p{
		color: #0e1028;
		}
	#daybefore-area .btn-area a:nth-of-type(1),
	#daybefore-area .btn-area a:nth-of-type(2){
		margin-right: 2px;
		}
		#daybefore-area .btn-area{
			flex-wrap: wrap !important;
			}

	.checklist-daybefore{
		flex-wrap: wrap;
		}
		.checklist-daybefore li{
			color: #0e1028;
			display: flex;
			align-items:center;
			padding: 0 15px 20px;
			}
			.checklist-daybefore li div{
				content: ' ';
				display: inline-block;
				width: 32px;
				height: 32px;
				border: solid 3px rgba(255,255,255,0.8);
				margin-right: 10px;
				}
			.checklist-daybefore li p{
				font-size: 24px;
				margin-right: auto;
				}
			.checklist-daybefore li a{
				display: block;
				background-color: #fff;
				border-radius: 5px;
				color: #0e1028;
				width: 75px;
				padding: 5px 0;
				font-size: 18px;
				text-align: center;
				}
	
	/* フロー */	
	.list-compeflow li{
		background-color: #878894;
		padding: 20px 0;
		display: flex;
		border-bottom: solid 1px #0e1028;
		}
		.list-compeflow li h3{
			width: 290px;
			font-size: 24px;
			color: #fff;
			padding-left: 20px;
			}
			.list-compeflow li h3 span{
				display: block;
				padding-left: 25px;
				}
		.list-compeflow li div{
			}
			.list-compeflow li div h4{
				font-size: 18px;
				padding-bottom: 5px;
				color: #fff;
				}
			.list-compeflow li div p{
				color: #fff;
				padding-right: 15px;
				}
			.list-compeflow li ul{
				margin-left:1em;
				padding-bottom: 5px;
				}
				.list-compeflow li ul li{
					border: none;
					width: inherit;
					color: #fff;
					padding: 0;	
					
					}
		.list-compeflow li span{
			display: block;
			}
		.txt-end{
			text-align: center;
			font-size: 30px;
			padding: 15px 0 5px;
			}

/*お問い合わせ欄*/
#flow-area{
	background-color: #0e1028;
	}
	#flow-area *{
		color: #fff;
		}
	#flow-area .btn-area{
		flex-wrap: wrap;
		}

		#flow-area .btn-area a:nth-of-type(1),
		#flow-area .btn-area a:nth-of-type(2){
			margin-bottom: 2px;
			}

/*フォーム*/
#form-area{
	background-color: #cfcfd4;
	padding-top: 50px;
	}
	#form-area .table-common tr,
	#form-area .table-common th,
	#form-area .table-common td{
		display: block;
		pad: 5 10px
		}	

		#form-area .table-common th{
			background-color: #878894;
			color:#fff;
			}
			#form-area .table-common th h5{
				display: inline;
				}
			#form-area .table-common th .kome{
				color: #b02d7f;
				display: inline;
				}
			#form-area .table-common td{
				background-color: rgb(219, 219, 219);
				}

		/*フォーム部品*/
		#form-area input[type=text],
		#form-area input[type=email],
		#form-area textarea,
		#form-area select{
			width: 300px;
			padding: 5px 10px;
			background-color: #fff;
			margin-right: 5px;
			}
			#form-area textarea{
				height: 100px;
				width: 300px !important;
				border: none;
				}	
			#form-area input[type=tel]{
				width: 50px;
				padding: 5px 10px;
				background-color: #fff;
				}
		#form-area input[type=radio],
		#form-area input[type=checkbox]{
			margin-right: 5px;
			}
			#form-area label{
				padding-right: 20px;
				}
			
		#form-area .td-start select{
			width:100px;
			}
		#form-area .td-addressin{
			
			}
			#form-area .td-addressin button{
				background-color: #b02d7f;
				padding: 5px 10px;
				color: #fff;
				border-radius: 5px;
				cursor: pointer;
				margin-left: 10px;
				opacity: 0.5;
				transition:0.5s;
				}
				#form-area .td-addressin button:hover{
					opacity: 1;
					transition:0.5s;
					}
       
	#form-area .personaldata-check{
		text-align: center;
		padding: 30px 0;
		max-width: 100vw;
		}
		#form-area .personaldata-check p{
			padding:0 15px 20px;
			}
		#form-area .personaldata-check label{
			font-size: 18px;
			}
		#form-area .personaldata a{
			color: #1e1863;
			text-decoration: underline;
			}

/*確認画面==================*/
#confirm #form-area,
#thankyou #form-area{
	padding-top: 60px;
	}
	#confirm .table-common{
		margin-bottom: 50px;
		}
	#confirm .btn-area a{
		margin-right: 2px;
		}

/* ==========================================================================
アクセス
========================================================================== */
#access{
	background-color: #0e1028;
	}
	#access h2,
	#access h3,
	#access p,
	#access dt,
	#access dd{
		color: #fff;
		}
#access .page-mainarea{
	height: 350px;
	}
	#access .page-mainarea{
		background-image: url(../images/bg-access.jpg);
		background-position-y: bottom;
		background-position-x: right;
		background-size: 800px;
		}
	#access .page-mainarea h1{
		text-align: center;
		color: #fff;
		padding-top: 50px;
		}
	#access .page-mainarea  p{
		text-align: center;
		color: #fff;
		font-size: 18px;
		padding-top: 30px;
		}
		
	/*google map*/
	#googlemap-area iframe{
		width: 100vw;
		height: 300px
		}

	/*車・電車アクセス*/
	#caraccess-area{
		}
		#caraccess-area .pc-flex div:nth-of-type(1),
		#trainaccess-area .pc-flex div:nth-of-type(1){
			background-color: rgba(255,255,255,.6);
			}
			#caraccess-area .pc-flex img,
			#trainaccess-area .pc-flex img{
				width: 100vw;
				}
		#caraccess-area dl,
		#trainaccess-area dl{
			padding: 15px 15px 0;
			}
			#caraccess-area dt,
			#caraccess-area dd,
			#trainaccess-area dd{
				font-size: 14px;
				}
			#caraccess-area dd + dt{
				padding-top: 20px;
				}
	#trainaccess-area h3{
		padding-top: 30px;
		}
	#trainaccess-area p{
		font-size: 14px;
		padding-left: 15px;
		padding-right: 15px;
		}
		#trainaccess-area table{
			margin-top: 30px;
			}

/* ==========================================================================
会員専用
========================================================================== */
#member .page-mainarea{
	height: 350px;
	}
	#member .page-mainarea{
		background-image: url(../images/bg-member.jpg);
		background-position-y: 700px;
		}
	#member .page-mainarea h1{
		text-align: center;
		color: #fff;
		padding-top: 50px;
		}

#member{
	background-color: #0e1028;
	}
	#member h2,
	#member h3,
	#member p,
	#member li,
	#member li::before{
		color: #fff;
		}
		#member .bg-gray,
		#member .bg-gray *,
		#member .bg-gray li::before,
		#member .table-common td li{
			color: #000;
			}
	#member p.bg-gray{
		font-size: 14px;
		text-align: center;
		}
		#member .bg-gray li{
			font-size: 14px;
			padding-bottom: 5px;
			}
		#member .bg-gray .list-atten{
			padding: 0;
			}
	#member .list-atten{
		margin: 0 auto;
		padding: 0 15px 30px;
		}
	#member .txt-subtitle-area{
		padding-bottom: 15px;
		text-align: left;
		}

/*カレンダーカスタム*/
.fc-col-header-cell,
.fc-daygrid-day-frame{
	background-color:rgba(255,255,255,.9);
	}
	.fc-day-today .fc-daygrid-day-frame{
		background-color:#cfcfd4;
		}
	.calendar_1 .fc-event-main{
		background-color: rgba(101, 26, 73, 1.0);
		}

/*その他マージンなどのカスタム======================*/
/*競技日程表*/
#kyougi-area .table-common{
	margin-bottom: 30px;
	}
#member #hdcp-area .list-atten{
	padding-top: 20px;
	}
/*２名のラウンドについて*/
#management-area .txt-subtitle-area:nth-of-type(1){
	padding-bottom: 30px;
	}
/*ハンディキャップの告知方法の変更について*/
#management-area .bg-gray{
	margin-bottom: 30px;
	}
/*チャンピオンカーニバル*/
#member #champcarnival-area{
	padding-bottom: 30px;	
	}
	#member #champcarnival-area .btn-area{
		display: block;
		}
	#member #champcarnival-area .btn-area a:nth-of-type(1){
		margin-bottom: 10px;
		}

/* ==========================================================================
研修生
========================================================================== */
#trainee .page-mainarea{
	height: 350px;
	}
	#trainee .page-mainarea{
		background-image: url(../images/bg-trainee.jpg);
		background-position-x: -295px;
		background-position-y: 40px;
		}
	#trainee .page-mainarea h1{
		text-align: center;
		color: #fff;
		padding-top: 50px;
		}
	#trainee .page-mainarea  p{
		text-align: center;
		color: #fff;
		font-size: 18px;
		padding-top: 30px;
		}

#trainee{
	background-color: #0e1028;
	}
	#trainee h2.subtitle-area,
	#trainee h2.subtitle-area span,
	#trainee #header h3{
		color: #fff;
		font-size: 18px;
		display: block;
		}
	#trainee #form-area h2,
	#trainee h3,
	#trainee p,
	#trainee li,
	#trainee li::before{
		color: #0e1028;
		}
	.merit{
		margin: 0 auto 30px;
		position: relative;
		}
		.merit img{
			max-width: 100vw;
			}
		.merit .area-inn{
			}
		.merit .txt-area{
			background-color: rgba(255,255,255,.8);
			padding: 10px 20px 15px;
			}
			#trainee .merit .txt-area h3{
				text-align: center;
				padding-left:0 !important;
				padding-right:0 !important;
				}
				#trainee .merit .txt-area h3 span{
					font-size: 18px;
					display: block;
					}
				#trainee .merit .txt-area span{
					font-size: 14px;
					}

			/*プロのテキストエリア幅を広く*/	
			.merit:nth-of-type(2) .txt-area{
				}
			.img-right{
				}
				.img-right .txt-area{
					left: 0;
				}	

/* ==========================================================================
レッスンプロ
========================================================================== */
#lesson .page-mainarea{
	height: 220px;
	}
	#lesson .page-mainarea{
		background-image: url(../images/bg-lesson.jpg);
		}
	#lesson .page-mainarea h1{
		text-align: center;
		color: #fff;
		padding-top: 50px;
		}

#lesson{
	background-color: #0e1028;
	}
	#lesson h2,
	#lesson #header h3{
		color: #fff;
		}
	#lesson #form-area h2,
	#lesson h3,
	#lesson p,
	#lesson li,
	#lesson li::before,
	#lesson caption{
		color: #fff;
		}
		#lesson .list-atten{
			padding:0 15px 30px;
			}	
		#lesson table li,
		#lesson table li::before{
			color: #000;
			}
		#lesson .txt-subtitle-area{
			text-align: left;
			}

	/*テーブル下のマージンなど*/
	#lesson #oneday .title-table{
		padding-top: 30px;
		}
		#lesson #oneday .list-atten{
			padding-bottom: 30px;
			}
	#lesson #school .table-price{
		}
	#lesson #round .list-atten{
		padding-bottom: 30px;
		}
		#lesson #round .area-inn{
			padding-bottom: 50px;
			}

	/*ゴルフスクール　テーブル調整*/
	#lesson #school .table-common tbody tr:nth-of-type(4) td:nth-of-type(1),
	#lesson #school .table-common tbody tr:nth-of-type(5) td:nth-of-type(1){
		background-color: #cfcfd4;
		}

	/*merit は研修生と共通*/
	#lesson .merit{
		margin-bottom: 30px;
		}
		#lesson .merit *{
			color: #0e1028;
			}
		#lesson #oneday .merit .txt-area{
			}
		#lesson #school .merit .txt-area{
			}
		#lesson .merit p,
		#lesson .merit li,
		#lesson .merit li::before{
			color: #0e1028;
			font-size:14px;	
			}
			#lesson .merit li{
				}

	/*ボタン補足*/
	#lesson .txt-btn{
		padding-bottom: 5px;
		}
		#lesson .txt-btn a{
			color: #fff;
			text-decoration: underline;
			}

/*略歴*/
.history-area{
	margin: 0 auto 30px; 	
	}
	.history-area .bg-gray{
		}
		.history-area .img-area{
			background-image:url(../images/img-oota.jpg);
			background-size: cover;
			background-position-y: bottom;
			height: 230px;
			width: 200px;
			margin: 0 auto 20px;
			}
		.history-area .bg-gray div:nth-of-type(2){
			flex-grow: 1
			}
			#lesson .history-area h3{
				color:#000;
				font-size:18px;
				}
				#lesson .history-area p{
					color:#000;
					font-size: 14px;
					}
				#lesson .history-area table{
					margin-top: 20px;
					}
				#lesson .history-area th{
					white-space: nowrap;
				}

/* ==========================================================================
スタッフ募集
========================================================================== */
#staff{
    max-width: 100vw;
    overflow-x: hidden;
    } 
	 
#staff #staff-head{
    height: 125vw;
    min-height: 50vw;
    max-width: 100vw;
	position: relative;
    overflow: hidden;
    background-color: #000;
    }
    /* 10度の三角形の底辺と高さの比率は 1:5.671 */
    /* なので、全体幅は 75vh + 1/5.671 * 75vh */
    #staff .mainimage-list li{
        position     : absolute;
        top          : 0;
        width        : calc(((1 / 5.671 * 125vw) + 100vw) / 3);
		border-right: solid 3px #fff;/*20.11.24白線追加*/
        height       : 125vw;
        min-height: 50vw;
        transform    : skewX(-10deg);
        overflow: hidden;
        }
		#staff .mainimage-list li:last-child{
			border-right: none;
			}
        #staff .mainimage-list li img{
            height       : 125vw;
             min-height: 50vw;
            position: relative;
            transform    : skewX(10deg);
			opacity: 0.7;
            }
   
    #staff .mainimage-list li:nth-of-type(1) {
        left: calc( -0.5 / 5.671 * 125vw );
        }
         #staff .mainimage-list li:nth-of-type(1) img{
            right: 124px;
            }
    #staff .mainimage-list li:nth-of-type(2){
        left: calc( (((1 / 5.671 * 125vw) + 100vw) / 3) - 0.5 / 5.671 * 125vw);
        }
        #staff .mainimage-list li:nth-of-type(2) img{
            right: 245px;
            transform: scale(1.1,1.1);
             transform    : skewX(10deg);
            }
    #staff .mainimage-list li:nth-of-type(3){
        left: calc( (((1 / 5.671 * 125vw) + 100vw) *2 / 3) - 0.5 / 5.671 * 125vw);
        }
        #staff .mainimage-list li:nth-of-type(3) img{
            right: 230px;
            }
			
    /*アニメ=====================*/
     #staff .mainimage-list li:nth-of-type(1) {
        animation: staff1 1s forwards;
        animation-delay: 0s;
        opacity: 0;
        }
        @keyframes staff1{
            0% {
                left: calc( (-0.5 / 5.671 * 125vw) + 100px);
                opacity: 0;
                }
            100% { 
                left: calc( -0.5 / 5.671 * 125vw );
                opacity: 1;
                }
            }
     #staff .mainimage-list li:nth-of-type(2) {
        animation: staff2 1s forwards;
        animation-delay: 0.5s;
        opacity: 0;
        }
        @keyframes staff2{
            0% {
                left: calc( (((1 / 5.671 * 125vw) + 100vw) / 3) - 0.5 / 5.671 * 125vw + 100px);
                opacity: 0;
                }
            100% { 
                left: calc( (((1 / 5.671 * 125vw) + 100vw) / 3) - 0.5 / 5.671 * 125vw);
                opacity: 1;
                }
            }
    #staff .mainimage-list li:nth-of-type(3) {
        animation: staff3 1s forwards;
        animation-delay: 1s;
        opacity: 0;
        }
        @keyframes staff3{
            0% {
                left: calc( (((1 / 5.671 * 125vw) + 100vw) * 2 / 3) - 0.5 / 5.671 * 125vw + 100px);
                opacity: 0;
                }
            100% { 
                left: calc( (((1 / 5.671 * 125vw) + 100vw) * 2 / 3) - 0.5 / 5.671 * 125vw);
                opacity: 1;
                }
            }
    
    /*メインテキスト*/
    #staff #staff-head p{
        position: absolute;
        width: 100vw;
        text-align: center;
        bottom: 10vh;
        font-size: 24px;
        color: #fff;
		text-shadow: 0px 2px 7px #000;
		font-weight: 600;
        }
		 #staff #staff-head p span{
			font-size: 24px;
			display: block;
		 	}

#staff #content{
    margin: 0 auto;
    padding: 30px 10px;
    }
        #staff #content .each-element{
			border:solid 4px #eaeaea;
			margin-bottom: 30px;
			padding: 10px 10px;
            }
        #staff .pc-flex .staff-img{
            background-size: cover;
			height: 200px;
			margin-bottom: 20px;
			width: 100%;
            }
            #staff .caddie-area .pc-flex .staff-img{
                 background-image: url(../images/img-staff-caddie.jpg);
                 }
            #staff .trainee-area .pc-flex .staff-img{
                 background-image: url(../images/img-staff-trainee.jpg);
                 }    
        #staff .staff-txt{
            }
            #staff .staff-txt h2{
                font-size: 24px;
                padding-bottom: 20px
                }
            #staff .staff-txt p{
                font-size: 18px;
                padding-bottom: 30px;
                }
				 #staff .staff-txt p span{
					 font-size: 18px;
					 }

        #staff .each-element a{
            display: block;
            text-align: center;
            border: solid 2px;
            line-height: 40px;
            font-size: 18px;
            transition: 0.5s;
            }
            #staff .caddie-area a{
                color: #e79442;
                border-color: #e79442;
                }
                #staff .caddie-area a:hover{
                    background-color: #e79442;
                    color: #fff;
                    transition: 0.5s;
                    }
			/*研修生エリアは順序逆に*/
			#staff .trainee-area .pc-flex{
				display: flex;
				flex-wrap: wrap-reverse;
				}
            #staff .trainee-area a{
                color: #5b6cab;
                border-color: #5b6cab;
                }
                 #staff .trainee-area a:hover{
                    background-color: #5b6cab;
                    color: #fff;
                    transition: 0.5s;
                    }
            #staff .each-element a:hover{
                }

/* ==========================================================================
ニュース一覧 重要なお知らせ
========================================================================== */
#news .page-mainarea,
#important .page-mainarea{
	height: 220px;
	position: relative;
	}
	#news .page-mainarea{
		background-image: url(../images/bg-news.jpg);
		}
		#important .page-mainarea{
			background-image: url(../images/bg-important.jpg);
			}
	#news .page-mainarea h1,
	#important .page-mainarea h1{
		text-align: center;
		color: #fff;
		padding-top: 50px;
		}

#news,
#important{
	background-color: #0e1028;
	}
	#news h2,
	#important h2{
		color: #fff;
		}

	/*イベント一覧*/
	#news .events-area,
	#important .events-area{
		background-color: rgba(16,14,40,0.5);
		position: absolute;
		bottom: 0;
		width: 100vw;
		}
		.events-slide{
			width: 100vw;
			margin: 0 auto;
			padding: 15px 0;
			}	
			.events-slide li img{
				height: 125px;
				width: auto;
				display: block;
				margin: 0 auto;
				}
			.events-slide li p{
				color: rgba(255,255,255,.8);
				text-align: center;
				padding-top: 5px;
				}

	/*ニュース一覧*/	
	#news .allnews,
	#important .allnews{
		width: 100vw;
		padding: 30px 0;
		}
		#news .allnews ul,
		#important .allnews ul{
			flex-grow: 1;
			padding: 0 10px 15px;
			position: relative;
			}
			#news .allnews ul li div,
			#important .allnews ul li div{
				display: flex;
				}
				#news .allnews ul li p,
				#important .allnews ul li p{
					line-height:20px;
					color: #fff;
					font-size: 14px;
					padding-bottom: 10px;
					margin-bottom: 15px;
					}
					#news .allnews ul li p a,
					#important .allnews ul li p a{
						color: #fff;
						}
					#news .allnews ul li p:nth-of-type(1),
					#important .allnews ul li p:nth-of-type(1){
						padding-right: 5px;
						font-size: 12px;
						}
					#news .allnews ul li p:nth-of-type(2),
					#important .allnews ul li p:nth-of-type(2){
						color: #fff;
						text-align: center;
						width: 70px !important;
						flex-grow: 1 !important;
						margin-right: 5px;
						line-height:20px;
						font-size: 9px;
						border-radius: 3px;
						align-self: flex-start;
						padding-bottom: 0;
						}
					#news .allnews ul li p:nth-of-type(3),
 					#important .allnews ul li p:nth-of-type(3){
						border-bottom: solid 1px rgba(183,113,28,.7);
						width: calc(100vw - 150px)!important;
						}
		
		/*ニュース一覧202108*/		
		#news .allnews202108{
			}
			#news .allnews202108 .newsarea-inn{
				}
				#news .allnews202108 .subsubtitle{
					color: #fff;
					padding-bottom: 30px;
					}
				#news .allnews202108 div ul{
					}
		#news .btn202108{
			margin-bottom: 30px;
			}

/*ボタンサイズ*/
#news .minbtn-area,
#important .minbtn-area{
	width: 200px;
	}

/* ==========================================================================
イベント一覧
========================================================================== */
#events .page-mainarea{
	position: relative;
	}
	#events .page-mainarea{
		background-image: url(../images/bg-events.jpg);
		height: calc(85vw / 1.6 + 35vh);
		}
	#events .page-mainarea h1{
		text-align: center;
		color: #fff;
		}

#events{
	background-color: #0e1028;
	}
	#events h2{
		color: #fff;
		}

	/*イベントスライド*/
	#events .events-area{
		}
		.events-slide{
			padding-top: 5vh;
			padding-bottom: 15px;
			}	
			.events-slide li{
				opacity: 0.6;
				}
				/*中央*/
				.events-slide li.slick-active{	
					opacity: 1;
					}
				.events-slide li p{
					
					justify-content: center;
					}
					.events-slide li p:nth-of-type(1){
						padding-bottom: 5px;
						}
					.events-slide li p:nth-of-type(2){
						padding-bottom: 20px;
						}
					.events-slide li p span:nth-of-type(1){
						color: #fff;
						align-self: center;
						text-align: center;
						line-height:18px;
						font-size: 12px;
						border-radius: 3px;
						width: 150px;
						margin: 0 auto;
						display: block;
						}
					.events-slide li p span:nth-of-type(2){
						color: #fff;
						align-self: center;
						text-align: center;
						font-size: 18px;
						}
						
				.events-slide li a{
					overflow: hidden !important;
					display: block;
					height: calc(85vw / 1.6 - 10px);
					border: solid 5px #fff;
					width: 85vw;
					margin: 0 auto;
					box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
					}
					.events-slide li img{
						width: 85vw;
						height: auto;
						margin: 0 auto;
						top: 0;
						}

		/*下のドット*/
		.slick-dots li {
			position: relative;
			display: inline-block;
			width: 40px !important;
			height: 8px !important;
			margin: 0 5px;
			cursor: pointer;
			}
			.slick-dots li button:before {
				font-size: 8px !important;
				line-height: 8px !important;;
				width: 40px !important;
				height: 8px !important;
				content: '' !important;
				background-color: #fff !important;
				}
				.slick-dots li.slick-active button:before {
					color: #fff !important;
					}
			
	/*イベント一覧*/	
	#events .allnews{
		width: 100vw;
		padding: 30px 0;
		}
		#events .allnews ul{
			padding: 0 10px 15px;
			position: relative;
			}
			#events .allnews ul li div{
				display: flex;
				}
				#events .allnews ul li p{
					line-height:20px;
					color: #fff;
					font-size: 14px;
					padding-bottom: 10px;
					margin-bottom: 15px;
					}
					#events .allnews ul li p a{
						color: #fff;
						}
					#events .allnews ul li p:nth-of-type(1){
						padding-right: 5px;
						font-size: 12px;
						}
					#events .allnews ul li p:nth-of-type(2){
						color: #fff;
						text-align: center;
						width: 70px !important;
						flex-grow: 1 !important;
						margin-right: 5px;
						line-height:20px;
						font-size: 9px;
						border-radius: 3px;
						align-self: flex-start;
						padding-bottom: 0;
						}

					#events .allnews ul li p:nth-of-type(3){
						border-bottom: solid 1px rgba(183,113,28,.7);
						width: calc(100vw - 150px)!important;
						}

/*ボタンサイズ*/
#events .minbtn-area{
	width: 200px;
	}


/* ==========================================================================
ニュース詳細
========================================================================== */
.single-page{
	background-color: #0e1028;
	}
.single-page .page-mainarea{
	height: 220px;
	position: relative;
	}
	.single-page .page-mainarea{
		background-image: url(../images/bg-news.jpg);
		}
	.single-page .page-mainarea h1{
		text-align: center;
		color: #fff;
		padding-top: 50px;
		}

	.single-page h2,
	.single-page h3,
	.single-page p,
	.single-page li,
	.single-page li::before,
	.single-page caption,
    .single-page a{
		color: #fff;
		}

	.single-page .img-area{
		text-align: center;
		}
		.single-page .img-area img{
			max-width: 90vw;
			height: auto;
			}	
	.single-page .txt-area,
	.single-page .img-area{
		padding:0 10px 30px;
		}
		.txt-area a{
			text-decoration: underline;
			}
			.txt-area a:hover{
				color: rgb(218,115,139) !important;
				}
		.txt-area strong{
			font-weight: 600 !important;
			}
		.txt-area em,
		.txt-area del,
		.txt-area ins,
		.txt-area li,
		.txt-area span{
			font-size:18px;
			font-weight:500;
			}
		.txt-area ol{
			padding-left: 30px !important;
			}
			.txt-area ol li{
				display: list-item !important;
				list-style-type: decimal !important;
				padding: 0 0 10px;
				font-size:18px;
				}

	/*イベント詳細のイベント一覧*/
	/*イベントギャラリー*/
	.single-page .ul-gallery-event{
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 50px;
		border-left:solid 3px rgba(255,255,255,1);
		}
		.single-page .ul-gallery-event li{
			padding-right: 3px;
			padding-bottom: 3px;
			background-color: rgba(255,255,255,1);
			}
            .single-page .ul-gallery-event li:nth-of-type(1),
            .single-page .ul-gallery-event li:nth-of-type(2),
            .single-page .ul-gallery-event li:nth-of-type(3),
            .single-page .ul-gallery-event li:nth-of-type(4){
                padding-top: 3px;
                }
		.single-page .ul-gallery-event img{
			width: calc((100vw - 12px) / 3);
			}

	.single-page  .allnews{
		width: 100vw;
		padding: 0 0 30px;
		}
		.single-page  .allnews ul{
			padding: 0 10px 15px;
			position: relative;
			}
			.single-page  .allnews ul li div{
				display: flex;
				}
				.single-page  .allnews ul li p{
					line-height:20px;
					color: #fff;
					font-size: 14px;
					padding-bottom: 10px;
					margin-bottom: 15px;
					}
					.single-page  .allnews ul li p a{
						color: #fff;
						}
					.single-page  .allnews ul li p:nth-of-type(1){
						padding-right: 5px;
						font-size: 12px;
						}
					.single-page  .allnews ul li p:nth-of-type(2){
						color: #fff;
						text-align: center;
						width: 70px !important;
						flex-grow: 1 !important;
						margin-right: 5px;
						line-height:20px;
						font-size: 9px;
						border-radius: 3px;
						align-self: flex-start;
						padding-bottom: 0;
						}
					.single-page  .allnews ul li p:nth-of-type(3){
						border-bottom: solid 1px rgba(183,113,28,.7);
						width: calc(100vw - 150px)!important;
						}
	.single-page .btn-area{
		margin-bottom: 20px;
		display: block;
		border: none;
		}
		.single-page .btn-area a:nth-of-type(2){
			margin-top: 10px;
			}	

/*ボタンサイズ*/
.single-page .minbtn-area{
	width: 200px;
	margin-bottom: 50px;
	}

/* 
**********************************************
エラーページ
**********************************************
*/
#errorpage{
	background-color: #0e1028;
	}
#errorpage .page-mainarea{
	height: 200px;
	position: relative;
	}
	#errorpage .page-mainarea{
		background-image: url(../images/bg-errorpage.jpg);
		background-position-y: 0px;
		}
	#errorpage .page-mainarea h1{
		text-align: center;
		color: #fff;
		padding-top: 50px;
		}
	#errorpage  h2,
	#errorpage  h3,
	#errorpage  p,
	#errorpage  span,
	#errorpage  li,
	#errorpage li::before,
	#errorpage  caption{
		color: #fff;
		font-size: 14px;
		}
		#errorpage .area-inn{
			padding-left: 15px;
			padding-right: 15px;
			}
		#errorpage .area-inn p{
			padding-bottom: 15px;
			}
			#errorpage .area-inn p span{
				display: block;	
				}
		#errorpage .area-inn p.btn-area{
			padding-bottom: 3px;
			}